/*
Theme Name: Home Theatre
Theme URI: https://www.titanthemes.net/products/home-theatre-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Home Theatre theme is a sleek, modern, and highly customizable solution designed for professionals in the home entertainment, home cinema, and audio-visual industry. Ideal for showcasing high-performance theater systems, immersive surround sound setups, smart home automation, acoustic design, and media room installations, this theme offers a visually captivating platform to attract potential clients. Perfect for AV specialists, electronics retailers, sound system experts, interior designers, audio technicians, smart home consultants, and home theater installation companies, it beautifully highlights premium AV components such as speakers, amplifiers, projectors, soundbars, subwoofers, receivers, LED screens, and voice-controlled home systems. Built with aesthetics and performance in mind, it’s fully responsive, retina-ready, and SEO-optimized to ensure top performance across all devices. The theme allows you to showcase services including installation packages, acoustic treatment, calibration, lighting automation, and entertainment furniture setups. Featuring engaging galleries, product sliders, video showcases, testimonial sections, and call-to-action (CTA) areas, it enhances customer interaction and conversions. The Home Theatre theme integrates seamlessly with WooCommerce, Contact Form 7, and YITH WooCommerce Wishlist plugins for selling AV equipment, booking consultations, managing inquiries, and building customer engagement. With translation-ready functionality, secure and optimized code, and fast loading speed, it delivers an exceptional user experience. Designed for both beginners and professionals, it provides advanced customization controls, flexible layouts, and dynamic visual sections. Whether you’re building a home theater business website, selling entertainment systems, or offering smart home installation services, the Home Theatre theme combines luxury aesthetics with high-end functionality to create a powerful, professional, and conversion-driven digital presence.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: home-theatre
Tags: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready,, e-commerce, photography, portfolio
*/
footer.wp-block-template-part .photolancer-footer-list {
  gap: 15px;
}
.social-icon {
  gap: 0px;
}
.head-menu-box{
  border-bottom: 2px solid #ffffff;
}
.home .head-menu-box{
  border-bottom: 0;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.category-image {
  position: relative;
}
.cart-btn {
  position: absolute;
  bottom: 10%;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: Figtree;
  font-weight: 500;
}
.wp-block-woocommerce-customer-account a{
  display: flex;
  flex-direction: row-reverse;
}
.cat-heading {
  position: relative;
  display: inline-block;
  left: 0px;
}
.cat-heading:after{
  content: "";
  position: absolute;
  top: 20px;
  right: -40px;
  width: 30px;
  height: 7px;
  background: #ED9D18;
}
.banner-text4 {
  padding: 20px;
  right: 0;
  left: 0px;
  width: 20%;
  top: 9% !important;
}
.banner-area{
  gap:0px;
}
.blue-bg,.banner-area-text-box{
  position: relative;
}
.blue-bg img,.banner-area-text-box img {
  width: 100%;
  height: 100%;
  vertical-align: middle !important;
}
.left-product-box {
  border-radius: 18px 0px 0px 18px;
}
.product-main-box img{
  width: 100%;
}

.temp-box h2 span {
  color: #EA1044;
}
.button-right{
  gap:10px;
}
.temp-box h2 span.celcious {
  color: #2A2A2C;
  vertical-align: super;
  font-size: 13px;
}
.head-menu-box ul li a:hover {
  background: var(--wp--preset--color--secondary) !important;
  padding: 10px;
}
.raitng-box{
  gap:10px !important;
}
.banner-cover .wp-block-cover__inner-container{
  padding:0px;
}
.head-menu-box ul li a {
  padding: 10px;
}
.banner-text1, .banner-text2, .banner-text3, .banner-text4 {
  display: inline-block;
  padding: 10px 30px;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, .4);
  position: absolute;
  top: 13%;
  border-radius: 10px;
  right: 30%;
}
.banner-text3 {
  top: auto;
  left: 20%;
  right: 0;
  width: 20%;
  bottom: 3%;
  padding: 20px 10px;
}
.banner-text2 {
  top: auto;
  bottom: 5%;
  right: 7%;
  padding: 15px 25px;
}

.head-search-box .wc-block-product-categories select {
  background: transparent;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-right: 0;
  text-transform: capitalize;
  font-family: "Figtree", sans-serif;
  padding: 5px 0;
}
.header-middle-box .wc-block-product-categories__button {
  cursor: pointer;
}
.head-search-box .wc-block-product-categories__button {
  background: #f5f5f5;
  border: none;
  padding: 5px;
}
.head-search-box .wp-block-search__inside-wrapper,
.head-search-box input[type="search"]{
  border:none;
  padding-bottom: 0;
  padding-top: 0;
}
.head-search-box .wp-block-search__button{
  padding: 0;
}
.head-search-box input::placeholder{
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  color: #2A2A2C;
  font-weight: 400;
}
.head-search-box svg.search-icon{
  rotate: 260deg;
}
.head-search-box .wc-block-product-categories__button{
  background: #f5f5f5;
  border: none;
  padding: 5px;
}
.head-search-box .wc-block-product-categories.is-dropdown{
  gap: 5px;
}
.head-search-box .wc-block-product-categories select{
  background: transparent;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-right: 0;
  text-transform: capitalize;
  font-family: "Figtree", sans-serif;
  padding: 5px 0;
}
.head-search-box svg.dashicon.dashicons-arrow-right-alt2 {
  height: 15px;
  width: 13px;
  color: #000;
}
.translator-box  .gt_selector{
  background: transparent !important;
  border: none !important;
  color: #ffffff;
  padding-left: 5px;
  width: 95px;
  text-transform: uppercase;
}
.translator-box  .gtranslate_wrapper{
  position: relative;
}
.translator-box  .gt_selector option{
  color: #000000;
}
.chosen-container-single .chosen-single {
  background: transparent !important;
  color: #fff !important;
  border: 0px !important;
  box-shadow: none !important;
}
form.woocommerce-currency-switcher-form.woocs_show_flags {
  height: 30px;
}
.woocommerce-currency-switcher-form.woocs_show_flags br{
  display: none;
}
.left-product-box h3:after {
  display: inline-block;
  content: "";
  border-top: 5px solid #C5001A;
  width: 8%;
  margin: -4px 20px;
  transform: translateY(-10px);
}
.left-product-box h3{
  position: relative;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #ffffff;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
    padding: 0px;
    margin: 10px 0px;
  }
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #ffffff;
  }
  
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .middle-header-column{
    max-width: 95% !important;
  }
  .raitng-box{
    justify-content: center !important;
  }
  .header-icon-box .wp-block-image img {
    vertical-align: middle;
  }
  .banner-cover img.wp-block-cover__image-background{
    display: none;
  }
  .banner-cover {
    background: #afb1b6 !important;
  }
  .blue-bg figure{
    margin-left: 0px !important;
  }
  .banner-content h2,.banner-content p,.banner-content .wp-block-buttons{
    max-width: 100% !important;
  }
  .banner-content .wp-block-buttons{
    justify-content: center !important;
  }
  .shortcode-box{
    justify-content: center !important;
  }
  .header-icon-box{
    justify-content: center;
  }
  .cat-heading:after {
    top: 13px;
    height: 4px;
  }
  .head-search-box .wc-block-product-categories.is-dropdown{
    justify-content: center;
  }
  .head-logo-box{
    text-align: center;
  }
  .search-inner{
    border-left: 0px;
    padding-left: 0px !important;
    margin-top: 10px !important;
  }
  .head-menu-box ul{
    justify-content: center;
  }
  .header-icon-box{
    gap:8px;
  }
  .banner-text1 {
    left: 12px;
  }
  .banner-text3{
    width: 47%;
    left: 4%;
  }
  .product-main-box{
    padding-right: 0px !important;
  }
  .left-product-box {
    border-radius: 18px 18px 0px 0px;
    text-align: center;
  }
  .product-main-box h3,.product-main-box p{
    text-align: center;
  }
  .deal-main-box{
    border: 0px;
  }
  .deals-btn{
    justify-content: center;
  }
  .banner-text4 {
    width: 46%;
    top: 9% !important;
    left: 10px;
  }
  .banner-text1, .banner-text2, .banner-text3, .banner-text4{
    position: relative;
  }
  .banner-text2 {
    right: -3%;
    padding: 15px 20px;
  }
  .head-menu-box nav{
    justify-content: center !important;
  }
  .left-bg-image{
    display: none;
  }
  .banner-area-text-box{
    text-align: center !important;
  }
  .banner-btn-box{
    justify-content: center !important;
    display: flex;
  }
  .banner-content{
    position: relative;
    top: 0px;
    left: 0px;
    padding: 20px 0px;
    transform: none;
  }
  .icon-box figure{
    margin-left: 0em !important;
  }
  .icon-box {
    display: flex;
    justify-content: center;
    left: 0px;
    right: 0px;
    margin:0 auto;
  }
  .button-right{
    text-align: center !important;
    justify-content: center !important;
  }
  .dummy-box {
    justify-content: center;
    display: flex;
  }
  .top-text-box p{
    text-align: center !important;
  }
  .slider-banner .wp-block-buttons {
    justify-content: center;
  }
  .banner-box-1 .box-1row {
    gap: 10px;
    align-items: center !important;
    display: flex !important;
    width: 100%;
    flex-direction: column !important;
  }
  .banner-box-1 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 50% !important;
  }
  .banner-box-2 .wp-block-column.is-vertically-aligned-center{
    flex-basis: 45% !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .left-bg-image{
    display: none;
  }
  .header-icon-box {
    gap: 5px;
  }
  .raitng-box img{
    width: auto;
  }
  .header-icon-box .wp-block-image img {
    vertical-align: middle;
  }
  .banner-cover{
    min-height: 360px !important;
  }
  .head-search-box,.head-icons {
    flex-basis: 40% !important;
  }
  .banner-area{
    position: relative;
  }
  .top-header-box {
    gap: 5px;
    padding: 0px 10px !important;
    max-width: 100%;
  }
  .social-row {
    gap:5px;
  }
  .dummy-box{
    flex-basis: 28% !important;
  }
  .banner-content{
    position: relative;
    transform: none;
  }
  .banner-main-heading{
    font-size: 20px !important;
  }
  .banner-btn-box a{
    padding-right: 10px !important;
    padding-left: 15px !important
  }
  .cart-btn{
    justify-content: center;
  }
  .blue-bg img.wp-image-51 {
    height: 450px;
    object-fit: cover;
  }
  .banner-text4 {
    width: 40%;
  }
  .banner-text1, .banner-text2, .banner-text3, .banner-text4 {
    right: 6%;
  }
  .deal-main-box{
    max-width: 95% !important;
  }
  .left-product-box p{
    margin-top: 10px !important;
  }
  .theme-btn{
    font-size: 12px !important;
  }
  .theme-btn a{
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .banner-text3 {
    left: 8%;
    width: 35%;
  }
  .banner-btn-box{
    flex-basis: 72% !important;
  }
  .middle-header-column{
    max-width: 100%;
    gap: 5px;
    padding: 0px 10px !important;
  }
  .top-text-box{
    flex-basis: 42% !important;
  }
  .translator-box{
    flex-basis: 30% !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #ffffff;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 991px) {
  .deal-main-box {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
}
/*@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .dummy-box{
    flex-basis: 20% !important;
  }
  .top-text-box{
    flex-basis: 70% !important;
  }
  .translator-box{
    flex-basis: 10% !important;
  }
}*/
/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}