/*!
Theme Name: Adorn Blinds and Shades
Theme URI: http://underscores.me/
Author: Chinna, Prtheeksha
Author URI: https://www.honeycombindia.net/
Description: Adorn Blinds & Shades is leading Window Blinds Manufacturer based in India. Give your windows a new touch with Blinds. Enquire Now.
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: adorn_blindsand_shades
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.

Adorn Blinds and Shades 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/
*/

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

ul.nav.chinnanav li a {
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
}
.icons.socialiconsa {
    position: relative;
    bottom: auto;
    right: auto;
}
.icons.socialiconsa a img {
    filter: brightness(1) invert(1);
}
.offchinna {
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.navbar-toggler:focus {
   box-shadow: none !important;
}
.imgwithsocialmedia {
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.imgwithsocialmedia .imgvb {
    margin-bottom: 1rem;
	    max-width: 70%;
}
ul.nav.chinnanav li a.dropdown-item {
    font-size: 16px;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
  gap: 1rem;
}
.fullwvideo iframe {
    width: 100%;
    height: 100dvh;
}
@media (max-width:767px){
	.subscribe-form .emailinput{
		width: 60%;
	}
	.emailinput {
    width: 100%;
}
	.fullwvideo iframe {
    width: 100%;
    height: 35vh;
}
}

/* MENU with Banner Homepage */
.banner_heading {
    font-size: clamp(1.4375rem, 0.975rem + 2.3125vw, 3.75rem);
    font-weight: 400;
	line-height: 140%;
}
.hero-section {
      background: url('/wp-content/themes/adorn_blindsand_shades/assets/images/home_banner.jpg') center center / cover no-repeat;
      height: 100vh;
      color: white;
      position: relative;
	
    }

    .overlayh {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
         background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
      z-index: 1;
    }

    .hero-content {
      position: relative;
      z-index: 2;
/*       max-width: 600px; */
    }

    .btn-orange {
      background-color: #ff8c00;
      border: none;
      padding: 10px 25px;
      border-radius: 25px;
      font-weight: 600;
      color: white;
    }

    .btn-orange:hover {
      background-color: #e97b00;
    }

    .navbar-brand {
      font-weight: bold;
      color: white;
    }

    .navbar-brand span {
      font-size: 12px;
      display: block;
      line-height: 1;
    }

    

    .dropdown-menu {
      min-width: 180px;
		background-color:white;
    }

    /* GSAP Vertical Menu */
    #menu-bg {
      position: fixed;
      top: 50%;
      left: 0;
      width: 100%;
      height: 0;
     background: rgba(255, 240, 206, 1);

      transform: translateY(-50%);
      z-index: 1000;
      overflow: hidden;
    }

    #nav-items {
      position: fixed;
      top: 50%;
      left: 25%;
      transform: translate(-50%, -50%);
      text-align: left;
      z-index: 1001;
      opacity: 0;
      pointer-events: none;
    }

    #nav-items ul {
      list-style: none;
      padding-left: 0;
    }

    #nav-items li {
/*       margin: 1.5rem 0;
      font-size: 2rem;
      color: white; */
      transform: translateX(-50px);
      opacity: 0;
		margin-bottom: 0.5rem;
    }

    #menu-image {
      position: fixed;
      top: 50%;
      right: 10%;
      transform: translateY(-50%);
    z-index: -1;
      opacity: 0;
      max-width: 600px;
    }

    #close-btn {
      position: fixed;
      top: 30px;
      right: 30px;
      z-index: 1102;
      font-size: 2rem;
      color: white;
      background: none;
      border: none;
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    #close-btn.visible {
      opacity: 1;
      pointer-events: auto;
    }

    @media (max-width: 768px) {
      .hero-content {
        max-width: 100%;
      }
/*       h1.display-5 {
        font-size: 1.8rem;
      } */
/*       .lead {
        font-size: 1rem;
      } */
      #nav-items {
        left: 50%;
        text-align: center;
      }
      #menu-image {
        display: none;
      }
    }
#mainNavbar1 .nav-link {
    color: white !important;
    cursor: pointer;
    font-size: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem);
}
.newnav.navbar {
    padding: 25px 0;
}
.humberger li a {
    font-size: clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem);
    font-weight: 200;
    text-decoration: none;
    color: rgba(68, 15, 4, 1);
    /*font-family: 'geometria-light';*/
	font-family: "Urbanist", sans-serif;
}
.close-btn svg{
	max-width:100%;
}
.hero-content .btn-orange, .hero-content .btn-orange:hover {
       background: #F89520;
    color: #fff;
    border-radius: 109px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	    max-width: fit-content;
}
span.mr-2 {
    margin-right: 1rem;
}
.hero-content .btn-orange span.arroicon {
    width: 25px;
    height: 25px;
    background: #fff;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


.page-template-inspiration_hub nav.newnav, .page-template-career nav.newnav, .is-grandchild nav.newnav, .archive.category nav.newnav, .error404 nav.newnav, .page-template-privacy_policy nav.newnav, .page-template-cookie_policy nav.newnav, .page-template-sitemap nav.newnav, .page-template-thank_you nav.newnav{
    position: relative !important;
	border-bottom: 1px solid rgba(248, 149, 32, 0.4)
}
.page-template-inspiration_hub nav.newnav #mainNavbar1 .nav-link, .page-template-career nav.newnav #mainNavbar1 .nav-link, .is-grandchild #mainNavbar1 .nav-link, .archive.category #mainNavbar1 .nav-link, .error404 #mainNavbar1 .nav-link, .page-template-privacy_policy #mainNavbar1 .nav-link, .page-template-cookie_policy #mainNavbar1 .nav-link, .page-template-sitemap #mainNavbar1 .nav-link, .page-template-thank_you #mainNavbar1 .nav-link{
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: 500;
}
.page-template-inspiration_hub .custom-logo-link, .page-template-career .custom-logo-link, .is-grandchild .custom-logo-link, .archive.category .custom-logo-link, .error404 .custom-logo-link, .page-template-privacy_policy .custom-logo-link, .page-template-cookie_policy  .custom-logo-link, .page-template-sitemap .custom-logo-link, .page-template-thank_you .custom-logo-link{
    display: none;
}
.page-template-inspiration_hub .custom-logo-link.onlydiff, .page-template-career .custom-logo-link.onlydiff, .is-grandchild .custom-logo-link.onlydiff, .archive.category .custom-logo-link.onlydiff, .error404 .custom-logo-link.onlydiff, .page-template-privacy_policy .custom-logo-link.onlydiff, .page-template-cookie_policy .custom-logo-link.onlydiff, .page-template-sitemap .custom-logo-link.onlydiff, .page-template-thank_you .custom-logo-link.onlydiff{
    display: block !important;
}
/* }
.page-template-inspiration_hub nav.newnav, .page-template-career nav.newnav, .single-products nav.newnav  {
    position: relative !important;
	border-bottom: 1px solid rgba(248, 149, 32, 0.4)
}
.page-template-inspiration_hub nav.newnav #mainNavbar1 .nav-link, .page-template-career nav.newnav #mainNavbar1 .nav-link, .single-products nav.newnav #mainNavbar1 .nav-link {
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: 500;
}
.page-template-inspiration_hub .custom-logo-link, .page-template-career .custom-logo-link, .single-products .custom-logo-link {
    display: none;
}
.page-template-inspiration_hub .custom-logo-link.onlydiff, .page-template-career .custom-logo-link.onlydiff, .single-products .custom-logo-link.onlydiff{
    display: block !important;
} */
.pagination-buttons .btn.active {
    background:rgba(248, 149, 32, 1);
    border-color: rgba(248, 149, 32, 1);
	color:#fff;
}
.pagination-buttons .btn:hover{
	background: rgba(248, 149, 32, 1);
	 border-color:rgba(248, 149, 32, 1);
	color:#fff;
}
.pagination-buttons .btn-outline{
	border-color: rgba(248, 149, 32, 1);
	background:rgba(248, 149, 32, 1);
	color:#fff;
	border-radius:20px;
}
/* .product_gallery img {
   
      min-height: 375px;
    max-height: 375px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
} */
.product_gallery img {
   
   min-height: 250px;
    max-height: 250px;
    object-fit: contain;
    object-position: center;
    aspect-ratio: 1;

	background:#f2eadc;
}
.video_height {
    height: 100dvh;
    object-fit: cover;
}
.video_banner {
    height: 100dvh;
}

.images_size{
	height: 300px;
    width: 100%;
    object-fit: cover;
}
/* product banner inner */
.banner_sections{
	position: relative;
    z-index: 0;
    height: 75vh;
}
.banner_sections .banner_text {
    max-width: 55%;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.banner_sections .floating_banners{
	height: 100dvh;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.post-header .wp-post-image {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
}
@media (max-width:767px){
	
	.post-header .post-title-overlay h1 {
    font-size: 18px;
}
	.wp-post-image {
    height: 100%;
    min-height: 250px;
    max-height: 250px;
    object-fit: cover;
}
	.meta-info {
    padding-bottom: 1rem;
}
	.banner_sections .banner_text {
    max-width: 100%;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
	.images_size{
		height: 185px;
		width: 100%;
		object-fit: cover;
    }
	.vertical_expandable_gallery {
		display: flex;
		justify-content: unset;
        align-items: unset;
		/* margin: 10vmin; */
		overflow: hidden;
		flex-direction: column;
		gap: 1rem;
	}
	.vertical_expandable_gallery .card:not(:nth-child(5)) {
		margin-right: 0;
	}
	.vertical_expandable_gallery .card .card__head {
		text-align: start;
        color: #fff;
        background: none;
       font-size: 18px;
        transform: none;
		transition: none;
		padding: 0;
    }
	
	.vertical_expandable_gallery .card:hover .card__head {
		text-align: start;
        color: #fff;
        background: none;
         font-size: 18px;
        transform: none;
		bottom: 0!important;
	}
		.vertical_expandable_gallery .card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: none;
		filter: brightness(0.8);
	}
	.vertical_expandable_gallery .card:hover img {
		filter: brightness(0.8);
	}
	.img_size{
		height: 200px!important;
       /* width: 100%; */
       max-width: 100%;
	}
	
}
.form-check .form-check-input input{
    float: left;
    margin-left: -1.5em;
}

.form-check-input input{
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}
.form-check2 .wpcf7-list-item {
    margin-left: 0;
}

.form-check2 .wpcf7-list-item .wpcf7-list-item-label {
    font-size: clamp(0.6563rem, 0.6125rem + 0.2188vw, 0.875rem);
    color: rgba(0, 0, 0, 0.8);
    /*font-family: 'geometria-light';*/
	font-family: "Urbanist", sans-serif;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    bottom: -18px;
    font-size: 12px;
}
.main-comform label {
    display: block;
}
.main-comform.condform label
 {
    margin-bottom: 1.5rem;
}
/* Target all CF7 textareas */
.wpcf7 textarea {
    height: 40px; /* Adjust as needed */
    min-height: 40px; /* Prevent it from expanding too much */
    resize: vertical; /* Allow vertical resize, remove if you want fixed size */
}
.intl-tel-input.separate-dial-code.allow-dropdown input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown input {
    padding-left:100px !important;
}
.subscribe-form .wpcf7-spinner {
    position: absolute;
    right: 0;
}
.subscribe-form{
	position:relative;
	  justify-content: space-between;
}
.subscribe-form input {
    position: relative;
}
.subscribe-form .wpcf7-not-valid-tip {
    bottom: -31px;
/*     text-shadow: 0 0 #fff; */
}
.emailinputsubmit {
    position: relative;
}
.subscribe-form .wpcf7-spinner {
    position: absolute;
    right: 100px;
    margin: 0;
    bottom: 10px;
}

.custom-file-field {
  display: flex;
  align-items: center;
	flex-direction: row-reverse;
	gap:1rem;
}

.file-btn {
  display: inline-block;
  padding: 8px 16px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.file-btn:hover {
  background: #e9e9e9;
}

.visually-hidden {
  position: absolute !important;
  left: -9999px !important;
}

#file-chosen {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px; /* adjust as per layout */
}

.blogsubscription .wpcf7 form.invalid .wpcf7-response-output {
    color: #FFFFFF;
    border: 2px solid #FFEB3B;
    position: absolute;
}
.career_opportunity .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.career_opportunity .wpcf7 .wpcf7-response-output {
    position: absolute;
    width: 100%;
    bottom: -58px;
}
.career_opportunity .wpcf7 {
    position: relative;
}
.main-comform.condform .flag-container {
  max-width: fit-content;
}