/*
 Theme Name:   HI Homes
 Theme URI:    http://hiislandhomes.staging.wpengine.com/
 Description:  hiislandhomes
 Author:       commandmedia
 Author URI:   http://www.commandmedia.net/
 Version:      1.0.0
 License:      Command Media License
 License URI:
 Tags:         local
 Text Domain:  hiislandhomes
*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;;
}
.blue-bg{background:rgba(43,167,237,0.8);top:0;bottom:0;left:0;right:0;}
/* Slide-in Menus */
#slide-menu, #slide-user-menu {
	width: 350px;
	height: 100%;
	position: fixed;
	top: 0;
	background: #2e2e2e;
	padding: 20px 25px 25px;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	z-index: 51;
	font-size: 1.125em; /* 18px */
}

#slide-menu ul li, #slide-user-menu ul li {
	list-style-type: none;
}

#slide-menu ul li a, #slide-user-menu ul li a {
	color: #e1e1e1;
	font-weight: bold;
	text-decoration: none;
}

#slide-menu ul li a:hover, #slide-user-menu ul li a:hover {
	color: #fff;
}

#slide-menu hr, #slide-user-menu hr {
	margin: 25px 0;
	border-top: 1px solid #383838;
}

#slide-menu.hidden {
	position: fixed;
	left: -1000px;
	top: 0;
}

#slide-user-menu.hidden {
	position: fixed;
	right: -1000px;
	top: 0;
}

/* Bootstrap menu styles */
#slide-menu .nav {
	display: block;
}

#slide-menu .nav > li, #slide-user-menu .nav > li {
	position: relative;
	display: block;
	width: 100%;
}

#slide-menu .nav > li > a, #slide-user-menu .nav > li > a {
	position: relative;
	display: block;
	padding: 10px;
}

/* Link hover background color */
#slide-menu .nav > li > a:hover, #slide-user-menu .nav > li > a:hover {
	background: #000;
}

#slide-menu .toggle-custom, #slide-user-menu .toggle-custom {
	position: absolute !important;
	top: 0;
	right: 0;
}

/* Collapsible sub-menu */
#slide-menu .collapse, #slide-user-menu .collapse {
	display: none;
	visibility: hidden;
}

#slide-menu .collapse.show, #slide-user-menu .collapse.show {
	display: block;
	visibility: visible;
}

#slide-menu .nav .nav, #slide-user-menu .nav .nav {
	background: #000;
}

#slide-menu .nav .nav > li > a, #slide-user-menu .nav .nav > li > a {
	padding-left: 20px;
	font-size: 0.889em; /* 16px */
	font-weight: normal;
	border-bottom: 1px solid #151515;
}

#slide-menu .nav .nav > li > a:hover, #slide-user-menu .nav .nav > li > a:hover {
	background: #0b0b0b;
}

#slide-menu .toggle-custom > .fas, #slide-user-menu .toggle-custom > .fas {
	-webkit-transition: .3s transform ease-in-out;
	-moz-transition: .3s transform ease-in-out;
	transition: .3s transform ease-in-out;
}

#slide-menu .toggle-custom.collapsed > .fas, #slide-user-menu .toggle-custom.collapsed > .fas {
	transform: rotate(180deg);
}

.menu-close {
	color: #e1e1e1;
	text-decoration: none;
	font-size: 0.778em; /* 14px */
}

.menu-close:hover {
	color: #fff;
}
.desktop-navigation div.logo img{max-width:180px;display:block;margin:auto;}
.mobile-navigation-toggle .mobile-navigation-link:after{border-color:#fff transparent transparent transparent;}
.desktop-navigation {
	background: #0183BF;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.wehaa-nav {
	color: #fff;
	height: auto;
	min-height: 60px;
	padding: 5px 0 0 0;
	margin: 0 !important;
}
.wehaa-nav li {
	display: inline-block;
	flex: none !important;
	-webkit-flex: none !important;
	-ms-flex: none !important;
}
.wehaa-nav li a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 10px !important;
}
.wehaa-logo {
	display: none !important;
}
.moved .wehaa-logo {
	display: flex !important;
}
a.more-stories{font-weight:700;}
img.img-responsive{width:100%;height:auto;}
ul#menu-primary{margin:5px 0 10px;}
footer hr{min-height:0;}
.hamburger-slide{top:5px;right:5px;}
.post a{color:#000;}
.post a:hover{text-decoration:none;}
#articles{overflow:hidden;}
#articles .post a h2{font-weight:700;color:#444444;}
#realtors{background:#eeeeee;}
.agent-info{line-height:1;overflow:hidden;}
.agent-info h3{margin:-4px 0 0;}
.agent-info p{margin:2px 0 3px;}
.agent-info a{color:#000;font-weight:700;line-height:1.2em;}
.agent-info a.title{text-decoration:none;}
#menu-primary li{flex:auto;-webkit-flex: auto;-ms-flex: auto;}
#menu-primary li a{font-weight:700;}
#menu-primary li a:hover{color:#fff;border:none;}
#article-story h1{font-size:26px;}
#article-story p{color:#545454;font-size:16px;}
.image.w125{min-width:125px;width:125px;}
a.older-posts{color:#000;font-weight:400;}
.realestate-footer a:hover,.hawaiirental-footer a:hover{color:#ccc;}
#realtors-content .profile img{min-width:48px;width:48px;}
.menu,.mobile-navigation-wrapper,.mobile-navigation-list,.mobile-navigation-toggle{
	background: #0183BF;
	padding: 0;
	/* background:#444444; */
}
.menu a,.mobile-navigation-link{font-size:16px;text-transform:uppercase;font-weight:400;}
.mobile-navigation-link:hover{color:#fff;}
.box-ad-1 span{position:absolute;left:0;right:0;top:-10px;text-align:center;}
.pagination2{clear:both;overflow:hidden;margin:10px 0}
.pagination2 span,.pagination2 a.page-numbers{display:none;}
.pagination2 a.next,.pagination2 a.prev{display:block;color: #000;font-weight: 700;font-size:16px;}
.pagination2 a.next{float:left;}
.pagination2 a.prev{float:right;}
.d-flex,.d-md-flex,.d-sm-flex,.d-lg-flex{display:-webkit-flex;}
.input-group-prepend label{font-weight:700;color:#444444;}
.input-group select{font-weight:700;}
#realtors-content .profile .image{width:48px;min-width:48px;overflow:hidden;}
.search-form h1{text-shadow:0px 0px 5px #444444;}
input:not(:focus){color: #ccc;}

/* Agents carousel */
#carouselAgents {
	min-height: 250px;
}

#carouselAgents .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

#carouselAgents .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}


/* @group All Media Queries */
/* These media queries uses breakpoints from Bootstrap's responsive Layout Grid. PLEASE REFRAIN FROM ADDING UNNECESSARY BREAKPOINTS. */

/* Widescreen devices */
@media (max-width: 1024px) {
	.carousel.slide:before {padding-top: 53.25%;}
}

/* Desktop */
@media (max-width: 992px) {
	.carousel.slide:before {padding-top: 53.25%;}
}

/* Tablets */

@media (max-width: 768px) {
	h1.p404{font-size:4rem !important;}
	#article-story h1{font-size:1.5rem;}
	.mycards{overflow:hidden;}
	.mycards .row{display:block;}
	.mycards .row article.card.col{float:left;width:45%;margin-bottom:15px;}
	section.news div.right-bg{left:0;width:auto;height:50%;bottom:0;top:auto;}
	section.news div.left-bg{right:0;width:auto;height:50%;}
	.hidden-xs{display:none;}
	.visible-xs{display:block !important;}
	/* Hide desktop menus */
	.primary-menu, .user-menu {
		display: none !important;
	}
	.gallery .gallery-item{width:33% !important;}
}
@media (min-width: 768px) and (max-width: 768px) {
	.d-flex,.d-md-flex,.d-sm-flex,.d-lg-flex{display:-webkit-flex !important;}
}
@media (max-width: 767px) {
	.box-ad-1 span{position:relative;top:0;}
	#article-story{width:100%;}
}

/* Small devices (landscape phones) */
@media (max-width: 576px) {
	section h1{font-size:36px;}
	.image.w125{width:100%;margin-bottom:10px;}	
	.gallery .gallery-item{width:50% !important;}
	
	/* Agents carousel */
	#carouselAgents {
		min-height: 630px;
	}
}

/* Even smaller Apple devices below 320px) */
@media (max-width: 320px) {
	.gallery .gallery-item{width:50% !important;}
}

figure {
	float: left !important;
}