/* Conen Digital: scoped contrast and responsive corrections. */
:root { --yoga-ink: #34272f; --yoga-rose: #a73550; --yoga-plum: #724075; }
.navbar.navbar-top-default { background-image: linear-gradient(100deg,#ff7b88,#f5bba7); }
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:hover { color: var(--yoga-ink); }
.navbar .navbar-nav .nav-link:hover:after,
.sidemenu_btn span,
.sidemenu_btn:hover span:nth-child(n) { background: var(--yoga-ink); }
.side-menu,.reviews-section,.contact-section { background-image: linear-gradient(110deg,#69396e,#855084); }
.side-menu .nav-link,.side-menu-footer .text { color: #fff; }
.banner { padding-top: 90px; }
.banner .img-section { position: relative; }
.banner .img-section img { width: 100%; height: auto; object-fit: cover; }
.banner .img-section::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(28,22,24,.56),rgba(28,22,24,.38) 36%,transparent 64%); }
.banner .text-col { bottom: clamp(40px,7vw,120px); }
.banner .text-col .heading { font-size: clamp(44px,4.5vw,68px); padding-right: 0; line-height: 1.13; }
.banner .text-col .text { padding-right: 80px; line-height: 1.7; }
.banner .text-col ul li a { color: #fff; }
.about-section .heading-col .subheading,
.about-section .yoga-services .service:hover .heading,
.portfolio-foot-detail .p-num { color: var(--yoga-rose); }
.portfolio-foot-detail .p-text { color: #55505a; }
.portfolio-section .portfolio-btn .btn.button { background: var(--yoga-rose); border-color: var(--yoga-rose); color: #fff; padding: 12px 20px !important; min-width: 140px; }
.portfolio-section .portfolio-btn .btn.button:hover { background: #724075; border-color: #724075; }
.cbp-l-grid-mosaic .cbp-caption-activeWrap { background: linear-gradient(0deg,rgba(52,27,43,.9),rgba(52,27,43,.12)); }
.blog-section .row-1 .heading { color: var(--yoga-ink); }
.blog-section .row-2 .card .card-body .text { color: #55505a; line-height: 1.7; }
.blog-section .row-2 .card .card-body .name li { color: #97324b; font-style: normal; }
.blog-section .row-2 .card { box-shadow: 0 10px 30px rgba(81,39,49,.08); height: 100%; }
.blog-section .row-2 .card > img { width: 100%; }
.author-mark { display: inline-grid; place-items: center; width: 40px; height: 40px; margin-right: 8px; border-radius: 50%; background: #f6e5e9; color: #803047; font-size: 12px; font-weight: 600; }
.contact-section .contact-form .form-control { color: #fff; border-bottom-color: #e4cce2; }
.contact-form .form-control::placeholder { color: #fff; opacity: 1; font-weight: 400; }
.contact-section .contact-form .form-control:focus { border-bottom-color: #fff; outline: 2px solid #fff; outline-offset: 4px; }
footer .text { color: #59545b; }
.hovr:hover { background-color: #a73550; }
a:focus-visible,button:focus-visible { outline: 3px solid #34272f; outline-offset: 4px; }
.address-section .mapouter { text-align: left; }
.studio-map { display: block; width: 100%; height: 400px; object-fit: cover; border-radius: 8px; }
.map-caption { color: #55505a; background: #faf6f2; font-size: 13px; padding: 12px 16px; line-height: 1.6; margin: 0; }
@media (min-width: 993px) and (max-width: 1200px) { .navbar .navbar-nav .nav-link { margin-left: 18px; } .banner .text-col { bottom: 30px; } .banner .text-col .heading { font-size: 44px; } }
@media (max-width: 992px) {
  .banner { display: flex; flex-direction: column; height: auto; padding-top: 110px; padding-bottom: 8px; }
  .banner > .container { order: 1; }
  .banner > .row { order: 2; }
  .banner .text-col { position: static; margin: 0 auto; padding: 28px 0 36px; max-width: 620px; }
  .banner .text-col .heading { font-size: clamp(36px,6vw,50px); }
  .banner .text-col .heading,.banner .text-col .text,.banner .text-col ul li a,.banner .media .media-body { color: var(--yoga-ink); }
  .banner .text-col .text { padding: 0; }
  .banner .media { margin: auto; height: auto; }
  .banner .media i { color: var(--yoga-ink); border-color: var(--yoga-ink); }
  .banner .img-section::after { display: none; }
  .portfolio-foot-detail .p-text { font-size: 13px; }
  .portfolio-section .portfolio-btn .btn.button { min-width: 0; padding: 10px 14px !important; }
  .studio-map { height: 360px; }
}
/* Keep higher-resolution replacement images within their original columns. */
.about-section .img-col { width: 100%; }
.about-section .img-col img { display: block; width: 100%; height: auto; }
.banner .media:hover i { color: #fff; }