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

:root {
	/* Primary colors */
	--color-pm-blue: #08173F;
	--color-pm-darkgray: #1A1A1A;
	--color-pm-lightgray: #f7f7f7;
	--color-pm-white: #ffffff;
 
	/* Secondary colors */
	--color-sd-purple: #6F42C1;
	--color-sd-pink: #E83E86;
	--color-sd-orange: #FD7E14;
	--color-sd-yellow: #FFC107;
	--color-sd-green: #28A745;
	--color-sd-teal: #20C997;
	--color-sd-lightblue: #17A2B8;
	--color-sd-blue: #004391;
}

/* 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 */

/* Hide image titles on hover */
	img {
	pointer-events:none;
	}
/* Hide image titles on hover end */


/* === FONTS === */
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	padding: 0px;
}

h1, h2, h3 {
	margin-bottom: 32px;
}

@media (max-width: 767px) {
  /* normal headings */
  h1, h2 {
    font-size: 40px !important;
  }

  /* your big standalone heading */
  .big-standalone h1 {
    font-size: 54px !important;  /* force override */
    line-height: 1.2 !important; /* optional: fix spacing */
  }
}


h4 {
	margin-top: 40px;
	margin-bottom: 16px;
}

@media (max-width: 980px) {
  .contact-card .et_pb_blurb_description h4 {
    margin-bottom: 10px !important;
  }
}


h5 {
	margin-bottom: 24px;
}

.text-module p {
	padding: 0px;
	margin-bottom: 24px;
}

.text-module ul {
	margin-bottom: 24px;
}

.text-module ul li {
	margin-bottom: 6px;
}

/* === FONTS END === */


/* === GLOBAL NAV === */
:is(.global-nav, .home-nav) .et-menu-nav li a {
	margin-right: 12px;
}

:is(.global-nav, .home-nav) .et-menu-nav ul li:last-child > a {
  background-color: var(--color-sd-teal);
  color: white !important;
  padding: 12px 32px;
  border-radius: 50px;
  margin: auto;

  &:hover {
    background-color: var(--color-sd-orange);
    opacity: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 20px var(--color-sd-orange);
  }
}

.home-nav .et-menu-nav ul li:not(:last-child) > a {
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
/* === GLOBAL NAV END === */


/* === EMPLOYEE GRID === */
.info-grid .et_pb_column {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px 64px;
}

@media (max-width: 1080px) {
	.info-grid .et_pb_column {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 767px) {
	.info-grid .et_pb_column {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}

.info-grid-2 .et_pb_column {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px 64px;
}

@media (max-width: 1080px) {
	.info-grid-2 .et_pb_column {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 767px) {
	.info-grid-2 .et_pb_column {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}

.info-grid-3 .et_pb_column {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 64px 32px;
}

@media (max-width: 1080px) {
	.info-grid-3 .et_pb_column {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 767px) {
	.info-grid-3 .et_pb_column {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 48px 32px;
	}
}

.info-grid-4 .et_pb_column {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
	gap: 64px 32px;
}

@media (max-width: 1080px) {
	.info-grid-4 .et_pb_column {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 767px) {
	.info-grid-4 .et_pb_column {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 48px 32px;
	}
}

.info-grid-4 .et_pb_column p {
	padding-bottom: 6px;
}

.employee-grid .et_pb_column {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 64px 24px;
}

@media (max-width: 1080px) {
	.employee-grid .et_pb_column {
	grid-template-columns: repeat(2, 1fr) !important;
	}
}
/* === EMPLOYEE GRID END === */


/* === CONTACT CARD === */
.contact-card .et_pb_main_blurb_image {
	margin-bottom: 24px;
}

.contact-card .et_pb_blurb_description h4 {
	color: var(--color-sd-teal) !important;
	font-size: 16px;
	padding-bottom: 20px;
}

.contact-card .et_pb_blurb_description a {
	color: black;
}

.contact-card .et_pb_blurb_description a:hover {
	opacity: .7;
}

.contact-card .et_pb_blurb_description h4 {
	margin-top: 12px !important;
}

.contact-card .et_pb_blurb_description p {
	margin-bottom: 0px !important;
}

.contact-card img {
    filter: grayscale(100%);
    transition: all 0.4s ease;
		aspect-ratio: 3 / 4;
		object-fit: cover;
}

.contact-card:hover img {
	filter: grayscale(0%);
}
/* === CONTACT CARD END === */


/* Bullet points align */
.et_pb_row .et_pb_column .et_pb_text ul li {
    margin-left: 20px;
}

/* Align the datablade with the width of page */
.et_pb_row .et_pb_column .et_pb_text ul li .dlp-folder,
.et_pb_row .et_pb_column .et_pb_text ul li.dlp-folder {
    margin-left: 0 !important;
}



.et_pb_text ul li::marker {
    color: #20C997;
    font-size: 1.2em;
}


.et_pb_column_inner_0 {
	overflow: visible !important;
}
/* ===  NAV END === */

.et_pb_column_0_tb_body, .et_pb_column_2_tb_body {
	overflow: visible !important;
}

.et_pb_column_0 {
	overflow: visible !important;
}

.et_pb_gutters1 .et_pb_column_1_2, .et_pb_gutters1.et_pb_row .et_pb_column_1_2 {
	overflow: visible !important;
}

.et_pb_text_inner ul {
	padding: 0 0 23px 1.3em !important;	
}

.et_pb_text_4_tb_footer a strong:hover {
	opacity: .7;
}
/* Footer blurb icon transition */
.et_pb_blurb_tb_footer .et_pb_main_blurb_image,
.et_pb_blurb_tb_footer .et-pb-icon {
    transition:
        box-shadow 0.35s ease,
        background-color 0.35s ease,
        transform 0.35s ease;
}

/* Hover blurb, affect icon/image inside */
.et_pb_blurb_tb_footer .et_pb_blurb_content:hover .et_pb_main_blurb_image,
.et_pb_blurb_tb_footer .et_pb_blurb_content:hover .et-pb-icon {
    background-color: var(--color-sd-orange);
    box-shadow:
        inset 0 0 0 1.5px rgba(0, 0, 0, 0.06),
        0 0 20px var(--color-sd-orange);
    transform: translateY(-2px);
}
/* ======================================================
   DIVI BLURB ICON HOVER (ANYWHERE ON SITE)
   Hover icon container → glow icon
   ====================================================== */




/* Tilføjet Shadow til Footer Blurbs */
.et_pb_blurb_0_tb_footer .et_pb_main_blurb_image .et_pb_only_image_mode_wrap,
.et_pb_blurb_0_tb_footer .et_pb_main_blurb_image .et-pb-icon,
.et_pb_blurb_1_tb_footer .et_pb_main_blurb_image .et_pb_only_image_mode_wrap,
.et_pb_blurb_1_tb_footer .et_pb_main_blurb_image .et-pb-icon {
    transition:
        box-shadow 0.35s ease,
        background-color 0.35s ease,
        transform 0.35s ease;
}

.et_pb_blurb_0_tb_footer .et_pb_blurb_content:hover 
.et_pb_main_blurb_image .et_pb_only_image_mode_wrap,
.et_pb_blurb_0_tb_footer .et_pb_blurb_content:hover 
.et_pb_main_blurb_image .et-pb-icon,
.et_pb_blurb_1_tb_footer .et_pb_blurb_content:hover 
.et_pb_main_blurb_image .et_pb_only_image_mode_wrap,
.et_pb_blurb_1_tb_footer .et_pb_blurb_content:hover 
.et_pb_main_blurb_image .et-pb-icon {
    background-color: var(--color-sd-orange);
    box-shadow:
        inset 0 0 0 1.5px rgba(0, 0, 0, 0.06),
        0 0 20px var(--color-sd-orange);
}

/* Add transition to all icons for smooth hover */
#blue-blurb .et_pb_main_blurb_image .et-pb-icon,
#lightblue-blurb .et_pb_main_blurb_image .et-pb-icon,
#teal-blurb .et_pb_main_blurb_image .et-pb-icon,
#green-blurb .et_pb_main_blurb_image .et-pb-icon,
#yellow-blurb .et_pb_main_blurb_image .et-pb-icon,
#orange-blurb .et_pb_main_blurb_image .et-pb-icon,
#pink-blurb .et_pb_main_blurb_image .et-pb-icon,
#purple-blurb .et_pb_main_blurb_image .et-pb-icon {
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

/* Hover colors using your theme variables */

/* 9 - blue */
#blue-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-blue) !important;
  box-shadow: 0 0 20px rgba(0, 67, 145, 0.8) !important;
}

/* 10 - lightblue */
#lightblue-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-lightblue) !important;
  box-shadow: 0 0 20px rgba(23, 162, 184, 0.8) !important;
}

/* 11 - teal */
#teal-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-teal) !important;
  box-shadow: 0 0 20px rgba(32, 201, 151, 0.8) !important;
}

/* 12 - green */
#green-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-green) !important;
  box-shadow: 0 0 20px rgba(40, 167, 69, 0.8) !important;
}

/* 13 - yellow */
#yellow-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-yellow) !important;
  box-shadow: 0 0 20px rgba(255, 193, 7, 0.8) !important;
}

/* 14 - orange */
#orange-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-orange) !important;
  box-shadow: 0 0 20px rgba(253, 126, 20, 0.8) !important;
}

/* 15 - pink */
#pink-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-pink) !important;
  box-shadow: 0 0 20px rgba(232, 62, 134, 0.8) !important;
}

/* 16 - purple */
#purple-blurb .et_pb_main_blurb_image .et-pb-icon:hover {
  background: var(--color-sd-purple) !important;
  box-shadow: 0 0 20px rgba(111, 66, 193, 0.8) !important;
}

/* Smooth transition on icons inside blurbs with .icon-link-hover */
.icon-link-hover .et_pb_main_blurb_image .et-pb-icon {
transition:
    background-color 0.35s ease,
    box-shadow 0.35s ease;
}

/* Hover the blurb content → affect the icon */
.icon-link-hover .et_pb_blurb_content:hover .et_pb_main_blurb_image .et-pb-icon {
    background-color: var(--color-sd-orange);
    box-shadow:
        inset 0 0 0 1.5px rgba(0,0,0,0.06),
        0 0 20px var(--color-sd-orange);
}

/* FIX FOOTER WRAP W. BLURB */

@media only screen and (max-width: 1198px) {
  .footer-wrap .et_pb_row {
    display: flex;
    flex-wrap: wrap;
  }

  .footer-wrap .et_pb_column {
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 980px) {
  .footer-wrap .et_pb_column {
    margin-top: 0;
  }
}

/* CENTER DATABLADE TABLE */

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul .et_pb_text_inner ul {
	padding: 0px !important;
}


/* DETTE KODE GØR SÅ AT BILLEDE FÅR EN HØJDE PÅ 100% - TILFØJ "full-height-image-column" TIL IMAGE CSS CLASS */
/*this sets the height of the image module*/
.full-height-image-column {
	height: 100%;
}

/*this sets the height of the image container*/
.full-height-image-column .et_pb_image_wrap {
	height: 100%;
}

/*this sets the height and fit of the actual image*/
.full-height-image-column img {
	object-fit: cover;
	height: 100%;
}

.full-height-image-column-phone {
  display: flex;          /* make the container flex */
  align-items: flex-end;  /* align content (image) to the bottom */
  justify-content: center; /* optional: center horizontally */
  height: 100%;           /* make sure container has height */
}

.full-height-image-column-phone img {
  object-fit: contain;
  height: 100%;
}
/* it dont work, write all my code */