/*
Theme Name: Ilse 2021
Theme URI: http://wordpress.org/
Description: Theme voor Ilse 2021
Author: WEN Kunst
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans:wght@300;400;700&display=swap');

html, body {
    height: 100%;
    background-color: white;
}

body, .pure-g [class *= "pure-u"] {
	font-size: 15px;
    font-weight: 300;
    
    font-family: 'Open Sans', sans-serif;
}
    

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;

}


strong {
    font-weight: 700;
}

/* Basic structure */
    
    #wrapper {
        position: relative;
        width: 100%;
/*        max-width: 1280px;*/
        margin: 0 auto;
    }

        #header,
        #main,
        #footer
        {
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            position: relative;
        }


/* Header */
    #header {
        font-weight: 400;
        
    }

        #header #brand {
            justify-content: space-between;
            align-items: center;
        }

        #header #logo {
            padding: 1em 1em;
        }

            #header #logo img {
                max-height: 44px;
            }
    

            #header #title {
                
            }

                .main_title {
                    display: none;
                }

                .sub_title {
                    display: none;
                }
            
            
        #nav {
            display: none;
        }

            #nav ul, .nav ul {
            	margin: 0;
            	padding: 0;
            	list-style: none;
                display: flex;
                justify-content: space-between;
                justify-content: center;
            }

            #nav ul li {
                vertical-align: middle;
                margin: .4em 0;
                padding: 0;
                flex-grow: 0;
                text-align: center;
                position: relative;
/*                text-transform: uppercase;*/
    
            }

            #nav a, .nav a {
                line-height: 1em;
                text-decoration: none;
                padding: 0 1em 0 0;
                font-size: 1.1em;
                white-space: nowrap;
            }


            #nav .sub-nav a {
                font-size: .8em;
            }



            /*sub menu*/
            #nav ul.sub-menu {
                display: none;
                z-index: 99;
                position: absolute;
                padding: .5em 1em;
                margin: 0;
                width: 100%;
            }

            #nav li:hover > .sub-menu {
            	display: block;
            }

            /*geen sub sub :) */
            .sub-menu .sub-menu {
            	display: none;
            }

            #nav .sub-menu li, #nav .sub-menu a {
                margin: 0;
                padding: 0;
            }

            #nav .sub-menu li {
                font-size: .85em;
                margin-top: .5em;
            }

        
        

/* Main */
    
    #main {
/*        min-height: 90vh;*/
    }
    
        #main #content {
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            padding: 2em 1em;
        }    
        


/* Footer */

    #footer {
        font-size: .85em;
        line-height: 1.3em;
    }

        #footer .container {
            padding: 1em 2em;
            box-sizing: border-box;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        #footer .flex-item {
            flex-shrink: 1;
            padding: 1em 0;
        }
        
        .copy {
            text-align: center;
            margin: 0 auto;
            padding: 3em 0 2em 0em;
            font-size: 14px;
        }

        #footer a {
            font-weight: 400;
        }

        #footer img {
            display: inline-block;
        }

        #footer h3 {
            margin-top: 0;
        }


        .container {
            max-width: 1280px;
            margin: 0 auto;
        }
        
        @media (max-width: 1330px) {
	        .container {
	            padding: 0 1em;
	        }
        }


/* Responsive */

.desktop,
.tablet
{
    display: none;
}

@media (min-width: 1024px) {
    .desktop {
        display: inherit;
    }

    .mobile {
        display: none;
    }

}

@media (min-width: 768px) {

    .tablet {
        display: inherit;
    }

    .mobile {
        display: none;
    }

}




/*  Menu wrap:       */

@media (min-width: 1024px) {

    #nav {
        display: block;
    }

    #hamburger {
        display: none;
    }

}


@media (max-width: 1023px) {

    #hamburger {
        margin: 0 0 0 1em;
    }

    #header_img img {
        height: 17vw;
        max-height: 100px;
    }

}



/*  Content wrap       */
@media (max-width: 1024px) {
	
}





























/* Basic WordPress Styles */
    .entry-content img {
    	margin: 0 0 1.5em 0;
    }
    .alignleft,
    img.alignleft {
    	display: inline;
    	float: left;
        margin-right: 1.5em;
    }
    .alignright,
    img.alignright {
    	display: inline;
    	float: right;
        margin-left: 1.5em;
    }
    .aligncenter,
    img.aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .wp-caption {
    	text-align: center;
    	margin-bottom: 1.5em;
    }
    .wp-caption img {
    	border: 0 none;
    	margin: 0;
    	padding: 0;
    }
    .wp-caption p.wp-caption-text {
    	margin: 0;
    }
    .wp-smiley { 
    	max-height: 1em;
    	margin:0 !important;
    }
    .gallery dl {
    	margin: 0;
    }
    .gallery-caption {
    	margin:-1.5em 0 0 0;
    }

    blockquote {
        font-style: italic;
    }
    blockquote.left {
    	float: left;
    	margin-left: 0;
    	margin-right: 20px;
    	text-align: right;
    	width: 33%;
    }
    blockquote.right {
    	float: right;
    	margin-left: 20px;
    	margin-right: 0;
    	text-align: left;
    	width: 33%;
    }


    /*remove margin under Google maps frame:*/
    iframe {
        display: block!important;
    }






/* Mobile nav */
    #responsive_nav {
        position: absolute;
        z-index: 9999;
        width: 100%;
        overflow: hidden;
        display: none;
    }


    #responsive_nav.open {
    	height: auto;
    }

    #responsive_nav ul {
    	list-style-type: none;
    	margin: 0 0 1em 0;
    	padding: 0;
        display: block;
        text-align: center;
    }

    #responsive_nav li {
    	padding: 0;
    	display: block;
    }

    #responsive_nav li a {
        display: block;
        text-decoration: none;
        font-size: 2em;
        padding: .3em 0;
    }

    #responsive_nav .sub-menu a::before {
        content: "–  ";
    }



/* Hamburger */
/*https://codepen.io/designcouch/pen/Atyop*/

    #hamburger {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        padding: .5em;
    }

    #hamburger .square-box {
        position: relative;
        min-width: 40px;
        margin: 0 auto;
    }

    #hamburger .square-box:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    #hamburger .square-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
    }

    #hamburger span {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        display: block;
        height: 3px;
        background-color: black;
    
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #hamburger span:nth-of-type(2) {
        top: 50%;
    }

    #hamburger span:nth-of-type(3) {
        top: 80%
    }

    #hamburger.open span:nth-child(1) {
      top: 50%;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }

    #hamburger.open span:nth-child(2) {
      opacity: 0;
      left: +20vw;
    }

    #hamburger.open span:nth-child(3) {
      top: 50%;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }




/* Commen classes: */

    .pure-g > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .l-box {
        padding: 0 1em;
    }

    .clear {
    	clear: both;
    }
    
    .hidden {
        display: none;
    }

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

    :focus {
        outline: none;
    }



    .flex {
        display: flex;
        justify-content: center;    
        align-content: stretch;
    }

    .flex-item {
        flex-grow: 0;
        flex-shrink: 1;
    }
    
    .flex.h-center {
        justify-content: center;
    }

    .flex.h-left {
        justify-content: flex-start;
    }

    .flex.h-right {
        justify-content: flex-end;
    }

    .flex.v-center {
        align-items: center;
    }

    .flex.v-stretch {
        align-items: stretch;
    }

    .flex-item.grow {
        flex-grow: 1;
    }
    
    .flex-item.shrink {
        flex-shrink: 1;
    }
    
    
    

    .vertical { 
        display: table; 
        width: 100%;
        height: 100%;
    }

    .vertical-item { 
        display: table-cell!important; 
        text-align: center; 
        vertical-align: middle;
    }
    
    
    
    
    .table{
        display:table;
        width:100%;
        height:100%;
    }
    .table-cell{
        display:table-cell;
        vertical-align:middle;
    }

    

    
    
    
    
    .jumbo {
        background-color: white;
        width: 100%;
        padding: 0 1em;
        box-sizing: border-box;
    }

        .jumbo .container {
            margin: 0 auto;
            max-width: 780px;
            padding: 3em 0;
        }

        .jumbo p {
/*            font-size: 1.2em;*/
        }

    @media (min-width: 790px) {
        .jumbo {
        }
	
    }
    
    
    
    


    
/* Forms */
    
    input, textarea, select, button {
        border: none;
        width: 100%;
    	padding: .5em;
    	margin: .5em 0;
    	box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    
    }

    input[type="submit"],
    button[type="submit"],
    button[type="button"],
    a.button,
    input.button {
        border: none;
        display: block;
        box-sizing: border-box;
        margin: 1em 0;
        padding: .7em 2em;
        width: auto;
        text-align: center;
        cursor: pointer;
        height: 3em;
        line-height: inherit;
        font-weight: inherit;
    }


    a.button {
        display: inline-block;
    }

    .wpcf7-sliding-captcha .bgSlider {
        width: 100%;
    /*    max-width: 300px; */
    }


    label {
    /*    display: inline-block;*/
        display: inline; /* kan dit ook? nodig op de betaal pagina */ 
        width: 100%;
        text-align: left;
    }

    input[type="radio"], 
    input[type="checkbox"] {
        width: auto!important;
    	margin-right: 5px!important;
    }


    /* Contact Form 7: */
    
    div.wpcf7-validation-errors, .em-booking-message {
        border: none!important;
        background-color: rgb(255, 211, 207);
        padding: 1em 1em .1em 1em;
        color: rgb(215, 55, 40);
        margin: 2em 0em;
    }

    .em-booking-message-success {
        background-color: rgb(50, 165, 55);
        padding: 1em;
        color: rgb(255, 255, 255);
    }

    div.wpcf7-mail-sent-ok {
        border: none!important;
    	background-color: #2bb34f;
    }


    div.wpcf7-response-output {
        margin: 0px!important;
        padding: 1em!important;
        color: #fff;
    }

    img.ajax-loader {
        width: auto!important;
        height: auto!important;
    }







/* Siteorigin styling */

/* tabs */
    .sow-tabs-tab-container {
        background-color: white!important;
        padding: 0!important;
    }

    .sow-tabs-panel {
        padding: 0!important;
    }

    .sow-tabs-tab {
        padding: 0!important;
        margin: 1em 1em 1em 0!important;
        font-weight: 700!important;
    }

    .sow-tabs-panel h2 {
        display: none;
    }




/* Styling */

    p {
        margin: 0;
        padding: 0;
    }

    #main p {
        margin: 0 0 1em 0;
        padding: 0;
        line-height: 1.7em;
    }

    a {
        text-decoration: none;
    }

    a.more-link {
        display: table-cell; /*block;*/
        margin: 1em 0 0 0;
    }

    h1 {
        margin: .67em 0 .25em 0;
    }

    h2 {
        font-size: 1.5em;
        margin-bottom: .8em;
    }

    blockquote {
        font-style: italic;
        font-size: 2em;
        font-weight: 700;
    }






/*  Gallery          */
.foto-gallery {
    flex-wrap: wrap;
    margin: 2em auto;
    max-width: 1125px;
}
    
.foto-gallery .flex-item {
    flex-basis: 33%;
    padding: 1em;
    box-sizing: border-box;
}

.foto-gallery img {
    height: 470px;
    max-width: inherit;
    margin: 0 auto;
}

@media (max-width: 700px) {
    .foto-gallery .flex-item {
        flex-basis: 50%;
    }
	
}


@media (max-width: 760px) {
    .foto-gallery img {
        height: auto;
        max-width: 100%;
        margin: 0 auto;
    }
	
}



.sounddemo .panel-grid-cell {
    margin: 0 .5em;
    max-width: 300px;
}










/*Nieuwsitems*/
#news {
    flex-wrap: wrap;
    margin-top: 2em;
}

.newsitem {
    flex-basis: 33%;
    padding: 1em;
    box-sizing: border-box;
    overflow: hidden;
}

.newsitem .date {
	margin-bottom: 10px;
	font-style: italic;
}

.newsitem h2 {
	font-weight: normal;
	font-size: 24px;
	text-transform: none;
}

.newsitem .thumbnail {
    overflow: hidden;
/*    height: 230px;*/
}

@media (max-width: 1280px) {
    .newsitem .thumbnail {
/*        height: 22vw;*/
    }
	
}

@media (max-width: 1010px) {
    .newsitem {
        flex-basis: 50%;
    }

    .newsitem .thumbnail {
/*        height: 29vw;*/
    }
	
}

@media (max-width: 700px) {
    .newsitem {
        flex-basis: 100%;
    }

    .newsitem .thumbnail {
/*        height: 51vw;*/
    }
		
}

#news img {
/*    min-width: 392px;*/
/*    min-height: 230px;*/
}


div#newspage {
    padding: 3em 0;
    margin: 0 auto;
    width: 90%;
    max-width: 600px;
    min-height: 75vh;
}

.single .navi {
    padding: 2em 0;
}


.single iframe {
    max-width: 100%;
    max-height: inherit;
    height: 335px;
}









.navigation {
    width: fit-content;
    margin: 2em auto 4em auto;
}


.wp-paginate a, .wp-paginate .current {
    border: none!important;
    margin-right: .5em!important;
    padding: .5em .85em!important;
    border-radius: 150px!important;
    background-color: transparent!important;
}

.wp-paginate .current {
    background: #e2a336!important;    
    color: #fff!important;
}






.more-link {
	display: inline;
	font-style: italic;
}















.movielist span, .movielist i {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 10px;
	background: transparent url('images/play.png') no-repeat top left;
	cursor: pointer;
}

.movielist a {
	float: left;
	clear: left;
	width: 200px;
	height: 30px;
}

.movielist i {
	background-position: bottom left;
}

.movielist i:hover {
	background-position: bottom right;
}

.movielist span:hover {
	background-position: top right;
}

#no-flash {
	padding: 10px;
	border: 1px solid #CC5652;
	background-color: #FFAE90;
	border-radius: 10px;
	-webkit-border-raduis: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;	
	clear: both;
	margin-left: 0;
	opacity: 0;
}

#no-flash p {
	color: #921614;
}





/*OPMAAK*/
a {
	text-decoration: none;
}

#tekst a {
	text-decoration: underline;
}

ul, ol {
	list-style-position: inside;
	margin: 10px 0;
	padding-left: 15px;
}

ul {
	list-style-type: disc;
}

blockquote {
	margin: 0 20px 10px 20px;
	padding: 5px 10px;
	font-style: italic;
	background-color: #DDEAEA;
}



.clear {
	clear: both;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.aligncenter {
	margin: 0 auto;
}


p.error {
	color: red;
	font-style: italic;
}

p.ok {
	font-style: italic;
	
}











/*related posts*/
#related_posts_thumbnails {
	margin-top: 10px!important;
}

#related_posts_thumbnails li {
/*	width: 32%;*/
	border: none!important;
	margin-right: 15px!important;
	padding: 0px!important;
}

#related_posts_thumbnails li a span {
	color: #33b1da!important;
}

#related_posts_thumbnails li a:hover span {
	color: #418636!important;
}







@media (max-width: 990px) {
	
	.newsitem, .blogitem {
		margin-right: 0px;
		width: inherit;
	}
	
	.newsitem img, .blogitem img {
		max-width: 100%;
		float: 0;
	}
	
	
}



@media screen and (min-width: 0px) and (max-width: 990px) {  
  #gallery-t-group .rsThumbs {
    width: 315px;
  }
}

@media screen and (min-width: 0px) and (max-width: 760px) {  
  #gallery-t-group .rsThumbs {
    left: 0;
    position: relative;
    width: 100%;
    height: auto;
    padding: 1px 0 0 1px;
  }
  #gallery-t-group .rsThumbsContainer {
    height: auto !important;
  }
  #gallery-t-group .rsGCaption { 
    right: 0;
  }

	.rsOverflow, .rsNav {
		padding: 0px!important;
	}
	
	#content {
		height: 50vw!important;
	}

}


/*Audioplayer*/
.mejs-audio {
    width: 100%!important;
    max-width: 340px!important;
    background: none!important;
/*    margin: 0 auto;*/
}

.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
    background: #e2a336!important
}

@media (max-width: 1100px) {
    .mejs-volume-button, .mejs-horizontal-volume-slider {
        display: none!important;
    }
        
}


a.download-button {
/*    background-color: #e2a337!important;*/
/*    padding: 0.5em 1em;*/
    display: inline-block;
    margin-top: 1em;
    color: #969696!important;
}

.download-button .dashicons {
    vertical-align: middle;
}





/*Nieuwe fotopagina 2016*/

#slides {
    position: relative;
	width: 100%!important;
    height: 480px;
    height: 563px;
    overflow: auto;
    white-space: nowrap;
    z-index: 50;
}

#slides .item {
    position: relative;
    height: 470px;
	height: 558;
    display: inline-block;
    overflow: hidden;
}

#slides .item img {
	height: 100%;
}

/*Mobile*/
@media (max-width: 760px) {  
	#slides {
		height: auto;
		
	}
	
	#slides .item {
		display: block;
		height: auto;
		margin-bottom: 10px;
	}
	
	#slides .item img {
		width: 100%;
		height: auto;
	}


}








#follow {
	margin: 0 auto;
	width: 224px;
}

#follow p {
	margin: 18px 0px 0px 0px;
	line-height: 10px;
}

#follow a {
	position: relative;
	width: 32px;
	height: 32px;
	background: transparent url('images/social-icons.png') no-repeat;
	display: block;
	float: left;
	margin-left: 20px;
}

#follow .twitter {
	background-position-x: -48px;
}

#follow .linkedin {
	background-position-x: -96px;
}

#follow .instagram {
	background-position-x: -144px;
}

#follow a:hover {
	background-position-y: -32px;
}


#follow {
	float: right!important;
	width: auto;
}

#follow p {
	margin: 0px!important;
	line-height: 45px!important;
}

#follow a  {
	width: 24px;
	height: 24px;
	background: rgba(0, 0, 0, 0) url('../images/social.png') no-repeat;
	margin-left: 10px;
    background-position-y: -24px;
}

#follow .twitter {
    background-position-x: -36px;
}

#follow .linkedin {
    background-position-x: -72px;
}

#follow .instagram {
    background-position-x: -108px;
}

#follow .imdb {
	background-position-x: -144px;
}


#follow a:hover {
    background-position-y: 0px;
}

html:lang(nl-NL) .icl-nl {
	display: none;
}

html:lang(en-US) .icl-en {
	display: none;
}

/*huidige taal niet in menu*/
.menu-item-language-current {
    display: none;
}




#main a.facebook, #main a.instagram {
	width: 24px;
	height: 24px;
	background: rgba(0, 0, 0, 0) url('../images/social.png') no-repeat;
	margin-left: 10px;
    background-position-y: -24px;
    display: inline-block;
    text-indent: -100000px;
}

#main a.instagram {
    background-position-x: -108px;
}







/*  iFrame      */

iframe {
    max-width: 100%;
    max-height: 349px;
    height: 23vw;
}

@media (max-width: 780px) {
    iframe {
        max-width: 100%;
        height: 49vw;
        max-height: inherit;
    }

}
























/*  Frontpage           */

#main .first {
    display: none;
}

.royalSlider {
    width: 100%!important;
    height: 100%!important;
    min-height: 45vw;

}








/* Voice Over       */
.video-list .textwidget {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;    
}

.video-list p {
    flex-basis: 33%;
    padding: 1em!important;
    box-sizing: border-box;
}

.video3 iframe {
    max-width: 100%;
    height: 15.5vw;
    max-height: 215px;
}

@media (max-width: 1010px) {
    .video3 iframe {
        max-width: 100%;
        height: 25vw;
        max-height: inherit;
    }

    .video-list p {
        flex-basis: 50%;
    }
	
}

@media (max-width: 700px) {
    .video3 iframe {
        max-width: 100%;
        height: 49vw;
        max-height: inherit;
    }

    .video-list p {
        flex-basis: 100%;
    }
	
}









/* Kleuren */

/*  Grijs           */


    body,
    a,
    #header a {
        color: #8f8f8f;
    }

    .grijs,
    #header,
    #responsive_nav {
        background-color: #d7d7d7;
/*        background-color: #e9dbb7;*/
        
    }


/*  Geel            */
    .button {
        background-color: #e2a336;
    }




/*  midden grijs        */

    #footer
    {
        background-color: #6b6b6b;
        color: #d7d7d7;
    }



/*    blauw */
    
    .nav .current-page-item a, 
    .nav .current_page_item a, 

    .nav .current-menu-item a,
    .nav .current_menu_item a,

    .nav .current-page-ancestor a, 

    .nav .current-page-parent a, 
    .nav .current_page_parent a, 

    .nav .current-post-parent a, 
    .nav .current_post_parent a, 

    .nav .current-menu-parent a,
    .nav .current_menu_parent a,
    .nav a:hover,
    #main a:hover,
    #main a,
    #footer a
    {
        color: #33b1da;
        color: #c1952d;
        color: #e2a336;
    }




    /*  white       */
    
    #main a.button {
        color: white;
    }
    
    #main {
        background-color: white;
    }


/*  Donker grijs        */
    
    h1, h2, h3, h4, h5, h6, strong
    {
        color: #696969;
    }