/*
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
*/



@font-face {
  font-family: 'PhosphateSolid';
  src: url('PhosphateSolid/PhosphateSolid.eot');
  src: url('PhosphateSolid/PhosphateSolid.eot?#iefix') format('embedded-opentype'),
       url('PhosphateSolid/PhosphateSolid.svg#PhosphateSolid') format('svg'),
       url('PhosphateSolid/PhosphateSolid.ttf') format('truetype'),
       url('PhosphateSolid/PhosphateSolid.woff') format('woff'),
       url('PhosphateSolid/PhosphateSolid.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.iconbanner{
background: #0c3d22;
background: -moz-linear-gradient(left, #0c3d22 48%, #6d8b7a 49%, #7d9d8b 49%);
background: -webkit-linear-gradient(left, #0c3d22 48%,#6d8b7a 49%,#7d9d8b 49%);
background: linear-gradient(to right, #0c3d22 48%,#6d8b7a 49%,#7d9d8b 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3d22', endColorstr='#7d9d8b',GradientType=1 );
    }
h1, h2, h3, h4{
    margin-bottom:0px;
    }
.titelsite h1, .titelsite h2, .titelsite h3, .titelsite h4{
    text-transform: none;
    }
.template-page .entry-content-wrapper .titelsite h1, .template-page .entry-content-wrapper .titelsite h2, .template-page .entry-content-wrapper .titelsite h3{
    text-transform: none;
    }

.PhosphateSolid h1, .PhosphateSolid h2, .PhosphateSolid h3, .PhosphateSolid h4{
      font-family: 'PhosphateSolid';
    }
    
.avia_transform .av_slideshow_full .avia-caption-title{
    font-size:4em;
      font-family: 'PhosphateSolid';
    }
.av-main-nav > li > a{
    font-size:1.3em;
      font-family: 'PhosphateSolid';
    }
    
.avia-caption-content p{
    font-size:2.5em;
    font-weight:800;
    }
.slideshow_align_caption {
    vertical-align: bottom;
}
.avia-image-container.avia-align-center #Layer_1{
    float: left;
    width:100px;
    height:100px;
    padding:0px;
    display: block;
    }
.avia-image-container.avia-align-center #SVGID_1_{
    float: left;
    width:100px;
    height:100px;
    padding:0px;
    display: block;
    }
.style-svg{
    width:100px;
    height:100px;
    }
.avia-content-slider .slide-image img {
    border-radius: 50%;
}
.main_color .avia-content-slider .slide-image{
    background:#fff;
    }
.main_color .container .av-inner-masonry-content{
    background: rgba(12,61,34,0.7);
    text-align:center;
    width:94%;
    padding:5px;
    margin-left:3%;
    margin-bottom:3%;
    }
.av-masonry-entry .av-masonry-entry-title{
    color:#fff;
    }
.main_color .meta-color{
    color:#fff;
    }
    
.av-caption-image-overlay-bg {
    position: absolute;
    height: 50px;
    width: 94%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    bottom: 10px;
    margin-left: 3%;
}
.av-image-caption-overlay-center {
    display: table-cell;
    vertical-align: bottom;
    font-size: 1.3em;
    line-height: 1.5em;
    padding: 0px 1.2em;
}
.av-image-caption-overlay-center p:last-child {
    margin-bottom: 15px;
    background: rgba(12,61,34,0.7);
    padding:10px 0px 0px 0px;
     font-family: 'PhosphateSolid';
     text-transform: uppercase;
}

.avia-arrow {
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    left: 0%;
}
div .av_one_fifth {
    margin-left: 2%;
    width: 18.2%;
}
#LOGO {
    float: left;
    width: auto;
    height: 75px;
    margin-top: 5px;
}
#top .header-scrolled #LOGO {
    float: left;
    width: auto;
    height: 35px;
    margin-top: 5px;
}
.footerbg{
    height:148px;
    }
#footer {
    padding: 5px 0 5px 0;
    z-index: 1;
}
.container_wrap {
    border-top-width: 0px;
}
#socket .container {
    padding-top: 5px;
    padding-bottom: 5px;
}
#footer .widget {
    margin: 10px 0 10px 0;
}
.deelnemen{}
.afstandhouder{height:30px;}

.hr {
    clear: both;
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: relative;
    margin: 10px 0;
    float: left;
}
.html_header_top.html_header_sticky #header {
position: fixed !important;
}
.avia-menu-fx {
    height: 0px;
}
.av-border-deactivate .av-partner-fake-img {
    box-shadow: none;
    border-radius: 50%;
    margin:10px;
}
#top div .avia-gallery img {
    float: left;
    border-style: solid;
    border-width: 0px;
    padding: 7px;
    width: 100%;
    border-radius: 50%;
}
#top .avia-logo-element-container .slide-entry {
    padding: 20px;
}

.fotohoogte{
    height:450px;
    width:auto;
    }


.vierkant{
    height:30px;
    background:red;
    }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
    
h1 {
    font-size: 28px;
    line-height: 1.1em;
    margin-bottom: 14px;
}
h2 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 10px;
}

.avia_transform .av_slideshow_full .avia-caption-title {
    font-size: 2.5em;
    font-family: 'PhosphateSolid';
}
.avia-caption-content p {
    font-size: 1.8em;
    font-weight: 800;
}
.av-image-caption-overlay-center p:last-child {
    margin-bottom: 15px;
    background: rgba(12,61,34,0.7);
    padding: 5px 0px 0px 0px;
    font-family: 'PhosphateSolid';
    text-transform: uppercase;
}
.js_active .av-parallax.active-parallax {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.afstandhouder{height:30px;}

.vierkant{
    height:0px;
    background:pink;
    }

}

/* #Desktop - Large
================================================== */
@media only screen and (min-width: 1140px) {

.js_active .av-parallax.active-parallax {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
h1 {
    font-size: 34px;
    line-height: 1.1em;
    margin-bottom: 14px;
}

h2 {
    font-size: 28px;
    line-height: 1.1em;
    margin-bottom: 10px;
}

.avia_transform .av_slideshow_full .avia-caption-title {
    font-size: 4em;
    font-family: 'PhosphateSolid';
}
.avia-caption-content p {
    font-size: 2.5em;
    font-weight: 800;
}
.av-image-caption-overlay-center p:last-child {
    margin-bottom: 15px;
    background: rgba(12,61,34,0.7);
    padding: 10px 0px 0px 0px;
    font-family: 'PhosphateSolid';
    text-transform: uppercase;
}
.afstandhouder{height:30px;}

.vierkant{
    height:30px;
    background:purple;
    }
}


/* #Desktop - Extra Large
================================================== */
@media only screen and (min-width: 1340px) {

.vierkant{
    height:30px;
    background:green;
    }
}


/* #Desktop - Mega Large
================================================== */
@media only screen and (min-width: 1600px) {
    
    .vierkant{
    height:30px;
    background:blue;
    }

}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width: 768px) and (max-width: 989px) {
    
    h1 {
    font-size: 25px;
    line-height: 1.1em;
    margin-bottom: 14px;
}
h2 {
    font-size: 16px;
    line-height: 1.1em;
    margin-bottom: 10px;
}

.avia_transform .av_slideshow_full .avia-caption-title {
    font-size: 2.1em;
    font-family: 'PhosphateSolid';
}
.avia-caption-content p {
    font-size: 1.4em;
    font-weight: 800;
}
.av-image-caption-overlay-center p:last-child {
    margin-bottom: 15px;
    background: rgba(12,61,34,0.7);
    padding: 5px 0px 0px 0px;
    font-family: 'PhosphateSolid';
    text-transform: uppercase;
}
.av-image-caption-overlay-center p:first-child {
    margin-top: 0;
    font-size: 14px;
}
.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
    clear: both;
}
#LOGO {
    float: left;
    width: auto;
    height: 65px;
    margin-top: 5px;
}
#top .header-scrolled #LOGO {
    float: left;
    width: auto;
    height: 35px;
    margin-top: 5px;
}
.av-main-nav > li > a {
    font-size: 1em;
    font-family: 'PhosphateSolid';
}
    .vierkant{
    height:30px;
    background:orange;
    }
.js_active .av-parallax.active-parallax {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.content, .sidebar {
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1;
}
.afstandhouder{height:0px;}
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.PhosphateSolid h1, .PhosphateSolid h2, .PhosphateSolid h3, .PhosphateSolid h4 {
    font-family: 'PhosphateSolid';
    text-transform: uppercase;
}

h1 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 14px;
}
h2 {
    font-size: 16px;
    line-height: 1.1em;
    margin-bottom: 10px;
}   

.iconmobile h2 {
    font-size: 7px;
    line-height: 1.1em;
    margin-bottom: 10px;
    letter-spacing:1px;
}  
    .iconbanner{
background: #fff;
    }
.js_active .av-parallax.active-parallax {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}   
.avia-caption-content p {
    font-size: 1em;
    font-weight: 800;
}
.responsive #top .slideshow_caption h2 {
    font-size: 15px !important;
} 
.responsive #top #main {
    padding-top: 50px !important;
    margin: 0;
}
#header_main {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    z-index: 1;
    height: 50px;
}
#LOGO {
    float: left;
    width: auto;
    height: 35px;
    margin-top: -27px;
}
.av-burger-menu-main {
    cursor: pointer;
    margin-top: -10px;
}
.header_color .av-hamburger-inner{
    background-color: #0c3d22;
    }
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: #0c3d22;
}
#top #av-burger-menu-ul {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: top;
    padding: 125px 0;
}
.html_av-overlay-side #top .av-burger-overlay-scroll {
    background: rgba(12, 61, 34, 0.85);
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #fff;
     font-family: 'PhosphateSolid';
    text-transform: uppercase;
}
.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
}
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a:hover{
    background: rgba(12, 61, 34, 0.85);
    }
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner{
    background-color: #fff;
    }    
    .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after{
    background-color: #fff;
    }    
    #footer .widget li {
    line-height: 1em;
    }
    .responsive #top #wrap_all .flex_column{
        margin-bottom:0px;
        }
     #footer #nav_menu-2{
        font-size:0px;
        margin:0px;
        padding:0px;
        line-height:0px;
        }
        #footer #nav_menu-2 a{
        font-size:0px;
        margin:0px;
        padding:0px;
        line-height:0px;
        }
         #footer #nav_menu-3{
        font-size:0px;
        margin:0px;
        padding:0px;
        line-height:0px;
        }
        #footer #nav_menu-3 a{
        font-size:0px;
        margin:0px;
        padding:0px;
        line-height:0px;
        }
        #after_section_10{
            height:0px;
            }
            
            .mobielehoogte{
                height:300px;
                }
            
      #top #wrap_all #main .avia-no-border-styling.deelnemen .av_textblock_section {
        background:rgba(255, 255, 255, 0.85);
        padding:5px 5px 5px 5px;
        }
         #top #wrap_all #main .avia-no-border-styling.deelnemen .av_textblock_section h1{
            margin-top:10px;
         }
      .fotohoogte{
    height:450px;
    width:auto;
    }
    .responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 30%;
    display: block;
    max-height: 80px;
}
.responsive .logo a {
    display: table-cell;
    vertical-align: top;
    padding-top: 3px;
}
.responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
}
            
    .vierkant{
    height:30px;
    background:yellow;
    }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}