/*
273Theme Name: Dutch International
Author: Netexpo
Author URI: http://Netexpo.nl
Description: Wordpress theme for Dutch International
Version: 1.0
Text Domain: dutch
*/

/*----------------------------------MAIN BODY STYLE----------------------------------*/
*{padding: 0px;	margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 'Ubuntu', sans-serif; font-size: 14px; color: #1c0c50; background-color: #0068b4; -webkit-animation: bugfix infinite 1s; position: relative;}
a{outline: none; text-decoration: none; color: #1c0c50;}
a:hover{text-decoration: underline;}
a img{outline:none; border: none;}

#wrapper{width: 100%; height: auto; overflow: hidden; position: relative;}
.new-line{display: block;}
.cf:before,
.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;}
.inner{max-width: 950px; position: relative;}

input{background: none; outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
/*----------------------------------
	HEADER STYLES
	---------------------------------------------------------------------------------*/
.site-header{position: relative; width: 100%; height: auto; padding: 22px 0 26px 0; background-color: #fff;  }
.site-header:after { display: block; width:100%; height: 50px; content: ''; position: absolute; bottom: 15px; left: 0; background-color: #EDF4FA; z-index: 1; }
.site-header .site-logo{position: relative; z-index: 5; width: 30%; height: 57px; background: url(images/site-logo.png) no-repeat center center; background-size: contain; float: left;}
.site-logo a {display: block; height: 100%; width: 100%;}

/*----------------------------------
	SITE NAVIGATION STYLES
	---------------------------------------------------------------------------------*/
.site-navigation{ position: relative; z-index: 10; height: auto; margin-top: 71px;}
.site-navigation:before { content: ''; clear: both; display: table; }
.site-navigation ul li{list-style: none; font-size: 15px; line-height: 17px; font-weight: 700; color: #1c0c50; margin-right: 24px; float: left; letter-spacing: -0.2px; position: relative;}
.site-navigation ul li:last-child{margin-right: 0;}
.site-navigation ul li a{color: #1c0c50; position: relative; text-decoration: none; padding-bottom: 7px; display: block;}
.site-navigation ul li a::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color: #e84b04; display: none;}
.site-navigation ul li:hover a::after{display: block;}
.site-navigation ul li.current-menu-item a::after, .site-navigation ul li.current-menu-parent a::after, .site-navigation ul li.current-page-parent a::after{display: block;}

.site-navigation ul li:hover .sub-menu{display: block;}
.site-navigation ul li .sub-menu{width: 150px; height: 150px; position: absolute; left: 0; top: 24px; background-color: #fff; padding: 10px 5px 7px 15px; display: none; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); z-index: 10;}
.site-navigation ul li .sub-menu li{font-size: 12px; font-weight: 400; line-height: 24px; color: #776d96; margin: 0 auto; width: 100%;}
.site-navigation ul li .sub-menu li::before{content: ''; position: absolute; width: 6px; height: 10px; background: url(images/dropdown-li-arrow.png) no-repeat center center; left: 0; top: 6px;}
.site-navigation ul li .sub-menu li a{color: #776d96; padding-left: 9px; padding-bottom: 0;}
.site-navigation ul li:hover .sub-menu li a::after{display: none;}
.site-navigation ul li .sub-menu li:hover::before{background: url(images/dropdown-li-arrow-hover.png) no-repeat center center;}
.site-navigation ul li .sub-menu li:hover a{color: #1c0c50;}

/*----------------------------------
	VIDEO STYLES
	---------------------------------------------------------------------------------*/
.video-block{width: 100%; height: auto; overflow: hidden; position: relative;}
.video-block .home-image{width: 100%; height: 629px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

/*----------------------------------
	FEATURED IMAGE STYLES
	---------------------------------------------------------------------------------*/
.featured-image{width: 100%; position: relative; height: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 408px; position: relative;}
.featured-image .caption{width: 100%; height: auto; padding: 19px 0 26px 0; min-height: 220px; background-color: rgba(0, 104, 180, 0.85);}
.featured-image .caption h1{font-size: 60px; font-weight: 300; color: #fff; line-height: 58px; padding-left: 40px; position: relative; margin-bottom: 10px;}
.featured-image .caption h1::before{content: ''; position: absolute; left: 0; top: 9px; width: 23px; height: 42px; background: url(images/h1-arrow.png) no-repeat center center; background-size: contain;}
.featured-image .caption p{font-size: 20px; font-weight: 300; color: #fff; line-height: 36px; padding-right: 16.842105%;}
.featured-image .shadow{width: 980px; height: 34px; bottom: -34px; position: absolute; left: 50%; margin-left: -490px; background: url(images/content-block-bottom-shadow.png) no-repeat center center;}

/*--- Downloads Page ---*/
.featured-image.no-subtitle{padding-top: 160px;}
.featured-image.no-subtitle .caption{min-height: 100%; padding: 40px 0 42px 0;}

/*----------------------------------
	SITE MAIN STYLES
	---------------------------------------------------------------------------------*/
.back-arrow-content{width: 7px; height: 13px; display: inline-block; background: url(images/backarrow-content.png) no-repeat center center; background-size: contain; vertical-align: middle;}
.site-main{width: 100%; height: auto;}
.site-main h2{font-size: 33px; font-weight: 700; line-height: 34px; color: #1c0c50;}
.main-content h2 {font-size: 18px;}
.page-template-default > h2 {font-size: 18px;}
.site-main p{font-size: 17px; font-weight: 300; line-height: 27px; color: #1c0c50; margin-bottom: 21px;}
.site-main p a{font-weight: 700; text-decoration: none;     display: inline-block;}
.site-main p a::after,.site-main li a::after{content: ''; width: 6px; height: 12px; background-image: url(images/chart-link-arrow.png); background-size: contain; background-repeat: no-repeat; display: inline-block; margin-left: 4px; position: relative; top: 1px;}
.site-main p a:hover{color: #e84b05;}
.site-main p a:hover::after{background-image: url(images/list-item-arrow.png);}
.site-main ul { padding-left: 20px; margin-bottom: 21px; font-size: 17px; font-weight: 300; line-height: 27px; }
.site-main .btn{display: inline-block;}
.site-main .btn a{font-size: 17px; text-transform: uppercase; text-decoration: none; font-weight: 400; color: #1c0c50; line-height: 14px; position: relative; padding-right: 33px; display: block; line-height: 22px; padding-top: 2px;}
.site-main .btn a::before{content: ''; position: absolute; width: 14px; height: 14px; border-radius: 15px; background-color: #1c0c50; right: 25px; top: 5px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-main .btn a:hover::before{right: 14px; opacity: 1;}
.site-main .btn a::after{content: ''; position: absolute; right: 0; top: -10px; width: 25px; height: 45px; background: url(images/btn-arrow.png) no-repeat center center;}

.site-main .announcement .btn{float: right;}
.site-main .announcement .btn a{color: #fff;}
.site-main .announcement .btn a::before{background-color: #fff;}
.site-main .announcement .btn a::after{background: url(images/btn-arrow-white.png) no-repeat center center;}

/*--- Intro Block ---*/
.site-main .intro-block{width: 100%; height: auto; padding-bottom: 10px; background-color: #fff;}
.site-main .intro-block .one-half{width: 49.473684%; float: left; height: auto;}
.site-main .intro-block .one-half.right{float: right;}
.site-main .intro-block .one-half h2{margin-bottom: 7px; margin-top: 25px;}
.site-main .intro-block .one-half .btn{float: right;}
.site-main .intro-block .one-half .find-school{width: 100%; height: auto; position: relative;}
.site-main .intro-block .one-half .find-school .top{position: absolute; left: 0; right: 0; top: -77px; background-color: #fff; cursor: pointer;}
.site-main .intro-block .one-half .find-school .top::before{content: ''; position: absolute; top: 9px; left: 50%; margin-left: -15px; width: 29px; height: 15px; background: url(images/arrow-top.png) no-repeat center center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; pointer-events: none;}
.site-main .intro-block .one-half .find-school .top:hover::before{background: url(images/arrow-top-active.png) no-repeat center center;}
.site-main .intro-block .one-half .find-school .top.arrow-rotate::before{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); background: url(images/arrow-top-active.png) no-repeat center center;}
.site-main .intro-block .one-half .find-school .top h2{padding-top: 31px; padding-bottom: 12px; padding-left: 22px; margin: 0 auto;}
.site-main .intro-block .one-half .find-school .top .slide-up{position: relative; opacity: 0; padding: 0 20px 23px 20px; margin-top: -6px;}
.site-main .intro-block .one-half .find-school .top .slide-up p{margin-bottom: 38px;}
.site-main .intro-block .one-half .find-school .top .slide-up form{width: 100%; height: auto; overflow: hidden;}
.site-main .intro-block .one-half .find-school .top .slide-up form input{width: 66.588785%; float: left; font-size: 17px; font-weight: 400; line-height: 27px; color: #1c0c50; background-color: #ededed; border-radius: 4px; padding: 9px 10px 7px 15px;}
.site-main .intro-block .one-half .find-school .top .slide-up form input::-webkit-input-placeholder{color: #717c92;}
.site-main .intro-block .one-half .find-school .top .slide-up form input:-moz-placeholder{color: #717c92;}
.site-main .intro-block .one-half .find-school .top .slide-up form input::-moz-placeholder{color: #717c92;}
.site-main .intro-block .one-half .find-school .top .slide-up form input:-ms-input-placeholder{color: #717c92;}
.site-main .intro-block .one-half .find-school .top .slide-up form .submit-btn-wrap{width: 30.140186%; float: right; position: relative;}
.site-main .intro-block .one-half .find-school .top .slide-up form .submit-btn-wrap::before{content: ''; position: absolute; width: 10px; height: 10px; border-radius: 10px; background-color: #1c0c50; right: 30px; top: 17px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-main .intro-block .one-half .find-school .top .slide-up form .submit-btn-wrap:hover::before{right: 19px; opacity: 1;}
.site-main .intro-block .one-half .find-school .top .slide-up form .submit-btn-wrap::after{content: ''; position: absolute; width: 18px; height: 32px; right: 8px; top: 6px; background: url(images/submit-btn-arrow.png) no-repeat center center;}
.site-main .intro-block .one-half .find-school .top .slide-up form .submit-btn{width: 100%; font-weight: 700; background-color: #ffcc00; cursor: pointer; padding-right: 40px; text-transform: uppercase;}

.site-main .intro-block .one-half .find-school .map{width: 100%; height: auto; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1;}
.site-main .intro-block .one-half .find-school .map .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,204,0,0.8); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.site-main .intro-block .one-half .find-school .map .search-icon{width: 107px; height: 106px; background: url(images/map-search-icon.png) no-repeat center center; left: 50%; margin-left: -53px; top: 50%; margin-top: -53px; position: absolute;}
.site-main .intro-block .one-half .find-school:hover .map .overlay{background-color: rgba(255,204,0,0.5);}

.site-main .intro-block .one-half .text-wrap{padding: 0 0 0 20px;}
.site-main .intro-block .one-half .half-blocks{width: 100%; height: auto; overflow: hidden; padding-top: 30px;}
.site-main .intro-block .one-half .half-blocks .block{width: 48.936170%; float: left; color: #fff; padding: 23px 15px 93px 20px; position: relative;}
.site-main .intro-block .one-half .half-blocks .block.right{float: right;}
.site-main .intro-block .one-half .half-blocks .block h4{font-size: 19px; font-weight: 700; line-height: 17px; margin-bottom: 14px;}
.site-main .intro-block .one-half .half-blocks .block p{font-size: 15px; line-height: 22px; color: #fff;}
.site-main .intro-block .one-half .half-blocks .block a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.site-main .intro-block .one-half .half-blocks .block a::before{content: ''; position: absolute; width: 15px; height: 15px; border-radius: 15px; background-color: #fff; right: 41px; bottom: 29px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-main .intro-block .one-half .half-blocks .block a:hover::before{right: 30px; opacity: 1;}
.site-main .intro-block .one-half .half-blocks .block a::after{content: ''; position: absolute; right: 15px; bottom: 14px; width: 25px; height: 45px; background: url(images/btn-arrow-white.png) no-repeat center center;}

/*--- Announcement Block ---*/
.site-main .announcement{width: 100%; height: auto; background-color: #0068b4; border-bottom: 10px solid #fff; position: relative;}
.site-main .announcement .icon{width: 172px; height: 147px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 30px; top: 42px;}
.site-main .announcement .text-wrap{padding: 24px 0 59px 240px;}
.site-main .announcement .text-wrap h2{color: #fff; margin-bottom: 10px;}
.site-main .announcement .text-wrap p{color: #fff;}

/*--- CTA Banner ---*/
.site-main .cta-banner {background: #fff; border-bottom: 1px solid #ece8e0;}
.site-main .cta-banner .inner{display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 32px;}
.site-main .cta-banner__text{margin: 0; font-size: 14px; color: #1c0c50; max-width: 560px;}
.site-main .cta-banner__actions{display: flex; align-items: center; gap: 12px; margin: 0;}
.site-main .cta-banner__btn{display: inline-flex; align-items: center; gap: 8px; background: #e84b04; color: #fff; font-weight: 700; font-size: 13px; padding: 10px 18px; border-radius: 4px; text-decoration: none;}
.site-main .cta-banner__btn:hover{text-decoration: none; opacity: 0.9;}

/*--- Content Block Wrap ---*/
.site-main .content-blocks{width: 100%; height: auto; background-color: #fff; padding-bottom: 45px; position: relative;}
.site-main .content-blocks h2{font-size: 33px; font-weight: 700; line-height: 40px; color: #1c0c50; margin-bottom: 5px;}
.site-main .content-blocks span{font-size: 15px; font-weight: 300; line-height: 22px;}
.site-main .content-blocks img{width: 100%; display: block; margin-top: 14px;}
.site-main .content-blocks .fake-btn{font-size: 16px; text-transform: uppercase; line-height: 24px; float: right; padding-right: 17px; margin-top: 25px; position: relative;}
.site-main .content-blocks .fake-btn::before{content: ''; position: absolute; width: 15px; height: 15px; border-radius: 15px; background-color: #1c0c50; right: 25px; top: 4px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-main .content-blocks .fake-btn:hover::before{right: 14px; opacity: 1;}
.site-main .content-blocks .fake-btn::after{content: ''; position: absolute; right: -17px; top: -10px; width: 25px; height: 45px; background: url(images/btn-arrow.png) no-repeat center center;}
.site-main .content-blocks .block a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.site-main .content-blocks .block a::before{content: ''; position: absolute; width: 15px; height: 15px; border-radius: 15px; background-color: #1c0c50; right: 25px; bottom: 19px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-main .content-blocks .block a:hover::before{right: 16px; opacity: 1;}
.site-main .content-blocks .one-fourth{width: 48.936170%; float: left; height: auto; padding: 16px 20px 15px 20px; margin-right: 2.127659%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.site-main .content-blocks .one-fourth.last{margin-right: 0;}
.site-main .content-blocks .one-half{width: 49.473684%; float: left; height: auto; overflow: hidden; margin-right: 1.052631%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.site-main .content-blocks .one-half.last{margin-right: 0;}
.site-main .content-blocks .bottom-shadow{width: 980px; height: 34px; background: url(images/content-block-bottom-shadow.png) no-repeat center center; margin-left: -12px;}
.site-main .content-blocks .bottom-shadow.absolute{bottom: -34px; position: absolute; left: 50%; margin-left: -490px;}

/*--- Main Content ---*/
.site-main .main-content{width: 100%; height: auto; background-color: #fff; padding: 48px 0 52px 0;}
.site-main .main-content ul{margin-bottom: 30px;}
.site-main .main-content ul li{font-size: 15px; font-weight: 300; line-height: 22px; color: #1c0c50; padding-left: 20px; position: relative; list-style: none;}
.site-main .main-content ul li::before{content: ''; width: 6px; height: 13px; background: url(images/list-item-arrow.png) no-repeat center center; background-size: contain; position: absolute; left: 0; top: 4px;}

.site-main .main-content .two-third{width: 58.947368%; float: left; height: auto; margin-top: 32px; padding-right: 30px;}
.site-main .main-content .two-third iframe{width: 100%;}
.site-main .main-content .two-third h4{font-size: 17px; font-weight: 700; line-height: 22px;}
.site-main .main-content .two-third p{font-size: 15px; line-height: 22px; margin-bottom: 21px;}

.site-main .main-content .one-third{width: 32.631578%; float: right; height: auto;}
.site-main .main-content .one-third img{width: 92.258064%; display: block; margin-bottom: 24px;}
.site-main .main-content .one-third.quote p{font-size: 23px; font-weight: 300; line-height: 33px; color: #e84b04;}
.site-main .main-content .one-third.quote p::before{content: ''; width: 31px; height: 25px; background: url(images/quote-icon.png) no-repeat center center; display: block; margin-bottom: 6px;}
.site-main .main-content .one-third.quote.orange p{color: #e84b04;}
.site-main .main-content .one-third.quote.orange p::before{background: url(images/quote-icon.png) no-repeat center center;}
.site-main .main-content .one-third.quote.blue p{color: #0068b4;}
.site-main .main-content .one-third.quote.blue p::before{background: url(images/quote-icon-blue.png) no-repeat center center;}

.site-main .main-content .images-wrap{width: 100%; height: auto; overflow: hidden; float: left; margin-top: 21px; margin-bottom: 18px;}
.site-main .main-content .images-wrap .img-wrap{width: 32.631578%; float: left; margin-right: 1.052631%;}
.site-main .main-content .images-wrap .img-wrap.last{margin-right: 0;}
.site-main .main-content .images-wrap .img-wrap img{width: 100%; display: block;}

.site-main .main-content .one-third.sidebar{border-radius: 15px; background-color: #0068b4; color: #fff; font-family: 'Ubuntu Condensed', sans-serif; padding: 33px 42px 40px 42px; position: relative; margin: 52px auto 52px;}
.site-main .main-content .one-third.sidebar::before{content: ''; position: absolute; width: 32px; height: 32px; top: 10px; left: 10px; background: url(images/sidebar-topleft-arrow.png) no-repeat center center;}
.site-main .main-content .one-third.sidebar::after{content: ''; position: absolute; width: 32px; height: 32px; bottom: 10px; right: 10px; background: url(images/sidebar-bottomright-arrow.png) no-repeat center center;}
.site-main .main-content .one-third.sidebar h3{font-size: 21px; font-weight: 400; line-height: 26px; text-transform: uppercase; margin-bottom: 2px;}
.site-main .main-content .one-third.sidebar p{font-size: 16px; line-height: 26px; color: #fff;}

/*--- Team Members ---*/
.whoweare .site-main .main-content{padding: 48px 0 61px 0;}
.site-main .team-members{width: 100%; height: auto; padding: 81px 0 76px 0; position: relative;}
.site-main .team-members.primary-school{background-color: #fef6f2;}
.site-main .team-members.primary-school::after{content: ''; width: 980px; height: 34px; bottom: -34px; position: absolute; left: 50%; margin-left: -490px; background: url(images/content-block-bottom-shadow.png) no-repeat center center; z-index: 1;}
.site-main .team-members.secondary-school{background-color: #f3f3f6;}
.site-main .team-members h2{margin-bottom: 38px; padding-left: 22px; position: relative;}
.site-main .team-members h2::before{content: ''; position: absolute; left: 0; top: 5px; width: 14px; height: 25px; background: url(images/h2-arrow.png) no-repeat center center;}
.site-main .team-members.primary-school .member{background-color: #fce5da;}
.site-main .team-members.secondary-school .member{background-color: #dddbe5;}
.site-main .team-members .member{width: 32.6315789%; float: left; height: auto; margin-right: 1.052631%; padding: 18px 20px 55px 20px; margin-bottom: 10px;}
.site-main .team-members .member.last{margin-right: 0;}
.site-main .team-members .member .member-img{width: 62.222222%; float: left; overflow: hidden;}
.site-main .team-members .member .member-img img{width: 100%; display: block;}
.site-main .team-members .member ul{width: 100%; height: auto; float: left; margin-top: 12px;}
.site-main .team-members .member ul li{list-style: none; font-size: 14px; font-weight: 400; line-height: 19px;}
.site-main .team-members .member ul li.name{font-size: 15px; font-weight: 700;}
.site-main .team-members .member ul li.position{font-style: italic;}
.site-main .team-members .shadow{width: 980px; height: 34px; bottom: -34px; position: absolute; left: 50%; margin-left: -490px; background: url(images/content-block-bottom-shadow.png) no-repeat center center; z-index: 1;}
.site-main .empty-space{width: 100%; height: 86px; background-color: #fff;}

/*--- Downloads Page ---*/
.site-main .download-blocks{width: 100%; height: auto; background-color: #fff; position: relative;}
.site-main .download-blocks .bottom-shadow{width: 980px; height: 34px; bottom: -34px; position: absolute; left: 50%; margin-left: -490px; background: url(images/content-block-bottom-shadow.png) no-repeat center center;}
.site-main .download-blocks .one-half{width: 49.473684%; float: left; height: auto; margin-right: 1.052631%; margin-bottom: 10px; padding: 16px 20px 5px 20px; position: relative;}
.site-main .download-blocks .one-half.right{margin-right: 0;}
.site-main .download-blocks .one-half h4{font-size: 20px; font-weight: 700; line-height: 22px; margin-bottom: 2px;}
.site-main .download-blocks .one-half .subtitle{font-size: 15px; font-weight: 300; line-height: 22px; font-style: italic; display: block;}
.site-main .download-blocks .one-half .date{font-size: 15px; font-weight: 300; line-height: 22px; display: block; margin-bottom: 16px;}
.site-main .download-blocks .one-half p{font-size: 14px; line-height: 19px; margin-bottom: 19px;}
.site-main .download-blocks .one-half .img-wrap{width: 44.186046%; height: auto; float: left;}
.site-main .download-blocks .one-half .img-wrap img{width: 100%; display: block;}
.site-main .download-blocks .one-half .fake-btn{font-size: 16px; text-transform: uppercase; line-height: 24px; padding-right: 17px; position: absolute; right: 42px; bottom: 38px;}
.site-main .download-blocks .one-half .fake-btn::after{content: ''; position: absolute; right: -17px; top: -10px; width: 25px; height: 45px; background: url(images/btn-arrow.png) no-repeat center center;}
.site-main .download-blocks .one-half a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.site-main .download-blocks .one-half a::before{content: ''; position: absolute; width: 15px; height: 15px; border-radius: 15px; background-color: #1c0c50; right: 45px; bottom: 42px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-main .download-blocks .one-half a:hover::before{right: 38px; opacity: 1;}

/*--- Related Organisations Page ---*/
.site-main .related-organisations{width: 100%; height: auto; background-color: #fff; padding: 86px 0 76px 0;}
.site-main .related-organisations .organisation{width: 32.631578%; float: left; height: auto; margin-right: 1.052631%; margin-bottom: 10px; padding: 20px 20px 18px 20px;}
.site-main .related-organisations .organisation.last{margin-right: 0;}
.site-main .related-organisations .organisation .logo{width: 100%; height: auto; overflow: hidden; margin-bottom: 8px;}
.site-main .related-organisations .organisation .logo img{display: block; float: left;}
.site-main .related-organisations .organisation .logo span{font-size: 40px; font-weight: 700; line-height: 40px; padding-top: 43px;}
.site-main .related-organisations .organisation span{font-size: 15px; font-weight: 700; line-height: 19px; display: block;}
.site-main .related-organisations .organisation a{font-size: 14px; line-height: 19px; font-style: italic; text-decoration: none;}
.site-main .related-organisations .organisation a:hover{color: #e84c05;}
.site-main .related-organisations .organisation .social-links{width: 100%; text-align: right; font-size: 0; margin-top: 65px;}
.site-main .related-organisations .organisation .social-links .social-link{width: auto; height: 25px; display: inline-block; margin-right: 14px; background-repeat: no-repeat; background-position: center bottom; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-main .related-organisations .organisation .social-links .social-link:last-child{margin-right: 0;}
.site-main .related-organisations .organisation .social-links .social-link.facebook{width: 11px; background-image: url(images/facebook-icon.png);}
.site-main .related-organisations .organisation .social-links .social-link.twitter{width: 24px; background-image: url(images/twitter-icon.png);}
.site-main .related-organisations .organisation .social-links .social-link.linkedin{width: 24px; background-image: url(images/linkedin-icon.png);}
.site-main .related-organisations .organisation .social-links .social-link a{width: 100%; height: 100%; display: block;}
.site-main .related-organisations .organisation .social-links .social-link.facebook:hover{width: 11px; background-image: url(images/facebook-icon-hover.png);}
.site-main .related-organisations .organisation .social-links .social-link.twitter:hover{width: 24px; background-image: url(images/twitter-icon-hover.png);}
.site-main .related-organisations .organisation .social-links .social-link.linkedin:hover{width: 24px; background-image: url(images/linkedin-icon-hover.png);}

/*--- Contact Page ---*/
.site-main.contact .main-content{padding: 82px 0 57px 0;}
.site-main.contact .main-content .two-third{margin-top: 0;}
.site-main.contact .main-content .two-third ul li{padding-left: 0;}
.site-main.contact .main-content .two-third ul li::before{display: none;}

/*--- Full Image ---*/
.site-main .full-image{width: 100%; height: auto; overflow: hidden; padding-bottom: 20px; padding-top: 20px; background-color: #fff;}
.site-main .full-image img{width: 100%; height: auto; display: block;}

/*----- Map Page -----*/
.maps-page .site-header{border-bottom: 1px solid #e2e2e2;}

/*----- 404 Page -----*/
.error-page .site-header{border-bottom: 1px solid #e2e2e2;}
.error-page .site-main .main-content{padding: 80px 0 454px 0;}
.error-page .site-main .main-content .img-wrap{width: 21.894736%; float: left; height: auto;}
.error-page .site-main .main-content .img-wrap img{width: 100%; display: block;}
.error-page .site-main .main-content .text-wrap{width: 58.947368%; float: left; height: auto; margin-left: 33px; padding-left: 9px;}
.error-page .site-main .main-content .text-wrap h2{font-size: 48px; font-weight: 700; line-height: 48px; margin-bottom: 16px;}
.error-page .site-main .main-content .text-wrap span{font-size: 20px; font-weight: 300; line-height: 22px; display: block; margin-bottom: 15px;}
.error-page .site-main .main-content .text-wrap p{font-size: 14px; line-height: 22px;}

/*----------------------------------
	SITE FOOTER STYLES
	---------------------------------------------------------------------------------*/
.site-footer{width: 100%; height: auto; margin-top: 34px; background-color: #fff; padding: 30px 0 86px 0; position: relative;}
.site-footer .top-shadow{width: 980px; height: 34px; top: -34px; position: absolute; left: 50%; margin-left: -490px; background: url(images/content-block-bottom-shadow.png) no-repeat center center;}
.site-footer .column{width: 33.684210%; float: left; height: auto;}
.site-footer .column h4{font-size: 14px; font-weight: 700; color: #1c0c50; line-height: 22px;}
.site-footer .column ul li{list-style: none; font-size: 14px; font-weight: 500; line-height: 22px; color: #1c0c50;}
.site-footer .column ul li a{font-weight: 300; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none;}
.site-footer .column ul li a:hover{color: #e84c05;}

.site-footer .social-links{width: auto; float: right; font-size: 0;}
.site-footer .social-links .social-link{width: auto; height: 25px; display: inline-block; vertical-align: bottom; margin-right: 14px; background-repeat: no-repeat; background-position: center bottom; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.site-footer .social-links .social-link:last-child{margin-right: 0;}
.site-footer .social-links .social-link.facebook{width: 11px; background-image: url(images/facebook-icon.png);}
.site-footer .social-links .social-link.twitter{width: 24px; background-image: url(images/twitter-icon.png);}
.site-footer .social-links .social-link.linkedin{width: 24px; background-image: url(images/linkedin-icon.png);}
.site-footer .social-links .social-link a{width: 100%; height: 100%; display: block;}
.site-footer .social-links .social-link.facebook:hover{width: 11px; background-image: url(images/facebook-icon-hover.png);}
.site-footer .social-links .social-link.twitter:hover{width: 24px; background-image: url(images/twitter-icon-hover.png);}
.site-footer .social-links .social-link.linkedin:hover{width: 24px; background-image: url(images/linkedin-icon-hover.png);}

.scrolltop{width: 50px; height: 50px; position: fixed; bottom: 30px; right: 10px; text-decoration: none; cursor: pointer; display: none; background-color: #000; background-image: url(images/scrolltop-arrow.png); background-repeat: no-repeat; background-position: center center;}

/*----- Appended -----*/
.fi-no{padding-top:0 !important;}
.wpcf7-not-valid {border: 1px solid #f00 !important;}
.wpcf7-not-valid-tip{display: none !important;}
.wpcf7-response-output{display: inline-block !important;}

.full-image.panel-full{padding-top: 0 !important; padding-bottom: 27px;}
.panel-chart{padding: 80px 0; background-color: #0068b4; margin-top: 52px;}
.chart-wrapper{text-align: center; width: 70%;}
.chart-wrapper{font-size: 17px; font-weight: 700; line-height: 22px; color: #fff;}
.chart-wrapper h4{font-size: 20px;}
.chart-wrapper table{border-spacing: 2px; border-collapse: separate; padding-top: 50px; max-width: 550px;}
.chart-wrapper td{color: #1c0c50; border: 1px solid #fff; background-color: #fff; padding: 10px 10px 10px 10px; font-size: 17px; font-weight: 400; line-height: 22px;}
.chart-wrapper td a{font-weight: 700; text-decoration: none;}
.chart-wrapper td a::after{content: ''; width: 8px; height: 13px; background-image: url(images/chart-link-arrow.png); background-size: contain; background-repeat: no-repeat; display: inline-block; margin-left: 1px; position: relative; top: 1px;}
.chart-wrapper td a:hover{color: #e84b05;}
.chart-wrapper td a:hover::after{background-image: url(images/list-item-arrow.png);}
.chart-wrapper td.fc{background-color: transparent; border-left: none; color: #fff; border-bottom: none; border-right: none; font-weight: normal; font-size: 14px; width: 24.545454%; text-align: right;}
.chart-wrapper td.fc.secondary{width: 33.454545%;}
.chart-wrapper td.half{width: 33.090909%;}
.chart-wrapper td.fc.last{border-bottom: 2px solid #fff;}
.chart-wrapper td.fc.first{border-top: 2px solid #fff;}
.mobile-nav-content li a {text-transform: none;}

div#html5-watermark {
    display: none!important;
}

/*----------------------------------
	MAP PLUGIN STYLES
	---------------------------------------------------------------------------------*/
span.span_list {
    display: none;
}

.wpgmp_before_listing, span.span_grid {
    display: none;
}

.place_title {
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 2px;
    color: #1c0c50;
}
.gm-style {
    font-family: 'Ubuntu', sans-serif;
}
.wpgmp_locations_content {
    line-height: 19px;
    margin-top: 20px!important;
}
.wpgmp_locations_content p{
    font-size: 14px!important;
    font-weight: 400!important;
}

span.wpgmp_location_category {
    font-weight: bold!important;
}
.wpgmp_listing_grid .wpgmp_locations {
    padding: 16px!important;
}

div.wpgmp_search_form input.wpgmp_search_input {
    padding: 16px 0px 16px 10px!important;
    font-size: 17px!important;
}
input.wpgmp_search_input::-webkit-input-placeholder{color: #717c92;}
input.wpgmp_search_input:-moz-placeholder{color: #717c92;}
input.wpgmp_search_input::-moz-placeholder{color: #717c92;}
input.wpgmp_search_input:-ms-input-placeholder{color: #717c92;}
.wpgmp_pagination {
    background: transparent!important;
}
.wpgmp_locations {
	display: flex;
    border: none!important;
}

.wpgmp_locations_image {
	margin-bottom: 20px !important;
}

.wpgmp_locations:nth-of-type(odd) {
    background: #EDF4FA!important;
}
.wpgmp_locations:nth-of-type(even) {
    background: #FFFAE7!important;
}
.wpgmp_listing_list .wpgmp_locations .wpgmp_location_meta {
    float: left!important;
}
.wpgmp_listing_list .wpgmp_locations .wpgmp_location_title {
    display: block!important;
}
.wpgmp_listing_list .wpgmp_locations .wpgmp_locations_content {
    float: none!important;
}
.wpgmp_pagination span, .wpgmp_pagination a, a.prev {
    font-weight: 700!important;
    padding-right: 40px!important;
    text-transform: uppercase!important;
    color: #fff!important;
    box-shadow: none!important;
    border: none!important;
    border-radius: 4px!important;
    padding: 9px 10px 7px 15px!important;
    font-size: 17px!important;
    text-shadow: none!important;
    background: #fff5c8!important;
}
.wpgmp_pagination a {
	color: #1c0c50!important;
}
.wpgmp_pagination a:hover {
	color: #fff!important;
}

.wpgmp_pagination span.current {
    background: #ffcc00!important;
}
.wpgmp_pagination span.prev, span.current.next{
    background: #e9e9e9!important;
}
.wpgmp_pagination a:hover, span.current.prev:hover {
    background: #ffcc00!important;
}

span.current.prev, a.prev {
    visibility: hidden;
}

span.current.prev, a.prev {
    content: "";
    background: url(images/arrow-prev.png) no-repeat center center !important;
    background-color: #fff5c8 !important;
    width: 35px;
    height: 35px;
    position: relative;
    visibility: visible;
    display: block;
    border-radius: 4px;
    text-indent: -99999px;
    font-size: 1px;
}
span.current.prev:hover::before, a.prev:hover::before {
	background: url(images/arrow-prev-hover.png) no-repeat center center !important;
	background-color: #ffcc00 !important;
}


.next {
    visibility: hidden;
}

.next:before {
    content: "";
    background: url(images/arrow-next.png) no-repeat center center;
    background-color: #FFFAE7;
    width: 35px;
    height: 35px;
    position: relative;
    top: 26px;
    right: 15px;
    visibility: visible;
    display: block;
    border-radius: 4px;
}
.next:hover::before {
	background: url(images/arrow-next-hover.png) no-repeat center center;
	background-color: #ffcc00;
}

.legenda {
    margin-bottom: 20px;
    /* vertical-align: top; */
}

/*Lightbox video */
div#html5-lightbox-overlay {
    background-color: #0072bc!important;
}

/*----------------------------------
	PASSWORD PROTECTED PAGE STYLES
	---------------------------------------------------------------------------------*/
.post-password-form form {
    border: 3px solid #f1f1f1;
}

.post-password-form input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.post-password-form input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.post-password-form input[type=submit]:hover {
    opacity: 0.8;
}

/*----------------------------------
	LOGIN BUTTON
	---------------------------------------------------------------------------------*/

.mobile-nav .login-wrapper {
    position: fixed;
    bottom: 0;
    width: 335px;
    height: 48px;
    padding: 5px 7px;
    background: #EDF4FA;
    box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, .22);
}

.btn {
    display: inline-block;
    width: auto;
    font-size: 14px;
    border-radius: 4px;
    padding: 11px 15px;
    line-height: 1.142857;
    border: none;
    transition: all 200ms ease;
}

.btn-purple {
    background-color: #1B0651;
    color: #fff;
    border: 1px solid #1B0651;
}

.btn-purple:hover {
    border: 1px solid #1B0651;
    color: #fff;
    background: transparent;
    color: #1B0651;
}

.btn-login-desktop {
    float: right;
    margin-left: 12px;
}


.btn-login .icon-account {
    width: 18px;
    height: 18px;
    margin-right: 4px;

    position: relative;
    margin-top: -2px;
    margin-bottom: -3px;
}

.btn-sm {
    padding: 7px 13px;
}

.btn-purple-outline {
    border: 1px solid #1B0651;
    color: #fff;
    background: transparent;
    color: #1B0651;
}

.btn-purple-outline:hover {
    background-color: #1B0651;
    color: #fff;
    border: 1px solid #1B0651;
}

/*----------------------------------
	SEARCHFORM
	---------------------------------------------------------------------------------*/

.toggle-form {
    display: none;

    cursor: pointer;

    transform: translateY(10px);
}

.search-form-wrapper {
    z-index: 6;
    float: right;
    position: relative;
    top: auto;
    left: auto;
    width: auto;

    background: transparent;

    padding: 0;
}

#checkbox-search {
    transform: scale(0);
}

.search-form {
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 38px;
}

.search-form #s {
    height: 38px;
    line-height: 38px;

    padding: 0 18px;

    width: calc(100% - 46px);
}

.search-form input[type="submit"] {
    background-image: url('./images/icon-zoom.svg');
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 38px;
    height: 38px;
}

/*----------------------------------
	SEARCHRESULTS
	---------------------------------------------------------------------------------*/
body.search-results .main-content > .inner {
    max-width: 620px;
    margin: 0 auto;
}
body.search-results h1 { margin-bottom: 2.5rem; font-weight: 300; font-size: 34px; padding-left: 26px;
}

body.search-results h1:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -8px;
    width: 30px;
    height: 30px;
    background: url(images/arrow-next.png) no-repeat center center;
    background-size: contain;
}

body.search-results .results-list {
    padding-left: 0;
}

body.search-results .results-list li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 34px;
}

body.search-results .results-list li:before { display: none; }
body.search-results .results-list li h3 { font-size: 18px; margin-bottom: .5rem; }
body.search-results .results-list li h3 a { text-decoration: underline; }
body.search-results .results-list li h3 a:after { display: none; }

/*----------------------------------
	SEARCHRESULTS PAGINATION
	---------------------------------------------------------------------------------*/

body.search-results .nav-links {
    text-align: left;
}

body.search-results .nav-links .next,
body.search-results .nav-links .prev {
    text-transform: none !important;
    font-weight: 300 !important;
    color: inherit !important;


    background: transparent !important;

    visibility: visible !important;
}

body.search-results .nav-links .next:before,
body.search-results .nav-links .prev:before {
    display: none;
}

body.search-results .nav-links > a,
body.search-results .nav-links > span {
    border: 1px solid currentColor !important;
    border-radius: 4px !important;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    font-size: 15px !important;
    padding: 0 10px !important;
}

body.search-results .nav-links span.dots { border: none !important; }

body.search-results .nav-links .page-numbers.current {
    color: #fff !important;
    background-color: rgb(28, 12, 80) !important;
    border-color: rgb(28, 12, 80) !important;
    font-weight: 700 !important;
}

/*----------------------------------
	NEWS
	---------------------------------------------------------------------------------*/

.news-list { max-width: 660px; margin: 0 auto; }

.news-list h1 { position: relative; margin-bottom: 2.5rem; font-weight: 300; font-size: 30px; padding-left: 26px; }
.news-list h1:before { content: ""; position: absolute; top: 6px; left: -8px; width: 30px; height: 30px; background: url(images/arrow-next.png) no-repeat center center; background-size: contain; }

.category-filter-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; }
.category-filter-wrapper > b { padding-top: 11px; margin-right: 14px; font-size: 13px;  }
.category-filter { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; margin-bottom: 20px; }
.category-filter .category-filter__item { margin: 0; }
.category-filter .category-filter__item input { display: none; }
.category-filter .category-filter__item label { white-space: nowrap; cursor: pointer; display: inline-block; border: 1px solid #1B0651; height: 38px; padding: 10px 20px; line-height: 18px; border-radius: 19px; margin-right: 10px; margin-bottom: 10px; }
.category-filter .category-filter__item input:checked + label { color: white; background-color: #1B0651; }

.news-item { margin-bottom: 30px; display: flex; flex-direction: row; font-size: 15px; line-height: 1.33333; position: relative;  }
.news-item .blocklink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.news-item-inner { z-index: 2; background-color: white; border-radius: 4px 4px 0 0; padding: 20px 20px 30px; flex: 0 0 60%; margin-top: 20px; transform: translateX(-20px); position: relative; }
.news-item-image { z-index: 1; flex: 0 0 40%; background: #f2f2f2;  overflow: hidden; position: relative; height: 169px; }
.news-item-image img { max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.news-item h2 { font-size: 18px !important; line-height: 1.444444; margin-bottom: 10px; }
.news-item h2 a { text-decoration: underline; }
.news-item-read-more { position: absolute; left: 20px; bottom: 0; font-weight: bold; padding-left: 14px;  }
.news-item-read-more:before { content: ""; position: absolute; top: 0; left: -8px; width: 20px; height: 20px; background: url(images/arrow-next.png) no-repeat center center; background-size: contain; }

.news-item-date { font-weight: 300; }
.news-item.large { display: block; margin-bottom: 50px; }
.news-item.large .news-item-inner { transform: translateY(-68px); }
.news-item.large .news-item-image { margin-left: -60px; margin-right: -60px; height: 438px; }
.news-item.large .news-item-date { position: absolute; top: 20px; right: 20px; }

body.single-post .backlink { font-weight: 300; margin-bottom: 30px; text-decoration: underline; }
body.single-post .post-title { font-size: 60px; font-weight: 300; margin-bottom: 10px; }
body.single-post .post-date { font-weight: 300; margin-bottom: 30px; }
body.single-post .post-content { max-width: 620px; margin: 0 auto; font-size: 15px;  }
body.single-post .post-thumbnail { margin-bottom: 30px; text-align: center; }

.other-news > h2 { font-size: 30px; position: relative; padding-left: 26px; font-weight: 300; margin-bottom: 30px; }
.other-news > h2:before { content: ""; position: absolute; top: 6px; left: -8px; width: 30px; height: 30px; background: url(images/arrow-next.png) no-repeat center center; background-size: contain; }


/*----------------------------------
	DIS
	---------------------------------------------------------------------------------*/
.site-main.igo .main-content{padding-top: 10px;}
.site-main.igo .main-content .inner{max-width: 1240px;}
.site-main.igo .main-content .cta-banner .inner{ padding: 20px 60px;}


/*----------------------------------
	SHARE POST
	---------------------------------------------------------------------------------*/

.share-post { border-top: 1px solid #1B0651; margin-top: 60px; margin-bottom: 60px; }
.share-post ul { display: flex; justify-content: flex-end; }
.share-post li { list-style: none; margin-left: 5px; margin-top: 5px; margin-right: 0; padding-left: 0 !important; }
.share-post li:before { display: none; }
.share-post li a:after { display: none; }
.share-post li img { width: 32px; height: auto; }
/*----------------------------------
	Highcharts
	---------------------------------------------------------------------------------*/

.highcharts_line_chart {
    margin-top: 20px;
}

.hc-toggle-button-group button {
    cursor: pointer;
}

.hc-toggle-button-group button:first-child {
    margin-right: 5px;
}