/*
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 tailored for professionals in the home entertainment, home cinema, and audio-visual industry. This theme is perfect for showcasing high-performance theater systems, immersive surround sound setups, smart home automation, acoustic design, and media room installations, providing a visually captivating platform to attract potential clients. Ideal for AV specialists, electronics retailers, sound system experts, interior designers, audio technicians, smart home consultants, and home theater installation companies, it elegantly highlights premium AV components like speakers, amplifiers, projectors, soundbars, subwoofers, receivers, LED screens, and voice-controlled home systems. With an emphasis on aesthetics and performance, the theme is fully responsive, retina-ready, and SEO-optimized for optimal functionality across all devices. It allows you to showcase services such as installation packages, acoustic treatment, calibration, lighting automation, and entertainment furniture setups, while also featuring engaging galleries, product sliders, video showcases, testimonial sections, and call-to-action (CTA) areas to enhance customer interaction and conversions. Additionally, 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 boosting customer engagement. With its translation-ready functionality, secure and optimized code, and fast loading speed, it ensures an exceptional user experience. Whether you’re building a home theater business website, selling entertainment systems, or offering smart home installation services, this theme combines luxury aesthetics with high-end functionality to create a powerful, professional, and conversion-driven digital presence centered around your video showcase needs.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 2.8
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;
  }
}*/

/* 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;
  }
}