@charset 'UTF-8';

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	h1{font-size: 28px;line-height: 1em;}
	h2{font-size: 22px;line-height: 1em;}
	h3{font-size: 20px;line-height: 1.1em;}
	h4{font-size: 18px;line-height: 1.1em;}
	h5{font-size: 16px;line-height: 1.1em;}
	h6{font-size: 14px;line-height: 1.1em;}
	
	p,ul,ol,li{line-height: 1.4em;font-size: 14px; color: #5b6670; }
	
	.spacer{ display: none; }
	
	#back-to-top{top: auto;bottom: 0;z-index: 999999;width: 100px;height: 35px;padding: 0;font-size: 16px;font-weight: bold;padding: 5px 10px;}
	#back-to-top svg{margin: 5px 3px 0 0;width: 20px;height: auto;display: inline;}
	
	
	/**
	 * 	HEADER
	 */
	header{padding: 7px 0 0 0;}
	header > div{display: flex;flex-wrap: wrap;}
	header > div > div:nth-child(1){display: block;order: 1;}
	header > div > div:nth-child(2){display: none;order: 5;width: 100%;margin-top: -20px;}
	header > div > div:nth-child(3){display: block;order: 2;}
	header > div > div:nth-child(4){display: block;order: 3;}
	header > div > div:nth-child(4) svg{width: 75%;height: 40px;}
	header > div > div:nth-child(5){display: block;order: 4;}
	header svg{ max-width: 170px; }
	header .burger-menu-area{display: block;}
	header .burger-menu-area .burger-menu{display: block;cursor: pointer;}
	header .burger-menu-area .burger-menu-close{display: none;cursor: pointer;}
	header .burger-menu-area .burger-menu svg{width: 35px;height: 35px;}
	header .burger-menu-area .burger-menu-close svg{width: 35px;height: 30px;}
	
	/**
	 * 	WEB NAVIGATION
	 */
	navigation{position: absolute;z-index: 9999;background: white;top: 0;margin-top: 94px;display: none;height: calc(100% - 94px);width: 100%;}
	navigation > div.row{ height: calc(100vh - 165px); overflow-y: auto; }
	navigation > div{display: block !important;}
	/*navigation .ccore-nav-root { overflow: auto; }*/
	navigation ul{ }
	navigation ul ul ul{ margin-left: 15px }
	navigation ul li{display: block;margin: 0 0 5px 0;}
	navigation ul li:first-child{  }
	navigation ul li a{padding: 8px 10px;}
	navigation ul li a:hover{ }
	navigation ul .active a{padding: 10px;background: none;color: #4f5c6c;}
	navigation ul ul a{font-size: 13px;padding: 3px 10px !important;}
	navigation ul ul a:before{ content: "-"; margin-right: 5px; }
	#search-box{ width: 100%; }
	#search-box form input{ width: 100%; flex: 1; }
	#search-box form button{flex-basis: 20px;}
	
	navigation ul li .collapse-icon{padding: 0;position: absolute;top: 0;right: 0;display: block;padding: 5px 5px 0 5px;margin-top: 5px;z-index: 999;}
	navigation ul li .collapse-icon svg{ width: 15px; height: 15px; }
	
	#sub-menu{max-width: 100%;margin: 0;}
	#sub-menu > .columns{ padding: 0; }
	#sub-menu .sub-menu{ display: none !important; }
	#sub-menu .sub-foot{position: absolute;bottom: 0;padding: 15px;}
	#sub-menu .sub-foot .sub-copy{padding: 5px 15px !important;border: none;}
	#sub-menu .sub-foot .social-buttons{ }
	#sub-menu .sub-foot .social-buttons a span{ display: none; }
	
	
	/**
	 * 	FOOTER
	 */
	footer {max-width: 100%;padding-left: 0;padding-right: 0;}
	
	/**
	 * 	FOOTER DRIVERS
	 */
	#footer-drivers{ max-width: 100%; }
	#footer-drivers > div{ width: 49%; }
	#footer-drivers > div p{ }
	#footer-drivers > div .driver-button{margin-bottom: 5px;}
	#footer-drivers > div .driver-button > div:nth-child(1){width: 60px;height: 60px;}
	#footer-drivers > div .driver-button.single.dark > div:nth-child(1){height: 60px;}
	#footer-drivers > div .driver-button.single.dark > div:nth-child(1) > *{ max-height: 100%; }
	#footer-drivers > div .driver-button.single.light > div:nth-child(1){ }
	#footer-drivers > div .driver-button.single.light > div:nth-child(1) *{ }
	#footer-drivers > div .driver-button:hover,
	#footer-drivers > div .driver-button:hover > div:nth-child(1),
	#footer-drivers > div .driver-button:hover.single.dark > div:nth-child(1),
	#footer-drivers > div .driver-button:hover.single.light > div:nth-child(1){ }
	#footer-drivers > div .driver-button.extended{ }
	#footer-drivers > div .driver-button.extended:before{ }
	#footer-drivers > div .driver-button.extended p:first-child{ }
	#footer-drivers > div .driver-button > div:nth-child(2){height: 60px;}
	#footer-drivers > div .driver-button-half{margin-bottom: 5px;margin-right: 5px;width: 49%;width: calc(50% - 2.5px);}
	#footer-drivers > div .driver-button-half.last{ }
	#footer-drivers > div .driver-button-half > div{height: 60px;}
	#footer-drivers > div .driver-button-half:hover{ }
	
	
	/**
	 * 	HERO SLIDER
	 */
	#hero-slider .slick div.slick-slide .caption{width: 45% !important;padding: 15px;}
	#hero-slider .slick div.slick-slide .caption p{font-size: 14px;}
	#hero-slider .slick div.slick-slide .caption p:first-child{font-size: 20px;line-height: 22px;margin-bottom: 5px;}
	#hero-slider .slick-dots li{width: 15px;height: 15px;}
	#hero-slider .slick .slick-arrow{max-width: 18px;}
	#hero-slider .slick .slick-arrow-prev{right: 50px;}
	
	/**
	 * 	HOME DRIVERS (top)
	 */
	section#home-drivers{max-width: 100%;padding: 0;flex-wrap: wrap;margin: 15px 15px 0;justify-content: space-between;}
	section#home-drivers > a{width: 32%;flex: 0 0 auto;margin-bottom: 15px;margin: 0 0 15px 0;}
	section#home-drivers > a:nth-child(2n+1){ margin-right: 0;}
	
	/**
	 * 	MAIN CONTENT - HOME PAGE
	 */
	section#home-content{max-width: 100%;margin-top: 0;margin-bottom: 0;display: flex;justify-content: space-between;}
	section#home-content > div{width: 50%;}
	section#home-content > div:last-of-type{ display: none; }
	section#home-content #home-content-1 { margin-right: 7.5px; }
	section#home-content #home-content-2 { margin-left: 7.5px; }
	
	/**
	 * 	SECTION - all-the-latest
	 */
	section#all-the-latest{max-width: 100%;margin-top: 15px; }
	section#all-the-latest > h2{margin-bottom: 15px; }
	section#all-the-latest > h2 strong{ font-size: 25px; }
	section#all-the-latest > div{ }
	section#all-the-latest > div .latest-box{width: 49%;margin-bottom: 15px; }
	section#all-the-latest > div  .latest-box .latest-box-head{ background: rgba(0,0,0,0.6); }
	
	/**
	 * 	SECTION - twitter-feed
	 */
	section#twitter-feed h2{ font-size: 16px; position: relative; top: 5px; }
	section#twitter-feed iframe{ height: 400px !important; }
	section#twitter-feed .follow-bar{ display: block; }
	section#twitter-feed .follow-bar span{ display: none; }
	
	/**
	 * 	SECTION  - PAGE AREA - main content area for all inner pages
	 */
	section#page-area .wrapper{flex-wrap: wrap;margin-top: 35px;}
	section#page-area .wrapper article,
	section#page-area .wrapper article.full{order: 1;width: 100%;}
	section#page-area .wrapper article:not(.full) { flex-basis: auto; width: 100%; }
	section#page-area .wrapper sidebar{order: 2;margin-left: 0px;margin-top: 0;display: flex;flex-wrap: wrap;flex-direction: column; width:100%; max-width: 100%;}
	section#page-area .wrapper sidebar p, section#page-area .wrapper sidebar ul li, section#page-area .wrapper sidebar ol li, section#page-area .wrapper sidebar a{ font-size: 13px; }
	section#page-area .wrapper sidebar #sidebar-hero{width: 100%;order: 3;height: 100%; display: none;}
	section#page-area .wrapper sidebar #sidebar-subnav{order: 1;width: 50%;}
	section#page-area .wrapper sidebar #sidebar-publications{order: 2;width: 50%;}
	
	section#page-area #page-hero{ flex-wrap: wrap; }
	section#page-area #page-hero > div:nth-child(1){width: 50%; }
	section#page-area #page-hero > div:nth-child(1) iframe{width: 100%;height: 100%;}
	
	/*
	 * News Page
	 */
	.news-block{ padding: 15px; }
	.news-content{padding-left: 15px;}
	#newspage .video-box-thumbnail{ margin: 0 0 10px 0; }
	
	/**
	 * 	SECTION - GALLERY
	 */
	#gallery > div{ height: 150px;width: calc(25% - 10px); }
	#gallery > div .boxcontentThird{ padding: 4px; }
	
	
	/**
	 * 	SECTION - CASE STUDIES
	 */
	#casestudies .image-back{ background-repeat: no-repeat; background-position: center center; background-size: cover; max-height: 360px; }
	#casestudies .case-studies-holder{ max-height: 360px; }
	#casestudies .cs-sml{ width: 100% !important; height: 180px !important; min-height: auto; }
	body.page-case_studies #casestudies .wrapper{ margin-top: 80px !important; }
	body.page-case_studies #casestudies .cs-sml{ width: 48% !important;margin-right: 0;margin-left: 6px; }
	body.page-case_studies #casestudies .case-studies-holder{ max-height: 550px; }
	
	/**
	 * 	SECTION - VIDEOS
	 */
	body.page-videos #casestudies .wrapper{ margin-top: 80px !important; }
	body.page-videos #video-boxes > div{margin: 0 0 15px 0;width: 49%;width: calc(50% - 7.5px);}
	
	/**
	 * 	SECTION - RESOURCES - NEW LAYOUT
	 */
	.res-items .res-item:nth-child(2n) { margin-right: 0; }
	.res-items .res-item:nth-child(3n):not(:nth-child(2n)) { margin-right: 19px; }
	.res-items .res-item{width: 48.5%;width: calc(100% / 2 - 11px);}

    header> div .skip-link {
    bottom: 0px;
}
     /* Contrast Toolbar Toggle */
     .contrast-toggle {height: 30px;}
     .contrast-toggle.activated {}
     .contrast-toggle p{ }
     .contrast-toggle .toggle-slide{display: block;}
     .contrast-toggle .toggle-slide .toggle-button{top: -6px;}
     .contrast-toggle.activated .toggle-slide .toggle-button{}
	
}