/**
 * Theme Name:     ycs Child
 * Author:         kidd81
 * Template:       ycs
 * Text Domain:	   ycs
 * Description:    A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. Documentation. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
 */


/* Base Typography */
body {


    font-size: 18px;
    line-height: 1.8;
    color: #28282B;
    margin: 0;
    padding: 0;
	  font-family: 'Boska', serif;
  font-weight: 500;

}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
    color: #28282B;
    margin: 0 0 1em 0;
	
	  font-family: 'Boska', serif;
  font-weight: 500;
  font-style: normal;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {   font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic;}



/* Links */
a {
    text-decoration: none;
    color: inherit;
	  transition: all 0.3s ease; /* smooth transition */
}



a:hover {
    opacity: 0.8;
	  transition: all 0.3s ease; /* smooth transition */
}

/* Modern browsers (Chrome, Edge, Safari, Firefox 63+) */
::selection {
  background: #eed4d9;   /* or background-color */
    color: #28282B;
  text-shadow: none;  /* optional */
}

/* Old Firefox fallback (pre-63) */
::-moz-selection {
  background: #eed4d9;
   color: #28282B;
  text-shadow: none;
}


/* Containers */
.container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Lists */
ul, ol {
    padding-left: 1.3rem;
    margin: 0 0 1em 0;
    list-style-position: inside;
}

/* Responsive Grid Example */
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

.col {
    flex: 1 0 100%;
    padding: 0 0.5rem;
}

.bblack { border: 1px dotted #28282B;}
.bgblack { background: #28282B;}
.bgbeige { background: #f3eee9;}
.bgpink { background: #eed4d9;}
.bgdarkpink { background: #eacad0;}

.pink {color:#eed4d9;}
.bt1 { border-top: 1px solid #28282B;}
.bt1 { border-bottom: 1px solid #28282B;}

.br1 { border-right: 1px solid #28282B;}
.bt1 { border-bottom: 1px solid #28282B;}

.roundimg { border-radius: 20px;}
.btn { padding: 10px 25px; border-radius: 30px;   font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic; border: 0px solid #eee; }
.btn:hover { scale:1.04; outline: none;}
.btnpink { background: #eed4d9; border: 0px solid #eee; }
.btnpink:hover { background: #28282B!important; color: white!important; border: 0px solid #eee; }
.btnpink:active {   scale:1.01; outline: none;}
hr { border-top:1px solid #28282B;}

div#summary ul { margin: 0px 0px 0em 0px; padding: 0px;}
div#summary ul li { margin: 0px; padding: 0px;}

p.gift { font-size: 16px;}
p.gift span { font-size: 16px; color: white; background:#28282B; padding: 0.3em 1em;; border-radius: 20px; }

/* CSS */
.pulse {
display: inline-block;
animation: pulse 1s infinite; /* duration and repeat */
}

@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}



/* ABOUT */

ul li.info { line-height: 1.2em!important;}

#statement h4 {
  display: flex;
  align-items: center;
}
#statement h4 {

  margin: 0px;
    margin-left: 0px;
  margin-left: 0px;
  padding: 0px;
  font-size: 70px !important;
  margin-left: -450%;
  width: 1000%;
  word-break: keep-all !important;
  display: block;
  overflow-wrap: normal !important;
  -webkit-hyphens: none;
color:#eed4d9;
	  font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic;
}

 html body.wp-singular.edit-template-default.single.single-edit  ul#bootscore-navbar li.menu-item.menu-item-type-post_type_archive.menu-item-object-edit.nav-item.nav-item-61 a.nav-link {   font-family: 'Boska', serif!important;
  font-weight: 700!important;
  font-style: italic!important; }




/* NAV */



/*FORM*/

form p label br { display: none;}
form select { width: 100%; padding: 0.8em; border-radius: 30px;  border:2px solid #f2ebe6; }
form label { width: 100%; } 
form input { width: 100%; padding: 0.8em; border-radius: 30px;  border:2px solid #f2ebe6; }
form input:focus { width: 100%; padding: 0.8em; border-radius: 30px;  border:2px solid #efced4; outline: 0; }

form textarea { width: 100%; border-radius: 10px;  border:2px solid #f2ebe6; padding: 0.8em;}
form textarea:focus { border:2px solid #efced4; outline: 0; }

p input.wpcf7-form-control.wpcf7-submit {background: #eed4d9; border: 0px solid #eee!important;   font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic; }
p input.wpcf7-form-control.wpcf7-submit a {background: #eed4d9; border: 0px solid #eee!important;   font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic; }
p input.wpcf7-form-control.wpcf7-submit:hover {background: #28282B; color: white; transition: all 0.3s ease; /* smooth transition */  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transform: scale(1.02); }

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item.first{ margin: 0px!important; padding: 0; text-align: center;}
span.wpcf7-form-control.wpcf7-radio { margin-top: 1em!important;}
span.wpcf7-list-item.last label { margin-top: 0.5em!important;}
/*FORM*/

html body.single-post li.menu-item.menu-item-type-post_type.menu-item-object-page.nav-item.nav-item-68 a.nav-link {   font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic; }

/* Only exact current page appears active */
.current-menu-parent > a,
.current_page_parent > a,
.current-menu-ancestor > a {
  color: inherit !important; /* remove highlight */
  font-weight: normal !important;
}


a.nav-link.active {  font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic;}
ul.sociallinks { margin: 0px; padding: 0px;}
ul.sociallinks li { display: inline-block; margin: 0px; padding: 0px;}
ul#bootscore-navbar li { text-transform: uppercase; font-size: 34px;}
.navbar-toggler {border: 0px solid #eee;}

nav.navbar.navbar-expand-lg ul#bootscore-navbar  { margin: 0px; padding: 0px;}
nav.navbar.navbar-expand-lg ul#bootscore-navbar li { margin: 0px; padding: 0px; line-height: 1em; list-style-type: none; padding: 0.6em; font-size: 22px; border-bottom:1px dotted #eee;}
nav.navbar.navbar-expand-lg ul#bootscore-navbar li a { color: white;}

ul.dropdown-menu.depth_0.show { background:  #28282B; color: white!important; border: 0px solid #eee; border-radius: 0px!important; margin: 0px; padding: 0px;}
ul.dropdown-menu.depth_0.show a { background:  #28282B; color: white!important; line-height: 1.6em;}
.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.2em solid; border-right: 0.2em solid transparent; border-bottom: 0; border-left: 0.2em solid transparent;}

ul.dropdown-menu.depth_0.show  { display: none;}
 ul#bootscore-navbar ul.sub-menu { display:none;}
/* NAV */

/* HERO */
header#hero h1 { font-size: 50px; opacity: 0; font-family: 'Boska', serif; font-weight: 500!important;}
header#hero h1 span {   font-family: 'Boska', serif;
  font-weight: 700;
  font-style: italic;}

header#hero h2 { font-size: 18px; line-height: 1.5em; opacity: 0;}


header#hero h1 span.d-block {
  font-family: 'Boska', serif;
  font-weight: 500 !important;
  font-style: normal; /* reset italic if you don’t want it */
}

/* HERO */

/* UNIT */

#wheel img {
  transform-origin: center center;
  display: block; /* ensure no inline-block weirdness */
}

#wheel img {
  transform-origin: center center; /* pivot at center */
  display: block;
  transform: rotate(-270deg);      /* start rotated */
}

#wheel {
  position: relative; /* or keep absolute if you need it stacked, see note below */
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 2000;
  text-align: center; /* in case it contains inline content */
}
#wheel {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 950;
	margin-top: -70px;
}


div.unit {
  min-height: 55vh;
  position: relative;
  z-index: 0; /* make sure base is below children */
}

div.unit::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3); /* overlay */
  border-radius: inherit;
  z-index: -1; /* put overlay behind content */
}

div.unit h3 {
  color: white;
  opacity: 1;
  font-size: 30px;
  position: relative; /* ensure it's above overlay */
  z-index: 1;
}
/* UNIT */


/* FOOTER */

footer#main a.nav-link { color: #fff; margin: 0px; padding: 0px; }
ul.footer-nav li { list-style: none;}
ul.footer-nav { margin: 0px; padding: 0px;}
footer#main ul li a { color: white;}
footer#base { color: white;}
footer#base ul { margin: 0px; padding: 0px;}
footer#base ul li { margin: 0px; padding: 0px; list-style-type: none;}
/* FOOTER */

/* CARDS */
section#latest div.owl-item ul li { font-size: 30px; line-height: 1.0em;   font-family: 'Boska', serif; font-weight: 700; font-style: italic;  }
span.posted.d-block { font-size: 16px; font-family: 'Boska', serif; font-weight: 500!important;}
ul.date.post-meta.list-inline.text-left.pt-0.pb-2.mb-0.p-0 li.list-inline-item.p-0 span.pink{ font-size: 20px;}

section#latest h3.entry-title.mb-2 a { font-family: 'Boska', serif; font-weight: 700; font-style: italic; font-size: 30px!important; margin: 0px; padding: 0px; }
ul.tags li { font-size: 14px!important; font-family: 'Boska', serif; font-weight: 700; font-style: italic;}

div.card.h-100 { border: 8px solid #f2ebe6; }
 
section#latest div.top { min-height: 200px;}
/* CARDS */

/* SERVICES */
.item { border-radius: 20px!important;}
.item .inner { border-radius: 20px!important; min-height: 475px;}

#testimonials blockquote p {font-size: 26px; line-height: 1.3em; color: #eed4d9;}
#testimonials blockquote p span {color: #28282B; background: #eed4d9;}
#testimonials h4 {font-family: 'Boska', serif; font-weight: 700; font-style: italic;}

span.emph {font-family: 'Boska', serif; font-weight: 700; font-style: italic;}

section#signposts div.bottom.mt-auto.text-left div.mb-3

/* Carousel item container */
.owl-three .item {
  display: flex;               /* enable flexbox */
  flex-direction: column;      /* stack children vertically */
  height: 100%;                /* fill height of carousel item */
} 

/* Inner container should also fill height */
.owl-three .item .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Top section stays at top */
.owl-three .item .top {
  /* no margin needed, stays naturally at top */
}

/* Bottom section sticks to bottom */
.owl-three .item .bottom {
  margin-top: auto;            /* pushes it to bottom */
}

/* SERVICES */


/* BLOG */
h1.archive-title .first-word {
    font-family: 'Bosko Medium' !important; /* ensure normal font */
    font-style: normal !important;         /* force normal style */
}

h1.archive-title .rest-of-title {
   font-family: 'Boska', serif; font-weight: 700!important; font-style: italic!important;
   
}
header#blogheader h1 { font-size: 30px; line-height: 1.2em; opacity: 0; font-family: 'Boska', serif; font-weight: 500!important;}
header#blogheader h2 { font-size: 18px; line-height: 1.2em; opacity: 0;  font-family: 'Boska', serif; font-weight: 500!important; }
header#blogheader ul { margin: 0px; padding: 0px; display: block;}
header#blogheader ul li { margin: 0px; padding: 0px; list-style: none; display: inline-block;}
ul#share.text-center li { margin: 0px; padding: 0px 0.3em; list-style: none; display: inline-block;}
header#blogheader li.list-inline-item {font-family: 'Boska', serif; font-weight: 700; font-style: italic; padding: 0px 0.3em;}

section#related span.pink {font-family: 'Boska', serif; font-weight: 700; font-style: italic;}

section#maincontent p:first-of-type::first-letter {
  font-size: 80px;
  float: left; /* optional, for a drop-cap effect */
  line-height: 1;
  padding-right: 5px; /* spacing if floated */
}

/* BLOG */



/* MARQUEE */

/* Marquee1 Styles */
.marquee1 {
  color: #eee;
  font-size: 50px;
  letter-spacing: 0.02em;
  padding: 10px 0 !important;
  position: relative;
  /*overflow: hidden;*/
  margin: 0;
}

.marquee__inner {
  -webkit-font-smoothing: antialiased;
  width: fit-content;
  display: flex;
  flex: auto;
  flex-direction: row;
}

.marquee__part {
font-family: 'Boska', serif; font-weight: 700; font-style: italic;
  color: white;
  text-decoration: none;
	margin: 0px; padding: 0px;
	color: #eed4d9;;
}

.marquee__part a:hover {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  transform: scale(1.01);
}

/* Clients Marquee Styles */
.marqueex {
  position: relative;
  width: 100%;
  height: 100%;
  /*overflow: hidden;
  padding: 15px 0 15px;*/
}

.marqueex .scroll {
  width: 100%;
  display: flex;
}

.marqueex .scroll div {
	
		color: white!important;


  white-space: nowrap;
  animation: animate-marquee 80s linear infinite;
  animation-delay: -40s;
	display: inline-flex;
}

.marqueex .scroll div:nth-child(2) {
  animation: animate-marquee-2 80s linear infinite;
  animation-delay: -80s;
}



/* Responsive Styles */
@media (max-width: 767px) {
  .category {
    font-size: 25px;
  }

  .marqueex .scroll div {
    font-size: 25px;
  }
}

/* Keyframe Animations */
@keyframes animate-marquee {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes animate-marquee-2 {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

/* General Styles */
.marquee__part {
  flex-shrink: 0;
  padding: 0;
  font-smooth: always;
  margin: 0 0;
  line-height: 4em;
}

div.marquee__part a { color: #eed4d9;}
div.marquee__part  { font-size: 70px; line-height: 1.3em; }

/* MARQUEE */


/*BOOKINGPRESS*/
div.bpa-front-module-heading {font-weight: normal!important; font-family: 'Boska', serif; font-weight: 700; font-style: italic;}
div.bpa-front-si-cb__specs-item p strong {font-weight: normal!important; font-family: 'Boska', serif; font-weight: 700; font-style: italic;}
div.bpa-front-si-cb__specs-item p strong { background: #eed4d9!important; border-radius: 30px!important; padding-left: 0.8em!important;  padding-right: 0.8em!important;}
div.bpa-front-tab-menu,
.bpa-front-tabs--vertical-left .bpa-front-tab-menu {
  background: none !important;
  box-shadow: none !important;
}

.bpa-frontend-main-container { margin-left: 0px!important; margin-right: 0px!important;}


section#details ul {
  margin: 0;
  padding: 0;
}

section#details ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.6em;
}

section#details ul li.title {
  font-size: 14px;
}

section#details ul li.info {
  font-size: 18px;
}

.book-btn {
  background: #eed4d9;
  color: #28282B;
  font-size: 18px;
  text-decoration: none;
  transition: background 0.3s ease;
  padding: 20px 0; /* breathing space */
	  
}

.book-btn:hover {
  background: black;
  color: #fff;
}

.book-btn span {
	
transform: scale(1);
    animation: pulse 2s infinite;
	font-family: 'Boska', serif; font-weight: 700; font-style: italic;
}

/*BOOKINGPRESS*/

/* ensure Masonry container is positioned for absolute placement */
#masonry-grid { position: relative; }

/* make grid-sizer a percentage width Masonry can use (adjust to your columns) */
#masonry-grid .grid-sizer { width: 33.333%; } /* 3 columns */
@media (max-width: 767px) { #masonry-grid .grid-sizer { width: 50%; } }

/* don't let bootstrap's flex (row) fight Masonry if it tries to */
#main #masonry-grid.row { display: block; } /* let Masonry position children */


.row.bb1.bt1.d-none.d-lg-block { background: white;}


.sticky{
position: fixed;
	width: 100%;
  top: 0;
  z-index: 1000;
  transition: all 0.3s ease; /* optional smooth effect */
}

.nav-placeholder {
  height: 0; /* will be updated dynamically */
}

/* Page content */
.content {
  padding: 16px;
}


html body.wp-singular.post-template-default.single ul#bootscore-navbar li.menu-item.menu-item-type-post_type.menu-item-object-page.nav-item.nav-item-112 a.nav-link {font-family: 'Boska', serif; font-weight: 700; font-style: italic;}

html body.wp-singular.edit-template-default.single-edit ul#bootscore-navbar li.menu-item.menu-item-type-post_type.menu-item-object-page.nav-item.nav-item-137 a.nav-link {font-family: 'Boska', serif; font-weight: 700; font-style: italic;}


html body.wp-singular.edit-template-default.single.single-edit ul#bootscore-navbar li.menu-item.menu-item-type-post_type_archive.menu-item-object-edit.nav-item.nav-item-137 a.nav-link {font-family: 'Boska', serif; font-weight: 700; font-style: italic; }

html body.wp-singular.wardrobe-reset-template-default.single.single-wardrobe-reset ul#bootscore-navbar li.menu-item.menu-item-type-post_type_archive.menu-item-object-wardrobe-reset.nav-item.nav-item-139 a.nav-link {font-family: 'Boska', serif; font-weight: 700; font-style: italic; }



/*PULSE*/
@keyframes pulse {
    0% {
        transform: scale(0.95);
   
    }

    70% {
        transform: scale(1);
      
    }

    100% {
        transform: scale(0.95);
     
    }
}
/*PULSE*/




/* Breakpoints */
@media (min-width: 576px) {
    .col-sm { flex: 1 0 50%; }
}

@media (min-width: 768px) {
    .col-md { flex: 1 0 33.33%; }
	
	/* HERO */
header#hero h1 { font-size: 76px;}
header#hero h2 { font-size: 20px; }
/* HERO */
	
		/* BLOG */
	header#blogheader h1 { font-size: 50px; }
header#blogheader h2 { font-size: 20px; }
/* BLOG */
	
}

@media (min-width: 992px) {
	
	div.marquee__part  { font-size: 120px; line-height: 1.3em; }
	
	ul.date.post-meta.list-inline.text-left.pt-0.pb-2.mb-0.p-0 li.list-inline-item.p-0 span.pink{ font-size: 20px;}
	
	#testimonials blockquote p {font-size: 40px; line-height: 1.1em; color: #eed4d9;}
	
	.item .inner { border-radius: 20px!important; min-height: 475px;}
	
	#statement h4 {
  display: flex;
  align-items: center;
}
#statement h4 {
	font-family: 'Boska', serif; font-weight: 700; font-style: italic;
  margin: 0px;
    margin-left: 0px;
  margin-left: 0px;
  padding: 0px;
  font-size: 180px !important;
  margin-left: -450%;
  width: 1000%;
  word-break: keep-all !important;
  display: block;
  overflow-wrap: normal !important;
  -webkit-hyphens: none;
color:#eed4d9;
}
	
	.book-btn { font-size: 24px;}
	
	section#details ul li.title {
  font-size: 18px;
}

section#details ul li.info {
  font-size: 24px;
}
	
    .col-lg { flex: 1 0 25%; }
	
	ul.dropdown-menu.depth_0.show  { display:block;}
	
 ul#bootscore-navbar ul.sub-menu { display:block;}
	
	h2 { font-size: 70px;}
	h3 { font-size: 36px;}

nav.navbar.navbar-expand-lg ul#bootscore-navbar li { line-height: 2.4em; padding: 0em; font-size: 24px; border-bottom:0px dotted #eee;}
nav.navbar.navbar-expand-lg ul#bootscore-navbar li a { color: #28282B;}
	
	div.unit h3 {

  font-size: 40px;

}
	
	div.unit {
  min-height: 80vh;
  position: relative;
  z-index: 0; /* make sure base is below children */
}
	
}


.post-thumbnail {
    overflow: hidden;
}

.overlay-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff; /* change if needed */
    background: rgba(0, 0, 0, 0.8); /* semi-transparent background */
    padding: 10px 10px;
    border-radius: 8px;
  
    max-width: 80%;
	
}




@media (min-width: 1200px) {
    .col-xl { flex: 1 0 20%; }
	
/* HERO */
header#hero h1 { font-size: 110px;}
header#hero h2 { font-size: 22px; }
/* HERO */
	

/* BLOG */
header#blogheader h1 { font-size: 70px; line-height: 1.2em;}
header#blogheader h2 { font-size: 22px; line-height: 1.4em; }
/* BLOG */
	

	
}

/* Utility Classes */
.text-center { text-align: center; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }