/*
 * Theme Name: Paso Robles Inn - Child
 * Template: paso-robles-inn
 * Description: WordPress theme for use with the Paso Robles Inn website
 * Author: Wallop
 * Author URI: https://wallop.ca/
 * Version: 0.1.0
 * Text Domain: paso-robles-inn-child
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal: http://necolas.github.com/normalize.css/
 */



/* Hide Gravity Forms validation honeypot fields */
.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
    display: none !important;
    position: absolute !important;
    left: -9000px;
}

/* Hide Gravity Forms hidden fields */
body .gform_wrapper .gfield_visibility_hidden,
body .gform_wrapper .gfield--input-type-hidden {
    visibility: hidden;
    position: absolute !important;
    left: -9999px;
}

/* Remove top margin from form fields */
.file-info,
[type="date"],
[type="email"],
[type="number"],
[type="password"],
[type="tel"],
[type="text"],
[type="url"],
select,
textarea {
    margin-top: 0 !important;
}

/* Remove number input spinner controls in WebKit browsers */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove number input spinner controls in Firefox */
input[type="number"] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}


/* ==========================================================================
   Icon Carousel
   ========================================================================== */

/* Remove bottom padding from icon carousel sections */
.section-container.icon-carousel {
    padding-bottom: 0;
}

/* Add spacing and divider borders to icon carousel container */
.section-container.icon-carousel > .container {
    padding-top: 80px;
    border-top: 1px solid rgb(79, 58, 52);
    border-bottom: 1px solid rgb(79, 58, 52);
}


/* Position mobile carousel controls */
@media (max-width: 1024px) {
    .m-carousel .carousel-controls {
        bottom: calc(50% - 64px) !important;
        width: 100% !important;
    }
}

/* Space carousel controls apart on tablet and larger screens */
@media (min-width: 768px) {
    .carousel-controls {
        justify-content: space-between !important;
    }
}


/* ==========================================================================
   Header
   ========================================================================== */

/* Add semi-transparent background to desktop header */
@media (min-width: 1300px) {
    .site-header {
        background-color: rgba(251, 245, 232, 0.9) !important;
    }

    .site-header:hover li {
        background-color: rgba(251, 245, 232, 0) !important;
    }

    .sub-nav::before {
        opacity: 1 !important;
    }
}


/* ==========================================================================
   Banner
   ========================================================================== */

/* Remove overlay background image on desktop image carousel banners */
@media (min-width: 1024px) {
    .banner-container.image-carousel.overlay::before {
        background-image: unset !important;
    }
}