/*
Theme Name: The Dahm Real Estate Company, Inc.
Theme URI: http://thedahmteam-newcom.rs4.aios-staging.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.4.5
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2.	IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/


/* Sub Menu */
#nav li {
	position:relative;
}
  
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    display: none;
    padding: 0;
    position: absolute;
 	/* width:100%; */
 	/* min-width:180px; */
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
	background:rgba(165,32,55,.75)
}
#nav .sub-menu a:hover {
    background:rgba(165,32,55,1);
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
 	top:0;
}
#nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li {
    position: relative;
	margin: 0 0 1px;
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	background: #FFF;
	color: #626262;
	margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}
 
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 77.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }

/* Adjust line height of page elements */
#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 { line-height:1.7 }

/* Style post/page main headings (h1) */
#content .entry-title { 

}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 

}

img{
	max-width: 100%;
	height: auto;
}
a, input, textarea, select{
	outline: 0;
}
#content #ihf-main-container .nav-tabs,
#content #ihf-main-container .chosen-results{
	margin: 0 0 0;
}
#content #ihf-main-container #ihf-search-adv2-submit{
	margin: 20px 0 0;
}
#content #ihf-main-container .ihf-grid-result-address{
	white-space: unset;
}
#content #ihf-main-container .btn{
	padding: 6px 6px;
}
#content div.wpcf7-response-output,
div.wpcf7-response-output{
	text-align: center;
}

#content #ihf-main-container .mc-total-payment-subline{
	color:#333;
}

::-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;
}


.header{
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	z-index: 5;
    background: transparent;
	max-height: 179px;
	padding: 30px 0 81px;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background:url(images/header-fade.png) center top repeat-x;
	background-size: auto 100%;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.header.fixed{
	padding: 10px 0 10px;
	background:rgba(0,0,0,.75);
}
.header.fixed:before{
    opacity: 0;
}
#main-header{}
#main-header .logo{
	max-width: 263px;
}
#main-header .logo img{
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.header.fixed #main-header .logo img{
	max-width: 198px;
}



.header-contact {
    display: flex;
    justify-content: flex-end;
}

.header-contact a {
    display: flex;
    align-items: center;
    gap: 10px;
        color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
#main-header #nav{
	font-size: 0;
	text-align: right;
}
#main-header .navigation{
	padding: 15px 0 0;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.header.fixed  #main-header .navigation {
    padding: 15px 0 0;
}
#main-header #nav li{}
#main-header #nav a{
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}
#main-header #nav .sub-menu{
	text-align:center;
}
#main-header #nav > li{
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #fff;
	line-height: 1;
}
#main-header #nav > li:first-child{
	border-left: 0 solid #fff;
}
#main-header #nav > li:first-child > a{

}
#main-header #nav > li:last-child > a{
	padding-right: 0;
}
#main-header #nav > li > a{
	padding: 0 12px;
	position: relative;
	display:block;
}
#main-header #nav > li > a:after{
	content:'';
	display: block;
	height: 3px;
	background:#015984;
	position:absolute;
	left:-10px;
	right:-10px;
	bottom: 0px;
	opacity: 0;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
#main-header #nav > li:hover > a:after{
	bottom: -11px;
	opacity: 1;
}
.fixed #main-header #nav > li:hover > a:after{
	bottom: -36px;
}
#main-header #nav > li > .sub-menu{
	left: -10px;
	right: -10px;
	padding: 0 0 0;
	transition: all ease .6s;
	-moz-transition: all ease .6s;
	-webkit-transition: all ease .6s;
}
#main-header #nav > li:hover > .sub-menu{
	padding: 11px 0 0;
}
.fixed #main-header #nav > li:hover > .sub-menu{
	padding: 36px 0 0;
}
#hp-top{
	position: relative;
}
#hp-slideshow{
	position: relative;
}
#hp-slideshow .cycloneslider-slide{}
#hp-slideshow .cycloneslider-slide:after,
#hp-slideshow .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video::after {
	content:'';
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	background:#000;
	opacity: 0.15;
	z-index: 2;
}
#hp-slideshow .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video::after {
	top: 0;
}
#hp-slideshow #aios-slider-hp-slideshow .aios-slider-volume {
	bottom: 100px;
}
#hp-cta-qs{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    pointer-events: none;
}
#hp-cta-qs #hp-cta{
	line-height: 1;
	padding: 0 0 40px;
}
#hp-cta-qs #hp-cta h3{
	font-family: 'Playfair Display', serif;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 400;
}
#hp-cta-qs #hp-cta a{
	display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    padding: 14px 24px;
	margin: 45px 0 0;
	background:rgba(165, 32, 55, 0);
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
    pointer-events: auto;
}
#hp-cta-qs #hp-cta a:hover{
	background:rgba(165, 32, 55, 1);
	border: 1px solid #a52037;
}
#hp-qs{
	background:rgba(0,38,52,.75);
	padding: 18px 0;
	color:#fff;
	pointer-events: auto;
}

#hp-qs form{}
#hp-qs .qs-wrapper{
	font-size: 0;
	text-align:center;
	line-height: 1;
}
#hp-qs form .qs-content{
	display: inline-block;
	vertical-align: middle;
}
#hp-qs form .qs-content select{
	font-weight: 300;
	font-size: 12px;
	background:none;
	border: 0px solid #fff;
	line-height: 1;
	display: block;
	width: 100%;
	background:url(images/dd-bg.png) calc(100% - 5px) center no-repeat;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#hp-qs form .qs-title{
	margin: 0 0.439% 0 0;
}
#hp-qs form .qs-title h3{
	font-family: 'Playfair Display', serif;
	font-size: 20px;
}
#hp-qs form .qs-long{
	border-bottom: 1px solid #fff;
	width: 17.544%;
	margin: 0 0 0 0.877%;
	padding: 0 0 10px;
}
#hp-qs form .qs-short{
	border-bottom: 1px solid #fff;
	width: 7.018%;
	margin: 0 0 0 0.877%;
	padding: 0 0 10px;
}
#hp-qs form .qs-submit{
	margin: 0 0 0 0.439%;
	width: 10.614%;
}
#hp-qs form .qs-submit input{
	background:#a52037;
	color:#fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	display: block;
	width: 100%;
	border: 0px;
	padding: 11px 0;
}
#hp-qs form .qs-submit input:hover{
	background:#002639;
}
#hp-qs form .qs-adv{
	margin: 0 0 0 2.018%;
}
#hp-qs form .qs-adv a{
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: underline;
	color:#fff; 
}

#hp-qs form .qs-adv a:hover {
	color: #a52037;
}

#hp-welcome{
	background:url(images/welcome-bg.jpg) center center no-repeat;
	background-size:cover;
}
#hp-welcome .welcome-text{
	padding: 55px 0 0;
	margin: 0 -60px 0 0;
}	 
#hp-welcome .welcome-text h1{
	font-family: 'Playfair Display', serif;
	font-size: 50px;
	letter-spacing: 0.015em;
	color:#002639;
	line-height: 1;
	margin: 0 0 0 0;
}	 
#hp-welcome .welcome-text h1 span{
	display: block;
	font-size: 22px;
}	 
#hp-welcome .welcome-text em{
	font-style:normal;
	display: block;
	padding: 5px 0 40px;
}	 
#hp-welcome .welcome-text p{
	letter-spacing: 0.015em;
	line-height: 23px;
}	 
#hp-welcome .welcome-text a{
	font-size: 12px;
	text-transform: uppercase;
	color:#002639;
	background:#fff;
	border: 1px solid #002639;
	text-decoration: none;
	padding: 8px 27px;
	margin: 50px 0 0;
	display: inline-block;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
#hp-welcome .welcome-text a:hover{
	color:#fff;
	background:#a52037;
	border: 1px solid #a52037;
}
#hp-buttons{
	font-size:0;
}
#hp-buttons ul{}
#hp-buttons ul li{
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3);
}
#hp-buttons ul li a{
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}
#hp-buttons ul li a:before{
	content: '';
    display: block;
    position: absolute;
    background: #000;
    opacity: 0.3;
	top:0;
	left:0;
    width: 100%;
    height: 100%;
    z-index: 1;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
#hp-buttons ul li a:hover:before{
	/*opacity: 0;*/
}
#hp-buttons ul li a:after{
	content: '';
    display: block;
    position: absolute;
    background: url(images/button-h.png) left center no-repeat;
	background-size: auto 100%;
    opacity: 0;
	top:0;
	left:-20px;
    width: 100%;
    height: 100%;
    z-index: 2;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
#hp-buttons ul li a:hover:after{
	opacity: 1;
	left:0px;
}
#hp-buttons ul li canvas{
	width: 100%;
	height: auto;
	display: block;
}
#hp-buttons .button-1 canvas{
	background:url(images/button-1.jpg) center center no-repeat;
	background-size:cover;
}
#hp-buttons .button-2 canvas{
	background:url(images/button-2.jpg) center center no-repeat;
	background-size:cover;
}
#hp-buttons .button-3 canvas{
	background:url(images/button-3.jpg) center center no-repeat;
	background-size:cover;
}
#hp-buttons ul li .btn-h{
	position: absolute;
    z-index: 3;
    top: 0;
    text-transform: uppercase;
	padding: 175px 0 0 30px;
}
#hp-buttons ul li .btn-h h3{
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	letter-spacing: 0.015em;
	color:#fff;
	line-height: 1.2;
}
#hp-buttons ul li .btn-h h3 span{
	font-family: 'Roboto', sans-serif;
	display: block;
	font-weight: 300;
	font-size: 20px;
}
#hp-buttons .button-rm{
	background: #a52037;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    z-index: 4;
    bottom: 30px;
    right: 40px;
    padding: 9px 27px;
	opacity: 0;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
#hp-buttons a:hover .button-rm{
	opacity: 1;
	bottom: 40px;
    right: 50px;
}
#hp-git-info{
	background:url(images/bottom-bg.jpg) right center no-repeat;
	background-size: cover;
	position: relative;
}
#hp-git-info label{
	display: none;
}
#hp-git-info .wpcf7-form-control-wrap{
	display: block;
}
#hp-git-info div.wpcf7-response-output{
	margin: 0 auto 0;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -35px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.020em;
}
#hp-git-info span.wpcf7-not-valid-tip{
	font-size: 11px;
}
#hp-git-info .git-bg{
	background:#002639;
	position: absolute;
	z-index: 0;
	left:0;
	top:0;
	height: 100%;
}
#hp-git-info .git-bg:before{
	content: '';
    display: block;
    width: 161px;
    position: absolute;
    right: -161px;
    height: 100%;
    background: url(images/contact-angle.png) 0 top no-repeat;
    background-size: 100% 100%;
	
}
.git-info-wrapper{
	padding: 75px 0 90px;
	position: relative;
	z-index: 1;
}
.git-wrapper{
	position: relative;
}
.git-wrapper .git-form{
	margin: 0 auto;
	width: 100%;
	max-width: 310px;
	color:#fff;
}
.git-wrapper .git-form h2{
	font-family: 'Playfair Display', serif;
	text-align: center;
	font-size: 30px;
	letter-spacing:0.020em;
	text-transform: uppercase;
	line-height: 1;
	padding: 0 0 45px;
}
.git-wrapper .git-form .git-field{
	margin: 0 0 20px;
}
.git-wrapper .git-form .git-field input{
	border: 0;
    background: none;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    display: block;
    width: 100%;
    padding: 0 10px 10px;
	letter-spacing: 0.015em;
    border-bottom: 1px solid #fff;
}
.git-wrapper .git-form .git-field textarea{
	border: 0;
    background: none;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    display: block;
    width: 100%;
	max-height: 50px;
	letter-spacing: 0.015em;
    padding: 0 10px 10px;
    border-bottom: 1px solid #fff;
	resize: none;
}
.git-wrapper .git-form .git-submit{
	text-align: center;
	padding: 25px 0 0;
}
.git-wrapper .git-form .git-submit input{
	background:rgba(255,255,255,0);
    padding: 10px 31px;
    line-height: 1;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    border: 1px solid #fff;
    text-transform: uppercase;
	color:#fff;
	letter-spacing: 0.015em;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.git-wrapper .git-form .git-submit input:hover{
	color:#fff;
	background:#a52037;
	border: 1px solid #a52037;
}
.info-wrapper{
	color:#fff;
	text-align: center;
	letter-spacing: 0.015em;
	padding: 20px 0 0;
}
.info-wrapper a{
	color:#fff;
}
.info-wrapper h2{
	font-family: 'Playfair Display', serif;
	text-align: center;
	font-size: 39px;
	line-height: 1.2;
}
.info-wrapper h2 span{
	display: block;
	font-size: 19px;
}
.info-wrapper em{
	font-style:normal;
	display: block;
	text-align: center;
	padding: 5px 0 0;
	font-size: 12px;
}
.info-wrapper .info-list{
	font-size: 0;
	text-align: left;
	padding: 60px 0 0;
}
.info-wrapper .info-list > div{
	font-size: 17px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	text-align:center;
}
.info-wrapper .info-list > div.phone-1{
	    padding: 0 0 0 37px;
}
.info-wrapper .info-list > div.phone-2{
	margin: 60px 0 0;
}
.info-wrapper .info-list > div.phone-3{
	padding: 0 0 0 22px;
	margin: 60px 0 0;
}
.info-wrapper .info-list > div.info-add{
	font-weight: 300;
}
.info-wrapper .info-list span.ai-font-location-c{
	color:#a52037;
	font-size: 20px;
	vertical-align: middle;
}
.info-wrapper .info-list span.ai-font-phone{
	color:#a52037;
	font-size: 16px;
	vertical-align: middle;
}
.info-wrapper .info-list span.info-mini{
	font-weight: 300;
	font-size: 11px;
}
.info-wrapper .info-list > div em{
	display: inline;
	font-size: inherit;
	padding: 0 0 0 0;
}
.footer{
	color:#002639;
	text-align: center;
	padding: 40px 0 35px;
}
.footer a{
	color:#002639;
	text-decoration: none;
}
.footer a:hover{
	color:#0c6e9e;
}
.footer .footernav{
	font-size: 0;
}
.footer .footernav li{
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #002639;
	padding: 0 10px;
	line-height: 1;
}
.footer .footernav li:first-child{
	border-left: 0px solid #002639;
}
.footer .footernav li a{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.015em;
	display: block;
}
.footer .footernav li a:hover{
	
}
.footer .copyright{
	padding: 9px 0;
    line-height: 1;
}
.footer .copyright a{}
.footer .copyright a:hover{}
.footer .re-logos{
	font-size: 0;
}
.footer .re-logos span{
	font-size: 17px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 4px;
}
.footer .re-logos span:first-child{}
.ipbanner{
	height: 200px;
    position: relative;
    background-image: url(images/ip-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ipbanner:before{
	content:'';
	display: block;
}


#hp-buttons ul li.button-2 .btn-h {
	width: 100%;
}

/* #hp-buttons ul li.button-2:hover .btn-h {
	padding: 175px 0 0 0;
}

#hp-buttons ul li.button-2:hover h3 {
	text-align: center;
} */
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

.hp-quick-search select option {
    color: #000;
}

.ai-address-wrap{
	font-size: 0;
	margin: 15px 0 0;
}
.ai-address-wrap > div{
	display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}
.ai-address-wrap > div:first-child{
	margin: 0 7px 0 0;
}

/* body.page-id-64 #content .alignright {
	position: absolute; 
	left: 50%;
    top: 20%;
} */

/* contact use */

body.page-id-64 .c-us-img img {
    display: block;
    width: 100%;
    max-width: 600px;
}

.page-id-64 .aidefcf-wrapper {
	display: inline-block;
	vertical-align: top
}

.c-us-img {
    display: inline-block;
    vertical-align: top;
    max-width: 600px;
    margin-left: 11%;
}
/* contact us */

#content .photo-slideshow canvas{
	display: block;
	width: 100%;
	height: 100%;
}
#content .listing-details-wrap .photo-slideshow .slick-next,
#content .listing-details-wrap .photo-slideshow .slick-prev,
.pop-gallery-wrap .slick-next,
.pop-gallery-wrap .slick-prev {
	width: initial;
	height: initial;
	/*padding: 0;*/
}

.cycloneslider-template-video .cycloneslider-volume {
	top: auto !important;
    bottom: 120px;
}

.cycloneslider-template-video img.cycloneslider-img-js {
    width: auto !important;
    height: auto !important;
}

.cycloneslider-slide-image {
    background: transparent url(/wp-content/themes/thedahmteam/cycloneslider/cyclone-slider2-responsive/images/preloader.gif) no-repeat !important;
    background-position: center center !important;
}

#hp-buttons ul {
	text-align: center;
}