/*
 Theme Name:   Doris Child
 Description:  Doris Child Theme
 Author:       XTemos
 Author URI:   https://space.xtemos.com
 Template:     xts-doris
 Version:      1.0.0
 Text Domain:  xts-theme
*/

/* brand-page */
.brand-page-banner{position: relative; min-height:500px;}
.brand-page-banner img{top: 0; left: 0;right: 0; bottom: 0;width: 100%; height: 100%;object-fit: cover;}
.brand-banner-info .h2{position:relative; color:#fff;font-size: 64px;line-height: 77px;margin-bottom: 34px;} 
.brand-banner-info{display: flex; flex-direction: column;align-items: center;justify-content: center;height: 100%;text-align: center; width: 100%; }
.brand-banner-info .button{--button-background: 255 255 255 / var(--button-background-opacity, 1);--button-text-color: 255 255 255;--button-outline-color: 255 255 255;}
.brand-logo img , .brand-description img{margin:0 auto;}
.brand-info{display:flex; margin:50px 0 0 0; border-radius: 8px;overflow: hidden;}
.D-panco-page-info .section { padding-top: 50px;padding-bottom: 0;}
.brand-info .brand-img{width: 43%;position: relative; display: block; padding-bottom: 30.077%;min-height: 300px;}
.brand-info .brand-img img , .heavenly-pro-box img{position: absolute; top: 0;left: 0;right: 0;bottom: 0; width: 100%;height: 100%; object-fit: cover;border-radius:8px;}
.brand-info .brand-img img{border-radius:8px 0 0 8px;}
.brand-description{width: 57%;}
.brand-info .right-img-div{order:2;}
.brand-info .right-img-div img{border-radius: 0 8px 8px 0;}
.brand-description{background: #EDDFC4; padding:40px 55px 60px;text-align: center;}
.brand-description .h2{font-size: 46px;line-height: 55px;color: #A76E37; margin: 18px 0 24px;}
.brand-description p{font-size: 18px;line-height: 24px;}
.delight-in-section .section {padding-right: 20px;padding-top: 40px;padding-bottom: 0;}
.delight-pro-slider .swiper-wrapper { padding: 25px 0 80px 0;}
.delight-pro-slider .swiper-slide {height: auto;}
.heavenly-delight-section .section {padding-top: 10px;padding-right: 20px;padding-bottom: 40px;}
.heavenly-pro-slider .swiper-wrapper {padding: 25px 0 90px 0;}
.heavenly-pro-box{position: relative; display: block; padding-bottom: 75.416%;}
.heavenly-pro-box:hover .product-img-overlay{opacity:1;}
.heavenly-pro-in{position:relative; cursor:pointer;}
.heavenly-pro-in:hover .product-img-overlay{opacity:1;}

.light-box-popup {background: rgba(0,0,0,0.8);position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;color: #fff; z-index: 99;}
.light-box-slider img , .delight-box-slider img{margin:0 auto; display:flex; max-height:600px;min-height:400px; padding:0 20px;}
.light-box-slider , .delight-box-slider { height: 100%; display: flex; align-items: center;}

.light-box-slider .swiper-slide{display: flex; align-items: center;}
.light-box-slider .swiper-button-prev, .light-box-slider .swiper-button-next{top:50%; color: #fff; border: 2px solid #ffffff;}
.light-box-slider .swiper-button-prev{left:70px;}
.close-popup {position: absolute; right: 20px;top: 20px; z-index:9;}

.delight-in-section , .heavenly-delight-section , .store-location , .best-seller-section , .features-in-section , .customer-reviews-section , .shopify-section--product-recommendations , .product-box-sec {
    overflow-x: hidden;
}

/* corporate-gifting */
.corporate-gifting .brand-page-banner.content-over-media  , .bespoke-weddings .brand-page-banner.content-over-media{place-items: unset;}
.corporate-gifting .brand-page-banner.content-over-media .brand-banner-info , .bespoke-weddings .brand-page-banner.content-over-media .brand-banner-info{align-items: start; text-align:left;}
.corporate-gifting .brand-page-banner.content-over-media>:not(img,video,iframe,svg,video-media) , .bespoke-weddings .brand-page-banner.content-over-media>:not(img,video,iframe,svg,video-media){max-width: var(--content-over-media-content-max-width, 700px);}
.corporate-gifting .D-panco-page-info .section , .bespoke-weddings .D-panco-page-info .section{padding-top: 0px;}
.experience-item-box {width: 33.33%; padding: 0 7px 14px;}
.corporate-experience-item{position:relative;border-radius: 8px;overflow: hidden;display: block; padding-bottom: 66.5%;max-width: 100%; cursor:pointer; }
.corporate-experience-item .product-img-overlay , .wedding-chapters-box .product-img-overlay{opacity:1;   height: 0; transition: 0.4s ease , 0.5s ease; bottom:0; top:unset; color:#fff;}
.corporate-experience-wrapper { display: flex; flex-wrap:wrap; margin-top: 32px; margin-left: -7px; margin-right: -7px;}
.corporate-experience-item img , .wedding-chapters-box img { position: absolute;top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;object-fit: cover;}
.pro-overlay-info {  color: #fff; padding:20px 0 0 30px;}
.pro-overlay-info .h3 { margin-bottom: 20px;}
.pro-overlay-info span { width: 75%; display: block; line-height:20px;}
.corporate-experience-item:hover .product-img-overlay , .wedding-chapters-box:hover .product-img-overlay{background: rgba(136, 7, 10, 0.9); height:100%}
.overlay-default-title{position: absolute; width: 100%; height: 100%; display: flex;justify-content: start; align-items: end; padding: 0 0 16px 30px;color: #fff; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);transition: .2s ease-in-out .2s;}
.corporate-experience-item:hover .overlay-default-title , .wedding-chapters-box:hover .overlay-default-title{opacity:0;}
.corporate-gallery-wrapper li { position: relative; cursor: pointer; overflow: hidden; border-radius: 8px;}
.zoom-image--enabled .corporate-gallery-wrapper .group:hover .zoom-image{ transform: scale(1.2);}
.corporate-gallery-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.corporate-gallery-wrapper { display: grid; grid-template-columns: repeat(13,1fr); grid-template-rows: repeat(12,2.4vw); gap: 14px; padding: 30px 0 0 0;}
.corporate-gallery-wrapper li:nth-child(1){grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 7;}
.corporate-gallery-wrapper li:nth-child(2){grid-column-start: 4; grid-column-end: 8; grid-row-start: 1; grid-row-end: 13;}
.corporate-gallery-wrapper li:nth-child(3){ grid-column-start: 8; grid-column-end: 11;grid-row-start: 1; grid-row-end: 8;}
.corporate-gallery-wrapper li:nth-child(4){ grid-column-start: 11; grid-column-end: 14;grid-row-start: 1; grid-row-end: 8;}
.corporate-gallery-wrapper li:nth-child(5){grid-column-start: 1; grid-column-end: 4; grid-row-start: 7; grid-row-end: 13;}
.corporate-gallery-wrapper li:nth-child(6){grid-column-start: 8; grid-column-end: 14; grid-row-start: 8; grid-row-end: 13;}
.corporate-gallery-wrapper li:hover .product-img-overlay { opacity: 1;}
.corporate-gallery-wrapper .product-img-overlay .h3 , .wedding-diaries-gallery .product-img-overlay .h3{font-size: 24px; line-height: 30px;}
.pro-download-link-box { background: #EDDFC4; padding: 13px 10px; display: inline-block; border-radius: 8px; font-size:18px;}
.pro-download-link-box .download-des .visit-link{display: flex; flex-wrap:wrap; align-items: center;}
.pro-download-link-box span{color:#88070A; padding-left:5px;}
.pro-download-links { margin-top: 25px; gap: 18px; display: inline-flex; flex-wrap:wrap;}
.pro-download-link-box .download-des img{margin: 0 0 0 10px;}
.corporate-product-gallery .section { padding-top: 0;padding-bottom: 0;}
.customize-gift-box { background: #EDDFC4; margin-top: 80px;}
.customize-gift-box .section { padding-top: 64px; padding-bottom: 64px;}
.gift-box-img { width: 46%;}
.gift-box-info{width:54%;padding-left: 50px;display: flex; flex-direction: column;justify-content: center;}
.customize-gift-box-in { display: flex;}
.gift-box-info .h2{color:#88070A; margin-bottom:25px;}
.gift-box-info p {max-width: 90%; font-size: 18px; line-height: 24px;}
.corporate-gifting .video-text{color: #000;font-size: 18px; text-align: center; margin-bottom: 34px; line-height:24px;}
.corporate-gifting .video-title{margin-bottom:10px;}
.client-slider .swiper-wrapper {-webkit-transition-timing-function: linear!important;transition-timing-function: linear!important; padding-bottom:80px;display: flex; align-items: center; will-change: transform;}
.client-slider-wrapper { margin-top: 40px; margin-left: auto;margin-right: auto; position: relative;}
.client-slider .swiper-wrapper:hover{transition-duration:0s !important; transition-timing-function:unset !important;}
.corporate-form-wrapper{margin:0 auto;}
.corporate-form-details .form-control { margin-bottom: 10px;}
.corporate-form-details { margin-top: 38px; text-align:center;}
.corporate-form-details .input.is-floating{background: #EDDFC4; border: unset; border-radius:var(--rounded-input);}
.corporate-form-details .input.is-floating:focus , .corporate-form-details .textarea.is-floating:focus-visible {border:unset; box-shadow:unset;}
.corporate-form-details .select.is-floating{background-color: #EDDFC4; border: unset; border-radius:4px;-webkit-appearance: auto; appearance: auto; display:none;}
.corporate-form-details .select.is-floating:focus-visible {box-shadow:unset;}
.client-slider:hover .swiper-wrapper{ animation-play-state: paused; transition-timing-function: initial;}
.var-select-list{ background: #EDDFC4;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 4px;box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; width: 100%; left: 0;right: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; transform: scale(1) translateY(0);-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out; transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out; z-index: 9;max-height: 183px; overflow: hidden auto;}
.var-select-list li{font-size: 18px; color: #000;cursor: pointer; font-weight: 400; line-height: 60px; list-style: none; min-height: 35px; outline: none;  text-align: left;transition: all .05s ease; border-bottom: 1px solid #D3B06D; padding:0 25px}
.var-select-list li:last-child{border-bottom:unset;}
.corporate-form-details .floating-label{font-size:18px; color:#727171;gap:0; z-index:1;}
.var-select.open .var-select-list {opacity: 1;pointer-events: auto;}
.var-select:after { content: ""; transform: unset; height: 7px; width: 7px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; transform: rotate(45deg) translateY(-50%); line-height: 0.7; margin-top: unset; right: 30px; pointer-events: none; position: absolute; display: block; top: 45%;transition: all ease-in-out 0.2s;}
.var-select:before { top: 50%;transform: translateY(-50%);position: absolute;content: ''; right: 19px; width: 25px;  height: 25px; background: #D3B06D; border-radius: 50%;}
.var-select.open:after {transform: rotate(225deg); right:28px; top: 47%;}
.var-select {display: flex; align-items: center;height: calc(var(--input-height) + 0.625rem); background-color: #EDDFC4; border: unset; border-radius: var(--rounded-input); color: #000; font-size: 16px; line-height: 24px; padding: 18px 20px 0;cursor:pointer;position:relative;}
.corporate-form-details .textarea.is-floating { background: #EDDFC4; border: unset; border-radius: var(--rounded-input);}
.floating-label span , .var-select span{color: #88070A; font-size: 22px;}
.corporate-form-details .button{background: #BA9751;color:#fff;}
.corporate-form-details .button {background: #BA9751;color: #fff; min-width: 250px;}
.corporate-form-details button.disable{background:rgba(186, 151, 81, 0.5);}
.corporate-contact-form .section {padding-top: 0px; padding-bottom: 70px;}
.corporate-gifting .shopify-section--video .section{padding-top:50px;}
.our-clients .section {padding-top: 68px; padding-bottom: 0; padding-right:0;}
.corporate-experience-sec .section { padding-top: 50px; padding-bottom: 50px;}
.var-select-list li:hover{background:#D3B06D;}

.marquee-wrapper { display: inline-block;white-space: nowrap; margin-bottom:40px;}
/* .marquee-wrapper:nth-last-child(2){margin-bottom:80px;} */
.marquee {display: inline-flex; align-items:center; white-space: nowrap; position: relative; transform: translate3d(0%, 0, 0); animation-name: marquee;animation-timing-function: linear;animation-iteration-count: infinite;}
.marquee a {display: inline-block;white-space: nowrap; padding:0 90px 0 0;}
/* .marquee-wrapper:hover .marquee {animation-play-state: paused !important;} */
.client-slider-wrapper:hover .marquee {animation-play-state: paused !important;}
@keyframes marquee {
  0% { transform: translate3d(0%, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}
.marquee {animation-duration: 40s;}
.marquee .marqueelogo {width: auto;max-width: none;}
.marquee-slider-options.disabled { pointer-events: none;opacity: 0.5;}