/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.2.1718236310
Updated: 2024-06-12 23:51:50

*/

/* ==================== Boilerplate Styles Start ==================== */
body {
    overflow-x: hidden !important;
}
p:last-of-type {
    margin-bottom: 0 !important;
}
.space-out-list ul, .space-out-list ol {
    margin-top: 1.5em;
}
.space-out-list li:not(:last-of-type) {
    margin-bottom: 1em;
}
.post-password-required .page-content {
    padding: 100px 8% 120px;
}
@media (max-width: 767px) {
    .post-password-required .page-content {
        padding: 60px 5% 80px;
    }
}

/* Make custom logos inherit Current Color input */
.elementor-icon svg .defaultFill {
    fill: currentColor !important;
    transition: color 0.1s ease-in-out;
}
.elementor-icon svg .defaultStroke {
    stroke: currentColor !important;
    transition: color 0.1s ease-in-out;
}

/* Make buttons with borders have 3px less padding on all sides */
.border-btn a {
    padding: 21px 27px !important;
}

/* Hide Elements in Editor when hidden responsively */
@media (min-width: 1025px) {
    .elementor-editor-active .editor-hide .elementor-hidden-desktop, .elementor-editor-active .editor-hide.elementor-hidden-desktop {
        display: none !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-editor-active .editor-hide .elementor-hidden-tablet, .elementor-editor-active .editor-hide.elementor-hidden-tablet {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .elementor-editor-active .editor-hide .elementor-hidden-mobile, .elementor-editor-active .editor-hide.elementor-hidden-mobile {
        display: none !important;
    }
}
/* ==================== Boilerplate Styles End ==================== */


/* ==================== Global EQTX Styles Start ==================== */
/* Make Icons Rotate and Increase in Size on Container Hover */
.icon-hover-container .elementor-icon {
    transition: all 0.3s ease-in-out;
}
.icon-hover-container:hover .elementor-icon {
    transform: rotate(-15deg) scale(1.5);
}

/* Define default link color */
.elementor-widget-text-editor a, 
.jet-form-builder a,
.issue-areas-toggle a,
.cf-dev a {
    color: #007CC2;
}
.elementor-widget-text-editor a:hover, 
.jet-form-builder a:hover,
.issue-areas-toggle a:hover, 
.cf-dev a:hover {
    color: #223F5D;
}

/* Define Text and Background Color Classes */
.black-text {
    color: #000000;
}

/* Force all form 'popups' to have a max-height and scroll overflow */
.e-off-canvas__main .form-container {
    max-height: 75vh !important;
    overflow-y: scroll !important;
}
@media (max-width: 767px) {
    .e-off-canvas__main .form-container {
    	max-height: 70vh !important;
    }
}

/* Force non-breaking words not to wrap */
.no-wrap {
    color: inherit;
    white-space: nowrap !important;
}
/* ==================== Global EQTX Styles End ==================== */


/* ==================== Header Style Start ==================== */
/* Make logo svg width stay within container bounds */
.cf-dev.header .logo svg {
    max-width: 100% !important;
}
@media (max-width: 767px) {
    .cf-dev.header .logo svg {
        max-width: none !important;
    }
}

/* Give Logo a max width on desktop */
@media (min-width: 1025px) {
    .cf-dev.header .logo {
        max-width: 250px !important;
    }
}
/* Give Logo container a min width on mobile */
@media (max-width: 767px) {
    .cf-dev.header .logo-container {
        min-width: 50.6px !important;
    }
}

/* Hide Sub Arrows on Top Level Menu Items */
.cf-dev.header .menu-container .elementor-widget-nav-menu ul:not(.sub-menu) a.has-submenu .sub-arrow {
    display: none;
}
.cf-dev.header .menu-container .elementor-widget-nav-menu ul.sub-menu a.has-submenu .sub-arrow {
    display: block;
}

/* Style for first level sub menus */
.cf-dev.header .menu-container .elementor-widget-nav-menu .elementor-nav-menu .sub-menu {
    padding: 21px 30px 29px !important;
    width: 375px !important;
}
.cf-dev.header .menu-container .elementor-widget-nav-menu .elementor-nav-menu .sub-menu a {
    border-left-width: 0 !important;
    padding: 10px 0 !important;
}

/* Style for second level sub menus */
.cf-dev.header .menu-container .elementor-widget-nav-menu .elementor-nav-menu .sub-menu .sub-menu {
    box-shadow: none !important;
    /*display: none !important;*/
    /*height: 0 !important;*/
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 4px 20px 20px !important;
    position: relative !important;
    /*transform: translateY(-100%) !important;*/
    transition: all 03s ease-in-out;
    width: 100% !important;
}
.cf-dev.header .menu-container .elementor-widget-nav-menu .elementor-nav-menu .sub-menu a.has-submenu:hover .sub-menu {
    display: block !important;
    transition: all 03s ease-in-out;
}
.cf-dev.header .menu-container .elementor-widget-nav-menu .elementor-nav-menu .sub-menu .sub-menu a {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
}

/* Style for Sub-Menu Arrows */
.cf-dev.header .desktop-menu.elementor-widget-nav-menu a.has-submenu .sub-arrow .e-font-icon-svg {
    transition: transform 0.1s ease-in-out;
}
.cf-dev.header .desktop-menu.elementor-widget-nav-menu a.has-submenu.highlighted .sub-arrow .e-font-icon-svg {
    transform: rotate(0);
}

/* Style Mobile Menu Toggle Button */
.cf-dev.header .menu-container .mobile-menu-toggle .elementor-icon-wrapper, .cf-dev.header .menu-container .search-toggle .elementor-icon-wrapper {
    display: flex !important;
}
@media (max-width: 767px) {
    .cf-dev.header .menu-container .mobile-menu-toggle svg .defaultStroke {
        stroke: #888888 !important;
    }
    .cf-dev.header .menu-container .mobile-menu-toggle:hover svg .defaultStroke {
        stroke: #223F5D !important;
    }
    .cf-dev.header .menu-container .search-toggle svg {
        fill: #888888 !important;
    }
    .cf-dev.header .menu-container .search-toggle:hover svg {
        fill: #223F5D !important;
    }
}

/* Make header background white on mobile */
@media (max-width: 767px) {
    .cf-dev.header:not(.elementor-motion-effects) {
        background-color: #FFFFFF !important;
    }
}

/* Style ancestors of active page */
.cf-dev.header .current-page-ancestor, .cf-dev.header .current-menu-ancestor {
    fill: currentColor;
}

/* Style Header on Scroll */
.cf-dev.header > .e-con-inner {
    transition: padding 0.2s ease-in-out !important;
}
.cf-dev.header.elementor-sticky--effects {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1025px) {
    .cf-dev.header.elementor-sticky--effects > .e-con-inner {
        padding: 15px 0 !important;
    }
}
@media (max-width: 767px) {
    .cf-dev.header.elementor-sticky--effects > .e-con-inner {
        padding: 10px 0 !important;
    }
}

/* Search Form Popup Style */
.search-form .e-search-input-wrapper input {
    text-align: center !important;
}
.search-form .e-search-input-wrapper input::placeholder {
    color: #BABABA !important;
}
/* ==================== Header Style End ==================== */


/* ==================== Banner Style Start ==================== */
/* Define Animations */
.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
}
.marquee-items-wrapper {
    animation: scroll 30s linear infinite;
    display: flex;
    flex-shrink: 0;
    --gap: 1rem;
    gap: var(--gap);
    justify-content: space-around;
    min-width: 100%;
}
.marquee:hover .marquee-items-wrapper {
    animation-play-state: paused;
}
a.marquee-item {
	display: inline-flex;
	flex-direction: column;
    margin: 0 100px;
}
@media (max-width: 1024px) and (min-width: 768px) {
    a.marquee-item {
        margin: 0 75px;
    }
}
@media (max-width: 767px) {
    a.marquee-item {
        margin: 0 50px;
    }
}
.marquee-item .item-wrapper {
    display: flex;
    justify-content: space-between;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.cf-dev.banner .banner-close {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
}
.cf-dev.banner .banner-close .elementor-icon-wrapper {
    display: flex;
}

/* Hide banner by default except in editor/preview */
.default-hide {
    display: none;
}
.elementor-editor-active .banner.default-hide, .elementor-editor-preview .banner.default-hide {
    display: flex;
}

/* Style banner featured post list */
.cf-dev.banner .featured-post-list {
    display: flex;
    justify-content: center;
}
.cf-dev.banner .featured-post-list a {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    color: #000000;
    transition: 0.3s ease-in-out all;
}
.cf-dev.banner .featured-post-list a:hover {
    border-bottom-color: #000000 !important;
}
.cf-dev.banner .featured-post-list h6 {
    color: inherit;
    display: inline;
    margin: 0;
}

/* Define classes to display elements or hide them */
.hide {
    display: none !important;
}
.show-flex {
	display: flex !important;
}
/* ==================== Banner Style Start ==================== */


/* ==================== Logo Versions Start ==================== */
.logo .elementor-icon-wrapper {
    display: flex;
}
.logo a {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}
.eqtx-logo {
    height: fit-content !important;
}

/* Logo color options */
.logo .eqtx-logo #logoMarkRainbow {
    display: none;
}

/* No Rainbow */
.norainbow .eqtx-logo #rainbowContainer {
    display: none;
}

/* Display Logo Mark */
.logoMark .eqtx-logo .logoMarkHide {
    display: none;
}
.logoMark .eqtx-logo .logoMarkShow {
    display: block !important;
}
.logoMark.norainbow .eqtx-logo #rainbowContainer {
    display: block !important;
}
.logoMark .eqtx-logo {
    width: 389% !important;
}

/* Make responsive version -- shows Logo Mark on mobile */
@media (max-width: 767px) {
    .responsive .eqtx-logo .logoMarkHide {
        display: none !important;
    }
    .responsive .eqtx-logo .logo .logoMarkShow, .responsive .eqtx-logo #logoMarkRainbow {
        display: block !important;
    }
    .responsive .eqtx-logo .baseColor {
        fill: #223F5D !important;
    }
    .responsive .eqtx-logo {
        width: 389% !important;
    }
}
/* ==================== Logo Versions End ==================== */


/* ==================== Hero Templates Style Start ==================== */
/* Single Column Centered */
@media (min-width: 1025px) {
    .cf-dev.hero_1col_centered > .e-con-inner {
        min-width: 560px !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .cf-dev.hero_1col_centered > .e-con-inner {
        max-width: 600px !important;
    }
}
@media (max-width: 767px) {
    .cf-dev.hero_1col_centered > .e-con-inner {
        max-width: 500px !important;
        width: var(--content-width) !important;
    }
}
@media (max-width: 767px) and (min-width: 601px) {
    .cf-dev.hero_1col_centered h1, .cf-dev.hero_1col_centered p {
        text-align: center !important;
    }
    .cf-dev.hero_1col_centered .btn-container {
        justify-content: center !important;
    }
}
/* ==================== Hero Templates Style End ==================== */


/* ==================== Footer Style Start ==================== */
.cf-dev.footer .top-section, .cf-dev.footer .bottom-section {
    margin: 0 auto !important;
    max-width: 1600px !important;
}
.cf-dev.footer a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

/* Give Logo Mark a Max Width for Mobile */
@media (max-width: 767px) {
    .cf-dev.footer .logoMark {
        max-width: 175px !important;
    }
}
@media (max-width: 767px) and (min-width: 650px) {
    .cf-dev.footer .logoMark {
        width: 25% !important;
    }
}
@media (max-width: 649px) and (min-width: 550px) {
    .cf-dev.footer .logoMark {
        width: 30% !important;
    }
}
@media (max-width: 549px) and (min-width: 450px) {
    .cf-dev.footer .logoMark {
        width: 35% !important;
    }
}
/* ==================== Footer Style End ==================== */


/* ==================== Cookie Popup Style Start ==================== */
.cookieBtnWrapper {
    background: transparent !important;
    max-width: 100% !important;
    padding: 0 !important;
    width: 100%;
}
.cookieBtn {
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
    justify-content: center;
    line-height: 1.1em;
    padding: 16px;
    text-align: center;
    white-space: normal;
}
#accept_cookies {
    background: #223F5D;
    color: #FFFFFF;
}
#accept_necessary_cookies {
    background: transparent;
    border: 2px solid #223F5D;
    color: #223F5D;
    padding: 14px !important;
}
#accept_cookies:hover {
    background: #6C8BAB;
}
#accept_necessary_cookies:hover {
    border-color: #E34225;
    color: #E34225;
}
/* ==================== Cookie Popup Style End ==================== */


/* ==================== Give Templates Style Start ==================== */
/* Change Give Disclaimer Link Style */
.give-body .give-disclaimer p a {
    color: inherit;
    font-style: italic;
    text-decoration: underline;
}
.give-body .give-disclaimer p a:hover {
    color: #007CC2;
}

@media (max-width: 1200px) and (min-width: 1025px) {
    .give-body {
        --content-width: 95% !important;
    }
}

/* Donor Society Cards Section Style */
.donor-society-cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px 15px;
}
.donor-society-card {
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 60px 0;
    justify-content: space-between;
    max-width: calc(33.33% - 15px);
    padding: 30px 2.5% 40px;
}
.donor-society-card:nth-of-type(1) {
    background-color: #F4FDFF;
}
.donor-society-card:nth-of-type(2) {
    background-color: #EAFCEB;
}
.donor-society-card:nth-of-type(3) {
    background-color: #FDEBEB;
}
.donor-society-card .top-container {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 28px 0;
}
.donor-society-card .top-container h4, 
.donor-society-card .top-container h6 {
    margin: 0;
}
/* ==================== Give Templates Style End ==================== */


/* ==================== Jet Forms Global EQTX Style Start ==================== */
/* Move form descriptions above fields, except for on opt-in checkbox fields */
.jet-form-builder .jet-form-builder__label, .jet-form-builder .opt-in-checkbox .jet-form-builder__label {
    order: 1;
}
.jet-form-builder .jet-form-builder__desc, .jet-form-builder .opt-in-checkbox .jet-form-builder__fields-group, .jet-form-builder .opt-in-checkbox .jet-form-builder__field-wrap {
    order: 2;
}
.jet-form-builder .jet-form-builder__fields-group, .jet-form-builder .jet-form-builder__field-wrap, .jet-form-builder .opt-in-checkbox .jet-form-builder__desc {
    order: 3;
}
.jet-form-builder .jet-form-builder__fields-group {
    margin-top: 8px;
}

/* Make form description line-height smaller */
.jet-form-builder .jet-form-builder__desc {
    line-height: 1em !important;
}

/* Make form labels and descriptions a smaller font size on tablet and mobile */
@media (max-width: 1024px) {
    .jet-form-builder .jet-form-builder__label, .jet-form-builder .jet-form-builder__desc {
        font-size: 16px !important;
    }
}

/* Force checkbox fields into three columns */
.jet-form-builder .multi-column-checkboxes .field-type-checkbox-field .jet-form-builder__fields-group {
    align-items: start;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
}
.jet-form-builder .multi-column-checkboxes .jet-form-builder__fields-group .jet-form-builder__field-wrap.checkradio-wrap {
    display: flex;
}
.jet-form-builder .multi-column-checkboxes .field-type-checkbox-field .jet-form-builder__fields-group .jet-form-builder__field-wrap.checkradio-wrap {
    width: calc(33.3% - 0.7em);
}
@media (max-width: 1200px) {
    .jet-form-builder .multi-column-checkboxes .field-type-checkbox-field .jet-form-builder__fields-group .jet-form-builder__field-wrap.checkradio-wrap {
    	width: calc(50% - 0.7em);
	}
}

/* Make checkbox and radio field inputs align with the top of text */
.jet-form-builder .jet-form-builder__fields-group .jet-form-builder__field-wrap.checkradio-wrap span::before {
    align-self: start !important;
}

/* Make buttons spread out */
.jet-form-builder__next-page-wrap, .jet-form-builder__submit-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.jet-form-builder__next-page-wrap .jet-form-builder__next-page, .jet-form-builder__submit-wrap .jet-form-builder__submit {
    margin-left: auto;
}
.jet-form-builder__next-page-wrap {
    margin-top: 30px;
}
.jet-form-builder__submit-wrap {
    margin-top: 10px;
}
.jet-form-builder__next-page-wrap .jet-form-builder__next-page-msg {
    width: 100%;
}

/* Make specific buttons full-width */
.jet-form-builder .jet-form-builder__submit.full-width-submit {
    justify-content: center;
    text-align: center;
    width: 100%;
}

/* Force grouped fields onto one line */
.jet-form-builder .cf-flex-row {
    align-items: flex-start !important;
    justify-content: space-between !important;
}
.jet-form-builder .cf-flex-row .jet-form-builder-row {
    flex: 1 !important;
}
@media (max-width: 1024px) {
    .jet-form-builder .cf-flex-row.tablet-stack {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .jet-form-builder .cf-flex-row.tablet-stack .jet-form-builder-row {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .jet-form-builder .cf-flex-row {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .jet-form-builder .cf-flex-row .jet-form-builder-row {
        width: 100%;
    }
}

/* Add space between fields */
.jet-form-builder .form-section-intro {
    margin-bottom: 32px !important;
}
.jet-form-builder .jet-form-builder__field-wrap {
    display: flex !important;
}
:where(body .is-layout-constrained) > * {
    margin-block-start: 0 !important;
    margin-block-end: 0;
}

/* Add border and additional margin to break line */
.jet-form-builder .field-type-group-break-field {
    border-bottom: 1px solid #BABABA;
    margin: 48px 0 !important;
}

/* Make required mark font-size larger than text */
.jet-form-builder .jet-form-builder__label .jet-form-builder__required {
    font-size: 120%;
}

/* Hide fields with hide class */
.jet-form-builder .form-hide {
    display: none;
}

/* Add Top Margin to Form Section Headings */
.jet-form-builder__heading.section-heading {
    margin-top: 16px;
}

/* Style EveryAction Checkbox Groups */
.everyaction-checkboxes-outer-wrapper {
    display: flex;
    flex-direction: column;
    column-gap: 0;
    margin: 0 0 8px;
    padding: 5px 0;
    row-gap: 12px;
}
.everyaction-checkboxes-outer-wrapper, .everyaction-checkboxes-group, .everyaction-checkboxes-group-label {
    max-width: 100%;
    width: 100%;
}
.everyaction-checkboxes-group {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 0.7em;
    -webkit-column-gap: 0.7em;
    -moz-column-gap: 0.7em;
    margin-bottom: -5px;
}
.everyaction-checkboxes-group .jet-form-builder-row {
    display: inline-block;
    margin: 0 0 5px !important;
    padding: 0 !important;
    width: 100%;
}
.everyaction-checkboxes-group .jet-form-builder__fields-group {
    margin: 0 !important;
}
@media (min-width: 1025px) {
    .everyaction-checkboxes-group.desktop-3column {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
    }
}
@media (max-width: 1200px) {
    .everyaction-checkboxes-group.narrow-stack {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
}
@media (max-width: 600px) {
    .everyaction-checkboxes-group {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
}

/* Make form progress bar mobile ready */
@media (max-width: 600px) and (min-width: 531px) {
    .jet-form-builder .jet-form-builder-progress-pages {
        font-size: 18px !important;
    }
}
@media (max-width: 530px) and (min-width: 501px) {
    .jet-form-builder .jet-form-builder-progress-pages {
        font-size: 16px !important;
    }
}
@media (max-width: 500px) {
    .jet-form-builder .jet-form-builder-progress-pages {
        font-size: 3.3vw !important;
    }
}

/* Hide reCAPTCHA badges */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Style reCAPTCHA disclaimers */
.recaptcha-disclaimer {
    color: #888888;
    display: block;
    font-family: "futura-pt", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 16px !important;
}
.recaptcha-disclaimer.multi-step-form {
    margin-top: 30px !important;
}
.recaptcha-disclaimer a {
    color: inherit;
    text-decoration: underline !important;
    text-underline-offset: 0.1em;
    transition: all 0.3s ease-in-out;
}
.recaptcha-disclaimer a:hover {
    text-underline-offset: 0.3em;
}
.jet-form-builder .request-support-link {
    margin: 16px 0 !important;
}
@media (max-width: 767px) {
    .recaptcha-disclaimer {
        font-size: 12px;
    }
}
.recaptcha-disclaimer.default {
    color: #888888;
}
.cf-dev.footer .recaptcha-disclaimer a:hover,
.newsletter-signup-section .recaptcha-disclaimer a:hover {
    color: inherit;
}
.recaptcha-disclaimer.dynamic {
    opacity: 0.5;
}
.elementor-editor-active .page-content > .recaptcha-disclaimer-container, .elementor-editor-preview .page-content > .recaptcha-disclaimer-container {
    display: none;
}
/* ==================== Jet Forms Global EQTX Style End ==================== */


/* ==================== Issue Area Toggle Style Start ==================== */
.issue-area.toggle-container {
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    overflow: hidden;
}
.issue-area.toggle-container:not(:last-of-type) {
    margin-bottom: 20px;
}
.issue-area.toggle-container .toggle-heading-container {
    align-items: center;
    border-bottom: 1px solid #d5d8dc;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 18px 24px;
}
.issue-area.toggle-container .toggle-heading-container:hover .toggle-title,
.issue-area.toggle-container .toggle-heading-container:hover svg {
    color: #008a05;
    fill: #008a05;
}
.issue-area.toggle-container .toggle-title {
    font-weight: 700 !important;
    margin: 0 !important;
}
.issue-area.toggle-container .toggle-content {
    padding: 35px 40px;
}
.issue-area.toggle-container .toggle-content .issue-icon {
    float: left;
    margin: 0 36px 24px 0;
    width: 20%;
}
.clicktotoggle .toggle-icon {
    height: 20px;
    width: 20px;
}
.clicktotoggle .toggle-icon.expand {
    display: flex;
}
.clicktotoggle .toggle-icon.close {
    display: none;
}
.clicktotoggle.active .toggle-icon.expand {
    display: none;
}
.clicktotoggle.active .toggle-icon.close {
    display: flex;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .issue-area.toggle-container .toggle-content .issue-icon {
        margin: 0 24px 16px 0;
        width: 30%;
    }
}
@media (max-width: 767px) {
    .issue-area.toggle-container:not(:last-of-type) {
        margin-bottom: 14px;
    }
    .clicktotoggle .toggle-icon {
        height: 12px;
        width: 12px;
    }
    .issue-area.toggle-container .toggle-content .issue-icon {
        float: none;
        margin: 0 0 32px;
        max-width: 400px;
        width: 85%;
    }
}
/* ==================== Issue Area Toggle Style End ==================== */


/* ==================== Timeline Style Start ==================== */
/* Remove border from item boxes */
.twae-content, .twae-arrow {
    border: none !important;
}

/* Give item box and images rounded edges */
.twae-content, .twae-content img {
    border-radius: 15px !important;
    --webkit-border-radius: 15px !important;
}

/* Style links */
.twae-content a {
    background: #FFFFFF !important;
    border: 1px solid #F0F0F0 !important;
    border-radius: 45px !important;
    color: #000000 !important;
    display: block !important;
    font-family: "futura-pt", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 16px 0 0 auto !important;
    padding: 16px 24px !important;
    width: fit-content !important;
}
.twae-content a:hover {
    background: #F0F0F0 !important;
}
/* ==================== Timeline Style End ==================== */