/*
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 WordPress Theme is a gracefully crafted and intuitive template designed for bridal boutiques, wedding planners, and wedding-related service providers. Its elegant, fully responsive layout is ideal for showcasing bridal gowns, accessories, bridesmaid dresses, and groom’s wear with style and sophistication. Perfect for businesses offering wedding planning, photography, makeup, catering, or destination weddings, this theme makes online presentation seamless. With built-in WooCommerce integration, you can easily set up an online store or service catalog. The theme emphasizes visual storytelling with features like full-width banners, image carousels, video backgrounds, and client testimonials—creating a romantic and immersive experience for every visitor. Flexible layout options let you highlight venues, inspiration boards, hair and makeup services, florals, and entertainment with ease. Whether you're launching a vendor directory, a wedding blog, or a save-the-date landing page, this theme offers all the tools you need to create a beautiful, engaging, and conversion-friendly website.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.4
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: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, 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;
}