/**
 * Responsive Theme Styles
 * -------------------------
 * Date: 04/10/2019
 * Author: Jim Kulakowski
 */
/*-- Wide Monitors --*/
@media all and (min-width: 1366px) {
	.split-box .half {
		height: 80vh !important;	
	}
	.thumb-drawer .property-details {
		top: 50%;
	}
}
/* Initiate Bootstrap Nav at 1024px width instead of 769px --*/ 
@media all and (max-width: 1200px) {
/*    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        max-height: none;
        background: rgba(255, 255, 255, 0.95);
    }
    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }
    .navbar-header {
        float:none;
        background: rgba(255, 255, 255, 0.95);
    }
    .navbar-brand img {
    	max-height: 40px;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus, 
    .navbar-default .navbar-toggle:hover {
	    margin-top: 17px;
	    margin-bottom: 17px;
		background: none;
    	border: none;
    }
    .navbar-default .navbar-toggle .icon-bar {
		background: #aaa;
	}
    .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar {
    	background: #000;
    }
    .navbar-right {
    	float: none !important;
    	padding-bottom: 30px;
    }
	.navbar-nav li {
		float: none;
		width: 100%;
	}
	.navbar-default .navbar-nav li a {
		line-height: 40px;
	}
	.navbar-nav li .dropdown-menu {
		position: relative;
		width: 100%;
		margin-top: 0;
		padding: 0;
		background: none;
		border: none;
	}
	.navbar-collapse.collapse {
	    transition: height 0.2s ;
	}
	.navbar-collapse.collapsing {
	    height: 0 !important;
	}
	.navbar-fixed-top ul.portfolio-nav li.spacer {
		display: none;
	}
	.navbar-fixed-top ul.social-nav {
		padding-bottom: 0;
	}
	.navbar-fixed-top ul.social-nav li a, 
	.navbar-fixed-top ul.social-nav li a:focus {
		line-height: 30px;
	}*/
}
/*-- Bootstrap Break 1 (Tablet - horizontal) --*/
@media all and (max-width: 1024px) { 
	.btn {
		min-width: 0;
	}
	.sidebar .btn {
		font-size: 18px;
	}
	/*-- Home page --*/
	.island-select li {
		width: 40%;
		display: table-cell;
	}
	/*-- Category tabs --*/
	.nav-tabs li a {
		font-size: 12px;
	}
}
/*-- Bootstrap Break 2 --*/
@media all and (max-width: 992px) {
	.desktop-only {
		display: none;
	}
	.tablet-mobile-only {
		display: block;
	}
	.navbar-header {
		background: none;
	}
/*	.content-wrap {
		padding-top: 30px;
	}*/
	.content-section .btn {
		margin-bottom: 30px;
	}
	/*-- News Page --*/
	#page-news .news-list {
		margin-bottom: 45px;
	}
	#page-news .news-list .summary-col {
		padding-right: 15px;
	}
	#page-news .news-sidebar {
		padding-top: 30px;
		padding-bottom: 15px;
	}
	.rental-card {
		margin-bottom: 30px;
	}
	/*-- Footer --*/
	.foot-left,
	.foot-middle,
	.foot-right {
		margin-bottom: 45px;
	}
	.foot-right {
		text-align: left;
	}
	.foot-right .with-right-black-line:after {
		left: 15px;
	}
	footer .foot-bottom {
		text-align: center;
		padding-top: 0;
	}
	footer .foot-bottom [class*=col-]:first-of-type .copyright-statement {
		margin-bottom: 0;
	}
	footer .foot-bottom [class*=col-]:last-of-type {
		text-align: center;
	}
	.modal-dialog {
		width: 90%;
		margin: 0 auto;
	}
	.modal-body .btn {
		min-width: 0 !important;
	}
	/*-- Split Boxes --*/
	.split-box:nth-child(odd) {
		display: flex;
		flex-direction: column-reverse;
	}
	.split-box .half {
		width: 100%;
		display: block;
	}
}
/*-- Tablets (Vertical) --*/
@media all and (max-width: 768px) {
	/*-- Fixes .duck-nav class being on both the click-to-call mobile banner and home page banner-- */
	.duck-nav + .duck-nav {
		margin-top: 0 !important;
	}
	.modal-content {
		padding: 15px;
	}
	/*-- Headings --*/
	h1 {
		font-size: 10vw;
	}
	h2 {
		font-size: 8vw;
	}
	h3 {
		font-size: 7vw;
	}
	/*-- Nav --*/
	.navbar .container .navbar-brand, 
	.navbar .container-fluid .navbar-brand {
		margin-left: 0;
	}
	/*-- Multi --*/
	.btn {
		font-size: 20px;
		padding: 10px 15px;
	}
	.with-right-line .line {
		display: none;
	}
	.sidebar {
/*		padding: 30px 45px;
		margin-left: -15px;
		margin-right: -15px;*/
	}
	.news-sidebar-underlay, 
	.faq-sidebar-underlay {
		display: none !important;
	}
	.thumb-drawer {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	/*-- Top Nav --*/
	.navbar-collapse.collapse,
	.navbar-collapse.collapse.collapsing,
	.navbar-collapse.collapse.in {
		border-top: none;
	}
	.navbar-fixed-top {
		background: rgba(255, 255, 255, 0.95);
	}
	.navbar-brand img {
		max-height: 90px;
	}
	.navbar-default .navbar-nav li a {
		line-height: 100px;
	}
	.menu-button {
		margin-top: 28px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu li a {
		line-height: 30px;
		color: #fff;
		background: none;
	}
	/*-- Split boxes --*/
	.split-box .half.image-container {
		height: 400px;
	}
	/*-- Home page --*/
	.banner-content {
		width: 100%;
		top: 50%;
	}
	.island-select li {
		width: 40%;
		display: unset;
	}
	/*-- Property Detail Pages --*/
	#page-property-detail .title-banner h1 {
		text-align: center;
	}
	.thumb-drawer .property-details {
		top: 50%;
	}
	.thumb-drawer .property-details .title {
		font-size: 1em;
		letter-spacing: 0.1em;
	}
	.thumb-drawer .property-details * {
		font-size: 1em;
		line-height: normal;
	}
	/*-- Footer --*/
	.foot-left, 
	.foot-middle, 
	.foot-right {
		text-align: center;
	}
	footer .foot-brand {
		max-width: 200px;
		margin: 0 auto;
	}
	footer .social-menu:after {
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
/*-- Mobile Phones (Horizontal) --*/
@media all and (max-width: 640px) {
	/*-- Headings --*/
	h1 {
		font-size: 12vw;
	}
	h2 {
		font-size: 10vw;
	}
	h3 {
		font-size: 8vw;
	}
}
/*-- Mobile Phones (Vertical) --*/
@media all and (max-width: 480px) {
	/*-- Multi --*/
	#page-home .content-wrap,
	#page-about-us .content-wrap {
		padding-top: 0;
	}
	/*- Top Nav --*/
	.navbar-fixed-top .navbar-header {
		width: 50%;
		float: left;
	}
	#navbar {
		width: 50%;
		float: right;
		text-align: right;
	}
	#navbar .nav li {
		display: inline-block;
		vertical-align: middle;
	}
	.menu-button {
		margin-top: 0;
	}
	#close-button {
		right: 30px;
	}
	.full-banner {
		height: auto;
		padding: 30px 0;
	}
	.banner-content.absolute-center {
		position: relative;
		top: 0 !important;
		-webkit-transform: translateX(-50%) translateY(0);
		-moz-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
	.split-box .half .text-content {
		padding: 30px 0;
	}
	/*-- Masonry Grid Images --*/
	.grid-sizer,
	.grid-item {
		width: 100%;
	}
	/*-- Category tabs --*/
	.nav-tabs li a {
		font-size: 3vw;
	}
	/*-- Related Photos --*/
	#page-print-detail .related-photos img {
		height: 80px;
	}
	.sidebar {
		padding: 30px 15px;
	}
	.rental-card {
		margin-bottom: 15px;
	}
	.thumb-drawer .property-details .title {
		font-size: 1.5em;
	}
}