:root{
	--blue : #266491;
	--orange : #f1592b;
	--green : #8dc63f;
	--light-green : #e2eed2;
	--black : #000;
	--dark-gray : #303030;
	--bright-blue : #00cfff;
	--light-bright-blue : #e5faff;
	--bright-blue-hover : #03b6e0;
	--medium-gray : #bdbdbd;
	--light-gray : #ebebeb;
	--white : #fff;
	/*-------*/
	--assessment : #3fc6be;
	--assessment-light : #dbfbf9;

	--program-blue : #1ca0ff;
	--program-blue-light : #dcf0ff;

	--pink : #ff53b0;
	--pink-light : #ffebf6;

	--wbsite-orange : #f1592b;
	--wbsite-orangel-light : #ffeee9;

	--purple : #bb3fc6;
	--purple-light : #fdeaff;

	--presentaton-purple : #5e49fb;
	--presentaton-purple-light : #edebff;

	--tool-orange : #ffa200;
	--tool-orangel-light : #fff4e1;

	--guide-yellow : #ffc600;
	--guide-yellow-light : #fff8dd;

	--webinar-green : #b3ce21;
	--webinar-green-light : #f8ffd3;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px
	line-height: 24px
}
section{
	width: 100%;
	float: left;
}
h1, h2, h3, h4, h5, h6, p, article, ul, figure{
	margin: 0;
	padding: 0;
}
h3, h4{
	padding-bottom: 5px;
}
h5{
	padding-bottom: 3px;
}
li{
	padding-bottom: 5px;
}
.font-weight-bolder {
  font-weight: 800 !important;
}
.page-btn li{
	padding-bottom: 0px;	
}
.back-page{
	font-size: 14px;
	color: var(--dark-gray);
	font-weight: 700;
	display: block;
	margin-bottom: 30px;
}
.back-page:after {
    content: '';
    width: 125px;
    height: 1px;
    background: #000;
    display: block;
    position: relative;
    top: 0px;
    left: 24px;
    opacity: 0;
}
.page-node-type-pbis-resource .back-page:after {
	/*width: 160px;*/
	width: 34px;
}
.back-page:hover{
	text-decoration: none;
	color: #000;
}
.back-page:hover:after{
	opacity: 1;
}
.back-page img{
	width: 15px;
	margin-right: 5px;
	display: inline-block !important;
}
hr.hr{
	height: 4px;
	width: 100%;
	border: 0;
	background-color: var(--light-gray);
	margin: 0;
	float: left;
}
hr.hr-space{
	margin-top: 20px;
}
hr {
    float: left;
    width: 100%;
}
blockquote {
    padding: 25px 0 31px;
    border-top: 4px solid #ebebeb;
    border-bottom: 4px solid #ebebeb;
    font-size: 24px;
    color: #266491;
    line-height: 36px;
    font-weight: 800;
	margin: 45px 0 45px;
	width: 100%;
    float: left;
}
blockquote p{
	margin-bottom: 10px !important;
	font-size: 24px;
    color: #266491;
    line-height: 36px;
    font-weight: 800;
}
blockquote .attribution{
	font-size: 14px;
    line-height: 18px;
    font-weight: 800;
	margin-bottom: 0 !important;
	margin-top: 10px !important;
	color: #000;
	text-transform: uppercase;
}
blockquote > *:last-child{
	margin-bottom: 0 !important;
}
input:focus, button:focus{
	outline: 0;
}
/********************
CONTAINER
********************/
.container{
	max-width: calc(100% - 120px);
}
.col3{
	width: 33.33%;
	float: left;
}
/********************
PAGINATION
********************/
.pagination {
    width: 100%;
    float: left;
    justify-content: flex-end;
    margin-bottom: 50px;
}
.pagination li{
	margin-right: 15px;
}
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a{
    display: inline-block;
    padding: 0px 10px;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    line-height: 30px;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
}
.pagination li.active a{
   background-color: var(--light-bright-blue);
    text-decoration: none;
    border-color: var(--bright-blue);
    font-weight: 800;
}
.pagination li a:hover{
   background-color: var(--light-bright-blue);
   text-decoration: none;
   border-color: var(--bright-blue);
}
.pagination li img{
	height: 20px;
}
/********************
TYPOGRAPHY
********************/
p{
	font-size: 16px;
	line-height: 24px;
}
h1{
	font-size: 42px;
	line-height: 52px;
	font-weight: 800;
}
h2{
	font-size: 30px;
	line-height: 36px;
	font-weight: 800;
}
h3{
	font-size: 24px;
	line-height: 28px;
	font-weight: 800;
}
h4{
	font-size: 18px;
	line-height: 22px;
	font-weight: 800;
}
h5{
	font-size: 14px;
	line-height: 18px;
	font-weight: 800;
}
h6{
	font-size: 12px;
	line-height: 18px;
	font-weight: 800;
}
.excerpts{
/* first line now looks the same as the rest of the copy
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
*/
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {

  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:-moz-autofill{
-moz-box-shadow: 0 0 0px 1000px transparent inset;
}
/********************
LIST STYLE
********************/
.listing{
	list-style: none;
	margin: 30px 0;
}
.listing li{
	position: relative;
	padding-left: 15px;
	line-height: 22px;
	background-image: url(../images/arrow-green.svg);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: top 4px left;
}
/********************
BUTTON
********************/
.primary-btn{
	background-color: var(--bright-blue);
	outline: none;
	font-size: 14px;
	line-height: 16px;
	line-height: 40px;
	padding: 0 20px;
	color: var(--black);
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 800;
	border:0;
}
.primary-btn:hover{
	background-color: var(--bright-blue-hover);
	text-decoration: none;
	color: var(--black);
}
.primary-btn img {
    height: 13px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}
.btn-outline-green{
	background-color: var(--white);
	outline: none;
	font-size: 14px;
	line-height: 16px;
	line-height: 40px;
	padding: 0 20px;
	color: var(--black);
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 800;
	border:2px solid var(--green);
}
.btn-outline-green:hover{
	background-color: var(--green);
	text-decoration: none;
	color: var(--black);
}
.btn-outline-blue{
	background-color: var(--white);
	outline: none;
	font-size: 14px;
	line-height: 40px;
	padding: 0 20px;
	color: var(--black);
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 800;
	border:2px solid var(--bright-blue);
	cursor: pointer;
}
.btn-outline-blue img{
	width: 15px;
	margin: 0 5px !important;
	position: relative;
	top: -2px;
	display: inline-block !important;
}
.btn-outline-blue:hover{
	background-color: var(--light-bright-blue);
	text-decoration: none;
	color: var(--black);
}
.bottom-btn{
	background-color: var(--white);
	outline: none;
	font-size: 14px;
	line-height: 16px;
	line-height: 25px;
	color: var(--black);
	border-bottom: 1px solid var(--bright-blue);
	font-weight: 800;
}
.bottom-btn:hover{
	text-decoration: none;
	color: var(--black);
	background-color:var(--light-bright-blue);
	cursor: pointer;
}


.bottom-btn:hover {
/*  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23f1592b' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");*/
 /* background-position: left bottom -2px;
  background-repeat: repeat-x;*/
  /*border-bottom-color: transparent !important;*/
  text-decoration: none;
  /*background-size:13px 20%;*/
}
.standard-page-body a{
	background-color: var(--white);
	outline: none;
	font-size: 16px;
	line-height: 24px;
	color: var(--black);
	border-bottom: 1px solid var(--bright-blue);
	font-weight: 700;
}
.standard-page-body ul li{
	font-size: 16px;
	line-height: 24px;
}
.standard-page-body .excerpts a{
	font-size: inherit;
}
.standard-page-body a:hover{
	text-decoration: none;
	color: var(--black);
	background-color:var(--light-bright-blue);
	cursor: pointer;
}
.standard-page-body h1,
.standard-page-body h2,
.standard-page-body h3,
.standard-page-body h4,
.standard-page-body h5,
.standard-page-body h6{
	padding-bottom: 6px !important; 
}
.standard-page-body h2,
.standard-page-body h3,
.standard-page-body h4,
.standard-page-body h5,
.standard-page-body h6{
	padding-top: 6px !important; 
}
/********************
SHARE
********************/
.share-wrap{
	width: 100%;
	float: left;
	margin-top: 15px;
}
.share-wrap h5{
	float: left;
	margin: 0 !important;
}
.social-media-sharing{
	float: right;
}
.share-btn{
	float: right;
	list-style: none;
}
.share-btn li{
	display: inline-block;
	margin: 2px 0 2px 10px;
}
.share-btn li a{
	width: 40px;
	height: 40px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.share-btn li a:hover{
	background-color: var(--light-bright-blue);
}
.share-btn li a img{
	height: 15px;
}
/********************
FORM ELEMENTS
********************/
.form-field{
	margin-bottom: 22px;
	width: 100%;
	float: left;
	padding: 0 10px;
}
.form-field legend{
	float: left;
}
.field-2{
	float: left;
	width: 50%;
}
::placeholder{
	color: var(--dark-gray);
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] , input[type="url"], input[type=search], textarea, select{
	height: 46px;
	border:0;
	background-color: var(--light-gray);
	border-bottom: 1px solid var(--green);
	width: 100%;
	padding: 0 10px;
	font-size: 16px;
	color: var(--dark-gray);
	float: left;
	margin-top: 0;
	border-radius: 0 !important;
}
input{
	border-radius: 0 !important;
}
input.error, textarea.error, select.error{
	border-bottom-color: #df0101;

}
select{
    -webkit-appearance: none;
    background-image: url(../images/down.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    margin-top: 0;
    color: var(--dark-gray);
    padding-right: 40px;
    word-break: break-all;
    white-space: normal;
    border-radius: 0 !important;
}
textarea{
	height: 183px;
	margin-top: 0;
	padding-top: 10px;
	border-radius: 0 !important;
}
.form-field  label{
	font-size: 12px;
	font-weight: 800;
	color: #000;
	margin: 0 0 6px 0;
	display: block;
	float: left;
	width: 100%;
	text-transform: uppercase;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus{
	outline: 0;
}
.form-item-first-name {    /*ADDED 04.2020 DE */
   clear:left;
   }

/*NOT NEEDED 04.2020 DE
.email-field, .phone-field {
    padding-right: calc(50% + 10px);
}*/
.smart-date--date {
        padding-bottom: 1rem;
        display: inline-block;
        font-weight: bold;
}
.address-fields{
	margin-right: -10px;
	margin-left: -10px;
	width: calc(100% + 20px);
}
.address-fields .form-item {
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 22px;
}
.address-fields .form-item  label{
	margin: 0 0 6px 0;
}
.form-field-required label:after {
    content: '*';
    color: #000;
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
    line-height: 0;
}
/* Check box */
.school-type-field .fieldset-wrapper, .school-type-field #edit-school-type{
	width: 100%;
	float: left;
}
.school-type-field legend span{
    font-size: 12px;
    font-weight: 800;
    color: #000;
    margin: 0 0 6px 0;
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
}
.checkbox-wrap{
	float: left;
	margin-right: 50px;
	display: flex;
	align-items: center;
}
.checkbox{
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 1px solid var(--green);
	user-select: none;
}
.checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.checkbox label{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	margin:0;
	cursor: pointer;
	user-select: none;
}
.checkbox input:checked ~ span{
	display: block;
	width: 7px;
	height: 7px;
	background-color: var(--green);
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.checkbox + label {
    margin: 0;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    margin-left: 10px;
    text-transform: capitalize;
}
/* School checkbox */
.school-type-field input{
	display: none;
}
.school-type-field label {
    font-size: 16px;
    position: relative;
    font-weight: 300;
    text-transform: initial;
}
.school-type-field label:before{
	content: '';
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 1px solid var(--green);
	user-select: none;
	margin: 0 10px 0 0;
	top: 6.5px;
}
.school-type-field input:checked ~ label:after{
content: '\f00c';
	font-family: fontawesome;
	display: block;
	color: var(--green);
	margin: auto;
	position: absolute;
	left: 5px;
	top: 7px;
}
.school-type-field .js-form-item{
	display: inline-block;
	margin-right: 45px;
}
/* Search form checkbox */
.search-form .js-form-type-checkbox input{
	display: none;
}
.search-form label{
	margin-bottom: 15px;
	display: inline-block;
}
.search-form .js-form-type-checkbox label{
	position: relative;
	cursor:pointer;
}
.search-form .js-form-type-checkbox label:before{
	content: '';
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 1px solid var(--green);
	user-select: none;
	margin: 0 10px 0 0;
	top: 8px;
}
.search-form .js-form-type-checkbox input:checked ~ label:after{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	background-color: var(--green);
	margin: auto;
	position: absolute;
	left: 9px;
	top: 17px;
}
.search-form  .js-form-item{
	display: inline-block;
	margin-right: 50px;
}
.search-form .button {
    width: auto;
    height: 38px;
    border: 0;
    background-color: var(--bright-blue);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 20px;
}
.search-form .button:hover {
    background-color: var(--bright-blue-hover);
}
.search-form #edit-submit {
    position: relative;
    top: 47px;
    height: 45px;
}
.search-form #edit-help-link{
	display: block;
	margin-top: 15px;
}
.search-form #edit-advanced {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 15px 0;
}
.search-form #edit-advanced summary:focus{
	outline: 0;
}
.search-form #edit-advanced legend {
    font-size: 14px;
    margin-top: 9px;
    float: left;
    margin-bottom: 0;
}
/********************
POLICY ALERT
********************/
.policy-alert{
	background-color: var(--light-gray);
	padding: 50px 0px 50px 0px;
}
.policy-alert p{
	padding-right: 200px;
}
.policy-alert .bottom-btn{
	background-color: transparent;
	margin-right: 10px;
}
.policy-alert .btn-outline-blue {
    float: right;
    position: relative;
    top: -52px;
    margin-bottom: -52px;
}
/********************
HEADER
********************/
.header{
	width: 100%;
	float: left;
	position: relative;
	z-index: 499;
}
.logo img{
	max-width: 100%;
}
.header-wrap nav{
	float: left;
	/*width: calc(100% - 260px);*/
}
.logo{
	float: left;
	width: 310px;
	margin: 20px 50px 20px 0;
}
.logo-light{
	display: none;
}
.navigation{
	float: left;
	/*width: calc(100% - 360px);*/
	position: relative;
}
.user-header{
	float: right;
	margin: 17px 0;
}
.user-header .username{
	display: inline-block;
	margin-right: 15px;
	pointer-events: none;
	user-select: none;
}
.search-btn img{
	width: 20px;
	margin-left: 0;
}
.logout{
	display: inline-block;
	margin-right: 15px;
	font-weight: 800;
	color: var(--black);
	border-bottom: 1px solid transparent;
}
.logout:hover{
	text-decoration: none;
	border-bottom-color: var(--black);
	color: #000;
}
/* search  */
.search-btn{
	height: 50px;
	width: 50px;
	padding: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.search-header{
	float: left;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: flex;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	transition: all .4s;
	background-color: #fff;
}
.header-wrap nav nav{
	transition: all .4s;
}
.open-search .header-wrap nav nav{
	visibility: hidden;
	opacity: 0;
}
.open-search .search-header{
	opacity: 1;
	visibility: visible;
}
.search-header-wrap{
	max-width: 400px;
	width: 100%;
	background-color: var(--light-gray);
	height: 50px;
	position: relative;
	border-bottom: 1px solid var(--green);
}
.search-header-wrap input{
	position: absolute;
	height: 100%;
	width: calc(100% - 50px);
	left: 0;
	top: 0;
	border: 0;
	background-color: transparent;
	padding-left: 15px;
    font-size: 16px;
}
.search-header-wrap img{
	width: 30px;
	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;
}

.search-btn img{
	position: relative;
	z-index: 9;
}
.search-btn img:nth-child(2){
	display: none;
}
.open-search .search-btn img:nth-child(2){
	display: block;
}
.open-search .search-btn img:nth-child(1){
	display: none;
}
.open-search .search-btn:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	background-color: #fff;
}
/**/
.inner-image-banner{
	overflow: hidden;
}
.inner-banner > div:before{
    content: '';
    width: 50%;
    height: 70px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -10px;
    transform: skew(0deg, 3.5deg) translateY(21px);
    z-index: 9;
    left: 0;
}
.inner-banner > div:after{
    content: '';
    width: 50%;
    height: 70px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -10px;
    transform: skew(0deg, -3.5deg) translateY(21px);
    z-index: 9;
    right: 0;
}
/* Menu */
.menu-btn{
	display: none;
}
.main-menu{
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}
.main-menu li a{
	color: var(--black);
	font-size: 14px;
	line-height: 19px;
	display: block;
}
.main-menu > li{
	float: left;
	position: relative;
	margin-right: 40px;
	padding: 33px 0;
}
.mobile-login-menu{
	display: none;
}
.main-menu > li > a{
	padding: 7px 7px;
	border-bottom: 1px solid var(--bright-blue);
	font-weight: 800;
}
.main-menu > li:hover > a{
	background-color: var(--light-bright-blue);
	text-decoration: none;
}
.submenu{
	list-style: none;
	padding: 0;
	display: none;
}
.submenu li{
	float: left;
	width: 100%;
	margin:0;
	position: relative;
}
.submenu li a{
	background-color: var(--light-gray);
	padding: 15px 15px;
	font-weight: 500;
}
.submenu > li:hover > a{
	background-color: var(--white);
	text-decoration: none;
}
.main-menu > .has-child > span{
	display: none;
}
.has-child > span{
	position: absolute;
	right: 15px;
	top: 10px;
	display: block;
}
.has-child > span:after{
	content: '';
	width: 30px;
	height: 30px;
	background-image: url('../images/right.svg');
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
}
@media screen and (min-width: 1271px){
	.submenu{
		position: absolute;
		min-width: 300px;
		left: 0;
		top: 100%;
		padding: 15px 0;
		background-color: var(--light-gray);
	}
	.submenu .submenu{
		left: 100%;
		top: 0;
		margin-left: 1px;
	}
	li:hover > .submenu{
		display: block;
	}
	.main-menu > li.has-child:hover:after{
		content: '';
		display: block;
		height: 8px;
		width: 100%;
		background-color: var(--light-gray);
		position: absolute;
		bottom: 0;
	}
}
/********************
HOME BANNER
********************/
.home-banner{
	position: relative;
	border-bottom: 4px solid var(--orange);
}
.home-banner > div, .home-banner > div > div, .home-banner > div > div > div, .home-banner > div > div > div > div{

}
/*.banner-img {
    height: 100%;
    position: absolute;
    width: 100%;
}*/
.banner-img{
    height: 550px;
    overflow: hidden;
    position: relative;
}
.banner-img>img {
    object-position: center center;
    position: absolute;
	left: 0;
	top:0;
}
.home-banner:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .65;
	position: absolute;
}
.home-banner > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-caption {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.bc-left {
    max-width: 485px;
    float: left;
    position: relative;
    padding-left: 70px;
}
.bc-left h1{
	color: #fff;
}
.bc-left > img{
	width: 40px;
	position: absolute;
	left: 0;
	top: 0;
}
.bc-left .primary-btn{
	margin-top: 50px;
}
/* Right */
.bc-right{
	float: right;
}
.form-panal {
    background-color: #fff;
    padding: 40px 30px;
    max-width: 430px;
    border-top: 4px solid var(--green);
    float: left;
}
.form-panal h2{
	margin-bottom: 15px;
}
.form-panal p{
	font-size: 14px;
	line-height: 22px;
}
.form-panal .primary-btn{
	margin-top: 15px;
}
.form-panal form{
	margin: 30px -10px 0;
}
.form-panal form .primary-btn{
	margin-top: 0;
}
.form-panal form > p{
	padding: 0 10px;
}
.mobile-login-form {
    width: 100%;
    padding: 30px 30px;
    float: left;
    display: none;
}

.mobile-login-form .form-panal{
    box-shadow: 0 0px 4px 0 rgba(0,0,0,0.1),0 0px 4px 0 rgba(0,0,0,0.10) !important;
    max-width: initial;
}
@media screen and (max-width: 991px){
	.mobile-login-form{
		display: block;
	}
	.bc-right{
		display: none;
	}
}
/********************
FOOTER
********************/
footer{
	width: 100%;
	float: left;
	background-color: var(--light-gray);
	padding: 70px 0;
}
.foot-row{
	display: flex;
	flex-wrap: wrap;
}
.foot-col{
	float: left;
	padding-bottom: 40px;
}
.foot-col1{
	width: 30%;
}
.foot-col2{
	width: 20%;
	border-left: 1px solid var(--medium-gray);
	padding-left: 30px;
}
.foot-col3{
	width: 50%;
	border-left: 1px solid var(--medium-gray);
	padding-left: 30px;
}
.foot-col1 img{
	max-width: 250px;
	margin-bottom: 30px;
}
.foot-col1 p{
	font-size: 16px;
	line-height: 24px;
}
.copyright{
	margin-top: 20px;
}
.foot-col3 #block-ourpartners {
   clear: left;
   }
.foot-col2 ul li{
	list-style: none;
	margin-bottom: 10px;
}
.foot-col2 ul li,
.foot-col3 #block-requestformoreinformationlink ul li {
	list-style: none;
	margin-bottom: 10px;
}
.foot-col3 #block-requestformoreinformationlink ul li {
   margin-bottom: 30px;
   }
.foot-col2 ul li a,
.foot-col3 #block-requestformoreinformationlink ul li a {
    padding: 0px 0px;
    border-bottom: 1px solid var(--bright-blue);
    font-weight: 800;
    color: var(--black);
}
.foot-col2 ul li a:hover,
.foot-col3 #block-requestformoreinformationlink ul li a:hover {
	text-decoration: none;
	border-bottom: 1px solid var(--black);
}
.foot-col3 h5{
	margin-bottom: 20px;
}
.foot-col3 .foot-form{
	height: 38px;
	width: 100%;
	max-width: 400px;
	margin-bottom: 40px;
}
.foot-col3 .foot-form > input[type="email"]{
	width: calc(100% - 42px);
	float: left;
	height: 38px;
	border: 0;
	padding-left: 15px;
	background-color: #fff;
}
.foot-col3  button{
	width: 42px;
	float: left;
	height: 38px;
	border: 0;
	background-color: var(--bright-blue);
	background-image: url('../images/arrow_right.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
}
.foot-col3 button:hover{
	background-color: var(--bright-blue-hover);
}
.foot-col3 ul li{
	list-style: none;
	display: inline-block;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}
.foot-col3 ul li.edc-logo {
	padding-top: 20px;
}
.foot-col3 ul li.may {
	padding-top: 20px;
}
.foot-col3 ul li img{
	height: 50px;
	width: auto;
}
.foot-col3 ul li.edc-logo img {
	height: 30px;
}
.foot-col3 ul li.may img {
	height: 35px;
}
@media screen and (min-width:1441px){
	.foot-col3 ul li img{
		height: 75px;
		width: auto;
	}
	.foot-col3 ul li.edc-logo img{
		height: 40px;
		width: auto;
	}
}
/********************
INNER BANNER
********************/
.inner-banner{
	position: relative;
	min-height: 450px;
	max-height: 450px;
	overflow: hidden;
}
.inner-banner:after{
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background-image: url('../images/banner_shap.png');
	position:absolute;
	bottom: 0;
	background-repeat:no-repeat;
	background-size: 100% 60px;
	z-index: 99;
	display: none;
}
.inner-banner:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .50;
	z-index: 9;
}
.inner-banner > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}
.page-header img{
	width: 40px;
}
.ib-caption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    z-index: 9;
}
.banner_blue{
	min-height: 185px;
	background-color: var(--blue);
	overflow: hidden;
}
.banner_blue .ib-caption{
	min-height: 100px;
	background-color: var(--blue);
	padding-top: 20px;
	margin-bottom: 32px;
}
.banner_blue:after{
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	background-image: url('../images/blue_shap.png');
	position:initial;
	bottom: 0;
	background-repeat:no-repeat;
	float: left;
	background-size: 100% 50px;
    display: none;
}
.banner_blue:before{
	display: none;
}
.banner_blue .ib-caption {
	position: initial;
}
/********************
INNER PAGE
********************/
.inner-content{
	padding: 30px 0;
}
/* Sidebar menu */
.sidebar-menu li{
	width: 100%;
	display: block;
	margin-bottom: 5px;
	float: left;
}
.sidebar-menu > li{
	display: none;
}
.sidebar-menu > li.active{
	display: block;
}
.sidebar-menu > li {
    margin-bottom: 0;
}
.sidebar-menu li a{
	display: inline-block;
	padding: 6px 10px;
	font-size:14px;
	font-weight: 800;
	color: #000;
	line-height: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
}
.sidebar-menu ul ul li a{
	text-transform: capitalize;
}
.sidebar-menu li > a.is-active, .sidebar-menu li:hover > a, .sidebar-menu li > a.is-active, .sidebar-menu li.open-menu > a{
	background-color: var(--light-bright-blue);
	text-decoration: none;
	border-color: var(--bright-blue);
}
.sidebar-menu ul{
	padding-left: 30px;
	display: block;
	margin-top: 5px;
    float: left;
}
.sidebar-menu ul .has-child ul{
	display: none;
}
/*.sidebar-menu li.active > ul, .sidebar-menu li:hover > ul{
	display: block;
}*/
.sidebar-menu ul > li{
	position: relative;
}
.sidebar-menu ul > li > a {
    float: left;
    width: 100%;
    padding-right: 24px;
}
.sidebar-menu .has-child > ul button {
    float: left;
    width: 15px;
    border: 0;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 10px;
    height: 30px;
}
.sidebar-menu .has-child > ul .open-menu button:after{
	transform: rotate(0deg);
}
.sidebar-menu .has-child > ul button:after {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(../images/down.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center right;
    display: block;
    transform: rotate(-90deg);
}
/* Column */
.custom-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.col-left{
	width: 355px;
	float: left;
	padding-right: 75px;
}
.col-right{
	width: calc(100% - 355px);
	float: left;
}
.single-col-content .col-right{
	max-width: 940px;
	width: 100%;
}
.resources .custom-row{
	margin: 0 -25px;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 50px);
}
.resources .resources-col{
	margin: 0 25px;
	width: calc(33.33% - 50px);
	margin-bottom: 50px;
}
.mobile-resources{
	display: none;
}
#views-exposed-form-list-of-resources-block-1, #views-exposed-form-list-of-resources-block-2{
	display: none;
}

#block-views-block-list-of-resources-block-1,
#block-views-block-list-of-resources-block-2 {
  clear: both;
}

#block-views-block-list-of-resources-block-1 .display-count, #block-views-block-list-of-resources-block-2 .display-count{
	display: none;
}
/* Filter */
.filter {
    width: 100%;
    float: left;
}
.filter li{
	list-style: none;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
}
.filter li.active a, .filter li.active button{
	background-color: var(--green);
}
/* Resources box style */
.resources-col{
	box-shadow: 0 0px 4px 0 rgba(0,0,0,0.1),0 0px 4px 0 rgba(0,0,0,0.10) !important;
	border-top: 4px solid var(--medium-gray);
	padding:30px 20px;
	text-align: left;
	background-color: #fff;
}
.resources h2{
	margin-bottom: 20px;
}
.resources-col img{
	height: 50px;
}
.resources-col h6{
	margin:10px 0;
	color: var(--dark-gray);
	font-weight: 600;
}
.resources-col h3{
	margin-bottom: 20px;
}
.resources-col h3 a, .staff-col h3 a{
	color: var(--black);
}
.resources-col h3 a:hover, .staff-col h3 a:hover{
	text-decoration: none;
}
.resources-col p{
	font-size: 16px;
    line-height: 24px;
}
.resources-col .bottom-btn{
	display: inline-block;
	margin-top: 20px;
}
.display-count{
	display: block;
	margin-top: 70px;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	font-size: 16px;
	color: #303030;
}
/* color */
.resources-col{
	border-top-color: var(--program-blue);
}
.worksheet{
	border-top-color: var(--purple);
}
.website{
	border-top-color: var(--wbsite-orange);
}
.assessment{
	border-top-color: var(--assessment);
}
.research{
	border-top-color: var(--pink);
}
.presentation{
	border-top-color: var(--presentaton-purple);
}
.tool{
	border-top-color: var(--tool-orange);
}
.guide{
	border-top-color: var(--guide-yellow);
}
.standard-page{
	border-top-color: #266491 !important;
}

.resources-col .bottom-btn{
	border-color: #266491 !important;

}
.resources-col .bottom-btn:hover{
	background-color: var(--program-blue-light) !important;
}
/*.program .bottom-btn, .program .node-field-description a {
    border-color: var(--program-blue) !important;
}
.program .node-field-description hr {
    border-top: 1px solid var(--program-blue) !important;
}

.worksheet .bottom-btn, .worksheet .node-field-description a{
	border-color: var(--purple) !important;

}
.worksheet .node-field-description hr {
    border-top: 1px solid var(--purple) !important;
}

.website .bottom-btn, .website .node-field-description a{
	border-color: var(--wbsite-orange) !important;

}
.website .node-field-description hr {
    border-top: 1px solid var(--wbsite-orange) !important;
}


.assessment .bottom-btn, .assessment .node-field-description a{
	border-color: var(--assessment) !important;

}
.assessment .node-field-description hr {
    border-top: 1px solid var(--assessment) !important;
}

.research .bottom-btn, .research .node-field-description a{
	border-color: var(--pink) !important;

}
.research .node-field-description hr {
    border-top: 1px solid var(--pink) !important;
}

.guide .bottom-btn, .guide .node-field-description a{
	border-color: var(--guide-yellow) !important;
}
.guide .node-field-description hr {
    border-top: 1px solid var(--guide-yellow) !important;
}

.tool .bottom-btn, .tool .node-field-description a{
	border-color: var(--tool-orange) !important;
}
.tool .node-field-description hr {
    border-top: 1px solid var(--tool-orange) !important;
}

.presentation .bottom-btn, .presentation .node-field-description a{
	border-color: var(--presentaton-purple) !important;
}
.presentation .node-field-description hr {
    border-top: 1px solid var(--presentaton-purple) !important;
}

.standard-page .bottom-btn .standard-page .node-field-description a{
    border-color: #266491 !important;
}
.resources-col .bottom-btn:hover{
	background-color: var(--program-blue-light);
}
.program .bottom-btn:hover, .program .node-field-description a:hover{
  background-color: var(--program-blue-light) !important;
}
.worksheet .bottom-btn:hover, .worksheet .node-field-description a:hover{
	background-color: var(--presentaton-purple-light) !important;
}
.website .bottom-btn:hover, .website .node-field-description a:hover{
	background-color: var(--wbsite-orangel-light) !important;
}
.assessment .bottom-btn:hover, .assessment .node-field-description a:hover{
	background-color: var(--assessment-light) !important;
}
.research .bottom-btn:hover, .research .node-field-description a:hover{
	background-color: var(--pink-light) !important;
}
.guide .bottom-btn:hover, .guide .node-field-description a:hover{
	background-color: var(--guide-yellow-light) !important;
}
.tool .bottom-btn:hover, .tool .node-field-description a:hover{
	background-color: var(--tool-orangel-light) !important;
}
.presentation .bottom-btn:hover, .presentation .node-field-description a:hover{
	background-color: var(--presentaton-purple-light) !important;
}*/
.bottom-btn, .node-field-description a {
    border-color: var(--resourceColor) !important;
}
.bottom-btn:hover, .node-field-description a:hover{
	background-color: var(--resourceColorLight) !important;
}
.node-field-description hr {
    border-top: 1px solid var(--resourceColor) !important;
}
/* Sidebar resource */
.sidebar-resources{
	padding:30px 20px;
	background-color: var(--light-gray);
	margin-top: 50px;
	width: 100%;
    float: left;
}
.sidebar-resources h4{
	margin-bottom: 20px;
}
.sidebar-resources .resources-col{
	margin-bottom: 30px;
	width:100%;
}
.sidebar-resources .resources-col h3{
	margin-bottom: 0;
}
.see-all{
	display: block;
	text-align: center;
}
/********************
DETAILS PAGE
********************/
.details-content h2, .details-content h3, .details-content h4, .details-content h5, .details-content h6{
	margin: 30px 0 0;
}
.details-content > *:first-child{
	margin-top: 0;
}
.details-content img {
	max-width: 100%;
	/*margin: 29px 4px 50px 0;*/
	display: block;
}
.standard-page-body img{
	/*margin: 29px 4px 50px 0;*/
	margin: 50px 0 !important;
    display: inline-block;
}
.standard-page-body p img{
	/*margin: 29px 4px 50px 0;*/
	margin: 14px 0 !important;
    display: inline-block;
}
.details-heading{
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}
.details-heading h4{
	margin: 0 !important;
}
.details-heading img{
	height: 75px;
	width: auto;
	margin-top: 0;
	margin-right: 30px;
	float: left;
}
.details-content .button-group:nth-of-type(1){
	margin-top: 50px;
}
.details-content .button-group a{
	margin-bottom: 20px;
}
.details-content p{
	margin-bottom: 30px;
}
.leader-title {
	margin-bottom: 30px;
}
.resource-file-attachment .file-size {
  display: none;
}

.page-btn{
	display: flex;
	list-style: none;
	justify-content: flex-end;
	margin-top: 30px;
    flex-wrap: wrap;
}
.page-btn li{
	margin-top: 5px;
}
.page-btn li:last-child{
	margin-left: 15px;
}
/* color */
.details-worksheet .bottom-btn{
	border-color: var(--purple);
}
.details-website .bottom-btn{
	border-color: var(--wbsite-orange);
}
.details-assessment .bottom-btn{
	border-color: var(--assessment);
}
.details-research .bottom-btn{
	border-color: var(--pink);
}
.details-program .bottom-btn{
	border-color: var(--program-blue);
}
/* Hover */
.details-worksheet .bottom-btn:hover{
	background-color: var(--purple-light);
}
.details-website .bottom-btn:hover{
	background-color: var(--wbsite-orangel-light);
}
.details-assessment .bottom-btn:hover{
	background-color: var(--assessment-light);
}
.details-research .bottom-btn:hover{
	background-color: var(--pink-light);
}
.details-program .bottom-btn:hover{
	background-color: var(--program-blue-light);
}
/********************
PARTCIPANT LOGIN
********************/
.participant-login{
    max-width: 1362px;
	margin-left: 50%;
	transform: translateX(-50%);
	padding: 70px 0;
}
.participant-login form{
	margin-left: -10px;
	margin-right: -10px;
}
.participant-login .excerpts{
	margin-top: 15px;
}
.pl-wrap{
	margin-top: 70px;
	background-color: #fff;
    padding: 40px 30px;
    border-top: 4px solid var(--green);
    box-shadow: 0 0px 4px 0 rgba(0,0,0,0.1),0 0px 4px 0 rgba(0,0,0,0.10);
    width: 100%;
    float: left;
}
.pl-wrap h5{
	margin-top: 30px;
}
.pl-wrap h5 a{
	color: #000;
}
.pl-wrap .form-field:last-child{
	margin-bottom:0;
}
.pl-wrap h2{
	margin-bottom: 15px;
}
/*Foot notes  */
.footnotes-heading{
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: #303030;
    margin: 20px 0 10px !important;
}
.footnotes a{
    background-color: #fff;
    outline: none;
    color: inherit !important;
	font-size: inherit !important;
	text-decoration: none !important;
    line-height: 24px;
    color: var(--black);
    border-bottom: 1px solid #00cfff;
    font-size: 12px;
    font-weight: 700;
}
.footnote_highlighted_text:hover {
    text-decoration: none;
    background-color: #e5faff;
    cursor: pointer;
}
.footnotes {
    padding: 0;
    list-style-position: inside;
}
.footnotes li{
	margin-bottom: 11px;
	font-size: 12px;
	color: #303030;
	line-height: 17px;
}

/* Forgot password */
#user-pass {
    /*width: calc(100% - 355px);*/
}
#user-pass .js-form-item{
	position: initial;
}
#user-pass .excerpts{
	padding-left: 10px;
}
/*********************************************
LEADER SINGLE PAGE
*********************************************/
.leader-s-row{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.leader-s-row figure{
	width: 215px;
}
.leader-s-row figure img{
	width: 100% !important;
	height: auto !important;
}
.leader-title h2{
	margin-top: 0px !important;
}
.leader-s-row article{
	width: calc(100% - 215px) !important;
	padding-left: 20px;
}
.leader-s-row article p.excerpts {
    font-size: 16px;
    line-height: 24px;
    font-weight: initial;
}
.leader-title-mobile{
	display: none;
}
.page-node-type-leader .page-btn{
	margin-top: 15px;
	margin-bottom: 70px;
}
.page-node-type-leader .page-btn li:last-child {
    margin-left: 5px;
}
.leader-single-page a{
	background-color: var(--white);
	outline: none;
	font-size: 16px;
	line-height: 24px;
	color: var(--black);
	border-bottom: 1px solid var(--bright-blue);
	font-weight: 700;
}
.leader-single-page a:hover{
	text-decoration: none;
	color: var(--black);
	background-color:var(--light-bright-blue);
	cursor: pointer;
}
.leader-single-page a.back-page{
	font-size: 14px;
	color: var(--dark-gray);
	font-weight: 700;
	display: block;
	margin-bottom: 30px;
	border: 0px;
}
.leader-single-page a.back-page:hover{
        text-decoration: none;
	color: #000;
	background: none;
	text-decoration: underline;
}
.leader-single-page a.back-page:hover:after{
	opacity: 0;
}
@media screen and (max-width: 525px){
	.leader-title-mobile{
		display: block;
	}
	.leader-title-desktop{
		display: none;
	}
	.leader-s-row figure{
		width: 100%;
	}
	.leader-s-row article{
		width: 100% !important;
		padding-left: 0px;
		padding-top: 20px;
	}
	.page-node-type-leader .page-btn{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) and (min-width: 525px) {
  /*.entity-pager-list .entity-pager-item{
    margin: auto;
  }*/
}
@media screen and (max-width: 525px){
	.entity-pager-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}	
}

/*********************************************
LEADER LISING PAGE
*********************************************/
.staff-listing-container{
	margin-top: 30px;
    margin-bottom: 50px;
}
.staff-listing-row{
	display: flex;
	margin: 0 -20px;
	flex-wrap: wrap;
}
.staff-col {
    width: 33.33%;
    padding: 0 20px;
    margin: 20px 0;
}
.staff-col-inner {
    box-shadow: 0 0 5px 0px rgba(40,44,63,.15);
    padding: 20px;
    border-top: 4px solid #266491;
    height: 100%;
}
.staff-col-inner figure{
	height: 220px;
}
.staff-col-inner figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.staff-info{
	padding: 5px 0 15px;
}
.staff-col-inner h3 {
    margin-bottom: 0;
    margin-top: 10px
}
.staff-col-inner h4 {
    margin-bottom: 0;
    margin-top: 0;
}
.staff-col-inner .bottom-btn {
    border-bottom: 1px solid #266491 !important;
    margin-top: 10px;
    display: inline-block;
}
.staff-col-inner .bottom-btn:hover {
    background-color: #d4e0e9 !important;
}
@media screen and (max-width: 991px){
	.staff-col {
	    width: 50%;
	}
	.staff-listing-container{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 640px){
	.staff-col {
	    width: 100%;
	}
	.staff-col-inner figure{
		height: auto;
	}
}
/*********************************************
BLOCK TYPE 1 STYLE
*********************************************/
.block-type1-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}
.block-type1-row:nth-child(even) {
    flex-direction: row-reverse;
}
.block-type1-col {
    width: 50%;
    display: flex;
    align-items: center;
}
.block-type1-col article {
    padding: 55px 70px 65px;
}
.block-type1-col article h2{
	padding-bottom: 6px;
}
.block-type1-col article p{
	font-size: 20px;
	line-height: 30px;
}
.block-type1-col article .primary-btn{
	margin-top: 50px;
}
.block-type1-col figure{
	height: 100%;
	width: 100%;
}
.block-type1-col figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center; 
}
.block-type1-col article * a{
    background-color: var(--white);
    outline: none;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    border-bottom: 1px solid var(--bright-blue);
    font-weight: 700;
    font-size: inherit;
}
.block-type1-col article * a:hover {
    text-decoration: none;
    color: var(--black);
    background-color: var(--light-bright-blue);
    cursor: pointer;
}
@media screen and (max-width: 991px){
	.block-type1-col{
		width: 100%;
	}
	.block-type1-col article {
	    padding: 55px 30px 65px;
	}
}