/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Aske Johansen
 Author URI:     https://www.adasense.dk
 Template:       Divi
*/
 
 
/* =Theme customization starts here
-------------------------------------------------------*/

html {
    lang: da;
}

/*------------------------------------------------------*/
/*						Skrifttyper						*/
/*------------------------------------------------------*/

/* Sætter skrifttypen til Sofia Pro for al tekst på hjemmesiden */
body {
    font-family: allotrope, sans-serif !important;
}

/* For at sikre at overskrifter også bruger Sofia Pro */
h1, h2, h3, h4, h5, a.et_pb_button, button {
    font-family: fields, sans-serif !important;
}


/* Sætter skrifttypen til Sofia Pro for overskrifter og paragrafer */
h1, h2, h3 {
    font-weight: 500; /* Både h1 og h2 er bold */
}

h4, h5 {
    font-weight: 400; /* Medium vægt for h3 og h4 */
}

p {
    font-weight: 400; /* Regular vægt for paragrafer */
    line-height: 1.4; /* Juster linjehøjde for bedre læsbarhed */
}

/* Juster størrelserne for overskrifterne og paragrafen */
h1 {
    font-size: 4em; /* Juster størrelse efter behov */
    margin-bottom: 0.5em;
}

h2 {
    font-size: 2em !important; /* Juster størrelse efter behov */
    margin-bottom: 0.5em;
}

h3 {
    font-size: 1.5em !important; /* Juster størrelse efter behov */
    margin-bottom: 0.5em;
}

h4 {
    font-size: 1.3em; /* Juster størrelse efter behov */
    margin-bottom: 0.5em;
}

h5 {
    font-size: 1.2em !important; /* Juster størrelse efter behov */
    margin-bottom: 0.5em;
}

h6 {
    font-size: 1.2em !important; /* Juster størrelse efter behov */
    margin-bottom: 0.5em;
}

td h5, td li {
    font-size: 1em !important;
}

p, li, td {
    font-size: 1em; /* Standard størrelse for paragraf */
}

ol li,
ul li {
    margin: 20px 0;
}

ol {
    counter-reset: item;
}

ol li {
    display: block;
    margin-left: 1.7em;
}

ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    position: absolute;
    margin-left: -1.7em;
}

body .sorttekst h5 {
    color: #383838 !important;
}

@media screen and (max-width: 980px) {
    h1 {
        font-size: 2.5em; /* Juster størrelse efter behov */
        margin-bottom: 0.5em;
    }
    h2 {
        font-size: 2em !important; /* Juster størrelse efter behov */
        margin-bottom: 0.5em;
    }
    h3 {
        font-size: 1.8em; /* Juster størrelse efter behov */
        margin-bottom: 0.5em;
    }
    h4 {
        font-size: 1.5em; /* Juster størrelse efter behov */
        margin-bottom: 0.5em;
    }
    h5 {
        font-size: 1.4em !important; /* Juster størrelse efter behov */
        margin-bottom: 0.5em;
    }
}

.hyphenated-word {
    hyphens: auto;
    word-break: break-word;
}

/*------------------------------------------------------*/
/*							Menu						*/
/*------------------------------------------------------*/
/* Gem header on scroll */
.hide-header {
	opacity: 0;
	margin-top: -200px !important;
}

.show-header {
	opacity: 1;
	margin-top: 0px !important;
}

#main-header {
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	-ms-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}

/*	Vis mobile menu fixed	*/

@media screen and (max-width: 980px) {
	header#main-header {
    position: fixed !important;
	}
}

/* Fjern kontaktinfo fra desktop */
@media screen and (min-width: 981px) {
	.kontaktinfo {
		display: none !important;
	}
}

.et-fixed-header #logo {
    content: url(https://ufrivilligtskolefravaer.dk/wp-content/uploads/2025/08/ufrivilligtskolefraver_logo-green.svg)
}

@media screen and (min-width: 981px) {  
    header .menu-item:last-child a {
        color: #a0c152 !important;
        background-color: #fff;
        padding: 10px 15px !important;
        border-radius: 30px;
    }
}
/*------------------------------------------------------*/
/*						Mobilmenu						*/
/*------------------------------------------------------*/

@media screen and (max-width: 980px) {	
	.dh-menu-click {
		overflow: hidden!important;
	}
	
	body div.logo_container {
		z-index: 9999;
		width: 50% !important;
	}
	
	body .mobile_nav ul#mobile_menu .current_page_item > a {
		color: white;
		background-color: transparent;
	}
	
	body .mobile_nav ul#mobile_menu li a {
		font-weight: 400 !important;
	}
	
}

/* Nesting Menu */


/* when mobile menu is open, change hamburger icon to x icon */

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}

/* - mobile menu toggling elements, injected via jQuery - */
/* make menu list item be relative, to be able to position toggle within this item */

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
    position: relative;
}

/* toggle icon */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 36px;
    font-size: 24px;
    text-transform: none;
    speak: none;
    content: '\33';
    color: #fff;
}
/* toggle icon when triggered */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
    content: '\32';
}

/* adjust mobile menu anchors side paddings */

#main-header #mobile_menu.et_mobile_menu li a {
    padding-left: 5%;
    padding-right: 5%;
    color: #a0c152;
}

/****** Code Style: Menu Full-screen ******/

/* Font Awesome */
.fa {
    margin: 10px ;
}

@media screen and (max-width: 980px) {
  .et_header_style_centered #main-header {
    position: fixed;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
  }
  .mobile_nav.closed .select_page {
    display: none;
  }
  .et-fixed-header#main-header {
    background-color: transparent !important;
  }
}

.et_mobile_menu {
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9998;
	overflow: scroll !important;
	background-color: #fff !important;
    background-size: 400% 400%;
	padding: 120px 0 !important;
	height: 100% !important;
	width: 100% !important;
	border-top: none;
}

/* ************************************************* */
/* MOBILE MENU SLIDE IN EFFECT - FIXED MOBILE HEADER */
/* ************************************************* */


/* Set the mobile menu full height and move it down so it doesn't overlap the fixed header */
/* Adjust the 80px set in the height calc value to match the height of your mobile menu */
#mobile_menu {
    display: block !important;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

/* Move the mobile menu fully off the screen when closed using translateX(100%) */
.mobile_nav.closed #mobile_menu {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

/* Move the mobile menu back onto the screen when open using translateX(0%) */
.mobile_nav.opened #mobile_menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

/* Switch the menu icon to a CROSS when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

.et_mobile_menu li a {
  text-align: left;
  font-size: 1.5em;
  border: 0;
  padding: 15px 0;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
  z-index: 9999;
  color: #a0c152;
}

.et_mobile_menu li.kontaktinfo.menu-item {
    width: 50%;
    font-size: 0.6em;
    display: inline-block;
    padding: 15px 5% !important;
    margin-top: auto;
    margin-bottom: 0;
    bottom: 50px;
    position: absolute;
}

.et_mobile_menu .kontaktinfo a {
    padding: 0! important;
    text-decoration: underline;
}

.et_mobile_menu .kontaktinfo:last-child {
    bottom: 10px !important;
}

/* Logo i grøn i menuen */

.mobile_nav.opened::before {
    content: url(https://ufrivilligtskolefravaer.dk/wp-content/uploads/2025/08/ufrivilligtskolefraver_logo-green.svg);
    position: absolute;
    height: 53px;
    width: 53px;
    z-index: 999999999;
    padding: 0 5%;
    top: 20px;
    left: -10vw;
}

.dh-menu-click div.logo_container {
    display: none !important;
}


@media screen and (min-width: 981px) {
	p.et_pb_contact_field_half {
		width: 33% !important;
		float: inline-start !important;
		clear: inline-end !important;
	}
}

.bottomline p {
	font-size: 0.6em !important;
	color: #000000 !important;
}

footer a {
	color: #000000 !important;
}
/*------------------------------------------------------*/
/*                      Forside                         */
/*------------------------------------------------------*/

body h1.et_pb_module_header {
    padding-bottom: 0;
    margin-bottom: 0;
}
@media screen and (min-width: 981px) {
	body.home .header-content-container.center {
		margin-top: -150px;
	}
}