/*
Theme Name: Blossom Spa Child
Theme URI: https://blossomthemes.com/wordpress-themes/blossom-spa/
Template: blossom-spa
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Blossom Spa is a clean and beautiful WordPress Theme focused on Spa and Salon business. You can use this theme to create a fully functional and professional website for your business without prior knowledge or experience of coding. This theme is best suited for businesses like spa, beauty salon, wellness center, massage parlor, yoga studio, meditation classes, and natural health care or beauty businesses. It is a fully responsive and mobile friendly theme which automatically adjusts itself according to the screen sizes and provides the user with the best user experience. This theme comes with a clean and minimal design and provides user-friendly navigation. Also, this theme is developed with speed optimized codes that enhance your website’s speed. Furthermore, the theme also has Schema.org markup inbuilt to help Google understand your website better and rank higher. This theme also features a built-in live customizer which helps you to customize your website with live preview. The social media integration feature helps you increase your social media followings and also connect with your visitors in an effective way. This theme features different sections which are Banner Section, Service Section, About Section, Service Two Section, CTA Section, Team Section, Testimonial Section, and Blog Section on the homepage which is helpful in providing detailed information about your business in a proper way. This theme comes with an extensive documentation to help you build your website from scratch without any prior technical or coding knowledge. If you get any issue or have any questions related to the theme, you can contact the friendly support team. Check theme details at https://blossomthemes.com/downloads/blossom-spa-free-wordpress-theme/, demo at https://blossomthemes.com/theme-demo/?theme=blossom-spa, read the documentation at https://docs.blossomthemes.com/docs/blossom-spa/, and get support at https://blossomthemes.com/support-ticket/.
Tags: blog,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,e-commerce,holiday
Version: 1.3.7.1746470566
Updated: 2025-05-05 18:42:46

*/


/*  Kod Darka */
body {
	color: white;
}
a {
	color: white;
}

/*Strona główna - nazwy zabiegów w seksji usług */
.widget .widget-title {
  font-weight: bold;
}
/* Kolor menu */
.nav-wrap {
	background-color: #8b8060;
}
/* Kolor rozwijanego menu */
.main-navigation ul ul li a {
	color: white;
	background-color: #8b8060;
}
/* 
 * :root {
	--primary-color: #454030;
}
*/
/* Tło elementów menu po najehaniu myszą - hover */
.main-navigation ul ul li:hover > a, .main-navigation ul ul li.current-menu-item > a, .main-navigation ul ul li.current_page_items a {
	background: #454030;
	color: #fff;
}
/* Tło strony */
#content, section.service-section.style-1 {
	background-color: #8b8060;
}
/* Strona główna - podkreślnik pod tytułem usługi  */
.widget .widget-title::after {
	content: "";
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent 99%);
}

/* Strona główna - kolor nazwy usługi */
.widget-title {
	color: white;
}

/* Strona główna - przycisk Rezerwuij teraz  */
a.btn {
	background: #8b8060;
	border: 2px solid #8b8060;
}
/* Wielkość napisu na stronie głównej */
@media (min-width: 767px){
.site-banner .banner-caption .title {
	font-size: 3.3em;
	}}
/* Strona główna - responsywność - kolor tła   */
@media screen and (max-width: 767px) {
  .site-banner .banner-caption {
    background: #454030;
	}
.site-banner .banner-caption .title {
    color: white;
  }
	.banner-caption-inner .description p{
		color: white;
	}
  .site-banner .banner-caption .btn-wrap a.btn.btn-transparent {
    border-color: white;
    color: white;
  }
.site-banner .banner-caption .btn-wrap a.btn {
	display: block;
	}
.site-banner .banner-caption .btn-wrap a.btn + a.btn {
	margin-left: 0;
	margin-top: 10px;
}
}



/* Header - tło */
#masthead {
	background-color: #454030 !important;
}
/* Nazwa strony w Header */
.site-title a {
	color: white;
	font-size: 0.95em;
}
/* Header i dane kontktowe */

.header-contact .contact-block a {
	color: white;
}
/* Header i godziny otwarcia */
.content.hopening {
	color: white;
}

/* OFERTA */
#post-48 div.oferta div.wp-block-column figure.wp-block-image {
  margin: 0;
}
.wp-block-column.oferta-lewa-fotka.is-layout-flow.wp-block-column-is-layout-flow {
	padding: 15px;
	background-color: white;
	box-shadow: 10px 10px 10px #454030;
	margin: 30px 0 0px -75px;
	height: 300px;
	background-color: #8b8060;
	color: white;
}
.wp-block-column.oferta-prawa-fotka.is-layout-flow.wp-block-column-is-layout-flow {
	padding: 15px;
	background-color: white;
	box-shadow: -10px 10px 10px #454030;
	margin: 30px -75px 0px 0px;
	height: 300px;
	background-color: #8b8060;
	color: white;
	z-index: 1;
}
h2.wp-block-heading {
	color: white;
	margin-top: 70px;
}
/* Usunięcie podkreślenia w linkach */
.wp-block-column.oferta-lewa-fotka.is-layout-flow.wp-block-column-is-layout-flow p a, 
.wp-block-column.oferta-prawa-fotka.is-layout-flow.wp-block-column-is-layout-flow p a,
.wp-block-column.oferta-lewa-fotka.is-layout-flow.wp-block-column-is-layout-flow h3 a, 
.wp-block-column.oferta-prawa-fotka.is-layout-flow.wp-block-column-is-layout-flow h3 a{
	text-decoration: none;
}



/* Kontakt */
/* Kolor adnośnika z mailem */
.underline .entry-content a {
	color: white;
}
/* Cennik */
/* Obramowanie dookoła tekstu */
/* .page-id-40 .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow */
#ramka-cennika {
	border: 1px white solid;
	padding: 10px;
}


/* Pogrubienie */
summary {
	font-weight: bold;
}

/* Pakiety */
/*  Formtowanie przycisków */
.wp-block-button__link.wp-element-button {
	background-color: #8b8060;
	border: white 2px solid;
	text-decoration: none !important;
}
@media (min-width: 782px) and (max-width: 1024px) {
	 .wp-block-button__link.wp-element-button {
	padding: calc(0.667em + 2px) 13px;
}
}

	/* Usunięcie obrazka na telefonach */
@media (max-width: 1199px) {
.pakiety-duga-kolumna-z-obrazkiem {
  display: none !important;
}
}
@media (min-width: 1199px){
	#pakiety-przyciski-pod-tekstem-mobile {
	display: none;
}
}
/* Zwiększenie napisów w wersji mobilnej */
.wp-block-details summary {
	font-size: 1.3em;
}
/* Ukrycie wersji mobilnej na komputerze */
@media (min-width: 782px){
.pakiety-na-telefon{
	display: none;
}
}


/* Galeria Envira Gallery */
/* Przyciemnienie obrazka lightbox po jechaniu myszą */
a#envirabox-right:hover, a#envirabox-left:hover{
		background-color: rgba(255, 255, 255, 15%) !important;
}
/* Przyblizenie listy wypunkowanej do lewej strony na stronach ofery  */
.page-id-547 .wp-block-list,
.page-id-557 .wp-block-list,
.page-id-166 .wp-block-list{
	margin-left: 0;
}

/* Responsywność na stronie -Dla par- */
@media (min-width: 1025px){
	.page-id-170 .wp-block-list {
	line-height: 2.5em;
}}
@media (min-width: 1199px){
	.page-id-170 .wp-block-list {
	line-height:3em;
}}
/* Wcięcie elementów listy na stronie -Cennik- */
.page-id-40 ul, .page-id-40 ol{
	margin-left: 1.5em;
}
/* Strona -O  nas- zmniejszenie odstępu między punktami oferty */
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
	margin: 10px 0 !important;
}
/* Strona -O  nas- responsywność */
@media (max-width: 1199px){
	.o-nas-1199{
		display: none;
	}
}
@media (min-width: 1199px){
	.o-nas-1200	{
		display:none;
	}
}

/* ustawienie obrazka z wykazie  */
.onas-wykaz {
	min-height: 72px;
	display: flex;
	align-items: center;
}
.onas-wykaz img {
	float: left;
	margin-right: 15px;
}

/* Responsywność na stronie -Pakiety-  */
@media (max-width: 781px){
	.pakiety-na-komputer {display:none}
}