/* 
 Theme Name:     Divi child theme   
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

@import url("../Divi/style.css"); 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* blue - #005aab  - rgba(0,90,171,1)*/
/* grey - #bcbdc0 */
/* pinks - rgba(203,138,132,0.8) */
/* cream - rgba(188,189,192,0.25) */

.bc-color {
    color: #005aab;
}

h6.price-example {
    font-size: 6px !important;
}

h4.testimonial {
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1.3em;
    font-family: 'Judson';
    margin-bottom: 0.8em;
}

p.testimonial {
    color: #dedede;
}

h4.testimonial light {
    color: #444;
}

/*
#main-header {
    display: none;
}
*/
/*TREATMENT HEADER FIX TOP */


#acne-header {
    padding: 0;
    height: 100vh;
    max-height: 780px;
}

#acne-header > div.et_pb_fullwidth_header_container.center > div {
    align-self: flex-start;
    position: relative;
    background-color: rgba(0,90,171,0.95);    
}

#acne-header > div.et_pb_fullwidth_header_container.center {
    width: 100%;
    margin: 0 auto;
    height: 100vh;
    max-width: none;
}

h4.right {
   text-align: right;
   padding: 5vw 5vw 5vw 40vw !important;
   top: -41vw !important;
}

h4.slug {
    /*text-align: center; */
    line-height: 3.5vw;
    position:relative;
    top: -34vw;
    padding: 5vw 60vw 5vw 5vw;    
    width: 100%;
    margin: 0 auto;
   /* background-color: rgba(255,250,240,0.8);*/
    font-family: "Poiret One", sans-serif;
    text-transform: uppercase;
}

h4.slug span {
    font-weight: 600;
    font-family: 'Judson';
    font-size: 2.5vw;
    text-transform: uppercase;
}

h4.acne-slug {    
    font-size: 2.8vw;
    line-height: 3.5vw;
}

h4.acne-slug span {
    font-size: 2.5vw;
    text-transform: uppercase;
    line-height: 3.5vw;
}

h4.lip-slug { 
    font-size: 3vw;
    line-height: 1.2em;
}

h4.lip-slug span { 
    margin-top: 1vw;
    letter-spacing: 1px;
    font-size: 1.4em !important;
    margin-top: 0.4em;
}

h4.wrinkle-slug { 
    font-size: 3vw;    
}

h4.wrinkle-slug span { 
    letter-spacing: 5px;
    font-size: 3.5vw !important;
}

h4.dermal-slug { 
    font-size: 2.8vw;
    text-transform: uppercase;   
}

h4.dermal-slug span { 
    letter-spacing: 5px;
    font-size: 14.5vw !important;
    line-height: 11.5vw;
}

h4.dry-skin-slug { 
    font-size: 3.5vw;
    letter-spacing: 3px;   
}

h4.dry-skin-slug span { 
    letter-spacing: 0px;
    font-size: 4vw !important;
    line-height: 5.5vw;
}

h4.sweating-slug { 
    font-size: 2.9vw;    
}

h4.sweating-slug span { 
    letter-spacing: 5px;
    font-size: 5vw !important;
}

h4.pigment-slug { 
    font-size: 2.9vw;    
}

h4.pigment-slug span { 
    letter-spacing: 5px;
    font-size: 4.5vw !important;
}

h4.skincare-slug { 
    font-size: 2.9vw;    
}

h4.skincare-slug span { 
    letter-spacing: 5px;
    font-size: 6vw !important;
    line-height: 6vw;
}

.header-content h1 {
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

#acne-header > div.et_pb_fullwidth_header_container.center > div > div > a {
    margin-top: 5px;
}

.light-shadow {
    text-shadow: 0 1px 3px rgba(255,255,255,0.3);
}

.dark-shadow {
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.dark-grey {
    color: #666;
}

.pink-lips {    
    color: rgba(203,138,132, 1);
}

.leafy-colour {
    color: rgba(209,132,149,1);
}

.acne-scars {
    color: rgba(255,255,255,1);
}

.blue {
    color: #005aab;
}

.sunflower-yellow {
    color: rgba(236, 239, 81, 1)
}

.white{
    color: #fff;
}

.clinic-grey {
    color: #bcbdc0;
}

.contact-text {
    font-size: 14px;   
    border-radius: 5px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;   
    padding: 20px !important;
}

#wpcf7-f27440-p51-o1 > form > div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok, #wpcf7-f27440-p51-o1 > form > div.wpcf7-response-output.wpcf7-validation-errors {
    color: #fff;
}

/*BORDERS*/

@media (min-width: 960px) {
.white-triangles-before:before, .white-triangles-after:after {
display: block;
position: absolute;
content: '';
width: 100px;
height: 100px;
bottom: -50px;
left: 50%;
margin-left: -50px;
background-color: #ffffff; /** Change This Value ***/
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
}
}

@media (max-width: 959px) {

.phone-col-1-spacing {
margin-bottom: 25% !important;
}

}


/* BUTTONS */

@media (max-width: 959px ) {
 
#treatment-1 .phone-button-fix .one_half {   
    float: left !important;
    /*margin-right: 4% !important;*/
    width: 49% !important;
}
 
}

/*REDO BUTTONS*/

body #page-container .rejuvenation-button  {
    color: #005aab !important;
    background: #ffffff;
    border-color: #005aab;
    font-size: 14px;
    text-transform: uppercase !important;
}

body #page-container .b-follow:after {    
    font-size: 14px;
    color: #005aab;
    content: "\45";
}

body #page-container .b-book:after {    
    font-size: 14px;
    color: #005aab;
    content: "\e023";
}

body #page-container .g-follow:after {    
    font-size: 14px;
    color: #666;
    content: "\45";
}

body #page-container .g-book:after {    
    font-size: 14px;
    color: #666;
    content: "\e023";
}

body #page-container .derma-button {
    color: #666666 !important;
    background: #ffffff;
    border-color: #bcbdc0;
    font-size: 14px;
    text-transform: uppercase !important;
}


/* TOGGLES */
.et_pb_module.et_pb_toggle.et_pb_toggle_open {
    border: 0;
    border-bottom: 1px solid #d9d9d9 !important;
    margin-bottom: 0;
}

/* PLUS SIGN */
.et_pb_toggle_title:before {
    font-weight: 300 !important;
    color: #666;
    content: "+";
    font-size: 30px;
    font-family: Lato !important;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
    content: "-";
}
.et_pb_toggle:last-child {
    border: 1 none;
}

.et_pb_toggle_open h5.et_pb_toggle_title {
    color: #666;
}



/*MORE LINK*/

a.more-link {
    border: 2px solid;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 3px 10px;
}
a.more-link:hover {
    color: #888;
}
.widgettitle {
    border-bottom: solid 1px #dedede;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.form-allowed-tags {
    display: none;
}
.comment-reply-title {
    border-bottom: 2px solid #565656;
    font-size: 18px;
    padding-bottom: 10px;
    display: inline;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.logged-in-as {
    margin-top: 20px;
}
.comment-reply-link, .form-submit input {
    font-size: 16px !important;
    text-transform: uppercase;
}
#commentform textarea, #commentform input[type="text"] {
    font-size: 15px;
    font-family: Georgia;
    background-color: #f6f6f6;
}
span.dropcap {
    color: #7ca1aa !important;
    padding: 0.35em 0.08em 0 0 !important;
}

/* Rounded center split and bottom rounded */
  
    .roundedsplit::before,
    .roundedsplit::after {
        position: absolute;
        content: '';
        pointer-events: none;}
  
    .roundedsplit {
        border-radius: 0 0 80px 80px;}
  
    .roundedsplit::before,
    .roundedsplit::after {
        top: -70px;
        left: 0;
        z-index: 10;
        width: 50%;
        height: 70px;
        background: inherit;}
  
    .roundedsplit::before {
        border-radius: 0 80px 0 0;}
  
    .roundedsplit::after {
        left: 50%;
        border-radius: 80px 0 0 0;}

/**CONTACT FORM STYLING **/

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-select {
background-color: #fff !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 16px;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#book-an-appointment {
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
    color: #005aab;
}

#enquiry-type .wpcf7-select, #enquiry-type .wpcf7-select:focus{
    color: #005aab;
    height: 50px;
}

#enquiry-type {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);

}

#enquiry-type, #treatment-choice > p:nth-child(1) {
    font-weight: 700;
} 

#enquiry-type span {
    font-weight: normal !important;
}

#treatment-choices {
   line-height: 1.4em;   
}

#treatment-choices > span {
    margin-top: 25px;
}

#treatment-choices > span > label > span {
    margin-top: 10px;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);

}

#book-an-appointment option {
    color: #005aab;
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 8px 5px;
}

#book-an-appointment label, #treatment-choice > p:nth-child(1) {
    color: #fff;   
}

#book-an-appointment label {
    margin-bottom: 5px;    
}

#treatment-choice > p:nth-child(1) {
    padding-bottom: 5px;
}

#treatment-choice > p:nth-child(2) {
    margin-bottom: 25px;
}

#book-an-appointment input[type=text], 
#book-an-appointment input[type=password], 
#book-an-appointment input[type=tel], 
#book-an-appointment input[type=email], 
#book-an-appointment input.text, 
#book-an-appointment input.title, 
#book-an-appointment textarea, 
#book-an-appointment select, 
#book-an-appointment input[type=text]::-webkit-input-placeholder, 
#book-an-appointment input[type=password]::-webkit-input-placeholder, 
#book-an-appointment input[type=tel]::-webkit-input-placeholder, 
#book-an-appointment input[type=email]::-webkit-input-placeholder, 
#book-an-appointment input.text::-webkit-input-placeholder, 
#book-an-appointment input.title::-webkit-input-placeholder, 
#book-an-appointment textarea::-webkit-input-placeholder, 
#book-an-appointment select::-webkit-input-placeholder
{
    color: #005aab;
}


.wpcf7-submit {
    color: rgba(0,90,171,0.8) !important;
    font-size: 18px;
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;  
    border-color: #005aab;
    border-radius: 5px;  
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 1px;    
    font-weight: bold;
    display: inline-block;
    margin: 0 0 0 15px;
    cursor: pointer;
    position: relative;
    padding: 0.3em 1em;
    border: 2px solid;    
    border-radius: 3px;
    background: #fff;
    font-weight: 500;
    box-sizing: border-box;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: all 0.2s;
    padding: 0.3em 2em 0.3em 2em;
    border: 2px solid transparent;
    color: rgba(0,90,171,0.8) !important;
}

.wpcf7-submit:hover { 
    background: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 6px;
    letter-spacing: 0px;
    padding: 0.3em 1em 0.3em 1em;
    border: 2px solid transparent;
    color: rgba(0,90,171,1) !important;
}

.wpcf7-submit:after {
    line-height: 1.7em;
    font-size: 18px !important;
    opacity: 0;
    margin-left: -1em;
    left: auto;
    display: inline-block;
    content: '\35';
    font-size: 18px;
    color: #005aab;
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}