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/dhwd.creativefellows.nl/scss/_mobile.scss
@media screen and #{breakpoint(large)}{
	.top-bar ul.dropdown > li{border:none;}
	.top-bar .logo-primary > img{padding-left:1em;}
	
}

@media screen and #{breakpoint(medium down)}{
	
	.top-bar{}
	.top-bar .top-bar-title{display:block;width:100%;padding-right:0.5em;}	
	.top-bar .logo-primary > img{height:2em;padding-left:1em;}
	.toggle-menu{float:right;margin-top:0.25em;padding-right:1em;}
	.logo-menu-wrapper{padding-top:0;}	
	.toggle-navigation{position:relative;float:right;width:1.5em;height:1.5em;padding:0;-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;}
	.toggle-navigation span{display:block;position:absolute;height:0.125em;width:1.5em;background:#fff;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;}
	.toggle-navigation span:nth-child(1){top:0.125em;}
	.toggle-navigation span:nth-child(2),.toggle-navigation span:nth-child(3){top:0.625em;}
	.toggle-navigation span:nth-child(4){top:1.125em;}
	
	.toggle-navigation.open span:nth-child(1){top:18px;width:0%;left:50%;}
	.toggle-navigation.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	.toggle-navigation.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
	.toggle-navigation.open span:nth-child(4){top:18px;width:0%;left:50%;}
	
	
	.top-bar-right{width:100% !important;}
	
	.menu{margin:1.5em 0;font-size:1.25em !important;}
	.menu .button{font-size:1em}
	.menu > li{border-bottom:solid 1px rgba(80,80,80,0.25);text-align:center;}
	.menu > li:last-child{border:none;}
	.menu .button{background:none;}
	

	
}


@media screen and #{breakpoint(medium only)}{
	
	.video-promo div{padding:1.5em;}
	.video-promo h3{font-size:1em;}
	.video-promo h4{font-size:1em;}
	.promo-item a::before{left:1.5em;bottom:1.5em;}
	
	.image-showcase{height:26em;padding-bottom:0;}
	.image-showcase h1{font-weight:400;}
	.image-showcase p{font-weight:400;}
}

@media screen and #{breakpoint(small only)}{
	
	.promo-item{padding-bottom:75% !important;}
	
	footer{text-align:center;}
	
	.row-default{padding:3em 0 2.5em 0;}
	.column, .columns{padding:0 3em;}
	
	.intro-dh{height:24em;}
	
	.image-showcase{height:16em;padding-bottom:0;}
	.image-showcase h1{font-weight:400;}
}