/*.......global css start.....*/
body{font-family: "Montserrat", serif; position: relative;}
.playfiar{font-family: "Playfair Display", serif;}
.main-wrapper{width: 100%; max-width: 960px; margin: 0 auto;}
img{vertical-align: top; max-width: 100%;}
.navbar-toggler:focus {outline: 0;box-shadow: none;}
.form-select:focus{box-shadow: none;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border:none !important; box-shadow: none;}
.common-heading{font-size: 50px; line-height:66px; color: #000000; font-weight: normal;font-family: "Playfair Display", serif; text-transform: capitalize; text-align: center;}
.common-para{font-size:12px; line-height:18px; color: #000000; font-weight: 500; text-align: center;}
.container-xl, .container-lg, .container-md, .container-sm, .container{max-width: 960px;}
section{margin: 50px 0px;}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible{box-shadow: none;}
/*.......global css end.....*/


/*.......header start.....*/
header .dropdown{position: static !important;}
header .navbar-nav .dropdown-menu.show {transform: translateX(0px);display: inherit;}
.bg-dark {background-color: #000 !important;}
header .navbar-expand-lg .navbar-nav .nav-link{font-size: 14px; color: #fff; margin: 0px 0px 0px 50px; padding: 0px;}
.navbar-brand{margin: 0px; padding: 0px;}
header .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{background-color: #fff; color: #000; padding: 10px 15px; margin-left: 50px;}
header .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link:hover {background: #eee;}
header .navbar-expand-lg .navbar-nav .nav-link:hover {color: #bdb9b9;}
.dropdown-item:hover, .dropdown-item:focus {background-color: transparent;color: #fff;text-decoration:none;border-color: #fff;}
/*.......header end.....*/

/*......home banner start.....*/
section.main-banner {position: relative; margin-top:0px;}
.main-banner img{width: 100%; height: auto;}   
.banner-content {width: 50%;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);padding: 0 50px;box-sizing: border-box;}
.main-banner .common-heading{color: #fff; margin-bottom: 20px;}
.main-banner figure{margin: 0px;}
.main-banner .common-para{color: #fff;}
.button-sec{display: flex; align-items: center; gap: 30px; justify-content: center; margin:20px 0px 0px;}
.button-sec a.collection{background-color: #FFFFFF; font-size: 12px; text-transform: uppercase; color: #000; text-decoration: none; padding:15px 25px;}
.button-sec a.collection:hover{background-color: #000; color: #fff;}
.button-sec a.appointment{background-color: transparent; font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none; padding:15px 25px; border:1px solid #fff}
.button-sec a.appointment:hover{background-color: #000; border-color: #000;}
/*......home banner end.....*/



/*......bridal section start.....*/
.bridal-section{position: relative;}
.bridal-section-wrapper{margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: 100%; max-width: calc(100% - 100px); margin:50px auto auto;}
.bridal-col{width: calc(33.33% - 10px); position: relative; margin-bottom: 10px;}
.bridal-col figure{margin: 0px;}
.bridal-col img{width: 100%; height: auto;}
.bridal-col-wrapper{position: absolute; top:0px; left:0px; padding: 40px; box-sizing: border-box;}
.bridal-col-wrapper h2{font-size: 35px; line-height:30px; color: #fff; margin: 0px;font-family: "Playfair Display", serif; text-transform: uppercase; font-weight: 400;}
.bridal-col-wrapper a{font-size: 15px; line-height: normal; color: #fff; margin:10px 0px 0px; text-decoration: none; display: inline-block;}
.bridal-col-wrapper a:hover{color: #fff;}
/*......bridal section start.....*/


/*......stories section start.....*/
.stories{background-color: #000; padding: 50px 0px 50px;margin-bottom: 0px; border-bottom: 1px solid #fff;}
.stories img{max-width: 100%;}
.stories .main-wrapper{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.stories-wapper{width: calc(33.33% - 10px); position: relative; margin-bottom: 10px;}
.stories .main-wrapper img{width: 100%; height: auto;}
.stories-wapper .date-info{padding-top: 10px; display: flex; justify-content: space-between; gap:15px;}
.stories-wapper .date-info span{font-size: 12px; color: #fff; font-weight: normal;}
.stories-wapper .story-title{font-size: 14px; font-weight: 300; line-height: normal; color: #fff;}
.stories-wapper .story-title a{text-decoration: none; color: #fff;font-size: 14px; font-weight: 300; line-height: normal; text-transform: uppercase;}
.stories-wapper .story-title a:hover{text-decoration: underline;}
.stories .common-heading{color: #fff; margin-bottom: 20px;}
/*......stories section end.......*/


/*......footer section start.......*/
.footer{padding: 50px 0px; background-color: #fff; color: #fff; background-image: url(https://champerycouture.com/wp-content/uploads/2026/03/background.jpeg);}
.footer .col-heading{letter-spacing: 1.23px; font-size: 12px; color: #fff; text-transform: uppercase; padding-bottom: 20px;}
.footer p{font-size: 12px; margin: 0px; line-height: 20px;}
.footer ul{margin: 0px; padding: 0px;}
.footer ul li{list-style: none; line-height: 24px;}
.footer ul li a{color: #fff; text-decoration: none; color: #fff; font-size: 12px;}
.footer ul li a:hover{color: #bdb9b9;}
.footer form {margin-top: 15px;}
.footer .contact-sec .form-control{background: transparent;border-radius: 0px;border:none; color: #fff; font-size: 14px;}
.footer .contact-sec .mb-3{border: 1px solid #fff;position: relative;display: flex;align-items: center;}
.form-control:focus{box-shadow: none;}
.footer .contact-sec .btn-primary{background: transparent; border:none; box-shadow: none;}
.footer .contact-sec .btn-primary
.footer .form-control:focus{background: transparent;}
.footer .form-label {margin-bottom: 10px;font-size: 12px;}   
.footer .form-control::placeholder{color: #fff; font-size: 12px; opacity: 1;}   
.footer ul.social-icons {display: flex;align-items: center;margin-top: 60px;gap: 20px;}  
.footer ul.social-icons li a{font-size: 20px;}
/*......footer section end..........*/


/*....list page start....*/
section.list-section {width: 100%;max-width: 920px;margin:50px auto;}
.category-title{font-size: 48px; color: #000; font-weight: normal; text-transform:uppercase;font-family: "Playfair Display", serif;}
.top-info {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.top-info p{max-width: 612px; font-size: 14px; line-height: 18px; color: #000;}
.top-info .btn-outline-primary {font-size: 12px;color: #BBBDC0;border-color: #BBBDC0;border-radius: 0px;padding: 10px 15px;height: auto;line-height: normal;min-height: inherit;cursor: pointer;}
.top-info .btn-outline-primary:hover{background-color: #000;border-color: #000;color: #fff;}
.product-wrapper{width: 100%; position: relative;}
.product-wrapper img{width: 100%; height: auto;}
.product-dtls {position: absolute;left: 20px;bottom: 20px;opacity: 0;font-size: 14px;color: #000;}
.product-wrapper:hover .product-dtls {opacity: 1;}
.list-product-wrapper{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 5px; margin: 25px 0px;}
ul.pagination {display: flex;justify-content: flex-end;margin-bottom: 0px;}
.list-bottom p{margin-bottom: 0px; font-size: 14px; line-height: 18px; color: #000;}
.page-link {background: #eee;border: none;margin: 0 3px;font-size: 14px;color: #BBBDC0;padding: 10px 20px;}
.page-link:hover{background-color: #000; color: #fff;}
a.page-link.current {border-top: 1px solid #000;}
.page-item:first-child .page-link, .page-item:last-child .page-link{border-radius: 0px;}
/*....list page end....*/


/*....product page start....*/
.product-page img{max-width: 100%;}
.product-info-main {width: 100%;max-width: 371px;}
.product-category {display: flex;align-items: center;justify-content: space-between;}
span.product-category-title{font-size: 12px; color: #000; font-weight: normal;}
span.wishlist {color: #BBBDC0;font-size: 14px;}
span.wishlist a{color: #BBBDC0;font-size: 14px;}
span.wishlist a:hover{color: #000;}
.main-product-title{font-size: 35px; line-height: 47px; font-weight: 300; color: #000;font-family: "Playfair Display", serif;}
.main-product-price{font-size: 12px; color: #000; font-weight: normal;}
.product-info {margin: 30px 0px;}
.product-info .nav-tabs .nav-link.active, .product-info .nav-tabs .nav-item.show .nav-link{border:none; color: #000;}
.product-info .nav-tabs .nav-link{font-size: 12px; letter-spacing: 1.22px; text-transform:uppercase; color: #92979B; padding: 0px; margin-right: 30px; border:none !important;}
.product-info .tab-content > .active{border:none; padding: 0px;}
.product-info .nav-tabs{border:none;}
.product-info .tab-content br {display: none;}

.product-info .tab-content {padding-top: 10px;  font-size: 12px;line-height: 20px;}
.size-guide {display: flex;justify-content: flex-end;align-items: center;gap: 10px;font-size: 14px;color: #000;}
.size-guide span img {width: 27px;height: auto;}  
.select-wrapper {display: flex;align-items: center;margin: 10px 0px;}
.select-wrapper {display: flex;align-items: center;margin-bottom: 20px;border: 1px solid #EEEEEE;padding:10px 15px;box-sizing: border-box; position: relative;}
.select-wrapper .form-select{border:none; font-size: 14px; color:#92979B; cursor: pointer;}
.product-page .form-select{border:none; font-size: 14px; color:#92979B; cursor: pointer; background-image:url(../images/down-arrow.png); background-size: 8px 6px;}

.select-caption {font-size: 14px;color: #000;width: 100%;}
.select-caption.select-size {width: 120px;}
.select-caption.select-train {width: 235px;}
button.btn.btn-primary.add-to-cart {border-radius: 0px;width: 100%;background: #EEEEEE;border: none;color: #000;font-size: 16px;letter-spacing: 0.16px;padding: 10px 15px;}
button.btn.btn-primary.add-to-cart:hover{background-color: #000; color:#fff;}
.delivery-time {margin-top: 20px;display: flex;align-items: center;gap:7px;font-size: 14px;color: #000;font-weight: normal;}
.delivery-time span{background-color: #92979B; border-radius: 50%; width: 6px; height: 6px;}
p.need-help {display: flex;align-items: center;font-size: 12px;color: #000;gap: 5px;flex-wrap: wrap;}
p.need-help a{ font-size: 12px;color: #000; text-decoration:underline;}
ul.common-links {margin: 0px;padding: 0px;}
ul.common-links li{list-style:none;}    
ul.common-links li a{font-size: 14px; color: #000; letter-spacing: 0.5px; text-decoration: none;}
ul.common-links li a:hover{text-decoration: underline;}
    

.you-may-like .nav-tabs .nav-link.active, .you-may-like .nav-tabs .nav-item.show .nav-link{border:none; color: #000;}
.you-may-like .nav-tabs .nav-link{    font-size: 20px;
    text-transform: capitalize; letter-spacing: 1.22px; font-family: "Playfair Display", serif;  color: #92979B; padding: 0px; border:none !important; background: transparent; margin: 0 15px;}
.you-may-like .tab-content > .active{border:none; padding: 0px;}
.you-may-like .nav-tabs{border:none; width: 100%; justify-content: center; margin-bottom: 30px;}
.you-may-like .tab-content br {display: none;}
section.you-may-like {padding: 50px 0px;background: #EEEEEE;margin-bottom: 0px;}
section.you-may-like .tab-content > .active {display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap: 5px;}
.image-wrap img {width: 100%;height: auto;}
/*....product page end....*/


/*...stocklist page start....*/
.stockist{background-color: #000; padding: 50px 0px; margin: 0px; border-top:1px solid #fff; border-bottom: 1px solid #fff;}
.stockist .container{max-width: 1210px;}
.stockist .common-heading{color: #fff; margin-bottom: 50px;}
.countery-outer{width: 100%;  max-width: 960px; margin: 50px auto;}
.countery-outer .countery-span{font-size: 14px; line-height: 22px; color:#92979B; font-weight: normal;}
.countery-filter{display:grid; gap: 10px; grid-template-columns: repeat(3, minmax(0px, 1fr))}
.countery-filter .btn-primary{border-radius: 0px; border: 1px solid #fff; background-color: #000; color: #fff; font-size: 14px; line-height: 14px; font-weight: normal; padding: 15px; width: 100%;}
.countery-filter .btn-primary:hover{background-color: #fff; color: #000;}
.countery-filter .select-caption.select-size {font-size: 14px;color: #fff;width: 260px;}
.countery-filter .select-wrapper {margin: 0px; position: relative;}
.countery-filter .select-wrapper::after {content: "\f0d7";font-family: fontawesome;color: #fff;font-size: 12px;position: absolute;right: 26px;opacity: 0.5;z-index: 1;}
.countery-filter .select-wrapper .form-select {border: none;font-size: 14px;color: #92979B;cursor: pointer;background: transparent;position: relative;z-index: 99;}
.country-list{display:grid; gap: 10px; grid-template-columns: repeat(4, minmax(0px, 1fr)); margin: 30px 0px;}
.country-item {border: 1px solid #fff;color: #fff;padding: 15px;box-sizing: border-box;background: rgba(47, 47, 47, 0.76);}
.shop-name{font-size: 12px; line-height: 12px; color: #fff; text-transform: uppercase;}
.country-name {font-size: 14px;line-height: 22px;color: #fff;text-transform: capitalize;padding: 10px 0px;}
.selection {font-weight: 500;font-size: 12px;line-height: 12px;text-transform: uppercase;letter-spacing: 1.64px;padding: 10px 0px 10px;}
.store-location {display: flex;align-items: center;flex-wrap: wrap;gap: 20px;font-size: 14px;}
.email-store {font-size: 14px;line-height: 14px;}
.view-on-map a{display: flex;align-items: center;gap: 5px;text-decoration: none;color: #fff;}
.view-on-map a:hover{text-decoration: underline;}
.view-on-map a i{font-size: 12px; vertical-align: middle; opacity: 0.5;}


/*...become stocklist page start....*/
.become-stokist{background-color: #000; padding:0px 0px 100px; margin: 0px; border-top:1px solid #fff; border-bottom: 1px solid #fff;}
.become-stokist-img img{width: 100%; height:auto;}
.become-stokist-img{position: relative;}
.become-stokist-content {position: absolute;width: 100%;text-align: center;color: #fff;transform: translateY(-50%);top: 50%;}
.become-stokist-content .common-heading{margin: 0px; color: #fff;}
.looking-info{font-size: 12px; line-height: 18px; color: #fff; font-weight: 500; padding: 50px 0px; max-width: 710px; margin: 0 auto;}
form.stokist-form{max-width: 730px; margin: 0 auto;color: #fff; width: 100%;}
form.stokist-form p{margin: 0px; font-size: 14px; line-height: 21px; text-transform: uppercase; color:#92979B;}
form.stokist-form p span{text-transform: lowercase;}
form.stokist-form .form-label{font-size: 14px; line-height: 21px; text-transform: uppercase; color:#92979B;}
form.stokist-form .form-label span{text-transform: lowercase;}
form.stokist-form .form-control {border-radius: 0px;background: transparent;border: 0.5px solid #fff;color: #fff;font-size: 14px;height: 40px;}
form.stokist-form .btn-primary{font-size: 12px;border-radius: 0px;padding: 10px 15px;color: #000;background: #ffff; border:none;}

/*...lookbook page start....*/
.lookbook-page .common-heading{border-bottom: 1px solid #000; margin-bottom: 50px; padding-bottom: 50px;}
.lookbook-wrapper{display:grid; gap: 30px; grid-template-columns: repeat(2, minmax(0px, 1fr)); margin: 30px auto; width: 100%; max-width: 870px;}
.lookbook-wrapper figure{margin: 0px;}
.lookbook-wrapper figure img{width: 100%; height: auto;}

/*...contact page start....*/
.get-in-touch .common-heading{border-bottom: 1px solid #000;  padding-bottom: 50px; text-transform: uppercase;}  
.get-in-touch .sub-heading{font-size: 30px; line-height: 40px; color: #000; text-transform: uppercase; margin: 50px 0px 10px 0px; font-family: "Playfair Display", serif;}
.get-in-touch p{font-size: 12px; line-height: 24px; font-weight: 500; max-width: 390px;}
.get-in-touch ul{margin: 0px; padding: 10px 0px 0px;}
.get-in-touch li{list-style: none; font-size: 12px; line-height: 24px; font-weight: 500;}
.get-in-touch ul.social-icons {display: flex;margin-top: 10px;gap: 20px;}
.get-in-touch ul.social-icons li a{text-decoration: none; color: #000; font-size: 20px;}
.get-in-touch form.stokist-form .form-control {border-radius: 0px;background: transparent;border: 0.5px solid #000;color: #000;font-size: 14px;height: 40px;}
.get-in-touch form.stokist-form .form-label{color:rgba(47, 47, 47, 0.76)}
.get-in-touch form.stokist-form textarea.form-control, form.stokist-form textarea.form-control{height: auto;}
.get-in-touch form.stokist-form p{margin-top: 55px;}
.get-in-touch form.stokist-form .btn-primary {font-size: 12px;border-radius: 0px;padding: 10px 15px;color: #fff;background: #000;border: none;}
.get-in-touch form.stokist-form .btn-primary:hover{background-color: #333;}
.get-in-touch .container{max-width: 1210px;}
.get-in-touch form.stokist-form{max-width: inherit;}
.contact-map img {width: 100%;height: auto;}
.contact-map {margin-top: 50px;}

/*...faq page start....*/
.faq-page{background-color: #000;margin: 0px; color:#fff; border-top: 1px solid #fff;}
.faq-banner img{width: 100%; height: auto;}
.faq-wrapper{padding: 100px 0px; border-bottom: 1px solid #fff;}
.faq-page .container{max-width: 1210px;}
.faq-page .common-heading{color: #fff; text-align: left; font-size: 35px; line-height: 47px;}
.accordion-button::after {position: absolute; left: 0px; content: "\f0da"; font-family: fontawesome; background-image: none; color: #fff;}
.accordion-button:not(.collapsed)::after{background-image: none;   transform: rotate(90deg); margin-top: 10px; margin-left: -5px; font-size: 12px;}
.accordion-item {border-color: #fff;background: transparent;color: #fff;border: none;border-bottom: 1px solid #fff;}
.accordion-button{color: #fff; background: transparent; font-size: 14px; color: #EEEEEE;}
.accordion-button:not(.collapsed) {box-shadow: none;background: transparent;color: #fff;}
.accordion-body {padding-top: 0px; font-size: 14px; line-height: 24px;}
.accordion-item:last-of-type{border-radius: 0px;}

/*...t&c page start....*/
.terms-page{background-color: #000;margin: 0px; color:#fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.terms-banner img{width: 100%; height: auto;}
.terms-wrapper{padding: 100px 0px;}
.terms-page .container{max-width: 1210px;}
.terms-page .common-heading{color: #fff; text-align: left; font-size: 35px; line-height: 47px;}
.terms-wrapper h3{font-size: 15px; line-height: 20px; text-transform: uppercase;font-family: "Playfair Display", serif; color: #fff;}
.terms-wrapper p{font-size: 14px; line-height: 18px; color: #eee; max-width: 470px;margin: 0px 0px 25px;}
.terms-wrapper h3.mt-4 {margin-top: 50px !important;}

/*...login page start....*/
.login-page .common-heading{border-bottom: 1px solid #000; margin-bottom: 50px; padding-bottom: 50px; text-transform: uppercase;}
.login-wrapper{display:grid; gap: 30px; grid-template-columns: repeat(2, minmax(0px, 1fr)); margin: 30px auto; width: 100%; max-width: 870px;}
.login-wrapper figure{margin: 0px;}
.login-wrapper figure img{width: 100%; height: auto;}
.wholesale h3{font-size: 30px; line-height: 48px; color: #000;text-transform: uppercase;font-family: "Playfair Display", serif; }
.wholesale .form-label{color: rgba(47, 47, 47, 0.76); font-size: 14px; line-height: 21px;}
.wholesale .form-control{max-width: 260px; border-color: #000; border-width: 0.5px; border-radius: 0px;}
.wholesale .form-check-input[type=checkbox] {border-color: #000;}
.wholesale .form-text {max-width: 375px; font-size: 14px; line-height: 21px; color:#666666; margin: 20px 0px 10px;}
.wholesale label {display: inline-block;font-size: 14px;line-height: 21px;color: #666;font-weight: normal;}
.wholesale .btn-primary{border-radius: 0px;background: #000;font-size: 12px;line-height: 12px;padding: 15px;border: none;}
.wholesale .btn-primary:hover{background-color: #333;}
p.lost-password {margin:20px 0px 0px;}
p.lost-password a{font-size: 14px; line-height: 22px; color: #666666;}
p.lost-password a:hover{color: #000;}


/*...media page start....*/
.media-page .container{max-width: 1100px;}
.media-page .filter-sec{text-align: center;}
.media-page{margin-bottom: 50px;}
.media-page .filter-sec h1{letter-spacing: 1px; font-size: 50px; line-height: 48px; font-weight: normal; color: #000; text-transform: uppercase;font-family: "Playfair Display", serif;}
.media-page .filter-sec p {font-size: 14px;line-height: 24px;width: 100%;max-width: 9000px;margin: 30px auto;}
.media-filter {width: 100%;display: flex;justify-content: space-between;margin-bottom: 50px; flex-wrap: wrap;}
.media-page .media-filter .post-categories a{font-size: 14px; letter-spacing: 0.17px; text-transform: uppercase; border:1px solid #000; color: #000; text-decoration: none;
display: inline-block; padding:6px 20px; margin-right:15px;}
.media-page .media-filter .post-categories a:hover{background-color: #000; color: #fff;}
.media-page .media-filter .post-categories a.active{background-color: #000; color: #fff;}

.media-page .media-filter select{font-size: 14px; letter-spacing: 0.17px; text-transform: uppercase; border:1px solid #808080; color: #000; text-decoration: none;display: inline-block; padding:6px 20px 6px 10px; color: #808080; text-transform: capitalize;}
.media-page .media-filter label.label{font-size: 14px;  padding-right: 5px; color: #808080;}

.stories-wrapper{width: 100%; position: relative; margin-bottom: 30px;}
.stories-wrapper img{width: 100%; height: auto;}
.stories-wrapper a.blog-category {position: absolute;top: 20px;left: 20px;background-color: #000; color: #fff;font-size: 14px; letter-spacing: 0.17px; text-transform: uppercase;display: inline-block; padding:6px 20px; text-decoration: none;}
.stories-wrapper .date-info {margin: 10px 0px;font-size: 14px;font-weight: normal;color: #969696;}
.stories-wrapper .story-title a{font-size: 34px; line-height: 46px; color: #000000; font-weight: normal; text-decoration: none;font-family: "Playfair Display", serif;}
.stories-wrapper .story-title a:hover{color: #333;}
.stories-wrapper .story-des{font-size: 14px; line-height: 20px; color: #737373; margin: 10px 0px;}
.stories-wrapper .author {display: flex;align-items: center;flex-wrap: wrap;}
.stories-wrapper .author span.author-img{margin-right: 10px;}
.stories-wrapper .author span.author-img img{max-width: 40px; height: auto;}
.stories-wrapper .author span{font-size: 14px; color: #000000;}
.media-pagination{margin: 30px 0px 50px;}
.media-pagination ul.pagination{justify-content: center;}
.media-pagination .page-item:last-child .page-link {background-color: transparent;}
.media-pagination .page-item:last-child .page-link:hover{background-color: #000; color: #fff;}
/*...media page end....*/

/*...blog detail page start....*/
.blog-detail-page{margin: 50px 0px;}
.blog-detail-page .container{max-width: 1100px; margin: 0 auto;}
.single-img{width: 100%; position: relative;}
.single-img img{width: 100%; height: auto;}
.blog-img-wrapper {position: absolute;left: 50px;bottom: 50px; right: 50px;}
.blog-img-wrapper .tag a{font-size: 14px; letter-spacing: 0.17px; text-transform: uppercase; border:1px solid #fff; color: #fff; text-decoration: none;
display: inline-block; padding:6px 20px;}
.blog-title{font-size: 60px; line-height: 100%; color: #fff; letter-spacing: -1.62px; font-weight: normal;font-family: "Playfair Display", serif; margin: 20px 0px;}
.single-img .author img{max-width: 100%; height: auto; width: auto;}
.blog-img-wrapper .author {display: flex;align-items: center;font-size: 14px;font-weight: normal;color: #fff;}
.blog-img-wrapper .author .author-img{margin-right: 10px;}
.blog-content{margin: 50px auto; width: 100%;max-width: 900px;}
.blog-content p{font-size: 14px; letter-spacing: 0.17px; line-height: normal; color: #000; font-weight: normal;}
.blog-content p strong{font-size: 14px; letter-spacing: 0.17px; line-height: normal; color: #000; font-weight: bold;}
.related-blog{margin-top: 100px;}
.related-blog h2{letter-spacing: 1px; font-size: 50px; line-height: 48px; font-weight: normal; color: #000; text-transform: uppercase;font-family: "Playfair Display", serif; text-align: center; margin-bottom: 30px;}
.modal-body img {width: 100%;height: auto;margin: 0px !important;}
.modal-header .btn-close{margin-top:-30px !important;}
/*...blog detail page end....*/


/*...brides page start....*/
.brides-banner{margin-bottom: 50px;}
.brides-banner img{width: 100%; height: auto;}
.brides-page .container{max-width: 1070px;}
.brides-sec p{font-size: 14px; line-height: 20px; color: #000000; margin: 0px;}
.container.brides-sec {border-bottom: 1px solid rgba(0, 0, 0, 0.2);margin-bottom: 25px;padding-bottom: 25px;}
.container.brides-sec h1{font-size: 48px; color: rgba(0, 0, 0, 1);font-family: "Playfair Display", serif;  text-transform: uppercase;}
.brides-categories span{font-size: 16px; text-transform: uppercase; color: rgba(0, 0, 0, 1); font-weight: 500;}
#brides-form select{height: 35px;border: 1px solid rgba(217, 217, 217, 1);padding: 0 10px;}
#brides-form label{color:rgba(0, 0, 0, 0.7); font-weight: 500; padding-right:20px; text-transform: uppercase;}
#brides-form span{color: #000; text-transform: uppercase; padding-right: 20px; font-weight: 500;}
.brides-filter {width: 100%;display: flex;justify-content: space-between;margin-bottom: 50px;flex-wrap: wrap;align-items: center;}
.brides-page {padding-bottom: 70px;}  
.brodes-des {text-align: center;padding:82px 0px;}
.brodes-des h2{font-size: 35px; font-weight: normal; text-transform: uppercase;font-family: "Playfair Display", serif; margin: 0px 0px 30px;}
.brodes-des p{font-size: 14px; line-height: 20px; margin: 0 auto; max-width: 450px;}
/*...brides page end....*/



/*...media query start....*/
@media(min-width: 992px){
.navbar-expand-lg .navbar-nav {margin-bottom: 0px !important;justify-content: flex-end;display: flex;width: 100%;align-items: center;}
header .dropdown-toggle::after{display: none;}
header .navbar-nav .dropdown-menu {position: fixed; bottom: 0px;   background: #000;left: 0px;width:600px;z-index: 99;top: 86px;transform: translateX(-100%);
transition: all 0.3s ease;bottom: 0px;display: inherit !important; border-radius: 0px; padding: 70px; color: #fff;}
.navbar-expand-lg{position: static;}
header .dropdown-item{color: #fff; font-size: 30px; font-weight:normal;   font-family: "Playfair Display", serif; text-transform: uppercase; padding: 0px; border-bottom: 1px solid #000; display: inline-block;width: auto;line-height:1;}   
header .dropdown-menu li{font-size: 12px; padding:15px 0px;}  
ul.dropdown-menu::after {content: "";position: absolute;background: #000;width:100vw;height: 100%;display: block;top: 0px;right: 0px;left: 0px;opacity: 0.5;transform: translateX(0);bottom: 0px;opacity: 0;z-index: -1; display: none;}
ul.dropdown-menu.show::after{left: 0px; opacity: 0.5; display: block;}
body{overflow-x: hidden;}
}

@media(max-width:1279px) {
header .navbar-expand-lg .navbar-nav .nav-link{margin-left:15px;}    
header .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{margin-left:15px;}  
.common-heading {font-size: 40px;}
.bridal-col-wrapper h2 {font-size: 24px;}
.banner-content {padding: 0 30px;}
.main-banner .common-heading{margin-bottom: 10px;}
.stories-wrapper .story-title a{font-size: 24px; line-height: normal;}
.media-page .filter-sec h1{font-size: 40px;}
.blog-title {font-size: 40px;}
}

@media(min-width:1023px) {
.product-wrapper:nth-of-type(3){grid-area: span 2 / span 2;}  
}

@media(max-width:1023px) {
header .navbar-expand-lg .navbar-nav .nav-link{font-size: 13px;}    
section.list-section{padding: 0 15px; box-sizing: border-box;}
.country-list{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.stories-wrapper .story-title a{font-size: 20px; line-height: normal;}
.media-page .filter-sec h1, .related-blog h2{font-size: 24px;}
.related-blog h2{margin-bottom: 15px;}
.blog-content{padding: 0 15px; box-sizing: border-box;}
}

@media(max-width:991px) {
header .p-4 {padding: 20px 15px !important;}    
.navbar-toggler{padding-right: 0px;}
header .container-fluid{padding: 0px;}
header .navbar-expand-lg .navbar-nav .nav-link{margin-left: 0px;}
header .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{margin-left: 0px; text-align: center;}
header li.nav-item {line-height: normal;padding:10px 0px;}
header .navbar-collapse{margin-top: 10px;}
header .navbar-expand-lg .navbar-nav .nav-link {font-size: 14px;}
header .dropdown-item{font-size: 14px; color: #fff; text-transform: uppercase;}
header ul.dropdown-menu.show li {padding: 5px 0px;line-height: normal;font-size: 14px;color: #fff;}
header .navbar-nav .dropdown-menu.show{background: transparent;}
.common-heading {font-size: 30px;line-height: normal;}
.banner-content{width: 70%;}
.bridal-col-wrapper {padding: 20px;}
.main-wrapper{padding: 0 10px; box-sizing: border-box;}
.category-title{font-size: 24px;}
.list-product-wrapper {grid-template-columns: repeat(2, minmax(0px, 1fr));}
.main-product-title{font-size: 24px; line-height: normal;}
.you-may-like .nav-tabs .nav-link {font-size: 16px;}
.country-list{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.stockist{padding: 25px 0px;}
.stockist .common-heading{margin-bottom: 20px;}
.countery-outer{margin: 25px auto;}
.countery-filter .select-caption.select-size{font-size: 12px;}
.looking-info{padding: 25px 15px; box-sizing: border-box;}
form.stokist-form{padding: 0px 10px; box-sizing: border-box;}
.lookbook-wrapper {gap: 15px;margin: 25px auto;padding: 0 15px; box-sizing: border-box;}
.lookbook-page .common-heading {margin-bottom: 25px;padding-bottom: 25px;}
.faq-wrapper {padding: 50px 0px;}
.faq-page .common-heading{font-size: 24px; line-height: normal;}
.terms-wrapper {padding: 50px 0px;}
.terms-page .common-heading{font-size: 24px; line-height: normal;}
.container.brides-sec h1{font-size: 24px;}
.brodes-des{padding: 30px 0px;}
.brodes-des h2{font-size: 24px; margin-bottom: 10px;}
#brides-form label, #brides-form span{padding-right: 10px;}
}


@media(max-width:767px) {
a.navbar-brand img {max-width: 150px;height: auto;} 
.bridal-col-wrapper h2{font-size: 20px; line-height: normal;} 
.footer ul.social-icons{margin-top: 15px; margin-bottom: 20px;} 
.footer .col-heading{padding-bottom: 10px;} 
.common-heading {font-size: 24px;}
.main-banner .common-heading {margin-bottom: 5px;font-size: 16px;}
.common-para{line-height: normal;}
section {margin: 25px 0px;}
.bridal-section-wrapper{margin-top: 25px;}
section.list-section{margin: 25px auto;}
.list-bottom .col-7, .list-bottom .col-5{width: 100%;}
ul.pagination{margin-top: 10px;}
.you-may-like .nav-tabs .nav-link {margin: 0 5px;}
.product-info-main{max-width: inherit; margin-top: 30px;}
.country-list{margin-bottom: 0px;}
.become-stokist {padding-bottom: 50px;}
.get-in-touch .common-heading {padding-bottom: 25px;}
.get-in-touch .sub-heading {font-size: 20px; margin: 20px 0px 0px 0px;}
.get-in-touch form.stokist-form{max-width: inherit; padding: 0px;}
.get-in-touch .mt-0 {margin-top: 15px !important;}
.get-in-touch form.stokist-form p{margin-top: 30px;}
.faq-wrapper{padding: 25px 0px;}
.faq-page .common-heading{font-size: 20px;}
.faq-page .common-heading br{display: none;}
.terms-wrapper{padding: 25px 0px;}
.terms-page .common-heading{font-size: 20px; margin-bottom: 20px;}
.terms-page .common-heading br{display: none;}
.footer{padding: 25px 0px;}
.login-page .common-heading {padding-bottom: 25px; margin-bottom: 25px;}
.wholesale h3{font-size: 20px; line-height: normal;} 
.wholesale .form-control {max-width: inherit;}
p.lost-password {margin: 10px 0px 20px;}
.button-sec a.collection{padding: 8px 15px;}
.button-sec a.appointment{padding: 7px 15px;}
.media-page .media-filter .post-categories a {margin-right: 5px;}
.media-filter{margin-bottom: 30px;}
.blog-img-wrapper {position: static; padding-top: 30px;}
.blog-img-wrapper .tag a, .blog-title, .blog-img-wrapper .author{color: #000;}
.blog-img-wrapper .tag a {border-color: #000;}
.blog-title{margin: 10px 0px; line-height: normal; font-size: 28px;}
.default-page-main {padding: 30px 0px 0 0px;}
.container.brides-container-inner > .row {flex-direction: column-reverse; margin-top: 0px;}
.brides-filter {margin-bottom: 0px;}
.container.brides-container-inner .row .col-md-6 {margin-top: 15px;}
.brides-page {padding-bottom: 30px;}  
}

@media(max-width:639px) {
.banner-content{padding: 0 15px; width: 80%;} 
.button-sec{gap: 5px; margin-top: 10px;}     
.button-sec a.collection{padding: 8px 10px; font-size: 10px;}
.button-sec a.appointment{padding: 7px 10px; font-size: 10px;}
.bridal-col{width: 100%;}
.bridal-section-wrapper {max-width: 100%;margin: 25px auto auto;padding: 0 15px; box-sizing: border-box;}
.stories-wapper{width: 100%;}
.select-caption {font-size: 13px;}
.countery-filter, .country-list{grid-template-columns: repeat(1, minmax(0px, 1fr));}
.media-filter{justify-content: center;}
.post-categories {width: 100%;margin-bottom: 10px;}
.brides-categories{padding-bottom: 10px;}
}



.our-bride .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Full screen */
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: hidden;
}

.our-bride .popup-content {
    background: #fff;
    width: 80%;
    max-width: 800px;
    max-height: 80vh; /* Max 80% of screen height */
    overflow-y: auto; /* Make it scrollable */
    padding: 20px;
    margin: 10vh auto; /* Center vertically */
    position: relative;
    border-radius: 10px;
}

.our-bride .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}



.woocommerce-order-received .woocommerce-order p {
	color: #444;
}

.user-role-not-wholesale .product-info-main .wapf-field-group, .user-role-guest .product-info-main .wapf-field-group {
	display: none;
}



.wapf-field-group select, .wapf-field-group input[type=text] {
    display: flex;
    align-items: center;
    border: 1px solid #EEEEEE !important;
    padding: 10px 15px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 100%;
}
.wapf-field-group .wapf-field-label.wapf--above abbr.required {
    display: none;
}
.wapf-field-group .wapf-field-label.wapf--above span {
    font-size: 14px;
}


.majc-cart-popup-inner .majc-item-qty {
	display: none;
}

.page-template-myaccount .woocommerce-MyAccount-navigation ul {
	padding: 0;
}
.page-template-myaccount .woocommerce-MyAccount-navigation li {
	list-style: none;
	background: #eeeeee;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}
.page-template-myaccount .woocommerce-MyAccount-navigation li a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}
.page-template-myaccount .woocommerce a {
	color: #000;
	font-weight: 500;
}

.page-template-myaccount .woocommerce table.shop_table {
	border-radius: 0;
}
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address {
	width: 100%;
	margin-bottom: 20px;
}
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address h2 {
	font-size: 20px;
}
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address .edit {
	float: none;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 14px;
}
.page-template-myaccount .woocommerce .woocommerce-MyAccount-content .button {
	background: #eeeeee;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 15px;
}

.page-template-myaccount .woocommerce .woocommerce-MyAccount-content input, .page-template-myaccount .woocommerce .woocommerce-MyAccount-content .select2-selection.select2-selection--single {
	display: flex;
	align-items: center;
	border: 1px solid #EEEEEE;
	padding: 10px 15px;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 100%;
}
.majc-toggle-button {
	bottom: 7% !important;
	top: unset !important;
}