/*
Theme Name: 505 - Laz Fly - New - netPark Child Theme
Theme URI: https://www.netpark.us
Template: netpark-theme
Author: the netPark Team
Author URI: https://www.netpark.us/
Description: Default theme provided by netPark. Provides a simple way to create layouts within WordPress using shortcodes and other tweaks.
Version: 1.0
Tags: responsive-layout, custom-header, custom-menu, custom-colors, custom-background, featured-images, microformats, post-formats
Text Domain: netpark-theme
*/

/* Base
   ========================================================================== */
:root {
	--main: #2c56c4;
	--secondary: #E43133;
	--hamburger-color: #F2620F;
	--close-color: #000;
}

html {
	font-size: 14px !important;
	height: 100%;
}

body {
	font-family: "Montserrat",sans-serif;
	font-size: 1em;
	position: relative;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}


_:-ms-fullscreen, :root .elementor-location-single {
	flex: none !important;
}

/* HEADER 
========================================================*/

.subMenuHover .sub-menu a:hover {
	text-decoration: underline;
}

.menu-item a:focus {
	background-color: #fff !important;
}

#reservWidget .np-label,
#reservWidget .np-date-form__promo-button
{
	color: #fff !important;
}

#reservWidget .np-date-form__submit .np-button{
	border: 3px solid #fff !important;
	border-color: #fff !important;
	text-transform: uppercase;
}

#reservWidget .np-date-form__submit .np-button:hover{
	margin-top: 3px;
}

/* Mobile Nav
========================================================*/

.nav-button {
	display: block;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 101;
	transition: transform .3s linear;
}

.elementor-69 {
	width: 100%;
}
/* Set transform: translateX(100%) if you want to come from the right;  
Set transform: translateX(-100%); if you want to come from left*/
.myNavigation {
	position: fixed;
	top: 0;
	right: 0;
	overflow: hidden;
	transition: transform 0.3s;
	width: 100%;
	height: 100vh;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
}

.myNavigation .toMove {
	transform: translateX(-100%);
	overflow: hidden;
	transition: transform .3s linear;
	opacity: 1;
}

.nav-button .hamburger {
	position: relative;
}

.nav-button .hamburger span{
	display: block;
	height: 2px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}



.nav-button .hamburger span:nth-child(2){
	transform: translate(0, 6px);
}

.nav-button .hamburger span:nth-child(3){
	transform: translate(0, 12px);
}

.nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0,0,0,0);
}

.nav_control:checked~.nav-button {
	transition: transform .3s linear;
	transform: translatey(-30px);
}

.nav_control:checked~.nav-button .hamburger {
	transition: all 0.1s 0s ease;
}

.nav_control:checked~.myNavigation {
	transition: opacity 0.3s ease-out;
	opacity: 1;
}

.nav_control:checked~.myNavigation .toMove {
	transform: translateX(0);
 	transition: transform 0.3s linear;
}


.nav_control:checked~.nav-button .hamburger span{
	background: var(--close-color);
	transition: all 0.1s 0s ease, transform 0.1s 0.2s ease;
}

.nav_control:checked~.nav-button .hamburger span:first-child{
	opacity: 0;
}

.nav_control:checked~.nav-button .hamburger span:nth-child(2){
	transform: translate(0, 6px) rotate(45deg);
}
.nav_control:checked~.nav-button .hamburger span:nth-child(3){
	transform: translate(0, 4px) rotate(-45deg);
}

.lockedUp {
	overflow: hidden;
    position: fixed;
	overflow-y: hidden !important;
}



/* Utilities 
=========================================================*/

.np-alert--primary {
    background-color: #E9ECFF !important;
    border-color: #1F2A74 !important;
    color: #18215B !important;
}

.np-form-checkbox {
	color: #1f2a74 !important;
}

.np-reservation__step {
	border-color: var(--main) !important;
}

.np-text-primary-500 {
	color: var(--main) !important;
}


.primary,
.hover-primary:focus,
.hover-primary:hover {
	color: var(--main);
}

.bg-primary,
.hover-bg-primary:focus,
.hover-bg-primary:hover {
	background-color: var(--main);
}

.b--primary {
	border-color: var(--main);
}

/* Secondary: #1f2a74 */
.secondary,
.hover-secondary:focus,
.hover-secondary:hover {
	color: var(--secondary);
}

.bg-secondary,
.hover-bg-secondary:focus,
.hover-bg-secondary:hover {
	background-color: var(--secondary);
}

.b--secondary {
	border-color:var(--secondary);
}



/* BUTTON
==========================================================*/
.np-button--primary {
	background: #2c56c4 !important;
    border-bottom: 3px solid #1f3d8b !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: white;
    border-radius: 5px !important;
    font-size: 1.3em !important;
    padding: 3px 10px !important;
    outline: none !important;
    vertical-align: middle !important;
	
}

.np-button--primary:hover {
	border-bottom-width: 2px !important;
    margin-top: 1px !important;
    color: white !important;
}

.loginWid {
	color: #337ab7;
}

.loginWid:hover {
	color: #23527c;
}

.mobileLoginWid {
	color: #9D9D9D;
}

.mobileLoginWid:hover {
	color: #9D9D9D;
}

#reservWidget .multiselect__tags {
	min-height: 1.5rem !important;
	height: 2.5rem;
}

/* FOOTER 
==========================================================*/



/* OLD LAZ THEME
==========================================================*/


/* Set the default width of the container to 960px, adjust this to adjust default width */
@media (min-width: 992px){
	.container { width: 960px !IMPORTANT; }
}

@media (max-width: 768px) {
	#BookingDatesWidget .actionButtons { clear: both; padding-top: 10px !IMPORTANT; }
	#BookingDatesWidget .actionButtons .button { margin-bottom: 5px; width: 100%; }
	#BookingDatesWidget{ margin-left: 0px !IMPORTANT; width: 100% !IMPORTANT; }
	
	.cust_login_widget .login input[type=text],
	.cust_login_widget .password input[type=password],
	.cust_login_widget .password input[type=text]{ width: 100% !IMPORTANT; }
	.promo_code, #promo_BookingDatesWidget{ width: 100% !IMPORTANT; }
	.container{ padding-left: 5px; padding-right: 5px; margin-left: 0px !IMPORTANT; margin-right: 0px !IMPORTANT; }
	.row { margin-left: 0px; margin-right: 0px; }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2,
	.col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4,
	.col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6,
	.col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
	.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11,
	.col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12,
	.col-lg-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (min-width: 768px){
	.navbar-brand{display: none !IMPORTANT;}
}


/**
 * Adjust .row margin and .col padding to change how margins 
 * work throughout the page. What margins are changed to in .row
 * they need to be the same (but opposite) for padding in .col.
 *
 * Example: .row { margin-left: -5px; }, .col-lg-9 { padding-left: 5px; }
 */
.row { margin-left: -8px; margin-right: -8px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, 
.col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, 
.col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, 
.col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, 
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, 
.col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, 
.col-lg-12, .np-px-4 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.navbar-default{
	background-color: transparent;
	border-color: transparent;
}

.navbar-collapse:before{
	content: "" !IMPORTANT;
}

.h1, .h2, .h3, h1, h3, h2 :not(.np-reservation-quote__title) {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

@media (min-width: 992px) {
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left !important;
	}
}

/**
 * When using SimpleModal with Bootstrap, reset the box sizing back 
 * to content-box (that's how simple modal determines its width/height)
 */
.simplemodal-container, .simplemodal-container div{ -webkit-box-sizing: content-box !IMPORTANT; -moz-box-sizing: content-box !IMPORTANT; box-sizing: content-box !IMPORTANT; }



/*----------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------*/
/*--------- MOBILE MENU THEMING ------------*/
/*------------------------------------------*/

/*==MOBILE MENU - HEADER==*/
.navbar .navbar-text { text-align: center; font-weight: bold; color: white; }

/*==MOBILE MENU - MENU (LEFT)==*/
.nav-sidebar { 
	background: #333 !IMPORTANT; 
	padding-top: 10px !IMPORTANT;
}

.nav-sidebar ul { 
	list-style: none; 
	padding-left: 0px !IMPORTANT;
}

.nav-sidebar-left.open {
	-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.35);
}

#nav_sidebar_left li { 
	font-weight: bold; 
}

#nav_sidebar_left a {
	padding: 10px 0px 10px 20px !IMPORTANT;
	font-size: 12pt;
	color: white !IMPORTANT;
	display: block;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #1a1a1a;
}

#nav_sidebar_left a:hover {
	background: #1d1d1d !IMPORTANT;
	border-top: 1px solid #1d1d1d !IMPORTANT;
}

/*==MOBILE MENU - LOGIN (RIGHT)==*/
.nav-sidebar-right.open {
	-webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.35);
}

.nav-sidebar-right { padding: 0px 10px; }

.nav-sidebar-right a { color: white; }
.nav-sidebar-right a:hover { color: darkgrey; }

/*----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------- END NETPARK DEFAULT THEMEING ------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------*/
/*--- WEBSITE SPECIFIC THEMEING BEGINS ---- */
/*------------------------------------------*/
/*=EVERY PAGE STYLING=*/
a { text-decoration: none !IMPORTANT; }
#page_content { background: white; }
input { line-height: normal !IMPORTANT; }

/*==BUTTONS==*/
.btn , button, input[type="button"], input[type="submit"] { 
	background: #2c56c4;
	border-bottom: 3px solid #1f3d8b;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	color: white;
	border-radius: 3px;
	font-size: 1.3em;
	padding: 3px 10px;
	outline: none;
	vertical-align: middle
}

.btn:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover { 
	border-bottom-width: 2px;
	margin-top: 1px;
	color: white;
}
.btn:active, 
button:active, 
input[type="button"]:active, 
input[type="submit"]:active,
.btn:focus, 
button:focus, 
input[type="button"]:focus, 
input[type="submit"]:focus { 
	border-bottom-width: 1px;
	margin-top: 2px;
	color: white;
}

.res_quote_selected { background-color: #1A4F77; }




/*==FOOTER==*/
#footer_style { background: white; text-align: center; }

.footer_nav_class{
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.footer_nav_class li{
	display: inline-block;
	margin: 0px;
	font-size: 10pt;
}

.footer_nav_class li:before { content: " | "; }
.footer_nav_class li:first-child:before { content: none; }
.footer_nav_class a { padding: 6px 5px; }

.navbar { margin-bottom: 0px !IMPORTANT; min-height: 0px !IMPORTANT; }


/*=HOME PAGE=*/
#lazfly_pagetag {
	text-align: center;
}

#lazfly_pagetag p {
	margin: 10px 0px 0px 0px !IMPORTANT;
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
}

#premier-valet-title { font-weight: bold; font-size: 14pt; }
#premier_valet_info li { font-weight: bold; }
#premier_valet_info ul { padding-left: 10px; list-style: disc;  }
#premier_valet_info .cf { float: left !important;  }

.mb4 {
    margin-bottom: 2rem;
}
.w-100 {
    width: 100%;
}

.pull-right{
	float: right;
}

#promo_header_box { 
	border: 10px solid #2C56C4; 
	border-radius: 5px; 
	padding-left: 10px; 
	background-image: url("https://devms.demo.netpark.us/505-new/wp-content/uploads/sites/241/2020/09/Clouds2.jpg"); 
	background-repeat: repeat;
	text-align: center;
	background-position-y: -220px;
	background-position-x: -740px;
}

#promo_header_alignment { text-align: center; }
#promo_header { color: #1e5595; font-size: 18pt; font-weight: bold; font-style: italic; }
#promo_header_alignment #promo_subtext { color: #1e5595; font-size: 12pt; font-weight: bold; }
.promo_text_price { color: #1e5595; font-size: 15pt; font-weight: bold; }
.promo_text_description { color: #1e5595; font-size: 17pt; }

.promo_btnalignment { margin-bottom: 10px; }
.promo_btnalignment p { margin: 0px; }
.promo_btnalignment .btn { font-size: 17pt !IMPORTANT; font-weight: bold; }

#internet_special { text-align: center; margin-top: -27px; }
#fees_text { font-weight: bold; color: #E43133; font-size: 15pt; }

#newsletter_style { padding: 0px 20px; }
#newsletter_bg { background: #2C56C4; padding: 0px 10px; border-radius: 5px; }
#newsletter_label { font-weight: bold; color: white; font-size: 14pt; }

#wpcf7-f162-p52-o1 input[type=email] { width: 100%; color: black !IMPORTANT; }
.wpcf7-not-valid-tip { color: yellow !IMPORTANT; }
.wpcf7-validation-errors { display: none !IMPORTANT; }

#wpcf7-f162-p52-o1 input[type=submit]{ background: #fff83b; border-bottom: 3px solid #c2bd2c; font-weight: bold; color: black; width: 100%; text-align: center; }
#wpcf7-f162-p52-o1 input[type=submit]:hover{ border-bottom-width: 2px; }
#wpcf7-f162-p52-o1 input[type=submit]:active, #wpcf7-f162-p52-o1 input[type=submit]:focus{ border-bottom-width: 1px; }
#wpcf7-f162-p52-o1 .ajax-loader { display: none; }

#newsletter_submit_alignment { text-align: right; }

#hr_style { padding: 0px 12px; }
#hr_style hr { border-top: 10px solid #2C56C4; border-radius: 5px; position: relative; top: -30px; }

#booknow_layout { padding-bottom: 10px; text-align: center; }
.booknow_images { float: left; margin-right: 10px; }
#booknow_header { font-weight: bold; color: #21347a; font-size: 14pt; }

#PValet_Map ul,
#PSelfPark_Map ul,
#Economy_Map ul,
#TF_Green_Map ul { list-style: none; }

#PValet_Map,
#PSelfPark_Map,
#Economy_Map,
#TF_Green_Map { text-align: center; margin-top: 17px; }

.directions_style { text-align: center; font-weight: bold; font-size: 1.3em; }

.pricing_style {
	text-align: center;
	color: white;
	background: #ca4842;
	margin-top: 30px;
	padding: 5px 0px;
}

.pricing_style p { margin-bottom: 0px; }

.mobile_pricing_style {
	text-align: center;
	color: white;
	background: #ca4842;
	padding: 5px 0px;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

/*==LAZFly Pages==*/
.np_small_display .container { padding: 0px 5px; }
#section_header { font-weight: bold; color: #2C56C4; }

/*==PREMIER PARKER PAGE==*/
#premierbtnalignment { text-align: center; }
.premierparkerbtn { font-size: 15pt !IMPORTANT; width: 250px !IMPORTANT; }

/*==CONTACT US==*/
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea { 
	width: 100%; 
}

/*==CORPORATE PAGES==*/
.corp_logo_position { text-align: center; }

/*==REWARD POINTS==*/
#reward_point_table table {
	border: 1px solid black; 
	margin: 20px 10px 0px 10px;
	float: left;
	width: 125px;
}

/*==CORPORATE SIGN-UP==*/


/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*--------- CONTACT FORM STYLING -----------*/
/*------------------------------------------*/
.contact_form_label { font-weight: bold; margin-bottom: 0px; padding: 5px 3px; }
.required_symbol { font-weight: bold; color: red; }
span.wpcf7-list-item { display: block; }

.wpcf7 select { padding: 5px 17px 5px 4px !IMPORTANT; }
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 20px;
	border: 1px solid lightgrey; 
	border-radius: 1px !IMPORTANT; 
	padding: 6px 17px 6px 4px;
	color: black;
	width: 100%;
}

/*-----------------------------------------------------*/
/*=MOBILE THEMING=*/
@media (min-width: 768px){
	#Header_Quote { 
		background: #E43133; 
		padding: 10px 5px; 
	}
	#Header_Quote ul { 
		padding: 0px !IMPORTANT; 
		margin: 0px auto; 
		width: 960px;
	}
	#Header_Quote ul li { 
		list-style: none; 
	}

	#widget_sp_image-2 { 
		float: left; 
		padding: 0px 2px 0px 15px;
	}

	#location_header_datepicker {
		border: 1px solid lightgrey;
		border-radius: 2px;
		padding: 6px 2px;
		margin: 5px;
		width: 15%;
		float: left;
	}

	#depart_date_header_datepicker,
	#return_date_header_datepicker,
	#promo_header_datepicker { 
		border: 1px solid lightgrey;
		border-radius: 2px;
		padding: 7px 2px;
		margin: 5px;
		width: 10%;
		float: left;
	}

	#depart_time_header_datepicker,
	#return_time_header_datepicker {
		border: 1px solid lightgrey;
		border-radius: 2px;
		padding: 6px 2px;
		margin: 5px;
		width: 10%;
		float: left;
	}

	#Header_Quote .actionButtons { 
		padding-top: 4px; 
	}
}

@media (max-width: 767px){
	#Header_Quote { background: #E43133; }
	#Header_Quote ul { padding: 10px; margin-bottom: 0px; }

	#widget_sp_image-2 { display: none; }
	#location_header_datepicker { float: none; }
	
	#location_header_datepicker {
		border: 1px solid lightgrey;
		border-radius: 2px;
		padding: 6px 2px;
		margin-bottom: 15px;
		width: 100%;
	}

	#depart_date_header_datepicker,
	#return_date_header_datepicker { 
		border: 1px solid lightgrey;
		border-radius: 2px;
		padding: 5px 2px;
		margin: 2px 0px;
		width: 100%;
	}
	
	.departure_date { margin-bottom: 15px; }

	#promo_header_datepicker {
		border: 1px solid lightgrey;
		border-radius: 2px;
		padding: 5px 2px;
		width: 100%;
	}

	#depart_time_header_datepicker,
	#return_time_header_datepicker {
		border: 1px solid lightgrey;
		border-radius: 2px;
		padding: 6px 2px;
		margin: 2px 0px;
		width: 100%;
		float: none;
	}
	
	.return_date { margin-bottom: 15px; }

	#Header_Quote .actionButtons button { width: 100%; }
	#Header_Quote .actionButtons { padding-top: 4px; }
}

@media (max-width: 991px) {
	#widget_sp_image-2 { display: none; }
	#header_background { margin: 0px; }
	.container { width: 100%; }
	#Header_Quote { padding: 10px 0px !IMPORTANT; }
}