/*---------------------------------------------+
 | Site: Chicago Housing Association of DuPage |
 | Part: Master styles                         |
 +---------------------------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:300,300italic,400,400italic,700,700italic|Lora:400,400italic,700,700italic);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
@import url(/content/styles/reset.css);
@import url(/content/styles/forms.css?t=1);
@import url(/content/styles/ie.css);


/* Fonts
======================================================================*/
.action, h1, #nav, #subfooter h6, .support h3 { font-family: Montserrat, Arial, sans-serif; }
blockquote, .fact .chad, .fact .description, .fact .value { font-family: Lora, Georgia, "Times New Roman", Times, serif; }
body, input, select, textarea { font-family: "Source Sans Pro", Arial, sans-serif; }
input[type="password"] { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #0080a1; text-decoration: none; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
blockquote { font-size: 25px; font-style: italic; line-height: 1.4; margin-bottom: 0.5em; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1em; }
body { background: #191819; font-size: 16px; line-height: 1.6; padding: 5px 0 30px; }
cite, em { font-style: italic; }
dt { margin-top: 1em; }
dt:first-child { margin: 0; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 {color: #c6203e; font-size: 36px; font-weight: normal;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 20px;}
h5, h6 {font-size: 18px;}
h1, h2 {line-height: 1.1;}
h1, h2, h3, h4, h5 {margin-bottom: 0.5em;}
h2, h3, h4, h5, h6, strong {font-weight: bold;}
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1.5em 0; }
img { max-width: 100%; }
legend { background: #fff; color: #352f8e; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
ol { list-style: decimal; margin-left: 1.5em; }
ol ol { list-style: lower-alpha; }
select { padding: 0.1em; }
sub { font-size: 10px; vertical-align: sub; }
sup { font-size: 10px; vertical-align: super; }
table { border-collapse: collapse; width: 100%; }
table h2, table p { margin: 0; }
td, th { border: 1px solid #d9d9d9; padding: 0.35em 0.5em; vertical-align: top; }
td[align=center], th[align=center] { text-align: center; }
td[align=right], th[align=right] { text-align: right; }
th { background: #f0f0f0; }
thead th { font-weight: bold; vertical-align: bottom; }
ul { list-style: disc; margin-left: 1.5em; }
ul ol li { background: none; padding: 0; }

/* Stock classes */
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat, ul.headlines { list-style: none; margin-left: 0; }
ul.flat li, ul.headlines li { background: none; margin: 0; padding: 0; }
ul.headlines li { margin-bottom: 10px; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#content, #footer-content, #header-content, #intro-content, #nav-content, #subfooter-content { margin: 0 auto; max-width: 1140px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
ul.c2l, ul.c2r { list-style: none; margin-left: 0; }
.col4 .col { float: left; margin-right: 1%; width: 24%; }

/* Content */
#content { background: #fff; margin-bottom: 20px; }
#content-primary { float: left; width: 65.9%; }
#content-secondary { float: right; width: 29.5%; }
#content-wrapper { background: #fff; padding: 40px 20px 25px; }

    /* Full layout (no secondary content) */
    .full #content { background-image: none; }
    .full #content-primary { float: none; width: auto; }
    .full #content-secondary, .full #subfooter { display: none; }


/* Content
======================================================================*/

/* Action buttons */
.action {
    background: #c6203e;
    border: 2px solid #c6203e;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    padding: 0.5em 1em;
}

.action:hover { opacity: 0.7; text-decoration: none; }
.action-secondary { background: #fff; border: 2px solid #c6203e; color: #c6203e; }

    /* Availability */
    .available { color: #689c37; }
    .available, .unavailable { font-size: 20px; text-transform: uppercase; font-weight: bold; }
    .unavailable { color: #c6203e; }

.banner { color:white; align-items: center; text-align: center; padding: 1em; width: 100%; font-size: larger; background-color: #fef5c6; background-image: url('/Content/images/spinutech-header.png') }
.banner a { color:white;}


/* Browsing properties */
#browse-primary { float: left; width: 64%; }
#browse-secondary { float: right; width: 31%; }

/* Calendar */
.calendar dt { border-top: 1px solid #ddd; clear: both; margin: 0; padding-top: 1em; }
.calendar dt:first-child { border: 0; padding-top: 0; }
.calendar dd, .calendar dt { padding-left: 130px; }
.calendar dt .date { float: left; font-weight: bold; margin-left: -130px; }
.calendar dd.mute { margin-bottom: 0.7em; }

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
.call-l { float: left; margin: 0 1em 0.5em 0; }
.call-r { float: right; margin: 0 0 0.5em 1em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Carousel */
#carousel { color: #a5abae; overflow: hidden; position: relative; }
#carousel a { color: #fff; }
#carousel h2 { color: #c21f25; font-size: 26px; font-weight: bold; letter-spacing: -1px; }
#carousel p { margin-bottom: 0.75em; }
.carousel-primary { float: right; width: 65.78%; }
.carousel-primary img { display: block; width: 100%; }
.carousel-secondary { float: left; width: 31.57%; }

    /* Nav */
    #carousel-nav { bottom: 15px; left: 0; list-style: none; margin: 0; position: absolute; text-align: center; z-index: 1000; width: 100%; }
    #carousel-nav a { background: #58595b; border-radius: 40px; display: inline-block; height: 15px; width: 15px; }
    #carousel-nav li { display: inline; margin: 0 5px; }
    #carousel-nav li.cycle-pager-active a { background: #fff; }
    
 /* Cart */
.cart { width: 100%; }
.cart .notice { margin: 0; }
.cart .price { background: #f0f0f0; font-weight: bold; text-align: right; }
.cart .total { font-weight: bold; text-align: right; }
.cart p, .cart ul { margin: 0; }
.cart tbody td { border-top: 1px solid #ddd;}
.cart td, .cart th { padding: 0.5em 1em; vertical-align: top; }
.cart tfoot td { border-top: 3px double #ccc; }
.cart tfoot td { padding-top: 0.2em; }
.cart thead th { border-bottom: double 3px #ccc; font-size: 11px; font-weight:bold;}
.cart .txt-num { margin: 0; text-align: right; }
.cart-options { float: right; text-align: right; }

/* Dropdown */
.dropdown { border: 1px solid #ccc; border-radius: 4px; display: inline-block; font-size: 24px; font-weight: 300; padding: 0.2em 0.8em; position: relative; }
.dropdown a { color: #000; }
.dropdown > a { display: inline-block; }
.dropdown > a:hover { text-decoration: none; }

.dropdown .menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: none;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    list-style: none;
    left: 0;
    margin: 0;
    max-height: 300px;
    text-align: left;
    top: 31px;
    white-space: nowrap;
    z-index: 1000;
}

.dropdown .menu a { display: block; padding: 0.3em 1em; }
.dropdown .menu a:hover { background: #f0f0f0; text-decoration: none; }
.dropdown .menu li { display: block; margin: 0; }


/* Facts */
.fact { background: #191819; color: #fff; line-height: 1; padding: 30px 20px; text-align: center; }
.fact .chad, .fact .description, .fact .value { display: block; }
.fact .description { color: #8e9295; font-size: 23px; line-height: 1.3; margin-bottom: 0.5em; }
.fact h6 { margin-bottom: 0.4em; }
.fact p { margin: 0; }
.fact .value { font-size: 60px; font-weight: normal; }

/* Filters */
.filters { margin-bottom: 20px; }

    /* Applied filters */
    .applied-filter { background: #c6e8f0; border: 1px solid #ccc; border-radius: 3px; display: inline-block; margin-bottom: 0.5em; padding: 0.3em 0.8em; }
    
    /* Filter navigation */
    .filter-nav { list-style: none; margin: 0 0 15px; }
    .filter-nav .current { font-weight: bold; }
    .filter-nav li { display: inline; margin: 0 1em 0 0; }

/* Footer */
#footer { font-size: 13px; padding: 10px 20px 30px; }
#footer, #footer a { color: #787d81; }

    /* Site credit */
    #credit { float: right; text-align: right; }
    #credit a strong { font-weight: normal; }
    #credit a:hover { text-decoration: none; }
    #credit a:hover strong { text-decoration: underline; }
    
    /* Subfooter */
    #subfooter { background: #c6203e; padding: 30px 20px; }
    #subfooter h6 { font-size: 28px; font-weight: normal; line-height: 1.1em; margin-bottom: 0.7em; }
    #subfooter .note { margin-top: 1em; }
    #subfooter, #subfooter a { color: #fff; }
    #subfooter .social a { color: #fff; }
    
    /* vCard */
    .vcard .adr, .vcard .email, .vcard .org, .vcard .street-address, .vcard .tel { display: block; }
    .vcard .org { font-weight: bold; }

/* Google translate */
.gmnoprint > img { max-width: none; }
.notranslate[style *= "background-color"], .notranslate[style *= "background-color"] * { color: #000 !important; }

/* Header */
#header { margin: 0 auto; padding: 40px 20px; }
#header, #header a { color: #fff; }
#logo { float: left; max-width: 390px; }
#logo img { display: block; width: 100%; }
#logo-print { display: none; }

    /* Header nav */
    #header-nav { clear: right; list-style: none; float: right; margin: 0 0 20px; text-align: right; }
    #header-nav .highlight { color: #e3d2a6; font-weight: bold; }
    #header-nav li { display: inline; margin-left: 1em; }
    
    /* Subheader */
    .subheader {
        background-color: #cdcdcd;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border: 1px solid #ccc;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        margin-bottom: 30px;
    }
    
    .subheader-content { background: url(/content/images/overlay-light.png); color: #454546; font-size: 24px; font-weight: 300; line-height: 1.2; padding: 40px; width: 58%; }
    .subheader-findahome { background-image: url(/content/images/subheader-findahome.jpg); }

/* Home */
.home .page-tools { display: none; }

    /* Intro */
    .home #intro { padding: 0 20px; }
    .home #intro h1 { border-bottom: 4px dotted #58595b; color: #e3d2a6; font-size: 29px; margin: 0 auto 1em; padding: 1em 8.55%; text-align: center; }


/* hidden */
.hidden { visibility: hidden; display: none; }    


/* Icons */
.icon { background-repeat: no-repeat; background-position: 0 0.1em; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 22px; }
img.icon { padding: 0; }
.icon-cal { background-image: url(/content/images/shared/calendar.png); }
.icon-twitter { background-image: url(/content/images/twitter.png); }

/* Maps */
.map { border: 1px solid #ccc; margin-bottom: 15px; width: 100%; }
.map img { max-width: none; }

    /* Browsing properties */
    #all-properties .map { height: 550px; }

/* Muted text */
.mute { color: #7f8183; font-size: 12px; line-height: 1.3; }

/* Navigation */
#nav { background: #c6203e; font-size: 18px; padding: 10px 20px; }
#nav-content { list-style: none; }
#nav-primary a { border-radius: 4px; color: #fff; display: block; line-height: 1; padding: 0.5em 0.7em; text-decoration: none; white-space: nowrap; }
#nav-primary a:hover { background: #d76378; }
#nav-primary .current a { background: #fff; color: #c6203e; }
#nav-primary li { float: left; margin-right: 5px; }
#nav-primary ul { list-style: none; margin: 0; }

    /* Secondary nav */
    #nav-secondary { font-size: 24px; font-weight: 300; margin-bottom: 50px; }
    #nav-secondary h3 { display: none; }
    #nav-secondary li { border-bottom: 1px solid #ddd; margin-bottom: 0.4em; padding-bottom: 0.4em; }
    #nav-secondary li.current > a { color: #000; font-weight: bold; }
    #nav-secondary ul { list-style: none; margin: 0; }
    #nav-secondary ul ul { font-size: 20px; line-height: 1.4; margin-top: 0.3em; text-transform: none; }
    #nav-secondary ul ul li { background: none; border: 0; padding: 0; }
    #nav-secondary ul ul ul { margin-left: 20px; }
    
    /* Social */
    #nav .social { float: right; margin: 0; text-align: right; }
    #nav .social a { color: #fff; }
    #nav .social a:hover { opacity: 0.7; }
    #nav .social li { margin: 0 0 0 7px; }

/* News */
.news dt { font-size: 20px; }

/* Page tools */
.page-tools { clear: both; padding-top: 30px; }
.full .page-tools { display: none; }

/* Properties */
.properties { overflow: hidden; }
.properties dd, .properties dt { padding-left: 280px; }
.properties dt { border-top: 1px solid #ddd; clear: both; font-size: 28px; line-height: 1.1; margin: 1em 0 0 0; padding-top: 15px; }
.properties dt:first-child { margin: 0; }
.properties img { float: left; margin: 0 0 15px -280px; width: 262px; }
    
    /* Map */
    .map .properties dd, .map .properties dt { padding-left: 90px; }
    .map .properties dt { font-size: 1em; }
    .map .properties img { margin-left: -90px; width: 80px; }
    .map .properties .property-stats { font-size: 1em; font-weight: normal; }
    .map .properties .property-stats li { display: block; margin: 0; }
    
    /* Photos */
    .property-photos { list-style: none; margin-left: 0; }
    .property-photos img { display: block; }
    .property-photos li { margin-bottom: 20px; }
    
    /* Stats */
    .property-stats { font-size: 24px; font-weight: 300; line-height: 1.3; list-style: none; margin: 0; }
    .property-stats li, .property-stats-secondary li { display: inline-block; margin: 0 1.5em 0 0; white-space: nowrap; }
    .property-stats-secondary { list-style: none; margin-left: 0; }
    
/* Property dialog */
#property-suggestions { font-size:85%; font-family: "Droid Sans", Arial, sans-serif; }
.address-list { margin:0; list-style:none; }

/* google search console */
.gsc-search-box.gsc-search-box-tools td, td.gsc-result-info-container, td.gsc-orderby-container, .gsc-resultsbox-visible td {
    border: none;
}

/* Social */
.social { font-size: 34px; line-height: 1; list-style: none; margin-left: 0; }
.social a:hover { opacity: 0.7; }
.social li { display: inline; margin: 0 7px 0 0; }

/* Support message */
.support { background: #f3f4f4; margin-bottom: 30px; overflow: hidden; padding: 25px; }
.support .action { display: block; padding: 0.3em 0; text-align: center; width: 100%; }
.support h3 { color: #c6203e; font-size: 36px; font-weight: normal; line-height: 1.1; margin-bottom: 0.5em; }

/* Twitter widget */
#twitter {
    background: #e4f9fa;
    background: -moz-linear-gradient(top, #ffffff 0%, #e4f9fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4f9fa));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e4f9fa 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e4f9fa 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e4f9fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4f9fa',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#e4f9fa 100%);
    border: 1px solid #c5dfe0;
    border-radius: 7px;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 15px 15px 5px;
}

#twitter-widget .twtr-follow-us { display: none; }
#twitter-widget .twtr-tweet { margin-bottom: 1em; }
#twitter-widget .twtr-tweet-actions { font-size: 10px; }
#twitter-widget .twtr-user { display: none; }

/* View */
.view { list-style: none; margin-left: 0; }
.view li { display: inline; margin-right: 1em; }