/*
Theme Name:     salient child
Description:    RA Salient Child Theme
Author:         RA
Template:       salient

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

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

#header-outer {
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 1%;
	padding-right: 93px;
	background-image: url("https://revitalisedaesthetics.co.uk/img/head-face.jpg");
}
#header-outer.scrolled-down { 
	background-image: url('https://revitalisedaesthetics.co.uk/img/head-face.jpg');
	background-color: transparent;  /*  ...this line to try and force transparency...  */
}
#header-outer.small-nav { 
	background-image: url('https://revitalisedaesthetics.co.uk/img/head-face.jpg'); 
	background-color: transparent; 
}

p { 
padding-bottom: 15px;
} 


/***************** Header Navigation Social Media Icons ******************/

#header-outer[data-format="default"] #social-in-menu {
    margin: 0 5px 0 5px;
}
#header-outer #social-in-menu i.fa-facebook {
    width: 36px;
}
#header-outer #social-in-menu i, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i {
    font-size: 15px !important;
}

/***************** monarch social follow shortcode  ******************/

.et_monarch .et_social_autowidth li {
    margin: 0 4% 0 0 !important;
}

/***************** Toggle ******************/

/* toggle heading text*/
div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3 {
	font-size: 20px!important;
}

/* the toggle + icon*/
.toggle h3 a i {
	left: 16px;
	color: #fe6529;
	top: 12px;
	width: 18px;
	height: 16px!important;
	line-height: 18px!important;
	font-size: 16px;
}

/* the toggle heading text LINK colour*/
.toggle h3 a {
	color: #fe6529;
}

/* TOGGLE opened box*/
body .toggle > div {
	padding: 14px 24px;
	background-color: #fe6529!important;
	font-size: 20px;
}




/***************** minimal ******************/

body div[data-style="minimal"] .toggle.open h3 a, body div[data-style="minimal"] .toggle h3 a {
	background-color: transparent!important;
	font-weight: bold;
	letter-spacing: 1px;
}

div[data-style="minimal"] .toggle > div {
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0 0 30px 0;
	background-color: transparent!important;
}

div[data-style="minimal"] .toggle i {
	width: 30px;
	height: 30px!important;
	position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888888;
    border-radius: 30px 30px;
    -ms-transition: border-color 0.15s ease;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
}

div[data-style="minimal"] .toggle h3 a {
	padding: 45px 45px 30px 0px;
	-ms-transition: color 0.15s ease;
    transition: color 0.15s ease;
    -webkit-transition: color 0.15s ease;
}


div[data-style="minimal"] .toggle {
	border-bottom: 2px solid rgba(0,0,0,0.08);
	-ms-transition: border-color 0.15s ease;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
    margin-bottom: 0!important;
}

div[data-style="minimal"] .toggle i:before {
	content: ' ';
	top: 14px;
    left: 6px;
    margin-top: -2px;
    width: 14px;
    height: 2px;	
    position: absolute;
    background-color: #888888;
    -ms-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    -webkit-transition: background-color 0.15s ease;
}


div[data-style="minimal"] .toggle i:after {
	content: ' ';
	top: 6px;
    left: 14px;
    width: 2px;
    margin-left: -2px;
    height: 14px;	
    position: absolute;
    background-color: #888888;
    -ms-transition: transform 0.45s cubic-bezier(.3,.4,.2,1), background-color 0.15s ease;
    transition: transform 0.45s cubic-bezier(.3,.4,.2,1), background-color 0.15s ease;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(.3,.4,.2,1), background-color 0.15s ease;
}



/***************** FOOTER ******************/

#footer-outer .row {
	padding: 11px 1% 8px 1%;
}
#footer-outer .widget {
	margin-bottom: 0px;
}
#footer-outer #footer-widgets a:hover {
    color: #ffffff !important;
}


/* footer copyright*/

#ra-cop {
	margin: 0;
	text-align: left;
	font-size: 10px;
	line-height: 16px;
  	font-style: normal;
  	font-weight: normal;
    letter-spacing: 1px;
}

#photoby {
	margin: 0;
	text-align: right;
	font-size: 10px;
	line-height: 16px;
  	font-style: normal;
  	font-weight: normal;
    letter-spacing: 0.5px;
}



/* change colour of TAG buttons*/
#footer-outer #footer-widgets .col .tagcloud a {
	background-color: #fe6529 !important;
}
article.post .more-link span, .blog-recent .more-link span {
	background-color: #fe6529 !important;
}



/* changed the background colour of the TAG buttons*/
#sidebar .widget .tagcloud a, .post-tags a  {
	background-color: #90B557;
}
#sidebar .widget .tagcloud a, .post-tags a:hover  {
	color: #ffffff !important;
}



/* Buttons HOVER */
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	opacity: 0.86;
}




/***************** TABS ******************/

body .tabbed > ul li a {
	color: #fe6529;
}

.tabbed ul li a { 
	font-weight: bold;
	color: #fe6529;
}

.tabbed ul li a:hover { 
	color: #fff!important;
	background-color: #90b557;
}

body .tabbed > ul li a.active-tab {
	color: #fff;
	background-color: #fe6529;
}



/***************** BUTTON SEE THROUGH SOLID ON HOVER ALT ******************/

.nectar-button.see-through-2, .nectar-button.see-through-3 {
	background-color: #fe6529!important;
	border: 2px solid #fe6529!important;
}

.nectar-button.see-through-2:hover, .nectar-button.see-through-3:hover {
	color: #fe6529!important;
	background-color: #fbfbfd!important;
	border: 2px solid #fe6529!important;
}




/***************** CONTACT FORM BODY TEXT ******************/

body[data-form-style="minimal"] .minimal-form-input label span.text .text-inner {
color: #9B9B9B !important;
}

/***************** contact form SUBMIT BUTTON send message ******************/

input.wpcf7-form-control.wpcf7-submit {
    background-color: #fff;
    color: #9B9B9B;
    border-color: #E0E0E0!important;
    border-top: solid 1px #E0E0E0;
    border-left: solid 1px #E0E0E0;
    border-right: solid 1px #E0E0E0;
    border-bottom: solid 1px #E0E0E0;
}

input.wpcf7-form-control.wpcf7-submit:hover {
background-color: #fe6529!important;
color: #ffffff;
border-color: #fe6529!important;
border-top: solid 1px #fe6529;
border-left: solid 1px #fe6529;
border-right: solid 1px #fe6529;
border-bottom: solid 1px #fe6529;
}