@charset "utf-8";
/* LEAD Center CSS Customizations */
html {overflow-y: scroll;}
body{
font-family: p22-underground, sans-serif;
font-weight: 400;
font-size: 1.8em;}
body a {color:#003d5b;
	background-image: linear-gradient(to right, currentColor, #888);
    background-size: 1px 1px;
    background-repeat: repeat-x;
    background-position: bottom;
    text-decoration: none;
	padding-bottom:2px;
}
body .header a, body .navbar a, .projectIcons a {
	background-image: none;
}
a:hover{color:#0072b7;}
a:hover, a:focus {text-decoration:none;}
a:visited, a:active{color: #0072b7;}
div.social a:visited {color:#003d5b;}
div.social a:hover {color: #0072b7;}
a.btn, .navbar a{
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: p22-underground, sans-serif;
	font-weight: 600;
	font-style: normal;
    margin-top: 5px;
    text-shadow: none;
	color:#F6681C;}
h1{
	font-size: 2em;
	padding-bottom: 10px;
}
h2{
	font-size: 1.5em;
	margin: 20px auto 15px;
}
h3{
	font-size: 1.3em;
		margin: 20px auto 15px;
}
h4 {
	font-size:19px;
}
h3, h4 {
	font-weight:bold;
}
p{line-height: 1.7em;}
#content ul li{
	padding: 3px;
}
#content  ul.nav-tabs li{
	padding-bottom: 0;
}
body {
	margin-top: 119px;
}
.margin-bot20{margin-bottom: 20px;}
.margin-bot30{margin-bottom: 30px;}
.margin-bot40{margin-bottom: 40px;}
.margin-bot60{margin-bottom: 60px;}
.margin-top20{margin-top: 20px;}
.margin-top30{margin-top: 30px;}
.margin-top40{margin-top: 40px;}
.header .container{position:relative}
.social-top-bar {
    position: absolute;
    top: 83px;
    right: 35px;
}
.social-footer {
	text-decoration: none;
}
.social-icons {
	background-color:#003d5b;
	border-radius: 100px;
	width: 50px;
	height: 50px;
}
.header{height: 130px; background-color: #bfdced;}
.header h3{padding-top: 26px;}
img#logo{margin:0px; max-width:70%;}
.navbar-inverse {
	background-color: #bfdced; 
	background-image: none; 
	border-bottom: 10px solid #003d5b;
}
.navbar-inverse .navbar-nav>.active>a {
	background-color: #0072b7;
	box-shadow: none;
}
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #00619E;
	background-color: #fff;
}
.navbar-inverse .navbar-brand { 
	height:auto;
}
.navbar{
	margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li > a {
	color: #00619E; 
	text-transform:uppercase; 
	text-shadow: none;
}
.navbar-inverse .navbar-nav > li a:hover,
.navbar-inverse .navbar-nav > li a:focus {
	color: #00619E; /* Change text color on hover */
	background-color: #fff; /* Change background on hover */
	transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}
span.large-orange{
	font-size: 32px;
	color: #F6681C;
}
.dropdown-menu{
	padding: 0;
}
.dropdown-menu li a {
    padding: 13px 20px;
}
.dropdown-menu #content{
	padding-top: 8px; 
	background-color:#FFF;
}
#content{
	padding-top: 30px;
	background-color: #fff;
}
#content.content-home{margin-top: 0; padding-top: 0}
.jumbotron {
	background: #fff url("../img/w-banner3.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.large-type{font-size: 18px; color:#e06e3f;
}
.jumbotron {
    height: 400px;
}
.jumbotron h1, .jumbotron .h1 {
    font-size: 46px;
}
.jumbotron p {font-size: 17px;}

/* Keyframes for sliding in from the right */
  @keyframes slideIn {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

 /* Apply animation to the video */
  .slide-in {
    animation: slideIn 1s ease-out forwards;
  }

/*~~~homepage 3 panels under main banner~~~*/
	.panel{
		border-radius: 0;
}
	.panel-title{
		font-size: 18px; 
		font-weight:600;
}
	.panel-default > .panel-body {
		background: #efefef;
		padding: 20px 25px;
	}
	.panel-body hr{
	    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
/*~~~page headlines with red underline~~~*/
	.headline {
		border-bottom: 1px solid #dedfe2;
	}
	.headline {
		border-bottom: 1px dotted #e4e9f0;
		display: block;
		margin: 10px 0 25px;
	}
	.headline h1, .headline h2, .headline h3, .headline h4 {
		border-bottom: 2px solid #e06e3f;
		display: inline-block;
		margin: 0 0 -2px;
		padding-bottom: 5px;
	}
	.headline h2 {
		font-size: 22px;
	}
/*~~~sidebars~~~*/
	.side-block {
		margin-bottom: 20px;
		padding: 20px 30px;
	}
	.side-block-gold {
		background: none repeat scroll 0 0 #ddce90;
	}
	.side-block .headline h1, .side-block .headline h2, .side-block .headline h3, .side-block .headline h4 {
		border-bottom: 0;
		margin-bottom: 3px;
	}
	.side-block .headline {
		border-bottom: 2px solid #e06e3f;
		margin: 0 0 19px;
	}
	.side-block li{
		margin-top: 4px;
	}
.clearfix{clear:both; height: 0;}
.services-section{
	background-color:#bfdced;
	margin: 28px -60px 0;
	padding: 20px 30px; 
	margin-left:0; margin-right:0; padding-left:0; padding-right:0;
}
.services-header-wrap{
	 margin: 0 auto;
    width: 355px;
    text-align: center;
}
.services-section h2{
	color: #000;
	font-size: 30px;
	text-align: center;
	border-bottom: 2px solid #666;
	padding-bottom: 10px;
	margin-left:30px; 
	margin-right:30px;
}
.flex-container {
display: flex;
	flex-direction: row;
	justify-content: center;
}
.blue-box{
  height: 280px; 
	width: 100%;
	float: left;
	background-color:#bfdced;
	padding: 28px 20px;
	margin: 1%;
	text-align:center;
	align-items: stretch;
	justify-content: space-evenly;
}
.blue-box img{
	margin: 0 auto;
	max-width: 150px;
}
.blue-box a {
	display:inline-block;
	text-decoraiton: none;
	transition: transform 0.3s ease;
	background-image: none;
}
.blue-box a:hover {
	transform: scale(1.2); /* Enlarges the link */
}
.blue-box h3{
	color: #000;
	font-weight: 400;
    font-size: 22px;
	line-height: 1.3em;
}
.blue-block{
	background-color:#bfdced;
	padding: 20px 15px;
}
.blue-block img{
	padding: 0 10px;
}
p.service{
	font-size: 18px; 
	font-weight: bold;
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}
.service-item{
	display: table;
	margin: 5px 0;
}
footer p{font-size: .8em; line-height: 1.4em;}
footer {
	min-height: 100px;
}
.center{
	margin: 0 auto;
}
.container{
	padding-left: 25px;
}
@media (min-width: 1200px){
.container {
    width: 1400px;
	width:98%;
}
			.blue-box{
	width: 23%;
	}
}
@media (min-width: 1400px){
.container {
    width: 1400px;
}
}
@media (min-width: 768px){
.navbar-nav {
    float: right;
    margin: 0;
}
.navbar-nav>li>a {
    padding-top: 19px;
    padding-bottom: 12px;
}
.navbar-collapse {
	margin-top:58px;
}
}
@media (max-width: 536px) {
.header h3{padding-top: 30px; font-size: 18px;}

}
@media (max-width: 440px) {
.jumbotron h1, .jumbotron .h1 {
    font-size: 36px;
}
.header h3{padding-top: 10px;}
}
@media (max-width: 640px) {
.jumbotron  {background-position: right;}
}
@media (max-width: 337px) {
.jumbotron p {font-size: 16px;}
#logo{padding-right: 10px;}
.header h3{font-size: 14px;}
}

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 384px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }
}
.homecards {
	display: flex;	
    flex-wrap: wrap;
}
.homecards .col-md-14 p {
	flex:1;
}
.homecards h3 {
	font-size:1.34em;
}
.homecards .col-md-14 {
	padding: 6% 10%;
	height: 100%;
	display: flex;
    flex-direction: column;
	width: 98%;
}
.dblue {
	background-color: #003d5b;
	color: #fff;
}
.dblue-button {
	background-color: #003d5b;
	color: #fff;
}
.dblue, .dblue-button a {
	color: #fff;	
}
.dblue a {
	color:#fff;
}
.dblue a:hover {
	color: #bfdced;
}
.dblue a:visited {
	color:#fff;
}
.dblue h3, .dblue-button h3 {
	color: #bfdced;
}
.peach {
	background-color: #ffe2d3;
}
.peach h3 {
	color: #e85100;
}
.lblue {
	background-color: #bfdced;
}
.lblue h3 {
	color: #0f4769;
}
.TileButtons {
	flex:none;
}
.projects {
	display: flex;
    flex-wrap: wrap;
}
.projects .col-md-14 {
	border: solid 1px #b3b2b2; 
	padding: 6%;
    height: 100%;
	display: flex;
    flex-direction: column;
	width: 98%;
}
.projects .col-md-14 p {
	flex:1;
}
.projects h3 {
	margin-left:0;
}
.projects .col-md-4 {
	margin-bottom:3%;
}
@media (min-width: 992px) {
	.projects .col-md-4 {
	width:32%;
	}
}
.projects .col-md-4 a {
	margin-right:4%;
	margin-bottom: 4%;
    display: inline-block;
}
.projectIcons {
	flex: none;
}
.tab-pane {
	margin-left:20px;
}
.tab-content {
	margin-top:1%;
}
@media (max-width: 440px) {
	.header {
		height: 165px;
	}
	.social {
		top:120px;
	}
	.social a {
		margin-left:3px;
	}

}
@media (max-width: 780px) {
	.row.services-section div.flex-container {
		display:block;
	}
}
@media (max-width: 992px) {
	.nav-tabs>li {
    float: none;
	}
	.services-header-wrap {
		width: 200px;}
	.services-section {
    	margin: 28px 0 0;
	}
	.services-section h2 {
    margin-left: 30px;
	}
}
iframe {
	width:100%;
}
.carousel-control.right, .carousel-control.left {
	background-image:none;
	width:10%;
}
.carousel .glyphicon {
	color:#353535;
}
.carousel-inner>.item {
	padding:0 10%;
	text-align:center;
}
.carousel-inner>.item>img {
	height: 163px;
    padding: 25px 42px;
	display:inline;
}
.nav-tabs>li.active>a {
	background-image:none;
	text-decoration:none;
}
.nav-tabs>li>a {
	background-image:none;
	text-decoration:underline;
}
.staffInfo {
	width:300px; 
	display:inline-block; 
	float:left; 
	position:relative;
	margin-bottom: .6em;
	margin-top:6%;
}
.staffInfo img {
	height:240px;
	display:block;
	margin:auto;
	border-radius:50%;
}
#content.WECstaff {
	background-color:#eee;
}
.row.staffPage {
	padding-top:1em;
	padding-bottom: 2em;
}
@media (max-width: 991px) and (min-width: 768px) {
	.row.staffPage {
	display: flex;
	flex-wrap: wrap;
	}	
}
@media (max-width: 1200px) and (min-width: 702px) {
	.staffInfo img {
	height:210px;
	margin:0;
	}	
}	
.staffInfo .textOverlay {
	opacity:0; 
	position:absolute; 
	top:0; 
	left:0;  
	width:96%;
	height: 100%;
	max-width:300px; 
	transition: opacity .4s ease-in-out; 
	background-color:#eee; 
	padding:6% 9%; 
	font-size: .97em;
	transition-delay: .1s;
	z-index:5000;
}

div.staffInfo:hover .textOverlay, div.staffInfo:focus .textOverlay {
opacity:.95 !important;
}
.staffInfo:focus {outline: dotted 1px #555;}
.staffPage h3 {
	line-height:1.5em;
	margin-bottom:0;
}
.staffPage .staffDetail {
	clear:both;
	text-align:center;
	max-width: 300px;
}
@media (max-width: 1199px) {
	.staffPage .staffDetail {max-width: 240px; margin-bottom: 15px;}
	.staffInfo .textOverlay {width:98%; padding: 4%;}
}
@media (max-width: 991px) {
	.staffPage .staffDetail {max-width: 240px; margin-bottom: 15px;}
	.staffInfo .textOverlay {width:99%;padding: 4% 7%;}
}
.staffDetail a {
	background-image:none;
	padding-left:5px;
}
.staffDetail .longTitle {
	max-width:257px;
	display:inline-block;
}
.staffDetail .longNameTitle {
	max-width:257px;
}
.staffPage h3 a {
	color:#F6681C;
	background-image:none;
}
.carousel-inner .item a {
	background-image:none;
}
.carousel-inner .item img {
	height: 163px;
    padding: 25px 42px;
	display:inline !important;
}
#partners.carousel-inner .item img {
	height: 163px;
    padding: 25px 42px;
	display:inline !important;
}
.testModal .modal-dialog {
	transform: scale(0.9, 0.9);
	transition: transform 1.8s ease;
}
.testModal.in .modal-dialog {
	transform: scale(1, 1);
}
.testModal .modal-body {
	background-image: url("../img/w-banner.png");
}
.testModal.in {
	opacity:1;
}
.onlyfade  {
	opacity:0;
	transition: opacity .3s ease-in;
}
.onlyfade.in {
	opacity: 1;
}
.onlyfadeScale  {
	opacity:0;
	transition: opacity .3s ease-in;
}
.onlyfadeScale.in {
	opacity: 1;
}
.onlyfadeScale .modal-dialog {
	transform: scale(0.9, 0.9);
	transition: transform 1.8s ease;
}
.onlyfadeScale.in .modal-dialog {
	transform: scale(1, 1);
}
.testModalb .modal-dialog {
	transform: translateX(52em);
	transition: 0.3s transform 0s;
}
.testModalb.in .modal-dialog {
	transform: translateX(1em);
}
.testModalb.left .modal-dialog {
	transform: translateX(-42em);
}
.testModalb.left.in .modal-dialog {
	transform: translateX(1em);
}
.testModalb.in {
	opacity:1;
}
#myModal4 {
	margin-left:1em;
}
.modal-backdrop.fade {
	transition-timing-function:ease-out;
}
body.noModalBackdrop .modal-backdrop.in {
	opacity:0;
}
.ModalSamples button {
	padding: 12px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #003d5b;
	background-image:none;
}
.ModalSamples button:hover {
	background-color: #0072b7;
	background-image:none;
	color:#fff;
}
.ModalSamples button.close, .ModalSamples button.close:hover {
	opacity:1;
}
@media (prefers-reduced-motion: reduce) {
  .fade.testModalb .modal-dialog {
	transform: none;
	}
}
/* Racial Equity Rubric page */
div#content.EquityRubric h4 {
	font-size:1em;
}
div#content.EquityRubric .modal-body {
	padding:2%;
}
div#content.EquityRubric .modal-content h3, div#content.EquityRubric .modal-content h4 {
	color:#3675B0;
}
div#content.EquityRubric h4.modal-title {
	color:#fff;
}
div#content.EquityRubric .modal-header {
	background-color:#F07129;
}
div#content.EquityRubric div.row.dimension {
	border:solid 1px #B3B3B3;
	display: flex;
    flex-wrap: wrap;
}
div#content.EquityRubric div.row.dimension .col-md-4 {
	background-color:#F07129; 
	padding: 12% 4%;
}
div#content.EquityRubric div.row.dimension .col-md-4 h2 {
	color:#fff;
}
div#content.EquityRubric div.row.dimension .col-md-8 {
	padding:0;
}
div#content.EquityRubric div.row.dimension .col-md-4:nth-child(even) {
	background-color:#3675B0;
}
div#content.EquityRubric div.row.dimension img{
	width:100%;
	height:100%;
}
div#content.EquityRubric .modal-dialog {
	width:97%; 
	max-width:none; 
	height:97%; 
	margin:0;
}
div#content.EquityRubric .modal-dialog img {
	width:100%;
	min-height:250px;
}
div#content.EquityRubric .modal-content {
	background-color:#ffe2d3;
	height:97%;
}
div#content.EquityRubric .modal-content {
	max-height:100%;
	overflow-y:scroll;
}
div#content.EquityRubric .modal-content ul li{
	font-size:.7em;
}
div#content.EquityRubric .modal-content.blueModal {
	background-color:#C3DFEE;
}
div#content.EquityRubric .modal-content.blueModal .modal-header {
	background-color:#3675B0;
}
div#content.EquityRubric .modal-dialog.NotFirst {
	left:36px;
}
div#content.EquityRubric .modal-content .DimensionDescription{
	font-size:1.2em;
	padding-bottom:1%;
}
@media (max-width: 768px) {
	div#content.EquityRubric .modal-body {
		font-size:.85em;
	}
	div#content.EquityRubric .modal-content .DimensionDescription {
		font-size:1.1em;
	}
	div#content.EquityRubric div.row.dimension .col-md-4 h2 {
		font-size:1.4em;
	}
}
.rubricNav.navbar {
	background-color:#003d5b; 
	border-radius:0;
}
.rubricNav.navbar .navbar-toggler{
	padding:10px; 
	margin:15px 25px;
	background-color:#CDE9F6;
    border-radius: 4px;
}
.rubricNav.navbar .icon-bar{
	display: block; 
	width: 22px; 
	height: 2px; 
	border-radius: 1px; 
	background-color:#003d5b; 
	margin: 2px 0px;
}
body.modal-open {
	height:100vh;
}
.navbar-inverse div.collapse .navbar-nav>.active>a {
    background-image: none;
}
@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 19px;
        /* padding-bottom: 12px; */
        /* padding-bottom: 0; */
        /* padding-bottom: 15px; */
    }
}
a.btn-wec, a:hover.btn-wec, a:visited.btn-wec {
	padding: 12px 20px;
	font-size: 16px;
	color: #fff;
	background-color: #003d5b;
}
a:hover.btn-wec{
	background-color: #0072b7;
}
a.btn-wec-secondary, a:hover.btn-wec-secondary, a:visited.btn-wec-secondary {
	padding: 12px 20px;
	margin: 15px 0px 3px;
	font-size: 16px;
	color: #fff;
	background-color: #F6681C;
	border: solid 2px #F6681C;
}
a:hover.btn-wec-secondary {
	color: #003d5b;
	background-color: #fff;
}