/*
 Theme Name:   MITROS - Twenty Sixteen Child
 Theme URI:    http://www.elephasentseeselephant.com
 Description:  Twenty Sixteen Child Theme
 Author:       Susan Zeegers
 Author URI:   http://www.elephantseeselephant.com
 Template:     twentysixteen
 Version:      1.0.0
 Tags:         
 Text Domain:  twentysixteen-child
*/

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


/* LETTERTYPES ********** ********** **********/

@font-face {
  font-family: 'opensans-light';
  src: url('fonts/opensans-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-light-webfont.svg#opensans-light') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'opensans-regular';
  src: url('fonts/opensans-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-regular-webfont.svg#opensans-regular') format('svg'); /* Legacy iOS */
}



@font-face {
  font-family: 'opensans-semibold';
  src: url('fonts/opensans-semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-semibold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-semibold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans-semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-semibold-webfont.svg#opensans-semibold') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'opensans-bold';
  src: url('fonts/opensans-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-bold-webfont.svg#opensans-bold') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'signature';
  src: url('fonts/signature_free_demo-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/signature_free_demo-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signature_free_demo-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signature_free_demo-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/signature_free_demo-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/signature_free_demo-webfont.svg#signature') format('svg'); /* Legacy iOS */
}


	/* ALGEMEEN OPBOUW RAAMWERK */

	body, html {font-family: 'opensans-light';color:#636363;font-size:16px;line-height:28px;}
	body:not(.custom-background-image).admin-bar:before {
		top: 0px;
	}

	#primary{margin-top:30px;width:70%;}
	#secondary {float:right;margin:20px 0px 0px 30px;}
	.sidebar {
		float: right;
		margin-left: 80%;
		padding: 0;
		width: 25%;
	}
	#page {width:1220px;-webkit-box-shadow: -2px 2px 22px 9px rgba(117,117,117,0.32);-moz-box-shadow: -2px 2px 22px 9px rgba(117,117,117,0.32);box-shadow: -2px 2px 22px 9px rgba(117,117,117,0.32);margin:0 auto;}
	.site-inner{width:1220px;}

	body:not(.custom-background-image):before, body:not(.custom-background-image):after {height: 0px;}

	/* LOGO & SITE DESCRIPTION */

	.logo {margin-bottom:30px;}
	.logo a.img {max-width:427px;height:143px;}
	.site-branding, #site-header-menu {width:100%;margin:0 auto;text-align:center;}
	.site-header {padding: 20px 0px 0px 0px;background-color:#b9ca00;background-image:url(images/header-bg.jpg); background-position:top left;background-repeat:no-repeat;}
	.site-header-menu{background-color:#0bcbdc;border-top:5px solid #fff;border-bottom:5px solid #fff;}
	.site-header .main-navigation + .social-navigation, .site-branding, .site-header-menu, .header-image {margin-top:0px;}

	.site-title, .site-title a, .site-branding .site-title a:hover, .site-branding .site-title a {font-family: 'opensans-light';font-size:16px;color:#fff;margin-bottom:30px;}

	.custom-logo-link {
	margin-bottom:20px;
	}

	.site-description{
		font-family:"opensans-bold";
		font-size:16px;
		letter-spacing:0.05em;
		color:#fff;
		text-align:center;
		line-height:0.1em;
		position:relative;
		margin:0 auto; 
		background:#b8ce01;
		width:25%;
} 
	.site-description span{
		background:#b8ce01;
		z-index:2;
		position: relative;
	}

	.site-description:before{
		content:'';
		position:absolute;
		display:block;
		top:50%;
		height:1px;
		width: 100px;
		background:#fff;
		right:58%;
		z-index:1;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
	}


	.site-description:after{
		content:'';
		position:absolute;
		display:block;
		top:50%;
		height:1px;
		width: 100px;
		background:#fff;
		left:90%;
		z-index:1;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
	}

	/* SOCIAL - header *******************************************************************************************/

	.site-header-main .social-navigation{display:block;text-align:right;float:right;}
	.site-social {text-align:center;}
	.social-navigation ul{margin:0 auto;text-align:center;}
	#social-navigation{float:right;width:100%;}
	.social-navigation a {color:#fff;border:0px;padding:0px 20px 0px 20px;}
	.social-navigation a:before {font-size:22px;color:#fff;}
	.social-navigation a:hover:before {color:#f3fabb;}
	.social-navigation a:focus:before {color:#C0C0C0;}
	.site-social-header{width:100%;margin:0 auto;height:30px;padding:10px 20px 0px 0px;}

	/* HEADERS H1 H2 H3 etc ********** ********** ***************************************************************/

	h2, h3, h4, h5, h6 {color:#666666; }
	h2, .entry-content h2, .entry-summary h2, .comment-content h2  {font-size:18px;color:#4a8186;}

	/* AFZENDER */

	#afzender {width:100%;margin:0 auto;}
	#afzender .site-info, #afzender .site-info a {color:#fff;text-align:center;}
	#afzender .site-info a {text-decoration:underline;}
	#afzender .site-info a:hover {color:#ccc;}

	/* SLIDER */

	#slider-mobile {display:none;}

	/* FOOTER */

	#colophon {background-color:#b0b48d;margin-top:50px;}
	#content-bottom-widgets p {color:#434724;font-size:16px;}
	#content-bottom-widgets h2.widget-title {color:#fff;}
	#colophon a, #colophon a:hover {color:#eff1e0;text-decoration:underline;}
	#widgets-bottom {width:100%;margin-top:60px;}
	#widgets-bottom .widget {margin:0px 0px 20px 0px;padding-bottom:40px;float:left;}
	#content-bottom-widgets{margin:0 auto;width:100%;}
	#content-bottom-widgets .widget-area {margin:0 auto;width:95%;}
	#content-bottom-widgets .widget {width:25%;float:left;color:#694634}

	#content-bottom-widgets .widget input[type="email"] {width:100%;float:left;}
	#content-bottom-widgets .widget label {color:#434724;float:left;margin-bottom:20px;}

	/* CONTENT */

	.entry-title {color:#666666;font-family: 'opensans-light';font-size:32px;}
	li {list-style-position: inside;}

	/* MAX BUTTONS */

	span.mb-text, .bewoners {font-family: 'signature';font-size:64px;color:#b7ce01;font-weight: 100;text-decoration:none;}
	span.mb-text:hover {color:#ffffff;text-decoration:none;}
	span.maxbutton-2-container.mb-container {background-color:#ebece6;text-align:center;padding:20px 0px 0px 0px;text-decoration:none;}
	.bewoners {margin-bottom:30px !important;width:100% !important;text-decoration:none;}
	span.maxbutton-2-container.mb-container:hover{box-shadow-color:#333 !important;background-color:#d7d9ce !important;text-decoration:none;}

	a.maxbutton-3.maxbutton.maxbutton-inschrijven..inschrijven {text-decoration:none;box-shadow: 0 0px 0 0 currentColor;}
	span.mb-text, .inschrijven {font-family: 'signature';font-size:64px;color:#b7ce01;font-weight: 100;text-decoration:none;}
	span.mb-text:hover {color:#ffffff;text-decoration:none;}
	span.maxbutton-3-container.mb-container {background-color:#ebece6;text-align:center;padding:20px 0px 0px 0px;text-decoration:none;}
	.inschrijven {margin-bottom:30px !important;width:100% !important;text-decoration:none;}
	span.maxbutton-3-container.mb-container:hover{box-shadow-color:#333 !important;background-color:#d7d9ce !important;text-decoration:none;}

	span.mb-text, .huizen {font-family: 'signature';font-size:64px;color:#b7ce01;font-weight: 100;text-decoration:none;}
	span.mb-text:hover {color:#ffffff;text-decoration:none;}
	span.maxbutton-5-container.mb-container {background-color:#ebece6;text-align:center;padding:20px 0px 0px 0px;text-decoration:none;}
	.huizen {margin-bottom:30px !important;width:100% !important;text-decoration:none;}
	span.maxbutton-5-container.mb-container:hover{box-shadow-color:#333 !important;background-color:#d7d9ce !important;text-decoration:none;}



	/* WIDGETS */

	.widget {border-top: 0px;}
	.widget .widget-title {font-family: 'opensans-semibold';}

	/* VELDEN & KNOPPEN */

	input[type="submit"] {background-color:#434724;font-family: 'opensans-light';margin:30px 0px 0px 0px;}
	input[type="submit"] a:hover {background-color:#ffffff;}


	/* HOOFDMENU ********** ********** **********/

	.main-navigation, .main-navigation ul {margin:0 auto;width:100%;text-align:center;}

	.main-navigation a {color:#fff;font-size:14px;text-transform:uppercase;line-height:26px;font-family: 'opensans-semibold';font-weight:100;letter-spacing:0.05em;padding:25px 15px 25px 15px;margin:0px}

	.main-navigation .menu-item-has-children > a {margin:0px;}

	.main-navigation ul ul {width:280px;}

	.main-navigation ul ul a {color: #777;text-align: left;text-transform: none;font-style: normal;width: 280px;text-transform:uppercase;}
	.main-navigation ul ul a:hover {background-color:#ebece6;}

	.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {color:#3b8389;}

	.main-navigation .current-menu-item > a:before, .main-navigation .current-menu-ancestor > a:before { /*content:"\203A";*/}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding: 0;
	}

	.main-navigation li:hover > a, .main-navigation li.focus > a {color:#0f6e76;}
	.main-navigation .primary-menu > li {display: inline-block;/*width: 180px;*/float: none;margin:0px 30px 0px 0px;}
	.main-navigation .primary-menu > ul li a {color:#000;}
	.main-navigation .menu-item-has-children > a:after {
		content: "";
	}

	/* SOCIAL - footer ************************************************************************************************************/

	#afzender {background-color:#999d78;height:250px;padding:0px 20px 0px 0px;background-image:url(images/Mitros-logo.png);background-position: center;background-repeat:no-repeat;}
	.site-info{height:170px;}
	#afzender .site-info {padding:50px 0px 0px 0px;}
	#afzender .social-navigation a {color:#fff;}
	#afzender .social-navigation a:before {font-size:22px;color:#fff;}
	#afzender .social-navigation ul{padding:0px;margin:0 auto;}
	#afzender .social-navigation a {padding:0px;}
	#afzender .social-navigation li {float:none;display:inline-block;}
	#afzender .site-social ul li {padding-top:10px; }
	#afzender .site-social ul li a {border-radius:0px;}

	/* FOOTER elephant sees elephant */

	#webdesigner {font-size:11px;margin-top:30px;margin-bottom:30px;border:1px solid #fff;text-align:center;padding-top:30px;}


@media screen and (max-width: 1024px) {
	#page, .site-inner {max-width:100%;width:100%; margin:0 auto;}
	#slider-desktop {display:block;}
	#secondary{margin-right:30px;}
	input[type="submit"] {background-color:#434724;font-family: 'opensans-light';margin:80px 0px 0px 0px;float:left;}
}

@media screen and (max-width: 910px) {

	
	#page, .site-inner, #primary {max-width:100%;width:100%;}
	#primary {padding-top:20px;}
	.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {margin-right: 5%;}
	
	#secondary{margin-left:30px;max-width:90%;width:90%;float:left;}
	
	/* MAX BUTTONS */
	
	span.maxbutton-2-container.mb-container, span.maxbutton-3-container.mb-container, span.maxbutton-5-container.mb-container  {height:200px;padding-top:100px;}
	
	/* WIDGETS */
	
	#content-bottom-widgets .widget {width: 100%;float:left;}
	#content-bottom-widgets p {font-size: 13px;}
	#content-bottom-widgets .widget {
		border-bottom:1px solid #dcdfc0;}
	
	input[type="submit"] {font-size:13px;}
	
	
	/* ********* TOGGLE MENU ********** ********************************************************************************************/

	#menu-toggle{margin:0 auto;width:100%;background-color:#0bcbdc;text-transform:uppercase;color:#fff;font-size:32px;border-top:5px solid #fff;border-bottom:5px solid #fff;padding:10px 0px 10px 0px;font-family: 'opensans-light';}
	.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus{border:0px;padding:0px;margin:0px;}
	.main-navigation ul ul, ul {padding:0px;}
	.main-navigation ul ul {margin-left:0px;width:100%;}
	.main-navigation .primary-menu > li {width:100%;}
	.main-navigation ul ul a {padding-left:30px;width:100%;color:#007e8b;text-align:center;}
	.main-navigation .menu-item-has-children > a {margin: 0;    padding: 25px 15px 25px 15px;}
	.dropdown-toggle:after {color:#fff;}
	.site-description:before{right:58%;}
	.site-description:after{left:110%;}

	
}

@media screen and (max-width: 480px) {
	#page, .site-inner, #primary, #secondary {max-width:100%;width:100%; margin:0 auto;}
	#secondary{padding:0px 30px 0px 30px;}
	.site-title, .site-title a, .site-branding .site-title a:hover, .site-branding .site-title a {font-family: 'opensans-light';font-size:16px;color:#fff;margin-bottom:80px;}
	.site-info{width:80%;margin:0 auto;}
	#afzender {height:500px;background-position: center;}
	#slider-mobile {display:block;}
	#slider-desktop {display:none;}
	
	.wp-custom-logo .site-title, .site-title a {font-size:14px;width:80%;margin:0 auto;}
	
	
	/* ********* WIDGETS ********** ********************************************************************************************/

	#widgets-bottom, #widgets-bottom .widget-area{width:95%;padding:0px;}
	#widgets-bottom p{padding:0px;}
	#content-bottom-widgets .widget {
    width: 100%;float:left;}
	input[type="submit"] {background-color:#434724;font-family: 'opensans-light';margin:30px 0px 0px 0px;}
	
	
}
	
}