/*
Theme Name: Key Settlement Services
Description: Custom Divi child theme for Key Settlement Services
Author:   TitleTap
Template: Divi442
*/
@import url("../Divi442/style.css");
@font-face {
	font-family: 'Garamond';
	src: url('fonts/EBGaramond12-Regular.eot');
	src: local('☺'), url('fonts/EBGaramond12-Regular.woff') format('woff'), url('fonts/EBGaramond12-Regular.ttf') format('truetype'), url('fonts/EBGaramond12-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Style Footer Credits - Lines 948 & 949 */
#footer-info { 
	color: green; 
	padding-bottom: 10px; 
	float: left; 
}
#footer-info a { 
	font-weight: 700; 
	color: yellow; 
}
#footer-info a:hover { 
	color: pink; 
}

/* Style Footer Social Icons - Lines 1185 to 1198 */
#footer-bottom .et-social-facebook a {
	color: blue;
}
#footer-bottom .et-social-twitter a {
	color: powderblue;
}
#footer-bottom .et-social-google-plus a {
	color: red;
}
#footer-bottom .et-social-rss a {
	color: orange;
}

/* Hover Colors*/
#footer-bottom .et-social-facebook a:hover {
	color: pink;
}
#footer-bottom .et-social-twitter a:hover {
	color: pink;
}
#footer-bottom .et-social-google-plus a:hover {
	color: pink;
}
#footer-bottom .et-social-rss a:hover {
	color: pink;
}

/* Custom CSS for Site 2*/

/*---------- [Custom Button Styling] ----------*/
a.button-schedule:before {font-family: 'ETmodules'; content: "\e058"; margin-right: 10px !important;}

a.button-details:before {font-family: 'ETmodules'; content: "\e059"; margin-right: 10px !important;}

a.button-amenities:before {font-family: 'ETmodules'; content: "\e01d"; margin-right: 10px !important;}

a.button-tour:before {font-family: 'ETmodules'; content: "\e024"; margin-right: 10px !important;}

a.button-map:before {font-family: 'ETmodules'; content: "\e083"; margin-right: 10px !important;}

.button-map {margin-bottom: 10px !important; margin-top: 10px !important;}

a.button-schedule {
    padding: 8px 20px;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
	-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
}

a.button-schedule:hover {background-color: rgba(255,255,255,1); color: #dd5252;}

/*Rust colour button styling*/  
a.button-rust {
    font-size: 20px;
    text-transform: uppercase;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 8px 20px;
    line-height: 1.7em;
    background-color: #cc4429;
    border: 1px solid #cc4429;
	color: #ffffff;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
	-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
}

a.button-rust:hover {
    background-color: rgba(255,255,255,1);
    color: #cc4429 !important;
}

/*Charcoal colour button styling*/
a.button-charcoal {
    font-size: 20px;
    text-transform: uppercase;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 5px;
    padding: 8px 20px;
    line-height: 1.7em;
    background-color: #48a7dd;
    border: 1px solid #48a7dd;
	color: #ffffff;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
	-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
}

a.button-charcoal:hover {
    background-color: #bbff2b;
    color: #666666;
	letter-spacing: 2px;
}

/*Custard colour button styling*/
a.button-custard {
    font-size: 20px;
    text-transform: uppercase;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 8px 20px;
    line-height: 1.7em;
    background-color: #FFD85C;
    border: 1px solid #FFD85C;
	color: #242424;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
	-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
}

a.button-custard:hover {
    background-color: rgba(255,255,255,1);
    color: #FFD85C;
}

a.sidebar_btn1:before {
font-family: 'ETmodules'; content: "\e08a"; margin-right: 10px !important;
}

a.sidebar_btn2:before {
font-family: 'ETmodules'; content: "\e009"; margin-right: 10px !important;
}

a.sidebar_btn2:hover {
    color: #242424 !important;
}

a.sidebar_btn3:before {
font-family: 'ETmodules'; content: "\e0ed"; margin-right: 10px !important;
}

a.sidebar_btn3:hover {
    color: #FFD85C !important;
}


.widgettitle {font-size: 25px; line-height: 1.2em; font-weight: 600px; margin-top: 10px; text-align: center !important;}

.contact-page-form .et_pb_contact input, .contact-page-form .et_pb_contact textarea {border: 1px solid #ddd !important;}

.contact-page-form .et_pb_contact input:focus, .contact-page-form .et_pb_contact textarea:focus {border: 1px solid #ffd85c !important;}


#et-info-phone:before, #et-info-email:before {display: none;}
#et-info-phone a {color: #1e73be;}
#et-info {float: right !important;}
.top_order {padding: 5px 10px; background: #1e73be; color: #fff !important; border-radius: 3px; margin-left: 10px;}
.top_order:hover {background: #5d8fd6;}


@media only screen and ( max-width: 479px ) {
	#et-info {
		float: center !important;
	}
	.top_order {
		display: none;
	}
}

/*.et_fixed_nav #top-header {position: absolute !important;}*/
.et-fixed-header {top: 0px!important;}

.staff_person .et_pb_team_member .et_pb_member_social_links {margin-top: -26px; padding-left: 32px !important;}

#et-info-phone .phn {text-decoration: underline !important;}
#footer-info a {text-decoration: underline !important; font-weight: 400 !important;}


#page-container #top-header .container .logo_container {
    top: 0px;
}
/*.et-fixed-header .container .logo_container{
	display:none;
}*/

/*---------- [Cut Off Corner Box Styling] ----------*/

.cutCorner {
    position:relative;
    border:none; 
	display: inline-block;
	padding: 50px ;
}

.cutCorner:before {
    position:absolute; 
	left:0px; top:0px; content:'';
    border-top: 70px solid white;
    border-right: 70px solid transparent;
}

.cutCorner:after {
    position:absolute; left:0px; top:0px; content:'';
    border-top: 70px solid white;
    border-right: 70px solid transparent;
}