/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/


/* General Styling */
h1{
    text-transform: none !important;
    letter-spacing: 0px !important;
}
p, li, div{
    font-size: 1rem;
    line-height: 1.5rem;
}

.brand-text h1 { 
    color: var(--brand-primary) !important; 
}
.brand-bg { 
    background-color: var(--brand-primary) !important; 
}
.brand-border { 
    border-color: var(--brand-primary) !important; 
}
a.avia-button{
    font-size: 1rem !important;
}

/* Menu CSS */
.logo img{
    scale: 0.8;
}
#header #header_main_alternate .container{
    display: none;
}
#top .avia-post-nav { 
    display: none !important; 
}

.js-lang-menu a.is-active {
    font-weight: 700;
    opacity: 1;
    text-decoration: underline !important;
  }
  
  .js-lang-menu a {
    opacity: .6;
    transition: opacity .15s ease;
  }
/*MOBILE FULL WIDTH SUB MENU */
.av-current-placeholder{
    display: none !important;
}
.av-submenu-container .avia-svg-icon{
    display: none;
}
.mobile_menu_toggle{
    background-color: var(--brand-primary) !important;
    color: #fff !important;
    opacity: 1 !important;
    }
    
    .mobile_menu_toggle:after{
    content: "Choose Language";
    font-size: 1rem;
    position: relative;
    top: -4px;
    left: 0px;
    color: #fff;
    }

#header_main{
    display: none !important;
    padding-top: 20px !important;
}

/* Layout CSS */

.jb-label-width .container{
    max-width: 880px;
}

@media screen and (max-width: 768px){
/* Set all to center at top */
    .responsive #top .flex_column_table_cell{
        display: flex;
        justify-content: center;
        
    }
    .responsive #top #wrap_all .flex_column{
        margin-bottom: 16px !important; 
    }

/* sub menu design */
.avia-section-small .content{
padding-bottom: 0px !important;
}
    .sticky_placeholder{
        display: none;
    }
    .av-submenu-container{
        border-width: 0px !important;
    }
}

/* LANGUAGE ICONS */
#english::before{
    content: "EN";
    background-color: black;
    padding-block: 4px;
    padding-inline: 8px;
    color: white;
    font-size: 1rem;
    border-radius: 4px;
}

#nederlands::before{
    content: "NL";
    background-color: black;
    padding-block: 4px;
    padding-inline: 8px;
    color: white;
    font-size: 1rem;
    border-radius: 4px;
}

#francais::before{
    content: "FR";
    background-color: black;
    padding-block: 4px;
    padding-inline: 8px;
    color: white;
    font-size: 1rem;
    border-radius: 4px;
}

#deutsch::before{
    content: "DE";
    background-color: black;
    padding-block: 4px;
    padding-inline: 8px;
    color: white;
    font-size: 1rem;
    border-radius: 4px;
}

#dansk::before{
    content: "DK";
    background-color: black;
    padding-block: 4px;
    padding-inline: 8px;
    color: white;
    font-size: 1rem;
    border-radius: 4px;
}

#italiano::before{
    content: "IT";
    background-color: black;
    padding-block: 4px;
    padding-inline: 8px;
    color: white;
    font-size: 1rem;
    border-radius: 4px;
}

/* PRINT CSS */

@media print{
    .av-submenu-container, .sticky_placeholder, .js-pdf-generate{
        display: none !important;
    }
    .lang-block{
        break-inside: avoid;
        page-break-inside: avoid;
      }
}