@charset "UTF-8";
/* CSS Document */

/* ////////
GENERAL
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/*
NEWSLETTER FORM

#mc_embed_signup form {
	width:100% !important;
	padding: 20px 0 0 0 !important;
}

#mc_embed_signup .mc-field-group {
	width:30% !important;
	padding:0 1% !important;
	display:inline-block !important;
	zoom:1 !important;
	*display:inline !important;
}
#mc_embed_signup .mc-field-group input {
	border:none !important;
}
#mc_embed_signup .asterisk {
	color:#055A8D !important;
	padding-right:10px;
}
#mc_embed_signup a {
	color: #055A8D !important;
}
*/
#mc_embed_signup div.mce_inline_error {
	background-color: #E6CF00 !important;
	color: black !important;
	margin: 1rem 0 0 0 !important;
}
/*
#mce-success-response,
#mce-error-response {
	font-size: 1.5em !important;
	padding: 2% !important;
	margin: 1% 0  !important;
	background-color: #f2f2f2 !important;
}
*/
label {
/*	display:block;*/
	font-size:0.875rem;
	text-transform:uppercase;
	color:#3E4045;
	margin-top:8px;
	letter-spacing: 0.03rem;
}
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='text'],
textarea {
	border:none;
	padding: 0.3rem;
	font: 1rem/2 'Roboto';
	font-weight: 400;
	color: #1f1f1f;
	background-color:#EAEBED;
	border-radius:0.4rem;
}
input.submit {
	width: auto;
	padding: 0.5rem 1.25rem;
}
input[type="checkbox"] {
}
input[type="checkbox"] + label span {
    display:inline-block !important;
	zoom:1 !important;
	*display:inline !important;
    width:19px !important;
    height:19px !important;
    margin:-1px 8px 0 0 !important;
    vertical-align:middle !important;
    background:url(../media/utilities/checkbox.png) left top no-repeat !important;
    cursor:pointer !important;
	transition:all 0.1s linear !important;
}
input[type="checkbox"]:checked + label span {
    background:url(../media/utilities/checkbox.png) left -19px no-repeat !important;
}
input.input_nl {
	margin: 0;
	padding: 1.6rem 0.8rem;
	border-radius: 0.9rem;
}

a.privacy {
	color:#2C411A;
}
input[type=checkbox]+label, input[type=radio]+label {
    display: inherit;
}

/* ////////
CONTACT PAGE
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#f_contact input[type="checkbox"],
#f_reserve input[type="checkbox"],
#f_nl input[type="checkbox"] {
    display:none !important;
	*display: block !important;
}
#f_contact input[type="checkbox"] + label span,
#f_reserve input[type="checkbox"] + label span,
#f_nl input[type="checkbox"] + label span {
    display:inline-block !important;
	zoom:1 !important;
	*display:inline !important;
    width:30px !important;
	vertical-align:middle !important;
    height:22px !important;
    margin:-1px 5px 0 0 !important;
    vertical-align:middle !important;
    background:url(../media/utilities/checkbox_style.png) left top no-repeat !important;
    cursor:pointer !important;
}
#f_contact input[type="checkbox"]:checked + label span,
#f_reserve input[type="checkbox"]:checked + label span,
#f_nl input[type="checkbox"]:checked + label span {
    background:url(../media/utilities/checkbox_style.png) right top no-repeat !important;
}
#f_contact p.error,
#f_contact h3.error,
#f_nl p.error,
#f_nl h3.error,
#f_reserve p.error,
#f_reserve h3.error {
	color:red;
	background-color:transparent;
	font-family:'open_sanslight';
}
#f_contact p.jump_row,
#f_nl p.jump_row {
	height:55px;
	clear:both;
}
/* ////////
PROGRAM PAGE
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* The CSS */
.f_time select,
.f_time input,
.f_person input {
    padding:3px;
    margin: 0;
	width:300px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    border-radius:13px;
    background: #EAEBED;
    color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
    border:none;
    outline:none;
    display: block;
	padding:5px 20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.f_time input,
.f_person input {
	width:6rem !important;
	position:static;
	margin:0 auto;
	text-align:center;
}


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.f_time select {padding-right:18px}
}

.f_time label {
	position:relative;
	width:300px;
	left:50%;
	margin: 0 0 0 -150px;
}
.f_time label:after {
    content: url(../media/utilities/i_select.png);
    color:#aaa;
    right:8px;
	top:5px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.f_time label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
    pointer-events:none;
    display:block;
}
#f_reserve input,
#f_reserve textarea {
	background-color:#f2f2f2;
	color:black;
}


/* Smartphones (portrait and landscape) -----------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 */
@media only screen and (min-width : 319px) and (max-width : 750px) {
#f_reserve fieldset,
#f_reserve input,
#f_reserve textarea,
#f_reserve p.half {
	width:97%;
	float:none;
}
#f_reserve p.half input {
	padding:4% 0%;
}
input[type="checkbox"] + label span {
    display:block !important;
	zoom:1 !important;
	*display:block !important;
    width:30px !important;
    height:30px !important;
    margin:-1px 8px 0 0 !important;
    vertical-align:middle !important;
    background:inherit !important;
    cursor:pointer !important;
	transition:all 0.1s linear !important;
}
input[type="checkbox"]:checked + label span {
    background:inherit!important;
}
#f_contact input[type="checkbox"],
#f_reserve input[type="checkbox"],
#f_nl input[type="checkbox"] {
	display: block !important;
}
#f_contact input[type="checkbox"] + label span,
#f_reserve input[type="checkbox"] + label span,
#f_nl input[type="checkbox"] + label span {
    display:block !important;
	zoom:inherit !important;
	*display:inline !important;
    width:40px !important;
	vertical-align:middle !important;
    height:15px !important;
    margin:0px 5px 0 0 !important;
    background:inherit !important;
    cursor:pointer !important;
}
#f_contact input[type="checkbox"]:checked + label span,
#f_reserve input[type="checkbox"]:checked + label span,
#f_nl input[type="checkbox"]:checked + label span {
    background:inherit !important;
}
}
/*
SMARTPHONES  PORTRAIT
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (max-width: 350px) {
}