/* 
Author: Digital Essence
Website: https://digitalessence.net

Colour Swatch:
Orange: #bf6737 rgba(191, 103, 55, 0.7)
Red: #BF2642
Green: #0B7572
Brown: #BF7B54
Cream: #F2ECE4
*/

#header * {border:none!important;}
.standard-logo {height:60px;}
#logo h1  {font-family: 'Courgette', cursive; text-transform:capitalize; color:#000; font-size:1.6em; margin-top:20px;}
#header.transparent-header.full-header:not(.sticky-header) #header-wrap,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: transparent; }
#header.transparent-header.full-header:not(.sticky-header) #header-wrap #logo,
#header.transparent-header.full-header:not(.sticky-header) #header-wrap #primary-menu > ul,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: transparent; }
.button {border-radius:5px!important;}


/* menu */
.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {color: #BF6737!important;}
.menu-item.current > .menu-link {color: #fff!important; background-color:#BF2642!important; border-radius:5px!important;}
.menu-item.current > .menu-link:hover {background-color:#D83D58!important;}
.current {padding-left:10px!important;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~
Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Slider */
.slider-caption-center .slider-background {padding-top:50px; /*background: rgba(0, 0, 0, 0.1);*/}
.slider-caption * {color:#fff!important;}
.slider-caption h2 {font-family: 'Courgette', cursive; text-transform:capitalize;}
.slider-caption p {/*font-family: 'Courgette', cursive; */ text-transform:capitalize; font-size:55px; font-weight:400;}

.heading-block h1 {text-transform:none; font-weight:400; font-size:32px;}
.heading-block h2 {text-transform:none; font-weight:400; font-size:18px;}
.heading-block::after {border:none!important;}
.heading-block .fiona-image {margin: auto; padding-bottom:50px;}

blockquote:before {color:rgba(191,103,55,0.7)!important; position:absolute;
        top:-15px;
        left:-25px!important;}

.fbox-icon i {color:#BF6737!important;}
.button.button-dark {background-color:#4E5255!important;}

/* Remove padding under call to action after pricing block removed */
.de-content-wrap {padding-bottom:0px!important;}

/* Google map */
#google-map5 {margin-bottom:0px!important;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~
Treatments
~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {border:none!important;}
.page-title {position: relative;
	padding: 12rem 0;
	border-bottom: none;
    background-position: center; /* Center the image */
    background-size: cover; /* Resize the background image to cover the entire container */}

#acupuncture-page-title {background-image: url("/images/Acupuncture/acupuncture-parallax.jpg");}
#chinese-herbal-page-title {background-image: url("/images/homepage/chinese-herbal-medicine.jpg");}
#fertility-ivf-page-title {background-image: url("/images/fertility-ivf-support/fertility-and-ivf-support-in-edinburgh.jpg");}
#womens-wellbeing-page-title {background-image: url("/images/womens-wellbeing/two-women-talking-at-home-953KQAH.gif");}
#musculoskeletal-conditions-page-title {background-image: url("/images/musculoskeletal-conditions/tired-young-woman-suffering-neck-pain-while-sittin-NDHFVNU.jpg");}
#privacy-policy-page-title {background-image: url("/images/policy/privacy-policy.jpg");}
#cancellation-policy-page-title{background-image: url("/images/policy/cancellation-policy.jpg");}
#covid-policy-page-title{background-image: url("/images/policy/covid-policy.jpg");}
#appointments-page-title{background-image: url("/images/policy/appointments.jpg");}
#contact-page-title{background-image: url("/images/policy/contact.jpg");}
#about-fiona-page-title{background-image: url("/images/policy/contact.jpg");}
#cosmetic-facial-page-title{background-image: url("/images/cosmetic-acupuncture/edinburgh-cosmetic-facial-acupuncture.jpg");}


#page-title h1 {font-size:40px; text-transform: capitalize;}
.what-is-treatment h3 {margin-bottom:0px;}
.treatment-conditions h4 {margin-bottom:20px; }
.treatment-conditions h4:after {content: ""; display: block; width: 25%; padding-top: 15px; border-bottom: 1px solid #BF2642; }
/* parallax image promo box */
.promo-light {background-color: rgba(255,255,255,0.4)!important;}
.promo-light h3 {color:#000;}
.wellbeing-list {padding-left:20px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
Privacy Policy
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.privacypolicy OL { counter-reset: item!important; }
.privacypolicy LI { display: block!important;}
.privacypolicy LI:before { content: counters(item, ".") " "; counter-increment: item!important; }
.privacypolicy h3, .privacypolicy h4 {display:inline!important;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
Footer
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer-form {background-color: #d9ac84; color: #fff;}
.footer-form h1 {color:#fff; text-transform:uppercase; font-family: "lato"; font-weight:300; font-size:40px;}
.footer-form label {font-family: "lato"; font-weight:400; color:#fff; text-transform:capitalize;}
.footer-form a {font-family: "lato"; font-weight:400; color:#fff; text-transform:lowercase;}
.footer-form a:hover {text-decoration: underline!important;}
.footer-submit-button {background-color: #0B7572; border:#0B7572;}
.footer-submit-button:hover {background-color: #0E8F8C; border:#0B7572;}
.footer-form input, .footer-form textarea {width:50%; transition: width 0.4s ease-in-out;}
.footer-form input:focus, .footer-form textarea:focus {width: 100%;}
#copyrights *, #copyrights a {color: #ccc;}
#copyrights a {margin:0px;}


.de-float-container {background:#202020; display: flex; box-sizing: border-box; font-size: 14px; line-height:46px; font-weight:400; color: rgba(255, 255, 255, 0.4); padding-bottom:25px;}
.de-item {justify-content:space-between; flex-grow: 1; text-align:center;}
.de-de-grow1 {flex-grow:1;}
.de-de-grow2 {flex-grow:2;}
.de-site-name {font-weight:600;}
.de-digitalessence a {font-weight:600; color: rgba(255, 255, 255, 0.4);}
.de-digitalessence a:hover {color:#fff;}
.de-digitalessence a:visited {color: rgba(255, 255, 255, 0.4);}


/*~~~~~~~~~~~~~~~~~~~~~~~~~
Quform
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Border-box*/
.quform-outer, .quform-outer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*Clearfix*/
.quform-cf:before,
.quform-cf:after,
.quform-elements:before,
.quform-elements:after,
.quform-element:before,
.quform-element:after,
.quform-options:before,
.quform-options:after,
.quform-captcha:before,
.quform-captcha:after,
.quform-submit:before,
.quform-submit:after,
.quform-group-wrap:before,
.quform-group-wrap:after,
.quform-group-row:before,
.quform-group-row:after,
.quform-group-title-description-wrap:before,
.quform-group-title-description-wrap:after,
.quform-error-wrap:before,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:before,
.quform-select-replaced .quform-input:after {
	content: " ";
	display: table;
}
.quform-cf:after,
.quform-elements:after,
.quform-element:after,
.quform-options:after,
.quform-captcha:after,
.quform-submit:after,
.quform-group-wrap:after,
.quform-group-row:after,
.quform-group-title-description-wrap:after,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:after {
	clear: both;
}
.quform-cf,
.quform-elements,
.quform-element,
.quform-options,
.quform-captcha,
.quform-submit,
.quform-group-wrap,
.quform-group-row,
.quform-group-title-description-wrap,
.quform-error-wrap,
.quform-select-replaced .quform-input {
	zoom: 1;
} /* IE < 8 */

/*Errors*/
.quform-errors {
	display: none;
}
.quform-errors {
	margin: 0;
	padding: 3px 0 6px 0;
}
.quform-errors > .quform-error, .quform-outer-no-js .quform-error {
    padding: .75rem 1.25rem;
	margin: 0;
	line-height: 1.5;
	background: #F8D7DA url('../images/error.png') no-repeat 3px center;
	color: #721c24;
	font-size: 1rem;
	font-weight: 400;
	display: inline-block;
	border: 1px solid #f5c6cb;
	float: left;
}
.quform-labels-left > .quform-spacer > .quform-errors-wrap {margin-left: 150px;}
.quform-labels-left > .quform-spacer > .quform-errors-wrap .quform-errors > .quform-error {margin-left: 10px !important;}
.quform-labels-above > .quform-spacer > .quform-errors-wrap .quform-errors .quform-error {margin-left: 0 !important;}

/*Success message*/
.quform-success-message, .quform-outer-no-js .quform-success-message {
	background: #cef4a9 url('../images/success.png') no-repeat 14px center;
	padding: 8px 20px 8px 45px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #80bb48;
	font-weight: normal;
	color: #000;
}
