::-ms-clear{width:0;height:0;display:none}::-ms-reveal{width:0;height:0;display:none}
body.single-blog {
height:auto !important;
}
.top-container {
height:685px;
overflow:hidden;
margin: -60px 0 0 0;
}
.singlemidsec {
padding: 40px 0 60px 0;
margin: 0;
background-color: #ffffff;
z-index: 1;
opacity:1;
position:relative;
overflow:hidden;
}
.singleblog {
width:100%;
max-width:800px;
position:relative;
overflow:hidden;
margin:0 auto;
height:auto;
font-family: 'latoregular';
font-size: 19px;
line-height: 38px;
color:#333333;
text-indent:75px;
}
.dropcap {
float: left;
font-family: 'latolight';
font-size: 119.2px;
line-height: 90px;
font-weight: 600;
color: #fc3768;
padding-right: 10px;
margin-top: 10px;
margin-bottom: -1px;
margin-left: 3px;
}
.singleblog h2 {
font-family: 'latosemibold';
font-size: 22px;
font-weight: 600;
color:#323a45;
margin: 0 auto 40px;
width: 100%;
text-align:left;
text-indent:0;
}
.singleblog p {
width: 100%;
margin: 40px auto;
text-indent:0;
}
.singleblog p a {
font-family: 'latosemibold';
font-size: 19px;    
line-height: 38px;
color: #50ADC3;
text-decoration:none;
text-transform:none;	
}
.singleblog ul li {
list-style-type: disc;
list-style: disc;
margin-left: 25px;
text-align: left;
text-indent: 0;
}
.singleblog .inv-tweet {
display: inline;
text-decoration: none;
color: #333c4e;
margin-right: 5px;
}
.singleblog .inv-tweet .copy {
border-bottom: 1px dotted rgba(64, 153, 255, .6);
}
.inv-tweet:hover .copy {
border-bottom: 1px solid #4099ff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
color: #4099ff;
}
.inv-tweet .tweet-container {
position: relative;
display: inline-block;
width: 26px;
height: 23px;
vertical-align: middle;
margin: -3px -2px 0 5px;
}
.singleblog .inv-tweet-sa {
display: block;
color: #fc3768;
margin: 70px auto;
width: 100%;
font: italic 300 30px/50px "latolight";
text-align: center;
text-indent:0;
text-decoration: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
}
.singleblog .inv-tweet .inline-icon-twitter,.singleblog  .inv-tweet:visited .inline-icon-twitter {
position: absolute;
left: 0;
top: 0;
width: 26px;
height: 23px;
background: url(//www.mrrealtors.com/wp-content/themes/MR/img/twitter-sprite-inline.png) no-repeat left top;
}
.singleblog .inv-tweet .inline-icon-twitter-hover {
position: absolute;
left: 0;
top: 0;
width: 26px;
height: 23px;
background: url(//www.mrrealtors.com/wp-content/themes/MR/img/twitter-sprite-inline.png) no-repeat -26px top;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
}
.inv-tweet:hover .inline-icon-twitter-hover { opacity: 1; }
.inv-tweet-sa .sa-twitter-container { position: relative; }
.singleblog .inv-tweet-sa .sa-icon-twitter,.singleblog .inv-tweet-sa:visited .sa-icon-twitter {
position: relative;
display: block;
width: 23px;
height: 26px;
background: url(//www.mrrealtors.com/wp-content/themes/MR/img/twitter-sprite.png) no-repeat left top;
margin: 7px auto 0;
}
.singleblog .inv-tweet-sa .sa-icon-twitter-hover {
position: absolute;
top: 0;
left: 50%;
height: 26px;
width: 23px;
margin-left: -11.5px;
background: url(//www.mrrealtors.com/wp-content/themes/MR/img/twitter-sprite.png) no-repeat -23px top;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
}
.singleblog .inv-tweet-sa:hover { color: #33ccff; }
.singleblog .inv-tweet-sa:hover .sa-icon-twitter-hover { opacity: 1;}
.singleblog img {
width:100%;
height:auto;
margin:0 auto;
}
.middle-blog-sec {
position:relative;
overflow:hidden;
margin: 0;
padding: 0;
}
.bcg {
background:url(//www.mrrealtors.com/wp-content/themes/MR/img/Listing_page_hero_image.png) no-repeat bottom center;
background-size:cover;
position:fixed;
width:100%;	
height:100%;
top:0;
left:0;
}
.single-blog-cont {
position: fixed;
top: 32%;
left: 50%;
width: 60%;
max-width: 700px;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-blog-cont h2 {
font-family: 'latoregular';
font-size: 10px;
line-height: 34px;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.single-blog-cont h1 {
font-family: "blair_itcregular";
font-size: 40px;
line-height: 56px;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
font-weight: 500;
text-align: center;
padding-bottom: 0;
margin-bottom: 0;
}
.author-content {
text-align: center;
position:fixed;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 56%;
}
.author-content img {
height: 40px;
width: 40px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-bottom: 5px;
}
.author-content p {
margin: 0 auto;
font: italic 400 12px/1.5em "latoregular";
color: #fff;
}
.newsletter-signup {
background-color: #ffffff;
position:relative;
overflow:hidden;
margin: 0 auto;
padding:0 0 70px 0;
text-align: center;
z-index: 1;
opacity:1;
}
.newsletter-signup .newsletter-content {
padding: 55px 0;
margin: 0 auto;
text-align: center;
width: 85%;
max-width: 800px;
background: #252b33;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.newsletter-signup .newsletter-content h2 {
font: 300 26px/30px "latoregular";
color: #fff;
text-align: center;
margin: 0 auto 5px;
}
.newsletter-signup .newsletter-content p {
margin: 0 auto 25px;
font: 500 15px/30px "latoregular";
color: #7e8890;
}
.newsletter-signup .newsletter-content #mc_signup_form {
display: inline-block;
width: auto;
}
.newsletter-signup .newsletter-content #mc_signup_form .mc_merge_var,.newsletter-signup .newsletter-content #mc_signup_form .mc_signup_submit {
float:left;
width:auto;
}
.newsletter-signup .newsletter-content #mc_mv_EMAIL {
font: 400 18px/1em "latoregular";
line-height:20px;
color:#8a959e;
width:300px;
margin: 0 15px 0 0;
padding: 14px 15px;
border:none;
outline:none;
background: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.newsletter-signup .newsletter-content #mc_signup_submit {
width:auto;
display: inline-block;
padding: 16px 25px 16px;
margin:0 0 15px 0;
background: #50ADC3;
border: 0;
border-radius: 5px;
color: #fff;			
font-family: "latoregular";
font-size:12px;
line-height: 18px;
font-weight: normal;
text-transform: uppercase;
cursor: pointer;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.newsletter-signup .newsletter-content .mc_var_label,.newsletter-signup .newsletter-content #mc_display_rewards {display:none;}
.newsletter-signup .newsletter-content .footnote {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
font: 500 11px/15px "latoregular";
color: #abb0b7;
margin: 0 auto;
}
.author-cont {
background-color: #ffffff;
margin:0;
padding:0;
z-index: 1;
opacity:1;
position:relative;
overflow:hidden;
}
.author-mid-cont {
background:#ffffff;
max-width: 800px;
margin: 0 auto 70px;
position:relative;
overflow:hidden;
text-align:center;
}
.author-mid-cont .divider {
width: 100%;
overflow: hidden;
margin-bottom: 25px;
}
.author-mid-cont .divider .copy {
font-family: "latoregular";
font-weight: normal;
font-size: 12px;
color: #abb0b7;
text-transform: uppercase;
float: left;
margin-right: 9px;
}
.author-mid-cont .divider .line {
margin-top: 10px;
border-bottom: 1px solid #d0d5d8;
overflow: hidden;
}
.author-mid-cont .author-blog {
overflow: hidden;
width: 100%;
}
.author-mid-cont .author-blog img {
float: left;
width: 104px;
height:104px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 auto;
display: inline-block;
vertical-align: top;
}
.author-mid-cont .author-blog .author-details {
vertical-align: top;
padding-left: 17px;
overflow: hidden;
}
.author-mid-cont .author-blog .author-details p {
margin: 0px;
font-family: "latoregular";
font-size: 16px;
line-height: 30px;
color: #252b33;
width: 100%;
text-align:left;
}
.author-mid-cont .author-blog .author-details h3 {
display: inline-block;
color: #252b33;
font-family: "latoregular";
font-size: 18px;
font-weight: 700;
text-align:left;
margin-bottom: 7px;
width: 100%;
}
.author-mid-cont .author-blog .social-link {
display: inline-block;
width: 100%;
font-family: 'latosemibold';
font-size: 16px;
color: #50ADC3;
text-align:left;
line-height: 30px;
margin: 0;
padding: 0;
text-transform: none;
text-decoration:none;
}
.related-art{
background-color: #ffffff;
margin:0;
padding:0;
z-index: 1;
opacity:1;
position:relative;
overflow:hidden;
}
.related-articles {
background:#ffffff;
position: relative;
max-width: 90%;
max-width:1080px;
margin: 0 auto;
overflow: hidden;
}
.related-articles h2 {
font-size: 14px;
font-family: "latosemibold";
color: #252b33;
text-transform: uppercase;
letter-spacing: 0.075em;
text-align: center;
margin-bottom: 35px;
}
.related-articles .listings {
margin: 70px 20px;
padding: 0;
overflow: hidden;
list-style: none;
}
.related-articles .listings li {
display:inline-block;
margin: 0 0 80px 0;
padding: 0;
overflow: hidden;
list-style: none;
width: 33.33%;
float: left;
position: relative;
}
.related-articles .listings li:nth-child(3n+1) {
clear: both;
}
.related-articles .listings li .box {
position: relative;
margin: 0 26px;
padding: 0;
overflow: hidden;
background: #fff;
}
.related-articles .listings li .img-cont {
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
}
.related-articles .listings li .img-cont img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
}
.related-articles .listings li .desc h4 {
width: 95%;
text-align: center;
font-family: 'latoregular';
font-size: 10px;
font-weight: normal;
line-height: 52px;
color: #aaaaaa;
margin: 0 auto 0 auto;
padding: 0;
text-transform: uppercase;
}
.related-articles .listings li .desc h2 {
font-family: 'latoregular';
font-size: 18px;
font-weight: 700;
line-height: 30px;
color: #50ADC3;
margin: 0 auto;
padding: 0;
max-width: 280px;
text-align: center;
text-transform: uppercase;
}
.loaded section,
.no-js section {
opacity: 1;
-webkit-transition: opacity 300ms ease-out;
-moz-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.related-articles .listings li { width:33%; }
.single-blog-cont {
top: 50%;
}
.author-content {
top: 70%;
}
.single-blog-cont h1 { font-size: 24px; line-height: 38px; }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
.related-articles .listings li { width:50%; }
.related-articles .listings li:nth-child(3n+1) {
clear: none;
}
.related-articles .listings li:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width : 415px) and (max-width : 767px) {
.related-articles .listings li { width:45%; }
}
@media only screen and (max-width : 767px) {
.single-blog-cont {width:90%;top:50%;text-align:center;}
.author-content {top: 80%;}
.single-blog-cont h1 { font-size: 24px; line-height: 38px; }
.singleblog .inv-tweet-sa{padding: 0 10px;box-sizing: border-box;}
.related-articles .listings li { width:100%; }
.related-articles .listings li .box { margin:0; }
.newsletter-signup .newsletter-content { width:100%; }
.newsletter-signup .newsletter-content #mc_signup_form .mc_merge_var, .newsletter-signup .newsletter-content #mc_signup_form .mc_signup_submit { float:none; }
.newsletter-signup .newsletter-content input { margin: 0; width: 230px; }
.newsletter-signup .newsletter-content #mc_mv_EMAIL {width: 270px; margin: 0 auto;}
}