/*
 Theme Name:   Moai mei Geke
 Theme URI:    https://jodibooks.com
 Description:  Blossom Spa Child Theme
 Author:       jodiBooks B.V.
 Author URI:   https://jodibooks.com
 Template:     blossom-spa
 Version:      0.0.1-beta2
 License:      Not applicable
 License URI:  Not applicable
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  wordpress-child-theme
*/

#content {
	// text-align: center !important;
	/* Force WHITE background and dark text in header to match with salon owner's logo */
	background-color: #FFF;
	/* end WHITE */
}

/* Force WHITE background and dark text in header to match with salon owner's logo */
header.site-header {
	background: #FFF !important;
}

.header-contact .contact-block .title {
	color: #517166 !important;
}

/* end WHITE */

/* Override parent theme colors with the salon owner's colors */
:root {
    --primary-color: #517166 !important;
    --primary-color-rgb: 32, 44, 40 !important;
    --primary-font: 'Nunito Sans', sans-serif !important;
    --secondary-font: 'Marcellus', sans-serif !important;
}

/* Force light background and light text to contrast with salon owner's colors */
.site-footer,
.site-footer .footer-b {
	background: #ffffff !important;
}

.close:before, .close:after,
.close:hover:before, .close:hover:after,
.main-navigation button.toggle-btn .toggle-bar,
.main-navigation ul li a:after {
	background: #ffffff !important;
}

.site-banner .banner-caption .btn-wrap a.btn.btn-green,
.site-banner .banner-caption .btn-wrap a.btn.btn-green:hover,
.responsive-nav .header-contact .contact-block .content,
.responsive-nav .header-contact .contact-block .title,
.main-navigation button,
.main-navigation button.toggle-btn:hover,
.main-navigation ul li .submenu-toggle,
.nav-wrap .header-social .social-list li a {
	color: #ffffff !important;
}

.responsive-nav .header-contact .contact-block svg .phb, .responsive-nav .header-contact .contact-block svg .emb, .responsive-nav .header-contact .contact-block svg .clkb {
	fill: #ffffff !important;
}

h1, h2, h3, h4, h5, h6,
.page-header .page-title {
	word-break: break-word !important;
}

@media screen and (max-width: 767px) {
	.page-header .page-title {
		font-size: 1.6669em !important;
	}
		
	.site-banner .banner-caption .btn-wrap a.btn.btn-transparent,
	.site-banner .banner-caption .btn-wrap a.btn.btn-transparent:hover {
		color: #ffffff !important;
	}
	
	.site-banner .banner-caption .btn-wrap a.btn.btn-green,
	.site-banner .banner-caption .btn-wrap a.btn.btn-green:hover {
		color: #ffffff !important;
	}
}

@media screen and (max-width: 1199px) {
	.site-banner .banner-caption .title {
		font-size: 2em !important;
	}
}

/*
* We use plugin "List category posts"
* to list the posts on the "Behandelingen" pagina.
* This is the basic styling to show thumbnail, title and excerpt
*/
ul.lcp_catlist {
	margin: 0;
	padding: 0;
}

ul.lcp_catlist li {
  clear: both;
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 10px 0 30px 0;
}

ul.lcp_catlist li .lcp_thumbnail {
	float: left;
	display: inline;
	margin: 5px 15px 15px 0
}

ul.lcp_catlist li h3 {
	clear: none;
}

ul.lcp_catlist li .lcp_excerpt {
	font-weight: bolder;
	margin-left: 165px;
}

@media screen and (max-width: 767px) {
	ul.lcp_catlist li .lcp_excerpt {
		font-weight: bolder;
		margin-left: 0;
	}	
}

/*
* We use Posts for things that should actually be Pages
* but that way we can give users the role Author.
* They can only edit things that are Posts
* Hide information from the top bar that shows they're actually Posts
*/
.page-header .category { 
	display: none;
}

.page-header .entry-meta { 
	display: none;
}

/*
* No breadcrumbs and other things, we want a clean website
*/
.additional-post,
.related-posts,
.breadcrumb-wrapper,
.post-navigation {
	display: none;
}

.single header.page-header {
	min-height: auto;
}