/*
 Theme Name:   Beautypoint Kim
 Theme URI:    https://jodibooks.com
 Description:  Blossom Spa Child Theme
 Author:       jodiBooks B.V.
 Author URI:   https://jodibooks.com
 Template:     blossom-spa
 Version:      1.0.18
 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: #ab886c !important;
    --primary-color-rgb: 171, 136, 108 !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;
	}
}