/*
 Theme Name:     Ecco Reklame
 Description:    Divi Child Theme
 Author:         Chris Ekeli
 Author URI:     https://www.eccoreklame.no
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* Desktop menu */

.ce-desktop-megamenu {
    display: none; /* Gjør den usynlig til å begynne med */
    position: absolute; /* Sikrer riktig posisjonering */
    top: 100%; /* Plasser rett under menyknappen */
    left: 0;
    width: 100%; /* Tilpass bredde hvis nødvendig */
    z-index: 1000; /* Sørg for at menyen ligger over annet innhold */
}

.et-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "3";
    font-size: 16px;
    right: 0;
    top: 0;
    font-weight: 400;
    color: #b0d260 !important;
}

.drop-down > a:after {
font-family: ETmodules;
    content: "3";
    font-size: 16px;
  	margin-left: 2px;
	vertical-align: middle;
  	position: relative;
  	top: -1px;
    font-weight: 400;
    color: #b0d260 !important;
}

/* Mobile menu */

.menu-toggle {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25px;
  height: 20px;
}

.menu-toggle .bar {
  background-color: #b0d260;
  height: 2.5px;
  width: 100%;
  transition: all 0.7s ease;
}

.menu-toggle.open .bar:nth-child(1) {
  transform: rotateZ(135deg) scaleX(1.25);
  position: relative;
  top: 8.8px;
}

.menu-toggle.open .bar:nth-child(2) {
  opacity: 0;
}

.menu-toggle.open .bar:nth-child(3) {
  transform: rotateZ(-135deg) scaleX(1.25);
  position: relative;
  top: -8.8px;
}

/* Spesifik for mobil */
@media only screen and (max-width: 767px) {
  .menu-toggle {
    width: 22px; /* Øk størrelsen på mobil */
    height: 18.4px; /* Øk størrelsen på mobil */
  }

  .menu-toggle .bar {
    height: 2.2px; /* Øk tykkelsen på linjene på mobil */
  }

.menu-toggle.open .bar:nth-child(1) {
  transform: rotateZ(135deg) scaleX(1.25);
  position: relative;
  top: 8px;
}

.menu-toggle.open .bar:nth-child(2) {
  opacity: 0;
}

.menu-toggle.open .bar:nth-child(3) {
  transform: rotateZ(-135deg) scaleX(1.25);
  position: relative;
  top: -8px;
	}
}

.et_pb_toggle .et_pb_toggle_title::before {
  transition: transform 0.5s ease;
  transform: rotate(0deg);
}
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
  transform: rotate(180deg);
}

body:not(.et-fb) .dl-slide-sidebar {
	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
	background: white;
	transform: translateY(-100%);
 	transition: transform 0.7s ease-in-out;
 	z-index: 1000;
}

body:not(.et-fb) .dl-slide-sidebar.is-opened {
  	transform: translateY(0);
}

.et-fb .dl-slide-sidebar {
    display: none !important;
}


.dl-slide-sidebar.has-transition {
  transition: transform 0.7s ease-in-out;
}

/* Grønn underlinje */

.et_pb_column .green-underline {
    align-self: flex-start; /* Hindrer linjen i å strekke seg over hele kolonnen */
}

.green-underline {
    display: inline-block !important;
    position: relative !important;
	min-width: 100px;
}

.green-underline::after {
    content: '';
    display: block;
    width: calc(100% + 50px) !important;
    height: 2px !important;
    background-color: #b0d260 !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
}

/* Nettbrett (768px og under) */
@media (max-width: 768px) {
    .green-underline {
        min-width: 100px; /* Minimum bredde på nettbrett */
    }

    .green-underline::after {
        width: calc(100% + 40px); /* Mindre bredde */
    }
}

/* Mobil (480px og under) */
@media (max-width: 480px) {
    .green-underline {
        min-width: 100px; /* Minimum bredde på mobil */
    }

    .green-underline::after {
        width: calc(100% + 30px); /* Enda mindre bredde */
    }
}

/* Back to top-button */

.et_pb_scroll_top.et-pb-icon {
	right: 1.5rem;
	bottom: 3rem;
	border-radius: 50px;
	font-size: 24px;
    padding: 10px 11px 11px 10px;
	color: #313649;
	background: #acb5c3;
	transition: all 0.2s ease-in-out;
}

.et_pb_scroll_top.et-pb-icon:hover {
	background: #b0d260;
}


/* Hover zoom desktop */

@media screen and (min-width: 980px) {
.hover-zoom {
        transform: scaleX(1) scaleY(1);
        transition: transform 300ms ease 0ms;
    }
.hover-zoom:hover {
        transform: scaleX(1.05) scaleY(1.05);
    }
}

/* Fjerne X på gallery module */
button.mfp-close {
    display: none !important;
}


/*image gallery item aspect ratio landscape 4:3*/

.pa-image-gallery-3-2 .et_pb_gallery_image {
  padding-top: 66.66%;
  display: block;
}

.pa-image-gallery-3-2 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.mfp-image-holder .mfp-close {
    font-size: 54px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 200;
    top: -2px;
    opacity: .5;
}

.mfp-wrap .mfp-close:active  {
    top: -2px;
}


.et-zoom-in.et_pb_image:hover img,
.et-zoom-in .et_pb_image_wrap:hover img,
.et-zoom-in a:hover img {
    transform: scale(1.1); 
    transition: all 0.5s 0s ease;
}

.et-zoom-in,
.et-zoom-in a {
    overflow: hidden;
}

.et-zoom-in.et_pb_image img,
.et-zoom-in .et_pb_image_wrap img,
.et-zoom-in a img {
    transition: all 0.5s 0s ease; 
}

#et-main-area {
    overflow: hidden!important;
} 

.overlay:hover {
top: 0;
bottom: 0;
left: 0;
right: 0;
height: auto;
width: auto;
opacity: 0.65;
transition: .5s ease;
background-color: #202431;
}

/*instafeed-buttons*/
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
	padding: 8px 24px !important;
	margin: 20px 6px 16px 6px !important;
	font-size: 16px !important;
	border-radius: 40px !important;
}

/*icons inline*/
.icon_inline .et_pb_icon {
    display: inline-block;
}

/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

/* strek over meny */
.dl-menu ul.nav > li > ul.sub-menu {
    border-top-width: 2px;
    border-top-style: solid;
}

/* tilbake pil effekten */

.move-me-x {
   transition: transform 0.3s ease-in-out;
}

.move-me-x:hover {
  transform: translateX(-10px) scale(1.2);
}

.move-me-y {
   transition: transform 0.3s ease-in-out;
}

.move-me-y:hover {
  transform: translateY(10px);
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.et-menu .menu-item-has-children>a:first-child:after {
    font-weight: 400;
	color: #b0d260 !important;
}

.et_pb_menu .et-menu.nav > li  {
	padding-right: 20px !important;
}

/* gallery arrows and dots */
.gallery-arrow-color .et-pb-slider-arrows .et-pb-arrow-next, .gallery-arrow-color .et-pb-slider-arrows .et-pb-arrow-prev {
    color: #ffffff!important;
}
 
.gallery-arrow-color .et-pb-controllers a {
    background-color: #ffffff!important;
}

/* Style the Divi Form Success Message */
.et-pb-contact-message p {
color: white;
padding-left: 20px;
padding-bottom: 10px!important;
font-size: 20px;
font-weight: 500;
}

/* Style the Divi Form Error Message */
.et-pb-contact-message li {
color:white;
font-weight:500;
font-size:16px;
}
.et-pb-contact-message ul {
margin-left: 20px!important;
padding-bottom: 10px;
}

.et_contact_bottom_container {
    float: none;
    text-align: right !important;
    display: block !important;
}

/*** Change Mobile Columns ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

.four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** Change Tablet Columns ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
  .two-col-tab .et_pb_column {
    width: 47.25% !important;
	  margin-bottom: 5.5%;
  }

  .two-col-tab .et_pb_column:nth-last-child(-n+2) {
    margin-bottom: 0;
  }

  .two-col-tab .et_pb_column:not(:nth-child(2n)) {
    margin-right: 5.5%;
  }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

.three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

.four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** 3-2-1 Columns NEW ***/

@media all and (min-width: 981px) {
  .t-t-o-col .et_pb_column {
    width: 29.666% !important;
    margin-bottom: 5.5%;
  }

  .t-t-o-col .et_pb_column:nth-last-child(-n+3) {
    margin-bottom: 0px !important;
  }
	
  .t-t-o-col .et_pb_column:not(:nth-child(3n)) {
    margin-right: 5.5% !important;
  }
}

@media all and (min-width: 768px) and (max-width: 980px) {
  .t-t-o-col .et_pb_column {
    width: 47.25% !important;
	  margin-bottom: 5.5% !important;
  }

  .t-t-o-col .et_pb_column:nth-last-child(-n+2) {
    margin-bottom: 0px !important;
  }

  .t-t-o-col .et_pb_column:not(:nth-child(2n)) {
    margin-right: 5.5% !important;
  }
}

@media all and (max-width: 767px) {
    .t-t-o-col .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
    .t-t-o-col .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/*** 3-2-1 Columns ***/

@media all and (min-width: 981px) {
  .tto-col .et_pb_column {
    width: 29.666% !important;
    margin-bottom: 5.5%;
  }

  .tto-col .et_pb_column:nth-last-child(-n+3) {
    margin-right: 0px !important; 
  }
	
  .tto-col .et_pb_column:not(:nth-child(3n)) {
    margin-right: 5.5% !important;
	margin-bottom: 0px;  
  }

	.tto-col .et_pb_column:nth-last-child(-n+3):nth-child(3n+1) {
    margin-right: 5.5% !important;
	margin-bottom: 5.5% !important; 
  }
	
}

@media all and (min-width: 768px) and (max-width: 980px) {
  .tto-col .et_pb_column {
    width: 47.25% !important;
	  margin-bottom: 5.5% !important;
  }

  .tto-col .et_pb_column:nth-last-child(-n+2) {
    margin-bottom: 0px !important;
  }

  .tto-col .et_pb_column:not(:nth-child(2n)) {
    margin-right: 5.5% !important;
  }
}

@media all and (max-width: 767px) {
    .tto-col .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
    .tto-col .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
	}

/*** Column space ***/
@media only screen and (min-width: 981px) {
  .col-space .et_pb_column {
    margin-top: 1.5% !important;
	margin-bottom: 1.5% !important;  
  }
}

/* Header produktlink fargeblipp */
.et-menu .menu-item-has-children>a:first-child{
    transition: color 300ms ease 300ms;
}