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

/**** FONTS *****/

body {
  font-family: 'Funnel Display', sans-serif !important; /* kaller denne fonten i Header på DIVI */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Funnel Display', sans-serif !important;
  Font-weight: 500 !important; 
}


/* Font-size 125%: 1rem = 20px */
/* Font-weight: 600 = Bold */
/* Font-weight: 500 = Medium */
/* Font-weight: 400 = Regular */

/* Font base 
html {
  font-size: 125%;
}
*/

/* Font Family 
body, h1, h2, h3, h4, h5, h6 {font-family: gesta, sans-serif !important;}
*/
/* Font weights 
h1 {
    font-weight: 500;
}

h2, h3, h4, h5, h6, .cta p, .quote p, .footer-heading p, .blog-grid h2, .blog-grid a {
    font-weight: 600;
}

body, p, a, li, .primary-button {
    font-weight: 400;
}
*/


/* Font sizes 
.primary-button a {
    font-size: 1rem !important:
}

p.ingress {
    font-size: 1.25rem;
}
*/


/* Bullet lists 

ul {
    margin-top: 10px;
}

li {
    padding-bottom: 0.2rem;
}

.borderbox-infotekst h3 {
    padding-top:20px;
}
*/


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



/**** COLUMN STACKING ****/

/* Background images in empty columns */
@media all and (max-width: 908px) {
    .column-bg-image {
        display: block;
        min-height: 400px !important; /* edit globad height here */
        background-position: center center;
        }
}

@media all and (max-width: 472px) {
    .column-bg-image {
        display: block;
        min-height: 230px !important; /* edit globad height here */
        background-position: center center;
        }
}

/*show hamburger menu on desktop*/

@media (min-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none;
}

.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center;
}
}
.et_pb_menu .et_mobile_nav_menu li {
    list-style-type: none;
}

@media (min-width: 980px) {
  /* Justér hamburgerikonet til samme stil som på tablet */
  .et_pb_menu .mobile_menu_bar, 
  .et_pb_fullwidth_menu .mobile_menu_bar {
    display: block;
    font-size: 30px; /* match tablet-størrelse – justér etter behov */
    line-height: 1;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
}


/* COLUMN ORDER ON MOBILE
------------------------------------------------------- */

@media all and (max-width: 980px) {
  /* Aktiver flex og kolonne-stacking */
  .custom-row {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }

  /* Sørg for at kolonnene tar full bredde */
  .custom-row > .et_pb_column {
    width: 100% !important;
  }

  /* Rekkefølge på kolonner – legg på ønsket klasse i Divi */
  .first-on-mobile {
    order: 1 !important;
    margin-bottom: 30px; /* Luft under første element (f.eks. bilde) */
  }

  .second-on-mobile {
    order: 2 !important;
  }

  .third-on-mobile {
    order: 3 !important;
  }

  .fourth-on-mobile {
    order: 4 !important;
  }
}



/**** COLUMN STACKING END ****/

/*** COLUMN SIZE & MARGIN ****/

/* 3 Column blog view 
.et_pb_blog_grid .column.size-1of3 {
    width: 30% !important;
    margin-right: 3% !important;
}
*/


/**** CONTENT ALIGNMENT ****/


/* Top */
.vertical-top {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}



/* Center */ 
.vertical-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}



/* Bottom */
.vertical-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}



/**** CONTENT ALIGNMENT END ****/

/**** TEXT BUTTON OVERRIDES ****/
/*
.footer-button:hover {
    padding: 0em 0em !important;
}
*/


/**** TEXT BUTTON OVERRIDES END****/

/**** HEADER MENU ****/
/*
@media all and (min-width: 980px) {
    .et_pb_menu__logo-wrap {
        margin-top: -20px;
    }
}
*/


/**** HEADER MENU END ****/


/**** BLOG LIST ****/
/*
a.more-link {
    margin-top: 20px;
    text-transform: uppercase;
}
*/


/**** BLOG LIST END ****/

/**** BLOG POST ****/

/* Heading & Feature Image 
.theme-builder-blog .et_pb_title_container, .theme-builder-blog .et_pb_title_featured_container {
    margin-bottom: 50px;
}

@media all and (max-width: 980px) {
    .theme-builder-blog .et_pb_title_container, .theme-builder-blog .et_pb_title_featured_container {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 472px) {
    .theme-builder-blog .et_pb_title_container, .theme-builder-blog .et_pb_title_featured_container {
        margin-bottom: 20px;
    }
}
*/


/* First paragraph (Ingress) 
.theme-builder-blog .et_pb_post_content p:first-of-type {
    font-weight: 600;
}
*/


/* Inline images 
.theme-builder-blog .wp-block-image {
    margin-top: 20px;
    margin-bottom: 20px;
}
*/


/**** BLOG POST END ****/

/**** IMAGE GALLERY ****/
/*
.three-column-gallery .et_pb_gallery_item {
    margin: 0 !important;
    padding: 10px !important;
    clear: none !important;
    width: 33.33% !important; /* Three columns on desktop */
/*
}
*/


/*
@media all and (max-width: 980px) {
    .three-column-gallery .et_pb_gallery_item {
        width: 50% !important; /* Two columns on tablet */
/*    }
}
*/


/*@media all and (max-width: 472px) {
    .three-column-gallery .et_pb_gallery_item {
        width: 100% !important; /* One column on mobile */
/*    }
}
*/


/**** IMAGE GALLERY END ****/

/* Gult maskeelement over høyre kolonne */
.column-with-mask {
  position: relative;
  height: 800px;
  width: calc(800px * 0.408); /* Beholder originalt sideforhold */
  overflow: hidden;
}

.column-with-mask img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}



.svg-mask-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  color: #066c70; /* Velg farge her */
  pointer-events: none;
  z-index: 2;
}