/*
 Theme Name: Serenity
 Description: The custom theme [Your Theme Name] using the parent theme Twenty Sixteen.
 Author: hotshotcreative
 Author URI: [Your URL]
 Template: blankslate
 Version: 1
 */
 
 @import url('../blankslate/style.css');

/* =============================================================================
   Site Styles
   ========================================================================== */
html{
	font-family: arial!important;
	padding: 0;
	margin-top: 0!important;
}
body{
	background: #fff;
	color: #707070;
}

.leftcolumn img, .rightcolumn img{
	border-radius: 50%;
	border: 4px solid #c9c9c9;
	margin-bottom: 50px;
}

h1, h1.entry-title, h2, h3{
	color: #707070;
	font-weight: bold;
	margin-bottom: 15px;
}

h1, h1.entry-title{
	font-size: 40px;
	line-height: 45px;
}

h1.entry-title{margin-bottom: 32px;}

h2{
	font-size: 20px;
	line-height: 24px;
}

h3{
	font-size: 18px;
}

p{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}

.footer_content h2{
	color: #fff;
	text-transform: uppercase;
}

a, a:visited, a:active, a:focus{
	outline: 0;
	color: #56507b;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

ul{
	margin: 0 0 10px 20px;
}

li{
	list-style: disc;
	padding-bottom: 10px;
}

strong{
	font-weight: bold;
}

.aligncenter{
	margin: auto;
	display: block;
}

.inner{
	max-width: 1320px;
	margin: auto;
	overflow: hidden;
}

.clear{clear: both;}


/* =============================================================================
   Header Styles
   ========================================================================== */
header{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.address{
    color: #fff;
    background: #56507b;
    width: 100%;
    height: 60px;
}


.location{
    text-transform: uppercase;
    padding-top: 18px; 
    float: left;
    width: 50%;
}

.location p {
    margin: 0;
}

.header_contact{
	color: #fff;
	max-width: 350px;
	float: right;
	width: 100%;
	padding: 0 10px;
	height: 40px;
	text-align: center;
	border-radius: 0 0 15px 15px;
	background: #f28528;
	right: 0;
}

.header_container{
    overflow: hidden;
    width: 100%;
    max-width: 1320px;
    margin: auto;
}

.main_pic{
	width: 83%;
	float: right;
}

.main_pic img{
	width: 100%;
}


.logo{
	width: 15%;
	float: left;
	padding: 110px 15px;
	background: #fff;	
}

.logo img{
	width: 100%;
	
}



.header_contact a, .header_contact{
	color: #fff;
}

.header_contact p{
	margin: 0;
	line-height: 40px;
}




/* =============================================================================
   Navigation Styles
   ========================================================================== */
nav{
	clear: both;
	background: #efeeed;
}   

.menu-main-menu-container{
	width: 100%;
	padding: 15px 0;
}

.menu-main-menu-container ul{
	margin: 0;
}

nav .current-menu-item > a, nav .current-menu-ancestor > a{
	color: #605e5d;
	font-weight: bold;
}

nav a, nav a:visited{
	text-decoration: none;
}

nav a:hover,
nav a:focus, 
nav a:active {
	color: #605e5d;
}

nav a:hover {
	text-decoration: underline;
}

nav li{
	border-left: 1px solid #605e5d!important;
	padding: 0 10px;
	display: inline;
}

nav li a, nav li a:visited{
	color: #605e5d;
}

#menu li:first-child{
	border-left: none!important;
}

nav li:hover > a, nav li.focus > a{
	color: #605e5d;
	outline: none;
}


/* =============================================================================
   Page Styles
   ========================================================================== */
.entry-content {
	overflow: hidden;
	padding: 50px 0;
}

.leftcolumn, .rightcolumn{
	width: 46%;
}

.leftcolumn{
	float: left;
}

.rightcolumn{
	float: right;
	margin-top: 77px;
}

/* =============================================================================
   Accordion Styles
   ========================================================================== */
#wpsm_accordion_171 .wpsm_panel + .wpsm_panel {
    margin-top: 1px!important;
}

.fa {
    float: right;
    font-size: 30px;
    margin-top: -4px;
}

/* =============================================================================
   Contact Form Styles
   ========================================================================== */
 .gform_wrapper .gform_footer {
    padding: 10px 0!important;
    margin: 0!important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]{
	margin: 0!important;
	width: 100%!important;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
	width: 100%;
	background: #56507b;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus{
	background: #f28528;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea{
	background: none;
}

.gform_wrapper ul.gform_fields li.gfield{
	padding-right: 0!important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
	width: 100%!important;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label{
	font-weight: normal!important;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select{
	margin-bottom: 0!important;
}

.gform_wrapper textarea,
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    border: 1px solid #707070;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]{
	border: none;
}

.gform_wrapper .gfield_required{
	color: #f28528;!important;
}
/* =============================================================================
   Footer Styles
   ========================================================================== */
.action{
	color: #fff;
	background-color: #d87a28;
	background-image: linear-gradient(#f18428, #d87a28);	
	text-align: center;
	border-bottom: 5px solid #fff;
	height: 80px; 
}

.action a{
	text-decoration: none;
}

.action a:link, .action a:hover, .action a:focus, .action a:visited{
	color: #fff;
}

.action a:hover{
	border-bottom: 1px dotted #fff;
}

.action p{
	margin: 0;
	font-size: 20px;
	line-height: 80px;
}

footer{
	overflow: hidden;
	padding: 45px 0;
	background: #56507b;
}

footer, footer a{
	color: #fff;
}

.footer_content{
	float: left;
	width: 33.33%;
}

.footer_content h3{
	text-transform: uppercase;
	margin-bottom: 0;
	color: #fff;
}

.footer_content p{
	margin: 0;
}

.footer_content a, .footer_content a:visited, .footer_content a:focus, .footer_content a:active{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.footer_content a:hover{
	text-decoration: underline;
}

.footer_content hr{
	color: #fff;
	margin: 18px 45%;
}


/* =============================================================================
   Back to top styles
   ========================================================================== */
.back_to_top {
    clear: both;
    font-size: 0.8em;
    text-align: right;
    padding-bottom: 1em;
}
.back_to_top a, .back_to_top a:visited {
    color: #000;
}

/* =============================================================================
   max screen width 800px
   ========================================================================== */ 
@media screen and (max-width: 800px) {

}

/* =============================================================================
   max screen width 480px
   ========================================================================== */ 
@media screen and (max-width: 480px) {
.leftcolumn, .rightcolumn, .logo, .footer_content{
	width: 100%;
}

h1, h1.entry-title{
	font-size: 30px;
	margin-bottom: 10px;
}

.leftcolumn img, .rightcolumn img{
	border-radius: 0;
	border: none;
	height: auto;
	margin-bottom: 10px;
}

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

.main_pic{display: none;}

.logo_container{min-height: 0; margin: 0 auto;}

.logo_content{position: none; z-index: 0;}
.header_contact, .logo img{
	border-radius: 0;
	border: none;
	max-width:none; 
}

.logo{
	margin: 30px 36% 0;
	max-width: 120px;
	border: none;
	padding: 0;
}

.header_contact{
	position: static;
}

.location{
    padding: 10px 0 10px 15px;
    width: 80%;
}

.inner{overflow: initial;}

nav{
	display: none;
}

.entry-content, .footer_content{
	padding: 10px 4%;
}

.entry-content img{width: 100%;}

.rightcolumn{
	margin-top: 0;
}

.action p {
    font-size: 16px;
}

}