/*
Theme Name: 1750 - Fox Auto Park - 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
   ========================================================================== */

html {
	font-size: 16px;
	height: 100%;
}

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

.elementor-location-single {
	flex: 1 !important;
}

/* HEADER 
========================================================*/
.header-list .elementor-icon-list-icon {
	color: #ff6c45 !important;
}

.header-list .elementor-icon-list-icon nav:last-child{
	background-color: #fff !important;
}

.headerNav{
    background-color: #f4f4f4;
    border-top-left-radius: 4.5px;
    border-top-right-radius: 4.5px;
    width: 100%
}

.headerNav nav ul li:last-child{
	background-color: rgb(117,169,201);
	border-top-right-radius: 4.5px;
}


.headerNav nav ul li:last-child:hover{
	background-color: #fde04e;
}

.headerNav ul {
    width: 100%;
}

.headerNav nav ul li {
    width: calc(100%/7);
}
.headerNav nav ul li a {
    display: block;
    text-align: center;
}

/* Reservation Page
========================================================*/
#resPageWidget .elementor-container{
	max-width: 1096px !important;
	box-shadow: 0 15px 30px 0 rgb(0 0 0 / 11%), 0 5px 15px 0 rgb(0 0 0 / 8%);
}
#resPageWidget .np-button--primary{
	background-color: #fde04e !important;
	color: #28256a !important;
	border-color: #28256a !important;
	text-shadow: none;
}

#resPageWidget .np-button--primary:hover{
	background-color: hsl(50, 98%, 55%) !important;
	color: #28256a !important;
	border-color: #28256a !important;
}


/* DATE SELECTOR 
========================================================*/
.myWidget .np-date-form__label{
    color: #fde04e !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin-bottom: .5rem !important;
    margin-top: 0 !important;
    text-align: center !important;
    text-shadow: 0 .075em .075em rgba(0, 0, 0, .8)!important;
    text-transform: uppercase !important;
}

.myWidget .dateSelector form {
	padding: 10px;
}

.myWidget .np-date-form__dates-container div{
	display: block;
	width: 100%;
}

.myWidget .np-date-form__submit button{
	width: 100%;
	background-color: #FDE04E !important;
	color: #28256A !important;
	border: none !important;
	font-weight: 400;
	font-size: 17.75px;
	text-shadow: none;
}

.myWidget .np-date-form__submit button:hover{
	background-color: hsl(50, 98%, 55%) !important;
	color: #28256A !important;
	border: none !important;
}

.myWidget{
	background-color: #28256A;
	padding: 1rem;
	border-radius: 10px;
}

.myWidget .np-widget__title {
	color: #FDE04E;
}

.myWidget .np-label {
	color: #fff;
}

.np-date-form__location-selector {
	min-width: 240px !important;
}
/* .elementor-element-6eb24ed .elementor-container{
	max-width: 1140px !important;
	box-shadow: none;
} */

/* DATE SELECTOR ON HOME PAGE
========================================================*/
.reservationColumn .myWidget{
	padding: 5px;
}



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

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

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

.np-reservation__step {
	border-color: #649FC8!important;
}

.np-text-primary-500 {
	color: #28256A!important;
}

/* Primary: #ff6c45 */
.primary,
.hover-primary:focus,
.hover-primary:hover {
	color: #ff6c45;
}

.bg-primary,
.hover-bg-primary:focus,
.hover-bg-primary:hover {
	background-color: rgba(0, 0, 0, 0);
}

.b--primary {
	border-color: #ff6c45;
}

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

.bg-secondary,
.hover-bg-secondary:focus,
.hover-bg-secondary:hover {
	background-color: #1f2a74;
}

.b--secondary {
	border-color: #1f2a74;
}

/* HOME PAGE
==========================================================*/

.homeBoxShadow .elementor-widget-wrap{
	height: 100%;
}

#italic{
    font-style: italic;
	font-size: 22.5px;
	font-weight: 500;
}

.homeBoxShadow{
 box-shadow: 0 15px 30px 0 rgb(0 0 0 / 11%), 0 5px 15px 0 rgb(0 0 0 / 8%);   
 width: 1096px !important;
 margin: auto;
}

.bottomShadow{
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 11%), 0 5px 15px 0 rgb(0 0 0 / 8%);
    border-bottom-left-radius: 4.5px;
    border-bottom-right-radius: 4.5px;
    width: 1096px !important;
    margin: auto;
}

@media (min-width: 780px){
	.myFlex{
		min-height: 410px;
	}
	.myFlex > div{
		height: 100%;
	}
}


/* BUTTON
==========================================================*/

.zoom {
	padding: 0 40px;
	transition: transform .2s; /* Animation */
   	background: #ffffff;
	box-sizing: content-box;
}

.zoom:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.elementor-nav-menu--dropdown{
	width: 100% !important;
	top: -10px !important;
	background-color: #10123C !important;
}
.elementor-nav-menu--dropdown a{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	color: white !important;
	font-size: 16px !important;
	font-family: helvetica !important;
}
.elementor-nav-menu--dropdown  .current-menu-item a{
	color: rgb(120, 166, 21) !important;
}
.elementor-nav-menu--dropdown li {
	border-top: 1px solid grey !important;
}
.elementor-nav-menu--dropdown li:first-child {
	border-top: 0px !important;
}

/* FOOTER 
==========================================================*/
.footer-list .elementor-icon-list-icon {
	color: white !important;
}