/*
 Theme Name:   Enfold Child
 Theme URI:    https://s4af.nl
 Description:  Child theme voor het Enfold thema van Kriesi
 Author:       Creating Heroes
 Author URI:   https://creatingheroes.nl
 Template:     enfold
 Version:      7.0
 Text Domain:  enfold-child
 Domain Path:  /languages
*/

/* 
----------------------------------------------------------------
  Plaats hieronder je eigen (extra) custom CSS
  (inhoud van style.css in Child Theme)
----------------------------------------------------------------
*/


html { background-color: #1183d6; /* Kies hier je gewenste kleur of gebruik een background-image */ }

#scroll-top-link { border-radius: 30px; }
.av-menu-button-bordered > a .avia-menu-text { background-color: #1183d6!important;  }
.av-menu-button-bordered > a .avia-menu-text:hover { background-color: #b4d947!important;  }
.menu-item > a .avia-menu-text { font-size: 1.1em!important;  }
#top .av_header_transparency .container .av-logo-container #header_meta { border: none !important; }
.container_wrap { border: none !important; }
#top .avia-fold-unfold-section .av-fold-unfold-container:after { background: transparent!important; }


/* Media Queries
   - Hieronder enkele standaard breakpoints die vaak gebruikt worden.
   - Pas ze aan of breid ze uit naar jouw wensen.
*/

/* --- Smartphones tot ~480px --- */
@media only screen and (max-width: 480px) {
  /* ... hier je specifieke mobiel-portrait styles ... */
	#top .logo ,
    #top .logo a {  
      max-width: 12% !important;
      width: 12% !important;
      height: auto;
	  top: 0px!important;
	}
	.html_header_top.html_logo_center .logo img { top: 0px!important; }
}

/* --- Mobiel & kleinere tablets tot ~767px (portret) --- */
@media only screen and (max-width: 767px) {
  /* ... hier je algemene mobiel-/tabletstyles ... */
	#top .logo ,
    #top .logo a {  
      max-width: 12% !important;
      width: 12% !important;
      height: auto;
	  top: 0px!important;
	}
	.html_header_top.html_logo_center .logo img { top: 0px!important; }
}

/* --- Tablets in landschap tot ~1024px --- */
@media only screen and (min-width: 768px) and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header { 
        position: absolute;
}
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
	background: transparent;
}
.logo img { max-width: 25%!important; top: 5px!important; }
}


/* --- Desktop vanaf ~1025px --- */
/* (Vaak volstaat je default styling boven deze resolutie.) */
.html_header_top.html_logo_center .logo img { max-width: 80%!important; top: 24px; }