/*
Theme Name: Luxury Spa Child
Theme URI: http://cmsmasters.net/luxury-spa-child/
Author: Redback Solutions
Author URI: http://www.rb.com.au/
Description: Luxury Spa Child Theme
Template: luxury-spa
Version: 1.0.0
License:
License URI:
Text Domain: luxury-spa-child
*/




/* HEADER */
.phone-responsive {
    display: none;
    position: relative;
    float: right;
    margin-right: 5%;
}

.phone-wrapper {
	height: 100%;
}

.phone-responsive a, .phone-responsive span {
	position: relative;
	top: 38%;
	transform: translateY(-38%);
	font-size: 24px;
	color: #000000;
}





/* COPY */
h2 {
    font-size: 34px;
    line-height: 42px;
}

h3 {
	margin-top: 35px;
	font-weight: 600;
}

ul {
	padding-left: 25px;
}

ul > li:before {
    color: #00c1b1;
}

.references {
    margin-top: 30px;
    padding: 20px;
    background-color: whitesmoke;
}

.references p {
	font-size: 12px;
}

.content .cmsmasters_img.feature-img {
    margin-bottom: 30px;
}




/* HOME */
.quality {
	padding-left:45px;
}

.quality h3 {

}

.quality h3:before {
	display: inline-block;
	content: url(/wp-content/uploads/2018/01/001-check-mark-1.png);
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	transform:translate(0px, -3px);
}

.cmsmasters_featured_block.cmsmasters_featured_block_hover:hover:before {
    opacity: 0.65;
}





/* IMG */
.cmsmasters_img.service-page-img {
	-webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
}

.cmsmasters_img.service-page-img:hover {
	filter: brightness(70%);

}

.content img.alignright {
    padding-left: 20px;
    margin-left: 35px;
}






/* SIDEBAR */
.widget h3.widgettitle {
    font-size: 24px;
    margin-bottom: 35px;
}

.widget_pages ul li a {
	padding: 18px 0;
	font-size: 16px;
}

.sidebar aside {
    padding: 20px 40px;
    border-left: 1px solid;
    margin-bottom: 0;
    border-bottom: 1px solid;
}

.sidebar aside:last-child {
	border-bottom: 0;
}

aside#custom_html-2 {
	padding-bottom: 55px;
}

.sidebar a.cmsmasters_button {
	margin-top: 20px;
	background-color: #00c1b1;
	border-color: #00c1b1;
}

.sidebar a.cmsmasters_button:hover,  {
	background-color: #ffd000;
	border-color: #ffd000;
}




/* CLINKO */
.clinko-wrapper {
	max-height: 1230px;
}

.clinko-wrapper iframe {
	min-height: 1230px;
}





/* FORMS */
.cmsmasters_mailpoet_form input[type=submit]:hover {
	color: #ffffff;
	background-color: #ffd000;
	border: 1px solid #ffd000;
}

.wpcf7 input, textarea {
    margin-bottom: 20px;
}

input.wpcf7-submit:hover {
	background-color: #ffd000;
	border-color: #ffd000;
}





/* FOOTER */
.footer_custom_html {
	max-width: 480px;
    color: white;
    text-transform: none;
    font-family: 'Open Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 2.5px;
}

 .cmsmasters_color_scheme_footer .footer_custom_html a {
	color: #ffffff;
}

 .cmsmasters_color_scheme_footer .footer_custom_html a:hover {
	color: #ffd000;
}

.cmsmasters_footer_default .footer_inner {
	padding-top: 90px;
}

.cmsmasters_footer_default * + .footer_copyright {
    margin: 70px 0 0;
}

.cmsmasters_footer_default .footer_nav_wrap {
	margin: 0;
}


@media screen and  (min-width: 44.8125em) {
	.site-footer__rb {
	    margin-left: auto;
	    margin-top: 0;
	}	
}

.site-footer__rb {
    color: #848484;
    display: inline-block;
}

.site-footer__rb svg {
    fill: currentColor;
    transition: all 0.2s ease-out;
}
	
.site-footer__rb:hover svg {
    fill: #f91546;
}

.footer_copyright a:hover {
    color: #fff;
}

a.site-footer__rb {
    float: right;
}





/* REPSONSIVE */

@media only screen and (max-width: 1024px) {
	#header .navigation > li > a:hover {
		color: #00c1b1;
	}
}

@media only screen and (max-width: 1024px) {
	.phone-responsive {
		display: inline-block;
	}
}

@media only screen and (max-width: 768px) {
	.phone-responsive span {
		display: none;
	}

	.phone-responsive a {
		top: 38%;
		transform: translateY(-38%);
		font-size: 20px;
	}

	.phone-responsive {
		float: none;
		vertical-align: top;
    	margin-left: 35px;
    	margin-right: 0;
	}
}

.widget_pages li a:hover, ul.navigation li > ul li:hover a, navigation li > a:hover, .navigation li.current-menu-ancestor > a, .navigation li.current-menu-item > a {
	color: #00c1b1;
}

img.about-img {
	width: 50%;
}

@media screen and (max-width: 600px) {
	.content img.about-img {
		width: 40%;
		padding-left: 0px;
    	margin-left: 25px;
	}	
}

@media screen and (max-width: 540px) {
	.content img.about-img {
		float: none;
		width: 1000%;
		padding-left: 0px;
    	margin-left: 0px;
	}	
}