/* Global */
/* Requires variables.css */

/* Links and buttons */

a, .alink, a:visited, .alink:visited,
a:active, .alink:active {
    color: var(--color-link);
    word-wrap: break-word;
}

a:hover, .alink:hover {
    color:var(--color-link-hover);
    text-decoration: underline;
}

a.underline-link {
    text-decoration: underline;
}

.block-static-block.widget, .block-cms-link.widget {
    margin-bottom: 0;
}

.gate.input.submit,
.action.primary:focus, .action-primary:focus, 
.action.primary:active, .action-primary:active,
.action.primary, .action-primary {
    background: var(--color-button-background);
    border: 1px solid var(--color-button-background);
    color: var(--color-button-text);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-normal-size);
    transition: all 0.25s ease;
}

.gate.input.submit,
.action.primary:hover, .action-primary:hover {
    background: var(--color-button-background-hover);
    border: 1px solid var(--color-button-border-hover);
    color: var(--color-button-text-hover);
}

a.cta-button {
    background: var(--color-branding-secondary);
    color: #fff;
    font-weight: var(--font-weight-bold);
    padding: .7rem 1.4rem;
    transition: all 0.25s ease;
}

a.cta-button:hover, a.cta-button:visited {
    text-decoration: none;
}

a.cta-button:hover {
    background: var(--color-branding-primary);
}

a.cta.alt {
    border: 1px solid var(--color-button-background);
    color: var(--color-button-background);
    border-radius: 2rem;
    padding: .7rem 1.5rem;
    display: inline-block;
    transition: all 0.25s ease;
}

a.cta.alt:hover, a.cta.alt:visited {
    text-decoration: none;
}

a.cta.alt:hover {
    color: #fff;
    background: var(--color-branding-secondary);
}

/* Forms */

select,
input[type="text"], 
input[type="password"], 
input[type="url"], 
input[type="tel"], 
input[type="search"], 
input[type="number"], 
input[type*="date"], 
input[type="email"] {
    height: 4.5rem;
}

/* Page layouts */

.cms-page-view .column.main {
    margin-top: 3rem;
}

.page-wrapper > .top-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.nav-sections {
    margin-bottom: 0;
}

.soc-links {
    display: flex;
    gap: 1rem;
}

.breadcrumbs .items {
    font-size: var( --text-small-size);
    line-height: var(--text-small-line-height);
    color: var(--color-branding-primary) ;
}

.columns .column.main {
    padding-bottom: 0;
}

/* Full width layout */

.cms-index-index .page-main {
    max-width: 100%;
    padding: 0;
}

/* Visibility */

.desktop-only {
    display: none;
}

@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }

    .desktop-only {
        display: block;
    }
    
}


/* Modal */

.modal-popup .modal-inner-wrap {
    width: fit-content;
    border-top: .5rem solid var(--color-branding-primary);
}

.modal-popup h3 {
    margin-top: 0;
}