/* 



*/

:root {
  --marinaColor:    rgb(135,206,250);
  --gustoColor: 	rgb(248,47,47);
  --cocktailColor:  rgb(251,185,23);
  --bluelifeColor:  rgb(128,175,255);
  --kestrelColor:   rgb(63,78,92,0.9);
}

/* formatting */

#initMsg {
	font-family: fantasy;
	font-size: 1.5em;
}
#initMsg p {
	line-height: 1.5em;
}


.sidebarLogo {
	margin-bottom:	3em;
	text-align:		center;
	color:			blue;
}
.sidebarLogo img {
	border-radius:	50%;
	overflow:		hidden;
	width:			100%;
}
.sidebarImage {
	border-radius:	10%;
	overflow:		hidden;
	width:			16em;
}
.headerLogo {
	margin: 1em;
}
.headerLogo img {
	border-radius:	50%;
	overflow:		hidden;
	width:			10em;
}
.spotlighttext {
	font-family: fantasy;
	color: #ffffff;
}
.footertext {
	font-family: fantasy;
}
.footerImage {
	border-radius:	10%;
	overflow:		hidden;
	height:			8em;
	float: 			left;
	cursor:			pointer;
}
.contactField {
	color:	#336699;
	font-size: .75em;
	float: right;
	text-align: right;
	cursor: default;
	-webkit-transition: .3s ease-in-out;
	transition: 		.3s ease-in-out;	
}
.contactField:hover {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: 		.3s ease-in-out;
}
.socialSplash {
	float:	left;
	color:	white !important;
	border-color:	white !important;
}
.amenitiesSection{
	background-image: linear-gradient(to right, rgba(135,206,250,0), rgba(135,206,250,1));
}
.amenitiesList {
	line-height: 1.75;
}
.amenitiesList a {
	color: darkturquoise;
	font-weight: bold;
	cursor: pointer;
}
.amenitiesList a:hover {
	font-style: italic;
}
.req {
	font-size: small;
	color:	red;
	padding-left: 0.5em;
}
.error {
	color: red;
	font-size: 0.8em;
}
.conf {
	color: green;
	font-size: 0.8em;
}
.swal-wide{
    width:65% !important;
}

/* marina */
.marinabgcolor {
	background-color: var(--marinaColor) !important;
}

/* gusto */
.gustobgcolor {
	background-color: var(--gustoColor) !important;
}
.gustoContactArea {
	padding: 1em;
	border: 1px solid var(--gustoColor) !important;
	width: 75%;
	margin: auto;
}
.gustoBGSplash {
	background-image:		url('/images/gusto/p4.jpg');
}
.gustoVideo {
	max-width: 100%;
	margin: 0 auto;
}
.gustoVideo video {
	width: auto;
	height: auto;
}
@media screen and (max-width: 736px) {
	#gustoClip1 {
		width: 100%;
	}
}




/* cocktail lab */
.cocktailbgcolor {
	background-color: var(--cocktailColor) !important;
}
.cocktailContactArea {
	padding: 1em;
	border: 1px solid var(--cocktailColor) !important;
	width: 75%;
	margin: auto;
}

/* blue life */
.bluelifebgcolor {
	background-color: var(--bluelifeColor) !important;
}
.bluelifeContactArea {
	padding: 1em;
	border: 1px solid var(--bluelifeColor) !important;
	width: 75%;
	margin: auto;
}

/* kestrel */
.kestrelbgcolor {
	background-color: var(--kestrelColor) !important;
}
.kestrelContactArea {
	padding: 1em;
	border: 1px solid var(--kestrelColor) !important;
	width: 75%;
	margin: auto;
}
.headerGradient {
	background-image:	linear-gradient(to right, rgba(0,191,255,1), rgba(255,0,0,0));
}

/* misc classes */

.sticky {
	 top:		0;
	 position:	sticky;
	 z-index:	50;
}
.flexDisplay{
	display:		flex;
}
.border {
	border: 1px solid rgba(51, 119, 255, 0.50) !important;;
}


.strong {
	font-size: 1.1em;
	font-weight: bold;
}
.boldtext {
	font-weight: 		bold;
}
.italictext {
    font-style: 		italic;
}
.overflow{
	overflow: 			auto;
}
.pointer {
	cursor:				pointer
}
.move {
	cursor:				move
}
.blink{
	text-decoration: 	blink;
}
.floatRight {
	float:				right;
}
.floatLeft {
	float:				left;
}
.alignLeft {
	text-align:			left;
}
.alignRight {
	text-align:			right;
}
.alignCenter {
	text-align:			center;
}
.alignJustify {
	text-align:			justify;
}
.vAlignedTop {
	vertical-align:		top;
}
.vAlignedMiddle {
	vertical-align:		middle;
	display:			inline-block
}
.vAlignedBottom {
	vertical-align:		bottom;
}
.nowrap{
	white-space:		nowrap;
}


.pa5{
	padding: 		5px;
}
.pt5{
	padding-top:	5px;
}
.pb5{
	padding-bottom:	5px;
}
.pr5{
	padding-right:	5px;
}
.pl5{
	padding-left:	5px;
}
.ma5{
	margin: 		5px;
}
.mt5{
	margin-top:		5px;
}
.mb5{
	margin-bottom:	5px;
}
.mr5{
	margin-right:	5px;
}
.ml5{
	margin-left:	5px;
}

.pa10{
	padding: 		10px;
}
.pt10{
	padding-top:	10px;
}
.pb10{
	padding-bottom:	10px;
}
.pr10{
	padding-right:	10px;
}
.pl10{
	padding-left:	10px;
}
.ma10{
	margin: 		10px;
}
.mt10{
	margin-top:		10px;
}
.mb10{
	margin-bottom:	10px;
}
.mr10{
	margin-right:	10px;
}
.ml10{
	margin-left:	10px;
}

.ma15{
	margin: 		15px;
}
.mt15{
	margin-top:		15px;
}
.mb15{
	margin-bottom:	15px;
}
.mr15{
	margin-right:	15px;
}
.ml15{
	margin-left:	15px;
}
.pa15{
	padding: 		15px;
}
.pt15{
	padding-top:	15px;
}
.pb15{
	padding-bottom:	15px;
}
.pr15{
	padding-right:	15px;
}
.pl15{
	padding-left:	15px;
}

.ma20{
	margin:			20px;
}
.mt20{
	margin-top:		20px;
}
.mb20{
	margin-bottom:	20px;
}
.ml20{
	margin-left:	20px;
}
.mr20{
	margin-right:	20px;
}
.pa20{
	padding:		20px;
}
.pt20{
	padding-top:	20px;
}
.pb20{
	padding-bottom:	20px;
}
.pl20{
	padding-left:	20px;
}
.pr20{
	padding-right:	20px;
}


.colorWhite{
	color:				white;
}
.colorRed{
	color:				red;
}
.colorGreen{
	color:				green;
}
.colorGray{
	color:				gray;
}
.colorBlack{
	color:				black;
}
.colorOrange{
	color:				orange;
}
.colorYellow{
	color:				yellow;
}
.colorBlue{
	color:				royalBlue;
}
.bgColorWhite{
	background-color:	white;
}
.bgColorRed{
	background-color:	red;
}
.bgColorGreen{
	background-color:	green;
}
.bgColorGray{
	background-color:	gray;
}
.bgColorBlack{
	background-color:	black;
}
.bgColorOrange{
	background-color:	orange;
}
.bgColorYellow{
	background-color:	yellow;
}
.bgColorBlue{
	background-color:	blue;
}


.smalltext {
	font-size: x-small;
	font-weight: normal;
}
.xxsmalltext {
	font-size: xx-small;
}
.xsmalltext {
	font-size: x-small;
}
.mediumtext {
	font-size: 0.8em;
}
.largetext {
	font-size: large;
}
.xlargetext {
	font-size: x-large;
}
.xxlargetext {
	font-size: xx-large;
}
.xxxlargetext {
	font-size: xxx-large;
}

.calig {
	color: #336699;
	font-size: 1.2em;
}
.headerLink {
    font-family: cursive, sans-serif;
    color:  #336699;
    font-size: 1.8em;
    text-decoration: none;
    font-weight: bold;
}


.error {
	color:	red !important;
	font-size: 0.7em;
}
.conf {
	color:	green !important;
	font-size: 0.7em;
}
.warn {
	color:	orange;
	font-size: 0.7em;
}
.info {
	color:	cornflowerblue;
	font-size: 0.7em;
}
.note {
	color:	lightslategrey;
	font-size: 0.7em;
}
.pre {
	white-space: pre-wrap;
}


.shadow {
    -o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
    -icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
}
.round4border {
    -o-border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
}
.round8border {
    -o-border-radius: 8px;
    -icab-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
}
.round16border {
    -o-border-radius: 	16px;
    -icab-border-radius: 16px;
    -khtml-border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px; 
}


/* */