/*! 
 * * Theme Name: Enfold Child 
 * * Description: Child Theme voor Enfold. 
 * * Version: 1.0 
 * * Author: Kriesi 
 * * Template: enfold */

 @import url("css/derank-afbeelding.css");
 @import url("css/achtergrond-afbeelding.css");

/* Shapes: handmatig + random @import url("css/shape-handmatig.css");
 @import url("css/shape-random.css");
 */

 @import url("css/shape-style.css");

 #bg-deRank{
     background-color: #D6E8FF;
     clear: both;
     margin-bottom: -30px;
}
 #deRank {
     width: calc(100% + 120px);
     background: white;
     display: flex;
     align-items: center;
     padding: 50px ;
     justify-content: space-between;
     border-radius: 120px;
     flex-wrap:wrap ;
     margin: 0 -60px;
}
 #deRank .scholen{
     display: flex;
     flex-wrap:wrap ;
     gap: 10px;
     align-items: center;
}
 #top h1{
     font-size: 50px;
}

/* Styling upgrades */
/* Underline all links in text */

#top p a:where(:not(.wp-element-button)),
#top li:not(.menu-item) a:where(:not(.wp-element-button):not([role=menuitem])){
    text-decoration: underline;
}

/*-- Add arro subnavigation in the main menu --*/
/*-- Currently arrow not shown in favor of round courners --*/
/*-- Overflow needed to be hidden for that --*/

 #top .sub-menu:before {
     content: " ";
     width: 12px;
     height: 12px;
     position: absolute;
     top: -6px;
     left: 50px;
     background: #ffffff;
     transform: rotate(45deg);
}
 #top ul.sub-menu {
     overflow: hidden;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
}
 #top ul.sub-menu>li:first-child a{
     padding: 12px 15px 8px;
}


/* Header */
 .logo a {
     display: flex;
     align-items: center;
}


/* Improve mobile header + navigation */
 @media only screen and (max-width: 989px){
     #header_main{
         padding-top: 20px;
    }
     #header_meta{
         display: none;
         visibility: hidden;
    }
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency{
         background: transparent;
         position: absolute!important;
    }
     .html_mobile_menu_tablet #top .avia-builder-el-0 .container, .html_mobile_menu_tablet #top .avia-builder-el-0 .slideshow_caption {
         padding-top: 88px!important;
    }

     @media only screen and (max-width: 989px){
         .responsive.html_header_transparency #top .avia-builder-el-0 .container {
             padding-top: 88px;
        }
         .responsive #top #wrap_all #header {
             position: absolute;
        }
        .html_stretched #wrap_all {
            background: transparent;
        }
    }
     @media only screen and (max-width: 767px){
        #top #wrap_all .av_header_transparency {
            background: transparent;
        }
         .responsive.html_header_transparency #top .avia-builder-el-0 .container, 
         .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
             padding-top: 88px;
        }
         .responsive #top #wrap_all #header {
             position: absolute;
        }
    }
    
     .responsive #top #wrap_all #header {
         position: relative;
         width: 100%;
         float: none;
         height: auto;
         margin: 0 !important;
         opacity: 1;
         min-height: 0;
    }
     .responsive #top .av-main-nav .menu-item {
         display: none;
    }
     .responsive #top .logo {
         position: static;
         display: table;
         height: 80px !important;
         float: none;
         padding: 0;
         border: none;
         width: 80%;
    }
     .responsive .logo img, .responsive .logo svg {
         height: auto !important;
         width: auto;
         max-width: 100%;
         display: block;
         max-height: 80px;
    }
     .responsive #top #wrap_all .container {
         width: 85%;
         max-width: 85%;
         margin: 0 auto;
         padding-left: 0;
         padding-right: 0;
         float: none;
    }
     .responsive #top .av-main-nav .menu-item-avia-special {
         display: block;
    }
     .responsive #top #wrap_all .main_menu {
         top: 0;
         height: 80px;
         left: auto;
         right: 0;
         display: block;
         position: absolute;
    }
     .responsive.html_header_left #main {
         margin-left: 0;
    }
}
/* Formulieren */
 hr.dotted-line{
    border: 2px dashed #fff;
}
/* #top legend{
    font-weight: bold;
    font-size: 0.92em;
}
 #top label span, #top legend span{
    color: #e2857e;
     font-size: 1em;
     font-weight: bold;
}
 */
 #top .gform_wrapper.gravity-theme .description, #top .gform_wrapper.gravity-theme .gfield_description, #top .gform_wrapper.gravity-theme .gsection_description, #top .gform_wrapper.gravity-theme .instruction {
     font-size: 0.65em;
     line-height: 1.2em;
     padding-top:0;
     opacity: 0.8;
}
 #top fieldset {
    margin-bottom: 0;
}
 #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
     font-family: inherit;
     font-size: 0.92em;
     background-color: #f3f2ee;
     border: 2px solid #f3f2ee;
     margin-bottom: 5px;
}
 #top .input-text:focus, #top input[type="text"]:focus, #top input[type="input"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus, #top select {
     background-color: #f3f2ee;
     border: 2px solid #CCCCCC;
     box-shadow: none;
}
 .gform_button{
     font-size: 18px;
}



/* Styling of footer links */

 #top #main #footer a, #top #main #socket a, #top #main #footer a:link, #top #main #socket a:link, #top #main #footer a:visited, #top #main #socket a:visited{
     color: #223b5c;
}
 #top #main #footer a:hover, #top #main #socket a:hover{
     color: #ff6069;
     text-decoration: underline;
}


/* Rounded corners for all buttons on website */

#top #wrap_all .avia-slideshow-button, 
#top .avia-button, 
.html_elegant-blog .more-link, 
.avia-slideshow-arrows a:before {
    border-radius: 50px;
}