/*
 Theme Name:   WP Bootstrap Starter Child
 Theme URI:    https://wordpress.org/themes/wp-bootstrap-starter/
 Description:  WP Bootstrap Starter Child Theme
 Author:       mixtape
 Author URI:   http://mixtapeagency.com
 Template:     wp-bootstrap-starter
 Version:      2.7.0
 Requires PHP: 8.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  wp-bootstrap-starter
*/

/**************
 * STRUCTURE
 **************/

:root {
    --wpb--theme--color--primary: #003045;
    --wpb--theme--color--secondary: #30cdd7;
    --wpb--theme--color--tertiary: #656565;
    --wpb--theme--font--weight--bold: 600;
    --wpb--theme--container--width: 1140px;
    --wpb--theme--padding--md: 3rem;
}

html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

#content.site-content {
    margin-bottom: var(--wpb--theme--padding--md);
}

.home #content.site-content {
    padding-top: 0;
}

#content:not(:has(.pagebanner)) {
    margin-top: var(--wpb--theme--padding--md);
    padding-top: 0;
}

/**************
 * TYPOGRAPHY
 **************/
body {
    font-size: 0.9rem;
    letter-spacing: 1px;
    line-height: 1.4;
    font-family: "Carlito", sans-serif;
    color: var(--wpb--theme--color--primary);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-bottom: 0.5rem;
    margin-top: 0;
    padding-bottom: 0;
    font-weight: var(--wpb--theme--font--weight--bold);
    color: var(--wpb--theme--color--primary);
}

h1,
.h1,
.vc_general.vc_cta3.vc_cta3-color-classic.vc_cta3-style-flat .vc_cta3-content-header h2 {
    font-size: 1.8rem;
    font-weight: normal;
    color: #fff;
}

h2,
.h2 {
    font-size: 1.6rem;
    letter-spacing: 0;
}

h3,
.h3,
.productsubname {
    font-size: 1.25rem;
}

h4,
.h4 {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
}

h5,
.h5 {
    margin-top: 1rem;
    font-size: 0.8rem;
    text-transform: uppercase;
}

h6,
.h6,
.partnumber {
    margin-bottom: 0.75rem;
    font-weight: normal;
    color: var(--wpb--theme--color--tertiary);
    letter-spacing: 0.5px;
}

.wpb-text-sm {
    font-size: 0.6rem;
}

#pageheading h1 {
    font-size: 3em;
}

/** Empty links **/
a[href="#"] {
    cursor: default;
}

a[href="#"]:is(:hover, :focus) {
    background: transparent !important;
    color: currentColor !important;
}

/**** END TYPOGRAPHY ****/

.widget .nav-link,
.widget-title a {
    color: #003045;
}
.widget_nav_menu .menu-item:is(.menu-item-has-children, .menu-item-12812) > .nav-link {
    font-weight: var(--wpb--theme--font--weight--bold);
    color: var(--wpb--theme--color--primary);
}
.widget_nav_menu .nav-item .nav-link:is(:hover, :focus) {
    background: #949494;
    color: #fff;
}
.widget_nav_menu .nav-item.current_page_item > .nav-link {
    background: #003045;
    color: #fff;
}

/**************
 * HEADER -- HELP BAR
 **************/
#pageheading {
    color: #fff;
    background-image: linear-gradient(#175870, #003045);
    padding-top: var(--wpb--theme--padding--md);
    padding-bottom: 1px;
    margin-bottom: -1px;
}
#pageheading:has(#help-box--wrapper) {
    margin-bottom: 0;
}
.fet-bleed-bar--parent:not(:has(#breadcrumbs)) {
    margin-top: 20px;
}

:is(.widget_gtranslate, .gt_languages) > .glink > img {
    display: none;
}
.gt_languages > .glink {
    padding: 9px;
}

#pwf-contact-us-modal
    .gform_wrapper.gravity-theme
    :is(
        input[type="color"],
        input[type="date"],
        input[type="datetime-local"],
        input[type="datetime"],
        input[type="email"],
        input[type="month"],
        input[type="number"],
        input[type="password"],
        input[type="search"],
        input[type="tel"],
        input[type="text"],
        input[type="time"],
        input[type="url"],
        input[type="week"],
        select,
        textarea
    ) {
    padding: 4px;
    font-size: 14px;
}

.gform_wrapper.gravity-theme form {
    text-align: left;
}

#pwf-contact-us-modal .modal-title {
    margin-left: auto;
}

#breadcrumbs a {
    color: #f0f0f0;
}

#pageheading .container .row {
    align-items: center;
}

/* FIXING FONT SIZE #sidebar-right :is(.widget-title, .widget_text) {
    font-size: 2.4rem;
} */

.relevanssi-live-search-results {
    top: 6em !important;
    left: 1em !important;
}

.vc_column-inner:has(.relevanssi-live-search-results)
    .vc_tta.vc_general
    .vc_tta-tabs-container {
    z-index: 0;
}

#article-search .search-form {
    display: flex;
}

#article-search .search-submit {
    margin-top: 0;
}

#article-search .search-field.form-control {
    width: 96%;
}

#article-search .search-form > label:first-child {
    flex-basis: 80%;
    margin-bottom: 0;
}

#article-search-side .search-submit {
    display: none;
}

#article-search-side .relevanssi-live-search-results {
    top: 4em !important;
}

#sidebar-right ul {
    padding-left: 1.3em;
}

.ubermenu-modern
    .ubermenu-item:not(.ubermenu-item-level-0):is(
        .ubermenu-active,
        .ubermenu-current-menu-item
    )
    > .ubermenu-target
    > .ubermenu-target-text,
.ubermenu-modern
    .ubermenu-item:not(.ubermenu-item-level-0)
    > .ubermenu-target:hover
    > .ubermenu-target-text {
    font-weight: var(--bold);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    text-decoration-color: #30cdd7;
}

.ubermenu.ubermenu-level-3 {
    z-index: 99;
}

.ubermenu.ubermenu-level-3
    .ubermenu-item-level-0:is(:focus, :hover, .ubermenu-active)
    > .ubermenu-target {
    color: #ffffff;
    background: #003045;
}

.ubermenu .ubermenu-autocolumn.ubermenu-column-1-1 {
    padding-top: 0;
}

.ubermenu-item.ubermenu-has-submenu-drop .ubermenu-target:has(.ubermenu-sub-indicator) {
    padding-right: 2em;
}

.ubermenu
    .ubermenu-item:not(.ubermenu-item-level-1)
    > .ubermenu-submenu.ubermenu-submenu-type-stack {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 1em;
}

/*********************
 * Slide-in Help box *
 *********************/
#help-box {
    font-size: 0.75rem;
}

#help-box.element-is-sticky p {
    display: none;
}
#help-box.sticky-element-original.element-is-sticky .help-box--contact-info {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: fixed;
    bottom: 5%;
    right: 0;
    animation-duration: 0.75s;
    animation-name: slidein;
    width: auto;
    padding: 15px;
    text-align: right !important;
}
/*Hides Help Text in top section*/
.help-box--text {
    display: none;
}
.element-is-sticky .help-box--text {
    display: block;
    font-weight: bold;
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid #fff;
}
#help-box .btn {
    border: 2px solid currentColor;
    color: #003045;
    font-size: inherit;
    padding: 0.2rem 0.4rem;
}
/*HELP BAR*/
#help-box .btn {
    margin-top: 0.4em;
}

#help-box .btn:hover {
    background-color: #003045;
    color: #fff;
}

.help-box--contact-info {
    padding: 8px;
    background: #30cdd7;
    color: #fff;
}
#pageheading .help-box--contact-info {
    border-radius: 5px;
}

#help-box--wrapper {
    position: relative;
    background: none;
    border-bottom-width: 0;
}
#pageheading .help-box--contact-info {
    border-radius: 0;
}
#help-box.element-is-sticky .help-box--contact-info {
    display: block !important;
    border-radius: 5px;
}
#help-box.element-is-sticky .help-box--contact-info > * {
    margin-right: 0 !important;
}

.help-box--contact-info a,
.help-box--contact-info a:hover {
    color: #fff;
}
#help-box.element-is-sticky .help-box--title {
    visibility: hidden;
}

/*Controls slide in of help box*/
@keyframes slidein {
    from {
        right: -300px;
        opacity: 0;
    }
    to {
        right: 0;
        opacity: 1;
    }
}

/*REMOVE HELP WITH INFO FROM HEADER OF CERTAIN PAGES
THERE IS A BETTER WAY TO DO THIS IN PHASE 2 - only show when child of one of the main categories*/
body:is(
        .page-id-1038,
        .page-id-1049,
        .page-id-1051,
        .page-id-6263,
        .page-id-1075,
        .page-id-6333,
        .page-id-4087,
        .privacy-policy,
        .cmplz-document,
        .single-post,
        .archive,
        .single-location
    )
    #help-box {
    display: none;
}

.vc_do_custom_heading {
    margin-bottom: 0.3125em;
}

/**************
 * FOOTER
 **************/
footer#colophon img {
    margin-bottom: 0;
}

/**********************
 * WPBAKERY FIXES
 **********************/
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active div.vc_tta-panel-heading {
    background-color: #f0f0f0;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-title-text {
    color: revert-layer;
}

/**************
 * CUSTOM
 **************/
.fet-hover-grow .cq-borderhover-label {
    max-height: 10vh;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
}

.fet-hover-grow:not(:hover) .cq-borderhover-label {
    max-height: 0;
}

#pageheading:has(.fet-hero-overlay) {
    position: relative;
    overflow: hidden;
    background-position: var(--fet-hero-position, center);
}

.fet-hero-overlay {
    position: absolute;
    top: 0;
    width: 30%;
    height: 100%;
    background-color: var(--wpb--theme--color--primary);
    --fet-overlay-cut: 50%;
}

.overlay-left {
    left: 0;
    clip-path: polygon(0 0, var(--fet-overlay-cut) 0, 100% 100%, 0 100%);
}

.overlay-right {
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--fet-overlay-cut) 100%);
}

#pageheading:has(.fet-hero-overlay) h1 {
    text-transform: uppercase;
}

.fet-bleed-bar--parent {
    position: relative;
}

@media (min-width: 1141px) {
    #pageheading:not(:has(.fet-hero-overlay)) {
        position: relative;
        padding-bottom: var(--wpb--theme--padding--md);
    }

    #pageheading:not(:has(.fet-hero-overlay)) #help-box--wrapper {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

.page-contact {
    --fet--bleed-bar--spacing--bottom: 20px;
}

.fet-bleed-bar--left {
    position: absolute;
    left: 0;
    width: calc(
        (100% - var(--fet--bleed-bar--width, var(--wpb--theme--container--width))) / 2
    );
    height: 100%;
    background-color: var(--wpb--theme--color--secondary);
}

.fet-bleed-bar--text {
    text-shadow: 0 0 9px #003045;
}

@media (max-width: 1140px) {
    .fet-bleed-bar--parent {
        --fet--bleed-bar--width: 80%;
    }
    .fet-bleed-bar--left + .container {
        max-width: var(--fet--bleed-bar--width);
    }
}

#breadcrumbs {
    margin-bottom: 0;
}

.tagline {
    font-style: italic;
}

h1 {
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: 0;
}

h1:not(:has(~ .tagline)) {
    line-height: 1;
    margin-top: 0.2rem;
}

/**
 * Ready Classes
 */
.fet-background-fixed.fet-background-fixed {
    background-attachment: fixed !important;
    background-position: bottom !important;
}
@media screen and (width <= 1200px) {
    .fet-background-fixed.fet-background-fixed {
        background-position: left 80% !important;
        background-size: 185vw !important;
    }
}
.no-click {
    pointer-events: none;
}