/* @override 
	https://www.mayscre.com/wp-content/themes/b4st/theme/css/b4st.css */

/*
 * b4st CSS
 */
 
/* Global */

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans&display=swap');

.black {
	background: #010101;
}

.white {
	color: #ffffff;
}

.light-gray {
	color: #d7d7d7;
}

.light {
	font-weight: 300;
}

.italic {
	font-style: italic;
}

.letter-spacing {
	letter-spacing: 2px;
}

.text-sans-serif {
	font-family: 'Open Sans', sans-serif !important;
}

.text-serif {
	font-family: 'Merriweather', serif !important;
}

.semibold {
	font-weight: 600;
}

.caps {
	text-transform: uppercase;
}

.bg-dark{background-color:#262626!important}

.btn-primary {
	font-weight: 600 !important;
	color: #fff;
	background-color: #3c8cbb !important;
	border-color: #3c8cbb !important
}

.btn-primary:hover {
	font-weight: 600 !important;
	color: #fff;
	background-color: #53c1f9 !important;
	border-color: #53c1f9 !important
}

.btn-secondary {
	font-weight: 600 !important;
	color: #fff;
	background-color: #f9a248 !important;
	border-color: #f9a248 !important
}

.btn-secondary:hover {
	font-weight: 600 !important;
	color: #fff;
	background-color: #f77d0f !important;
	border-color: #f77d0f !important
}

.topbar {
	background: #235168;
	color: #fff;
	line-height: 2em;
	padding: 8px 0;
}

html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

/* Property Page */

.buildout {
	padding: 40px 0 0 0;
}

.properties {
	width: 100%;
	padding: 90px 0;
}

.properties a img {
	padding: .5rem;
	border: 1px solid #efefef;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
 
.properties a:hover img {
	border: 1px solid #dedede;
  opacity: .75;
  filter: alpha(opacity=65);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}


.property-hero {
	background-color: #3e8ebd;
	color: #fff;
}

.property-content {
	padding: 16px 0;
}

.acf-map-properties {
	width: 100%;
	height: 360px;
	border: #ccc solid 1px;
	margin: 0;
}

/* fixes potential theme css conflict */
.acf-map-properties img {
   max-width: inherit !important;
}

.property-header {
	margin: 40px 0;
}

.property-image {
	width: 100%;
	height: auto;
	border: 1px solid #bbb;
}

.available-space {
	width: 100%;
	height: auto;
}

.property-gallery {
	margin-bottom: 40px;
}

.property-spacer {
	margin: 40px 0
}

.property-space {
	border: 1px solid #ebebeb;
	padding: 20px;
	margin: 15px 0;
}

.property-space {
	border: 1px solid #ebebeb;
	padding: 20px;
}

.broker {
	margin-bottom: 10px;
}

.broker img {
  border-radius: 50%;
	border: 1px solid #bbb;
	width: 75px;
	height: auto;
}

.property-gallery .carousel {background: #fff; height: 370px;}
.property-gallery .carousel-cell {width: 100%;height: 370px;margin-right: 10px;}


/* Sticky Footer */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
		font-family: 'Open Sans', sans-serif;
		color: #262626;
}
main {
    flex: 1 0 auto;
}

.site-header-image {
	display: block;
	margin: auto;
}



.wp-caption {
	margin-bottom: 1.5em;
	text-align: left;
	padding-top: 1rem !important;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	width: 100% !important;
	}
	
#content .wp-caption img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }
  
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 14px;
	margin: 1rem 0;
	}


embed, iframe, img, object, video { max-width: 100% !important; }


@media (min-width: 768px) {
  
	.wp-caption {
	    margin: 2rem 0;
	    
	  }
	
	#content .wp-caption img {
	    /* Scale down if too big */
	    max-width: 99.03225806%; /* 614/620 */
	    height: auto;
	  }
}
@media (min-width: 992px) {
  
}






.sticky {}
.screen-reader-text {}
.gallery-caption {}

.bypostauthor {}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
}

h1,h2,h3,h4,h5,h6{font-family: 'Merriweather', serif !important;}

.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}

/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
  .entry-title {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}

p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Home page */


.hero-home {
	background: #f5f5f5 url('../images/hero-home-mobile.jpg') no-repeat center top;
	height: 597px;
	background-size: cover;
	position: relative;
	overflow-y: hidden;
}

@media (min-width: 768px) {
  .hero-home {
		background: #f5f5f5 url('../images/hero-home-desktop.jpg') no-repeat center bottom;
	}
}
@media (min-width: 992px) {
  
}

.hero-logo {
	width: 200px;
	height: auto;
}

.hero-hr {
	width: 240px;
	height: auto;
}

.hero-arrow {
	width: 38px;
	height: auto;
}

.usp-box {
	padding: 90px 0;
	text-align: center !important;
	border-bottom: 1px solid #4c4c4c;
}

.usp-icon {
	height: 90px;
	width: auto;
}

.qualify {
	padding: 90px 0;
}

ul.no-bullet {
list-style-type: none;
padding: 0;
margin: 0;
}

li.check {
background: url('../images/check.svg') no-repeat left top;
background-size: 30px 30px;
padding-left: 44px;
padding-top: 0;
}
 
.check-item:after {
 content: ""; 
 display: block;
 width: 50%;
 padding-top: 10px;
 border-bottom: 2px solid #d7d7d7;
}

.about {
	padding: 90px 0;
}

.feature-box {
	width: 100%;
	min-height: 214px;
	border: 1px solid #efefef;
	border-radius: 4px;
	padding: 12px;
	text-align: center;
	margin-bottom: 30px;
}

.feature-box img {
	height: 72px;
	width: auto;
}

.deliverables {
	padding: 90px 0;
	background: #d7d7d7;
}

.plus-icon {
	min-width: 20px;
	height: auto;
}

.makeover {
	background: #ffffff url('../images/hero-makeover-mobile.jpg') no-repeat center top;
	padding: 90px 0;
}

.makeover-responsive {
	height: 100px;
	width: auto;
}

.ditto {
	background: #d7d7d7;
	padding: 90px 0;
}

.ditto-box {
	padding-bottom: 90px;
}

.ditto-message {
	height: 40px;
	width: auto;
}

.ditto-icon {
	height: 150px;
	width: auto;
}

.system {
	background: #f5f5f5 url('../images/austin-sharp-mays-inc.jpg') no-repeat center top;
	height: 234px;
}

.system-icon {
	height: 40px;
	width: auto;
}

.different {
	padding: 120px 0;
}

.icon {
	height: 85px;
	width: auto;
}

.picture-bar {
	background: #f5f5f5 url('../images/hero-home.jpg') no-repeat center top;
	height: 480px;
	width: 100%;
}

.testimony-slider {
	padding: 0;
	margin: 0;
	background: #353535;
}

#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
		margin-top: -80px;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
		background: transparent;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.91;
}

.carousel-caption {
	bottom: 120px !important;
}

img.rounded {
	border-radius: 50% !important;
}

/* Property Listings Page */

.buildout {
	padding: 90px 0;
}

.tmobile {
	background: #f5f5f5 url('../images/tmobile-nailbar-waco-tx.jpg') no-repeat left bottom;
	width: 100%; height: 667px;
}

.properties-for-sale {
	padding: 100px 0;
	
}


/* Page Default */

.mays-content {
	padding: 90px 0;
}

.mays-content img {
	border: solid 1px #efefef;
	padding: 10px;
	background-color: #fff;
}

.lben {width: 100%;text-align: center;padding-bottom: 40px; }
.lnum {color: #3e8ebd;font-size: 36px;display:block;font-weight: 600;}
.llabel {color: #333232;font-size: 18px;display: block;margin-bottom: 20px;}
.limg {height: 125px;width: auto;display: block;margin-left: auto;margin-right: auto;margin-bottom: 20px;}
.lgbox {background-color: #fff;
border: 1px solid #d8d9d8;border-radius: 4px;width: 100%;padding: 30px;margin: 40px 0;}

/* Max img widths */

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
}

/* Author bio */

.author-bio .avatar {
	border: 1px solid #dee2e6;
	border-radius: 50%;
}

/* Gravity Forms */

body #gform_wrapper_1 .gform_body .gform_fields li.gfield {
 	padding-right: 0;
 }
 
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {width: 100%;
}

body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email] {width: 100%;}

body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel] {width: 100%;}
 
 body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_required {color: #323232; display: inline;
 }
 
 
 body #gform_wrapper_1 .gform_footer input[type=submit] {
 	width: 100%;
 }
 
 body #gform_wrapper_1 .gform_footer {margin-top: 0;}
 
::-webkit-input-placeholder { /* Chrome */
  color: #9a9c9f !important;
	font-family: geomanistlight, sans-serif!important;
	font-style: normal!important;
	padding-left: 8px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9a9c9f !important;
	font-family: geomanistlight, sans-serif!important;
	font-style: normal!important;
	padding-left: 8px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9a9c9f !important;
  opacity: 1 !important;
	font-family: geomanistlight, sans-serif!important;
	font-style: normal!important;
	padding-left: 8px;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #9a9c9f !important;
  opacity: 1 !important;
	font-family: geomanistlight, sans-serif!important;
	font-style: normal!important;
	padding-left: 8px;
}
 
/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* Comments */

#comments,
#reply-title {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.commentlist,
.commentlist ul {
	padding-left: 0;
}

.commentlist li {
	padding: 1rem;
}

.comment-meta {
	margin-bottom: 1rem;
}

.comment > .children {
	margin-top: 1rem;
	margin-right: -0.625rem;
	margin-bottom: -1.625rem;
}

/* Blog */

.hero-blog {
	background: #323232;
	height: 597px;
	width: 100%;
}

.main-content {
	padding: 90px 0;
}

.blog-intro {
	padding: 90px 0 0;
}

.alert-info{color:#323232!important;background-color:#ededed!important;border-color:#ccc!important}

.alert-warning{color:#323232!important;background-color:#ededed!important;border-color:#ccc!important}




/* Site footer */

.acf-map {
	width: 100%;
	height: 770px;
	border-top: 1px solid #e2e3e4;
	margin: 0;
}

.footernav {
	background: #323232;
	padding: 90px 0;
	color: #d7d7d7;
}

.footernav .utilities a {
	color: #d7d7d7;
}

.footernav ul.utilities li {
	padding-bottom: 5px;
}

.footernav ul.utilities li.half:after {
	content: "";
	display: block;
	width: 85%;
	padding-top: 5px; /* This creates some space between the element and the border. */
	border-bottom: 1px solid #595a5a; /* This creates the border. Replace black with whatever color you want. */
}

.footernav .exp-logo img {
	width: 100px; height: auto;
}

.footernav .mays-footer-logo img {
	width: 158px; height: auto;
}

#bottom-line {
	color:rgba(255,255,255,.5);
}

#bottom-line a	 {
	color:rgba(255,255,255,.5);
}

#bottom-line a:hover	 {
	color:rgba(255,255,255,.75)
}

.footer-icon {
	height: 1.5rem;
	width: auto;
}

.align {
	text-align: left;
}

/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
  .align {
    text-align: right;
  }
}