/*
Theme Name: Template-MTTM
Author: V!NK Communicatie
Author URI: https://www.vinkcommunicatie.nl
Description: Uniek template voor MTTM
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: geen

*/

@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond|Dancing+Script|Josefin+Sans:300,400');
@import url('https://fonts.googleapis.com/css?family=Lora');

/* font-family: 'Cormorant Garamond', serif; */
/* font-family: 'Josefin Sans', sans-serif; */
/* font-family: 'Dancing Script', cursive; */
/* roze color: #d8aca3; (oud color: #e6c2b9; E8C2B8)*/

body {
	padding: 0;
	margin: 0;
	xfont-family: 'Josefin Sans', sans-serif;
font-family: 'Lora', serif;
	width: 100%;
	letter-spacing: 0px;
text-rendering: optimizeLegibility;
}

a {
	text-decoration: none;
}

#slider {
	display: none;
}

#recept {
	background: #fff;
	padding: 50px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	float: left;
}

#koksmuts {
	width: 100%;
	float: left;
}

#koksmuts img {
	width: 100px;
	height: auto;
	display: block;
	margin: 0 auto;
}

h1.recept-titel {
	width: 80%;
	margin-left: 10%;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	float: left;
	font-size: 28px;
	color: #000;
}
#recept h3 {
	margin-top: 50px;
	background: #fff !important;
	width: 100%;
	margin-bottom: 25px;	
}

#recept ul {
	margin: 0px;
	padding: 0px;
}

#recept ul li {
	list-style: none;
}

#recept ol li {
	text-align: left;
}

.uitgelichte-afbeelding-single img {
	width: 100% !important;
	float: left;
	margin-bottom: 15px;
}

#uitgelicht-home {
	position: fixed;
	background: #fff;
	bottom: 0px;
	height: 75px;
	border-top: 1px solid #ededed;
	font-size: 18px;
	z-index: 99;
	width: 100%;
	color: #d8aca3;
	display: none;
	font-size: 700;
	line-height: 22px;
}

#uitgelicht-home i {
	right: -15px;
  	top: 35%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
	position: absolute;
	font-size: 30px;
	color: #E8C2B8;
}

#uitgelicht-home a {
	color: #666;
	text-decoration: none;
}

#uitgelicht-home p {
	margin: 3%;
	width: 82%;
	padding-right: 5%;
	padding-bottom: 5%;
  	top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
	position: absolute;
}

#header {
	width: 100%;
	float: left;
}

img a, a img {
	text-decoration: none !important;
	 border: 0px !important;
}

#recente-berichten,
#single-bericht {
	width: 96%;
	padding: 2%;
	float: left;
	position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
}

#recente-berichten .datum {
	position: absolute;
	bottom: 2%;
	left: 2%;
	border: 1px solid #fff;
	width: 60px;
	height: 60px;
	text-align: center;
	z-index: 1;
	font-weight: 100;
}

#recente-berichten a {
	color: #998880 !important;
}
.datum {
	color: #fff !important;
	text-align: center!important;
	font-size: 34px;
	line-height: 25px;
}
.datum p {
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	font-size: 12px !important;
	text-transform: uppercase;
	color: #fff !important;
}

#recente-berichten #kader {
	width: 96%;
	padding: 2%;
	float: left;
	background: #fafafa;
}
#single-bericht {
	margin-top: 50px;
}
#single-bericht #kader {
	width: 92%;
	padding: 4%;
	background: #fafafa;
	float: left;
}

.oudere-blogs {
	width: 100%;
	text-align: center;
}

h1, h2 {
	font-weight: 100;
	text-transform: uppercase;
}

#banner {
	width: 100%;
	background-size: 1100px;
	background-repeat: repeat;
	float: left;
	height: 180px;
}

#slider {
	width: 98%;
	margin: 1%;
	height: 100%;
	max-height: 300px;
	overflow: hidden;
	margin-bottom: 35px;
	float: left;
	position: relative;
}

#slide img {
	width: 100%;
	position: relative;
	z-index: -2;
}

#titel {
	width: 40%;
	margin-left: 30%;
	position: absolute;
	background-color:rgba(232,194,184,0.7);
	line-height: 15px;
	margin-top: 5%;
	
}

#titel:hover {
	width: 40%;
	margin-left: 30%;
	position: absolute;
	background-color:rgba(232,194,184,0.9);
	line-height: 15px;
}

.border {
	border: 4px solid #fff;
	width: 94%;
	left: 2%;
	right: 2%;
	margin-bottom: 2%;
	margin-top: 2%;
	height: 96%;
	position: relative;
	float: left;
}

h2.titelBoven {
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	font-weight: 100 !important;
  font-style:italic !important;
	font-size: 40px;
	font-weight: 100;
}

h2.titelOnder {
	text-align: center;
	position: relatie;
	z-index: 1;
	color: #fff;
	letter-spacing: 2px;
	font-size: 50px;
	font-weight: 100;
}

#logo img {
    display: block;
	height: 140px; 
	margin-top: 15px;
	width: auto;
    margin-left: auto;
    margin-right: auto;
}

#logo span {
	color: #B5985A !important;
	text-align: center;
	width: 90%;
	float: left;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-left: 5%;
	font-size: 20px;
	font-weight: 100;
	text-transform: uppercase;
  background: -webkit-linear-gradient(#e4c78a, #B5985A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	display: none;
}

#logo a {
	text-decoration: none;
}

#banner-links {
	position: relative;
	height: 180px;
		width: 33.33333%;
			float: left;
			text-align: right;
}

#banner-links a {
	color: #E8C2B8 !important;
	font-size: 25px;
			margin-top: 72.5px; 
				float: right;
				margin-right: 10px;
				
}

#banner-rechts {
		width: 33.33333%;
			float: left;
			
	margin-top: 70px;
}

#banner-rechts a {
	color: #E8C2B8 !important;
	font-size: 30px;
		float: left;
}

#banner-links img {
	width: 30px;
	margin-top: 70px;
}

#banner-links a {
}

#banner-midden {
	width: 33.33333%;
		float: left;
}

#topmenu {
	width: 100%;
	background: #fafafa;
	border-bottom: 1px solid #f1f1f1;
	float: left;
}

#topmenu ul {
	clear: both;
	line-height: 30px;
	font-size: 12px !important;
	color: #666;
	text-transform: uppercase;
	padding: 4px;
	font-weight: 100;
	margin: 0px;
	float: left;
	color: #c6c6c6;
}
#topmenu a {
	color: #B5985A;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}

#topmenu a:hover {
	color: #666;
}

#zoeken {
	xfloat: right;
	xright: 5%;
		float: left;
	margin-left: 20px;
	color: #E8C2B8 !important;
}

#menu {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	xborder-top: 1px solid #EAEAEA;
	border-bottom: 4px solid #EAEAEA;
	line-height: 1px;
	padding-top: 3px;
	xtext-align: center;
	z-index: 99999999999999;
}

#access a {
	color: #998880;
	font-size: 20px;
	line-height: 8px;
	font-weight: 100 !important;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 45px;
	padding-right: 45px;
}

#access a:hover {
	color: #d8aca3;
}

#access ul {
 xdisplay: table;
	display:inline-block;
	width: 100%;
}

#access li {
	list-style: none;
	float: left;
	xwidth: 20%;
}

.ubermenu-item-level-0 {
	width: 20%! important;
}

#page, .wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#affiliate img {
	display: block;
		margin: 0 auto;
		margin-bottom: 30px;
}

#content {
	width: 70%;
	float: left;
		font-weight: 300;
}
h1, h2, h3, h4, h5 {
	font-family: 'Cormorant Garamond', serif;
}

#content h2 {
	color: #B5985A;
		font-size: 22px;
}

#content h3 {
	margin-bottom: 10px;
	color: #d8aca3;
}

#sidebar {
	margin-top: 75px;
	width: 26%;
	float: right;
	color: #666;
	font-size: 15px;
}

#sidebar .blok {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	border-bottom: 1px solid #f1f1f1;
}

#sidebar h2 {
	text-align: center;
}

.sidebar-foto {
	width: 40%;
	min-width: 75px;
	padding: 5%;
	padding-right: 0%;
	padding-top: 0%;
	float: right;
}

.partner img {
	width: 90%;
	margin-left: 5%;
}

#socialshare {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

#socialshare h2 {
	font-size: 20px;
}

#mailing {
	padding-bottom: 30px;
	text-align: center;
	color: #666;
  float:left;
  margin-top:15px;
  width:100%;
}

#mailing #kader {
} 
#aanmelden-mailing {
	width: 70%;
	margin-left: 15%;
}
#mailing input {
	font-size: 18px;
	width: 99%;
	line-height: 40px;
	height: 40px;
	padding-left: 1%;
}

#mailing-tekst {
	width: 38%;
	margin-left: 5%;
	color: #998880;
	float: left;
	font-size: 16px;
}
#mailing-knop {
	width: 48%;
	float: right;

}
a.mailing-knop {
	background:url("https://mamatothemax.nl/wp-content/uploads/2016/09/bg-goud.jpg");
    background-position: center;
    background-size: 400px 100px;
	width: 80%;
	text-align: center;
	float: left;
	line-height: 40px;
	margin-left: 10%;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	margin-bottom: 15px;
}

p.naam {
	width: 48.5% !important;
	margin-right: 1.5%;
	float: left;
}

p.emailadres {
	width: 98.5% !important;
}

#mailing input[type="submit"] {
	width: 60% !important;
	margin: 0 auto;
	height: 50px;
	font-size: 20px;
	text-align: center;
	color: #666!important;
	border: 0px;
	background: #E8C2B8;
}

#mailing input[type="submit"]:hover {
	background: #B5985A;
}

#footer {
	width: 100%;
	border-top: 1px solid #f1f1f1;
	background: #FAFAFA;
	background-repeat: repeat-x;
	background-repeat: repeat-y;
	float: left;
	min-height: 80px;
	text-align: center;
	padding-top: 60px;
	font-size: 13px;
	color: #666;
	padding-bottom: 50px;
}

#footer img {
	padding-left: 4px;
	padding-right: 4px;
}

#footer a {
	color: #d8aca3;
	text-decoration: none;
}


/* **************************************** */
/* *********** Category pagina ************ */
/* **************************************** */

#categorie-pagina {
	width: 96%;
	padding: 2%;
	float: left;
	position: relative;
	xborder: 1px solid #dadada;
-webkit-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
}

#categorie-pagina #kader {
	width: 96%;
	padding: 2%;
	float: left;
	background: #fafafa;
}


#contentCategory {
	width: 100%;
	padding-top: 50px;
}

#cat-most-recent {
	width: 23%;
	margin: 1%;
	float: left;
	height: auto;
}

#cat-most-recent h2 {
	margin-top: 10px;
	float: left;
	font-weight: 100;
	color: #B5985A !important;
}

#cat-most-recent-img img {
	width: 100%;
	height: auto;
	float: left;
}

#catlist li {
	list-style: none;
	float: left;
	width: 28.5%;
	margin: 1%;
	padding: 1%;
	background: #fff;
	text-align: center;
	font-size: 15px;
	padding-bottom: 55px;
	position: relative;
}

#catlist .catlist-titel {
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 90%;
	margin-left: 5%;
}

#catlist img {
	width: 100%;
	height: auto;
}

.category-archive-meta {
	display: none;
}

/* **************************************** */
/* *********** Ubermenu ************** */
/* **************************************** */

.ubermenu-target-title {
	line-height: 20px !important;
}	

/* **************************************** */
/* *********** Single pagina ************** */
/* **************************************** */

.wp-caption img { 
	margin-bottom: -20px;
}

.wp-caption {
	max-width: 94% !important;
	font-size: 12px;
}

#snaps .wp-caption {
font-family: 'Dancing Script', cursive;
	padding: 2%;
	margin: 2%;
	background: #E8C2B8;
	border: 5px solid #B5985A;
	color: #B5985A;
	border-radius: 2px;
	width: auto;
	max-width: 90%;
	text-align: center;
	font-size: 40px;
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
	margin-bottom: 4%;
}

#snaps .wp-caption p {
	padding: 5px;
	margin: 0px;
	margin-top: 20px;
}

#snaps .wp-caption img {
	border: 5px solid #B5985A;
	border-radius: 4px;
}

.eersteletter {
	margin-left: -40px;
	margin-top: 40px;
	font-size: 180px;
	color: #f1f1f1;
	z-index: -1;
	position: absolute;
	display: none;
}

#content {
	color:#998880;
	xfont-size:20px;
	font-size:15px;
	line-height:28px;
	letter-spacing: 1px;
}

#content p {
	padding-bottom: 10px;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}	

#reply-title {
	color: #d8aca3;
	font-size: 46px;
	text-decoration: none;
	text-align: center;
}

#nav-single {
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 1%;
	width: 100%;
	float: left;
	background: #fafafa;
	margin-bottom: 30px;
	line-height: 16px;
}

#nav-posts {
	width: 100%;
	float: left;
}

.nav-previous {
	width: 45%;
	float: left;
	text-align: left;
}

.nav-previous a {
	color: #d8aca3;
	font-size: 14px;
	text-decoration: none;
}

.nav-next {
	width: 45%;
	float: right;
	text-align: right;
}

.nav-next a {
	color: #d8aca3;
	font-size: 14px;
	text-decoration: none;
	float: right;
	text-align: right;
}

#content a {
	color: #d8aca3;
}

#content a:hover {
	color: #B5985A;
}

#content h1 {
	color: #B5985A !important;
	font-weight: 100;
	text-decoration: none;
}

#content img.size-full {
	max-width: 100%;
	height: auto;
}

#content img {
	max-width: 100%;
	height: auto;
}
#content iframe {
	max-width: 100%;
}

#content h1.singletitle {
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#single-bericht #bericht_meta,
#content h1.singletitle {
	text-align: center;
	width: 80%;
	margin-left: 10%;
}


.single_meta {
	margin-top: 20px;
	font-size: 18px;
	color: #B5985A;
	text-transform: none !important;
font-family: 'Cormorant Garamond', serif;
}

.single_meta span {
	font-size: 20px;
    font-style: italic;
}

.single_meta a {
	text-decoration: none;
	color: #998880 !important;
	font-weight: bold;
}
.single_meta a:hover {
	color: #B5985A !important;
}


/* **************************************** */
/* *********** zoeken *********** */
/* **************************************** */

#searchform .field {
    -moz-transition: 400ms width ease;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width;
    -webkit-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width;
    -o-transition-timing-function: ease;
    background: url("images/search.png") no-repeat scroll 5px 12px #fff;
    font-size: 0.85em;
    height: 40px;
    padding: 0 13px 0 40px !important;
    width: 55px;
    background-color: #fafafa;
	border: 0px;
    border-bottom: 0px solid #cccccc;
   xborder-radius: 6px 6px 6px 6px;
    x-moz-border-radius: 6px 6px 6px 6px;
    x-webkit-border-radius: 6px 6px 6px 6px;
	color: #B5985A !important;
}

#searchform .field:focus {
    border: 0px solid #777777;
	background: #fff;
    box-shadow: 0 0 4px 2px #DEDEDE;
    font-size: 1.0em;
    width: 160px;
}

::-webkit-input-placeholder {  
   color: #B5985A !important;  
}
:-moz-placeholder {  
   color: #B5985A !important;  
}
::-moz-placeholder {  
   color: #B5985A !important;  
}
:-ms-input-placeholder {  
   color: #B5985A !important;  
}

/* **************************************** */
/* *********** Berichten pagina *********** */
/* **************************************** */

#bericht {
	margin-bottom: 25px;
	font-size: 13px;
	float: left;
}

#bericht a {
	text-decoration: none;
}

#bericht h1 {
	color: #B5985A;
	font-weight: 300;
	text-decoration: none;
	font-size: 20px;
	margin-top: 2px;
	margin-bottom: -2px;
}

#bericht_afbeelding {
	width: 300px;
	height: hidden;
	height: auto;
	overflow: hidden;
	float: left;
}

#bericht_afbeelding img {
	width: 100%;
	xmargin-left: -10%;
	height: auto;
}

#bericht_content {
	width: 55%;
	margin-left: 5%;
	float: left;
	font-size: 14px;
	font-weight: 100 !important;
}

.homebericht a {
	text-decoration: none;
	font-size: 14px;
	text-transform: lowercase;
}


#bericht_meta .auteur,
#bericht_meta .categorie,
.homebericht .auteur,
.homebericht .auteur a {
	color: #E8C2B8 !important;
	position: relative;
	text-transform: capitalize !important;
}

.categorie {
  font-style:italic !important;
}

#bericht_meta .categorie {
	font-size: 11px !important;
	margin-bottom: -20px !important;
}

#bericht_meta .datum {
	color: #666;
	display: none;
}

.pagination {
	xdisplay: none;
	z-index: -0;
	float: left;
}

.pagination a {
	text-decoration: none;
	color: #E8C2B8 !important;
	xfont-size: 30px;
	text-transform: uppercase;
}

.pagination {
	text-align: center;
	margin-top: 35px;
	margin-bottom: 15px;
	position: relative;
	bottom: 0px;
	width: 100%;
}

a.mttm-button {
	color: #fff !important;
	width: 40%;
	margin-left: 5%;
		margin-right:5%;
		float: left;
	background: #E8C2B8 !important;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
} 

a.page-numbers {
	background: #E8C2B8 !important;
		color:#fff !important;
	width: 40px !important;
		text-align: center;
		line-height: 40px;
		display: inline-block;
}

span.page-numbers.current {
	background: #998880 !important;
		color:#fff !important;
	width: 40px !important;
		text-align: center;
		line-height: 40px;
		display: inline-block;
}
a.mttm-button:hover,
a.page-numbers:hover {
	background: #998880 !important;
}

a.next.page-numbers,
a.prev.page-numbers { display: none; }


.uitgelichtbericht {
	width: 49.5%;
	height: auto;
	margin-right: 0.5%;
	float: left;
	overflow: hidden;
	position: relative;
	background: #000;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
}

.uitgelichtbericht a {
	text-decoration: none;
}

.uitgelichtbericht .text {
	width: 100%;
	xmargin-top: 40%;
	text-align: center;
	position: absolute;
	color: #fff;
	float: left;
	z-index: 0;
	font-size: 16px;
	font-style: italic;
	font-weight: 200;
	
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uitgelichtbericht .datum {
	position: absolute;
	bottom: 2%;
	left: 2%;
	border: 1px solid #fff;
	width: 80px;
	height: 75px;
	text-align: center;
	font-weight: 100;
}

.uitgelichtbericht .datum p {
	letter-spacing: 1px;
font-size:20px !important;
  margin-bottom:0px;
}


.uitgelichtbericht img {
	width: 100%;
	height: auto;
	float: left;
	z-index: -1;
	opacity: 0.7;
    filter: alpha(opacity=70); 
}

.uitgelichtbericht img:hover {
	opacity: 0.5;
    filter: alpha(opacity=50); 
}

.uitgelichtbericht a {
	color: #fff;
}
.uitgelichtbericht h1.uitgelichttitel {
	clear: both;
  color: #FFFFFF !important;
  font-size:36px !important;
  font-weight: 100 !important;
  z-index:1;
	width: 80%;
	margin-left: 10%;
	letter-spacing: 1px;
	font-style: normal;
  margin-bottom:0;
  margin-top:0;
}

.homebericht {
	width: 48%;
	height: 100%;
	min-height: 500px;
	font-size: 14px;
	float: left;
	margin: 1%;
	font-style: italic;
}

.homebericht .featured-img {
	height: auto;
	overflow: hidden;
	position: relative;
}

.homebericht img {
	width: 100%;
	height: auto;
}

.homebericht h1 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	margin-top: -4px;
	margin-bottom: -4px;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 20px;
}



/* **************************************** */
/* *********** Auteurspagina *********** */
/* **************************************** */

#auteur-hoofd {
	width: 100%;
	float: left;
	text-align: center;
}

#auteur-hoofd #auteur-profiel {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#auteur-hoofd #user-bio {
	width: 70%;
	margin-left: 15%;
}

#auteur-redactie {
	width: 100%;
	float: left;
	text-align: center;
}

#auteur-redactie #auteur-profiel {
	display: block;
	width: 46%;
	float: left;
}

#auteur-bloggers #auteur-profiel {
	display: block;
	width: 21%;
	float: left;
}

#auteur-bloggers {
	width: 100%;
	float: left;
	text-align: center;
}

#users-bio {
	text-align: center;

}

#auteur-profiel {
	width: 29%;
	margin: 1%;
	padding: 1%;
	position: relative;
	float: left;
}
#profielfoto img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
}

#naam {
	position: absolute;
	top: 0px;
	font-size: 30px;
	color: #B5985A;
	font-weight: 100;
	margin: 0 auto;
}

#auteur-profiel #naam {
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-top: -10px;
}

#expertise {
	position: absolute;
	margin-left: 140px;
	top: 0px;
	color: #d8aca3;
	font-size: 25px;
}
#omschrijving {
	font-size: 11px;
	color: #666;
	position: absolute;
	left: 155px;
	bottom: 40px;
 }


/* **************************************** */
/* *********** Biografie *********** */
/* **************************************** */

#biografie {
	background-image: url("https://mttm.vinkcommunicatie.nl/wp-content/uploads/lines-biography.png");
	background-size: 120px 120px;
	width: 100%;
	float: left;
	height: 101%;
	padding: 1.5%;
	min-height: 100px;
	margin-bottom: 30px;
}

#biografie .profielfoto {
	float: left;
	width: 11%;
	margin-right: 4%;
}

#biografie .profielfoto img {
	border-radius: 50%;
	max-width: 100%;
}

#biografie h1 {
	float: left;
	width: 85%;
	font-size: 20px;
	line-height: 0px;
}

#biografie .bio {
	width: 86%;
	font-size: 14px;
	color: #666;
}

/* **************************************** */
/* ***********     sidebar   ************** */
/* **************************************** */

#sidebar-buttons {
	margin-top: 30px;
	padding-bottom: 30px;
	float: left;
}

#sidebar-buttons .backgroundgold {
	background:url("https://mamatothemax.nl/wp-content/uploads/2016/09/bg-goud.jpg");

    background-position: center;
    background-size: 300px 100px;
}

#sidebar-buttons a.sidebar-button {
	width: 80%;
	text-align: center;
	float: left;
	margin-left: 10%;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	xfont-weight: 400;
	margin-bottom: 15px;
}
#sidebar-buttons span {
	border: 1px solid #fff;
	width: 95%;
	margin: 2%;
	line-height: 40px;
	float: left;
}

a.sidebar-button:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); 
}

#sidebar-subcategories li, #sidebar-subcategories ul {
	list-style: none;	
	padding-left: 10px;
	margin-left: 0px;
}

#sidebar-subcategories .current-cat a {
	color: #E8C2B8 !important;
}

#sidebar-subcategories h2 {
	font-weight: 100 !important;
	font-size: 16px !important;
}

img.sidebar-image {
	margin-top: 20px;
	width: 80%;
	margin-left: 10%;
	text-align: center;
}

#sidebar-subcategories {
}

#sidebar-subcategories h3 {
	font-weight: 100 !important;
	font-size: 22px !important;
	margin-bottom: -10px;
}

#sidebar-subcategories a {
	color: #B5985A;
	text-decoration: none;
	line-height: 30px;
	letter-spacing: 1px;
	font-style: normal;
    text-transform: capitalize;
}

#sidebar-subcategories a:hover {
	color: #d8aca3;
}


/* **************************************** */
/* ***********  Comment form ************** */
/* **************************************** */

p.logged-in-as {
	width: 100%;
	text-align: center;
}

h2#comments-title {
	text-align: center;
	width: 80%;
	margin-left: 10%;
}

h3#reply-title {
	padding-bottom: 25px;
	font-family: 'Dancing Script', cursive; 
}

#comments {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	xbackground: #f1f1f1;
}

#comments label {
	display: none;
}

#comments textarea {
	width: 94%;
		padding: 3%;
		font-size: 16px;
			border: 0px;
}

#comments input {
	width: 94%;
	line-height: 24px;
		padding: 3%;
		font-size: 16px;
			border: 0px;
}

#comments #submit {
	width: 60%;
	margin-left: 20%;
	color: #fff;
	background: #E8C2B8;
	font-size: 20px;
	border: 0px!important;
}

#comments #submit:hover {
	background: #B5985A;
}

.comment-content {
	padding-left: 0px;
}

.comment-meta {
	padding-left: 0px;
	font-size: 14px;
}

#comments li {
	border: 1px solid #f1f1f1;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	background: #fff;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 2px;
}

#comments ol {
	margin: 0px;
	padding: 0px;
}

.comment-meta img {
	position: absolute;
	margin-top: 50px;
	border-radius: 50%;
	margin-left: -80px;
	margin-right: 50px;
	background: #fff;
display: none !important;
}

#comments .cluv {
	color: #666666;
	xxxbackground: #E8C2B8;
	border-radius: 2px;
	font-size: 12px !important;
	margin-left: -10px;
}

.cluv a {
	color: #E8C2B8 !important;
}

#comments a {
	list-stylen: none;
}

#comments ol {
	list-style-type:none;
	margin: 0;
}

#comments ul {
	list-style-type:none;
}

#comments .reply {
	margin-left: 0px;
	margin-bottom: 40px;
	text-align: center;
}


#comments .children img {
	position: absolute;
	margin-top: 20px;
	border-radius: 50%;
	margin-left: -60px;
	margin-right: 40px;
	display: none;
}

#mobile-ad {
	display: none;
}

/* **************************************** */
/* *********** Top Categories *********** */
/* **************************************** */

#topCategories {
	margin-top: 30px;
	float: left;
	position: relative;
	width: 102%;
	margin-left: -1%;
}

#topCategories #kader {

}

#topCategories li {
	width: 23%;
	margin: 1%;
	height: 200px;
	overflow: hidden;
	float: left;
	position: relative;
	list-style: none;
}

#topCategories img {
	width: 100%;
	height: auto;
	min-height: 200px;
	margin-left: 0%;
	position: relative;
	z-index: -2;
}

#topcat_titel {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color:rgba(232,194,184,0.3);
	line-height: 40px !important;
}

#topcat_titel:hover {
	background-color:rgba(232,194,184,0.5);
}

.topcat_border {
	border: 3px solid #fff;
	width: 91%;
	left: 3%;
	right: 3%;
	margin-bottom: 3%;
	margin-top: 3%;
	height: 90%;
	position: relative;
	float: left;
}

#topcat_titel h2 {
	text-align: center;
	z-index: 1;
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	margin-top: 30%;
}

/* **************************************** */
/* *********** Favorites *********** */
/* **************************************** */

#favorites {
	margin-top: 30px;
	float: left;
	position: relative;
	width: 102%;
	margin-left: -1%;
	padding-bottom: 50px;
}


#favorites li {
	width: 21%;
	padding: 1%;
	margin: 1%;
	overflow: hidden;
	float: left;
	position: relative;
	list-style: none;
	text-align: center;
}

#favorites li:hover {
	width: 22%;
	padding: 0.5%;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
}

#favorites_afbeelding img {
	float: left;
	width: 100%;
	height: auto;
	background: #fff;
	z-index: -1;
	margin-bottom: 20px;
}

#favorites a {
	text-decoration: none;
	color: #B5985A;
	font-weight: 100!important;
	margin-top: 20px;
}

#favorites_afbeelding img:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); 
}

#favorites h3 {
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
}

#pagina {
	width: 96%;
	padding: 2%;
	float: left;
	position: relative;
	border: 1px solid #dadada;
-webkit-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
	margin-bottom: 30px !important;
}

#pagina #kader {
	width: 96%;
	padding: 2%;
	float: left;
	background: #fafafa;
	xmargin-bottom: 0px;
}


/* **************************************** */
/* *********** Moms talk *********** */
/* **************************************** */

#moms-talk #kader {
	width: 96%;
	padding: 2%;
	float: left;
	background: #fafafa;
	xmargin-bottom: 0px;
}

#top-item {
	width: 49%;
	float: left;
	color: #666;
	margin-bottom: 50px;
}

#top-item img {
	width: 100%;
	height: auto;
}

#top-item h1 {
	color: #B5985A !important;
	font-weight: 100;
	font-size: 30px;
}

#moms-talk {
	width: 96%;
	padding: 2%;
	float: left;
	position: relative;
	border: 1px solid #dadada;
-webkit-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
box-shadow: 0px 0px 5px 0px rgba(218,218,218,1);
}

#moms-talk a {
	text-decoration: none !important;
	color: #998880 !important;
}

.moms-talk-klein {
	width: 22.5%;
	float: right;
	margin: 1%;
	min-height: 350px;
}

.moms-talk-klein p {
	font-size: 12px;
	color: #666;
}

.moms-talk-klein h1 {
	font-size: 18px !important;
	letter-spacing: 1px;
}

.moms-talk-klein img {
	width: 100%;
	height: auto;
}

.page-header {
	text-align: center;
	margin-top: -20px;
}

.page-header a {
	text-decoration: none;
	color: #d8aca3;
}

.page-header p {
	display: block;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 14px;
	color: #666;
	text-transform: none;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 30px;
}
h1.page-title {
	clear: both;
	text-transform: uppercase !important;
	font-size: 35px;
	font-weight: 100;
	margin-top: 20px;
	line-height: 64px;
	text-align: center;
	float: left;
	z-index: 1;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}


h2.titel {
	font-style: normal;
	font-weight: 300;
	clear: both;
	text-transform: uppercase !important;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	width: 100%;
	z-index: 1;
	letter-spacing: 2px;
	padding-bottom: 5px;
	margin-top: 30px;
}

h2.titel .gold {	
	background: #ffffff !important;
	text-transform: uppercase !important;
	padding-left: 10px;
	padding-right: 10px;
}

h2.titel hr {
	border: 0px;
	border-top: 1px solid #E8C2B8;
	padding: 1px;
	border-bottom: 3px solid #E8C2B8;
	margin-top: -20px;
	z-index: 0;
}

#rest-items h1 {
	color: #B5985A !important;
	font-weight: 100;
	font-size: 20px;
	margin-top: 6px;
}

#rest-items img {
	min-height: 180px;
}



/* **************************************** */
/* *********** our experts *********** */
/* **************************************** */

#our-experts {
	width: 100%;
	float: left;
}

#xxxour-experts h2 {
	text-transform: uppercase;
	font-size: 50px;
	width: 100%;
	border-bottom: 4px solid #E8C2B8;
  font-style:italic;
	font-weight: 100;
	line-height: 44px;
}

#expert {
	width: 29%;
	margin: 1%;
	padding: 1%;
	position: relative;
	float: left;
}
#profielfoto img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
}

#naam {
	position: absolute;
	bottom: -20px;
	font-size: 30px;
	margin-left: 60px;
	color: #B5985A;
	font-weight: 100;
}

#expertise {
	position: absolute;
	margin-left: 140px;
	top: 0px;
	color: #d8aca3;
	font-size: 25px;
}
#omschrijving {
	font-size: 11px;
	color: #666;
	position: absolute;
	left: 155px;
	bottom: 40px;
 }

.gold {
color: #B5985A !important;
}
.pink {
color: #E8C2B8 !important;
}

#sidebar-mobile,
#menu-mobile {
	display: none;	
}
#mobile-menu-items {
	display: none;	
	width: 100%;
		border-bottom: #999;
		height: 50px;
		float: left;
		border-bottom: 4px solid #f1f1f1;
}

#mobile-menu-items #zoeken {
	float: right;
	width: 50%;
}

#mobile-menu-items i,
#mobile-menu-items a i {
	color: #E8C2B8 !important;
}

#mobile-menu-items img {
	width: 30px;
		text-align: center;
}

#mobile-menu-items i {
	line-height: 50px;
	margin-right: 5px;
	font-size: 25px;
}

#mobile-menu-items #access {
	margin-left: -30px !important;
	background: #fff !important;
	display: none;
}


/* **************************************** */
/* *********** Responsive *********** */
/* **************************************** */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1024px) {
	#content {
		width: 90%;
		margin: 0%;
		padding: 5%;
		font-size: 22px;
	}

	#sidebar-regular {
		display: none;	
	}

	#sidebar-mobile {
		display: none;	
	}

	#topCategories li {
		height:180px;
		width:48%;
	}


	#favorites li {
		width:46%;
	}

#favorites li:hover {
	width: 46%;

	padding: 1%;
	margin: 1%;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
}
#favorites_afbeelding {
	width: 100%;
}
#favorites h2 {
	font-size:18px;
	text-align: center;
}

	#topCategories img {
		width:100%;
		
	}

.topcat_border {
  height:89%;
}

	#titel {
		  background-color:rgba(232, 194, 184, 0.701961);
		  line-height:15px;
		  margin-left:10%;
		 width:80%;
	}
#titel:hover {
	width: 80%;
	margin-left: 10%;
}

#cat-most-recent {
  width:48%;
}
h2.titel {
	width: 90%;
	margin-left: 5%;
}

#recente-berichten #kader,
#categorie-pagina #kader, 
#pagina #kader, 
#moms-talk #kader {
	background: #f2f2f2;
		width: 100%;
			padding: 0%;
}

#moms-talk,
#pagina, 
#categorie-pagina,
#recente-berichten {
-webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}

.homebericht {
	background: #fff;
	margin-bottom: 2%;
	padding: 2%;
	width: 94%;
}

body {
	background: #f2f2f2;
}


h2.titel .gold {
	background: #f2f2f2 !important;
}
}

@media (max-width: 800px) {
#content img.size-full {
	width: 90%;
}
#snaps .wp-caption {
	max-width: 80%;
}
#banner-links,
#banner-midden,
#banner-rechts {
	width: 90%;
	float: none;
	text-align: center;
	height: auto;
	min-height:30px;
}
#banner-links,
#banner-rechts {
	display: none;
}
#searchform .field {
    -moz-transition: 400ms width ease;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width;
    -webkit-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width;
    -o-transition-timing-function: ease;
    background: url("images/search.png") no-repeat scroll 5px 12px #fff;
    font-size: 0.85em;
    height: 40px;
    padding: 0 13px 0 40px !important;
    width: 30% !important;
    background-color: #fafafa;
	border: 0px;
    border-bottom: 0px solid #cccccc;
   xborder-radius: 6px 6px 6px 6px;
    x-moz-border-radius: 6px 6px 6px 6px;
    x-webkit-border-radius: 6px 6px 6px 6px;
	color: #B5985A !important;
}

#searchform input {
	width: 30%!important;
}

#searchform .field:focus {
    border: 0px solid #777777;
	background: #fff;
    box-shadow: 0 0 4px 2px #DEDEDE;
    font-size: 1.0em;
    width: 30% !important;
}
#banner-rechts i {
	display: none
}
#zoeken {
	width: 100%;
}

#banner-midden img {
	width: auto;
}
#comments {
 xwidth:90%;
}
.uitgelichtbericht {
	width: 98%;
	margin-left: 1%;
}


	#favorites li {
		width:46%;
	}

#favorites li:hover {
	width: 46%;
	padding: 1%;
	margin: 1%;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
}
#rest-items #bericht {
		width: 48%;
		float: right;
		margin: 1%;
		margin-top: 0%;
	}	
	
#rest-items img {
	min-height: 50px;
}

	.homebericht {
		float:left;
		height:100%;
		margin:1%;
		min-height:80px;
		width:98%;
		padding-bottom: 20px;
	}

	#top-item {
	  	float:left;
 		width:96%;
	}
	
		#top-item p {
	  	display: none;
	}

	.moms-talk-klein {
 		 float:right;
 		 margin:0 1% 1%;
 		 width:46%;
		border-top: 0px solid #c6c6c6;
		xpadding-top: 10px;
		min-height: 240px;
	}
	.moms-talk-klein h1 {
		font-size: 15px !important;
}
	#sidebar-regular {
		display: none;	
	}

	#sidebar-mobile {
		display: block;	
	}

	#topCategories li {
		height:160px;
		width:48%;
	}

	#topCategories img {
		width:100%;
	}
	#topcat_titel h2 {
		font-size: 20px;
		line-height: 25px;
		word-break: break-word;
	}

	#sidebar {
		width: 90%;
		margin-right: 5%;
	}
	
	#banner {
		height: auto;
		padding-bottom: 30px;
	}

#cat-most-recent h2 {
 text-align: center;
	width: 100%;
	font-size: 14px;
	word-wrap: break-word;
	min-height: 60px;
}
#bericht_afbeelding {
  float:left;
	margin-left: 2%;
  width:96%;
}
#bericht_content {
  margin-left:2%;
  width:96%;
	padding-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}

.uitgelichtbericht .text {
	xmargin-top: 15%;
	width: 90%;
	margin-left: 5%;
}

.uitgelichtbericht h1.uitgelichttitel {
	font-size: 30px !important;
}

}
@media (max-width: 650px) {
#uitgelicht-home {
	display: block;
}
#mailing-tekst {
	width: 98%;
	margin-left: 0%;
	color: #998880;
	float: left;
	font-size: 16px;
}
#mailing-knop {
	width: 98%;
	float: right;
}
a.mailing-knop {
	background:url("https://mamatothemax.nl/wp-content/uploads/2016/09/bg-goud.jpg");
    background-position: center;
    background-size: 400px 100px;
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 20px;
	line-height: 24px;
	margin-left: 0%;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
#content {
	font-size:18px;
}
#auteur-redactie #auteur-profiel {
	display: block;
	width: 80%;
	margin-left: 10%;
	float: left;
}

#auteur-bloggers #auteur-profiel {
  display:block;
  float:left;
  width:36%;
}

#auteur-bloggers img {
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
  border-top-left-radius:50%;
  border-top-right-radius:50%;
  height:90px !important;
  width:90px !important;
}

#topmenu ul {
	display: none;
}
#logo img {
    display: block;
	height: 100px; 
	margin-top: 10px;
	margin-bottom: -10px;
	width: auto;
    margin-left: auto;
    margin-right: auto;
}
#logo span,
#socialshare,
#menu-hide {
	display: none;
}

#menu-mobile {
	z-index: 99999;
	float: left;
	position: relative;
}
.homebericht h1 {
	margin-top: -4px !important;
	margin-bottom: -4px !important;
}
#mobile-ad {
	display: block;
	text-align: center; 
	z-index: 0;
}
#mobile-menu-items {
	display: block;
	float: left;
}
}
@media (max-width: 450px) {
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}


/* =Print
----------------------------------------------- */

@media print {
  body * {
    visibility: hidden;
  }

	#header,
	#menu,
	#sidebar,
	#reacties,
#topCategories,
#mailing {
	display: none;	
}


#recept * {
    visibility: visible;
}
#recept {
    visibility: visible;
	position: absolute;
	clear: both;
	background: #fff;
	padding: 50px;
	float: none;
	width: 120%;
	height: 100%;
    left: 0px !important;
    top: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
	margin: 0 auto;
    border: 1px solid #000;
	padding-bottom: 0px;
	margin-bottom: 50px;
  }
}


/* =IE7
----------------------------------------------- */



/* =IE8
----------------------------------------------- */