/*
Theme Name: Blom
Description: Thema voor blomzonwering.nl
Version: 1.0
Author: Dot Circle
Author URI: http://www.dotcircle.nl
Template: enfold
*/

/* Mobiele aanpassingen */

/* Desktop: 1281px of hoger */
@media (min-width: 1281px) {
#top #header .av-main-nav li:nth-child(2) {  margin-right:300px; }	
}

/* Desktop en laptops: 1025px tot 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {
#top #header .av-main-nav li:nth-child(2) {  margin-right:300px; }	
}

/* Tablet en Ipads in portret mode: 768px tot 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
}

/* Tablets en Ipads in landscape mode: 768px tot 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#top #header .av-main-nav > li > a { font-size: 13px !important; }
#header .logo { max-width: 150px !important; }
.logo img { max-width: 150px !important; }
#top #header .av-main-nav li:nth-child(2) {  margin-right:200px; }	
}

/* Lage resolutie tablets en telefoons in landscape mode: 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
#top #header .av-main-nav > li > a { font-size: 13px !important; }
}

/* De meeste telefoons: 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {
div#footer .av_one_fourth:nth-of-type(2), div#footer .av_one_fourth:nth-of-type(3), div#footer .av_one_fourth:nth-of-type(4) { display: none; }
#socket div.links { width: 100%; }
#socket div.links ul { width: 100% !important; clear: both; margin-left: 0px; }
#socket div.links ul::before { display: none; }
#socket div.rechts { width: 100%; margin-top: 20px; }
#socket div.rechts p { float: left !important; }
.raymond-handtekening { margin-bottom: 50px !important; }
.cta-balk h6 { text-align: center; }
.cta-balk .avia-button { width: 100%; }
}


/* Algemeen */
#top .av-flex-placeholder { width: 2%; }
h1,h2,h3,h4,h5,h6 { letter-spacing: -1px !important; }
strong { color: inherit !important; }
#scroll-top-link { display: none; }
.video-thumb { border: 10px solid #ffffff !important;  box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%); }
#top .avia_ajax_form .av-google-badge-message { margin-top: 30px; }

/* Blok */	
.schaduw { -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2) !important; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2) !important; }
.blok-titel { background: #f0b94a; padding: 30px; }
.blok-tekst { padding: 30px; }
.blok-lijst { padding: 0px 30px 30px 30px; }
.blokken .av-flex-placeholder { width: 10% !important; }

/* Broodkruimels */
.breadcrumb .sep { width: 15px; }

/* Contactformulier */
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area, #top .avia_ajax_form .text_input::placeholder, #top .avia_ajax_form .text_area::placeholder { color: #000000; }

/* Header afbeelding */
.header-tekst { font-weight: 600; }

/* Knoppen */
.knop-link a.avia-button { background: transparent !important; padding: 0px !important; font-weight: 500; }
.oranje-knop a, form input.button { border-bottom: 2px #d1a140 solid !important; }
.witte-knop a { border-bottom: 2px #efefef solid !important; }
.avia-button .avia_button_icon.avia_button_icon_right, .avia-icon_select-yes-right-icon span.avia_iconbox_title { padding-right: 10px; }
form input.button { border-color: #d09728 !important; font-family: inherit !important; font-weight: 500 !important; font-size: 16px !important; padding: 12px 16px 10px !important;
min-width: 90px !important; border-radius: 3px !important; }
	
/* Boxjes */
.avia-icongrid-flipbox li article { padding: 15px; }
.avia-icongrid-tooltip li:hover .avia-icongrid-content { opacity: 0 !important; }
.blok1, .blok2, .dienst-blok { box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%); }
.main_color .iconlist_content { color: #000000; }
body.home .av_iconlist_title { font-weight: 700 !important; }

/* Afbeeldingen */
.foto { box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%); border: 10px #ffffff solid; }
.foto img { border-radius: 0px !important; }

/* Producten pagina */
.producten .av-flex-placeholder { width: 2% !important; }
.producten .flex_column_table { margin-top: 30px; }
.producten-blok { -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2) !important; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2) !important; transition: all .2s linear; }
.producten-blok:hover { transform: translateY(-3px); }
.producten-blok-titel { padding: 30px; }
.producten-blok-tekst { padding: 0px 30px 15px 30px; }
.producten-blok-lijst { padding: 0px 30px 30px 30px; }
.producten-blok .avia-button-wrap { padding-bottom: 30px; }
.producten-blok .avia-button-wrap .avia-button { width: 85%; }

/* Menu */
#top #header .av-main-nav > li > a .avia-menu-text { transition: all .2s linear; }
.menu li.menu-item-has-children a::after { content: '\e873'; font-family: 'entypo-fontello'; margin-left: 10px; }
.menu ul.sub-menu li a::after { content: ' '; }
#top #wrap_all .av-main-nav ul > li > a { font-weight: 600; text-transform: uppercase; }
.html_header_top.html_header_sticky #header { border-top: 3px solid #f0b94a; }
#top #header .av-main-nav > li > a .avia-menu-text { letter-spacing: -1px; }
.av-main-nav ul { width: 240px; }

/* Dia show */
.avia-caption { bottom: 0px; left: 0px; padding: 0px; width: 100% !important; }
.avia-caption .avia-caption-content p { width: 100%; text-align: center; }

/* Split menu
----------------*/

@media only screen and (min-width: 780px) {

#header .main_menu {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 300px;  
}
}

/* CTA */
.cta-balk .flex_column_table { margin-top: 0px !important; }


/* Knoppen */
.avia_iconbox_title { font-family: inherit; font-weight: 500; font-size: 16px; }

/* Cookiebar */
div.avia-cookie-consent { box-shadow: 0 0 10px rgba(0,0,0,0.4); }
div.avia-cookie-consent p { font-size: 14px; width: 50%; float: left; text-align: left; }
div.avia-cookie-consent-wrap h6 { font-size: 25px; margin-bottom: 20px; }
.avia-cookiemessage-bottom-left { bottom: 30px; left: 30px; background: #fff; color: #000; 	box-shadow: 0 0 10px rgba(0,0,0,0.4); width: 20% !important; }
.avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn, div.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-close-bar { margin-top: 10px; }
div.avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn.avia-cookie-hide-notification { color: #000000 !important; }

/* Footer */
.footer_color a { color: #ffffff !important; }
.dotcircle { transition: all .2s linear; }
.dotcircle:hover { background: #167ABF; background: -webkit-linear-gradient(to right, #167ABF 0%, #6255a8 50%, #D21281 100%); background: -moz-linear-gradient(to right, #167ABF 0%, #6255a8 50%, #D21281 100%); background: linear-gradient(to right, #167ABF 0%, #6255a8 50%, #D21281 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none !important; }
#footer, #footer li { font-size:15px !important; }
#footer img.aangesloten { opacity: 0.9; }
#socket .copyright { width: 100%; }
span.copyright div.links { float: left; width: 50%;}
span.copyright div.rechts { float: right; width: 50%; text-align: right; }
#socket div.links p { float: left; margin: 0px; color: #ffffff; }
#socket div.rechts p { margin: 0px; color: #ffffff; }
#socket div.links a, #socket div.rechts a { color: #ffffff; font-weight: 700; }
#socket div.links a:hover, #socket div.rechts a:hover { color: #efefef; text-decoration: underline; transition: all 0.1s ease 0s; }
#socket div.links ul::before { content: " | "; float: left; padding-left: 10px; padding-right: 30px; }
#socket div.links ul li { float: left; padding-right: 15px; }
.zoom-social-icons-list--no-labels .zoom-social_icons-list__item { margin: 0px !important; }
.zoom-social_icons-list-span { padding: 0px !important; color: #ffffff; padding-right: 10px !important; }
.zoom-social_icons-list-span::before { color: #ffffff; }
div#footer section#zoom-social-icons-widget-2 { margin-top: 0px !important; }
div#footer section#nav_menu-6 { margin-bottom: 0px !important; }