/* Compliance Dialog */
@import url("modules/compliance-dialog.css");
/* Hero No-Image Option */
@import url("modules/brand-hero.css");
/* Meet the Team Category Tabs */
@import url("modules/meet-the-team-tabs.css");
/* Parallax Block */
@import url("modules/parallax-block.css");
/* CTA 4 Boxes */
@import url("modules/text-image-callout-4.css");
/* Top Footer */
@import url("modules/top-footer.css");
/* Categories Promo */
@import url("modules/categories-promo.css");
/* Introduction Module */
@import url("modules/introduction.css");
/* Submission Status Message */
@import url("modules/submission-status-message.css");
/* Text and Sidebar Links Custom */
@import url("modules/text-sidebar-links.css");
/* Leadership Message Custom */
@import url("modules/leadership-message.css");
/* Inner Pages WYSIWYG Custom */
@import url("modules/inner-pages-wysiwyg.css");
/* Jump Tabs for Inner Pages */
@import url("modules/jump-tabs.css");
/* Antisemitism Report */
@import url("modules/antisemitism-report.css");
/* CUSTOM MODULE OVERRIDES */
@import url("modules/module-overrides.css");
 
/* Hack allows to go full-width */
.layout-main .layout-container {
    overflow: unset;
}

/* ==== Global styles ===== */

/* Remove the forced base focus */
:focus {
  outline: none !important;
}
/* Restore ONLY for keyboard users */
:focus-visible {
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

html {
     scroll-behavior: smooth;
}
a {
    text-underline-offset: 2px;
}
footer.footer {
    position: relative;
    z-index: 1;
}

.main-section {
    margin: 0;
    padding: 0;
}

.sidebar-section {
    display: none;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-2 {
    margin-top: 2rem !important;
}
.mt-3 {
    margin-top: 3rem !important;
}
.mt-4 {
    margin-top: 4rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-2 {
    margin-bottom: 2rem !important;
}
.mb-3 {
    margin-bottom: 3rem !important;
}
.mb-4 {
    margin-bottom: 4rem !important;
}
hr.turquoise-gradient {
    height: auto;
    border-top: none;
    color: transparent;
    background-color: transparent;
    border-bottom: 4px solid;
    border-image: linear-gradient(90deg, rgb(243, 229, 0) 0%, rgb(0, 198, 215) 100%) 1;
    width: 80%;
    margin: 60px auto;
}
.text-indent .h2 span, 
.text-indent h2 span {
    margin-left: 0;
}
.bg-empty.float-right {
    width: 375px;
    float: right;
    margin: 0 0 0 30px;
    background: none;
}
img.styled {
    display: block;
    width: 100%;
    height: auto;
}
img.headshot {
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: top;
    border-radius: 14px;
    padding: 0;
    margin: 0 1em 1em 0;
}
@media only screen and (min-width: 992px) {
    .layout-main .layout-container .container {
        max-width: 100%;
    }
}

/* flex container */
.flex-container {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 30px;
}
@media only screen and (min-width: 992px) {
    .flex-container {
        flex-direction: row;
        align-items: center;
    }   
}

/* Two column auto */
@media only screen and (min-width: 768px) {
    .columns {
        columns: 2 auto;
    }
}   

/* Flex Centered Text */
.flex-text {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.flex-text p {
    width: 70%;
}
.gold-rule {
    background-color: #C69214;
    width: 50%;
    margin: 40px auto;
}

/* Events Localist Embed */
.localist-widget-hl .nocontent {
    margin-bottom: 1.5rem;
}
.localist-widget-hl .view_all_cta {
    text-align: center;
}

/* Contact Us */
.forms {
    padding: 3em 2em 0 2em;
    margin-top: 2rem;
    display: block;
    position: relative;
    border-radius: 20px;
}
.forms.sand {
 background: #FAF7F2;
}
.forms iframe {
    position: relative;
    z-index: 1;
}
.forms.multicolor::before {
    background: linear-gradient(90deg, #f3e500 0, #00c6d7 100%);
    content: "";
    position: absolute;
    inset: 0;
    padding: 4px;
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 0;
}