/*
Theme Name: Bridal Store
Theme URI: https://www.titanthemes.net/products/bridal-store
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Bridal Store theme is a gracefully crafted and intuitive template designed for bridal boutiques, wedding planners, wedding vendors, wedding photographers, bridal gown designers, wedding dress stores, groom’s wear shops, event coordinators, wedding florists, bridal makeup artists, wedding caterers, destination wedding planners, and wedding-related service providers. Its elegant, fully responsive, and mobile-friendly layout is ideal for showcasing bridal gowns, bridesmaid dresses, accessories, engagement rings, wedding jewelry, tuxedos, and bridal collections with style and sophistication. Perfect for businesses offering wedding planning services, venue booking, invitation design, wedding décor, and entertainment services, this theme makes online presentation seamless and visually captivating. With built-in WooCommerce plugin integration, you can easily create an online boutique or service catalog to manage products, bookings, and payments. The theme emphasizes visual storytelling with features like full-width banners, product sliders, image carousels, video backgrounds, portfolio showcases, and client testimonials—creating a romantic and immersive experience for every visitor. Flexible layout options let you highlight wedding inspiration boards, floral arrangements, bridal accessories, and hair and makeup services effortlessly. Translation-ready functionality, SEO-optimized code, fast load times, and clean architecture ensure a high-performing and globally accessible site. Whether you’re launching a vendor directory, a bridal fashion portfolio, a wedding blog, or a save-the-date landing page, this theme provides all the tools needed to create a luxurious, engaging, and conversion-friendly website for couples and wedding businesses alike. Demo: https://preview.titanthemes.net/bridal-store/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: bridal-store
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,, food-and-drink, photography, entertainment
*/

.slider-slide {
  display: none;
}
.slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
  position: absolute;
  align-items: center;
  gap:10px;
  bottom: 30px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
}
.custom-slider,.slider-main-box{
  position: relative;
}
.dot {
  width: 12px;
  height: 12px;
  background: #ffffff;
  margin:0px !important;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}
.meta-post{
  text-align: left !important;
}
.dot.active {
  background: #ffffff;
  position: relative;
  z-index: 9;
}
.dot.active:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  left: -4px;
  right: 0px;
  padding: 3px;
  border-radius: 30px;
  top: -4px;
  content: "";
  z-index: 0;
}

.slider-prev img,
.slider-next img {
  width: 60px;
  height: auto;
  border-radius: 6px;
  opacity: 0.8;
}
.slider-nav {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.slider-controls {
  width: 95% !important;
  max-width: 95% !important;
}
.slider-prev a {
  background: transparent !important;
  font-family: sans-serif;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: white;
  color: #ffffff00 !important;
  text-transform: capitalize;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  background: transparent !important;
}
.slider-next{
  justify-content: right !important;
  text-align: right !important;
  display: flex !important;
}
.prev-slide-btn, .next-slide-btn {
  text-align: center;
  width: 142px;
  height: 142px;
  font-weight: bold;
  border-radius: 12px;
  padding: 10px;
  border: none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center !important;
  align-items: center;
  cursor: pointer;
}
.slide-item {
  display: none;
  position: relative;
}
.slider-content-box{
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  margin:0 auto;
  text-align: center;
  transform: translateY(100%);
}
.slider-social-box ul li{
  background-color: transparent !important;
}
.slider-social-box ul li:hover{
  background-color: var(--wp--preset--color--primary) !important;
}
.slider-social-box ul li a{
  border-radius: 30px !important;
  border: 1px solid #fff !important;
}
.slider-social-box ul li:hover a{
  border: 1px solid var(--wp--preset--color--primary) !important;
}
.short-heading-banner{
  display: inline-block;
}
.gallery-section figure,.gallery-section img{
  width: 100% !important;
  height: 325px !important;
  max-width: 100% !important;
}
.gallery-section img{
  width: 100% !important;
  max-width: 100% !important;
  height: 325px !important;
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}

.animations-show-item{
  opacity: 1;
  transform: translateY(0px);

}
.home .header-box-upper{
  position: absolute;
  left: 0px;
  background: transparent !important;
  width: 100%;
  z-index: 1;
}
.banner-image-wrap {
  position: relative;
}
.customer-sec {
  display: inline-flex !important;
  background: transparent linear-gradient(107deg, #FFFEEF 0%, #FCD6BE 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #F1F1F1;
  border-radius: 10px;
  backdrop-filter: blur(30px);
  gap: 10px;
  position: absolute;
  top: 15%;
  left: 15%;
}
.banner-section{
  position: relative;
}

.services-box{
  text-align: center;
}
.gallery-section{
  text-align: center;
}
.award-box {
  position: absolute;
  bottom: -5%;
  right: 0px;
  left: 0px;
  width: 145px;
  margin: 0 auto;
}
.about-left {
  position: relative;
}
.about-left-image-1 img {
  width: 100%;
  height: 250px !important;
}
.about-left-image-2 img {
  width: 70%;
  height: 150px !important;
}
.about-left-image-2{
  width: 100%;
  text-align: end;
}
.about-right-box{
  position: relative;
}
.about-left-image-3 img {
  width: 100%;
  height: 300px !important;
}

.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
.service-inner-box{
  position: relative;
}
.destination-box{
  position: relative;
}
.destination-content {
  position: absolute;
  width: 100%;
  left: 0px;
  z-index: 2;
  bottom: 30px;
}
.destination-box .place-image, .destination-box .place-image img {
  width: 100% !important;
  object-fit: cover;
}
.service-inner-box .place-image, .service-inner-box .place-image img,
.blog-post .place-image, .blog-post .place-image img {
  width: 100% !important;
  object-fit: cover;
  vertical-align: bottom;
}
.destination-box:after{
  background: #000;
  content: "";
  width:100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  opacity: 0.2;
  position: absolute;
  border-radius: 20px;
}
.destination-box .wp-block-image img {
  vertical-align: bottom;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
.sale-button {
  position: absolute;
  left: 0px;
  top: 1%;
  padding: 4px 10px !important;
}
.menu-box nav ul li a:hover{
  background: var(--wp--preset--color--primary) !important;
  padding: 0px 10px;
  border-radius: 4px;
}
.menu-box nav ul li a{
  padding: 0px 10px;
  text-decoration: none;
}
.header-box-middle,.menu-box{
  position: relative;
}
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;
}
.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: #0E2646;
  padding: 10px;
}
.banner-cover .wp-block-cover__inner-container{
  padding:0px;
}
.head-menu-box ul li a {
  padding: 10px;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.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: #000000;
  }
  
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .slider-nav{
    display: none;
  }
  .icon-box{
    text-align: center;
  }
  .social-gap{
    gap:10px !important;
    margin-bottom: 10px !important;
  }
  .about-left-image-3 img,.about-left-image-2 img,.about-left-image-1 img{
    width: 100% !important;
    height: 300px !important;
    object-fit: cover;
  }
  .social-gap .wp-block-social-links{
    gap:10px !important;
  }
  .slide-item .animations-hidden-item {
    transform: translateY(-50%) !important;
    transition: all 1s;
  }
  .custom-slider{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
  }
  .slide-item{
    margin-top: 0px !important;
  }
  .place-image img{
    width: 100% !important;
    object-fit: cover !important;
  }
  .social-gap {
    justify-content: center;
  }
  .home .header-box-upper{
    position: relative;
    background: #101114 !important;
  }
  .banner-content h2, .banner-content p, .banner-content .wp-block-buttons{
    text-align: center;
  }
  .tour-box {
    max-width: 90% !important;
  }
  .place-image img,.tour-box img{
    object-fit: cover
  }
  .about-content{
    padding-left: 0px !important;
    text-align: center;
    margin-top: 30px !important;
  }
  .blog-content h4,.blog-content p{
    text-align: center !important;
  }
  .blog-content p{
    font-size: 13px !important;
  }
  .small-image {
    width: 100%;
  }
  .about-btn {
    justify-content: center;
  }
  .meta-post p{
    text-align: center !important;
  }
  
  .banner-image-wrap{
    text-align: center;
  }
  .service-inner-box h4,.service-inner-box p{
    text-align: center !important;
  }
  .banner-content h2{
    font-size: 30px !important;
  }
  .customer-sec {
    position: relative;
    top: 15%;
    left: 0%;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .header-box-upper{
    position: relative;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
  .banner-content .wp-block-buttons{
    justify-content: center !important;
  }
  .banner-content{
    position: relative;
    top: 0px;
    left: 0px;
    padding: 20px 0px;
    transform: none;
  }
}
 
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .tour-box{
    max-width: 95% !important;
    gap:10px;
  }
  .gallery-section img {
    width: 100% !important;
    max-width: 100% !important;
    height: 165px !important;
  }
  .gallery-section figure, .gallery-section img {
    width: 100% !important;
    height: 165px !important;
    max-width: 100% !important;
  }
  .is-about-boxs {
    flex-basis: 82% !important;
  }
  .about-left-image-1 img,.about-left-image-3 img,.about-left-image-2 img{
    object-fit: cover;
  }
  .menu-box ul {
    gap:8px;
  }
  .menu-box ul li a {
    font-size: 12px !important;
  }
  .menu-box nav ul li a {
    padding: 0px 8px;
  }
  .meta-box-slider{
    max-width: 95% !important;
  }
  .social-gap ul {
    gap:10px;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
  .about-content{
    padding-left: 0px !important
  }
  .about-small-image {
    flex-basis: 18% !important;
  }
  .banner-heading {
    font-size: 25px !important;
  }
  .meta-post,.team-box{
    display: block !important;
    text-align: center;
  }
  .meta-post p{
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .service-inner-box h4 {
    font-size: 15px !important;
  }
  .banner-content{
    position: relative;
    transform: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    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: 1201px) and (max-width: 1500px) {
  .meta-post{
    gap:0px;
  }
  .meta-post p{
    font-size: 13px !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;
}