/*
Theme Name: Second City Blinds
Theme URI: http://example.com/
Author: 1stFold
Author URI: http://example.com/
Description: A custom WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-theme
*/
@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*{font-family: 'Helvetica Neue'!important;}

body{ font-size: 20px; color: #000; line-height: 24px; padding: 0; margin: 0;}
a{text-decoration: none; color: #000;}
a:hover{color:#AB248D;}
.container{ max-width: 1200px; margin: 0 auto;}
.site-header{ margin: 10px 20px;}

.menu {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.menu li {
  display: inline-block;
  margin: 0 20px;
	position:relative;
}

.menu li.phone a{ padding: 7px 12px 7px 34px; background:url(/wp-content/uploads/2026/06/phone-icon.png)no-repeat left 13px top 8px #ED7838; font-size: 14px; font-weight: 700; color: #fff; border-radius: 2px; border-right: 4px solid #D1396A; border-bottom: 4px solid #D1396A;}
.menu li.phone a:hover{background:url(/wp-content/uploads/2026/06/phone-icon.png)no-repeat left 13px top 8px #D1396A; color: #fff;}

.menu li.phone{margin: 0 10px 0 20px;}

.menu li.book-btn{margin: 0;}
.menu li.book-btn a{ padding: 7px 13px; border: 1px solid #ED7838; font-size: 14px; font-weight: 700; color: #ED7838; border-radius: 2px; border-right: 4px solid #D1396A; border-bottom: 4px solid #D1396A;}
.menu li.book-btn a:hover{background: #D1396A; color:#fff;}

.menu li a{font-size: 16px; font-weight: 300; color: #000;}
.menu li a:hover{color: #ED7838;}

/* Sub Menu */
.menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    z-index: 999;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

.menu .sub-menu li {
    display: block;
    margin: 0;
}

.menu .sub-menu li a {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}

.menu .sub-menu li:last-child a {
    border-bottom: none;
}

.menu .sub-menu li a:hover {
    background: #f5f5f5;
}

/* Show on Hover */
.menu li:hover > .sub-menu {
    display: block;
}

.menu li.menu-item-has-children {
    position: relative;
}

.menu li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.menu li.menu-item-has-children > a::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform 0.3s ease;
}

.menu li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

/* Basic toggle button styling */
.menu-toggle {
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001; /* Ensure above menu */
}

.menu-toggle .bar {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #000;
  margin: 5px 0;
  transition: 0.4s;
}

.flex-box{ display: flex; align-items: center; justify-content: space-between;}
.copy-right-box{ font-size: 14px; color: #fff; font-weight: 300; padding: 30px 0; margin: 59px 0 0; border-top: 1px solid #c7c7c7;}
.copy-right-box a{color: #F8DE4B;}
.copy-right-box a:hover{color: #fff;}

.footer-nav-box{ display: flex; justify-content: space-between; gap: 180px; font-size: 16px; color: #fff; font-weight: 300;}
.footer-nav-box a{ font-size: 16px; color: #fff; font-weight: 300;}
.footer-nav-box a:hover{color: #F8DE4B;}
.footer-nav-box h3{ font-size: 20px; font-weight: 700; color: #fff; text-transform: uppercase;padding: 0 0 8px; margin:0 0 20px; position: relative;}
.footer-nav-box h3::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 55px; height: 1px; background:#D1396A;}
ul.footer-menu { padding: 0; margin: 0;}
.footer-menu li{ list-style: none;display: block;margin-right: 0; margin-bottom: 5px;}
.footer-menu li a{ font-size: 16px; color: #fff; font-weight: 300;padding-left: 18px; position: relative;}
.footer-menu li a:hover{color: #F8DE4B;}
.footer-menu li a::after{content: ""; width: 6px; height: 2px; background: #F8DE4B; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer-social-box a{display: block; margin-bottom: 21px;}
.contact-box div{margin-bottom: 20px; max-width: 241px; padding-left: 25px; position: relative;}
.footer-social-box svg,.contact-box svg{vertical-align: text-top;margin-right: 10px;}
.contact-box svg{position: absolute; left: 0; top: 3px;}

.top-bar{
    background: #000;
    padding: 11px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    font-size: 16px;
    color: #ffff;
    font-weight: 700;
}
.top-bar img{vertical-align: middle;}
.google-stars{
    display: flex;
    align-items: center;
    gap: 12px;
}
.title-box{display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 500; color: #fff;}
.title-week{ font-size: 16px; font-weight: 700;}
.booking-list ul{ display: flex; gap: 10px; padding: 0; margin: 9px 0; align-items: center; justify-content: space-between;}
.booking-list ul li{list-style: none;}
.booking-list ul a{font-size: 12px; font-weight: 700; color: #fff; padding: 8px 15px 7px 32px; background: url(/wp-content/uploads/2026/06/tag-icon.png)no-repeat left 15px top 9px rgba(0,0,0,0.30); background-size: 12px; border: 1px solid #fff;}
.booking-list p{padding: 0; margin: 0;}
.end-week img{vertical-align: middle;}
.copy-txt-main-box{display: flex; gap: 10px; align-items: center;}
.copy-txt-main-box img{ vertical-align: middle;}
.copy-btn{ background: #ED7838; padding: 3px 13px 6px 10px; border-radius: 4px; font-size: 12px; line-height: 15px; font-weight: 700; color: #fff; cursor: pointer;    margin-left: 12px;}
.copy-txt-box strong{color: #fff; font-weight: 700;}
.red-txt{color: #D1396A;}
.wc-category-slider .product-item,.how-work-slider li,.wc-blinds-slider .product-item,.blinds-range .woocommerce ul.products li.product{
    padding:15px;
    text-align:center;
    background: #F5F5F5;
    border-radius: 13px; margin: 0 13px;
}
.blinds-range .woocommerce ul.products li.product{margin-bottom:26px;}
.blinds-range .woocommerce ul.products li.product h2{font-size:20px; line-height:18px; color:#000; font-weight:700; padding:0; margin:0; }

.wc-blinds-slider .product-item{padding:20px;}
.how-work-slider{padding: 0; margin: 0;}
.how-work-slider .img-box{position: relative;}
.how-work-slider li span.steps{
    position: absolute;
    top: 20px;
    left: 20px;
    background: #FF3D00;
    padding: 4px 14px;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 14px;
    width: 100%;
    max-width: 70px;
}
.how-work-slider li{ font-size: 14px; color: #444; font-weight: 400;}
.how-work-slider li h3{
    font-size: 21px;
    font-weight: 700;
    margin: 20px 0 4px;
    padding: 0;
}
.how-work-slider li p{padding: 0; margin: 0;}
.how-work-slider .slick-next,.how-work-slider .slick-prev {bottom: -50px;}


.wc-category-slider .product-item img,.wc-blinds-slider .product-item img{
    width:100%;
    height:auto;
}

.wc-category-slider .product-item h3{
    font-size:12px;
    font-weight: 700;
    margin:11px 0;
}
.wc-blinds-slider .product-item h3{
    font-size:24px;
    font-weight: 700;
    margin:20px 0 5px;
}
.wc-blinds-slider .product-item{font-size: 14px;}
.wc-blinds-slider .product-item .img-box{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.wc-blinds-slider .product-item .price-area{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    color: #fff;
    padding: 8px 20px;
    background: #ED7838;
    width: 100%;
    text-align: left;
}
.wc-category-slider .product-item .price{font-size: 22px; font-weight: 700;}
.wc-category-slider .product-item a.product-link,.wc-blinds-slider .product-item a.product-link,.blinds-range .woocommerce ul.products li.product a.button{ display: block; padding: 8px 12px; color: #fff; font-size: 12px; line-height: 14px; font-weight: 400; background: #ED7838; border-radius: 0 0 8px 8px;}
.wc-blinds-slider .product-item a.product-link{ padding: 12px 12px; color: #fff; font-size: 14px; background: #422775; margin-top: 12px;border-radius: 0 0 15px 15px;}
.wc-category-slider .product-item a.product-link:hover,.blinds-range .woocommerce ul.products li.product a.button:hover{background:#422775;}
.wc-blinds-slider .product-item a.product-link:hover{ background: #ED7838;}
.slick-next{
    background: url(/wp-content/uploads/2026/06/arrow-left.png) no-repeat;
    font-size: 0;
    border: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -100px;
    left: 48%; cursor: pointer;
}
.slick-prev{
    background: url(/wp-content/uploads/2026/06/arrow-right.png) no-repeat;
    font-size: 0;
    border: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -100px;
    left: 52%;
    cursor: pointer;
}
.wc-blinds-slider .slick-prev {
  bottom: -80px;
  left: 97%;z-index: 99;
}
.wc-blinds-slider .slick-next{
  bottom: -80px;
  left: 93%;z-index: 99;
}
.fitting-slider .slick-prev {
  bottom: -65px;
  left: 97%;z-index: 99;
}
.fitting-slider .slick-next{
  bottom: -65px;
  left: 93%;z-index: 99;
}
.fitting-slider .slick-slide{margin: 0 15px;}
.plantaion-slider .swiper-pagination-horizontal{bottom: 50px!important;}
.plantaion-slider .swiper-pagination-bullet{width: 10px!important; height:10px!important;background: #E4E1E1!important;opacity: 1!important;}
.plantaion-slider .swiper-pagination-bullet-active,.plantaion-slider .swiper-pagination-bullet:hover{background: #D1396A!important;}
.offer-box span.week-offer{ font-size: 10px; color: #919191;}
.wpcf7-form .col-4{float: left; width: 31.3%; margin: 0 1%;}
.wpcf7-form .col-12{float: left; width: 98%; margin: 0 1%;}
.wpcf7-form p{padding: 0; margin: 0;}
.wpcf7-form label,.wpcf7-form input,.wpcf7-form textarea,.wpcf7-form select{width: 100%;}
.wpcf7-form label{font-size: 16px; font-weight: 600; color: #000; margin: 25px 0 10px; line-height: normal; display: block;}
.wpcf7-form input,.wpcf7-form textarea,.wpcf7-form select{margin-top: 10px; padding: 14px 20px; background: #fff; border: 1px solid #E4E1E1; border-radius: 6px; font-size: 12px; font-weight: 400; color: #000;}
.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder{color:#B4B4B4;}
.wpcf7-form textarea{height: 110px;}
.wpcf7-form input[type="submit"]{
    background: #D1396A;
    border-radius: 0;
    color: #fff;
    padding: 9px 18px;
    font-size: 14px;
    font-weight: 700;
    max-width: 230px;
    margin: 0 auto;
    display: block;
    border-right: 4px solid #3C9FD5;
    border-bottom: 4px solid #3C9FD5;
    cursor: pointer; margin-top: 50px;
}
.wpcf7-form input[type="submit"]:hover{background: #3C9FD5;}
.wpcf7-checkbox label{ font-size: 14px; color: #252525; font-weight: 400;margin: 0;}
.wpcf7-checkbox input{width: auto; margin-right: 5px;}
.wpcf7-checkbox .wpcf7-list-item{float: left; width: 31.3%; margin: 0 1%;}
.agree-box .wpcf7-list-item{width: auto;float: none;margin: 0;}
.agree-box { font-size: 16px; color: #252525;}
.agree-box a{color: #D1396A;}
.agree-box a:hover{color: #252525;}

.site-footer{background: #000; margin-top: 80px; padding: 60px 0 0;}
.site-footer .container{padding:0 20px;}
.blinds-range .woocommerce-result-count,.blinds-range .woocommerce-ordering,.blinds-range .price{display:none!important;}
.blinds-range .woocommerce ul.products li.product a img {
    height: 195px;
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
}
.blinds-range .woocommerce-pagination{display:none;}
.years-box-main{    position: absolute !important;
    top: 30px;
    width: 140px;
    left: -45px;}
.years-box{    background: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 25px 20px;
    font-size: 18px;
    line-height: 19px;
    color: #D1396A;
    }
.years-box h3{padding:0; margin:0 0 15px; font-size:58px; line-height:41px; font-weight:900; color:#D1396A;}
.referral-code br{ display:none!important;}
.wpcf7-form label.referral-code-label{
    color: #D1396A;
    font-size: 16px;
    text-decoration: underline; cursor:pointer;
}
.referral-code-box{display:none;}
.wpcf7-form label.referral-code-label svg{
    vertical-align: bottom;
    margin-right: 10px;
}
.referral-code-pink-box {
    background: rgba(209, 57, 106, 0.10);
    padding: 21px 20px 35px;
    margin-bottom: 23px !important;
    border: 1px solid #D1396A;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
}
.wpcf7-form .referral-code-pink-box label {margin: 0 0 15px;}
.wpcf7-form .referral-code-pink-box input {
    padding: 10px 20px;
	border: 1px solid #fff;
}

@media (max-width:1200px) {
.menu li {
    margin: 0 8px;
}
	.booking-list ul a {
    font-size: 10px;
    padding: 7px 7px 7px 12px;
    background: url(/wp-content/uploads/2026/06/tag-icon.png) no-repeat left 4px top 9px rgba(0, 0, 0, 0.30);
    background-size: 7px;
}
	.about-img svg{width:100%; height:auto;}
	.blinds-range .woocommerce ul.products li.product a img {max-height: 149px;}
	.footer-nav-box {gap: 10px;}
}
@media (max-width:1024px) {
	.calculator .row {display: block!important;}
	.booking-list ul a {
        font-size: 12px;
        padding: 8px 15px 7px 32px;
        background: url(/wp-content/uploads/2026/06/tag-icon.png) no-repeat left 15px top 13px rgba(0, 0, 0, 0.30);
        background-size: 12px;
        display: block;
    }
	.booking-list ul {flex-wrap: wrap;}
	.booking-list ul li {width: 23%;}
	.title-box span{display:none!important;}
	.slick-next {left: 47%;}
	.menu li.phone{margin: 0 8px;}
	.menu li.book-btn{margin: 4px 8px;}
	.menu li.phone a {padding: 7px 12px 7px 34px!important;}
.blinds-range .woocommerce ul.products li.product {
    margin: 0 4px 10px;
}
.wc-blinds-slider .product-item {
    padding: 15px;
}
.fitting-slider .slick-next {left: 92%;}
	
	.footer-logo img{ max-width:150px;}
.menu-toggle {display: block; margin:0 auto; margin-right:0;}
.nav-box{ width:100%;}

  .main-navigation .menu {
    display: none;
    flex-direction: column;
  }

  .main-navigation .menu.active {
    display: flex;
  }
	.menu-toggle {
    display: block;
  }

  .main-navigation .menu {
    display: none;
    flex-direction: column;
    background: #fff; /* Optional: background for dropdown */
    position: absolute;
    top: 145px; /* adjust based on header height */
    right: 0;
    left: 0;
    z-index: 1000;
  }

  .main-navigation .menu.active {
    display: flex;
  }

  /* Transform hamburger to cross when active */
  .menu-toggle.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
  }

  .menu-toggle.active .bar:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
	#primary-menu li a {
        padding: 15px;
        display: block;
		font-size: 14px;border-bottom: 1px solid #c4c4c4;}
	.footer{ padding:30px 10px;}
#primary-menu li ul {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
}
	.arrow-down{ float:right;}
	.sub-menu {
    display: none;
  }

  .sub-menu.open {
    display: block!important;
  }

  .arrow-down {
    cursor: pointer;
    display: inline-block;
  }
	.arrow-down.active img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.years-box-main {
    width: 132px;
    left: -30px;
}
}
@media (max-width:767px) {
.top-bar {display: block;}
.google-stars {justify-content: center;}
.booking-list ul li {width: 100%;}
.copy-txt-main-box {flex-wrap: wrap;}
.copy-txt-main-box .icon{width:7%;}
.copy-txt-main-box .copy-txt-box{width:89%;}
.footer-nav-box {display: block;}
.slick-next {left: 42%;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width: 100%;}
.blinds-range .woocommerce ul.products li.product {margin: 0 auto 15px;}
	.wc-blinds-slider .slick-next,.fitting-slider .slick-next {
    bottom: -62px;
    left: 43%;
}
.wc-blinds-slider .slick-prev,.fitting-slider .slick-prev {
	bottom: -62px;
	left: 55%;
}
.wpcf7-form .col-4 {
    float: none;
    width: 100%;
    margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item {
    float: none;
    width: 100%;
    margin: 0;
}
.copy-right-box .flex-box {display: block;}
	.copy-right-box {
    padding: 10px 0;
    margin: 30px 0 0;
}
.site-footer {
    margin-top: 30px;
    padding: 20px 0 0;
}
.footer-nav-box h3 {margin: 20px 0 10px;}
.years-box-main {width: 99px;}
.years-box {
    padding: 18px 16px;
    font-size: 12px;
    line-height: 13px;
}
.years-box h3 {
    margin: 0 0 5px;
    font-size: 36px;
    line-height: 32px;
}
}