/*
Theme Name: 1425 - Expresso - netPark Child Theme
Theme URI: https://www.netpark.us
Template: netParkTheme-Main
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: netparktheme
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
@import url('./basscss.min.css');

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

@media (max-width: 768px) {
    #BookingDatesWidget .actionButtons {
        clear: both;
        padding-top: 10px !IMPORTANT;
        width: 100%;
    }

    #BookingDatesWidget .actionButtons .button {
        margin-bottom: 5px;
        width: 100%;
    }

    #BookingDatesWidget {
        margin-left: 0 !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],
    .np_widget input[type="text"],
    .np_widget input[type="email"],
    .np_widget input[type="tel"],
    .np_widget input[type="password"],
    .np_widget input[type="text"].required,
    .np_widget input[type="email"].required,
    .np_widget input[type="tel"].required,
    .np_widget input[type="password"].required,
    .np_widget select {
        width: 100% !IMPORTANT;
    }

    .promo_code, #promo_BookingDatesWidget {
        width: 100% !IMPORTANT;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .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: 10px;
        padding-right: 10px;
    }
}

@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 {
    padding-left: 10px;
    padding-right: 10px;
}

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

.navbar-collapse:before {
    content: "" !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;
}

/*----------------------------*/
/* NETPARK DEFAULT FORMATTING */
/*----------------------------*/
/*=Chrome Outline Remover=*/
*:focus {
    outline: none !IMPORTANT;
}

/*=Powered By netPark - Adjust COLOR ONLY=*/
.powered {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: black;
}

/*=Classes=*/
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*=Black Pop-up=*/
#modal_message_overlay {
    z-index: 10002 !IMPORTANT;
}

#modal_message_container {
    z-index: 10003 !IMPORTANT;
}

/*=EVERY PAGE STYLING=*/
a {
    text-decoration: none !IMPORTANT;
}

input {
    line-height: normal !IMPORTANT;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*----- NETPARK MODULE DEFAULT STYLING -----*/
/*------------------------------------------*/

/*==HEADERS==*/
h2 {
    font-size: 22px;
}

.np_module h2, .np_module h4 {
    padding: 0;
    border-bottom: 1px solid lightgrey;
}

/*==NAV BAR BULLET POINTS==*/
.header_navigation, .footer_navigation {
    list-style: none;
}

/*==NETPARK MODULE FONT COLOR==*/
.res_quote, #BookingDatesWidget, .buttons, .res_details_container {
    color: black;
}

/*==NETPARK MODULE TEXT FIELD STYLING==*/
.np_module input[type=text],
.np_module input[type=password],
.np_module input[type=tel],
.np_module input[type=email],
.np_widget input[type="text"],
.np_widget input[type="email"],
.np_widget input[type="tel"],
.np_widget input[type="password"],
.np_widget input[type="text"].required,
.np_widget input[type="email"].required,
.np_widget input[type="tel"].required,
.np_widget input[type="password"].required {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid lightgrey;
    border-radius: 1px !IMPORTANT;
    padding: 7px 2%;
    color: black;
    margin-bottom: 5px;
}

.np_module select,
.np_widget select {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid lightgrey;
    border-radius: 1px;
    padding: 6px 2%;
    color: black;
}

.cust_login_widget .login input[type=text],
.cust_login_widget .password input[type=password],
.cust_login_widget .password input[type=text] {
    width: 35%;
    border: 1px solid lightgrey;
    border-radius: 1px !IMPORTANT;
    padding: 6px 2% 6px .5%;
    margin-bottom: 5px;
    color: black;
}

.res_module #fpp_BookingQuotesWidget {
    padding: 7px .5%;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*------------ PROFILE PAGE ----------------*/
/*------------------------------------------*/

/*=PROFILE STYLING=*/
.cust_module .title {
    border-bottom: 0 !IMPORTANT;
}

.title .small_action a span {
    font-size: 0.75em !IMPORTANT;
}

.cust_module .edit {
    background-color: transparent !IMPORTANT;
}

/*==PROFILE MODULE SPACING==*/
.cust_module input[type=text],
.cust_module input[type=password],
.cust_module input[type=tel],
.cust_module input[type=email],
.cust_module select {
    width: 100%;
}

.np_module table {
    width: 100%;
}

.res_customer_details > table {
    width: auto;
}

.np_module table input[type="checkbox"] {
    width: auto;
}

.profile_login {
    min-height: 200px;
}

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

/*------------------------------------------*/
/*--------- RESERVATION MODULE -------------*/
/*------------------------------------------*/

/*==RESERVATION PROGRESS BAR==*/
/*!!!IGNORE THIS!!!*/
.res_progress_nav.res_lock .res_progress_half {
    color: lightgray;
}

/*PROGRESS BAR COLOR*/
.res_progress_nav.res_in_progress .res_progress_half_1,
.res_progress_nav.res_complete .res_progress_half,
.res_lock .res_progress_full,
.res_progress_nav.res_lock .res_progress_half {
    background-color: #f07931 !IMPORTANT;
}

/*==DATE PICKER==*/
/*!!!IGNORE THIS!!!*/
.pika-button {
    transition: none;
    box-shadow: none !IMPORTANT;
    -webkit-box-shadow: none !IMPORTANT;
    text-shadow: none !IMPORTANT;
}

/*===TODAY COLORED BG===*/
.is-today .pika-button {
    color: white !IMPORTANT;
    background: darkgrey;
    border-radius: 3px;
}

/*===SELECTED COLOR BG===*/
.is-selected .pika-button {
    background: black !IMPORTANT;
    box-shadow: none !IMPORTANT;
    -webkit-box-shadow: none !IMPORTANT;
    text-shadow: none !IMPORTANT;
}

/*===HOVER COLOR BG===*/
.pika-button:hover {
    background: #e42c3f !IMPORTANT;
    margin-top: 0 !IMPORTANT;
    font-weight: bold;
}

/*==RESERVATION MODULE STYLING==*/
.res_widget label {
    display: block;
    margin-left: 1.5%;
}

#promo_res_date_selector {
    width: 100%;
}

.res_personal_details table, .res_vehicle_details table {
    width: 100%;
}

#ReservationQuotes .res_dates .actionButtons {
    float: left;
    margin-left: 0 !IMPORTANT;
    padding-top: 26px;
}

#ReservationBook .title {
    border-bottom: 0 !IMPORTANT;
}

.res_module .res_customer_details input[type=text],
.res_module .res_customer_details input[type=password],
.res_module .res_customer_details input[type=tel],
.res_module .res_customer_details input[type=email],
.res_module .res_customer_details select {
    width: 100%;
}

.res_module .res_review_payment input[type=text],
.res_module .res_review_payment input[type=password],
.res_module .res_review_payment input[type=tel],
.res_module .res_review_payment input[type=email],
.res_module .res_review_payment select {
    width: 100%;
}

/*==RESERVATION HEADER COLOR==*/
.res_quote_header {
    background-color: #f07931 !IMPORTANT;
    border-bottom: none !IMPORTANT;
}

.res_quote_header h4 {
    color: #333 !IMPORTANT;
}

/*==RESERVATION PROCESS==*/
/*===STEP 1 - GET A QUOTE===*/
/*QUOTE BOX BACKGROUND COLOR*/
#ReservationQuotes .res_quotes .res_quote {
    background-color: white;
    border: 1px solid lightgrey;
}

/*PROMO CODE TEXT COLOR*/
.res_dates_widget .promo_code input {
    color: #f07931 !IMPORTANT;
}

/*!!!IGNORE THIS!!!*/
#ReservationBook .title h2, #ReservationBook .title h4 {
    border-bottom: 1px solid black !IMPORTANT;
}

.res_review_payment {
    margin-bottom: 10px;
}

#BookingDatesWidget .actionButtons .button {
    margin-bottom: 0 !IMPORTANT;
}

#fpp_BookingQuotesWidget {
    margin-left: 15px;
    width: 100px;
}

/*===STEP 2 - SERVICES===*/
#ReservationServices .res_service table {
    background-color: white !IMPORTANT;
}

/*===STEP 3 - MY DETAILS===*/
/*RESERVATION DETAILS SECTION COLOR*/
#ReservationDetails em {
    color: #f07931 !IMPORTANT;
}

.res_details_container {
    border: 1px solid black !IMPORTANT;
}

/*===STEP 4 - REVIEW & PAY===*/

/*===STEP 5 - CONFIRMATION===*/

/*==RESERVATION EDIT STYLING==*/
.res_edit_personal_data input[type=text],
.res_edit_personal_data input[type=password],
.res_edit_personal_data input[type=tel],
.res_edit_personal_data input[type=email],
.res_edit_personal_data select {
    width: 100%;
}

#ReservationEdit .title {
    border-bottom: 0 !IMPORTANT;
}

#ReservationDetailsOriginal h4 {
    border-bottom: 1px solid lightgrey;
}

#ReservationEdit .res_dates_quote, #ReservationEdit .res_dates_promo {
    width: 100%;
}

#ReservationEdit .res_edit_dates_data form > div {
    margin-top: 15px;
    padding: 15px 0;
    border-top: 1px solid lightgrey;
}

#ReservationEdit .res_personal_details {
    margin-bottom: 15px;
}

#ReservationEdit .btns {
    padding-top: 15px;
    border-top: 1px solid lightgrey;
}

.res_edit_buttons {
    padding-top: 20px !IMPORTANT;
}

/*==SHOW RESERVATIONS STYLING==*/
#Show_Reservations ul {
    padding: 0;
}

#Show_Reservations button {
    margin-top: 10px;
}

#Show_Reservations .res_widget label {
    margin-left: 0 !IMPORTANT;
}

.np_widget input[type="text"].required,
.np_widget input[type="email"].required,
.np_widget input[type="tel"].required,
.np_widget input[type="password"].required,
.np_widget select {
    width: 30%;
    margin-bottom: 5px;
}

/*==RESERVATION WIDGET==*/
.widgets_on_page ul {
    padding-left: 0 !IMPORTANT;
    margin-bottom: 0;
}

.widgets_on_page li {
    list-style: none;
    text-align: center;
}

.res_widget label {
    margin-left: 0;
    margin-bottom: 3px;
}

.widgets_on_page .res_dates_widget .dates_locations {
    width: 100%;
}

.widgets_on_page .res_dates_widget input[type="text"],
.widgets_on_page .res_dates_widget select {
    margin-bottom: 5px;
}

.widgets_on_page .res_dates_widget button {
    width: 100%;
    margin-top: 10px;
}

/*===QUOTES ON PAGE - WIDGET===*/
.widgets_on_page .res_quotes_widget .quotes_medium {
    height: 160px;
    margin-top: 20px;
    width: 100%;
}

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

/*------------------------------------------*/
/*----------- CUSTOMER MODULES -------------*/
/*------------------------------------------*/
/*==LOGIN PAGE==*/
.cust_widget label {
    display: block;
}

.cust_login_widget #actionButtons {
    margin-top: 10px;
}

#Login_Widget.widgets_on_page {
    max-width: 45rem;
    margin: 0 auto 2rem;
    padding: 0 1rem;
}

#Login_Widget input {
    display: block;
    width: 100%;
}

#Login_Widget.widgets_on_page label {
    text-transform: uppercase;
    font-size: 2rem;
}

#Login_Widget .actionLinks {
    margin-bottom: 2rem;
}

#Login_Widget.widgets_on_page .actionLinks a {
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: .5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#Login_Widget.widgets_on_page .actionLinks br {
    display: none;
}

@media (min-width: 450px) {
    #Login_Widget .actionLinks {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #Login_Widget.widgets_on_page .actionLinks a {
        margin-bottom: 0;
    }

    #Login_Widget.widgets_on_page .actionLinks a:first-child {
        margin-right: 1rem;
    }
}

#Login_Widget.widgets_on_page .login,
#Login_Widget.widgets_on_page .password,
#Login_Widget.widgets_on_page .location {
    margin-bottom: 20px;
}

#Login_Widget.widgets_on_page .login input[type=text],
#Login_Widget.widgets_on_page .password input[type=text],
#Login_Widget.widgets_on_page .password input[type=password],
#Login_Widget.widgets_on_page select {
    padding: 15px 10px;
    font-size: 20px;
}

#Login_Widget.widgets_on_page button {
    padding: 15px 25px;
    font-size: 16px;
}

/*==REGISTRATION PAGE==*/
.register_cust_module input[type=text],
.register_cust_module input[type=password],
.register_cust_module input[type=tel],
.register_cust_module input[type=email],
.register_cust_module select {
    width: 100%;
}

#personal_RegisterForm,
#vehicles_RegisterForm,
#cards_RegisterForm {
    min-height: 470px;
}

#personal_RegisterForm td,
#vehicles_RegisterForm td,
#cards_RegisterForm td {
    font-size: 12px !IMPORTANT;
}

#CustomerRegistration .btns .actionButtons {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid lightgrey;
}

/*==CUSTOMER PROFILE==*/
.profile_reservations small,
.profile_receipts small {
    color: white;
}

.profile_login h4,
.profile_personal h4,
.profile_vehicles h4,
.profile_cards h4,
.profile_receipts h4,
.profile_reservations h4 {
    background: #f07931;
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 12px 15px;
}

.cust_module .data {
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    height: 150px;
    padding: 5px 10px !IMPORTANT;
    background-color: white;
}

.cust_module .edit {
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 10px;
}

.profile_points {
    padding-bottom: 35px;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*--------- MOBILE MENU THEMING ------------*/
/*------------------------------------------*/
.nav-sidebar {
    background: #333 !IMPORTANT;
    padding-top: 10px !IMPORTANT;
    -webkit-box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.35);
}

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

#nav_sidebar_left li {
    font-weight: bold;
}

#nav_sidebar_left a {
    padding: 10px 0 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 LOGIN THEMING ------------*/
/*------------------------------------------*/
#Mobile_Login h3 {
    margin-top: 0 !IMPORTANT;
    font-weight: bold;
}

#Mobile_Login {
    padding: 5px;
}

#Mobile_Login a {
    color: white !IMPORTANT;
}

#Mobile_Login a:hover {
    text-decoration: underline !IMPORTANT;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*--------------- BUTTONS ------------------*/
/*------------------------------------------*/
.btn, button, input[type="button"], input[type="submit"] {
    background: #e42c3f;
    border: none;
    color: white;
    border-radius: 3px;
    font-size: 1.3em;
    padding: 3px 10px;
    outline: none;
    vertical-align: middle;
    font-weight: bold;
}

.btn:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background: black;
    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 {
    color: white;
}

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

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*----------- HEADER NAVIGATION ------------*/
/*------------------------------------------*/
/*==HEADER NAVIGATION==*/
.navbar ul {
    font-size: 0;
    list-style: none;
}

.navbar li {
    display: inline-block;
}

/*===HEADER NAVIGATION - SUBMENU===*/
.sub-menu {
    padding-left: 0;
    display: none;
}

.sub-menu li {
    background: #006699;
    display: block !IMPORTANT;
}

li:hover .sub-menu {
    display: block !IMPORTANT;
    position: absolute;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*----------- FOOTER NAVIGATION ------------*/
/*------------------------------------------*/
/*==FOOTER==*/
/*===STICKY FOOTER===*/
html {
    position: relative;
    min-height: 100%;
}

/*This number and footer number need to match*/
body {
    margin-bottom: 60px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}

/*===FOOTER STYLING===*/
.footer_nav_class {
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-size: 0;
    padding-left: 0;
    padding-right: 0;
}

.footer_nav_class li {
    display: inline-block;
    margin: 0;
    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: 0 !IMPORTANT;
    min-height: 0 !IMPORTANT;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*--------- CONTACT FORM STYLING -----------*/
/*------------------------------------------*/
.contact_form_label {
    font-weight: bold;
    margin-bottom: 0;
    padding: 5px 3px;
    text-align: left;
}

.required_symbol {
    font-weight: bold;
    color: red;
}

span.wpcf7-list-item {
    display: block;
}

div.wpcf7-response-output {
    display: inline-block !IMPORTANT;
}

.wpcf7-form.sent, .wpcf7-form.invalid {
    text-align: center;
}

.wpcf7-recaptcha > div {
    margin: 10px auto 15px;
}

.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%;
    font-weight: 400;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*--------- NETPARK SLIDER STYLING ---------*/
/*------------------------------------------*/
.slider-image {
    width: 100%;
    height: 100%;
    background-position: center center;
}

.carousel-inner .item {
    width: 100%;
    height: 100%;
}

.carousel-inner {
    height: 360px;
}

.carousel-control {
    display: none;
}

.carousel-indicators {
    bottom: 0 !IMPORTANT;
}

.carousel-indicators li {
    width: 13px !IMPORTANT;
    height: 13px !IMPORTANT;
    border: 1px solid white !IMPORTANT;
}

.carousel-indicators .active {
    width: 15px !IMPORTANT;
    height: 15px !IMPORTANT;
    background-color: white !IMPORTANT;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*-------- BLOGGING MODULE STYLING ---------*/
/*------------------------------------------*/
/*=BLOG PAGE STYLE=*/
.blog-template .blog-title {
    font-weight: bold;
}

.blog-template .blog-title a {
    color: black;
}

.blog-template .blog-title a:hover {
    text-decoration: underline !IMPORTANT;
}

.blog-template .blog-post-info {
    font-size: 11px;
    color: #aaa;
    margin-bottom: 15px;
}

.blog-template .blog-image {
    margin-bottom: 1.5rem;
}

.blog-template .blog-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*=BLOG AUTHOR PAGE STYLE=*/
.author-template .author-title {
    font-weight: bold;
}

.author-template .author-title a {
    color: black;
}

.author-template .author-title a:hover {
    text-decoration: underline !IMPORTANT;
}

.author-template .author-post-info {
    font-size: 11px;
    color: #aaa;
    margin-bottom: 15px;
}

.author-template .author-image {
    margin-bottom: 1.5rem;
}

.author-template .author-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*=BLOG CATEGORY PAGE STYLE=*/
.category-template .category-title {
    font-weight: bold;
}

.category-template .category-title a {
    color: black;
}

.category-template .category-title a:hover {
    text-decoration: underline !IMPORTANT;
}

.category-template .category-post-info {
    font-size: 11px;
    color: #aaa;
    margin-bottom: 15px;
}

.category-template .category-image {
    margin-bottom: 1.5rem;
}

.category-template .category-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*==BLOG POST STYLE==*/
.post-template .post-title {
    font-weight: bold;
}

.post-template .post-info {
    margin-bottom: 30px;
}

.post-template .post-author-img {
    float: left;
    width: 50px;
    min-width: 50px;
}

.post-template .post-author-img img {
    border-radius: 50%;
}

.post-template .post-date-category {
    font-size: 11px;
    color: #aaa;
}

.post-template .post-meta-info {
    height: 40px;
}

.post-template .post-image {
    margin-bottom: 1.5rem;
}

.post-template .post-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*==MOLONGUI AUTHOR THEMING==*/
.molongui-author-box-container {
    background-color: white !IMPORTANT;
    box-shadow: none !IMPORTANT;
    border: 1px solid #f7f7f7 !IMPORTANT;
    border-radius: 1px !IMPORTANT;
}

.molongui-author-box-container.mabc-bckg-coloured {
    padding: 0;
}

.molongui-author-box-thumbnail {
    padding: 10px;
}

.molongui-author-box-container .molongui-author-box-thumbnail .mabt-radius-circled {
    border: 2px solid #F7F7F7;
}

.molongui-author-box-title h5 {
    font-weight: bold;
}

.molongui-author-box-container .molongui-author-box-data .molongui-author-box-title h5 {
    font-size: 200% !IMPORTANT;
}

.molongui-author-box-container .molongui-author-box-data .molongui-author-box-job {
    font-size: 70% !IMPORTANT;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------- END NETPARK DEFAULT THEMEING ------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*=EVERY PAGE STYLING=*/
html {
    height: 100%;
}

body {
    color: #444;
/*     display: flex; */
    flex-direction: column;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    justify-content: space-between;
    margin: 0;
    min-height: 100%;
}

a {
    color: #e42c3f;
}

a:hover,
a:focus,
a:active {
    color: #48b;
}

.site-container {
    flex: 1 0 auto;
}

.site-footer {
    flex: 0 0 auto;
    position: relative;
}

.page-header {
    color: #f07931;
    margin-top: 1em;
}

h1.page-header {
    font-size: 1.5em;
    margin-bottom: 2rem;
}

.site-panel {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a5e5d+0,696969+47,7f7f7f+100 */
    background: rgb(90, 94, 93); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(90, 94, 93, 1) 0%, rgba(105, 105, 105, 1) 47%, rgba(127, 127, 127, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(90, 94, 93, 1) 0%, rgba(105, 105, 105, 1) 47%, rgba(127, 127, 127, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(90, 94, 93, 1) 0%, rgba(105, 105, 105, 1) 47%, rgba(127, 127, 127, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #fff;
    padding-bottom: 1em;
    padding-top: 1em;
    text-transform: uppercase;
}

.site-panel p {
    font-size: .75em;
    line-height: 1.25;
    margin-bottom: 0;
}

.site-panel .lead {
    color: #ffcc00;
    font-size: 1.1em;
}

@media (min-width: 768px) {
    .site-panel .lead {
        font-size: 1.8em;
    }

    .site-panel p {
        font-size: 1em;
    }
}

.expresso-red-text {
    color: #e42c3f;
}

.expresso-orange-text {
    color: #f07931;
}

.btn-expresso-red {
    background-color: #e42c3f;
}

.btn-expresso-orange {
    background-color: #f07931;
}

.site-content > .container {
    margin-bottom: 1em;
    margin-top: 1em;
}

.site-content h4 {
    margin-top: 2rem;
}

.couponCircle {
    align-items: center;
    background-color: #e42c3f;
    border: .25em solid white;
    border-radius: 50%;
    box-shadow: 0 0 .5em .25em rgba(0,0,0,.25);
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1.25em;
    font-weight: bold;
    justify-content: center;
    letter-spacing: -.025em;
    line-height: 1.2;
    margin: .5em auto;
    width: 10em;
    height: 10em;
    transition: background-color .2s ease-in;
}

@media (min-width: 768px) {
    .couponCircle {
        font-size: 1.5em;
    }
}

@media (min-width: 1024px) {
    .couponCircle {
        font-size: 1.75em;
    }
}

.couponCircle-isCarWash {
    font-size: 1.25em;
}

.couponCircle:hover {
    background-color: #f07931;
}

.couponCircle > * {
    line-height: 1.2;
    margin: 0;
    margin-top: -.25em;
    text-shadow: -0.05em 0.05em rgba(0, 0, 0, .5);
    z-index: 2;
}

.couponCircle-rate {
    font-size: 4em;
    font-weight: bold;
}

.couponCircle-cents {
    font-size: .65em;
    position: relative;
    top: -.4em;
}

.couponCircle-rate:before {
    content: "$";
    font-size: .8em;
    font-weight: normal;
    position: relative;
    top: -.15em;
}

.couponCircle-isCarWash .couponCircle-rate {
    font-size: 2.65em;
}

.couponCircle-savings {
    font-size: 1.25em;
}

.couponCircle-tax {
    font-size: .6em;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*--------------- HOMEPAGE ---------------- */
/*------------------------------------------*/
/*==HEADER==*/
.site-header {
    background-color: #000;
    color: #fff;
}

.site-header-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2rem 0;
}

.site-header-logo img {
    max-width: 100%;
    height: auto;
    width: 20rem;
}

.site-header-message {
    font-size: 2.25rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-header-message small {
    color: inherit;
    font-size: 1rem;
    text-transform: none;
}

.site-nav-container {
    min-height: 5rem;
    text-align: right;
}

.site-nav {
    background-color: #212025;
    border-top: 2px solid #89641d;
    border-bottom: 2px solid #604729;
}

.site-nav-toggle {
    background: none;
    border: none;
    font-size: 3.5rem;
    line-height: 5rem;
}

.site-nav-toggle:focus,
.site-nav-toggle:active,
.site-nav-toggle:hover {
    background: none;
}

.site-nav-menu {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.site-nav-menu li {
    text-align: center;
    margin: 1.25rem 0;
    padding: .25rem 1rem;
}

.site-nav li:last-child {
    border-right: none;
}

.site-nav a {
    color: #fff;
    font-size: 1.6rem;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .site-header-container {
        justify-content: space-around;
    }

    .site-header-logo img {
        max-width: 100%;
        height: auto;
        width: 35rem;
    }

    .site-header-message {
        font-size: 2.6rem;
        text-transform: uppercase;
    }
}

@media (min-width: 1038px) {
    .site-nav-toggle {
        display: none;
    }

    .site-nav-menu {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        justify-content: space-between;
    }

    .site-nav-menu.collapse,
    .site-nav-menu.collapse.in {
        display: flex;
        visibility: visible;
    }

    .site-nav-menu li {
        border-right: 1px solid #888;
        flex: 1 1 auto;
    }

}

/*==HEADER NAVIGATION==*/

/*==FOOTER==*/
.site-footer {
    background: #000;
    color: #fff;
    font-size: 1.6rem;
    height: auto;
    padding: 1rem;
}

.site-footer address {
    color: #ccc;
}

.site-footer-menu {
    list-style-type: none;
    margin-left: -8px;
    margin-right: -8px;
    padding: 0;
}

.site-footer-menu a {
    color: #fff;
    white-space: normal;
}

.site-footer-images {
    margin: 1rem 0;
    text-align: center;
}

.site-footer-copyright {
    color: #ccc;
    font-size: .63em;
    text-align: center;
}

.powered {
    color: #ccc;
    font-size: .63em;
}

@media (min-width: 1024px) {
    .site-footer-menu {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .site-footer-menu li {
        border-right: 1px solid #888;
        padding: 0 1rem;
        width: auto;
    }

    .site-footer-menu li:first-child {
        padding-left: 0;
    }

    .site-footer-menu li:last-child {
        border-right: none;
        padding-right: 0;
    }

    .site-footer-menu a {
        white-space: nowrap;
    }

    .site-footer-images {
        text-align: left;
    }

    .site-footer-copyright {
        color: #ccc;
        font-size: .8em;
        text-align: center;
    }

    .powered {
        font-size: .8em;
    }
}

/*==FOOTER NAVIGATION==*/

/*==LOGIN MODULES==*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*----------- RESERVATION PAGE -------------*/
/*------------------------------------------*/
/*==STEP 1 - GET A QUOTE==*/

/*==STEP 2 - MY DETAILS==*/

/*==STEP 3 - PAYMENT==*/

/*==STEP 4 - REVIEW==*/

/*==STEP 5 - CONFIRMATION==*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*-------------- LOGIN PAGE ----------------*/
/*------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*---------- REGISTRATION PAGE -------------*/
/*------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*------------- PROFILE PAGE ---------------*/
/*------------------------------------------*/
/*==CUSTOMER PROFILE PAGE==*/

/*==EDIT RESERVATION==*/

/*==FIND RESERVATION==*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------*/
/*--- WEBSITE SPECIFIC THEMEING BEGINS ---- */
/*------------------------------------------*/
body {
    line-height: 1.65;
}

p {
    margin-bottom: 1em;
}

li {
    margin-bottom: .5em;
}

.reservation-fixed-button {
    top: 40%;
}

.reservation-fixed-button a {
    position: relative;
}

.quick-reservation {
    background: #000;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px 1px rgba(0,0,0,.5);
    box-sizing: border-box;
    color: #fff;
    display: none;
    left: -100vw;
    margin: 0 auto;
    opacity: 0;
    padding: 1em;
    position: fixed;
    top: 40%;
    transition: all .5s ease;
    max-width: 685px;
    width: 100%;
    z-index: 3;
}

.reservationHeading {
    background-color: #f07931;
    color: #fff;
}

.home-reservation {
    background-color: rgba(0, 0, 0, .5);
    color: #f4f4f4;
}

.home-reservation > label {
    color: #f4f4f4;
    padding: 1em;
}

.home-coupon-title {
    font-size: 2.25rem;
}

.home-coupon-info {
    font-size: 1.75rem;
    text-shadow: 0 1px 2px hsla(0, 0%, 0%, .8);
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
    .quick-reservation {
        display: block;
    }
}

@media (min-width: 1024px) {
    .quick-reservation {
        max-width: 1170px;
        width: calc(100vw - 86px);
    }
}

.quick-reservation.active {
    left: 0;
    opacity: 1;
    right: 0;
}

.pika-single {
    margin-top: -25px;
}

.home-coupons {
    background: rgb(90, 90, 88); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(90, 90, 88, 1) 0%, rgba(105, 105, 105, 1) 14%, rgba(233, 233, 233, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(90, 90, 88, 1) 0%, rgba(105, 105, 105, 1) 14%, rgba(233, 233, 233, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(90, 90, 88, 1) 0%, rgba(105, 105, 105, 1) 14%, rgba(233, 233, 233, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #fff;
}

.home-coupons .container {
    background: no-repeat center top url('/wp-content/uploads/2017/05/plane.png');
    padding-bottom: 2em;
    padding-top: 2em;
}

.home-coupons h2 {
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
    text-align: center;
}

.home-coupon {
    text-align: center;
}

.home-coupon-title {
    font-weight: bold;
}

.home-coupon-print {
    color: #e42c3f;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.home-special {
    text-align: center;
    margin: 1em auto;
}

.home-special img {
    height: auto;
    max-width: 90%;
}

.home-peets {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.home-peets p {
    flex: 1 1 auto;
}

.home-peets a {
    flex: 1 0 auto;
    padding: 0 1rem;
    text-align: center;
}

.home-peets img {
    margin: 0 auto;
    max-width: 20rem;
    padding: 0 1rem;
}

.home-content {
    margin-bottom: 1em;
    margin-top: 1em;
}

.home-content h3 {
    margin-top: 0;
}

.home-sidebar-item {
    text-align: center;
}

.home-text img {
    margin: 0 auto;
}

.img-shadow {
    box-shadow: .6rem .6rem 1.2rem rgba(0, 0, 0, .175)
}

.about-video {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1em;
    margin-top: 1em;
}

.about-video-content {
    flex: 1 1 auto;
}

.about-video-content .lead {
    margin-bottom: .5rem;
}

.about-video-media {
    flex: 1 0 auto;
    width: 100%;
}

.about-item {
    margin-bottom: 2em;
}

.faq dd {
    margin-bottom: 2rem;
}

blockquote footer {
    position: static;
    width: auto;
    height: auto;
}

.reviews blockquote {
    border-color: #f07931;
}

.reviews .blockquote-reverse {
    border-color: #e42c3f;
}

/*=MOBILE THEME=*/
@media (min-width: 768px) {
    .home-peets {
        flex-wrap: nowrap;
    }

    .about-video {
        flex-wrap: nowrap;
    }

    .about-video-content {
        margin-right: 1rem;
    }

    .about-video-media {
        width: 40rem;
    }
}

@media (min-width: 1024px) {
    .about-video-media {
        width: 75rem;
    }
}

@media (max-width: 767px) {

}

/* iContact Form */
#ic_signupform .elcontainer {
   margin-left: auto;
   margin-right: auto;
   max-width: 35rem;
}

#ic_signupform .form-header {
   margin-bottom: 1rem;
}

#ic_signupform .elcontainer .formEl {
   margin-bottom: 1rem;
   text-align: left;
}

#ic_signupform .elcontainer .formEl.fieldtype-input label,
#ic_signupform .elcontainer .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer .formEl.fieldtype-checkbox h3 {
   font-size: .8em;
}

#ic_signupform input[type="text"] {
    border: .1rem solid lightgrey;
    border-radius: 1px !IMPORTANT;
    box-sizing: border-box;
    color: black;
    display: block;
    margin-bottom: .5rem;
    padding: 1rem .5rem;
    width: 100%;
}

#ic_signupform .ic_captcha {
    margin: 0 auto;
    margin-bottom: 1rem;
}

.blog__image img {
	height: auto;
}

.res_quote .quote_summary .quote_prepay {
    color: #1a884a;
}

.res_quote .quote_summary .quote_due_at_lot {
    color: #333;
}

.fpp_list {
    color: #fff;
    background-color: #dc2739;
    display: block;
    font-size: 1.5rem;
    margin: 1rem;
    padding: 1rem;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .fpp_list {
        color: #fff;
        margin: 1rem 0 1rem 1rem;
        width: 96%;
    }
}

.fpp_list label:before {
    content: "\f005";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: .5rem;
    width: 1.5rem;
}

.fpp_list label:after {
    display: block;
    color: #fff;
    content: "Redeem your accumulated Frequent Parker Points to receive free days of parking.\A Frequent Parker Points - 7 points = 1 free day of parking.";
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-left: 2rem;
    text-transform: none;
    white-space: pre-wrap;
}

.fpp_list .fpp {
    margin-bottom: 0;
    margin-left: 1.25rem;
    max-width: 200px;
    width: 100%;
}

.fpp_list br {
    display: none;
}