/*
 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.3
 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: #6BAED6 !important;
    --primary-color-rgb: 107, 174, 214 !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 {
	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: #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;
}