/*
 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: 'Londrina Solid', sans-serif !important; /* kaller denne fonten i Header på DIVI */
  Font-weight: 300 !important; 
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Londrina Solid', sans-serif !important;
  Font-weight: 400 !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 ****/


/* Desktop / >=600px */
.bilfag-cta{
  --plate:#232323; --rim:#63c7c3; --text:#fff;
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:100%;                 /* fyller innholdsbredde */
  max-width:500px;            /* men stopper på 500px */
  aspect-ratio:940/520;
  text-decoration:none; line-height:1;
  font-size:clamp(14px, 1.8vw, 20px);  /* master scale for teksten */
  margin:0 auto;              /* midtstill i kolonnen */

  padding:0.8em 1em;          /* 🆕 luft oppe/nede og på sidene */
  box-sizing:border-box;
}

.bilfag-bg{ position:absolute; inset:0; width:100%; height:100%; z-index:0; }

.bilfag-line1,.bilfag-line2{
  position:relative; z-index:1; color:var(--text);
  font-family:'Londrina Solid', sans-serif; font-weight:400; letter-spacing:.02em;
  text-transform:uppercase; text-align:center; line-height:1.1;
}

.bilfag-line1{ font-size:2.8em; transform:translateY(-4%); }
.bilfag-line2{ font-size:3.2em; transform:translateY(4%); }

/* Hover */
.bilfag-cta:hover,.bilfag-cta:focus-visible{
  transform:translateY(-2px);
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.22));
  outline:none;
}

/* Mobil / <600px: fyll 100% og behold proporsjoner + luft */
@media (max-width:600px){
  .bilfag-cta{
    width:100%;
    max-width:none;             /* ikke lås til 500px på mobil */
    font-size:clamp(16px, 3.8vw, 18px);  /* øk “master scale” litt på små skjermer */
    margin:16px 0;              /* vertikal luft rundt knappen */
    padding:1em 1.2em;          /* 🆕 ekstra luft på mobil */
  }
}

/* === Snakkeboble (SVG) – FÆRD === */
:root{
  --ferd-bubble-bg: #75E6DE;  /* turkis */
  --ferd-bubble-text: #111;   /* tekstfarge */
}

.ferd-bubble-svgwrap{
  position: relative;
  width: 100%;
  max-width: 500px;    /* samme “cap” som knappen */
  margin: 0 auto;
}

.ferd-bubble-svg{
  display:block;
  width:100%;
  height:auto;
}

.bubble-body{ fill: var(--ferd-bubble-bg); }

/* Tekst oppå bobla */
.ferd-bubble-text{
  position:absolute;
  inset: 0;
  /* Posisjoner teksten slik at den sitter pent etter rotasjonen */
  padding: 64px 64px 88px 120px;  /* juster ved behov */
  font-family: "Londrina Solid", system-ui, sans-serif;
  font-weight: 400;
  line-height: 1.05;
  color: var(--ferd-bubble-text);
  font-size: clamp(22px, 4.4vw, 44px);
}

/* Respons: <500px → 80% bredde */
@media (max-width: 500px){
  .ferd-bubble-svgwrap{ width: 80%; }
}