/*
Theme Name: 	Divi Child
Theme URI: 		http://www.elegantthemes.com/gallery/divi/
Description: 	Divi child theme
Author: 		Elegant Themes
Author URI: 	http://www.elegantthemes.com
Template:       Divi
Version: 		1.0.0
*/



/* =Theme customization starts here 
------------------------------------------------------- */ 

#main-footer {display: none;}
#main-header {display: none;}


/* =Divi Menu styling
------------------------------------------------------- */ 
/* 1. Gør menupunkterne højere (kun top-niveau LI's A-tag) */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > a {
    /* Din oprindelige style */
    padding-left: 10px !important;
    padding-right: 10px !important;
    transition: all 0.3s ease;
    
    /* Gør linket (A-tagget) relativt og sæt stor padding */
    position: relative;
    padding-top: 0px !important; /* Beholder din vertikale padding */
    padding-bottom: 0px !important;
}

/* 2. Tilføj understregning (BORDER-BOTTOM) på HOVER og AKTIVT punkt (kun top-niveau) */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > a:hover,
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-item > a {
    /* Sørger for, at understregningen kun gælder for A-tagget på top-niveau */
    border-bottom: 2px solid #000000 !important;
}

/* 3. Fjern Divi's standard understregning (hvis den er aktiv) - kun top-niveau LI */
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-item {
    /* Dette selector behøver ingen ændring, da det allerede er top-niveau li */
    border-bottom: none !important;
}

/* 4. Juster den laterale padding (kun top-niveau LI) */
.et_pb_menu .et-menu > li {
    /* Dette selector behøver ingen ændring, da det allerede er top-niveau li */
    padding-left: 0px;
    padding-right: 0px;
}

/* --- Lodret Separator (VIGTIGE ÆNDRINGER HER) --- */

/* 5. Tilføj den lodrette streg som et pseudo-element (kun top-niveau LI's A-tag) */
/* VIGTIGT: Vi bruger den stærkere selector: .et_pb_menu .et_pb_menu__menu > nav > ul > li:not(:last-child) > a::after */
.et_pb_menu .et_pb_menu__menu > nav > ul > li:not(:last-child) > a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);

    /* STREGENS UDSEENDE: */
    width: 1px;
    height: 1.5em;
    background-color: #CCCCCC;
}

/* 6. Juster placeringen af FØRSTE menupunkt for padding (kun top-niveau LI's A-tag) */
.et_pb_menu .et_pb_menu__menu > nav > ul > li:first-child > a {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

/* 7. Skub de ØVRIGE links til venstre (kun top-niveau LI's A-tag) */
.et_pb_menu .et_pb_menu__menu > nav > ul > li:not(:first-child) > a {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

/* Ændre højden på top menupunkterne */
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    line-height: 7em;
}

/* Ændre højden på dropdown menupunkterne */
.et_pb_menu_0_tb_header.et_pb_menu ul li li a {
    line-height: 2em;
}

/* Ændre højden på mobilmenu menupunkterne  */
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a {
    /* line-height styrer afstanden over og under teksten */
    line-height: 2em;
}

/* =Polylang Menu styling
------------------------------------------------------- */ 

/* Gør Polylang-flag vandrette og fjern listeprikker */
.widget_polylang ul {
    list-style: none; /* Fjerner standard listeprikker */
    padding: 0;      /* Fjerner standard polstring */
    margin: 0;       /* Fjerner standard margen */
    display: flex;   /* Bruger Flexbox for vandret layout */
    align-items: center; /* Centrerer flag lodret */
}

.widget_polylang ul li.lang-item {
    display: inline-block; /* Alternativ måde at gøre elementer vandrette */
    margin-right: 0px;    /* Justerer afstanden mellem flagene */
	margin-bottom: 0px;
	vertical-align: middle;
}


/* Rediger afstanden mellem flag (og tekst) */
.widget_polylang ul li a {
    text-decoration: none;
    padding: 0 5px; /* Vandret padding */
}


/* =Password protected page styling
------------------------------------------------------- */ 
.et_password_protected_form {
	padding: 100px;
	height: 100vh;
	}
/*----------------------- Hide Sidebar -----------------------*/
#sidebar {display:none;}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}


/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}