HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
Upload Files
File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/ergatis/scss/_mobile.scss
@media screen and (max-width: 950px) {
	.header-spacer{height:4.5em;}
	
	.hide-on-mobile{display:none;}
	.col1,.col2.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,.col4-5{width:50%;}
	.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24{width:100%;}	
	
	.vert-offset-10,.vert-offset-9,.vert-offset-8,.vert-offset-7,.vert-offset-6,.vert-offset-5,.vert-offset-4,.vert-offset-3,.vert-offset-2,.vert-offset-1{margin-top:1.5em;}
	
	.offset8,.offset6,.offset4,.offset3,.offset2,.offset1{margin-left:0;}
	#header a.logo{height:3em;overflow:hidden;margin: 0.75em 0;}	
		
	#nav-icon{width:1.5em;height:1.5em;padding:0;position:absolute;top:1.375em;right:0.75em;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
	#nav-icon > div{float:right;position:relative;width:1.75em;height:1.5em;}
	#nav-icon span{display:block;position:absolute;height:0.25em;width:2em;background:#384146;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}

	#nav-icon span:nth-child(1){top:0px;}
	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:0.75em;}
	#nav-icon span:nth-child(4){top:1.5em;}
	#nav-icon.open span:nth-child(1){top:18px;width:0%;left:50%;}
	#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
	#nav-icon.open span:nth-child(4){top:18px;width:0%;left:50%;}
	
	#header .sub-navigation{display:none;}
	
	
	nav{position:absolute;z-index:1500;width:20em;padding:0;position:fixed;top:0;left:0;margin-left:-20em;bottom:0;background:#fff;overflow:scroll;box-shadow:0 0.75em 0.75em rgba(0,0,0,0.5);overflow: hidden;-webkit-transition: all ease-in-out 0.25s;-moz-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;}
	nav.is-open{overflow: scroll;margin-left:0}
	
	nav a{outline:0;color:#333;}
	nav ul#main-navigation{margin-right:0;display:block;padding:0;}
	
	nav ul li a.toplevel::before{display:none !important;}	
	nav ul ul{}
	
	nav ul{display:block;margin:0 0 0 0;background-color:#fff;float:none;clear:both;padding:0.5em 1em;}
	nav ul li{display:block;float:none;}
	nav ul li a{padding:1.5em;outline:0;}
	nav a.toplevel{border-right:none;padding-left:1.5em !important;color:#333;position:relative;}
	nav a.toplevel::after{border:none;}
	
	nav ul li.has-dropdown > a::after{content:"+";display:block;position:absolute;top:0;right:0;width:1.5em;height:1.25em;padding:0.875em 0;left:auto;color:#00a3d3;font-size:1.75em;z-index:0;}
	nav ul li.has-dropdown > a.current::after{content:"-";}
	nav ul li.has-dropdown > a.current{border-bottom:0;}
	nav ul li.has-dropdown > a.current + ul{display:block !important;}	
	nav ul li.search{display:none;}
	
	nav ul ul{position:relative;margin:0;padding:0 1.5em 0;left:0;top:0;border:none;border-bottom:solid 1px #e5e5e5;box-shadow:none;overflow: hidden;
    max-height:0;
    transition: all 0.25s ease-in-out 0s;display:block;}
	nav ul ul.is-open{max-height:500px;}
	nav ul ul::before{display:none;}
	nav ul ul li{border:none;}
	nav ul ul a{border:none;}
	nav ul ul a::after{content:"";border-bottom:solid 1px #e5e5e5;display:block !important;position:absolute;bottom:0;left:0;right:0;}
	nav ul ul li:last-child a::after{display:none !important;}
	nav ul ul li:last-child{margin-bottom:1.5em;}
	
	nav ul li.search-mobile{display:block !important;padding:1.5em;border-top:solid 1px #eee;}
	nav ul li.search-mobile .form{padding:0;}
	nav ul li.search-mobile .close-search{display:none;}
	nav ul li.search-mobile input[type="text"]{padding:0.75em;background-color:#fff;position:relative;padding-left:2.5em;}
	nav ul li.search-mobile button{border:none;width:1.5em;height:1.5em;padding:0;position:absolute;top:0.75em;left:0.75em; margin-top: 0.125em !important;}
	
	nav ul li.client-info{border-right: solid 1px #e4e4e4;margin:0;padding:0;border-top:solid 1px #e5e5e5;}
	nav ul li.client-info a{background:none;color:#444;padding: 1.5em;margin-top:1px;}
	nav ul li.client-info a:hover{color:#00a3d3;background:none;}
	
	span.mobile-toggle-subnavigation{position:absolute;top:0;right:0;width:4.5rem;height:4.5rem;z-index:100;}
	
	#header.shrink nav{margin:0;}
	
	#showcase{height:400px;}
	#showcase h1{font-size:1.375em;}
	#showcase h2{font-size:1em;}
	
	.headlines .col8{width:100%;}
	.headlines .block{margin-bottom:1.5rem;}
	
	.icons .col4 {
	    width: 33.3333%;
	}
	
	.blocks .col12{width:100%;}
	.blocks .achmea-video{margin-bottom:1.5rem;}
	
	.sidebar{width:100%;}
	
	.call-to-action .col12{width:100%;}
	.vervolgacties{display:none;/*position:relative;left:0;margin-left:0;padding-left:0.75em;background:none;padding-bottom:1em;width:auto !important;clear:both;*/}
	.call-to-action .col12:first-child .call-to-action-wrapper{border-bottom:solid 1px #e0c8e4;}

	#footer .col4{width:33.3333%;}	
	#footer .col4:nth-child(3n+1){clear:both;}
	
	.cookies div.col18,	.cookies div.col6{margin-bottom:0;width:100%;text-align:center;}
}


@media screen and (max-width:600px){
	nav{margin-left:-90%;width:90%;}
			
	.hide-on-mobile{display:none;}
				
	h1,h2,h3,h4{font-size:1.5em;line-height:1.5em;margin-top:0.75em;margin-bottom:0.75em;word-break: break-all;}
	h3,h4{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em;}
	.col1,.col2.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12, .col13.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24,.col4-5{width:100%;}
	
	.page-breadcrumbs{display:none;}
	
	#showcase{height:500px;}
	#showcase .case .layer > img{float:right;margin-right:-160px;}
	#showcase .text-position{width:100%;margin-bottom:0;padding-left:0.75em;}
	#showcase h1{font-size:1.375em;}
	#showcase h2{font-size:1em;}
	#showcase a.mover{display:none;}
	#showcase .text ul{line-height:1.5em;font-size:0.875em;}
	#showcase button{display:none !important;}
	
	.headlines .block{margin-bottom:1.5rem;}
	
	.call-out{display:none;}
	
	
	.medische-adviestrajecten .info-row{clear:both;}
	
	.medische-adviestrajecten .col5{width:60%;float:left;margin-bottom:0;margin-left:20%;display:none;}
	.medische-adviestrajecten .col7{width:100%;float:left;margin-bottom:0;}
	.medische-adviestrajecten h1{text-align:left;font-size:1.5rem;margin-top:0;}
	.medische-adviestrajecten h3,.medische-adviestrajecten p{margin-top:0;}
	.medische-adviestrajecten .button{display:block;width:auto !important;}
	
	.blocks{margin-bottom:0;background:none;}
	.blocks .block h2,.blocks .block p{padding-right:0;}
	.blocks .block{margin-bottom:1.5em;}
	.blocks .iso{background:none;}
	.blocks .iso p:last-child::after{display:none;}
	.blocks .fd-gazelle h2::after{display:none;}
	
	.isocertificering .persoon{margin:1em 0;text-align:center;}
	.isocertificering .quote-selector{border-bottom:solid 1px #efefef;padding-bottom:1.5em;}
	.isocertificering .logo{display:block;float:none;margin:0 auto 1em auto;}
	
	.blocks .achmea-video h2{padding-top:2em;background-position:50% 4px;text-align:center;}
	
	.header-image img{right: -65%;}
	.header-image .text{font-size:0.875em;}
	
	.medewerker{width:100%;}
	
	.inpage-vervolgacties{padding:1em 0;}	
	.inpage-vervolgacties li{display:block;}
	.inpage-vervolgacties li a{display:block;border:none;text-align:center;}
	.inpage-vervolgacties li a.blue{margin-bottom:0.375em;}
	
	.sidebar{margin-bottom:1.5em;padding: 0 0.75em;}
	
	.search-results input[type="text"]{width:100% !important;}
	.search-results .result-row h4 + p{display:none;}	
	
	#footer{padding-bottom:6em;}
	#footer .col3,
	#footer .col4{width:100%;}

	#footer .footer-copy{}
	#footer .footer-copy span{float:none !important;display:block;}
	
	.form.aanmelden label.legend,.form.aanmelden .input-wrapper{width:100%;float:none;display:block;padding-top:0;}
	.form.aanmelden label.legend{padding-bottom:0.375em;}
	.form.aanmelden h3{margin-bottom:0;}
	.form.aanmelden .date{width:15%;}
	.form button{display:block;width:100%;}
	
	.form .slide-submit{width:100%;}
}