/*
	Use this file for overrides.
	Permanent styles can eventually be folded back into style.
*/

div.intro {font-style: italic;font-weight: bold;color: #000;font-size: 24px;font-family: "brandon-grotesque",sans-serif;} /* Replacing p.intro, Line 126 of default.css */

.program-title > h5 {margin: 0; font-size: 32px;font-weight: 900;} /* Replacing .program-title > h5, Line 1386 of default.css */

#stats {background: none;} /* Overriding #stats {background: url(../img/frame.png) no-repeat;background-size: cover;}, Line 1389 of default.css */

.stat-hidden {padding: 15px;margin: 0 20px 15px;} /* NEW paralleling .stat, Line 1392 - for empty parallax by-the-numbers boxes to still hold their places */

.start-banner {background: none;} /* Overriding .start-banner {background: url(../img/start.png) no-repeat;background-size: cover;}, Line 1366 of default.css */

.start-banner .three-box h5 {color: #fff;font-size: 28px;} /* An additional element for .start-banner .three-box h5 a {color: #fff;font-size: 28px;}, Line 1401 of default.css */

h4.selected a { font-size: 28px; color: #00af40 !important; font-style: normal; } /* NEW styles for use in left-column navigation, per PL #18876 ~MEW */
.left-nav ul li.selected > a { font-size: 18px; color: #00af40 !important; font-weight: bold; font-family: "brandon-grotesque",sans-serif; font-style: italic; } 
.left-nav ul ul > li.selected > a { font-size: 15px; color: #00af40 !important; font-weight: normal; font-family: "franklin-gothic-urw", Helvetica, Arial, Verdana, sans-serif; font-style: italic; }

.left-nav > ul > li > ul > li > ul > li > ul > li::before {
    content: url(../img/ARROWLVL3.png) !important;
    padding-right: 10px;
}
.left-nav > ul > li > ul > li > ul > li > ul { padding-left: 15px; }
.left-nav ul span.trigger ~ a { margin-left: -5px; }
.left-nav ul ul span.trigger ~ a { margin-left: -15px; }

@media (min-width: 992px){
	#stats .stat-hidden {width: 22%;margin: 0;margin-left: -25px;height: 255px;} /* See above - Line 1540 */
}

.filter-group > select { margin-left: 5px; } /* Additions to .filter-group > select, Line 1151 of default.css */
.filter-group > select:first-child { margin-left: 0; }

.glossary-menu .menu-wrap a { padding: 3px 6px; } /* Overriding part of .glossary-menu .menu-wrap a, Line 1209 of default.css */

.filter-search-side > select:disabled { color: #888; } /* New for disabled drop-down selectors on Index pages */

a.temperature img { width: 62px; } /* Modifying image size for a.temperature img {}, Line 1085 of default.css */

a.button.black {color: #333; border: none;} /* Change main banner button back to black text, line 123 default.css -- Note this color is slightly grey in keeping with the relative button styles*/

.subhead > p {color: #000 !important;} /* Banner subtitle text --> Black */


/*.grid-item:hover, .grid-item:focus {background: #00af40;}
.grid-item:hover p.name, .grid-item:focus p.name {color:#fff;}
.grid-item:hover p.email, .grid-item:focus p.email {color:#fff;}    -- Commented out to remove hover highlight from Directory - Brandon */ 

#stats-button a:hover {background: #00b3e3 !important;} /* Change the Parallax buttons to hover blue */

/*ul.first-nav li::before, ul.sec-nav li::before, div.left-nav ul li::before {
	content: "";
}
*/
/* .left-nav ul ul ul ul li {padding-left: 75px;} */

.namecard p > a {text-decoration: underline;}

/*.video-caption h4 { padding: 5px 5px 5px 20px;} /* Bug #20010*/ /* Removed to center the text within the yellow box */
.video-caption a.button {padding: 5px 22px;} /* Bug #20010*/
.fa-chevron-right:before {margin-left: 32px;} /*Bug #20126*/

p strong a, p strong a:hover {border-bottom: 3px solid #00af40;} /*Bug #20139*/


/* Additions for Banner Slide positioning functionality for Desktop view only */
@media (min-width: 768px){
	#banner div.banner-wrap .topleft { position: absolute; top: 70px; left: 15px; }
	#banner div.banner-wrap .bottomleft { position: absolute; top: auto; bottom: 70px; left: 15px; }
	#banner div.banner-wrap .topright { position: absolute; top: 70px; left: auto; right: 15px; }
	#banner div.banner-wrap .bottomright { position: absolute; top: auto; bottom: 70px; left: auto; right: 15px; }
	#search-wrap {width: 655px; height: 285px;} /* Bug #19638 - Adjust library search box responsiveness - Brandon Paris */
}

@media (min-width: 992px){
	#banner div.text-wrap.topleft { position: absolute; top: 70px; left: 15px; }
	#banner div.text-wrap.bottomleft { position: absolute; top: auto; bottom: 70px; left: 15px; }
	#banner div.text-wrap.topright { position: absolute; top: 70px; left: auto; right: 15px; }
	#banner div.text-wrap.bottomright { position: absolute; top: auto; bottom: 70px; left: auto; right: 15px; }
}


@media (max-width: 768px){ /* Bug #19638 - Adjust library search box responsiveness - Brandon Paris */
	#search-wrap {    
		width: 341px;
    	height: 368px;
    	margin-left: 11px;}
}



div.copy a.button{
    outline: 0px;
    text-decoration: none;
    border-bottom: 2px solid #00af40;
}

div.copy a.button:hover, div.copy a.button:focus {
    outline: 0px;
    text-decoration: none;
    border-bottom: 2px solid #00af40;
}

#header div.dropdown.menu ul.left-nav-mobile li h5 a {
	font-size: 18px;
}

div.copy ul {
	padding-left: 22px !important; 
}

/* Service Case #145400 - accordion links need underline */
div.aria-accordion-item a {
	outline: 0px;
	text-decoration: none;
	border-bottom: 3px solid #00af40;
}

#google_translate_element{
    text-align:right;
    margin:15px 10px 30px;
}

#google_translate_element select{
    display:inline-block;
    float:right;
    margin:-9px 0 0 15px;
    width:160px;
}

@media print {

	#google_translate_element, #header, .thumb-arrow, .left-nav, .side, .slides, #banner, .left-nav-bg, #footer, div.img-wrap a.mp-video:after, .cta-bg, hr, .video-caption .button, .crumbs{
		display: none;
	}

	img, div.content img, .video-with-caption .img-wrap {
		max-width: 30%;
		float: left;
		margin: 0 30px 30px 0;
	}

	div.content .video-with-caption .img-wrap img {
		max-width: 100%;
	}

	.video-with-caption .video-caption, .flexslider .video-caption {
		width: auto;
	}

	h2 {
		font-size: 20px;
	}

	.polygon {
		background: none;
		padding: 0;
	}

	p.intro {
		font-size: 18px;
	}

	.quote.yellow-bg, .video-with-caption {
		margin: 0;
	}

	a,
    a:visited {
        text-decoration: none;
    }

    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

    .list-content {
    	margin-left: 15px;
		padding: 0;
    }


}


/* Vid Slider / Carousel */
#vid-slider{position:relative;}
#vid-slider .slides .slide{display:none;}
#vid-slider .slides .slide:first-child{display:block;}
#vid-slider .video-with-caption{margin-bottom:0;}
#vid-slider .flex-control-nav{margin:-15px 0 30px;padding:0;position:relative;text-align:center;z-index:1;}
#vid-slider .flex-control-nav li{
    background:#00b3e3;
    border-radius:100%;
    color:#00b3e3 !important;
    display:inline-block;
    height:18px;
    list-style:none;
    margin:0 5px;
    overflow:hidden;
    width:18px;
    z-index:1;
}

#vid-carousel.short{margin:0 auto;max-width:506px;}
#vid-carousel.short .slides li{min-width:208px;}

#vid-slider .flex-control-nav li:before{display:none;}
#vid-slider .flex-control-nav li a{display:block;cursor:pointer;text-indent:-99999px;}
#vid-slider .flex-control-nav li a.flex-active{background:rgba(252,221,0,1);}
#vid-slider .flex-direction-nav li:before{display:none;}
#vid-slider .flex-direction-nav a.flex-prev,
#vid-slider .flex-direction-nav a.flex-next{margin-top:-106px;}

#vid-carousel{padding:0 45px;position:relative;}
#vid-carousel .slides li{display:none;font-size:13px;line-height:16px;padding:20px 7px 10px;position:relative;text-indent:0;}
#vid-carousel .slides li:before{display:none;}
#vid-carousel .slides li > img{margin:0 0 10px;}
#vid-carousel .slides li span.title{display:block;font-weight:600;margin:0 0 5px;}
#vid-carousel .slides li span.description{display:block;}
#vid-carousel .slides li span.marker{
    background:rgba(252,221,0,0.8);
    display:block;
    font-size:20px;
    height:40px;
    line-height:40px;
    position:absolute;
    right:15px;
    text-align:center;
    top:0;
    width:35px;
}
#vid-carousel .flex-control-nav li:before{display:none;}
#vid-carousel .flex-direction-nav li:before{display:none;}
#vid-carousel .flex-direction-nav a.flex-prev{left:0;}
#vid-carousel .flex-direction-nav a.flex-prev,
#vid-carousel .flex-direction-nav a.flex-next{display:block;margin-top:-80px;width:35px;}
#vid-carousel .flex-direction-nav a.flex-prev:after,
#vid-carousel .flex-direction-nav a.flex-next:after{display:block;width:35px;}

/*-- SP ---------------------------------------*/
.share-bar {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	height: 60px;
	align-items: center;
	justify-content: flex-end;
	margin-top: -40px;
	padding-right: 20px;
}

.igx-share-button {
	width: 60px;
	height: 60px;
	display: block;
	position: relative;
	-webkit-transition: all 0.25s linear;
       -moz-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
 	     -o-transition: all 0.25s linear;
   	        transition: all 0.25s linear; 
}

.igx-share-button img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.igx-share-button--trigger {
	order: 1;
	border: 0;
	background-color: #00b3e3;
	z-index: 3;
}

.igx-share-button--facebook, .igx-share-button--twitter {
	position: absolute;
	right: 20px;
}

.igx-share-button--facebook {
	background-color: #294f8e;
	z-index: 2;
}

.igx-share-button--twitter {
	background-color: #00b3e3;
	z-index: 1;
}

.igx-share-button--trigger:hover, .igx-share-button--trigger.active {
	background-color: #444;
}

.igx-share-button--facebook.active {
	margin-right: 120px;
}

.igx-share-button--twitter.active {
	margin-right: 60px;
}

.box-title {
	margin-top: -20px;
}

.list-with-img h4 > a, .list-no-img h4 > a{
	line-height: 1.5;
}
/*-- SP Updates 2021 --*/
#header .desktop-nav div ul.first-nav li:hover ul.subnav {
	display: block;
}

.mfp-bg {
	display: none;
}

/*-- Service Case 187657 --*/

#main ol {
	counter-reset: unset;
}

#main .ol-wrapper {
	counter-reset: my-awesome-counter;
}

#main .ol-wrapper ol {
	list-style: none;
}

#main .ol-wrapper ol li {
	counter-increment: my-awesome-counter;
}

#main .ol-wrapper ol li::before {
	content: counter(my-awesome-counter) '. ';
	font-weight: bold;
}

#main .ol-wrapper ul {
	padding-left: 22px;
}

/* 2022 Updates */

.button-row {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (min-width: 600px) {
	.button-row {
		flex-direction: row;
		flex-wrap: wrap;
	}
}