/* CONTENT and SIDE COLUMN - DON'T CHANGE
===========================================================================================================*/
.sidecolumn3 { padding:0px;}
.maincontent9 { padding:15px 30px 60px 30px; }
.maincontent12 { padding:15px 30px;}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.sidecolumn3 { padding:20px;}
}

/*CSS to funtion as push & pull (switch column positions in phone view) for bootstrap 2*/
#content-area {float:right;}
/*#sidebar-area {margin-left: 0;}*/
@media (max-width: 767px) {
	#content-area {float:none;}
}


/* TRAVEL - LOCATION (Home page)
===========================================================================================================*/
#travel-band {
	background:  url(../images/sitelook/sunsetdeck-bkg.jpg) no-repeat;
	background-color: #ccc;
	background-size: cover;
	background-position: center center;
}

/* Location Section */
#loc-inset-box {
	position: relative;
	z-index: 5;
	background-color: #FFF;
	margin-top: 7rem;
	min-height: 21rem;
}
#gmap {
	padding: 2rem 0 2rem  2rem;
}
.map-responsive {
    overflow:hidden;
    padding-bottom:99%;
    position:relative;
    height:0;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#hotel-info {
	padding:2rem;
}
#hotel-info p {
	font-size: 16px;
	line-height: 24px;
}
.location-button {padding-top: 1.65rem;}
/*.blue-button {
	text-align:center;
	font-size: 10pt;
	color: #FFF;
	background:#43a9cb;
	letter-spacing: 0.05em;
	padding: 0.75em 1.5em;
	text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.blue-button:hover,
.blue-button:focus {
	color: #FFF;
	background: #0C80A8;
	text-decoration: none;
}*/

@media screen and (max-width: 1128px ) {
	 .map-responsive { padding-bottom:120%;}
}
@media (min-width: 768px) and (max-width: 979px) { /* Portrait tablet to landscape */
	.map-responsive { padding-bottom:160%;}
}
@media screen and (max-width: 767px ) {
	#gmap {padding:1.25rem;}
	.map-responsive {padding-bottom:60%;}
	#hotel-info {padding:1.25rem; text-align:center;}
	.location-button {padding-bottom: 1.25rem;}
}



/* SOCIAL MEDIA - LOCATION (Blue band on Home page)
===========================================================================================================*/
#social-media-band {
	background:  url(../images/sitelook/social-footer-bkg.jpg) no-repeat;
	background-color: #43a9cb;
	background-size: cover;
	background-position: center right;
}
.blue-social-section {
	padding: 2em 0 6em 0; 
}
.social-area {
	position:relative;
	display: block;
	text-align: center;
	padding-top: .5em;
}
.petals-4 {
    position: absolute;
    margin-top: -112px;
    left: -50px;
    width: 111px;
    height: 138px;
}
h2.social-title {
	color: #0C80A8;
	font-size:20px;
	margin-top: 0;
	float: left;
	padding-top:.25em;
	padding-left: 7.5em;
}
h2.twitter-hashtag {
	font-size: 45px;
	color: #FFF;
	padding-left: 1em;
	margin: 0;
}

@media (max-width: 1200px) {  /* Large desktop */
	.blue-social-section {
		padding: 1.5em 0 5em 0;
		 }
	h2.social-title {
		/*padding-left: 2.75em;*/
	}
	h2.twitter-hashtag {
		font-size: 40px;
		padding-left:1em;
		/*padding-top: .5em;*/
	}
}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
	.blue-social-section {padding: .75em 0 6.5em 0; }
	h2.social-title {
		float: none;
		padding-left: 0;
		margin-bottom:.25em;
	}
	.petals-4 {margin-top: -95px; left: -70px;}
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.blue-social-section {padding: 1.25em 0 2.25em 0; }
	.social-area {text-align: center;}
	h2.social-title {
		float: none;
		padding-left: 0;
		margin-bottom: .5em;
	}
	.petals-4 { display:none}
	h2.twitter-hashtag {
		padding-left:0;
		padding-top: 0.5em;
		text-align: center;
	}
}


/* BASIC MEDIA QUERIES
===========================================================================================================*/
@media (min-width: 1200px) {  /* Large desktop */

}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
	
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */

}

@media (max-width: 480px) { /* Landscape phones and down */

}