/*
Theme Name: gegee_2022
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com/
Template: twentytwenty
Version: 1.0
*/



@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');
@import url ('http://fonts.googleapis.com/css?family=Lato:400,300italic,300,400italic,700,700italic,900,900italic'rel='stylesheet');
@import url ('http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900|Poiret+One'rel='stylesheet');

/*@import url('mp3Player/css/jPlayer.css');
@import url('mp3Player/jPlayer-2.9.2/dist/skin/pink.flag/css/jplayer.pink.flag.min.css');*/

/*@import url('css/saboohi.css');*/
@import url('../twentytwenty/style.css');
/*@import url('css/layout.css');*/


body {
    background: #fff;
    color: #695B12;
    font-family: Lato,  sans-serif;

}



/***** hoofdmenu *********/
body:not(.overlay-header) .primary-menu > li > .icon {
    color: #695B12 !important;

} 

.header-inner, .section-inner{
    /*max-width: 100%;*/
    max-width: 120rem;
	padding: 3.15rem 0;
	z-index: 100;
}

a {
    color: #695B12 !important;
    font-weight: 400 !important;
}

a.visual{
    
    margin-right:10px;
    color:#695B12;
    font-family: sans-serif;
    font-size: 1em;
    text-decoration:underline;
}
 

.site-title a:hover, a:active{
 text-decoration:none;
    }

.site-title a {
    font-family: Lato, sans-serif;
    font-weight: 300;
    color: #695B12 !important;
    font-size: 1.4em;
    
    
}

.primary-menu a {
    color: #695B12;

}

.primary-menu ul a {
    color: #fff !important;
}

h4.titel{
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
     color: #695B12;
}

/**** banner ***********/

.mijnBanner {
    max-width: 100%;
    height: auto;

    /*margin-bottom: 18px;*/

    background: #000;
    text-align: center;

}

img {
    display:inline;
     height:auto;
     max-width: 100%;
    
       
}


/**************** content tekst **********************/


h1.entry-title{
    font-size: 2em;
    font-weight: 600;
}

.paragraaf3 {
    font-family: 'Lato', sans-serif;
   text-align:left;
    padding-top:10px;
   
    
}

.centraal{
    text-align:center;
    width: 50%;
   
}

.tekstPlaatsing{
    width:90%; 
    margin-left:25%
}

p.tekst{
    max-width: 50%;
}

p{
     font-size:0.8em;
}
/******************  content kolommen ***************/

.clear {
  clear: both;
}


.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width:70%;
   
}
.container{
    /*max-width:100%;
    margin:auto;*/
}

.outer {
  display: table;
  width: 95%;
  height: 100%;
    
    margin-left:15%;
     
}
.inner {
  display: table-cell;
  /*vertical-align: middle;*/
  vertical-align: top;
 /* text-align: center;*/
  text-align: left;
   
    
     
}
        
        
.tussen{
    
  text-align:left;
    line-height: 10px;
   /* font-size: 1.4em;*/
} 

.paragraaf{
            float:left;
            width:20%;
    font-family: Lato,  sans-serif;
    font-size: 0.8em;
    color:#695B12;
}
             
.outer2 {
  display: table;
  width: 100%;
  height: 100%;
    padding-left: 15%;
}
.inner2 {
  display: table-cell;
  /*vertical-align: middle;*/
  vertical-align: top;
 /* text-align: center;*/
  text-align: center;
}
   
.inner3 {
  display: table-cell;
  /*vertical-align: middle;*/
  vertical-align: top;
 /* text-align: center;*/
  text-align: left;
}
   
        
        .paragraaf2{
            float:left;
            width:35%;
        }

     
        

.tekstKolom{
    width: 100%;
}
#animatieRij{
    width:100%;
}

#houderAnimatie, video{
    width: 100%;
   
}

#houderDownload{
    width: 80%;
   
}

#houderZwaan, video{
    width: 100%;
     height: 600px !important;
    width:800px !important;
}

video:-webkit-full-page-media {
   /* position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;*/
    max-height: 600px;F
    max-width: 800px;
    margin: auto;
}

video {
    object-fit: fill !important;
}

.embedZwaan{
    
    /*max-width:100%;*/
    height:600px;
    width:800px; 
}
#cel{
    
    width:45%;
    display:inline;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    margin-bottom:10px;
    
}
.cel2{
    
    width:25%;
    display:inline;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    margin-bottom:10px;
    
}


/**************** pagina layout ******************/

.entry-content{
     max-width:100%;
    text-align: center;
    margin-top:20px;
    
}


.tekstKleur{
  color: #695B12;
    font-family: Lato, sans-serif;
  
}
.plaatsLinks{
    text-align:left;
}

.plaatsRechts{
    text-align:right;
}

.plaatsMidden{
    text-align:center;
}

.menu-wrapper.section-inner {
  /*width: calc(100% - 8rem);*/
    max-width:100%;
}

.kolom1{
    
    margin:auto;
    margin-top:20px;
    max-width:50%; 
    text-align:center;
}

#afmetingI{
    width:640px; 
    height: 480px;
    
}
.afmetingII{
    width:450px; 
    height: 440px;
   
    
}

.afmetingIII{
    width:360px; 
    height: 288px;
   
    
}

.lijntje{
    border-bottom: 1px solid #695B12;
}

.naam{
    font-family: 'Lato', sans-serif;
    color: #695B12;
}


#animatiRij{
    
}
 .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #695B12 !important;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
  color: #000 !important;
}

/*********** pagina downloads *********************/
.icoonPdf{
    font-family: 'Lato', sans-serif;
    color: #695B12;
    text-decoration: none;
    text-align:left;
}
@media screen and (min-width: 1240px) {
    .mijnBanner{
        max-width: 100%;
        height: 322px;
    }
}

@media screen and (max-width: 768px) {
    
    .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width:100%;
   
}

    .mijnBanner{
    height: auto;
        } 
    
    .outer{
        margin-left:0%;
    }
    
    .outer2, inner2{
        display:block;
    }
    
    .outer2{
        padding-left:0px;
    }
    .paragraaf2 , .paragraaf{
        float:none;
        display:block;
            width:100%;
        text-align: center;
    }
    
    .toggle-text{
        color: #695B12;
        
    }
    
    .kolom1{
        width: 100%;
        text-align:left;
    }
    
   #visuals, .rij, .linkercel, .rechtercel{
        display: block;
        width: 100%;
    }  
    
    #tabel{
        display:block;
    }
   .container{
        display:block;
    }
    
    #links, #rechts{
        float:none;
        width:100%;
    }
    #houder h4{
    text-align:center;
        margin-top:-40px;
    }
    #links, #rechts{
    display:block;
    padding-left:0;
    width:90%;
}
    
    #cel{
        float:none;
        width:100%;
        text-align: center;
      
        
    }
    
    .animatieArticle{
   /* margin-top:-55% !important;
        padding-left:5%;*/
}

    /**** saboohi tabel****/
    .paragraaf, .paragraaf2, .paragraaf3{
        float:none;
       width:100%;
            height:auto;
        margin-bottom:10px;
    }
    .container, .container2, .container3{
        width:100%;
        height:auto;
        
    }
    .outer, .inner, .outer2, .inner2, .outer3, .inner3{
        display:block;
    }
    .tekstPlaatsing{
        width:100%;
    }
    
}

@media (min-width: 1220px) {}


@media (min-width: 700px) {}