/*!/wp-content/themes/scuba-lodge/style.css*//**
 * Theme Name: Scuba Lodge Child Theme
 * Author:     Creative Curacao
 * Author URI: https://creativecuracao.com
 * Template:   astra
 * Version:    1.0.0
 * License:    GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: scuba-lodge-child-theme
 */


/* ==========================================================================
   Base
   ========================================================================== */

html {
    overflow-x: hidden;
}

/* ==========================================================================
   Colors
   ========================================================================== */

.orange {
    color: #F58F47;
}



/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face{font-family:'Cambria';src:url('https://scubalodgelagun.com/wp-content/uploads/2025/12/Cambria.woff2') format('woff2');font-display:swap;}


/* ==========================================================================
   Icons
   ========================================================================== */

.content-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.bar-icon {
    width: 36px;
    height: 36px;
    margin-right: 7px;
    position: relative;
    top: -2px;
}


/* ==========================================================================
   WPForms — Layout
   ========================================================================== */

.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium {
    max-width: 100%;
}

/* Half-width fields */
.wpforms-field.half-field {
    width: 48% !important;
    float: left !important;
    clear: none !important;
}

.wpforms-field.half-field-last {
    margin-left: 4% !important;
}

.wpforms-field.half-field-last::after {
    content: '';
    display: table;
    clear: both;
}


/* ==========================================================================
   WPForms — Typography
   ========================================================================== */

div.wpforms-container-full * {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: 500;
}

.wpforms-container .wpforms-required-label {
    color: #fff;
}


/* ==========================================================================
   WPForms — Submit Button
   ========================================================================== */

div.wpforms-container-full button[type=submit] {
    font-size: 14px !important;
    font-weight: 300;
    border-radius: 3px;
    padding: 10px 20px;
    height: 35px;
}

div.wpforms-container-full button[type=submit]:hover {
    background: #f58f47;
    color: #fff;
}


/* ==========================================================================
   WPForms — Checkboxes
   ========================================================================== */

div.wpforms-container-full .wpforms-form input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;
    opacity: 1 !important;
    position: relative;
    z-index: 10;
}

div.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"]::before,
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"]::after {
    display: none !important;
}


/* ==========================================================================
   WPForms — Confirmation
   ========================================================================== */

div.wpforms-container-full .wpforms-confirmation-container-full {
    background: #fff;
    border: none;
}


/* ==========================================================================
   Form #5186 & #5336 — Overrides
   ========================================================================== */

#wpforms-5186, #wpforms-5336 {
    margin-top: 0;
    margin-bottom: 0;
}

#wpforms-5186 .wpforms-submit-container, #wpforms-5336 .wpforms-submit-container  {
    text-align: center;
}

#wpforms-submit-5186.wpforms-submit {
    margin-top: 30px;
    background: #f58f47;
    color: #fff;
}

#wpforms-submit-5336.wpforms-submit {
    margin-top: 5px;
    background: #f58f47;
    color: #fff;
}

#wpforms-submit-5186.wpforms-submit:hover, #wpforms-submit-5336.wpforms-submit:hover {
    background: transparent;
    color: #f58f47;
}

#wpforms-5336 .wpforms-form input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: radio !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
}

#wpforms-5336 .wpforms-form .wpforms-field-radio input[type="radio"]::before,
#wpforms-5336 .wpforms-form .wpforms-field-radio input[type="radio"]::after {
    display: none !important;
}

#wpforms-5336 .wpforms-form input[type="radio"]:checked {
    accent-color: #1e1e1e;
}

.rtb-select.party {
    margin-bottom: 1em!important;
}


/* ==========================================================================
   Responsive
   ========================================================================== */

@media screen and (max-width: 667px) {
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        top: 43px !important;
    }

    .bar-icon {
        width: 30px!important;
        height: 30px!important;
        margin-right: 5px;
    }

}

@media screen and (max-width: 1324px) {
    .carousel {
        max-height: 320px;
    }

    .page-id-3774 .carousel {
        max-height: 368px;
    }

    .elementor-3694 .elementor-element.elementor-element-5a13252,
    .elementor-3775 .elementor-element.elementor-element-5b00b5a, .elementor-4082 .elementor-element.elementor-element-055e10f,
    .elementor-2682 .elementor-element.elementor-element-c84fbc9, .elementor-6492 .elementor-element.elementor-element-9be1af8 {
        padding: 80px 0 0 0;
    }

    .elementor-3775 .elementor-element.elementor-element-5b00b5a, .elementor-6492 .elementor-element.elementor-element-9be1af8 {
        padding: 144px 0 0 0;
    }

    .elementor-6492 .elementor-element.elementor-element-9be1af8 {
        padding: 100px 0 0 0;
    }

    div.wpforms-container-full button[type=submit] {
        width: 100%;
    }
}

@media screen and (min-width: 1325px) {
    .elementor-975 .elementor-element.elementor-element-ea93ace, .elementor-3694 .elementor-element.elementor-element-5a13252,
    .elementor-4082 .elementor-element.elementor-element-055e10f,
    .elementor-2682 .elementor-element.elementor-element-c84fbc9, .elementor-2758 .elementor-element.elementor-element-91db6fe, .elementor-2940 .elementor-element.elementor-element-b5742ca,
    .elementor-2945 .elementor-element.elementor-element-1ba49cc, .elementor-2950 .elementor-element.elementor-element-662226e, .elementor-5937 .elementor-element.elementor-element-e9cb1e8,
    .elementor-5942 .elementor-element.elementor-element-2a96493, .elementor-5947 .elementor-element.elementor-element-21d974f, .elementor-5952 .elementor-element.elementor-element-0995699 {
        padding: 110px 0 0 0;
    }
    .elementor-3775 .elementor-element.elementor-element-5b00b5a, .elementor-6492 .elementor-element.elementor-element-9be1af8 {
        padding: 150px 0 0 0;
    }
}