/*
Theme Name:     Yin and Yang Child
Theme URI:      https://esthervanderploeg.nl/
Description:    Child Theme voor Yin and Yang 
Author:         Hanneke de Graaf
Author URI:     http://www.hannekedegraaf.nl
Template:       yin_and_yang
Version:        1.0
*/



@import url("../yin_and_yang/style.css");




body {
    background-image: url("../../uploads/achtergrondEsther.jpg");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center top;
	background-color:#FFF;
}
	body:before { content: " "; display: block; position: absolute; z-index: 1; width: 100%; left: 0; top: 0; height: 10px; background: #8bb7c6 url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/images/layout/slide-bg.png'); } /* top border */
	body:after { content: " "; display: block; position: fixed; z-index: 1; width: 100%; left: 0; bottom: 0; height: 10px; background: #8bb7c6 url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/images/layout/slide-bg.png'); } /* bottom border */

h1 {
    font-family: "Alegreya sans",Arial,Helvetica,sans-serif;
    color: #4F4640;
    text-transform: uppercase;
    letter-spacing:  normal;
}
h3 {
    font-family: "Alegreya sans",Arial,Helvetica,sans-serif;
    color: #4F4640;
    text-transform: uppercase;
    letter-spacing:  normal;
	font-size:14px;   }
h4 {font-family: "Alegreya sans",Arial,Helvetica,sans-serif;
    color: #4F4640;
    text-transform: none;
    letter-spacing: normal;
	font-size:16px;   
}
h5 {font-size: 12px !important;}

#menu a {
font-family: 'Alegreya sans';
display: inline-block;
line-height: 20px;

font-size: 12px;
color: #323232;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 1px;
border-style: solid;
border-color: #8bb7c6;
padding: 10px 7px 0px;
}

#menu .menu > li {
margin-right: 0px;
margin-left: 0px;

}

#logo, #intro-section {
display: table-cell;
vertical-align: middle;
padding: 0;
}
	#menu { float: right; position: relative; z-index: 99; }
	
		#content, .clients, .footer-meta, .project-title, .item-categories, .item-metadata, .portfolio-shared, #main .comment-list li, .single-post .share-this { background: url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/images/layout/border-img.png') 0 0 repeat-x; }

	#menu .menu .backLava, #menu .menu .selectedLava { border-top: 10px solid #6b6f70  ; }
		#menu .menu > li { margin-right: 0px; display: inline-block; border-top: 10px solid transparent; } 

/* T A B E L */

	#main tr:nth-of-type(odd), .page-content tr:nth-of-type(odd), .post-content tr:nth-of-type(odd) { background-color: #fff; }
	#main table, .page-content table, .post-content table { border: 0px; background: #fff; }
	
	.page-content td, .post-content th, .post-content td {
    border: 0px;
    padding: 10px 0px;
	font-family: 'Alegreya sans';
	font-size:16px;
}
	
	/* F O O T E R */
	
	#footer .footer-widgets li:last-child { margin-bottom: 0; }
	.footer-widgets { margin-bottom: 30px; padding-top: 36px; background-color:#8cb7c7; }
	

	.slide-out-div { left: 0px; bottom: 0px; position: fixed; z-index: 1000; background-image: url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/images/layout/overlay-bg.png'); width: 100%; display: none; }
	.multiplebgs .slide-out-div { border-bottom: 3px solid transparent; background: url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/images/layout/border-img.png') 0 5px repeat-x, url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/images/layout/border-img.png') left bottom repeat-x, url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/images/layout/overlay-bg.png'); }
	
	/* P L A Y E R S */
	/* change the color of the background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
	background: url('https://www.esthervanderploeg.nl/wp-content/themes/yinyang-child/style.css') !important;
	background-color: #c8d9e1 !important;
}
 
/* change the color of the lettering */
.mejs-currenttime,
.mejs-duration {
	color: black !important;
}
 
/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
outline: none !important;
}

/* C O N T A C T */

input:invalid, textarea:invalid {
    border-radius: 0px;
    box-shadow: 0px 0px  0px #FFF;
}


/* buttons */

.borderradius input[type="submit"], .borderradius button, input[type="button"] {
    border-radius: 01px;
}
	input[type="submit"], button, input[type="button"] { 
		padding: 10px 12px 8px 12px; 
		display: block;
	  	color: #333;
	  	background: #8cb8c7;
	  	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8cb8c7), color-stop(1, #5692a6));
	  	background-image: -moz-linear-gradient(center bottom, #8cb8c7 0%, #5692a6 100%);
	  	-webkit-border-radius: 0px;
	  	-moz-border-radius: 0px;
	  	border-radius: 0px;
	  	border-bottom: solid 0px #8cb8c7;
	  	-webkit-box-shadow: #365c69 0 0px 0;
	  	-moz-box-shadow: #365c69 0 0px 0;
	  	box-shadow: #365c69 0 0px 0;
	  	text-shadow: #c4dce4 0 0px 0;
  	} 
  	
	input[type="submit"]:hover, button:hover, input[type="button"]:hover { 
		background: #c4dce4;
	  	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fae67f), color-stop(1, #fdffba));
	  	background-image: -moz-linear-gradient(center bottom, #fae67f 0%, #fdffba 100%);
	  	border-bottom: solid 0px #c4dce4;
	  	-webkit-box-shadow: #8cb8c7 0 0px 0;
	  	-moz-box-shadow: #8cb8c7 0 0px 0;
	  	box-shadow: #8cb8c7 0 0px 0;
	  	color: #555;
	}
	
	input[type="submit"]:active, button:active, input[type="button"]:active {
		position: relative;
	  	top: 0px;
	  	-webkit-box-shadow: #8cb8c7 0 0px 0;
	  	-moz-box-shadow: #8cb8c7 0 0px 0;
	  	box-shadow: #8cb8c7 0 0px 0;
	} 
	
	input[type="submit"] { display: inline; vertical-align: top; }
	
	/* CSS3 submit buttons (with the help of modernizer classes - start */
	.borderradius input[type="submit"], .borderradius button, input[type="button"] { -moz-border-radius: 0px; -webkit-border-radius: 1px; border-radius: 1px; }														   
	input[type="submit"]:active, button:active, input[type="button"]:active { position: relative; top: 0px; }													   												   
	/* CSS3 submit buttons - end */