/*
Theme Name: PSL
Author: RB
Version: 1
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');


select {
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
}

audio {width: 100%;}

:root {
    --pslgreen: rgba(75, 229, 208, 1);
    --pslgreen2: rgba(148,196,60,1);
    --pslblue: rgba(44,78,114,1);
    --psllblue: #05dbf2;
    --pslmblue: #007bff;
    --pslhxc: #C684B9;
    --pslacf: #56C8E5;
    --pslarx: #A1D074;
    --pslpp: #475CA9;
    --pslgrey: #f0f3f9;
    --pslbgblue: #4B6887;
    --pslbgdblue: #162739;
}

* {
  
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.clearer, .clearer10, .clearer20, .clearer30, .clearer50 {float: left; clear: both; height: 1px; width: 100%; background-color: inherit;}

.clearer10 {height: 1vw;}
.clearer20 {height: 2vw;}
.clearer30 {height: 3vw;}
.clearer40 {height: 4vw;}

.clearer50 {height: 5vw;}

html, body {
    margin: 0;
    padding: 0;
}

html { scroll-behavior: smooth; }

body.psl {
    background-color: var(--pslblue);
    background-image: url('/wp-content/themes/psps26/images/neonlinelarge.webp');
    background-position: top right;
    background-repeat: no-repeat;
    text-rendering: optimizelegibility;
    line-height: 1.5;
    color: #000;
    word-wrap: break-word;
    padding: 0;
    margin: 0;
    z-index: 1;
    font-size: 62.5%;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}


p, li, h1, h2, h3, h4, label, .nf-field-label .nf-label-span, .nf-field-label label {
  color: #fff;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 1.2vw;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
}

.ea-standard .step label{
  color: #fff !important;
  font-size: 1.2vw !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  margin-bottom: 1.2vw !important;
  font-family: 'Lato', Helvetica, Arial, sans-serif  !important;
}


p.smaller {font-size: 1vw;}

li {margin: 0; line-height: 1.8;}

.frm_submit button {
  color: #fff !important;
  font-size: 1.4vw !important;
  font-weight: 300 !important;
}

code.green {color: var(--pslgreen);}

h1, h2, h3, h4 {font-weight: 300;}

h1 {font-size: 4vw; color: #fff;}
  h1 span.green, h2 span.green, h3 span.green, p span.green {color: var(--pslgreen) !important; font-weight: 600 !important;}
  h1 span.white, h2 span.white, h3 span.white, p span.white {color: #fff !important; font-weight: 600 !important;}

  p.green {color: var(--pslgreen) !important; font-weight: 300 !important;}

  h1 span.thin {font-weight: 300; /* border-bottom: 2px solid var(--pslgreen); */}

h2 {font-size: 2.4vw;}
h3 {font-size: 1.8vw;}

h4 {padding: 1vw 0;
  margin-bottom: 0;
  border-radius: 0;
  background: none !important;
  display: inline-block;
  float: left;
  clear: both;
  font-size: 1.6vw;}

p strong, h3 strong {font-weight: 600;}

p.link {padding: 0.5vw 1vw;
  background: var(--pslbgblue);
  border-radius: 5px;
  width: revert;
  width: max-content !important;
  margin-top: 1vw;}
  p.link a {color: #fff; text-decoration: none !important;}

.block {float: left; clear: both; width: 100%;}
  .blocktopleft {width: 80%; float: left;}
    .blocktopleftnarrow {width: 70%}
  .blocktopright {width: 25%; float: right;}
    .blocktoprightnarrow {width: 17%; float: right; margin-top: 5vw;}  
    .blocktopright img {width: 100%;}


#datebar {
  float: left;
  width: 100%;
  text-align: center;
  padding: 1.5vw 0 0 0;
  background: rgba(0,0,0,0.6);
}

#datebar p {
  font-weight: 300;
  color: #fff;
}

#datebar img {
  height: 1.2vw;
  padding: 0.1vw 0.5vw;
  border-radius: 10px;
  background: #fff;
  margin-left: 1vw;
  vertical-align: middle;
}


header {
  background: url(/wp-content/themes/psps26/images/headerbg5.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  clear: both;
  height: 0;
  padding: 0;
  padding-bottom: 29%;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
  
header > div {width: 100%;}  
 
header img.logo {float: left; width: 15%; margin: 5vw 0 0 10%; /* filter: drop-shadow(0 0 10px rgba(255,255,255,.7));*/ }

header img.book {float: right; width: 11%; margin: 5vw 10% 0 10%; filter: drop-shadow(0 0 10px rgba(255,255,255,.7));}

 


main {
  width: 80%;
  margin: 3vw 10% 0 10%;
  float: left;
}

main aside {column-count: 2; float: left;}
  main aside.one {column-count: 1;}

p.intro {float: left; width: 100%; font-size: 1.2vw; }
  p.intro:first-of-type {/* font-weight: 600; font-size: 1.4vw; width: 100%; */}
  
p.highlight {width: 80%;
  padding: 1vw 2vw;
  background: var(--pslgreen2);
  /* text-align: center; */
  border-radius: 10px;
  margin-top: 1vw;
  float: left;}  

main ul {float: left; clear: both; width: 70%;list-style-position: inside; margin-bottom: 1vw; column-count: 2}
  main ul.heavy li {/*font-weight: 600;*/}

main li {/*font-size: 1.2vw;*/
  /* margin-bottom: 1vw; */
  /* margin-left: 20px; */
  color: #fff !important;}
  
  div.toggler {cursor:pointer; }
  div.toggler div {display: none; margin: 3% 0;
    padding-bottom: 1vw !important;
    float: left;
    width: 100%;}
    
    .toggleleft {float: left !important; width: 75% !important;}
    .toggleright {float: right !important; width: 20% !important;}
      .toggleright img {width: 100%; margin-bottom: 3vw; float: right;}

.cta {
  float: left;
  clear: both;
  padding: 2vw 3vw;
  border-radius: 10px;
  background: rgba(0,0,0,0.6);
  margin-bottom: 3vw;
}

#fourpillars {float: left;
  clear: both;
  width: 100%;
  margin: 3vw 0;
  /* display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap; */}

#fourpillars p {width: 100%;}

#fourpillars p:first-of-type {/* font-size: 1.4vw; */ /* font-weight: 600; */ line-height: 1.5; }
  #fourpillars aside p:first-of-type, #fourpillars p:nth-of-type(2){
    font-weight: 300;
  }

.subtext {font-size: 1.2vw !important; line-height: 1.2 !important;}


#fourpillars > div {float: left; clear: both; width: 100%;}

#fourpillars > div img.lock {
  float: left;
  width: 4vw;
  height: auto;
  margin: 1.5vw;
  border-radius: 50%;
}

#fourpillars > div p, #fourpillars > div li, #fourpillars > div h3 {color: #fff;}
  #fourpillars > div p, #fourpillars > div li {line-height: 1.5; margin-bottom: 1vw; display: inline-block}
    #fourpillars > div li {list-style-position: inside;}
  #fourpillars > div h3 {
    font-weight: 500;
    font-size: 2vw;
    padding: 2vw 3vw;
    background: var(--pslbgblue);
    margin-bottom: 1vw;
    border-radius: 20px;
    color: #fff;
    line-height: 2.5vw;
    border: 1px solid #fff;
  }
  
  #fourpillars > div h3.no {
    padding: 0 0 1vw 0;
    margin-bottom: 0;
    border-radius: 0;
    background: none !important;
    float: left;
    clear: both;
    border: none !important;
  }
  
    /* #fourpillars > div h3.hxc {border: 3px solid var(--pslhxc);}
    #fourpillars > div h3.arx {border: 3px solid var(--pslarx);}
    #fourpillars > div h3.acf {border: 3px solid var(--pslacf);}
    #fourpillars > div h3.pp {border: 3px solid var(--pslpp);}              */
    
    #fourpillars > div span {font-weight: 600; color: var(--pslgreen);} 
    
    
#fourpillars > div span.wrapper {
  padding: 4vw 2vw 2vw 3vw;
  width: calc(90% - 4vw);
  float: left;
}  

aside.path1 {float: left; display: flex;text-align: center;justify-content: center;
  align-items: center;
  flex-direction: row; margin: 2vw 0;}

aside.path1 > span {width: 17%; align-self: flex-start;}
    aside.path1 > span:nth-of-type(even) {width: 3%; padding: 0 2%; align-self: center;}



aside.path1 > span img {width: 100%;}

ul.path1 {
  column-count: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
  background: var(--pslblue);
  border-radius: 5px;
}



ul.path1 li {
list-style-type: none !important;
background: var(--pslblue);
color: #fff !important;
margin-right: 1vw;
padding: 1vw;
/* border-radius: 10px; */
/* line-height: 2vw !important; */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
/* border-right: 5px solid #fff; */
}

ul.path1 li img {width: 10%;}

  ul.path1 li:last-of-type {border-right: 0;}

ul.path2 li {
  list-style-type: none !important;
  background: var(--pslgreen);
  color: #fff !important;
  margin-right: 1vw;
  padding: 1vw;
  border-radius: 10px;
  line-height: 1.5 !important;
}

ul.path3 {
  column-count: 1;
  width: 100%;
}

ul.path3 li {
  list-style-type: none !important;
  color: var(--pslhxc) !important;
  
  /* border: 2px solid var(--pslhxc);
  margin-right: 1vw;
  padding: 1vw;
  border-radius: 10px;
  line-height: 2vw !important;
  background: #fff;
  */
}

ul.path li span.arrow {color: var(--pslgreen); opacity: 0.7}

aside.hxcgs, aside.hxcsp, aside.arxsp, aside.acxsp, aside.acfsp, aside.ppsp
{float: left; width: 100%;column-count: 1;}

aside.hxcgs span, aside.hxcsp span, aside.arxsp span, aside.acxsp span, aside.acfsp span, aside.ppsp span  {
   float: left;
   width: 48%;
   font-size: 1.2vw;
   line-height: 1.5;
   margin: 0 3% 1% 0;
   border-radius: 0;
   font-weight: 300 !important;}
   
  aside.hxcsp span:nth-of-type(even), aside.arxsp span:nth-of-type(even), aside.acxsp span:nth-of-type(even),
   aside.acfsp span:nth-of-type(even), aside.ppsp span:nth-of-type(even)
   {margin-right: 0 !important;}   
  
   
aside.hxcgs span {
    color: #fff !important;
    border: 0.5px solid var(--psllblue) !important;
    font-weight: 300 !important;
    width: 42%;
    padding: 1vw;
    font-size: 1.2vw;
  }
  
    aside.hxcgs span.cs {border: 1px dotted var(--psllblue) !important; width: calc(42% - 1px); font-weight: 300 !important;}
   
aside.hxcsp span {
    color: #fff !important;
    /* border: 1px solid var(--pslhxc) !important; */
    }
    
aside.acxsp span {
    color: #fff !important;
    /* border: 1px solid var(--pslarx) !important; */
    }    

aside.acfsp span {
    color: #fff !important;
    /* border: 1px solid var(--pslacf) !important; */
    }
    

aside.ppsp span {
    color: #fff !important;
    /* border: 1px solid var(--pslpp) !important; */
    }    

aside.hxcsp img, aside.acxsp img, aside.acfsp img, aside.ppsp img {
      height: 5vw;
      width: auto;
      border-radius: 50%;
      margin-right: 1vw;
      display: inline-block;
      vertical-align: middle;
       }

    
    /* aside.acxsp img {background: var(--pslarx); border: 5px solid var(--pslarx);}
    aside.acfsp img {background: var(--pslacf); border: 5px solid var(--pslacf);}
    aside.ppsp img {background: var(--pslpp); border: 5px solid var(--pslpp);}
    */
    
aside.button {column-count: 1; clear: both; float: left; width: 100%; padding: 2vw 0;}

.imagepoints {float: left; clear: both; width: 100%; margin-left: 0% !important; padding: 1vw;}

.imagepoints ul {
  width: 100%;
  list-style-type: none !important;
  color: #fff !important;
  margin-right: 1vw;
  padding: 1vw;
  border-radius: 10px;
  line-height: 1.5 !important;
}

.imagepoints li {
  list-style-type: none !important;
  background: var(--pslhcx);
  float: left;
  
}

div.sp {
  float: left;
  width: 35%;
  margin: 2vw 2vw 0 0;
  padding: 10px;
  background: var(--pslblue);
  border-radius: 20px;
}

div.sp img {width: 100%; height: auto;border-radius: 10px;}
  div.sp img.icon {
    width: 10%;
    height: auto;
    float: left;
    border-radius: 0;
    margin: 1vw 0;
}

#team {
  float: left;
  clear: both;
  width: 100%;
  background: var(--pslblue);
  padding: 2vw 0;
  z-index: 2;
  position: relative;
  margin-bottom: 2vw;
}

.teamwrapper {margin-left: 10%; width: 80%;}

#team ul {margin-top: 1vw;}

#team li {
  color: var(--pslgreen);
  font-weight: 300;
  list-style-type: none !important;
  font-size: 1vw;
  text-align: center;
}

#team button {margin-left: 22% !important;}

#team button.none {background: none !important;}

#team h3, #bookameeting h3 {margin: 1vw 10%;
  color: #fff;
  color: var(--pslgreen);
  font-weight: 600;}

div.theteamwrapper {width: 80%; margin-left: 10%; float: left; display: flex; 
  flex-wrap: no-wrap;
  overflow-x: auto}
  
div.theteamwrapper > div {
  min-width: 23%;
  margin: 1vw 5vw 1vw 0;
  position: relative;
  max-width: 23%;
}

#team div.button {align-self: flex-end;}

div.theteamwrapper > div img {
  width: 100%;
  height: auto;
  /* border-bottom-right-radius: 20px; */
  /* filter: hue-rotate(120deg) grayscale(10%); */
  /* border-radius: 50%; */
  /* background: var(--pslblue); */
}
 
div.theteamwrapper > div img.icon {
  width: 20%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  opacity: 0.5;
} 
 
div.theteamwrapper > div p {text-align: center; font-size: 1vw; color: #fff;}
div.theteamwrapper > div p:first-of-type {/*text-transform: uppercase;*/ font-weight: 600; color: #fff; font-size: 1.4vw; margin-bottom: 0;} 
div.theteamwrapper > div p:nth-of-type(2) {height: 2vw}
      
#booking {
  float: left;
  clear: both;
  width: 100%;
  background: var(--pslblue);
  padding: 2vw 0;
  z-index: 2;
  position: relative;
}

div.theteamwrapper {width: 80%; margin-left: 10%; float: left;}

#bookameeting {clear: both; float: left; width: 100%;}

.thanks {width: 80%;
  padding: 1vw 2vw;
  background: var(--pslgreen2);
  /* text-align: center; */
  border-radius: 10px;
  margin: 1vw 10% 2vw 10%;
  float: left;}
  
  .thanks p {color: #fff; text-align: center;}

#booking h3, #booking p, .nf-field-label .nf-label-span, .nf-field-label label {color: #fff;}

#booking div.demo h3, #booking div.demo p, #booking div.demo .nf-field-label .nf-label-span, #booking div.demo .nf-field-label label {color: #fff;}

#mot h3, #meeting h3 {color: #fff !important;}

#booking form {margin-top: 3vw;}

.nf-help {background: url("/wp-content/themes/psps26/images/help-info.png") no-repeat !important;}

.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap select, .field-wrap textarea, .field-wrap>div input {padding: 1vw 2vw; font-size: 1.2vw; border-radius: 5px;}

.nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {margin-left: 0 !important;}

.nf-form-cont .one-half, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths {width: 100% !important;}

.nf-form-fields-required, .ninja-forms-req-symbol {display: none !important;}

.formleft, .formright {float: left; width: 45%; margin-right: 3%;}
  .formright {float: right; width: 45%; margin-right: 0;}
  
#ninja_forms_required_items, .nf-field-container {clear: revert !important}

.formfull {clear: both !important; width: 100% !important;}


.pikaday__container {padding: 0 !important;}

.field-wrap input[type=submit] {
  border-radius: 10px !important;
  background: transparent !important;
  color: #fff;
  font-family: 'Lato', Helvetica, Arial, sans-serif !important;
  border: 1px solid #fff;
}

.submit-wrap {float: left; clear: both;}

button, button.frm_button_submit {
display: inline-block !important;
margin: 0vw auto !important;
padding: 0.5vw 1.2vw;
position: relative !important;
width: max-content !important;
border: 2px solid var(--pslgreen);
color: #fff !important;
background: transparent;
font-size: 1.2vw;
color: #fff;
font-family: 'Lato', Helvetica, Arial, sans-serif !important;
text-decoration: none !important;
font-weight: 600;
}

button.green, button.blue {
  background: var(--pslblue) !important;
  color: #fff;
  float: left;
}
  button.green {background: var(--pslgreen) !important;}
  
  .bump {margin-left: 2vw !important;}
  .bumparrow {margin-left: 1vw !important; font-size: 3vw;}

button a  {
  font-size: 1.2vw;
  color: #fff;
  font-family: 'Lato', Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
  font-weight: 600;
}

.nf-field-label .nf-label-span, .nf-field-label label {font-weight: 300 !important;}

#suite {
 clear: both;
 float: left;
 width: 80%;
 display: flex;
 margin-left: 10%;
 padding: 3vw 0;
}

#suite h3 {color: #000;}

#suite img {margin-right: 1vw; width: 100%;}

footer {
  clear: both;
  float: left;
  background: var(--pslbgblue);
  background-position: bottom;
  width: 100%;
  background-repeat: no-repeat;
  z-index: 0;
  position: relative;
  padding: 3vw 0 0 0;
  clip-path: ellipse(100% 90% at 50% 100%);
  padding-top: 10%;
}

footer p, footer a {color: #fff !important;font-size: 1vw !important; margin-bottom: 0;}
  footer p {}
  footer a {text-decoration: none !important;}

#footercols {width: 80%;
  float: left;
  margin-left: 10%;}
  #footercols div {width: 100%; float: left;}
    #footercols div:first-of-type {margin-right: 5%;}

#footercols img {width: 10%;
  height: auto;
  margin: 1vw 0;}
    
#copy {
  clear: both;
  width: 80%;
  text-align: left;
  margin: 0 10% 1vw 10%;
  float: left;
}
  
#copy p {font-size: 0.8vw !important;}  
  



/* Tabs */

/* Tabs
_________________________________________________ */

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

#demo.tab-panel, #mot.tab-panel, #meeting.tab-panel {width: 100%; padding: 3vw; border-radius: 20px; margin-top: 2vw; float: left;}

#demo.tab-panel {border: 6px solid var(--pslgreen);}
#mot.tab-panel {border: 6px solid var(--psllblue);}
#meeting.tab-panel {border: 6px solid var(--pslmblue);}


.tabset > label {
  text-align: left;
  list-style-type: none;
  border: 2px solid var(--pslgreen) !important;
  border-radius: 5px !important;
  color: #000 !important;
  display: inline-block !important;
  margin: auto !important;
  padding: 15px 50px 15px 50px !important;
  position: relative !important;
  transition: .6s !important;
  width: max-content !important;
  background: #fff !important;
  margin-right: 20px !important;
}

/* .tabset > label.demo {background: var(--pslgreen) !important;}
.tabset > label.mot {background: var(--psllblue) !important;}
.tabset > label.meeting {background: var(--pslmblue) !important;} */


input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
  opacity: 1;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
}

.tab-panel {
  padding: 30px 0;
}

.tabset {margin-top: 3vw}


.bpa-front-si__card-body--heading {font-weight: 600;}

.bpa-front-si-cb__specs p {color: #999 !important;}
  .bpa-front-si-cb__specs p strong {font-weight: 300 !important;}
  
.bpa-front-module--service-item.__bpa-is-description-enable .bpa-front-si-card p.--bpa-is-desc {min-height: revert !important;}  

.bpa-frontend-main-container {width: 80% !important; margin-left: 10% !important;}

.bpa-frontend-vue3 .bpa-front-tabs--vertical-left .bpa-front-tab-menu, .bpa-frontend-vue3 .bpa-front-default-card, .bpa-frontend-vue3 .bpa-front-module--service-item .bpa-front-si-card, .bpa-frontend-vue3 .bpa-front--dt__time-slots, .bpa-frontend-vue3 .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item, .bpa-frontend-vue3 .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag, .bpa-frontend-vue3 .bpa-front-tabs--foot, .bpa-frontend-vue3 .bpa-front--dt__calendar .vc-container, .bpa-frontend-vue3 .bpa-front--dt__calendar .vc-header, .bpa-frontend-vue3 .bpa-front--dt__calendar .vc-day, .bpa-frontend-vue3 .bpa-front-form-control input, .bpa-frontend-vue3 .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details, .bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown, .bpa-frontend-vue3 .bpa-front-form-control .el-textarea__inner, .bpa-frontend-vue3 .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item, .bpa-frontend-vue3 .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item .bpa-front-tm--item-icon, .bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-list, .bpa-frontend-vue3 .bpa-front-module--booking-summary .bpa-is-coupon-module-enable .bpa-fm--bs__coupon-module-textbox, .bpa-frontend-vue3 .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item, .bpa-frontend-vue3 .bpa-front-thankyou-module-container, .bpa-frontend-vue3 .bpa-front-module--add-to-calendar, .bpa-frontend-vue3 .bpa-front-module--atc-wrapper .bpa-front-btn, .bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown, .bpa-frontend-vue3 .bpa-front-module--service-items-row .bpa-front-module--service-item, .bpa-frontend-vue3 .bpa-front-form-control--checkbox .el-checkbox__inner,
.bpa-frontend-vue3 .bpa-front-tabs .bpa-front-tab-menu, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-default-card, .bpa-frontend-vue3 .bpa-full-container-loader, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-tabs--foot, .bpa-frontend-vue3 .bpa-front-data-empty-view, .bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown, .bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-list, .bpa-frontend-vue3 .bpa-front-thankyou-module-container, .bpa-frontend-vue3 .bpa-front--dt__calendar .vc-nav-popover-container
{background: transparent !important; color: #fff !important; border-color: transparent !important;}

.bpa-frontend-vue3 .bpa-front-tabs--vertical-left .bpa-front-tab-menu a.bpa-front-tab-menu--item.__bpa-is-active, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-front-module--bs-ad--price, .bpa-frontend-vue3 .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active::before, .bpa-frontend-vue3 .bpa-front-form-control--checkbox .bp-checkbox__input.is-checked + .bp-checkbox__label, .bpa-frontend-vue3 .bpa-front-form-control--checkbox .el-checkbox__input.is-checked + .el-checkbox__label,
.bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module-heading, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front--dt__calendar .vc-weeks .vc-weekday, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item span, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-form-control input, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-form-control .el-textarea__inner, .bpa-frontend-vue3 .bp-input__inner, .bpa-frontend-vue3 .bp-textarea__inner, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item .bpa-front-bs-sm__item-val, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-head p, .bpa-frontend-vue3 .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p, .bpa-frontend-vue3 .bpa-front-tabs .el-form-item__label .bpa-front-form-label, .bpa-frontend-vue3 .bpa-front-tabs .bp-form-item__label .bpa-front-form-label, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-form-error, .bpa-frontend-vue3 .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .--bpa-is-desc, .bpa-frontend-vue3 .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item p, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-tab-menu .bpa-front-tab-menu--item, .bpa-frontend-vue3 .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p strong, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si__card-body--heading, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt-ts__sub-heading, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item span, .bpa-frontend-vue3 .bpa-front-module--bs-amount-details .bpa-fm--bs-amount-item .bpa-front-total-payment-amount-label, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-front-module--bs-ad--price, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front--dt__calendar .vc-title, .bpa-frontend-vue3 .bpa-front-tabs--foot .bpa-front-btn, .bpa-frontend-vue3 .bpa-front-tmc__head .bpa-front-tmc__title, .bpa-frontend-vue3 .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__label, .bpa-frontend-vue3 .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__val, .bpa-frontend-vue3 .bpa-front-module--add-to-calendar .bpa-fm--atc__heading, .bpa-frontend-vue3 .bpa-front-form-control input::placeholder, .bpa-frontend-vue3 .bpa-front-form-control .el-textarea__inner::placeholder, .bpa-frontend-vue3 .bpa-front-form-control--file-upload .bpa-fu__placeholder, .bpa-frontend-vue3 input.bpa-front-form-control::placeholder, .bpa-frontend-vue3 textarea.bpa-front-form-control::placeholder, .bpa-frontend-vue3 .bp-input__inner::placeholder, .bpa-frontend-vue3 .bp-textarea__inner::placeholder, .bpa-frontend-vue3 .bpa-front--dt__calendar .vc-day .vc-day-content, .bpa-frontend-vue3 .bpa-front-form-control--checkbox .el-checkbox__label,
.bpa-frontend-vue3 .bpa-front-ci-pill.__bpa-is-active .bpa-front-ci-item-title, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-form-control input, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item .bpa-front-bs-sm__item-val, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-form-control .el-textarea__inner, .bpa-frontend-vue3 .bp-input__inner, .bpa-frontend-vue3 .bp-textarea__inner, .bpa-frontend-vue3 .bpa-front-tabs .bpa-front-module-heading, .bpa-frontend-vue3 .bpa-front-module--bs-amount-details .bpa-fm--bs-amount-item .bpa-front-total-payment-amount-label, .bpa-frontend-vue3 .bpa-front-tmc__head .bpa-front-tmc__title, .bpa-frontend-vue3 .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__val, .bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-item.highlighted strong, .bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-item.highlighted span
{color: #fff !important; border-color: transparent !important;}

.bpa_focusable {border-color: #fff !important; border: 1px dotted #fff !important;}

.bpa-front-tab-menu {box-shadow: none !important;}

.bpa-front-bs-sm__svc-name {color: #fff !important;}

.bpa-front-module--bs-head svg {display: none !important;}

.bpa-front-thankyou-module-container button.bpa-front-btn:not(:hover):not(:active):not(.has-background), 
.bpa-frontend-main-container button.bpa-front-btn:not(:hover):not(:active):not(.has-background), 
.bpa-frontend-main-container button.el-button:not(:hover):not(:active):not(.has-background),
.bpa-front-thankyou-module-container button.bpa-front-btn:hover, 
.bpa-front-thankyou-module-container button.bpa-front-btn:active, 
.bpa-front-thankyou-module-container button.bpa-front-btn.has-background, 
.bpa-frontend-main-container button.bpa-front-btn:hover, 
.bpa-frontend-main-container button.bpa-front-btn:active, 
.bpa-frontend-main-container button.bpa-front-btn.has-background, 
.bpa-frontend-main-container button.el-button:hover,
.bpa-frontend-main-container button.el-button:active,
.bpa-frontend-main-container button.el-button.has-background

 {
  width: max-content !important;
  border: 2px solid var(--pslgreen) !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 1.2vw !important;
  color: #fff !important;
  font-family: 'Lato', Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  }
  
  .bpa-frontend-vue3 .bpa-front-module--service-item.__bpa-is-selected .bpa-front-si-card, .bpa-frontend-vue3 .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag.__bpa-is-active, .bpa-frontend-vue3 .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag:hover, .bpa-frontend-vue3 .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item:hover, .bpa-frontend-vue3 .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon, .bpa-frontend-vue3 .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__bpa-is-selected, .bpa-frontend-vue3 .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__is-selected, .bpa-frontend-vue3 .bpa-front-form-control--checkbox .el-checkbox__input.is-checked .el-checkbox__inner, .bpa-frontend-vue3 .bpa-front-form-control--checkbox .el-checkbox__inner:hover, .bpa-frontend-vue3 .el-radio__input.is-checked .el-radio__inner, .bpa-frontend-vue3 .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item.__bpa-is-selected
  {border-color: #fff !important;}
  
  .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si-card__left img
  {width: 8vw !important; height: 8vw !important;}
  
  
.bpa-front-module--bd-form .bp-input__inner,
.bpa-frontend-main-container.bpa-frontend-vue3
 .bpa-front-module--bd-form .bp-input.is-focus .bp-input__wrapper, .bpa-frontend-main-container.bpa-frontend-vue3
 .bpa-front-module--bd-form .bp-input__wrapper.is-focus, .bpa-frontend-main-container.bpa-frontend-vue3
 .bpa-front-module--bd-form .bp-input__wrapper:focus-within,
 .bpa-frontend-main-container.bpa-frontend-vue3
  .bpa-front-module--bd-form .bp-input__inner,
  .bpa-frontend-main-container.bpa-frontend-vue3
   .bpa-front-module--bd-form .bp-input__wrapper
 
{background: #fff !important; color: #000 !important;}  

.bpa-frontend-vue3 .bpa-front-tabs .bpa-front-form-control input {color: #000 !important;}

.bpa-frontend-main-container.bpa-frontend-vue3, .bpa-front-module--bd-form .bp-textarea__inner {color: #000 !important;}


.bpa-front-bs-sm__svc-name {color: #fff !important}

.bpa-frontend-main-container {max-width: 100% !important;} 

.bpa-front-tabs--panel-body .bpa-front-dc--body,
.bpa-front-tabs.--bpa-top .bpa-front-tabs--panel-body .bpa-front-dc--body,
.bpa-front-tabs.--bpa-top .bpa-front-tabs--panel-body .bpa-front-dc--body
{max-height: 100% !important;}

button.bpa-front-btn svg {display: none !important;}


.bpa-front-ci-pill.__bpa-is-active .bpa-front-ci-item-title, .bpa-front-tabs .bpa-front-form-control input, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item .bpa-front-bs-sm__item-val, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item .bpa-front-bs-sm__item-val .bpa-front-bs-sm__svc-name, .bpa-front-tabs .bpa-front-form-control .el-textarea__inner, .bpa-front-tabs .bpa-front-module-heading, .bpa-front-module--bs-amount-details .bpa-fm--bs-amount-item .bpa-front-total-payment-amount-label, .bpa-front-tmc__booking-id .bpa-front-bi__val, .bpa-front-tmc__head .bpa-front-tmc__title, .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__val, .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-item.highlighted strong, .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-item.highlighted span, .bpa-custom-datepicker .el-year-table td .cell, .bpa-custom-datepicker .el-month-table td .cell
{color: #fff !important;}

.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item .bpa-front-tm--item-icon svg {width: 4vw !important; height: 4vw !important;}