/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         moove
 Author URI:     https://www.moove.dk
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {  font-family: Gabarito;  src: url(https://skiltefabrikken.nu/wp-content/themes/divi-child/fonts/Gabarito-Regular.ttf);  font-weight: normal;  }
@font-face {  font-family: Gabarito;  src: url(https://skiltefabrikken.nu/wp-content/themes/divi-child/fonts/Gabarito-Bold.ttf);  font-weight: bold;  }

/* Load screen start */
	.no-js #loader {
		display: none;  
	}
	.js #loader { 
		display: block; 
		position: absolute; 
		left: 100px; 
		top: 0; 
	}
	.se-pre-con {
		position: fixed;
		background-size:300px!important;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 99999999;
	}
	body.logged-in .se-pre-con {
		display:none;
	}
/* Load screen end */

body{
	font-family: "Gabarito"!important;
}
#page-container{
	overflow:hidden;
}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}

h1, h2{
	margin-bottom:20px;
}

h6{
	font-size:16px!important;
}

#main-content li:not(.menu-item)::marker{
	content:"›";
	font-size:175%;
}
#main-content li:not(.menu-item){
	list-style-type:"›";
	padding-left:5px;
	padding-top:-2px;
}
.button-arrows{
	font-size:225%;
	letter-spacing:-6px;
	vertical-align: top;
	margin-left:20px;
	top: -2px;
    position: relative;
	font-weight:normal!important;
}
.button-arrows-bg{
	display:inline-block;
	font-size:50px;
	line-height:1em;
	letter-spacing:-3px;
	vertical-align: middle;
	margin-left:20px;
	top: -2px;
    position: relative;
	font-weight:normal!important;
	background:white;
	padding:0 20px;
	border-radius:50px;
}

/* SCROLL BUTTON HOVER */
	.scroll-down-arrow:hover{
		scale:1.1;
		filter: invert(50%);
		transition:.2s ease;
		cursor:pointer;
	}

/* Header menu */
header .et_builder_inner_content{
	z-index:15!important;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
	padding:15px 0;
}
.home header .et_pb_section {
	padding:0px!important;
	margin:0px!important;
}
/*Hide the search button*/
.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
/*Add padding to the search input field*/
.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}
/*Add the icon*/
.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 999;
    right: 0;
    font-size: 20px;
    padding: 11px 20px;
	color:white;
	pointer-events:none;
}
.wp-pagenavi{
	border:none;
	text-align: center;
}
.wp-pagenavi a{
	color:#0d3255;
}

		/*vertical menu*/

.et_pb_menu .et-menu{
	margin-left:0!important;
	margin-right:0!important;
}
		/*remove default 11px padding on each side of list items*/

		.pa-vertical-menu .et-menu > li {
			padding-left: 0px;
			padding-right: 0px;
		}


		/*make the menu items fullwidth and add space between them*/

		.pa-vertical-menu .et_pb_menu__menu nav ul li {
			display: block;
			width: 100%;
			margin: 10px 0;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul li a {
			width: 100%!important;
			font-weight:bold;
			text-transform:uppercase;
			transition:.2s ease!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover{
			background-color:transparent!important;
			font-weight:bold!important;
			opacity:1!important;
			transition:.2s ease!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav>ul>li{
			margin-top:20px!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul.sub-menu li a{
			text-transform:none!important;
			font-weight:normal;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul .sub-menu{
			position:static!important;
			visibility:visible!important;
			opacity:1!important;
			width:100%!important;
			padding:0!important;
			background:transparent!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul .sub-menu{
			box-shadow:none!important;
			-webkit-box-shadow:none!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul .sub-menu li{
			display:flex!important;
			padding:0!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul .sub-menu li:before{
			content:"›"!important;
			font-size:150%;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul .sub-menu li a{
			padding:0 0 0 7px!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav .menu-item-has-children{
			display:block!important;
			background:transparent!important;
		}
		.pa-vertical-menu .et_pb_menu__menu nav ul .sub-menu.third-level a{
			color:white!important;
		}
		.et-db #et-boc .et-l .et-menu .menu-item-has-children>a:first-child:after{
			content:none;
		}

		@media (max-width: 980px) {
			/*open the mobile menu up and use on all devices*/
			.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
				display: flex;
			}
			/*hide the hamburger icon*/
			.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
				display: none;
			}
		}



.side-menu{
	right:-450px!important;
	transition:.5s ease;
}
@media(max-width:450px){
	.side-menu{
		width:100%!important;
	}	
}
.side-menu.open{
	right:0px!important;
	transition:.5s ease;
}
.toggle-sidemenu{
	cursor:pointer;
	margin:unset!important;
}
.menu-logo a{
	align-self:center!important;
}

/*Breadcrumbs*/
.home .breadcrumbs{
	display:none!important;
}
.breadcrumbs a{
	color:inherit!important;
	opacity:0.5;
}

/* HERO */
.et_pb_section_video:not(.et_pb_section--with-menu), .et_pb_section_video_bg{
	overflow:visible;
}
.et_pb_section_video_bg .mejs-video{
	   mix-blend-mode: multiply;
}

/* Content */
.entry-content .et_pb_image:not(.sm):not(.et_pb_image_0), .entry-content .et_pb_image:not(.sm):not(.et_pb_image_0) > *, .entry-content .et_pb_image:not(.sm):not(.et_pb_image_0) img{
	width:100%!important;
}
.et_pb_image.sm{
	width:325px;
}
.logo-carousel{
	position:relative;
}
@media (min-width:981px){
	.logo-carousel:before{
		content:"";
		top:0;
		height:100%;
		width:3000px;
		position:absolute;
		left:-3000px;
		background-color:#EBF2F9;
	}
}

/* Frontpage case squares */
	.fp_case-squares_container_columns {  
			display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		grid-auto-rows: 1fr;
		gap: 0px 0px;
		grid-auto-flow: row;
		grid-template-areas:
			"K1 K2 K3 K4"
			"K5 K6 K7 K8"
			"K9 K10 K13 K13"
			"K11 K12 K13 K13";
	}

	.K1 { grid-area: K1; }
	.K2 { grid-area: K2; }
	.K3 { grid-area: K3; }
	.K4 { grid-area: K4; }
	.K5 { grid-area: K5; }
	.K6 { grid-area: K6; }
	.K7 { grid-area: K7; }
	.K8 { grid-area: K8; }
	.K9 { grid-area: K9; }
	.K10 { grid-area: K10; }
	.K11 { grid-area: K11; }
	.K12 { grid-area: K12; }
	.K13 { grid-area: K13; }
	.fp_case-squares_container_columns .et_pb_image{
		margin-bottom:0!important;
		height:100%;
		object-fit:cover;
	}
	.fp_case-squares_container_columns .et_pb_image.photo .et_pb_image_wrap{
		height:100%;
	}
	.fp_case-squares_container_columns .et_pb_image.photo img {
		height:100%;
		object-fit:cover;
	}
	.fp_case-squares_container_columns .et_pb_image:not(.photo) .et_pb_image_wrap {
		top: 50%;
		transform: translateY(-50%);
	}
	.fp_case-squares_container_columns .et_pb_image:not(.photo) img{
		padding:20px;
	}
/* Frontpage case squares END */

/* Archive page */
	.post-archive_layout .et_pb_ajax_pagination_container{
		display: grid!important;
		gap:10px;
	}
	.post-archive_layout .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(3, 1fr)!important;
		margin-bottom:0px!important;
	}
	@media(min-width:401px) and (max-width:767px){
		.post-archive_layout .et_pb_ajax_pagination_container{
			grid-template-columns: repeat(2, 1fr)!important;
		}
	}
	@media(max-width:400px){
		.post-archive_layout .et_pb_ajax_pagination_container{
			grid-template-columns: repeat(1, 1fr)!important;
		}
	}
	.post-archive_layout article{
		margin-bottom:0!important;
		height:300px!important;
	}
	@media (max-width:600px){
		.post-archive_layout article{
			height:200px!important;
		}
	}
	.post-archive_layout article a{
		margin-bottom:0px!important;
		height:100%!important;
	}
		.post-archive_layout article a img{
		object-fit:cover!important;
			height:100%!important;
	}

	.post-archive_layout article .entry-title{
		background-color:#ffffff30;
		-webkit-backdrop-filter:blur(5px);
		backdrop-filter: blur(5px);
		position:absolute;
		bottom:25px;
		left:20px;
		padding:10px;
		width:calc(100% - 40px);
	}


.et-blog-css-grid > div, .staff-section .et_pb_column{
	display: grid!important;
	gap: 10px;
}
@media(min-width:1800px){
  .et-blog-css-grid > div, .staff-section .et_pb_column {
    grid-template-columns: repeat(6, 1fr)!important;
  } 
}

@media(min-width:1200px) and (max-width:1799px){
	.et-blog-css-grid > div, .staff-section .et_pb_column {
		grid-template-columns: repeat(4, 1fr)!important;
	}
}
@media (min-width:768px) and (max-width:1199px){
	.et-blog-css-grid > div, .staff-section .et_pb_column {
		grid-template-columns: repeat(3, 1fr)!important;
	}
}
@media (min-width:400px) and (max-width:767px){
	.et-blog-css-grid > div, .staff-section .et_pb_column {
		grid-template-columns: repeat(2, 1fr)!important;
	}
}
@media(max-width:399px){
	.et-blog-css-grid > div, .staff-section .et_pb_column {
		grid-template-columns: repeat(1, 1fr)!important;
	}
}
  
  .et-blog-css-grid article {
    align-self: start;
	aspect-ratio:4 / 5;
	margin-bottom:0px!important;
  }
  
  .et-blog-css-grid > div > div {
  	width: 100%;
  	position: absolute;
  	bottom: 0;
  	transform: translate(0%, 150%);
  }
  
	.et-blog-css-grid .entry-featured-image-url {
		padding-top: 56.25%;
  }
  .et-blog-css-grid .entry-featured-image-url img {
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	object-fit: cover;
  }
	.et-blog-css-grid article a{
		height:100%;
		margin-bottom:0px!important;
	}
	.et-blog-css-grid article .overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		padding:5px;
		opacity: 0;
		transition: .5s ease;
		background-color: #D1DF57;
		z-index:5;
	}
	@media(min-width:550px){
		.et-blog-css-grid article:hover .overlay {
			opacity: 1;
		}
	}
	.et-blog-css-grid article .overlay .overlay-container{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.et-blog-css-grid article .overlay .overlay-container h4{
		margin-bottom:10px;
	}
	.et-blog-css-grid article .case-archive-content{
		background-color:#ffffff30;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		position:absolute;
		bottom:20px;
		left:20px;
		padding:10px;
		width:calc(100% - 40px);
	}

		/* SOLUTIONS MENU */
		#menu-loesninger{
		display:block!important;
		}
		#menu-loesninger li{
			padding:5px 0!important;
		}
		.et-db #et-boc .et-l .mobile_menu_bar{
			z-index:9!important;
			cursor:pointer;
		}
		.et-db #et-boc .et-l .mobile_menu_bar:before{
			content:"KATEGORI"!important;
			font-family: "Gabarito" !important;
			font-size:18px!important;
		}
		.et-db #et-boc .et-l .mobile_menu_bar:after{
			content:"›"!important;
			display: inline-block!important;
			font-family: "Gabarito" !important;
			font-size:30px!important;
			margin-left:20px;
			transition:.5s ease;
			color:white!important;
			position:relative!important;
			top:7px;
		}
		.et-db #et-boc .et-l .mobile_nav.closed .mobile_menu_bar:after{
			transform: rotate(90deg)!important;
		}
		.et-db #et-boc .et-l .mobile_nav.opened .mobile_menu_bar:after{
			transform: rotate(-90deg)!important;
		}
		.et-db #et-boc .et-l .et_pb_menu--style-left_aligned .et_pb_menu__wrap .et_mobile_nav_menu {
				background:#D1DF57!important;
			border-radius:30px!important;
			padding:7px 20px 12px 20px;
			margin:0!important;
			}

		.solutions_menu{
			display:inline!important;
			z-index:9!important;
		}
		.solutions_menu .et_mobile_menu{
			border-top:none!important;
			top:0!important;
			z-index:1!important;
			border-radius: 20px;
			padding-top:60px!important;
		}
/*
		.solutions_menu li::marker{
			content:none!important
		}
*/
		.solutions_menu li a{
			padding-left:0!important;
			padding-right:0!important;
		}
		
/* Slick slider */
.slick-slider .slick-track{
	cursor:grab;
	display: flex;
    align-items: center;
}

/*STAFF PAGE */
@media (max-width:767px){
	.staff-member.department{
		display:none!important;
	}
}

.staff-member:not(.department) .et_pb_blurb_container{
	position: absolute;
    bottom: 5%;
    background-color: #ffffff30;
    backdrop-filter: blur(5px);
	width:90%;
	padding:10px;
	margin-left:5%;
}
.staff-member.department .et_pb_main_blurb_image{
	position: absolute;
    z-index: 1;
    left: 20px;
    top: 20px;
	width:115%!important;
	margin-bottom:0!important;
	max-width:unset!important;
}
.staff-member.department .et_pb_main_blurb_image img{
	width:115%!important;
}
.staff-member:not(.department) .et_pb_main_blurb_image{
	margin-bottom:0!important;
	width:100%!important;
}
.staff-member:not(.department) .et_pb_main_blurb_image img{
	width:100%!important;
}
.staff-member .et_pb_blurb_content{
	height:100%;
}
.staff-member:not(.department) .et_pb_blurb_content .et_pb_main_blurb_image, .staff-member:not(.department) .et_pb_blurb_content .et_pb_main_blurb_image *{
	height:100%;
}
.staff-member.department .et_pb_blurb_content .et_pb_blurb_container{
	position:absolute;
	bottom:0;
	padding:20px;
}
@media(min-width:2000px){
	.staff-section .et_pb_column_1_4{
		width:16.66666666666667%!important;
	}
}

/*FOOTER popup staff */
.fly-in-popup {
	animation: flyin 1s ease 3s 1 normal forwards;
	-webkit-animation: flyin 1s ease 3s 1 normal forwards; /* Safari & Chrome */
	-moz-animation: flyin 1s ease 3s 1 normal forwards; /* Firefox */
	-ms-animation: flyin 1s ease 3s 1 normal forwards; /* Internet Explorer */
	-o-animation: flyin 1s ease 3s 1 normal forwards; /* Opera */
	opacity:0;
}

@keyframes flyin {
  from {
    right:-550px;
	  opacity:0;
  }
  to {
    right: 0px;
	  opacity:1;
  }
}

.fly-in-popup.closed{
	animation: flyout 1s ease 0s 1 normal forwards;
	-webkit-animation: flyout 1s ease 0s 1 normal forwards; /* Safari & Chrome */
	-moz-animation: flyout 1s ease 0s 1 normal forwards; /* Firefox */
	-ms-animation: flyout 1s ease 0s 1 normal forwards; /* Internet Explorer */
	-o-animation: flyout 1s ease 0s 1 normal forwards; /* Opera */
	opacity:1;
}

@keyframes flyout {
  from {
    right:0px;
	  opacity:1;
  }
  to {
    right: -550px;
	  opacity:0;
  }
}

/*FOOTER Email signup */
footer{
	z-index:10!important;
}
footer .et_pb_newsletter_fields{
	position:relative;
}
footer .et_pb_newsletter_button_wrap{
	position:absolute;
	right:0;
}
footer .et_pb_newsletter_button_wrap a{
	border-radius:0 30px 30px 0!important;
	/*
	font-size: 16px!important;
    padding-top: 14px!important;
	padding-bottom:14px!important;
    line-height: 1.2em !important;
	*/
}
 
/* FOOTER - OTHER */
.footer_stripes:before{
	content:"";
background-image: url("https://dev.moove.dk/skiltefabrikken/wp-content/uploads/2025/03/Skiltefabrikken_15streger.svg");
  background-size: contain;
	position:absolute;
  width:1000%;
  height:100%;
left:-1000%;
	background-position: right;
	background-repeat:repeat-x;
}