/*
	Theme Name: RealtystlouisV1
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-family: 'Roboto', sans-serif;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	color:#444;
}
html, body{
    overflow-x: hidden;
    width: 100%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
#field_1_5{padding-top:4px;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1400px;
	width:95% !important;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
padding-top:20px;
    height: 67px;
}
/* logo */
.logo {
display:inline-block;
}
h1.logoline {
    font-weight: 900;
    text-align: right;
    width: 146px;
    font-size: 30px;
    margin: 0;
line-height:.6;
    margin-top: 5px;
z-index: 4;
    position: relative;
}
/* nav */
.nav {
    display: inline-block;
    position: relative;
    top: -25px;
    max-height:20px;
}
.nav .menu ul{display:flex;padding-left:40px;}
.nav li, .nav li a{
    color: #fff;
    padding: 0px 5px;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    width: auto;
	padding-top:4px;
}
#searchbar{
    display: flex;
    max-width: 600px;
    height: 20px;
}
#searchbar input{
    height: 30px;
    top: 0;
    position: relative;
    width: 250px;
    font-size:12px;
}
#searchbar button{
	height: 30px;
    top: 0;
    position: relative;
    width: 250px;
    font-size:16px;	
	background-color: #7fbc03;
	border:1px solid #7fbc03;
	color:#fff;
}
#subscribe {
    display: flex;
    max-width: 600px;
    height: 42px;
}
#subscribe input {
    height: 37px;
    top: 0;
    position: relative;
    width: 416px;
    font-size: 22px;
    padding: 10px;
}
#subscribe input::placeholder{
	color:#093c71;
}
#homesearch{
	margin:0 auto;
	width:600px;
}
#homesearch{
  position: absolute;
  top: 50%;
  height: 60px;
  margin-top: -50px;
  left:0;
  right:0;
	
}
#homesearch #searchbar input {
    width: 500px;
    height: 60px;
    font-size: 22px;
    font-weight: bold;
}
#searchbar button.wpl_search_widget_submit{
	width:40px !important;
}
#homesearch #searchbar button.wpl_search_widget_submit{
	width:74px !important;
    height: 60px;
    font-size: 30px;
    font-weight: bold;	
	background-color: #7fbc03;
	border:1px solid #7fbc03;
	color:#fff;
}
#homesearch #searchbar button.search_button.mobile{
	display:none;
}
#searchbar button.search_button.mobile{
	display:none;
}
.shiftnav-toggle-button:hover{background:none !important;padding: 4px 0px 0px 0px !important;}
.shiftnav-toggle-button{background:none !important;padding: 4px 0px 0px 0px !important;}

/* content */
.content {
	padding-bottom:30px;
	padding-top:10px;
}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
padding: 15px;
}
.footer h2{
margin:2px 0px;
font-weight:300;
}
.footer a{color:#fff !important;}
.footer .left, .footer .right {
    width: 49%;
}
.footer .left {
    text-align: right;
}
.footer .right {
    text-align: left;
}
.footer .nav{
    display: block;
    position: initial;
    top: 0;
}
.footer .nav .menu ul {
    display: flex;
    padding: 0px;
}
.footer .nav li, .footer .nav li a{
padding:0px 1px;
}
.footer .nav li a:hover{
	color:#7fbc03;
}
.footer .nav.social{
margin-top:10px;
}
.footer .nav.social li {
padding:0 3px;
}
.footer .nav.social li a img {
    height: 26px;
    width: auto;
}


.bltxt{color:#093c71;}
.grntxt{color:#7fbc03;}
.whttxt{color:#fff;}
.blbg{background-color:#093c71;}
.grnbg{background-color:#7fbc03;}
.upper{text-transform:uppercase;}

.left{float:left;}
.right{float:right;}
.centered{margin:0 auto;}
.center{text-align:center;}
.clear{clear:both;}

a.btn-control {
    font-size: 18px;
    padding: 80px 0px 120px;
    margin: 0 auto;
    width: 150px;
    display: block;
}
a.btn-control input{padding: 10px;border: solid;}
.bgimg img{visibility:hidden;}
.bgimg {background-size:cover;background-position:center;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.homebg{
background-size:cover;margin-top: -23px;position:relative;min-height:400px;background-position:center;
}
.hometxt{padding: 50px 200px;}
.hoodtxt{padding: 50px 0px;}
#socialbar {
    margin-top: -51px;
    background-color: rgba(5, 33, 62, 0.8);
    display: block;
    position: relative;
    padding: 16px;
}
#socialbar img{height:20px;}
#socialbar .cta{color:#fff;font-size:16px;}
#socialbar .left a{margin:0 10px;}

article{margin: 30px 0px;}
#contact{padding-bottom:80px;}
#contact .left{width:45%;}
#contact .right{width:54%;}
#contact input{width:100%;padding:10px;border:1px solid #093c71;font-size:20px;margin-top:0px;border-radius: 3px;}
#contact select{width:100%;padding:10px;border:1px solid #093c71;font-size:20px;margin-top:0px;border-radius: 3px;}
#contact textarea{width:100%;padding:10px;border:1px solid #093c71;font-size:20px;margin-top:0px;border-radius: 3px;} 
#contact form li{margin-top:0px;}
#contact p{padding:0px 100px;}
#contact h2{font-weight:900;font-size:38px;padding-left:100px;}
#contact form{max-width:100%;padding:0px 100px;}
input.wpcf7-form-control.wpcf7-submit {
    width: 200px !important;
    background-color: #093c71;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
}
#gform_submit_button_1, #gform_submit_button_2, .gform_footer input[type=submit]{
    width: 200px !important;
    background-color: #093c71;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
	font-size: 17px;
}
#contact.sell {margin-top: -15px;}
#contact.sell .gform_footer{position:relative;}
#contact.sell .gform_footer input[type=submit]{
	position:absolute;
	right: 0;
    top: -95px;
	width: 150px !important;
}
#contact.meet .gform_footer input[type=submit] {
    top: -30px;
}
ul#left_half {
    width: 50%;
    float: left;
}
ul#right_half {
    width: 49%;
    float: right;
}
.gform_wrapper textarea.large {
    height: 267px !important;
}

.relocate .gform_wrapper .gform_footer {
    padding: 0px;
    margin: 0px;
}
#buy.relocate #contact input#gform_submit_button_2{
	margin-right:16px;
	margin-top:10px !important;
	float:right;
	background-color:#093c71;
}

#pophidden{
	display:none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 200000000000000;
}
#pophiddenlogin{
	display:none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 200000000000000;
}
#pophiddenlogin #contact{overflow:hidden !important;}
#pophiddenlogin iframe{
		width:100%;
		height: 312px;
		border: none;
		overflow:hidden;
}
#pophiddenlogin #forgot_pw a {
    color: #093c71;
    text-decoration: underline;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 16px;
}
#reg_button{
    width: 45% !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    font-style: normal;
    display: inline-block;
    margin: 10px;
    cursor: pointer;	
	background-color: #093c71;
}
#reg_button a {
    color: #fff !important;
    font-weight: normal;
    font-size: 20px;
}
#login_button{
    width: 45% !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    font-style: normal;
    display: inline-block;
    margin: 10px;
    cursor: pointer;	
	background-color: #7fbc03;
}
#login_button input {
    border: none !important;
    background: none !important;
    color: #fff;
    padding: 0px;
    margin: 0 !important;
}
div#forgot_pw {
    margin: 30px 0px 40px;
}

#contact.popup {
    background-color: #fff;
    max-width: 100%;
    width: 800px;
    height: 80vh;
    overflow-y: scroll;
    margin: 0 auto;
    margin-top: 60px;
}
.gform_body ul li{list-style:none;}
#contact.popup .gfield_label, #contact.popup label{font-size: 20px;font-weight: 300;}
#contact.popup input{margin-bottom:10px;border: 1px solid #7a7a7a;}
#contact.popup textarea{border: 1px solid #7a7a7a;}
#contact.popup ul.gfield_radio{margin:0px;padding:10px 0px;}
#contact.popup ul.gfield_radio li {display: inline-block;position: relative;width: 120px;}
#contact.popup ul.gfield_radio li *{display:inline-block;}
#contact.popup ul.gfield_radio li input[type=radio]{width:30px;}
#contact.popup ul.gfield_radio li label{width:200px;top: 0px;position: absolute;}
#contact.popup input[type=radio] {
    width: 30px;
    height: 20px;
    margin-top: 2px;
}
#contact.popup .gf_left_half{float:left;width:49%;}
#contact.popup .gf_right_half{float:right;width:49%;}
#contact.popup #gform_submit_button_1, #gform_submit_button_2, .gform_footer input[type=submit] {
    margin: 0 auto;
    clear: both;
    float: none;
    display: block;
    margin-top: 25px !important;
    background-color: #7fbc03;
	border: 1px solid #7fbc03;
}

.gform_confirmation_message {
    font-size: 20px;
    padding: 0px 30px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.close {
    font-size: 30px;
    font-weight: bold;
    float: right;
    padding: 10px;
    transform: scale(1,.8);
	cursor:pointer;
}


#buy .left{width:60%;}
#buy .right{width:36%;padding: 63px 0px;}
#buy .left #content{font-size: 20px;padding: 42px 0px;}
#buy .left #content p{font-size: 20px;}
#bigcaption {
    width: 100%;
    max-width: 700px;
    font-size: 35px;
    margin-top: 90px;
}
#bigcaption h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 100;
    font-style:italic;
}

#blog{padding:30px 0px;}
#blog article{width:33%;float:left;padding: 0px 10px;margin:0px;}
#blog .padder {
    padding: 10px 0px 80px;
}
#blog h2{font-size:29px;font-weight: 900;margin-top: 0px;padding-top: 14px;}
#blog h2.bltxt a{color:#093c71;font-size:22px;}
#blog h2.grntxt a{color:#7fbc03;font-size:22px;}
#blog .date{font-size:14px;font-weight: 700;}
#blog .bgimg{width:100%;max-height:250px;background-size:cover;}
#blog p{color:#b8b8b8;font-size:16px;}
.view-article{display:none;}
img.clock {
    width: 18px;
    margin-right: 8px;
}
.pagination {
    width: 300px;
    margin: 0 auto;
    text-align: center;
	font-size:16px;
}
.page-numbers{display:none;}
.page-numbers.current, .page-numbers.next, .page-numbers.prev{display:inline-block;}
a.next.page-numbers {
    border: 1px outset #cacaca;
    padding: 3px 7px;
    border-radius: 2px;
    position: relative;
    top: -2px;
    margin-left: 20px;
}
a.prev.page-numbers {
    border: 1px outset #cacaca;
    padding: 3px 7px;
    border-radius: 2px;
    position: relative;
    top: -2px;
    margin-right: 20px;
}
a.first.page-numbers {
    border: 1px outset #cacaca;
    padding: 3px 7px;
    border-radius: 2px;
    position: relative;
    top: -2px;
}
a.last.page-numbers {
    border: 1px outset #cacaca;
    padding: 3px 7px;
    border-radius: 2px;
    position: relative;
    top: -2px;
    margin-right: 20px;
}
article h2{margin-bottom:5px;}
article p{margin-top:0px;margin-bottom:10px;}
#blogpost .left{width:60%;}
#blogpost .right{width:40%;margin-top: -63px;}
#blogpost .right article {
    padding: 0px 80px;
	margin: 0px;
}
#blogpost .bgimg{width:100%;max-height:250px;background-size:cover;}
#blogpost h2.bltxt a{color:#093c71;font-size:22px;}
#blogpost p{font-size:14px;}
#blogpost h2.grntxt a{color:#7fbc03;font-size:22px;font-weight:800;}
#blogpost .date{font-size:16px;font-weight: 700;}
#blogpost .post_content{padding:20px 5px;}
.postbar{display:flex;padding: 0px 0px 20px;}
.postbar img {
    width: 30px;
    border: 1px solid #4b4b4b;
    padding: 5px;
    border-radius: 25px 25px;
    margin-top: -7px;
    margin-left: 2px;
}

#agentsbox{padding:30px 0px;}
.agentcard {
    width: 33%;
    float: left;
    padding: 30px;
}
.agentcard .photo img{
border-radius: 200px 200px;
max-width:330px;
margin: 0 auto;
display: block;
}
.agentcard .caption{
    margin: 0 auto;
    font-size: 18px;
}
.caption .person{text-align:center;font-weight:bold;padding:15px 0px 10px;}
.caption .ctitle{text-align:center;}
.agent .left{width:40%;padding: 10px;}
.agent .right{width:60%; padding: 5px;}
.agentmeta{padding:60px 0px 20px;}
.agentmeta h1 {
    font-size: 40px;
}
.type-agent .left{width:30%;}
.type-agent .right{width:68%;}
.wp-post-image{width:100%;}

.hoodcard {
    width: 33%;
    float: left;
    padding: 30px;
}
.hoodcard .photo{border-top: 4px solid #7fbc03;}
.hoodcard img{width:100%;vertical-align: initial;}
.hoodcard .caption h2{font-size:28px;font-weight:800;}
.hoodcard .caption {
    text-align: center;
    border-bottom: 4px solid #093c71;
}

.sellpage{margin-bottom:80px;}
.sellpage .content{padding-right:40px;}
.sellpage .left{width:60%;}
.sellpage .right{width:40%;}
.sellpage2 .left{width:50%;}
.sellpage2 .right{width:50%;}
.sellpage p{padding-left:100px;}

#pophidden.pop.poptour #contact.popup{background-color:#7fbc03;overflow:hidden;}
#pophidden.pop.poptour #contact.popup .gf_left_half { float: none; width: 49%; }
#input_6_5_1_container input, #input_6_5_2_container input, #input_6_5_3_container input{width:60px;}
#pophidden.pop.poptour #contact.popup input{color:#000;border:none;}
#pophidden.pop.poptour #contact.popup input::placeholder{}
#pophidden.pop.poptour #contact.popup #gform_submit_button_1, #gform_submit_button_2, .gform_footer input[type=submit]{
    width: 200px !important;
    padding: 10px;
    border: 1px solid #093c71;
	background-color: #093c71;
    font-size: 20px;
    margin-top: 0px;
    border-radius: 3px;
	margin-top:0px !important;
	float:right;
	color:#fff !important;
}
.gform_wrapper ul li.gfield {
    clear: unset;
}
#contact.popup .gf_left_half {
    float: none;
    width: 49%;
}
.fanc-row {
    width: 10px;
    height: 0px;
    display: inline-block;
    padding: 2px 5px 0px;
}
.add a{color:#fff;}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

.heroh {
    width: 45%;
    text-align: right;
    height: 60px;
}
.heroh h1 {
    font-size: 52px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: right;
    margin-top: 72px;
    padding-top: 6px;
    margin-right: -2px;
}
h1{margin:0px;}

p {
    font-size: 20px;
	font-weight:300;
}

.fas {
    font-family: "Font Awesome 5 Free" !important;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}
.fas:before {
    font-family: "Font Awesome 5 Free" !important;
}
i.fas.fa-bars {
    font-size: 20px;
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


/*------------------------------------*\
    SLICK
\*------------------------------------*/

.slick-next {
    right: 25px;
}
.slick-prev {
    left: 25px;
}
.slick-arrow{visibility:hidden;}

#test{margin:100px 0px;}
.testslider{padding:20px 0px 35px;}
.testslider .summary{text-align:center;color:#fff;}
.testslider .caption{text-align:center;}
.testslider .person {
    text-align: center;
    display: inline-block;
    font-style: italic;
    font-size: 25px;
    font-weight: normal;
    padding-right: 5px;
}
.testslider .location {
    text-align: center;
    display: inline-block;
    font-weight: 100;
    font-size: 22px;
}
.dots
{
    height: 50px;
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    margin-top: -40px;
}
.slick-dots{
bottom:25px;
}
.slick-dots li button {
    color: #000;
    background-color: #fff;
    border-radius: 5px 5px;
height:2px;
width:2px;
padding:2px;
}
.slick-dots li.slick-active button {
    background-color: #7fbc03;
height:5px;
width:5px;
padding:5px;
}

#instabox, #instafeed {
    padding: 50px 0px 100px;
}
.instapic{margin: 2px;display:none;}
.instapic.slick-slide{display:block;}
.instapic img {
    display: block;
    width: 100%;
	padding: 2px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}