/* TAB COLORS */
.desktop-elevators-container .elevator-block, 
.side-tab { background-color: var(--primary-color-1); }

/* CONTAINER MOD */
.container { min-width: unset !important; max-width: 1380px !important; width: 86% !important; }

/* SUBHEADER ADJUSTMENTS */
section#subheader.style-2 { margin-top: 80px; padding: 40px 0px; background-attachment: unset; }
section#subheader.style-2 .title-wrap { margin: 0px; }

/* BREADCRUMB ADJUSTMENTS */
.crumb { float: none; }
.crumb a { color: var(--primary-color-1); }

/* EXTRA MENU WIDGET */
.menu-widget-wrapper { float: right; padding-left: 20px; height: 80px; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; }

/* EXTRA MENU BUTTONS */
#mainmenu > li div.btn-wrapper { padding: 20px 0px 20px 20px; }
#mainmenu > li div.btn-wrapper a { line-height: normal; padding: 10px 20px; }
header.smaller:not(.header-bottom):not(.side-header) #mainmenu div.btn-wrapper a { padding: 10px 20px; }

/* CAROUSELS */
.slick-track { margin: 0px auto; }

/* LIGHTENING CERTAIN ACCENT COLOR INSTANCES */
.btn-slider:after, 
.separator span i,
#mainmenu li a:after,
#mainmenu a:hover,
#mainmenu a.active,
#mainmenu li:hover > a,
header.smaller #mainmenu a.active { color: var(--text-accent); }
#menu-btn:hover { background-color: var(--text-accent); }
#menu-btn:hover:before { color: #FFFFFF; }

/* LINK COLORS */
section.bg-dark a, 
section.bg-dark a:hover,
section.bg-very-dark a,
section.bg-very-dark a:hover,
section.bg-color a,
section.bg-color a:hover { color: #FFFFFF; }

/* BUTTON COLORS */
section.bg-color .btn-slider:after { color: #FFFFFF; }
section.bg-color .btn-custom { border: 1px solid #FFFFFF; }
section.bg-color .id-color { color: #FFFFFF; }

/* ROWS MOD */
.row.narrow-gutters { margin-left: -8px; margin-right: -8px; }
.row.narrow-gutters > div[class^="col"] { padding-left: 8px; padding-right: 8px; }

/* QUADRANT BLOCKS */
.quadrant-block { background-size: cover; background-position: 50% 50%; height: 0px; padding-bottom: 80%; position: relative; }
.quadrant-block-text { position: absolute; left: 0px; right: 0px; top: 50%; margin-top: -65px; }
.quadrant-block-icon { font-size: 22px; background-color: var(--primary-color-1); padding: 16px; border-radius: 50%; margin-bottom: 16px; }
.quadrant-block-hr { border-bottom: 1px solid var(--primary-color-1); width: 70%; margin: 8px auto; }

/* PROPERTY BLOCKS */
.property-block-photo-container { background-size: cover; background-position: 50% 50%; height: 0px; padding-bottom: 80%; position: relative; }
.property-block-special-flags-container { position: absolute; top: 7%; left: 7%; text-align: left; }
.property-block-special-flags-container span { color: #FFFFFF; font-size: 15px; padding: 4px 11px 4px 7px; border-radius: 14px; font-weight: bold; }
.property-block-special-flags-container span.recently-added { background-color: #5b80d5; }
.property-block-special-flags-container span.price-reduced { background-color: #6bb160; }
.property-block-photo-price-block-container { position: absolute; bottom: 10%; left: 15%; right: 15%; color: #FFFFFF; }
.property-block-photo-price-block { background-color: rgba(0,0,0,0.6); font-size: 18px; padding: 8px; }
.property-block-photo-transaction-type-block { background-color: rgba(0,0,0,0.3); font-size: 12px; padding: 0px 8px; text-transform: uppercase; font-weight: 600; }
.row-cols-right-border > *:not(:last-child) { border-right: 1px solid #FFFFFF; }

/* PROPERTY GALLERY */
#property-listing-gallery-carousel button.owl-next, 
#property-listing-gallery-carousel button.owl-prev { position: absolute; top: 8px; background: transparent; border: none; margin: 0px; color: #000; font-size: 28px; bottom: 8px; vertical-align: middle; }
#property-listing-gallery-carousel button.owl-next { right: 8px; }
#property-listing-gallery-carousel button.owl-prev { left: 8px; }

/* MONTHLY PAYMENTS CALCULATOR */
.calculator-mortgage i, 
.calculator-affordability i, 
.calculator-ownership i { background-color: var(--primary-color-1) !important; }
#calculator-mortgage-result { color: var(--primary-color-1) !important; }