/* CSS Document */

/**
#651A0A - maroon
#99270F - red
#4E4300 - greenish
#004040 - turqoise
#56ACBB - light blue
**/


#lodgingContent .tab-pane{
	margin-top:3%;
	background-color:#5FA3B4 !important;
	border-radius:10px !important;
	padding:3% 0;
}
.coming-soon{
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
}
.lodgingList .listing{
	width:94%;
	margin:0 3% 10px 3%;
	text-align:center;
}
.lodgingList .listing .image{
	height:200px;
}
.lodgingList .listing .content{
	padding:12px;
	background-color:#FFF;
}
.lodgingList .listing h3{
	font-family: 'Rye' !important;
	color:#1D1D1C;
	margin-bottom:5px !important;
}
.lodgingList .listing .desc{
	font-family: 'Open Sans Bold';
	font-size:11px;
	margin-bottom:10px;
}
.lodgingList .listing .desc i{
	color:#99270F;
}
.lodgingList .listing .desc a{
	color:#333;
}
.lodgingList .listing .desc a:hover{
	color:#56ACBB;
}
.lodgingList .listing .desc .btn{
	font-size:14px !important;
}
.lodgingList .listing .desc .btn i{
	color:#FFF;
}
.lodgingList .listing .contact{
	font-family: 'Oswald';
	font-size:20px;
	margin-bottom:10px;
}
.lodgingList .listing .contact span{
	margin-right:2px;
}
.lodgingList .listing .contact span:last-child{
	margin-right:0;
}
.lodgingList .listing .contact .phone a{
	color:#333;
	text-decoration:none;
}
.lodgingList .phone i{
	position:relative;
	top:-1px;
	color:#99270F;
}
.lodgingList .listing .contact .social a{
	font-size:25px;
	color:#333;
}
.lodgingList .listing .contact .social a:hover{
	color:#99270F;
}
.lodgingList .btnDarkDark{
	width:100%;
	font-size:18px;
	margin-top:10px;
}
#intRotator{
	position:relative;
	margin-bottom:25px;
}
#intRotator .slide, #intRotator .prev, #intRotator .next{
	height:225px;
}
#intRotator .slide{
	width:100%;
	display:block;
	overflow:hidden;
	background:transparent url(../images/spinner.gif) no-repeat center center;
}
#intRotator .slide img{
	visibility:hidden;
}
#intRotator .prev, #intRotator .next{
	position:absolute;
	top:0;
	width:25px;
	background:rgba(29,29,28,.3);
	z-index:998;
	display:table;
	text-align:center;
	font-size:18px;
	color:#FFF;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	cursor:pointer;
}
#intRotator .prev > div, #intRotator .next > div{
	display:table-cell;
	vertical-align:middle;
}
#intRotator .prev{
	left:0;
}
#intRotator .next{
	right:0;
}
#intRotator .prev:hover, #intRotator .next:hover{
	background:rgba(29,29,28,1);
}
#lodgeInfo address{
	margin:30px 0 10px !important;
	font-family: 'Open Sans Bold';
	font-size:14px;
	color:#1D1D1C;
}
#lodgeInfo address a{
	color:#1D1D1C;
}
#lodgeInfo .social a{
	margin-right:5px;
	font-size:36px;
	color:#004040;
}
#lodgeInfo address a:hover, #lodgeInfo .social a:hover{
	color:#56ACBB;
}
#lodgeInfo .btn{
	margin-top:15px;
	font-size:16px;
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
	.lodgingList .listing .image{
		height:200px
	}
	.lodgingList .listing .desc{
		font-size:13px;
	}
	.lodgingList .listing .contact{
		font-size:24px;
	}
	.lodgingList .listing .contact .social a{
		font-size:29px;
	}
}

/* Tablet (portrait) */
@media(min-width:768px){
	#lodgingContent .tab-pane{
		margin-top:2.3%;
		padding:1.5% 0 0;
	}
	.lodgingList .listing{
		width:97%;
		margin:0 1.5% 10px 1.5%;
		text-align:left;
	}
	.lodgingList .listing .image, .lodgingList .listing .content{
		float:left;
		height:185px
	}
	.lodgingList .listing .image{
		width:30%;
	}
	.lodgingList .listing .content{
		position:relative;
		width:70%;
	}
	.lodgingList .listing .desc{
		margin-bottom:0;
	}
	.lodgingList .listing .desc .btn{
		font-size:14px !important;
		width:100%;
	}
	.lodgingList .listing .contact{
		position:absolute;
		bottom:2px;
		left:10px;
		font-size:20px;
		margin-bottom:0;
	}
	.lodgingList .listing .contact .social a{
		font-size:25px;
	}
	.lodgingList .button{
		position:absolute;
		bottom:0;
		right:0;
	}
	.lodgingList .btnDark{
		border-radius:8px 0 0 0 !important;
		font-size:16px !important;
	}
	#intRotator{
		margin-bottom:0;
	}
	#intRotator .slide, #intRotator .prev, #intRotator .next{
		height:175px;
	}
	#lodgeInfo address{
		margin:0 0 10px !important;
		font-size:12px;
	}
	#lodgeInfo .social a{
		margin-right:3px;
		font-size:32px;
	}
	#lodgeInfo .btn{
		font-size:14px;
	}

}

/* Tablet (landscape) */
@media(min-width:992px){
	.lodgingList .listing .image{
		width:25%;
	}
	.lodgingList .listing .content{
		position:relative;
		width:75%;
	}
	.lodgingList .listing .content{
		padding:8px;
	}
	#intRotator .slide, #intRotator .prev, #intRotator .next{
		height:225px;
	}
	#intRotator .prev, #intRotator .next{
		width:30px;
		font-size:22px;
	}
	#lodgeInfo address{
		font-size:13px;
	}
	#lodgeInfo .social a{
		margin-right:4px;
		font-size:36px;
	}
	#lodgeInfo .btn{
		font-size:16px;
	}

}

/* Desktop */
@media(min-width:1200px){
	.lodgingList .listing{
		float:left;
		width:47%;
		margin:0 1.5% 1.5% 1.5%;
	}
	.lodgingList .listing h3{
		font-size:22px;
	}
	.lodgingList .listing .image, .lodgingList .listing .content{
		height:200px
	}
	.lodgingList .listing .image{
		width:35%;
	}
	.lodgingList .listing .content{
		padding:10px;
		width:65%;
	}
	.lodgingList .listing .desc{
		font-size:15px;
		line-height:1.3;
	}
	.lodgingList .listing .contact{
		font-size:20px;
	}
	.lodgingList .listing .contact .social a{
		font-size:25px;
	}
	#intRotator .slide, #intRotator .prev, #intRotator .next{
		height:275px;
	}
	#intRotator .prev, #intRotator .next{
		width:35px;
		font-size:26px;
		opacity:0;
	}
	#intRotator:hover .prev, #intRotator:hover .next{
		opacity:1;
	}
	#intRotator .slide{
		position:relative;
	}
	#intRotator .slide .viewMore{
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		font-family: 'Open Sans Bold';
		font-size:22px;
		color:#FFF;
		padding-top:120px;
		text-align:center;
		z-index:999;
		opacity:0;
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	#intRotator .slide:hover .viewMore{
		background: rgba(29,29,28,.7);
		opacity:1;
		cursor:pointer;
	}
	#lodgeInfo{
		border-left:1px solid #DDD;
		padding-left:30px;
		padding-bottom:5px;
	}
	#lodgeInfo address{
		margin:0 0 15px !important;
		font-size:16px;
	}
	#lodgeInfo .social a{
		margin-right:5px;
		font-size:44px;
	}
	#lodgeInfo .btn{
		margin:15px 0 0 !important;
		font-size:18px;
	}

}