/*
Theme Name: blankslate-child
Theme URI: http://hendrikjevanleest.nl/public_html/wp-content/themes/blankslate-child
Description: child theme
Author: LiekeKoopman
Author URI: http://www.dyra-design.nl
Template: blankslate
Version: 1.0.0
Tags: child theme
Text Domain: blankslate-child
*/








html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;padding:0;border:0;margin:0;vertical-align:top; box-sizing: border-box; position:relative; max-width:100%;}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clear{clear:both}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
p.clear{clear:both;height:0; width:100%;}
html {  height: 100%;  box-sizing: border-box;}
*,*:before,*:after {  box-sizing: inherit;}
body { background:#ffffff;box-sizing: border-box;position:relative;  margin:0;min-height:100%; 
  background-attachment: fixed; background-position:0 -200px ; 
    background-repeat: no-repeat; background-size: 100% auto; }






.blok{padding:0 0; margin-top:20px; margin-bottom:20px; display:inline-block;position:relative;border-radius:5px;}




.header{display:none;}


.blok-a{width:290px;  }
.blok-b{width:290px;  margin-left:20px; }
.blok-c{width:290px;  float:right; }
.blok-ab{width:595px; }
.blok-bc{width:595px; float:right;margin-left:20px;}
.blok-abc{width:100%;margin-bottom:15px;  padding-left:15px;padding-right:15px;}
.blok-50:nth-child(odd){width:48%;  float:left;}
.blok-50:nth-child(even){width:48%;  float:right;}

.blok-30:nth-child(1){width:32%;  float:left;}
.blok-30:nth-child(2){width:32%;  text-align:auto; margin-left:2%; margin-right:2%;}
.blok-30:nth-child(3){width:32%;  float:right;}



body .is-layout-flex {
 
}

a, a:visited, body, a img {text-decoration:none; font-family: 'Signika', sans-serif;  text-align:left; font-weight:300;color: #ffffff;}



#container{  width:100%; margin:0% auto 0px;text-align:center;z-index:5; position:relative;box-sizing: border-box; border-radius: 0 0px ; overflow:hidden; min-height: 100%;}
#content{margin:0% auto; z-index:6;position:relative;text-align:center;text-align: justify; overflow:hidden;  }

img{border-radius:5px;}
.title{display:none}

.product{width:100%; height:100%; border-radius: 5px; border:2px solid #dc542f; }
.product h3{font-family: 'Signika', sans-serif; font-weight:300; line-height:150%; text-align:center;font-size:130%;}

.product1 h3{color:#ffffff;}
.product2 h3{color:#ffffff;}
.product3 h3{color:#ffffff;}
.product1 p{color:#ffffff;}
.product2 p{color:#ffffff;}
.product3 p{color:#ffffff; text-shadow: 1px 2px 1px #87c1c2;}




/*.product-titel{ }
h1.product-titel{color:#ffffff; font-family: 'Signika', sans-serif; font-weight:300; text-align:center; font-size:190%;  border-radius:5px; }
h2.product-titel{color:#ffffff; font-family: 'Signika', sans-serif; font-weight:300; text-align:center; font-size:130%;  border-radius:5px; }
.product1 h2.product-titel{background-color:#92311f;}
#theater, .theater, .product1{background-color:#151818; }
*/



.home2 .wp-block-columns {  margin-bottom: 0px;}

.product1 h1{background-color:#92311f;color:#ffffff; border-bottom:0px solid #ffffff;font-weight:600;margin:0px auto 10px auto;max-width:910px;font-size:140%;  border-radius:5px;}
.product2 h1{background-color:#96d6d7;color:#ffffff; border-bottom:0px solid #96d6d7;font-weight:600;margin:0px auto 10px auto;max-width:910px;font-size:140%;  border-radius:5px;}
.product3 h1{background-color:#339697;color:#ffffff;border-bottom:0px solid #339697; font-weight:600;margin:0px auto 10px auto;max-width:910px;font-size:140%;  border-radius:5px;}
.product4 h1{background-color:#aaaaaa;color:#ffffff; border-bottom:0px solid #ffffff;font-weight:600;margin:0px auto 10px auto;max-width:910px;font-size:140%;  border-radius:5px;}
.product5 h1{background-color:#ffffff;color:#888888;border-bottom:0px solid #ffffff; font-weight:600;margin:0px auto 10px auto;max-width:910px;font-size:140%;  border-radius:5px;}

.product1 h2{background-color:transparent;color:#d36446; border-bottom:2px solid #92321f;font-weight:600;margin:0px auto 10px auto;max-width:910px;font-size:130%;  border-radius:0px;}
.product2  h2{color:#ffffff; font-weight:600;border-bottom:2px solid #ffffff; margin:0px auto 10px auto;max-width:910px;font-size:130%;  border-radius:0px;}

.product1{background-color:#151818; border:none; color:#ffffff; padding-top:15px;}
.product2{background-color:#339697; border:none; color:#ffffff; padding-top:15px;}
.product3{background-color:#87c1c2; border:none; color:#ffffff; padding-top:15px;}
.product4{background-color:#ffffff; border:none; color:#ffffff; padding-top:15px;}
.product5{background-color:#96d6d7; border:none; color:#ffffff; padding-top:15px;}

.rood{background-color:#92321f;}
.oranje{background-color:#d36446;}

.home2 .product1 a{background-color:#151818; border:none; font-weight:600;}
.home2 .product2 a{background-color:#339697; border:none; font-weight:600;}
.home2 .product3 a{background-color:#87c1c2; border:none; font-weight:600;}
.home2 .product5 a{background-color:#aaaaaa; border:none; font-weight:600;}
.home2 .product4 a{background-color:#d36446; border:none; font-weight:600;}

.home2 .wp-block-button.product1{background-color:transparent; }
.home2 .wp-block-button.product2{background-color:transparent;}
.home2 .wp-block-button.product3{background-color:transparent;}
.home2 .wp-block-button.product4{background-color:transparent;}
.home2 .wp-block-button.product5{background-color:transparent;}

.breedte {max-width:910px; position:relative; margin:0px auto 0 auto; padding: 0 10px;}

.home2 .intro{font-family: 'Handlee', cursive; font-size:140%; color:#aaaaaa; text-align:center;  padding:0;margin-bottom:20px; margin-top:20px;}

.home2 .button{  border-radius:0px; background-color:transparent;  display:inline-block;  position:relative;   float:right; margin:  0 15px 15px 0;text-decoration:none; padding:0px;margin-left:10px;}
.home2 .button a{background-color:#d36446; color:#ffffff;text-align:center;  line-height:100%; margin:  0;text-decoration:none; padding:10px;}
a.wp-block-button__link{border-radius:5px; padding:8px 29px; }

.wp-block-buttons{display: block!important; } 

.home2 .social-icon{ line-height:100%; margin:  0;text-decoration:none; padding:0px;display:inline-block;  position:relative;   float:right; margin:  0 ;text-decoration:none; padding:0px;margin-left:10px;}


.home2 table{color:#ffffff;text-align:left;margin-bottom:20px;}
.home2 table tr{border: 1px solid #aaaaaa;}
.home2 table td, .home2 table th{padding:3px; }
.home2 li{text-align:left;}
.home2 .zwart p{padding:10px 0; margin:0;}

.button{  border-radius:5px; background-color:#d36446; position:relative; display:inline-block;  position:relative;  background-position: center; color:#ffffff;text-align:center; float:right;  line-height:100%; margin:  0 15px 15px 0;text-decoration:none; padding:10px; z-index:999; }
#logo{margin:0px auto 0; position:relative; }
#logo img{width:100%; height:100%; position:relative; }


#media{background-color:#151818; }
#lessen, #training{background-color:#339697;}
#coaching, #individuele-coaching{background-color:#96d6d7;}

.lessen h3{color:#96d6d7;}

.coaching h3{color:#339697;}


.theater p, #lessen div p, #media p{color:#ffffff}



#coaching p{color:#444444}
.media{margin-bottom:15px;}
.voorwaarden{color:#888888; text-align:justify;}

#footer{width:100%;margin-top:0px;  height:0px; position:absolute; bottom:0; z-index:500; left:0; right:0;background: #eaeaea; clear:both;}
#footer p{color: #e64f75; color: #25bdad; font-weight:400; line-height:250%; margin:0;font-weight:bold; font-size:115%;font-family: 'Signika', sans-serif;}


#section{clear:both;}


ul li {
margin-left:15px;
 list-style-type: disc;
 list-style-position: outside;
 list-style-image: none;
}
ol li {
margin-left:15px;
 
 list-style-position: outside;
 
}

ul, ol{margin-bottom: 10px; }

header{ max-height:180px; height:180px; margin:20px auto;width:100%; height:auto; position:relative;  text-align:center; overflow:hidden;  }
header a{ display:block;width:550px; max-width:90%; position:relative; margin: 0 auto;text-align:center;}
header h1{color: #d36446;font-size:300%; font-weight:600; line-height:100%;float:right;}
header h2{color: #92311f;font-size:200%; line-height:100%;float:right;clear:right;}
.logo-image{width:600px; position:relative; float:left;}


.home h1.title{display:none;}



h1,h2,h3,h4, h1 a, h2 a, h3 a,h1 a:visited, h2 a:visited,h3 a:visited{ color: #d36446;   text-align:center;font-family: 'Signika', sans-serif; font-weight:600; line-height:200%;}

h1{font-size:150%;}
h2{font-size:150%; text-align:center; margin:auto;}
h3{font-size:130%;}
h4{font-size:130%;color: #ffffff; }


p{ clear:both; display:block; margin-bottom: 10px; color: #888888; font-weight:300;font-size:100%;text-align: justify;}

nav{position:absolute; bottom:0;}





#intro p{font-family: 'Handlee', cursive; font-size:140%; color:#aaaaaa; text-align:center; margin:0; padding:0;}





section{ margin:  auto;  border-top: 0px solid #cccccc; clear:both; border-radius:5px; position:relative; display:block;height:100%; overflow: auto; text-align:left;max-width:910px; }



.line{height:0px; width:100%; background-color:#cccccc;margin-bottom:0px;}
.line.wit{height:0px; width:100%; background-color:#444444;max-width:840px; margin:0 auto;}

.theater p.voorstellings-info, #lessen p.lessen-info, #coaching p.coaching-info{color:#dddddd; font-size:90%; margin-bottom:5px; }
.theater p.voorstellings-info::before, #lessen p.lessen-info::before { content: "- "; color: #ffffff;  font-weight: bold;}

#coaching p.coaching-info{color:#666666;  }

.theater p.samenwerking, #lessen p.samenwerking{color:#cccccc; font-size:80%;}

.gedicht{font-style:italic; color:#aaaaaa;}




.zwart{ background: #151818; clear:both;}
.wit{ background: #ffffff; clear:both;}
.blauw{ background: #339697; clear:both;}
.grijs{ background: #eaeaea; clear:both;}





input,
textarea,
select {       background: rgba(255,255,255,.1);    border: none;    border-radius: 5px;    font-size: 1em;  margin: 0px;
    outline: 0;    padding: 4px;    width: 99%;    background-color: #f3f3f3;    color:#444444;    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 10px;   font-family: 'Roboto', sans-serif; line-height:150%; text-align:left; font-weight:300; box-shadow:1px 1px 2px #666666;}

input:focus,
textarea:focus,
select:focus{    background: #fafafa;}

input[type="submit"],
input[type="button"]
{ color: #ffffff;  line-height:200%; box-shadow:1px 1px 2px #666666;  position: relative;   display: block;      color: #FFF;   background: #339697;   font-size: 1.2em;
    text-align: center;   font-style: normal;   width: 99%;    margin-bottom: 10px;padding:0;}

input[type="submit"]:hover,input[type="button"]:hover{    background: #96d6d7;color: #339697; }


.verzonden{color:#ffffff; font-family: 'Signika', sans-serif; font-weight:300; text-align:center; font-size:130%;  border-radius:5px; background-color:#92311f;}





























@media (max-width: 910px) {

.blok{margin:0 auto; display: block; padding-bottom:20px;  padding-top:20px;}

.blok-a{width:90%;float:none;max-width:290px;}
.blok-b{width:90%;float:none;max-width:290px;}
.blok-c{width:90%;float:none;max-width:290px;}
.blok-ab{width:90%;float:none;max-width:595px;}
.blok-bc{width:90%;float:none;max-width:595px;}
.blok-abc{width:90%;float:none;}
.blok-50:nth-child(odd){width:90%; float:none;  margin-bottom:20px;  margin-top:20px; padding:0;}
.blok-50:nth-child(even){width:90%;float:none; margin-bottom:20px;  margin-top:20px; padding:0;}
#container{ padding-bottom:40px;}





}



@media (max-width: 570px) {

header h1{color: #e9613b;font-size:220%; font-weight:600; line-height:100%;float:right;}
header h2{color: #92311f;font-size:190%; line-height:100%;float:right;clear:right;}
.logo-image{width:600px; position:relative; float:left;}

}