/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.avia-content-slider .slide-entry-excerpt {
    text-align: center;
}

#top h3 a {
    text-transform: none;
    color: #074d9e;
}

#top .footer_color input[type='text'] {
background-color: #ffffff17;}

#top .av-mailchimp-widget-style-boxed_form {
    padding: 15px 0px 15px 0px;
}

#top .footer_color select {
background-color: #ffffff17;}
}

.avia_ajax_form .button {
	border-radius: 5px;
}

#top .no-box-shadow-dfd {
    box-shadow: none;
}


.usp-dfd {
float: right;
    color: #1A0F43;
    font-family: inherit;
    font-weight: 700;
}

.av-main-nav > li > a {
    padding-right: 0px;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
	text-shadow: rgb(0 0 0 / 57%) 0px 0px 12px;
}




/*
overlay teksten over blauwe afbeeldingen vanaf 1800
================================================== */


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


#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 4.5em;
}
}

/*
overlay teksten over blauwe afbeeldingen vanaf 1300
================================================== */


@media only screen and (max-width: 1799px) and (min-width: 1300px)  {


#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 2.5em;
}
}



/*
Tussen 990 en 1800px
================================================== */


@media only screen and (max-width: 1800px) and (min-width: 990px)  {

#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
    font-size: 1.1vw;
}


}




/*
Desktop Styles
================================================== */


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

.logo img, .logo svg {
    top: 50%;
    transform: translateY(-50%);
    padding: 5% 0px 5% 0px;
    max-height: 75%!important;
}

.main_color {
border-color: transparent;}




}


/*
Topheader tekst die kleiner moet tussen 347 en 802
================================================== */

@media only screen and (max-width: 990px) and (min-width: 768px)  {

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    font-size: 1.2vw;
    text-align: right;
}

.responsive .phone-info {
    float: none;
    width: 100%;
    clear: both;
    text-align: left;
}

#top #header_meta li {
padding-bottom: 5px;}




}


/*
Mobile Styles
================================================== */


@media only screen and (max-width: 767px) {


.responsive .logo img, .responsive .logo svg {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
   max-height: 50px!important;
}


.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
    line-height: 17px;
}

.phone-info {
    line-height: 0px;
}

.responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
    line-height: 80px!important;
}

.main_color {
border-color: transparent;}

.avia-shadow {
    box-shadow: none;
}


}