/*!
Theme Name: shibuarakkal
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shibuarakkal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

shibuarakkal is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* LOCK PAGE */

/* @font-face {
  font-family: "Helvetica Neue";
  src:
    url("fonts/HelveticaNeueThin.woff2") format("woff2"),
    url("fonts/HelveticaNeueThin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
} */


@font-face {
  font-family: "Orator Std Medium";
  font-style: normal;
  font-weight: normal;
  src:
    local("Orator Std Medium"),
    url("fonts/OratorStd.woff") format("woff");
}

* {
  box-sizing: border-box;
}

/* 🔒 LOCK PAGE */
html,
body {
  height: 100%;
  overflow: hidden;

}

html {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  color: #000 !important;
}

img {
  max-width: 100%;
  height: auto;
}

*:focus,
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.ck-menu-item a {
    color: inherit;
    text-decoration: none;
}
/* =====================
  HEADER MENU
   ===================== */
  /* FULL HEIGHT */
.offcanvas.offcanvas-top.ck-menu-offcanvas {
  height: 100dvh !important;
}

.ck-menu-offcanvas .offcanvas-body {
  padding: 0;
}

/* CENTER */
.ck-menu-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ck-hide{
  display:none !important;
}

/* MENU */
.ck-menu-nav {
  text-align: center;
}

.ck-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

	.offcanvas-header.ck-menu-header {
    padding-left: 0;
    padding-right: 0;
}

.ck-menu-item {
    font-family: Orator Std Medium;
  font-size: 16px;
}
.btn-close.ck-menu-close {
    background: none;
	    padding: 0;
}
	.btn-close.ck-menu-close:focus{
		box-shadow:none;
	}
	.btn-close.ck-menu-close:hover{
		opacity:1;
	}
/* CLICKABLE TITLE */
.ck-menu-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* ARROW */
.ck-menu-arrow {
  transition: transform 0.3s ease;
      position: absolute;
    right: 0;
}

.ck-menu-arrow.ck-rotate {
  transform: rotate(180deg);
}

/* SMOOTH DROPDOWN */
.ck-submenu {
 list-style: none;
  padding: 0;
  margin:0;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

/* CHILD */
.ck-submenu .ck-menu-item {
    font-family: Orator Std Medium;
  font-size: 14px;
	position: relative;
 
}

/* SUB CHILD */
#ck-series .ck-menu-item {
    font-size: 12px;
}

/* REMOVE BS AUTO MARGIN */
.ck-menu-close {
  margin: 0 !important;
  opacity:1;
}

.ck-submenu.ck-open {
    margin: 1rem 0;
}






/* =====================
  PLACEHOLDER DOTS
   ===================== */
/* .o_dots {
  font-size: 10px;
} */
/* =====================
   FULL VIEWPORT LAYOUT
   ===================== */
.page-wrapper {
/*   height: 100dvh;
  min-height: -webkit-fill-available;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 75px; */
	    height: 100dvh;
    overflow: hidden;
}
.main_page_wrapper_cbn{
    height: 100%;
    display: grid;
/*     grid-template-rows: auto 1fr auto; */
	grid-template-rows:auto minmax(0,1fr) auto;
    padding: clamp(3.125rem, 2.983rem + 0.7102vw, 4.6875rem);
    box-sizing: border-box;
}

.offcanvas.offcanvas-top.ck-menu-offcanvas{
	 padding: clamp(3.125rem, 2.983rem + 0.7102vw, 4.6875rem);
}
.nav-arrow.nav-next svg {
  transform: rotateY(180deg);
}
/* HEADER */
.site-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

.logo {
  text-align: center;
}
.logo img {
  max-width: 100%;
  height: 75px;
  object-fit: contain;
}

.menu-btn {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.menu-btn span {
  width: 22px;
  height: 2px;
  background: #000;
  display: block;
  margin: 4px 0;
}

/* =====================
   MIDDLE ZONE
   Equal space top/btm
   ===================== */
.middle-zone {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  align-items: center;
  margin: 1rem 0;
}

/* SWIPER */
.swiper {
  grid-row: 2;
  align-self: center;
  width: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* IMAGE FRAME */
/* .image-frame {
  width: 100%;
  aspect-ratio: 1.9 / 1;
  max-height: 52svh;
  overflow: hidden;
} */

.image-frame {
  width: 100%;
  aspect-ratio: 1.9 / 1;
  height: min(52svh, 2160px); /* 🔒 HARD STOP */
  overflow: hidden;
}
.shibhu_text-content {
  width: 100%;
  aspect-ratio: 1.9 / 1;
  height: min(52svh, 2160px); /* 🔒 HARD STOP */
  overflow: hidden;
}
.image-frame picture,
.image-frame img {
  width: 100%;
  height: 100%;
  display: block;
}

.image-frame img {
  object-fit: contain;
}

/* TEXT SLIDES */
.text-slide {
  width: 100%;
  display: flex;
  justify-content: center;
}

.text-content {
  max-height: var(--slide-height);
  overflow-y: auto;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  text-align: justify;
	
	/* Hide scrollbar */
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE/Edge */
}
.text-content::-webkit-scrollbar {
  width: 0;
}
/* Extra Safari fix */
.text-content::-webkit-scrollbar-thumb {
  background: transparent;
}

.text-content::-webkit-scrollbar-track {
  background: transparent;
}
.text-content h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
/* Chrome, Safari, iOS Safari */
.text-content::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
}
.text-content.shibhu_text-content i {
    font-family: 'Helvetica Neue';
    font-style: italic;
    font-weight: 400;
}
.text-content h1 {
  font-family: Orator Std Medium;
  font-size: 16px;
  margin-bottom: 2rem;
}
.footer-article-heading {
  margin-top: 2rem;
  margin-bottom: 0;
}
#imagePopup {
    opacity: 0;
    visibility: hidden;
      transition: opacity 0.15s ease;
}

#imagePopup.active {
    opacity: 1;
    visibility: visible;
}

/* =====================
   FOOTER (ALWAYS BOTTOM)
   ===================== */
.slider-nav {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: start;
/*   height:clamp(1.875rem, 1.4583rem + 1.8519vw, 3.125rem); */
}

/* arrows */
.nav-arrow {

/*   font-size: 18px; */
  cursor: pointer;
}

/* CAPTION – FIXED HEIGHT (NO JUMP) */
.figcap {
  position: absolute !important;
  inset: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
}
.slide-title {
  font-family: Orator Std Medium;
  /*   height: 40px; */
/*   display: grid;
  grid-template-rows: 20px 20px;
  justify-items: center;
  align-items: center; */
  text-align: center;
/*   gap: 10px; */
	align-self: end;
}

.cap-heading,
.cap-description {
/*   font-family: Orator Std Medium;
  height: 20px;
  line-height: 20px;
  white-space: nowrap; */
	    font-family: Orator Std Medium;
/*     height: 11px; */
    white-space: nowrap;
 
}
.cap-description.s-dot {
/*     height: 11px; */
	    margin: 0;
    padding: 0;
    display: block;
    line-height: normal;
}

.cap-heading {
  font-size: 14px;
  margin-bottom: 10px;
 

}

.cap-description {
  font-size: 10px;
}

.cap-description.is-empty {
  visibility: hidden; /* keep space */
}

.fancybox__backdrop {
  background: #fff !important;
}
.carousel__button {
  display: inline-flex !important;
  color: #000 !important;
  background: transparent !important;
  z-index: 9999;
  box-shadow: none !important;
  -webkit-appearance: auto !important;
}
button.carousel__button.fancybox__button--zoom,
button.carousel__button.fancybox__button--fullscreen {
  display: none !important;
}
/* Move Fancybox close button to left */

.fancybox__container .fancybox__toolbar__items--right {
  margin-left: 0;
  margin-right: auto;
}
.fancybox__button--close svg {
  display: none;
}
.fancybox__content img {
  cursor: default !important;
}
.cap-description.s-dot svg circle {
  fill: #131313;
}
.fancybox__button--zoom,
.fancybox__button--panzoom-in,
.fancybox__button--panzoom-out {
  display: none !important;
}
/* Custom icon */
.fancybox__button--close::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url("/wp-content/uploads/2026/03/close.svg") no-repeat center;
  background-size: contain;
}

 

  /* Thumbnails */
  .popup-img {
/*     cursor: pointer; */
    transition: transform 0.3s ease;
  }

  /* Overlay */
  .image-popup {
    position: fixed;
/*     inset: 0; */
    background: #FFFF;
    display: flex;
/*     align-items: center; */
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 9999;
	  padding:10px; 
	  width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .image-popup.active {
    opacity: 1;
    visibility: visible;
  }

  /* Popup Image */
  .image-popup img {
      transition: transform 0.4s ease;
    /* cursor: zoom-out; */
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    height: 100%;
    object-fit: contain;
    width: 100%;
	 
  }
  /* Close Button */
  .close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
  }

.shibhu_bio_sty ul, .shibhu_bio_sty p{
    margin-bottom: 0;
    line-height: 1.5;
}
.my-22 {
    margin-top: 1rem;
}
.offcanvas-header.ck-menu-header{
	height:75px;
}

.margin-top-2rem{
	margin-top:2rem;
}

/* =====================
   RESPONSIVE IMAGE SIZE
   ===================== */

@media (max-width: 767px) {
  .cap-description.s-dot svg {
    width: 5px;
    height: 5px;
  }
 
 

  .slide-title {
    /*     height: 34px; */
    grid-template-rows: 17px 17px;
  }

  .cap-heading {
    font-size: 8px;
/*     height: 17px;
    line-height: 12px; */
  }

  .cap-description {
    font-size: 6px;
/*     height: 17px;
    line-height: 17px; */
  }
 
	
}

.text-content::-webkit-scrollbar {
  width: 0px;
}

.text-content::-webkit-scrollbar-track {
  background: transparent;
}

.text-content::-webkit-scrollbar-thumb {
  /*     background-color: #000; */
  background: linear-gradient(180deg, #ddd 10%, transparent 10%);
  border-radius: 10px;
}

.text-content::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ddd 10%, transparent 10%);
}
.fancybox__toolbar {
  background: transparent !important;
}

.text-content::-webkit-scrollbar-thumb {
  background: transparent;
}

.text-content.scrolling::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ddd 10%, transparent 10%);
}
.fancybox__content>.carousel__button.is-close {
    visibility: hidden !important;
    
}

@media screen and (min-width: 2560px) {

  .slide-title {
    gap: 30px;
  }
}


/* ========== TABLET LANDSCAPE ========== */


@media (max-width: 1199px) and (orientation: landscape) {

/* .cap-description.s-dot {
    height: 6.5px;
} */

  .image-frame {
    aspect-ratio: 2 / 1;
    height: min(40svh, 470px);
  }
.shibhu_text-content {
    aspect-ratio: 2 / 1;
    height: min(40svh, 470px);
  }
  .cap-heading {
    font-size: 8px;
	  margin-bottom: 7px;
  }
  .cap-description {
    font-size: 6px;
  }
 
/*   .text-content p {
    margin-bottom: 0.4rem;
  } */
 
  
  .slide-title {
    gap: 2px;
  }
}

/* ========== TABLET PORTRAIT ========== */
@media (min-width: 768px) and (max-width: 1032px) and (orientation: portrait) {

 
 
  .image-frame{
    aspect-ratio: 1.6 / 1;
    height: min(70svh, 620px);
  }
  .shibhu_text-content {
    aspect-ratio: 1.6 / 1;
    height: min(70svh, 620px);
  }
}

/* ========== MOBILE LANDSCAPE ========== */
@media (max-width: 874px) and (orientation: landscape) {
 

 

  

  .image-frame {
    aspect-ratio: 2.3 / 1;
    max-height: min(42svh, 420px);
  }

  .shibhu_text-content {
    aspect-ratio: 2.3 / 1;
    max-height: min(42svh, 420px);
  }

  .image-frame img {
    object-fit: contain;
  }

  .text-content {
    font-size: 10px;
    padding: 0;
  }
}

/* ========== MOBILE PORTRAIT ========== */
@media (max-width: 767px) and (orientation: portrait) {


 
  .image-frame{
    aspect-ratio: 1.4 / 1;
    max-height: min(60svh, 575px);
    height: min(60svh, 575px);
  }
.shibhu_text-content {
    aspect-ratio: 1.4 / 1;
    max-height: min(60svh, 575px);
    height: min(60svh, 575px);
  }
  .text-content {
    font-size: 12px;
    padding: 0;
  }
  .slide-title {
    font-size: 10px;
    gap: 0px;
  }
 
}


.btn-close.ck-menu-close, .btn-close.ck-menu-close img {
		display:block;
    width: 20px;
    height: 20px;
	opacity:1;
	padding:0 !important;
	z-index: 1;
}

 .image-popup {
    padding: 20px;
/*     padding: 10px; */
  }

.text-content {
        font-size: 14px;
    }

/* ==== ABOUT CSS ==== */
   .shi-heading-main {
    font-family: Orator Std Medium;
    font-size: 16px;
    margin-bottom: 2rem;
}
.QuotesList_shibhu {
    margin-bottom: 2rem;
}
.shi-subheading-main {
    font-family: Orator Std Medium;
    font-size: 14px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.shibhu_text-content{
  text-align:left;
}
.shibhu_text-content ul {
    padding-left: 15px;
}

.slider-nav .nav-arrow svg, .ck-menu-arrow svg {
	display:block;
}


/* ===== Scoped Accordion ===== */

.Shibu_revieWs-accordion .Shibu_revieWs-item {
  border: none !important;
}

/* 🔥 SAME FONT + COLOR FOR HEADING */
.accordion-button.Shibu_revieWs-button {
	    font-family: Orator Std Medium;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-weight: 400; /* same as body */
  font-size: 14px;  /* same size */
  color: #000;      /* same color */
	    text-align: center;
    justify-content: center;
}

/* 🔥 SAME FONT + COLOR FOR BODY */
.Shibu_revieWs-body {
/*   font-size: 16px; */
  font-weight: 400;
  color: #000;
}

/* Remove arrow */
.Shibu_revieWs-button::after {
  display: none !important;
}

/* Remove focus */
.Shibu_revieWs-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Remove all active/hover styles */
.Shibu_revieWs-button:not(.collapsed),
.Shibu_revieWs-button:hover,
.Shibu_revieWs-button:focus {
  background: transparent !important;
  color: #000 !important;
}

/* 🔥 2rem spacing */
.Shibu_revieWs-collapse .Shibu_revieWs-body {
  padding-top: 2rem !important;
  padding-left: 0;
  padding-right: 0;
	padding-bottom:0;
}

/* spacing between items */
.Shibu_revieWs-item + .Shibu_revieWs-item {
  margin-top: 2rem;
}

.Review_writer {
    margin-top: 2rem;
}
.qShibh_head{
	font-family: Orator Std Medium;
    font-size: 14px;
}

/* 	  button#up-arrow {
    margin-bottom: 10px;
		  height: 10px;
}

button#down-arrow {
    margin-top: 10px;
	height: 10px;
} */


/* ==== 4K Desktop ==== */
@media screen and (min-width: 2160px) and (max-width: 3840px) {
/* .page-wrapper {
    padding: 75px;
} */
/* 	.main_page_wrapper_cbn{
		padding:75px;
	} */
button.menu-btn svg, .instagram svg {
    width: 20px;
    height: 20px;
  }
	
	
}

/* ==== General Desktop ==== */
@media screen and (min-width: 1375px) and (max-width: 2159px) {
/* .page-wrapper {
    padding: 75px;
} */
/* 	.main_page_wrapper_cbn{
		padding:75px;
	} */
button.menu-btn svg, .instagram svg {
    width: 20px;
    height: 20px;
  }
	
}





/* ==== iPad Pro ==== */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1376px) {
/*   .page-wrapper {
    padding: 100px;
}  */
	  .main_page_wrapper_cbn,.offcanvas.offcanvas-top.ck-menu-offcanvas{
		  padding:clamp(3.125rem, -5.9659rem + 14.2045vw, 6.25rem);
	  }
	  button.menu-btn svg, .instagram svg {
    width: 20px;
    height: 20px;
  }
	   .image-popup {
    padding: 20px;
  }
}

@media only screen and (min-width:1024px) and (max-width:1376px) and (orientation:portrait){
   .main_page_wrapper_cbn, .offcanvas.offcanvas-top.ck-menu-offcanvas{
		  padding:100px;
	  }
}



/* ==== iPad mini ==== */
@media only screen 
  and (min-width: 876px) 
  and (max-width: 1023px) {
/*   .page-wrapper {
    padding: 100px;
}  */
	  .main_page_wrapper_cbn, .offcanvas.offcanvas-top.ck-menu-offcanvas{
		  padding:clamp(3.125rem, -15.4974rem + 34.0136vw, 6.25rem);
	  }
 button.menu-btn svg, .instagram svg {
    width: 20px;
    height: 20px;
  }
.image-popup {
    padding: 20px;
  }
}

/* ==== Mobile ==== */
@media screen and (min-width: 320px) and (max-width: 874px),
       screen and (max-width: 875px) {
		    .cap-heading {
   
	  margin-bottom: 4px;
  }
/*     .page-wrapper {

		padding:clamp(2.5rem, 2.1396rem + 1.8018vw, 3.125rem);
    } */
		   .main_page_wrapper_cbn,.offcanvas.offcanvas-top.ck-menu-offcanvas{
			   padding:clamp(2.5rem, 2.1396rem + 1.8018vw, 3.125rem);
		   }
/* .cap-description.s-dot
 {
    height: 6.5px;
} */
		   
		   .offcanvas-header.ck-menu-header{
			   height:50px;
		   }
button.menu-btn svg, .instagram svg, .slider-nav .nav-arrow svg, .ck-menu-arrow svg {
	
    width: 15px;
    height: 15px;
  }	
		   
 .logo img {
    height: 50px;
    max-width: 100%;
  }	
.btn-close.ck-menu-close, .btn-close.ck-menu-close img {
    display: block;
    width: 15px;
    height: 15px;
	
}	
    .ck-menu-item {
        font-size: 14px;
    }
.ck-submenu .ck-menu-item {
        font-size: 12px;
    }
		       #ck-series .ck-menu-item {
        font-size: 10px;
    }
	.image-popup {
    padding: 15px;
  }
		   
.text-content h1 {
  font-size: 14px;
 
}
.text-content {
        font-size: 12px;
    }
		   
		   
.shi-subheading-main {
    font-size: 12px;
}
		     .cap-description {
    font-size: 6px;
  }
		       .cap-heading {
        font-size: 8px;
      
    }
		   .accordion-button.Shibu_revieWs-button{
			   font-size:12px;
		   }
		   
}

@media screen and (max-width: 932px) and (orientation: landscape) {

/*     .page-wrapper {
        padding: 50px;
    } */
	.main_page_wrapper_cbn, .offcanvas.offcanvas-top.ck-menu-offcanvas{
		padding:50px;
	}
	.logo img {
  
    height: 50px;
   
}
	.menu-slide li {
    font-size: 14px;
  
}
	#menu-work li {
    font-size: 12px;
}
	#menu-series li {
    font-size: 10px;
}
	.offcanvas-header.ck-menu-header {
/*     height: 50px; */
/*                height: auto;
        padding-top: 0;
        align-items: start !important; */
}
/* 	.offcanvas-header.ck-menu-header{
        padding-bottom: 0;
        align-items: flex-end;
    } */
	.arrow-btn{
		padding:0;
	}
	.shibhu-menu-wrap {
    font-family: Orator Std Medium;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    overflow-y: visible;
}
/* 	    #menu-series li {
    
        line-height: normal;
    } */
	.offcanvas.offcanvas-top.ck-menu-offcanvas {
    height: 100% !important;
    display: block;
}
}



/* @media screen and (max-width: 750px) and (orientation: landscape) {
    .cap-description.s-dot {
        height: 11px;
    }
} */
body{
	overflow-y:auto !important;
}
#cg-back{
	display:none !important;
}