/*
Theme Name: Margreets-Taarten 2020
Author: Gertjan Janssen
Author URI: https://gertjanjanssen.nl/
Description: This is a blank bootstrap 3.1.1 theme for wordpress. Feel free to use this as a starter template for your projects.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*sidenav */

.menu {
	position: absolute;
	z-index: 1;
	color: #000;
	margin-left: 50px;
}


.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #D4338A;
	opacity: 0.96;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
  }
  
  .sidenav a {
	padding: 8px 8px 8px 32px;
	margin: 0 auto;
	text-decoration: none;
	color: #85C2C4 !important;
	display: block;
	transition: 0.3s;
  }
  
  .sidenav a:hover {
	color: #85C2C4 !important;
  }
  
  .sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
  }

  .nav>li {
	  list-style: none;
	  width: 100% !important;
  }


/* navbar edits */

/* navbar */
.navbar-custom {
    background-color: #D4338A;
	border-color: #D4338A;
	text-align: center;
	font-size: 5vw;
	font-weight: 700;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color:  #DD3796 !important;
}


    /* navbar top level text and links */
.navbar-custom .navbar-nav > li, .navbar-custom .navbar-nav > li > a {
    color: #ffffff;
}
/* top level link when mouse is hovering */
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #D4338A;
}
  
/* top level parent link when the drop down is open */
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
    background-color: #D4338A;
    color: #ffffff;
}
  
/* level 1 menu bar */
.navbar-custom .dropdown-menu {
    background-color: #D4338A;
    border-color: #D4338A;
    color: #ffffff;
}
/* level 1 menu bar text and links*/
.navbar-custom .dropdown-menu > li, .navbar-custom .dropdown-menu > li > a {
    color: #ffffff;
}
/* level 1 menu bar hovering */
.navbar-custom .dropdown-menu > li > a:hover, .navbar-custom .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #D4338A;
}
/* mobile toggle button formatting */
.navbar-custom .navbar-toggle {
    border-color: #D4338A;
}
  
/* mobile toggle button mouse hover */
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
    background-color: #D4338A;
}
  
/* mobile toggle button icon bar tower */
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}
  
/* mobile 2nd level menu hover */
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #D4338A;
    color: #ffffff !important;
}
/* mobile 2nd level link */
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff !important;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	float: left;
	width: 100% !important;
	list-style: none;
	background-color: none;
	border: 0px solid #ccc !important;
	border: 0px solid rgba(0,0,0,.15);
	}

	.dropdown-menu>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		font-size: 3.5vw;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
	}

	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		background-color:  #DD3796 !important;
		color: #85C2C4 !important;
	}

	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-color:  #DD3796 !important;
		color: #85C2C4 !important;
	}

/* main edits */

.testimonial {
	border-top: 10px #D4338A solid;
	background-color: #f2f2f2;
	padding: 100px 15px 15px 15px;
	margin-top: -90px;
}

.testimonial h2 {
	text-align: center;
}

.testimonial-image {
	text-align: center;
	z-index: 1;
}

img.testimonial-taart {
	border-radius: 50%;
	width: 200px;
	height: 200px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.less-padding {
	padding-left: 10px;
	padding-right: 10px;
}

.post_header_overlay {
	z-index: -1;
	height: 50vh;
    width: 100%;
}

.page_header_overlay {
	z-index: -1;
	height: 60vh;
    width: 100%;
}


.front_page_overlay {
	z-index: -1;
	height: 90vh;
    width: 100%;
}

.page_overlay {
	z-index: -1;
	height: 30vh;
	width: 100%;
	margin-top: -12%;
}


@media only screen and (max-width: 500px) {
	.page_overlay {
		margin-top: -32%;
	}
}


.logo {
	margin-left: 30px;
	margin-top: 30px;
}

.welkomheten {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 100px;
padding-top: 3%;
color: #000;
}

.margin_bottom {
	margin-bottom: 30px !important;
}
.fotomargreet {
	background-image: url(https://margreets-taarten.nl/wp-content/themes/mt_2020/img/8C8A2961.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 1300px;
	padding-top: 500px;
}

.fotohoeikwerk {
	background-image: url(https://margreets-taarten.nl/wp-content/themes/mt_2020/img/IMG_7968.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 1237px;
	padding-top: 270px;
	color: #fff;
}

.blue_contact {
	background-image: url(https://margreets-taarten.nl/wp-content/themes/mt_2020/img/blue_contact.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 1237px;
	padding-top: 470px;
	color: #fff;

}

.blue_footer {
	background-image: url(https://margreets-taarten.nl/wp-content/themes/mt_2020/img/blue_contact.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	min-height: 320px;
	padding-top: 320px;
	padding-bottom: 30px;
	color: #fff;

}

/* NINJA FORMS */
.nf-error-msg, .ninja-forms-req-symbol {
	color: #D4338A !important;
}

.nf-error.field-wrap .nf-field-element:after {
	background: #D4338A !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
	background: #D4338A !important;
}

/* FONTS */

p {
	font-family: 'Fira Sans', sans-serif !important;
	font-weight: 300;
	font-size: 1.3em;
	line-height: 170%;
	margin-bottom: 15px;
}

A, A:hover, A:active, A:visited  {
	color: #D4338A;
}

h2.calltoaction {
	background-color: rgb(212, 51, 138);
	padding: 25px 10px;
	text-align: center;
	margin-top: -200px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	color: #fff;

}

h2.calltoaction A, h2.calltoaction A:hover, h2.calltoaction A:active, h2.calltoaction A:visited {
	color: #fff;

}	
li {
	font-size: 1.3em;
	font-weight: 300;
}

.list  {
	line-height: 10px !important;
	
}

.blogpost {
	text-align: justify;
	margin-bottom: 90px;
	padding-bottom: 30px;
	border-bottom: 1px solid #D4338A;
}

h1,h2,h3 {
	font-family: 'Fira Sans', sans-serif !important;
	font-weight: 700;
}

h2.headingtext {
 text-align: center;
 font-size: 2.5em;
 	
}

h2.introtext {
	text-align: center;
	font-size: 3em;
}


.welkomheten H1 {
font-family: 'Fira Sans', sans-serif !important;
font-weight: 700;
color: #fff !important;
font-size: 5vw;
text-transform: uppercase;
text-align: center;
font-family: 'bebasregular';
word-spacing: 0.2em;
padding-top: 8%;
padding-bottom: 0px;
line-height: 120%;
opacity: 1;
}

@media only screen and (max-width: 500px) {
	.welkomheten H1 {
		font-size: 40px !important;
	}

	.logo {
		display: none;
	}
}






/*Wordpress editor styles start*/

body {
	margin: 0px;
	font-family: 'Fira Sans', sans-serif !important;
	font-size: 1.3em !important;
}

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/