/*********************************************** UNIVERSAL FORMATS **/
html {overflow-x: hidden;} /* removes annoying sidescroll */

#page-content {margin-bottom: 95vh;}

#page-title {margin-top: 1rem; background: #fff; z-index: 500 !important;}
#page-title.sticky.is-stuck {border-bottom: 1px solid rgba(10,10,10,.25) !important;}

#navigation-content .menu-text {color: #4D4D4D;;}
#navigation-content a {color: #115B8D; font-weight: 450;}

/*********************************************** PAGE FORMATS **/
/* HOME */
#home-shortcuts {margin-top: 1rem;}


/* ABOUT THE TEACHING PYRAMID */
#tp-vision {border-radius: 1.0rem; background: #ECF5E4; padding: 1rem; margin-bottom: 2rem;}
#tp-vision h2 {color: #344D98;}
#tp-vision p {font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; color: #4F4F4F; font-style: italic; font-family: "Times New Roman", Times, serif;}

/* SUCCESS STORIES */
ul.accordion li.accordion-item a {font-size: 1.0rem; font-weight: 450;}


/* PROFESSIONAL DEVELOPMENT COMPONENTS */
#tp-components a {color: #4D4D4D;}
#tp-components a p {font-weight: 500;}
#tp-components h2 {font-size: 1.35rem; color: #2E6024; font-weight: 500;}

#tp-components .leadership:hover {background: #ebeef6;} /*#3950A1 */
#tp-components .training:hover {background: #deedf7;} /* #238ACA */
#tp-components .coaching:hover {background: #eff8ee;} /* #5EBD51 */
#tp-components .sustainability:hover {background: #fef3eb;} /* #F68939 */


/* COMPONENT TESTIMONIALS */
	#page-testimonial img {margin: 0.25rem 0.75rem 0.25rem 0;}
	#page-testimonial p {font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 1.125rem; line-height: 1.25rem; color: #222; padding: 1rem; font-weight: 550;}


/* MATERIALS */
#materials .card {padding: 0.5rem;}
#materials a p {color: #115B8D; font-weight: 450; font-size: 1.0rem;}
#materials-intro ol {margin-left: 3rem;}
#materials-intro li {padding-left: 0.58rem; font-weight: 450;}

#page-content .materials h2 {border-bottom: 2px dotted #115F7E; margin: 1rem 0 1rem 0;}
#page-content .materials h3 {margin-top: 1rem;}

#page-content .materials ul {margin-left: 1.5rem;}
#page-content .materials ul li {padding-left: 0;}


/* MATERIALS .PAGE-TOC */
/*
ol.page-toc, ol.page-toc ol {list-style: none; font-size: 0.7rem; font-weight: 425;}
ol.page-toc li ol {margin: 0.1rem 0.75rem;}
ol.page-toc li a {line-height: 0.9rem; padding: 0.15rem 0;}
*/
#page-content h1::before, #page-content h2::before, #page-content h3::before, #page-content h4::before { display: block; content: " "; height: 150px; margin-top: -150px; visibility: hidden;}


#page-content-navigation li {list-style: none; font-size: 0.8rem;}

/*
.toc {overflow-y:auto;}
.toc>.toc-list { overflow:hidden; position:relative;}
.toc>.toc-list li { list-style:none; }
.toc-list { margin:0; padding-left:10px;}
a.toc-link { color:currentColor; height:100%;}
.is-collapsible { max-height:1000px; overflow:hidden; transition:all 300ms ease-in-out;}
.is-collapsed { max-height:0;}
.is-position-fixed { position:fixed !important; top:0;}
.is-active-link { font-weight:700;}
.toc-link::before { background-color:#EEE; content:' '; display:inline-block; height:inherit; left:0; margin-top:-1px; position:absolute; width:2px;}
.is-active-link::before { background-color:#54BC4B;}
*/



/* #page-content h2:focus, #page-content h3:focus, #page-content h4:focus {outline-width: 2px; outline-style: solid; outline-color: highlight; } */

/* #page-content h2:focus, #page-content h3:focus, #page-content h4:focus {box-shadow: 0 0 5px rgba(81, 203, 238, 1); outline-color: -webkit-focus-ring-color; padding: 0.001rem;} */


/*********************************************** MODAL **/
#modal-video {background: #FFFACD;}
#modal-video h2 {font-size: 1.0rem; font-weight: 600; color: #345A5E;}


/*********************************************** UNIVERSAL STYLES **/
#page-title h1 {margin-bottom: 0;}
#page-title h1, #page-content h1 {font-size: 2.5rem; color: #3853A4; font-family: "Times New Roman", Times, serif;}
#page-content h2, #page-content .h2 {font-size: 1.5rem; color: #115F7E; font-weight: 450;}
#page-content h3, #page-content .h3 {font-size: 1.35rem; color: #2E6024; font-weight: 500;}

/* ANCHORS */
#page-content a {color: #115B8D;}
#page-content a.button, #navigation-content a.button, #cop-login .button {color: #ffffff; font-weight: 450;}

/* UL/OL */
#page-content ul, #page-content ol {margin-left: 3rem;}
#page-content li {padding-left: 0.58rem;}

/* ACCORDION */
#page-content ul.accordion {margin-left: 0;}