/*
 Theme Name:   jodiBeauty Child Theme
 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-alpha25
 License:      Not applicable
 License URI:  Not applicable
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  wordpress-child-theme
*/

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

/* Force dark background and dark text to contrast with salon owner's colors */
/* .site-footer, */
/* .site-footer .footer-b, */
/* .close:before, .close:after, */
/* .close:hover:before, .close:hover:after, */
/* .main-navigation button.toggle-btn .toggle-bar, */
/* .main-navigation ul li a:after, */
/* header.site-header { */
	/* background: #000000 !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, */
/* .header-contact .contact-block a, */
/* .responsive-nav .header-contact .contact-block .title, */
/* .main-navigation button, */
/* .main-navigation button.toggle-btn:hover, */
/* .main-navigation ul li a, */
/* .main-navigation ul li .submenu-toggle, */
/* .nav-wrap .header-social .social-list li a { */
	/* color: #585656 !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: #585656 !important;	 */
/* } */

h1, h2, h3, h4, h5, h6,
.page-header .page-title {
	color: #585656; /* using a light theme color instead of grey or photo in page headers, makes reading light text difficult, use dark instead */
	word-break: break-word !important;
}
h1, h2, h3, h4, h5, h6,
.page-list-ext .page-list-ext-title {
	font-size: x-large;
}

 /* use a theme color instead of grey or photo in page headers */
header.page-header:after {
	background-color: #e9c7c4;
}

@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: #585656 !important; */
	/* } */
	
	/* .site-banner .banner-caption .btn-wrap a.btn.btn-green, */
	/* .site-banner .banner-caption .btn-wrap a.btn.btn-green:hover { */
		/* color: #585656 !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;
}

/* align page-list-ext-image with page-list-ext-title */
.page-list-ext-item {
	display: flex;
    align-items: center;
}
.page-list-ext .page-list-ext-image {
	margin: 5px 15px 5px 0;
}
.page-list-ext-image img {
	border-radius: 50%;
}
h3.page-list-ext-title {
	margin-top: .6666em;
}
ul {
	margin-left: 0.5em;
}