/* Colours */
:root {
    --color-branding-01: #102861; /* Navy */
    --color-branding-02: #06648a; /* Aqua */
    --color-branding-03: #1faabd; /* Teal */
    --color-branding-04: #92e5de; /* Mint */

    --color-branding-05: #fff7cc; /* Yellow 200 */
    --color-branding-06: #fffcf2; /* Yellow 100 */

    --color-branding-07: #0a1726; /* Grey 600 */
    --color-branding-08: #2f4054; /* Grey 500 */
    --color-branding-09: #4f5f73; /* Grey 400 */
    --color-branding-10: #7c8da3; /* Grey 300 */
    --color-branding-11: #a2b2c5; /* Grey 200 */
    --color-branding-12: #e1e9f2; /* Grey 100 */

    --color-black: #000;
    --color-white: #fff;
    --color-border: #eee;

    --color-emphasis: var(--color-branding-01); /* Headings */
    --color-default: var(--color-branding-01); /* Body */
}

/* Typography */
:root {
    --font-family-01: "utile", "inter", Arial, Helvetica, sans-serif; /* Used for headings */
    --font-family-02: "inter", "utile", Arial, Helvetica, sans-serif; /* Used for body */
}

/* FIXES AND ADJUSTMENTS */

/* SOCIALS IN MOBILE MENU */
.socials_mobile {
    display: none !important;
}

/* MOBILE MENU CHANGES */
.menu_mobile_inner {
    background-color: var(--color-branding-01) !important;
}

.menu_mobile_widgets_area {
    background-color: var(--color-branding-02) !important;
}

.menu_mobile_inner .menu-item a {
    color: var(--color-white) !important;
}

.menu_button_close_text {
    color: var(--color-white) !important;
}

/* MAIN MENU CHANGES */
.sc_layouts_menu .menu-item .sub-menu,
.sc_layouts_menu .menu-collapse .submenu {
    background-color: var(--color-branding-01) !important;
}

.sc_layouts_menu .menu-item .sub-menu .menu-item a,
.sc_layouts_menu .menu-collapse .submenu .menu-item a {
    color: var(--color-white) !important;
}

/* FORM FIXES */
/*.ginput_container_checkbox {*/
/*  margin-top: 1.5rem;*/
/*}*/

.gfield select {
	visibility: visible !important;
}

/* CONTACT PAGE FIXES */
@media only screen and (max-width: 47.9375em) {
    .contacts-block .sc_icons_item {
        display: flex;
        align-items: center;
        margin-top: 0.625rem;
    }

    .contacts-block .sc_icons_icon {
        margin-right: 1rem;
    }
}

/* CALCULATOR */
* + #bsa-calc {
    margin-top: 2.5rem;
}

#bsa-calc label {
    font-family: Laila, sans-serif;
    font-weight: 600;
}

#bsa-calc .select_container {
    margin-bottom: 1.5rem;
}

#bsa-calc select {
    margin-top: 0.625rem;
}

#bsa-calculator-animal-weight {
    margin-left: 0.625rem;
}

.bsa-weight-container {
    display: flex;
    align-items: flex-end;
}

.bsa-weight-container label {
    position: relative;
    top: -0.5625rem;
}

#bsa-calc .bsa-weight-container .select_container {
    margin-bottom: 0;
    margin-left: 0.625rem;
}

#bsa-calc-btn {
    margin-top: 1.5rem;
}

#bsa-calc-result {
    display: block;
    margin-top: 2.5rem;
    font-size: 2rem;
    font-weight: 700;
}

#bsa-calculator-result {
}

.bsa-hidden {
    display: none;
}

.post_content input[type="text"],
.post_content input[type="number"],
.post_content input[type="email"],
.post_content input[type="url"],
.post_content input[type="tel"],
.post_content select,
.post_content textarea {
    border-width: 1px;
    border-style: solid;
    color: var(--color-default) !important;
    padding: 12px 15px !important;
}

.post_content fieldset legend {
    color: var(--color-default) !important;
    font-style: normal;
    left: 0;
    position: relative;
    top: 0;
}

.post_content option {
    color: var(--color-default) !important;
}

.gform_wrapper.gravity-theme .gsection {
    border-color: var(--color-border);
    padding: 0;
    margin-bottom: 10px;
}

/* Buttons */
form button:not(.components-button),
input[type="button"],
input[type="reset"],
input[type="submit"],
.theme_button,
.post_item .more-link,
.wp-block-button__link,
.sc_button:not(.sc_button_simple),
.sc_form button,
.sc_portfolio_preview_show .post_readmore {
    padding: 16px 24px !important;
    background-color: var(--color-branding-05) !important;
    border-radius: 100px !important;
    color: var(--color-branding-01) !important;
}

.form button:not(.components-button),
input[type="button"],
input[type="reset"],
input[type="submit"],
.theme_button,
.post_item .more-link,
.wp-block-button__link,
.sc_button:not(.sc_button_simple),
.sc_form button,
.sc_portfolio_preview_show .post_readmore {
    padding: 16px 24px !important;
    background-color: var(--color-branding-05) !important;
    border-radius: 100px !important;
    color: var(--color-branding-01) !important;
}

.form button:not(.components-button):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.theme_button:hover,
.post_item .more-link:hover,
.wp-block-button__link:hover,
.sc_button:not(.sc_button_simple):hover,
.sc_form button:hover,
.sc_portfolio_preview_show .post_readmore:hover {
    background-color: var(--color-branding-01) !important;
    color: var(--color-white) !important;
}

.form button:not(.components-button):focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.theme_button:focus,
.post_item .more-link:focus,
.wp-block-button__link:focus,
.sc_button:not(.sc_button_simple):focus,
.sc_form button:focus,
.sc_portfolio_preview_show .post_readmore:focus {
    background-color: var(--color-branding-01) !important;
    color: var(--color-white) !important;
}

/* Footer */
.site-footer {
}

.site-footer .menu-item a {
    font-family: var(--font-family-02) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--color-white) !important;
}

.site-footer .current-menu-item a {
    color: var(--color-branding-03) !important;
}
