/*

TABLE OF CONTENTS

1. Reset
2. Unreset inner pages and widget areas
3. Submenus
4. Single column and two-column layouts
5. Archive
6. Sidebar
7. Misc Wordpress classes
8. AIOS Listings
9. Custom CSS
10. IDX styles
11. Mlcalc.com calculators
12. 404 Page Styles
13. Mobile styles

*/

/*******************************************************
 *
 * 1. Reset
 *
 *******************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

area,
img,
map {
	outline:none;
}

/* Helpers */

.clearfix,
.clear {
	clear:both;
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

html,
body {
	-webkit-text-size-adjust:none;
}

::-webkit-input-placeholder { /* WebKit browsers */
	opacity: 1;
    color: inherit;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity: 1;
    color: inherit;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity: 1;
	color: inherit;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity: 1;
	color: inherit;
}

input,
textarea,
button,
select {
    border-radius: 0;
    font-family:inherit;
}

textarea {
    resize: vertical;
}
a{
	outline: none;
}

.ai-hide {
	display: none!important;
}

.slick-slider,
.slick-slider *,
.slick-slider a,
input:focus,
select:focus,
textarea:focus{
	color: inherit;
	text-decoration:none;
}

a:focus{
    color: inherit;
}

.aios-starter-theme-hide-title{
	display: none !important;
}

/*******************************************************
 *
 * 2. Unreset inner pages and widget areas
 *
 *******************************************************/
 
#content, aside { line-height:1.7}
#content th, aside th { font-weight: bolder; }
#content h1, aside h1 { font-size: 2em; margin: .67em 0 }
#content h2, aside h2 { font-size: 1.5em; margin: .75em 0 }
#content h3, aside h3 { font-size: 1.17em; margin: .83em 0 }
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { margin: 1.12em 0; line-height:1.7 }
#content h5, aside h5 { font-size: .83em; margin: 1.5em 0 }
#content h6, aside h6 { font-size: .75em; margin: 1.67em 0 }
#content h1, aside h1,
#content h2, aside h2,
#content h3, aside h3,
#content h4, aside h4,
#content h5, aside h5,
#content h6, aside h6,
#content b, aside h6,
#content strong, aside strong { font-weight: bolder }
#content blockquote, aside blockquote { margin-left: 40px; margin-right: 40px }
#content i, aside i,
#content cite, aside cite,
#content em, aside em,
#content var, aside var,
#content address, aside address { font-style: italic }
#content pre, aside pre,
#content tt, aside tt,
#content code, aside code,
#content kbd, aside kbd, samp  { font-family: monospace }
#content big, aside big { font-size: 1.17em }
#content small, aside small,
#content sub, aside sub,
#content sup, aside sup { font-size: .83em }
#content sub, aside sub { vertical-align: sub }
#content sup, aside sup { vertical-align: super }
#content table, aside table { border-spacing: 2px; }
#content thead, aside thead,
#content tbody, aside tbody,
#content tfoot, aside tfoot { vertical-align: middle }
#content td, aside td,
#content th, aside th,
#content tr, aside tr { vertical-align: inherit }
#content hr, aside hr { border: 1px inset }
#content ol, aside ol,
#content ul, aside ul,
#content dir, aside dir,
#content menu, aside menu,
#content dd, aside dd { margin-left: 40px }
#content ol, sidebar ol { list-style-type: decimal }
#content ol ul, aside ol ul,
#content ul ol, aside ul ol,
#content ul ul, aside ul ul,
#content ol ol, aside ol ol { margin-top: 0; margin-bottom: 0 }
#content ol, aside ol { list-style-type:decimal }
#content ul, aside ul { list-style-type:disc }

/*******************************************************
 *
 * 3. Single column and two-column layouts
 *
 *******************************************************/

#content-sidebar, #content-full{
	width:100%;
	margin:0 auto;
}
#content-sidebar:after, #content-full:after{
	content: "";
    display: table;
    clear: both;
}

/* Content area with sidebar */

#content-sidebar #content{
	float: left;
	width: 77.08%;
}

/* Content area for full width template (no sidebar) */

#content-full #content{
	width:100%;
}

/* Content area with left sidebar */
.page-template-template-left-sidebar #content-sidebar #content {
	float: right;
}

.page-template-template-left-sidebar #content-sidebar aside {
	float: left;
}

/* Styles for entry */

#content .entry{
}

#content .aios-starter-theme-entry-meta {
	display:none;
}

#content .entry:after {
	content: "";
    display: table;
    clear: both;
}

/* Styles for post/page main headings (h1) */

#content .entry-title {
	font-size: 24px;
}

/* Styles for category/archive/etc main headings (h1) */

#content .archive-title {
	font-size: 24px;
}

/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {
	font-size: 24px;
}

#inner-page-wrapper {
	margin-bottom:30px;
	position:relative;
	z-index:1;
}

/*******************************************************
 *
 * 4. Archive
 *
 *******************************************************/

#content .archive-thumbnail {
	width: 100%;
	float: none;
}
	#content .article-long{
		margin-bottom: 30px;
	}
	#content .archive-thumbnail canvas{
		display: block;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#content .article-long .archive-thumbnail{
		float: left;
		width: 60%;
	}

#content .archive-content.archive-has-thumbnail {
	width:100%;
	float:none;
}
	#content .article-long .archive-content.archive-has-thumbnail{
		float: left;
		width: 37%;
		margin-left: 3%;
	}
#content .archive-more {
	text-decoration: none;
	font-style: normal;
}

#content .post {
	margin-bottom:20px;
	padding-bottom:20px;
}


#content .page-links {
    text-align: center;
    font-size: 16px;
    padding: 30px 0 0;
    width: 100%;
}

#content .page-links * {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}

#content .page-links .current {
	font-weight:bold;
	text-decoration:underline;
}

/*******************************************************
 *
 * 5. Sidebar
 *
 *******************************************************/

aside{
	float: right;
	width: 20.83%;
}

aside h2.widget-title{
	display:block;
	background:#d7d7d7;
	padding:7px;
    font-size:14px;
}


/*******************************************************
 *
 * 6. Misc Wordpress classes
 *
 *******************************************************/

.gravatar{
	float: right;
}

.comments-template ol.comment-list{
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

.comments-template ol.children{
	margin:20px 0 0 40px;
	padding:0;
	list-style:none;
}

#content .comments-template ol.comment-list,
#content .comments-template ol.children,
.comments-template ol.children,
.comments-template ol.comment-list {
	list-style:none;
}

#content .comments-template ol.comment-list,
.comments-template ol.comment-list  {
	margin-left:0;
}

.comments-template ol.comment-list li.comment{
	padding:35px 0;
	border-bottom:1px dotted;
}

.comments-template ol.comment-list li:last-child,
.comments-template ol.children li:last-child {
	border-bottom:0;
}

.comments-template .comment-author.vcard img {
	display:block;
}

.comments-template .reply {
	font-weight:700;
	text-decoration:underline;
}

.comments-template .comment-meta{
	font-size:10px;
}

.comments-template .screen-reader-text{
	display:none;
}

.comments-template .comment-navigation{
	margin:10px 0;
	background:none;
}

.comment-form-comment textarea{
	display:block;
	width:100%;
}

.comment-form-comment label {
	display:block;
	font-weight:700;
}

.wp-caption {
	background-color: #f3f3f3;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
	max-width:100%;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

#content .wp-caption p.wp-caption-text,
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0.5em 0 1.1em 0;
	font-style:italic;
}

.gallery-caption {
	text-align:center;
	font-style:italic;
}

.category .post, .archive .post{
	border-bottom:1px dotted;
}

.attachment-post-thumbnail {
	float:left;
	margin:0 10px 10px 0;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.sticky {

}

.bypostauthor {
	font-style:italic;
}

#content .alignnone {
	clear:both;
	margin:15px 0;
}

#content .aligncenter {
	clear:both;
	margin:15px auto;
	display:block;
}

#content .alignleft{
	float:left;
	margin:15px 1% 15px 0;
}

#content .alignright{
	float:right;
	margin:15px 0 15px 1%;
}

#content img[class*="align"],
#content img[class*="wp-image-"],
#content img[class*="attachment-"],
#content img.size-full,
#content img.size-large,
#content img.header-image,
#content img.wp-post-image {
	max-width: 98%;
	margin-top:0;
	margin-bottom:0;
	height:auto;
}

#content embed,
#content iframe,
#content object,
#content video {
	max-width: 100%;
}

.yoast-breadcrumbs {
	margin: 20px 0 0;
}

/*******************************************************
 *
 * 7. AIOS Listings
 *
 *******************************************************/

.aios-listings-page .attachment-post-thumbnail {
	display:none;
}

/*******************************************************
 *
 * 8. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-size: 12px;
	background: #FFF;
	color: #000000;
	margin: 0;
}


.aios-widget-container{}
	.aios-widget-container:not( .aios-widget-slider ) > .row{
		display: flex;
	}
		.aios-widget-container > .row > [class*="col-md-"]{
			float: none !important;
			padding: 15px;
		}
		.aios-widget-container.no-gutter > .row > [class*="col-md-"]{
			padding: 0;
		}
		.aios-widget-container > .row > .col-md-auto{
			width: auto;
		}
		.aios-widget-container > .row > .col-md-grow-1{
			flex-grow: 1;
		}
		.aios-widget-container > .row > .col-md-grow-2{
			flex-grow: 2;
		}
		.aios-widget-container > .row > .col-md-grow-3{
			flex-grow: 3;
		}
			.aios-text-left,
			.ql-align-left{text-align: left;}
			.aios-text-center,
			.ql-align-center{text-align: center;}
			.aios-text-right,
			.ql-align-right{text-align: right;}
			.aios-text-justify,
			.ql-align-justify{text-align: justify;}
			.aios-widget-container img{
				display: block;
				margin: 0 auto;
				max-width: 100%;
				height: auto;
			}
			.aios-column-image-round{
				border-radius: 50%;
			}
			.aios-widget-title{
				display: block;
				margin: 10px 0 15px;
			}
			.aios-widget-description{
				line-height: 1.5em;
			}
			.aios-column-image-video{}
			.aios-column-title{
				margin-top: 15px;
			}
			.aios-column-content{
				margin-top: 10px;
			}
			.aios-widget-container ol,
			.aios-widget-container ul{
				list-style: initial;
				padding-left: 1.5em;
			}
			.aios-widget-container ol{
				list-style-type: decimal;
			}
				.aios-widget-container ol li:not(.ql-direction-rtl),
				.aios-widget-container ul li:not(.ql-direction-rtl) {
					padding-left: 1.5em;
				}
.aios-widget-slider{
	padding: 0 !important;
}
	.aios-widget-slider canvas{
		display: block;
		position: relative;
		width: 100%;
		z-index: 0;
	}
	.aios-widget-slider.full-screen canvas{
		width: 100vw !important;
		height: 100vh !important;
	}
	body.admin-bar .aios-widget-slider.full-screen canvas{
		height: calc( 100vh - 32px ) !important;
	}
	.swiper-content-flex{
		position: absolute;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
		.swiper-content{
			max-width: 1030px;
			padding-left: 15px;
			padding-right: 15px;
		}
	.aios-widget-slider .swiper-button-next,
	.aios-widget-slider .swiper-button-prev{
		font-size: 44px;
		background-image: none !important;
		z-index: 999;
		cursor: pointer;
	}
	.aios-widget-slider .swiper-pagination{
		z-index: 999;
		cursor: pointer;
	}


/*******************************************************
 *
 * 9. IDX styles
 *
 *******************************************************/
/* iHomefinder */
#ihf-main-container div#areaPickerInputWrapper {height: 50px !important;}
#ihf-main-container .modal-dialog {left: inherit !important;}

/*******************************************************
 *
 * 11. Mobile styles
 *
 *******************************************************/

@media only screen and (max-width: 991px) {
	
	#content-sidebar aside,
	#content-full aside{
		display: block;
		width: 100%;
		float: none;
		max-width: 360px;
		margin: 0 auto;
	}
	
	#content-sidebar,
	#content-full,
	#content-sidebar #content,
	#content-full #content{
		width:100%;
		float: none;
	}
	
	#content .alignleft,
	#content .alignright{
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	/* ARCHIVE */

	#content .archive-thumbnail,
	#content .archive-content.archive-has-thumbnail {
		width:100%;
		float:none;
		
	}
	
	#content .archive-thumbnail,
	#content .archive-content h2 {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}


	.yoast-breadcrumbs {
	    margin: 20px 0;
	    width: 100%;
	}

	/** Custom Media */
	
	.aios-widget-slider.full-screen canvas{
		width: 100% !important;
		height: 500px !important;
	}
	
}

/*******************************************************
 *
 * 10. Mlcalc.com calculators
 *
 *******************************************************/

/* Make rates popup scrollable on devices with screens less than 761px wide */

@media only screen and (max-width:760px) {
	
	#MLCalcRatesHolder {
		overflow: auto !important;
		width: 100% !important;
		min-width: 100% !Important;
		-webkit-overflow-scrolling: touch !important;
	}
	
	#MLCalcRatesShader {
		width: 100% !important;
		min-width: 100% !important;
		overflow: scroll !important;
		-webkit-overflow-scrolling:touch;
	}
	
	#content .article-long .archive-thumbnail{
		float: none;
		width: 100%;
	}
	#content .article-long .archive-content.archive-has-thumbnail{
		width: 100%;
		margin-left: 0;
	}
	#content .archive-thumbnail, #content .archive-content h2{
		text-align: left;
	}
	
}

/* Make mortgage calculator popup scrollable on devices with screens less than 741px wide */

@media only screen and (max-width:740px) {
	
	#MLCalcHolder {
		overflow: auto !important;
		width: 100% !important;
		min-width: 100% !Important;
		-webkit-overflow-scrolling: touch !important;
	}
	
	#MLCalcShader {
		width: 100% !important;
		min-width: 100% !important;
		overflow: scroll !important;
		-webkit-overflow-scrolling:touch;
	}

}