/*
Theme Name: OceanWP eBridal
Theme URI: https://oceanwp.org/
Description: OceanWP eBridal child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*GLOBAL STYLES*/

.collapsible {
background-color: #e5e5e5;
color: #999999 !important;
cursor: pointer;
padding: 12px;
width: 100%;
border: none !important;
text-align: center;
outline: none;
font-size: 14px;
margin-top:10px !important;
line-height:14px;
}

.collapsible:hover {
color:#ffffff !important;
background-color: #e98fc0 !important;
}

.active, .collapsible:hover {
border: none !important;
}

.active{
color:#ffffff !important;
}

.content {
padding: 0 15px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #e5e5e5;
}

.content p {
display:block;
font-size:14px !important;
margin:10px 0 !important;
line-height:28px !important;
text-align:left;
}

.content p span{
font-weight:600 !important;
}

.collapsible:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #e98fc0 !important;
float: right;
margin-left: 5px;
}

.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}

#main p a{
color:#E98FC0 !important;
}

#main p a:hover{
text-decoration:underline !important;
}

#main #content-wrap {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.menu-link{
font-family: 'Playfair Display', serif;
font-size:18px !important;
}

.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel],.wpcf7-form textarea{
font-family: 'Poppins', sans-serif !important;
font-weight:200 !important;
font-size:16px !important;
line-height:20px !important;
margin-bottom:20px;
padding:20px;
}
.wpcf7-form label{
font-family: 'Poppins', sans-serif !important;
font-weight:200 !important;
font-size:16px !important;
line-height:20px !important;
display:block;
}
.wpcf7-submit{
font-family: 'Playfair Display', serif !important;
font-size:18px !important;
text-transform:capitalize !important;
letter-spacing:0px !important;
}

.nomargintop{
margin-top:0px !important;
}

.addpoundsigntoinput {
background-image: url(https://www.ebridal.co.uk/wp-content/uploads/2023/07/pound_sign-1.gif);
background-position: left 10px center;
background-size: 14px auto;
background-repeat: no-repeat;
padding-left: 30px !important;
}

#actualvalue_calculator{
display: block;
min-height: 40px;
width: 100%;
font-size: 14px;
line-height: 1.8;
padding: 6px 12px;
vertical-align: middle;
background-color: rgba(0,0,0,0);
color: #333;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#totalz_calculator{
line-height: 10px !important;
}

/* HIDE NUMBER FIELD ARROWS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type=number] {
-moz-appearance: textfield;
}

.single .content-area{
width:100% !Important;
border-right:0px !important;
}

.single #right-sidebar{
display:none !important;
}

.single .single-post-title{
font-family: "Playfair Display", Sans-serif;
font-size:50px;
font-weight:600;
line-height:64px;
color:#878798 !important;
}

.single h2, .single h3{
font-family: "Playfair Display", Sans-serif;
font-size:22px;
font-weight:600;
line-height:28px;
color:#878798 !important;
}

.single p{
font-size:16px !important;
font-weight:200;
font-family: "Open Sans",sans-serif;
}

@media only screen and (min-width: 600px) {

.home header{
position:fixed !important;
background-color:rgba(255,255,255,0) !important;
transition:0.5s all;
}

.home.scrolling-active header{
background-color:rgba(255,255,255,1) !important;
transition:0.5s all;
}

.home .menu-link{
color:#ffffff !important;
}

.home.scrolling-active .menu-link{
color:#4d4f53 !important;
}
	
.home .custom-logo-link{
opacity:0;
}

.home.scrolling-active .custom-logo-link{
opacity:1;
}
	
}

.current_page_item .menu-link{
color:#E98FC0 !important;
}

.home .current_page_item .menu-link{
color:#4d4f53 !important;
}

.tss-carousel-main .swiper-arrow, .tss-carousel .swiper-arrow {
background: #E98FC0;
border-radius:100%;
}

.setfloat, .floatleft{
display:block !important;
float:none !important;
margin:0 auto !important;
}

.author_name{
text-align:center !important;
margin-top:25px !important;
}
.author_name:before{
display:none !important;
}
.quotes_content{
font-family: 'Playfair Display', serif !important;
font-size:26px !important;
line-height:32px !important;
color:#ffffff !important;
}
.author_name{
font-family: 'Poppins', sans-serif !important;
font-size:24px !important;
line-height:32px !important;
color:#E98FC0 !important;
font-weight:400 !important;
}
.bx-next {
background:url(/wp-content/uploads/2023/04/arrow_right.png) !important;
background-size: 11px !important;
background-position:center center !important;
background-repeat:no-repeat !important;
background-color: #4d4f53 !important;
border-radius: 100px !important;
padding:20px !important;
}
.bx-prev {
background:url(/wp-content/uploads/2023/04/arrow_left.png) !important;
background-size: 11px !important;
background-position:center center !important;
background-repeat:no-repeat !important;
background-color: #4d4f53 !important;
border-radius: 100px !important;
padding:20px !important;
}
.bx-wrapper-et {
border: none !important;
box-shadow: none !important;
}
.bxsliderx blockquote {
margin-left: 80px !important;
margin-right: 80px !important;
}
.bx-viewport {
background: none !important;
}
.bx-wrapper-et .bx-pager.bx-default-pager a {
background: #E98FC0 !important;
}
.bx-wrapper-et .bx-pager.bx-default-pager a:hover, .bx-wrapper-et .bx-pager.bx-default-pager a.active, .bx-wrapper-et .bx-pager.bx-default-pager a:focus {
background: #ffffff !important;
}
.quotes_content::before {
background: rgba(0, 0, 0, 0) url(/wp-content/uploads/2023/04/quotes_before_pink.png) no-repeat scroll 0 0 !important;
}
.quotes_content::after {
background: rgba(0, 0, 0, 0) url(/wp-content/uploads/2023/04/quotes_after_pink.png) no-repeat scroll 0 0 !important;
}
#costcalculator h1, #costcalculator h3, .pseudobutton, #messages, #totalz, #totalz_calculator {
font-family: 'Playfair Display', serif;
font-weight:700;
}	
#costcalculator h3{
margin:10px 0 !Important;
}
#costcalculator p, #costcalculator input,#costcalculator label,#costcalculator select,#costcalculator textarea, #costcalculator #messages {
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight:200;
font-size:18px;
}
#costcalculator p, #costcalculator label{
color:#4d4f53;
}

#costcalculator .flexy a{
font-family: 'Poppins', sans-serif !important;
font-weight:200 !important;
font-size:14px !important;
line-height:17px !important;
color:#999999;
}

#costcalculator input, #costcalculator select{
margin-bottom:10px;
}

.selected{
background-color:#dc93be !important;
color:#ffffff !important;
}

#totalz, #totalz_calculator{
color:#ffffff;
padding:0 20px;
color:#E98FC0;
font-size:26px;
margin-top:10px;
}

#totalsextra, #totalsextra_calculator{
padding:0 20px;
margin:0;
}

#totalz_calculator{
margin-bottom:10px !important;
}

.pseudobutton, button{
font-size:16px !important;
margin-top:25px;
display:inline-block;
padding:15px 25px;
background-color:#dc93be;
color:#ffffff !important;
cursor:pointer;
border: 1px solid rgba(59,88,145,0.05) !important;
text-decoration:none !important;
border-radius:0 !important;
transition:all 0.5s;
}

.pseudobutton:hover, button:hover{
background-color:#ffffff !important;
color:#E98FC0 !important;
box-shadow: 0px 0px 50px 0 rgba(59,88,145,0.06) !important;
border: 1px solid rgba(59,88,145,0.05) !important;
transition:all 0.5s;
}

.pseudoback{
background-color:#4d4f53;
margin-right:10px;
}

#messages{
position:fixed;
width:100%;
top:0;
left:0;
right:0;
}

.flexy{
display:flex;
}

.flexy a{
display:flex;
align-items: center;
justify-content: center;
flex:1;
padding:10px;
text-align:center;
border-radius:5px;
color:#4d4f53;
margin:10px;
cursor:pointer;
}

#size1, #size2, #size3, #size4,#size1_calculator, #size2_calculator, #size3_calculator, #size4_calculator{
min-height:150px;
}

.flexy a{
background-color:rgba(0,0,0,0.1);
}

.centeralign{
text-align:center;
}

.greytext{
color:#909090;
}

.radios label, .radios input{
width:auto;
display:inline;
min-width:0;
}

#repair, #repairlabel{
display:none;
}

.checksblock{
display:flex;
flex-wrap: wrap;
}

.checksblock div{
padding:10px 20px;
flex: 20%;
max-width:20%;
}

.pink{
color:#E98FC0;
}

.selected h3{
color:#ffffff !important;
}

#size1,#size2,#size3,#size4,#size1_calculator,#size2_calculator,#size3_calculator,#size4_calculator{
background-size:auto 80%;
background-position:left 20px center;
background-repeat:no-repeat;
}

#size1,#size1_calculator{
background-image:url(/wp-content/uploads/2023/07/DRESS1e.png);
}

#size2,#size2_calculator{
background-image:url(/wp-content/uploads/2023/07/DRESS3e.png);
}

#size3,#size3_calculator{
background-image:url(/wp-content/uploads/2023/07/DRESS2e.png);
}

#size4,#size4_calculator{
background-image:url(/wp-content/uploads/2023/07/DRESS4e.png);
}

#sizetotalz, #valuetotalz{
border-bottom:1px solid #4d4f53;
padding-bottom:10px;
}

a .fa{
margin-left:20px;
}

.pseudoback{
background-color:#4d4f53;
margin-right:10px;
}

.slidecontainer {
width: 100%;
margin-bottom:25px;
}

.slider {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 15px;
background: rgba(0,0,0,0.1);
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
border-radius:100px;
}

.slider:hover {
opacity: 1;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 35px; /* Set a specific slider handle width */
height: 35px; /* Slider handle height */
border-radius:100px;
background: #E98FC0;
cursor: pointer;
}
.slider::-moz-range-thumb {
width: 25px; /* Set a specific slider handle width */
height: 25px; /* Slider handle height */
background: #04AA6D; /* Green background */
cursor: pointer; /* Cursor on hover */
}
.search-toggle-li{
display:none;
}
#footer-bottom{
display:none;
}
#felladiv{
background-position:left center;
background-size:110% auto !important;
transition:5s all;
}
#lassdiv{
position: absolute;
height: 100%;
transition:5s all;
left:25vw;
z-index:99;
}
.triggerclass #lassdiv{
left:5vw !important;
transition:5s all;
}
.triggerclass#felladiv{
background-position:right center;
transition:5s all;
}
#peepsCTA{
width: 50%;
right: 0px;
position: absolute;
height: 100%;
z-index:9;
opacity:0;
}
.triggerclass #peepsCTA{
opacity:1 !important;
transition:1s all;
transition-delay: 0.5s;
}

#uploadphotosmodal{
width:100%;
height:400px;
}
#uploadpage{
padding:20px;
}
.uploadform{
font-family: 'Poppins', sans-serif !important;
color:#878798;
font-size:14px !important;
line-height:16px !important;
}
#uploadpage h3{
font-family: 'Playfair Display', serif !important;
font-size:26px !important;
line-height:32px !important;
color:#878798;
}
.uploadform label, .uploadform button, .uploadform input[type='text'], #uploadpage p{
font-family: 'Poppins', sans-serif !important;
color:#878798;
font-size:14px !important;
line-height:16px !important;
display:block !important;
margin:20px 0;
}
.uploadform input{
display:block !important;
}
.uploaded{
width:100px;
display:inline;
margin:10px;
border-radius:5px;
border:2px solid #f8f8f8;
}
.uploaderror{
font-family: 'Poppins', sans-serif !important;
color:#878798;
font-size:14px !important;
line-height:16px !important;
background-color:#ff3333;
padding:10px;
color:#ffffff;
}
#uploadedphotos{
margin:20px 10px 0 10px;
}
.current_page_item .menu-link span{
color:#E98FC0 !important;
}
.home #site-navigation-wrap .dropdown-menu>li>a {
color: #ffffff;
}
.home.scrolling-active #site-navigation-wrap .dropdown-menu>li>a {
color: #555;
}
#mapvans{
min-height:300px;
}
.nopaddingmargin, .nopaddingmargin p{
padding:0px !important;
margin:0px !important;
}
@media only screen and (max-width: 1024px) {
h1 {
font-size: 65px !important;
letter-spacing: -5px !important;
line-height: 0.9em !important;
}
.flexhero{
padding:0px 20px 0 0 !important;
}
.flexhero:nth-of-type(2) {
flex: 2 !important;
}
}
@media only screen and (max-width: 800px) {
#replaceimageonmobile{
background:url(https://www.ebridal.co.uk/wp-content/uploads/2023/06/mobile_bkg.jpg);
background-size:cover;
background-position:center center;
}
#replaceimageonmobile .elementor-background-overlay{
background-image:none !Important;
}
}
@media only screen and (max-width: 600px) {
.flexy {
display: block !important;
}
h1 {
font-size: 55px !important;
}
#mapvans{
margin-top:35px !important;
}
h2:not(.elementor-281 .elementor-element.elementor-element-5fa2a9b .elementor-heading-title) {
font-size: 40px !important;
line-height:50px !important;
}
.elementor-281 .elementor-element.elementor-element-5fa2a9b .elementor-heading-title {
font-size: 35px !important;
line-height:45px !important;
}
h2{
letter-spacing:-1px !important;	
}
#slidercontainer h2 {
font-size: 50px !important;
line-height: 60px !important;
letter-spacing: -4px !important;
}
#slide1, #slide2, #slide3{
display:block !important;
}
#controls{
display:none !important;
}
#slidercontainer{
min-height:0;
}
#herodiv{
padding-top:50px !important;
}
#lassdiv{
display:none;
}
#felladiv{
background:url(https://www.ebridal.co.uk/wp-content/uploads/2023/04/bride-6230420_1920.jpg) !important;
background-position: center center !Important;
background-size:cover !Important;
}
#peepsCTA{
width:100% !important;
}
.CTAblock{
background-size:contain !important;
background-position: center bottom !important;
}
}
@media only screen and (max-height: 900px) and (min-width: 1000px) {
.flexhero {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#slidercontainer h2 {
font-size: 90px !important;
line-height: 75px !important;
}
}
@media only screen and (max-height: 800px){
#slidercontainer {
height:700px !Important;
}
#slidercontainer h2 {
font-size: 75px !important;
line-height: 65px !important;
letter-spacing:-5px !important;
}
}