/* ========================================================
CSS NAS @2019
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
/***********************
Reusable Styles
***********************/
.bg-color-white{ background-color:#fff!important; }
.bg-color-light-grey{ background-color:#f7f7f7!important; }
.bg-color-grey{ background-color:#52555b!important; }
.bg-color-black{ background-color:#282a2d!important; }
.bg-color-black2{ background-color:#001117!important; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.9)!important; }
.bg-color-blue{ background-color:#00aeef!important; }
.bg-color-light-blue{ background-color:#e1f4fd!important; }
.bg-color-navy{ background-color:#005677!important; }
.bg-color-cyan{ background-color:#009da5!important; }
.bg-color-dark-cyan{ background-color:#004e52!important; }
.bg-color-green{ background-color:#8dc63f!important; }
.bg-color-dark-green{ background-color:#49ba7c!important; }
.bg-color-red{ background-color:#e3375b!important; }
.bg-color-orange{ background-color:#f58025!important; }

.color-white{ color:#ffffff!important; }
.color-grey{ color:#52555b!important; }
.color-black{ color:#282a2d!important; }
.color-blue{ color:#00aeef!important; }
.color-navy{ color:#005677!important; }

.btn-primary { background-color: #7f2b91; border-color: #7f2b91; width: 9rem!important; }
.btn-rounded { border-radius: 0.25rem; }
.btn-on-grandient { background-color: #ffffff; }
.btn-primary:hover{ background-color: #9345A3; border-color: #9345A3; }


.font-weight-light{ font-weight:300; }
.font-weight-bold{ font-weight:700 !important; }
.text-shadow-none{ text-shadow:0px 0px #000000; }
.text-shadow-black{ text-shadow:2px 2px #000000; }

.full-width{width:100%;}

.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }


.round-box-big{ border-radius:2rem; }
.round-box{ border-radius:1.2rem; }
.round-box-small{ border-radius:0.6rem; }
.round-left{ border-radius:1.2rem 0rem 0rem 1.2rem; }
.round-right{ border-radius:0rem 1.2rem 1.2rem 0rem; }
.round-top{ border-radius:1.2rem 1.2rem 0rem 0rem; }
.round-top-left{ border-radius:2rem 0 0 0; }
.round-top-right{ border-radius:0 2rem 0 0; }
.round-bottom{ border-radius:0rem 0rem 1.2rem 1.2rem; }
.round-left-small{ border-radius:0.6rem 0rem 0rem 0.6rem; }
.round-right-small{ border-radius:0rem 0.6rem 0.6rem 0rem; }
.no-border{ border:0; }
.circle{ border-radius:50%; }
.circle-small{ width:1rem; height:1rem; }

.btn-white{ border-radius:1rem; background-color:#fff; color:#005677; border:2px solid #fff; font-size:1.5rem; font-weight:bold; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.btn-white:hover{ border:2px solid #fff; color:#fff; background-color:#005677; }
.btn-navy{ border-radius:1rem; background-color:#005677; color:#fff; font-size:1.5rem; font-weight:bold; }
.btn-transparent{ border-radius:1rem; background-color:transparent; color:#fff; font-size:1.5rem; font-weight:bold; border:2px solid #fff; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.btn-transparent:hover{ background-color:#fff; color:#005677; }

.border-white{ border:1px solid #fff; }
.border-cyan{ border:1px solid #009da5; }
.border-bottom-blue{ border-bottom:4px solid #00aeef; }
.border-bottom-big-blue{ border-bottom:15px solid #00aeef; }
.border-top-small-light-grey{ border-top:2px solid #f7f7f7; }
.border-top-big-light-grey{ border-top:15px solid #f7f7f7; }
.border-bottom-red{ border-bottom:4px solid #e3375b; }
.border-top-orange{ border-top:4px solid #f58025; }
.border-bottom-orange{ border-bottom:4px solid #f58025; }
.border-bottom-medium-orange{ border-bottom:8px solid #f58025; }
.border-bottom-green{ border-bottom:4px solid #8dc63f; }
.border-bottom-dark-green{ border-bottom:4px solid #49ba7c; }
.border-bottom-navy{ border-bottom:4px solid #005677; }
.border-bottom-cyan{ border-bottom:4px solid #009da5; }

.border-absolute-light-grey{ position:relative; }
.border-absolute-light-grey::after{ content:""; position:absolute; z-index:-2; bottom:0; left:0; width:100%; height:4px; background-color:#f7f7f7; }

.section-first{ margin-top:179px!important; }

.text-smallest{ font-size:0.8rem!important; }
.text-smaller{ font-size:0.9rem!important; }
.text-small{ font-size:1rem!important; }
.text-medium{ font-size:1.4rem!important; line-height: 1.2; }

/*Icon sizes*/
.icon-sm{ height:7rem; }
.icon-md{ height:7.5rem; }
.icon-lg{ height:10rem; }

/* Link Flip */
.link-flip a { position:relative; font-weight: 500; -webkit-transition: color 0.3s;	transition: color 0.3s;	-webkit-perspective: 600px;	perspective: 600px;	-webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; }
.link-flip a:hover, .link-flip a:focus { /*color:#fff!important;*/ }
.link-flip a::before, .link-flip a::after { position: absolute; top: 0; left: -4px; z-index: -1; box-sizing: content-box; padding: 0 4px; width: 100%; height: 100%; content: ''; }
.link-flip a::before { background-color: #00aeef; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);	transition-timing-function: cubic-bezier(0.7,0,0.3,1);	-webkit-transform: rotateX(90deg);	transform: rotateX(90deg);	-webkit-transform-origin:50% 100%;	transform-origin: 50% 100%; }
.link-flip a:hover::before, .link-flip a:focus::before { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.link-flip a::after { border-bottom: 2px solid #00aeef; }

.line{ width:10px; height:100%; }

/***********************
HTML Tags Styles
***********************/
/* basic tags */
html{ font-size:16px; }
body{ background-color:#fff; font-family: 'Montserrat', sans-serif; font-weight:400; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
/*Text*/
h1{  }
h2{ line-height:3.5rem; }
h3{  }
h4{  }
h5{  }
h6{  }
a{  }
a:hover{ text-decoration:none; color:#fff; }
a:hover h3{ text-decoration:underline; }
a:hover div h3{ text-decoration:underline; }
p{  }
strong{  }

/*list*/
ul{ list-style-type:none; margin:0rem; padding:0rem; }

/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.skipcontent{ position:absolute!important; z-index:1; top:0; left:0; font-size:0.8rem; background-color:#004E52; color:#fff; padding:0.3rem; }
.scrolledNav{ border-bottom:4px solid #00aeef; }
.navbar-brand{ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.scrolledNav .navbar-brand{ padding-top:1rem!important; padding-bottom:1rem!important; }
.navbar-brand img{ width:224px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.scrolledNav .navbar-brand img{ width:100%; }

.main-nav ul li, .main-nav ul li a{ -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.main-nav.scrolledNav ul li a{ padding-top:0; padding-bottom:0; }
.main-nav.scrolledNav ul li{ margin-top:0.2rem!important; margin-bottom:0.2rem!important; }
.main-nav .nav-item{align-self: center!important; margin:0.25rem 0.5rem;}

.nav-link{ font-weight:700; color:#000; font-size:1.1rem; align-self: center!important;}
.nav-link-big{ font-size:1.7rem; }
.nav-link:focus, .nav-link:hover, .active .nav-link, .current-menu-parent .nav-link{ color:#005677; }

.navbar-helpline{ font-size:1.5rem; font-weight:bold; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-helpline i{ font-size:2rem; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.scrolledNav .navbar-helpline{ font-size:0.8rem; padding: 0.5rem!important; }
.scrolledNav .navbar-helpline i{ font-size:1.5rem; }

.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:50px; height:7px; background-color: #005677; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:6px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; background: transparent !important; }
.navbar-toggler .top-bar{ transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform: rotate(-45deg); transform-origin: 10% 90%; }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }

.navbar-nav .dropdown-menu a.dropdown-item:hover{ background-color:transparent; color:#fff!important; }

.navbar-nav .dropdown-menu a.dropdown-item:hover{ background-color:transparent; color:#fff!important; }

.navbar-nav .dropdown-menu a.dropdown-item{ color:#ffffff!important; font-weight: 600; }
.navbar-nav .dropdown-menu a.dropdown-item.current_page_item, .navbar-nav .dropdown-menu a.dropdown-item:hover{ color:#FECD00!important; background-color:transparent; font-size: 16px; }

.navbar-nav .dropdown-menu{ background-color:#004E52!important; border:0; border-radius:0; animation-duration:0.5s;
	-webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.dropdown-menu {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.navbar .animated{ animation-duration:0.5s; }

/***********************
FOOTER
***********************/
#footer{ border-top:8px solid #00aeef; }
.footer-logo{ width:230px; }
#footer h2{ font-size:1.25rem; color:#fff; line-height:1.875rem; }
#footer h3{ font-size:1rem; color:#fff; }
#footer p{ color:#fff; }
#footer ul li a{ font-size:1rem; font-weight:700; color:#fff; }
#footer .social a{ font-size:1.8rem; }
#footer .footer-back-button{ top:-1.9rem; }
#footer .footer-back-button i{  font-size:2rem; color:#fff; }
#footer .copyright{ font-weight:bold; }
#footer .copyright a{ color:#333; }
#footer .copyright a:hover{ color:#005677; }
#btn-backtop{display:inline-block;background-color:#00aeef;width:50px;height:50px;text-align:center;border:3px solid #fff;border-radius:50%;position:fixed;bottom:80px;right:10px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;}
#btn-backtop i{ font-size:2em;line-height:1.4;color:#fff;}
#btn-backtop:hover{cursor:pointer;background-color:#009da5;}
#btn-backtop:active{background-color:#009da5;}
#btn-backtop.show{opacity:1;visibility:visible;}
/***********************
CONTENT SECTIONS
***********************/
.breadcrumb{ background-color:transparent; margin:0; padding:0; }
.breadcrumb-item, .breadcrumb-item a{ color:#e3e3e3; font-weight:bold; }
.breadcrumb-item.active{ color:#e3e3e3; font-weight:normal; }
.breadcrumb-item+.breadcrumb-item::before { content: ">"; }
ul.pagination{ border-top:1px solid #e3e3e3; }
ul.pagination li a{ border:0!important; border-radius:3px; font-size:1rem; }
ul.pagination li:hover a.bg-color-light-green, ul.pagination li.active a.bg-color-light-green{ color:#10321f!important; background-color:#85c6a1!important; }


/* Pagination */
nav.pagination.navigation{  }
nav.pagination.navigation span{ padding:0.5rem; }
nav.pagination.navigation a{ padding:0.5rem; }
nav.pagination.navigation a:hover{ background-color: #e4f4fc; }
nav.pagination.navigation .current{ background-color: #e4f4fc; }

.section-hero-content{ z-index:2; }

.section-hero .side-image{ position:absolute; z-index:0; width:40%; height:100%; bottom:0; right:0; background-repeat:no-repeat; background-position:left center; background-size:cover; }

.section-hero h1{ font-size:2rem; line-height:1.65625; }

.section-service h2{ font-size:1.4rem; line-height:2rem; font-weight:bold; border-bottom:4px solid #00aeef; }
.home .section-service a:hover{ background-color:#f7f7f7; }

.section-videos h2{ font-size:1.5rem; line-height:2.5rem; }
.section-videos h3{ border-radius:0.5rem 0.5rem 0 0; font-size:1.5rem; font-weight:bold; }

.section-spotlight{ height:25rem; }
.section-spotlight.animated .side-image{ background-position:left center; }
.section-spotlight .side-image{ position:absolute; z-index:0; width:60%; height:100%; bottom:0; left:0; background-repeat:no-repeat; background-position:right center; background-size:cover; -o-transition: all 1s ease-in-out 0.25s; transition: all 1s ease-in-out 0.25s; }

.section-latest .section-latest-content{ border:1px solid #dedede; border-top:8px solid #00aeef; 
-webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29);
box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29);
}
.section-latest .section-latest-content h4, .section-latest .section-latest-content p{ color:#000!important; }
.case-study img{ border:1px solid #e7e8e9; border-bottom:0; }

.section-text h1{ font-size:3rem; font-weight:bold; }
.section-text p{ font-size:1.4rem; }
.section-blocks a p{ color:#000; }

.section-assistance{ background-image:url("../images/icon-group.svg"); background-repeat:no-repeat; background-position:bottom left; }
.section-assistance a{ color:#fff; }
.leaflet-blocks p{ font-size:1rem; }
.leaflet-blocks a{ border:0; }
.section-block-sublinks h3{ font-size:1.4rem; }


.section-latest a{ color:#004fa3; }

.section-contentpage{  }
.section-contentpage p{ width:100%; }
.section-contentpage .table caption{ padding:1rem; }
.section-contentpage .table th{ padding:1rem; }
.section-contentpage .table td{ padding:0.5rem 1rem; font-size:0.9rem; }
.section-contentpage a{ text-decoration:underline; }
.section-contentpage a:not(.btn-navy){ color:#005677; }
.section-contentpage a:not(.btn-navy):hover{ color:#005677; text-decoration:underline; }
.section-contentpage .content-menu h2{ font-size:1.4rem; }
.section-contentpage .content-menu ul, .section-contentpage .content-menu ul li{ margin:0; padding:0; }
.section-contentpage h2{ line-height:1.4; font-weight:bold; padding:0.8rem 0; margin:0 0 1rem 0; color:#005677; }
.section-latest .section-contentpage h3{ font-size:2rem; }
.section-contentpage h3{ font-size:1.5rem; }
.section-contentpage p{ font-size:1.1rem; line-height:1.6; }
.page-id-20 .section-contentpage p, .page-id-20 .section-contentpage ol li{ font-size: 1.4rem; }
.section-contentpage ul li::before { content: ""; background-color:#00aeef; font-weight: bold; display: inline-block; width:15px; height:15px; border-radius:50%; margin-right:1rem; position: absolute; left: -1.5rem; top: 0.25rem; }
.section-contentpage ul li{ margin-bottom:1.5rem; font-weight:bold; position: relative; margin-left: 2rem; }
.section-contentpage hr{ border-top:4px solid #f7f7f7; }
.section-contentpage .fas{ font-size:2rem; }
.section-contentpage ul.pagination li::before{ display:none; }

.aside-menu{  }
.content-menu li::before, .aside-menu li::before{ display:none!important; }
.content-menu li, .aside-menu li{ font-weight:normal; }
.aside-menu li{ border-bottom:2px solid #e5e6e6; margin:0!important; text-align:left;}
.aside-menu li:first-child{ text-align:center;  }
.aside li.current-menu-item a{ font-weight:bold!important; }
.aside-menu li:first-child, .aside-menu li:last-child{ border-bottom:none; }
.aside-menu li:first-child a{ padding:1rem; text-align:center; color:#fff; background-color:#52555b; font-weight:bold; font-size:1.4rem; border-radius:1.2rem 1.2rem 0rem 0rem; }
.aside-menu li:first-child a:hover{ color:#fff; text-decoration:underline; }
.aside-menu li:last-child a{ border-radius:0rem 0rem 1.2rem 1.2rem; }
.aside-menu li a{ display:block; font-size:0.9rem; padding:1rem 1.5rem; background-color:#f7f7f7; color:#414141; font-weight: normal; }
.aside-menu .current-menu-item a{ font-weight: bold; }
.aside-menu li.active a, .aside-menu li a:hover{ color:#005677; font-weight:bold; }

.blue-center-line{ position:relative; text-align:center; }
.blue-center-line::after{ content:""; position:absolute; z-index:-1; top:0; left:50%; margin-left:-10px; width:20px; height:100%; background-color:#00aeef; }
.blue-center-line-half{ position:relative; text-align:center; }
.blue-center-line-half::after{ content:""; position:absolute; z-index:-1; top:0; left:50%; margin-left:-10px; width:20px; height:30%; background-color:#00aeef; }

.section-news hr{ border-top:2px solid #e3e3e3; }
.news-box{ -webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29); -moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29); box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29); }
.news-box h2{ font-size:1.5rem; }
.news-box p{ line-height:1.5; }
.news-box span{ font-size:0.8rem; }

.section-resources{  }
.section-resources h2{ font-size:1.5rem; }
.section-resources a:hover{ color:#005677; }
.section-resources .img-thumbnail{ max-width:200px; max-height:80px; }

.section-whoweare h2{ font-size:1.5rem; }
.section-whoweare h3{ font-size:1.2rem; }
.section-whoweare p{ font-size:0.9rem; margin:0; }
.section-whoweare .bios-text p{ font-size:0.8rem; margin-bottom:1rem; }
.our-board-members .section-contentpage .row:first-child h3{ font-size:1.4rem; text-transform:uppercase; color:#005677; margin-top:2rem; }

.publication-box{ -webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29); -moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29); box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.29); }
.publication-box hr{ border-top:2px solid #e5e6e6; }

.contact-us h3 a{ color:#005677; }
.contact-us h3 a:hover{ color:#005677; text-decoration:underline; }
.contact-us .form-link{ padding:1rem; }
.contact-us .form-link:hover{ background-color: #f7f7f7; }

.section-block-sublinks img{ height:7.5rem; }

.bio-toggler{ cursor:pointer; }

.etr-images ul li::before {
    display: none !important;
    
    
}

.etr-images ul li {
    font-size: 1.4rem;
    margin-left: 0px;
	display: flex;
    flex-direction: row;
    align-items: center;
}

.etr-images ul li img {
    width: 100px;
    margin-right: 20px;
    float: left;
    
}

.etr-images.section-contentpage ul li::before {
    background: #fff !important;
}

iframe{max-width:100%;}

.moove-gdpr-cookie-notice p{ line-height:1.5!important; }

/* ========================================================
-MOBILE
==========================================================*/
@media (max-width: 576px) {
	
}
@media (min-width: 576px) and (max-width: 768px) {
	
}
@media (max-width: 768px){
	
}
@media (min-width: 768px) and (max-width: 992px) {
	
}
@media (max-width: 992px) {	
	.btn-white, .btn-navy, .btn-transparent{ font-size:1.3rem; }
		
	/*Icon sizes*/
	.icon-sm{ height:5rem; }
	.icon-md{ height:5.5rem; }
	.icon-lg{ height:6rem; }
	
	.navbar{ border-bottom:4px solid #00aeef; }
	.main-nav{ height:auto; }
	.round-top-left{ border-radius:0; }
	.blue-center-line::after, .blue-center-line-half::after{ display:none; }
	.navbar .container{ margin:0; padding:0; width:100%; max-width:100%; }
	.navbar-helpline{ font-size:1rem; border-top:4px solid #00aeef; }
	.section-helpline h2{ font-size:1.3rem; }
	.section-hero h1{ font-size:1.5rem; line-height:2.5rem; text-align:center; }
	.section-hero .side-image{ position:relative; top:0; left:0; height:265px; width:100%; background-image:url("../images/hero-img-mobile.png")!important; background-size:auto; background-position:center center!important; }
	.section-service img{ width:100px; }
	.section-videos h3 { font-size:1.2rem; }
	.section-spotlight{ height:auto; }
	.section-spotlight h2{ font-size:1.5rem; line-height:2.5rem; text-align:center; }
	.section-spotlight .side-image{ position:relative; top:0; left:0; height:280px; width:100%; background-image:url("../images/spotlight-img-mobile.png")!important; background-size:auto; background-position:center bottom!important; }
	#footer h2{ font-weight:bold; font-size:1.4rem; }
}
@media (min-width: 992px) {	
	
}
@media (min-width: 992px) and (max-width: 1200px) {
	.nav-link{ font-size:1rem; }
	.nav-link-big{ font-size:1.7rem; }
}
@media (min-width: 1200px) {

}
/* CF7 */
.wpcf7 form.sent .form-group, .wpcf7 form.sent .alert, .wpcf7 form.sent h2, .wpcf7 form.sent small  {
	display: none;
}