/* Pusher */

body .pusher {
    padding-top: 141px;
}

@media only screen and (max-width: 767px) {
    body .pusher {
        padding-top: 76px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    body .pusher {
        padding-top: 65px;
    }
}

/* Fonts */

body .pusher h1,
body .pusher h2,
body .pusher h3,
body .pusher h4,
body .pusher h5,
body .pusher h6,
body .pusher p,
body .pusher span,
body .pusher a,
body .pusher input,
body .pusher textarea,
body .pusher label,
body .pusher li {
    font-family: "Manrope", sans-serif;
    color: #2f2f2f;
    margin: 0;
}

/* Moss green */

.custom-primary-color {
    color: #4b7635 !important;
}
.custom-secondary-color {
    color: #cdd9c6 !important;
}
.custom-primary-background-color {
    background-color: #4b7635 !important;
}
.custom-secondary-background-color {
    background-color: #cdd9c6 !important;
}
.custom-tertiary-background-color {
    background-color: #f2efe8 !important;
}
.custom-quaternary-background-color {
    background-color: #f7f7f7 !important;
}
.custom-primary-fill {
    fill: #4b7635 !important;
}
.custom-secondary-fill {
    fill: #cdd9c6 !important;
}
.custom-tertiary-fill {
    fill: #f2efe8 !important;
}

/* Teal */

body.teal .custom-primary-color {
    color: #366D73 !important;
}
body.teal .custom-secondary-color {
    color: #c9e1de !important;
}
body.teal .custom-primary-background-color {
    background-color: #366d73 !important;
}
body.teal .custom-secondary-background-color {
    background-color: #c9e1de !important;
}
body.teal .custom-tertiary-background-color {
    background-color: #faf9f5 !important;
}
body.teal .custom-quaternary-background-color {
    background-color: #f7f7f7 !important;
}
body.teal .custom-primary-fill {
    fill: #366d73 !important;
}
body.teal .custom-secondary-fill {
    fill: #c9e1de !important;
}
body.teal .custom-tertiary-fill {
    fill: #faf9f5 !important;
}

/* Indigo */

body.indigo .custom-primary-color {
    color: #472c80 !important;
}
body.indigo .custom-secondary-color {
    color: #c2b8e1 !important;
}
body.indigo .custom-primary-background-color {
    background-color: #472c80 !important;
}
body.indigo .custom-secondary-background-color {
    background-color: #c2b8e1 !important;
}
body.indigo .custom-tertiary-background-color {
    background-color: #f5f3f8 !important;
}
body.indigo .custom-quaternary-background-color {
    background-color: #f7f7f7 !important;
}
body.indigo .custom-primary-fill {
    fill: #472c80 !important;
}
body.indigo .custom-secondary-fill {
    fill: #c2b8e1 !important;
}
body.indigo .custom-tertiary-fill {
    fill: #f5f3f8 !important;
}

/* Royal blue */

body.royal-blue .custom-primary-color {
    color: #354ead !important;
}
body.royal-blue .custom-secondary-color {
    color: #6f96d1 !important;
}
body.royal-blue .custom-primary-background-color {
    background-color: #354ead !important;
}
body.royal-blue .custom-secondary-background-color {
    background-color: #6f96d1 !important;
}
body.royal-blue .custom-tertiary-background-color {
    background-color: #f7f2ec !important;
}
body.royal-blue .custom-quaternary-background-color {
    background-color: #f7f7f7 !important;
}
body.royal-blue .custom-primary-fill {
    fill: #354ead !important;
}
body.royal-blue .custom-secondary-fill {
    fill: #6f96d1 !important;
}
body.royal-blue .custom-tertiary-fill {
    fill: #f7f2ec !important;
}

/* WP admin bar */

#wpadminbar .quicklinks #wp-admin-bar-duplicate-post {
    display: none;
}

@media only screen and (max-width: 1199px) {
    html {
        margin-top: 0 !important;
    }
    #wpadminbar {
        display: none !important;
    }
}

/* Segment */

.ui.segment {
    padding: 114px 0;
    border: none !important;
}
.ui.segment .header.column {
    text-align: center;
}
.ui.segment .header.column .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 52px;
}
.ui.segment .header.column a {
    position: relative;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 28px;
}
.ui.segment .header.column a::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 2px;
    background-color: #81a869;
    margin: 0 auto;
    width: 60%;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
body.teal .ui.segment .header.column a::after {
    background-color: #366D73;
}
body.indigo .ui.segment .header.column a::after {
    background-color: #472C80;
}
body.royal-blue .ui.segment .header.column a::after {
    background-color: #354ead;
}
.ui.segment .header.column a:hover::after {
    width: 100%;
}
.ui.segment .navigation.column {
    display: flex;
    justify-content: center;
    gap: 28px;
    padding-top: 80px;
}
.ui.segment .navigation.column a,
.ui.segment .navigation.column span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}
.ui.segment .navigation.column span.current {
    color: #4b7635;
    position: relative;
}
body.teal .ui.segment .navigation.column span.current {
    color: #366d73;
}
body.indigo .ui.segment .navigation.column span.current {
    color: #652CD1;
}
body.royal-blue .ui.segment .navigation.column span.current {
    color: #354EAD;
}
.ui.segment .navigation.column span.current:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #4b7635;
}
body.teal .ui.segment .navigation.column span.current:after {
    background-color: #366d73;
}
body.indigo .ui.segment .navigation.column span.current:after {
    background-color: #652CD1;
}
body.royal-blue .ui.segment .navigation.column span.current:after {
    background-color: #354EAD;
}

/* Container */

@media only screen and (min-width: 1240px) {
    .ui.grid.container {
        width: 1208px !important;
    }
}

/* Transition */

.transition {
	-webkit-transition: all 0.4s linear;
	   -moz-transition: all 0.4s linear;
		-ms-transition: all 0.4s linear;
		 -o-transition: all 0.4s linear;
			transition: all 0.4s linear;
}

/* Dots loading */

@keyframes dotsLoading {
    0% {
        content: '';
    }
    25% {
        content: '.';
    }
    50% {
        content: '..';
    }
    75% {
        content: '...';
    }
    100% {
        content: '';
    }
}

/* Info custom container */

.info-custom-container {
    width: 100%;
    order: 1;
    padding-right: 33%;
}
.info-custom-container .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 8px;
}
.info-custom-container .custom-search-container {
    position: relative;
}
.info-custom-container .custom-search-container .search-input-container {
    position: relative;
}
.info-custom-container .custom-search-container .search-input-container input {
    width: 100%;
    background-color: #f7f7f7;
    border: 0;
    padding: 12px 64px 12px 24px;
    border-radius: 9px;
    font-size: 16px;
    line-height: 24px;
}
.info-custom-container .custom-search-container .search-input-container .search-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    z-index: 1;
    cursor: pointer;
}
.info-custom-container .custom-search-container .search-input-container .search-button:hover {
    fill: #4b7635;
}
.info-custom-container .custom-choices-container {
    margin-top: 16px;
    border-top: 1px solid #f1f1f1;
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.info-custom-container .custom-choices-container .text-item {
    line-height: 24px;
    margin-left: 8px;
}
.info-custom-container .custom-choices-container .text-item:first-child {
    margin-left: 0;
}
.info-custom-container .custom-choices-container .period-button,
.info-custom-container .custom-choices-container .category-button {
    color: #fff;
    padding: 0 12px;
    border-radius: 4px;
    line-height: 24px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}
.info-custom-container .custom-search-container .filter-button {
    display: none;
}

@media only screen and (max-width: 767px) {
    .info-custom-container .custom-search-container {
        padding-right: 46px !important;
    }
    .info-custom-container .custom-search-container .search-input-container input {
        padding: 12px 58px 12px 24px;
    }
    .info-custom-container .custom-search-container .search-input-container .search-button {
        right: 18px;
    }
}

@media only screen and (max-width: 991px) {
    .info-custom-container {
        padding-right: 0%;
    }
    .info-custom-container .custom-search-container .filter-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        cursor: pointer;
        z-index: 1;
        margin-top: 2px;
        display: block;
    }
    .info-custom-container .custom-search-container .filter-button svg {
        fill: #2f2f2f;
    }
    .info-custom-container .custom-search-container .filter-button .count {
        position: absolute;
        top: -9px;
        right: -9px;
        font-size: 10px;
        line-height: 20px;
        color: #fff;
        border: 2px solid #fff;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .info-custom-container .custom-search-container {
        padding-right: 52px !important;
    }
}

/* Filter custom container */

.filter-custom-container {
    width: 33%;
    padding-left: 4%;
    order: 3;
}
.filter-custom-container .filter-element {
    padding: 30px;
    border-radius: 20px;
}
.filter-custom-container .filter-element .filter-content {
    position: relative;
}
.filter-custom-container .filter-element .filter-content .filter-close-button {
    display: none;
}
.filter-custom-container .filter-element .filter-content .group-element {
    margin-bottom: 60px;
}
.filter-custom-container .filter-element .filter-content .group-element:last-child {
    margin-bottom: 0;
}
.filter-custom-container .filter-element .filter-content .group-element .group-name {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.43px;
    line-height: 32px;
    margin-bottom: 30px;
}
.filter-custom-container .filter-element .filter-content .group-element .ui.accordion .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 !important;
}
.filter-custom-container .filter-element .filter-content .group-element .ui.accordion .title .group-name {
    margin-bottom: 0;
}
.filter-custom-container .filter-element .filter-content .group-element .ui.accordion .title svg {
    transition: transform 0.3s ease;
    transform-origin: center;
}
.filter-custom-container .filter-element .filter-content .group-element .ui.accordion .active.title svg {
    transform: rotate(180deg);
}
.filter-custom-container .filter-element .filter-content .group-element .ui.accordion .content {
    margin-top: 30px;
    padding: 0 !important;
}
.filter-custom-container .filter-element .filter-content .calendar.group-element .calendar-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}
.filter-custom-container .filter-element .filter-content .calendar.group-element .calendar-buttons span {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-bottom: 1px solid transparent;
}
.filter-custom-container .filter-element .filter-content .calendar.group-element .calendar-buttons span.button {
    cursor: pointer;
}
.filter-custom-container .filter-element .filter-content .calendar.group-element .calendar-buttons span.active {
    color: #fff !important;
    background-color: #4b7635 !important;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    padding: 2px 12px;
}
body.teal .filter-custom-container .filter-element .filter-content .calendar.group-element .calendar-buttons span.active {
    background-color: #366D73 !important;
}
body.indigo .filter-custom-container .filter-element .filter-content .calendar.group-element .calendar-buttons span.active {
    background-color: #472C80 !important;
}
body.royal-blue .filter-custom-container .filter-element .filter-content .calendar.group-element .calendar-buttons span.active {
    background-color: #354ead !important;
}
.filter-custom-container .filter-element .filter-content .categories.group-element .group-content ul {
    padding: 0;
    margin: 0;
}
.filter-custom-container .filter-element .filter-content .categories.group-element .group-content ul li {
    padding: 0 0 0 30px;
    margin: 16px 0;
    list-style-type: none;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
    cursor: pointer;
}
.filter-custom-container .filter-element .filter-content .categories.group-element .group-content ul li::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    z-index: 1;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #2f2f2f;
}
.filter-custom-container .filter-element .filter-content .categories.group-element .group-content ul li.active::after {
    position: absolute;
    content: '';
    top: 3px;
    left: 7px;
    z-index: 2;
    width: 7px;
    height: 12px;
    border: solid #4b7635;
    border-width: 0 3px 3px 0;
    border-radius: 1px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
body.teal .filter-custom-container .filter-element .filter-content .categories.group-element .group-content ul li.active::after {
    border: solid #366D73;
    border-width: 0 3px 3px 0;
}
body.indigo .filter-custom-container .filter-element .filter-content .categories.group-element .group-content ul li.active::after {
    border: solid #472C80;
    border-width: 0 3px 3px 0;
}
body.royal-blue .filter-custom-container .filter-element .filter-content .categories.group-element .group-content ul li.active::after {
    border: solid #354ead;
    border-width: 0 3px 3px 0;
}
.filter-custom-container .filter-element .filter-content .buttons.group-element {
    display: flex;
    align-items: center;
    gap: 16px;
}
.filter-custom-container .filter-element .filter-content .buttons.group-element .reset {
    color: #fff;
    padding: 6px 18px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    cursor: pointer;
}
.filter-custom-container .ad-sidebar-space {
    width: 100%;
    padding: 0;
    margin-top: 50px;
}

@media only screen and (max-width: 991px) {
    .filter-custom-container {
        width: 100%;
        padding-left: 0;
        order: 3;
        margin-top: 0 !important;
    }
    .filter-custom-container .filter-element {
        display: none;
    }
    .filter-custom-container .filter-element.active {
        display: block;
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        overflow-x: scroll;
        border-radius: 0;
        padding: 30px 30px 90px 30px;
    }
    .filter-custom-container .filter-element .filter-content .filter-close-button {
        display: block;
        position: absolute;
        top: -60px;
        right: 0;
    }
}

/* Items custom container */

.items-custom-container {
    width: 67%;
    order: 2;
}

@media only screen and (max-width: 991px) {
    .items-custom-container {
        width: 100%;
        order: 2;
    }
}

/* UI calendar */

.ui.popup.calendar .ui.inverted.table {
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.07), 0 2px 4px rgba(64, 64, 64, 0.07), 0 4px 8px rgba(64, 64, 64, 0.07), 0 8px 16px rgba(64, 64, 64, 0.07), 0 16px 32px rgba(64, 64, 64, 0.07), 0 32px 64px rgba(64, 64, 64, 0.07);
}
.ui.popup.calendar.inverted .ui.inverted.table {
    background-color: #4b7635;
}
.ui.popup.calendar.inverted.top::before {
    background: #4b7635;
}
.ui.popup.calendar.inverted.bottom::before {
    background: #466431;
}
.ui.popup.calendar.inverted .ui.inverted.table thead tr th span {
    color: #fff;
}
.ui.popup.calendar.inverted .ui.inverted.table tbody tr td.active {
    background-color: #f2efe8 !important;
    color: #2f2f2f !important;
    font-weight: 600 !important;
}

/* Custom datepicker element */

.custom-datepicker-element .d-flex {
    display: flex !important;
}
.custom-datepicker-element .align-items-center {
    align-items: center !important;
}
.custom-datepicker-element .justify-content-between {
    justify-content: space-between !important;
}
.custom-datepicker-element .d-flex.align-items-center.justify-content-between {
    border: 1px solid #2f2f2f !important;
    border-radius: 6px !important;
    padding: 6px 0 !important;
    margin-bottom: 14px;
}
.custom-datepicker-element .d-flex.align-items-center.justify-content-between .small.fw-semibold.text-capitalize {
    color: #2f2f2f !important;
    text-align: center !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
}
.custom-datepicker-element .d-flex.align-items-center.justify-content-between button {
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
}
.custom-datepicker-element .d-flex.align-items-center.justify-content-between button i {
    color: #2f2f2f;
    font-size: 14px;
}
.custom-datepicker-element .d-flex.align-items-center.justify-content-between button[data-action="prevYear"],
.custom-datepicker-element .d-flex.align-items-center.justify-content-between button[data-action="nextYear"],
.custom-datepicker-element .d-flex.align-items-center.justify-content-between button[data-action="today"],
.custom-datepicker-element .d-flex.align-items-center.justify-content-between button[data-action="clear"] {
    display: none !important;
}
.custom-datepicker-element .dp-inline-output {
    color: #2f2f2f !important;
    text-align: center !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    margin: 20px 0 !important;
    display: none !important;
}
.custom-datepicker-element .fw-semibold.text-capitalize.text-center {
    display: none !important;
}
.custom-datepicker-element .dp-months.d-flex {
    justify-content: center !important;
}
.custom-datepicker-element .table-responsive {
    border: 1px solid #2f2f2f !important;
    border-radius: 6px !important;
}
.custom-datepicker-element .table-responsive table {
    border-collapse: collapse !important;
    width: 100% !important;
}
.custom-datepicker-element .table-responsive table thead {
    border-bottom: 1px solid #2f2f2f !important;
}
.custom-datepicker-element .table-responsive table thead th {
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: #2f2f2f !important;
    padding: 6px 0;
}
.custom-datepicker-element .table-responsive table tbody td {
    border: none !important;
    padding: 1px !important;
}
.custom-datepicker-element .table-responsive table tbody td button {
    width: 100% !important;
    display: block !important;
    border: none !important;
    padding: 6px 0 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: #2f2f2f !important;
    font-family: "Manrope", sans-serif !important;
    cursor: pointer !important;
    background-color: transparent !important;
}
.custom-datepicker-element .table-responsive table tbody td button.bg-primary-subtle {
    background-color: rgba(47, 47, 47, 0.05) !important;
    color: #2f2f2f !important;
}
.custom-datepicker-element .table-responsive table tbody td button.dp-start,
.custom-datepicker-element .table-responsive table tbody td button.dp-end {
    border-radius: 6px !important;
    background-color: #4b7635 !important;
    color: #fff !important;
}
body.teal .custom-datepicker-element .table-responsive table tbody td button.dp-start,
body.teal .custom-datepicker-element .table-responsive table tbody td button.dp-end {
    background-color: #366D73 !important;
}
body.indigo .custom-datepicker-element .table-responsive table tbody td button.dp-start,
body.indigo .custom-datepicker-element .table-responsive table tbody td button.dp-end {
    background-color: #472C80 !important;
}
body.royal-blue .custom-datepicker-element .table-responsive table tbody td button.dp-start,
body.royal-blue .custom-datepicker-element .table-responsive table tbody td button.dp-end {
    background-color: #354ead !important;
}
.custom-datepicker-element .table-responsive table tbody td button.disabled {
    cursor: default !important;
    opacity: 0.2 !important;
}

/* Custom loader element */

.custom-loader-element,
.custom-loader-element:before,
.custom-loader-element:after {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation: load 1.8s infinite ease-in-out;
            animation: load 1.8s infinite ease-in-out;
}
.custom-loader-element {
    color: #4b7635;
    font-size: 10px;
    margin: 0 auto 50px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
}
.custom-loader-element:before,
.custom-loader-element:after {
    content: '';
    position: absolute;
    top: 0;
}
.custom-loader-element:before {
    left: -30px;
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
}
.custom-loader-element:after {
    left: 30px;
}

@-webkit-keyframes load {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/* Misc */

* {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
}

/* Custom content element */

body .pusher .custom-content-element,
body .pusher .custom-content-element * {
    font-family: "Manrope", sans-serif;
    font-size: 17px;
    line-height: 29px;
    margin: 0;
    padding: 0;
}
body .pusher .custom-content-element h1,
body .pusher .custom-content-element h1 *,
body .pusher .custom-content-element h2,
body .pusher .custom-content-element h2 *,
body .pusher .custom-content-element h3,
body .pusher .custom-content-element h3 *,
body .pusher .custom-content-element h4,
body .pusher .custom-content-element h4 *,
body .pusher .custom-content-element h5,
body .pusher .custom-content-element h5 *,
body .pusher .custom-content-element h6,
body .pusher .custom-content-element h6 * {
    font-size: 27px;
    line-height: 40px;
    font-weight: 700;
    margin: 55px 0 10px 0;
}
body .pusher .custom-content-element p {
    margin-top: 32px;
}
body .pusher .custom-content-element ul,
body .pusher .custom-content-element ol {
    margin: 0 0 0 15px;
}
body .pusher .custom-content-element a,
body .pusher .custom-content-element a * {
    color: #4b7635;
    text-decoration: underline;
}
body.teal .pusher .custom-content-element a,
body.teal .pusher .custom-content-element a * {
    color: #366D73;
}
body.indigo .pusher .custom-content-element a,
body.indigo .pusher .custom-content-element a * {
    color: #472C80;
}
body.royal-blue .pusher .custom-content-element a,
body.royal-blue .pusher .custom-content-element a * {
    color: #354ead;
}
body .pusher .custom-content-element em,
body .pusher .custom-content-element em * {
    font-style: italic;
    font-weight: 700;
}
body .pusher .custom-content-element blockquote,
body .pusher .custom-content-element blockquote * {
    font-style: italic;
    border-left: 2px solid #4b7635;
    padding-left: 20px;
}
body.teal .pusher .custom-content-element blockquote,
body.teal .pusher .custom-content-element blockquote * {
    border-left: 2px solid #366D73;
}
body.indigo .pusher .custom-content-element blockquote,
body.indigo .pusher .custom-content-element blockquote * {
    border-left: 2px solid #472C80;
}
body.royal-blue .pusher .custom-content-element blockquote,
body.royal-blue .pusher .custom-content-element blockquote * {
    border-left: 2px solid #354ead;
}
body .pusher .custom-content-element .ad-post-space {
    margin: 32px 0;
}
body .pusher .custom-content-element .ad-post-space .ad-post-space-element {
    text-align: center;
}
body .pusher .custom-content-element .ad-post-space .ad-post-space-element img,
body .pusher .custom-content-element .ad-post-space .ad-post-space-element a img {
    max-width: 100%;
    height: auto;
}
body .pusher .custom-content-element .wp-block-image {
    margin: 32px 0;
}
body .pusher .custom-content-element .wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}
body .pusher .custom-content-element .wp-block-image .alignleft {
    margin: 0 32px 32px 0;
}
body .pusher .custom-content-element .wp-block-image .alignright {
    margin: 0 0 32px 32px;
}
body .pusher .custom-content-element .wp-block-image .wp-element-caption {
    padding: 10px 0 10px 0;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    text-align: center;
}

/* Simple post */

.simple-post-element {
    width: 25%;
    padding: 8px 8px 24px 8px;
}
.simple-post-element .content .visual {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 260px;
    background-color: #f7f7f7;
    background-position: center;
    background-size: cover;
}
.simple-post-element .content .visual::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
.simple-post-element .content:hover .visual::after {
    background-color: rgba(255, 255, 255, 0.2);
}
.simple-post-element .content .info {
    margin-top: 20px;
}
.simple-post-element .content .info .category {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.simple-post-element .content .info .title {
    font-size: 17px;
    line-height: 27px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .simple-post-element {
        width: 100%;
    }
}

/* Simple product picks element */

.simple-product-picks-element {
    width: 25%;
    padding: 8px 8px 24px 8px;
}
.simple-product-picks-element .content .visual {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 260px;
    background-color: #f7f7f7;
    background-position: center;
    background-size: cover;
}
.simple-product-picks-element .content .visual::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
.simple-product-picks-element .content:hover .visual::after {
    background-color: rgba(255, 255, 255, 0.2);
}
.simple-product-picks-element .content .info {
    margin-top: 20px;
}
.simple-product-picks-element .content .info .title {
    font-size: 17px;
    line-height: 27px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .simple-product-picks-element {
        width: 100%;
    }
}

/* Simple event element */

.simple-event-element {
    padding: 25px 10px;
    width: 50%;
}
.simple-event-element.hidden-event {
    display: none;
}
.simple-event-element .content .visual {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 260px;
    background-color: #f7f7f7;
    background-position: center;
    background-size: cover;
}
.simple-event-element .content .visual::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
.simple-event-element .content:hover .visual::after {
    background-color: rgba(255, 255, 255, 0.2);
}
.simple-event-element .info {
    margin-top: 20px;
}
.simple-event-element .info .title {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
}
.simple-event-element .info .date {
    font-size: 13px;
    line-height: 18px;
    color: #414141;
    text-transform: uppercase;
    position: relative;
    padding: 3px 0 3px 30px;
}
.simple-event-element .info .date svg {
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 767px) {
    .simple-event-element {
        width: 100%;
    }
}

/* Simple directory element */

.simple-directory-element {
    width: 33.33%;
    padding: 8px 8px 24px 8px;
}
.simple-directory-element article {
    height: 100%;
}
.simple-directory-element article .content {
    display: block;
    border-radius: 20px;
    padding: 20px 26px;
    height: 100%;
    position: relative;
}
.simple-directory-element article .content svg {
    position: absolute;
    top: 20px;
    right: 20px;
}
.simple-directory-element article .content .visual .image {
    width: 100px;
    border-radius: 8px;
}
.simple-directory-element article .content .info {
    margin-top: 40px;
}
.simple-directory-element article .content .info .title {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.simple-directory-element article .content .info .details {
    margin-top: 10px;
}
.simple-directory-element article .content .info .details p {
    font-size: 13px;
    line-height: 19px;
}

@media only screen and (max-width: 767px) {
    .simple-directory-element {
        width: 100%;
    }
}

/* Simple magazine element */

.simple-magazine-element {
    width: 16.66%;
    padding: 8px 8px 24px 8px;
}
.simple-magazine-element .content .visual img {
    width: 100%;
    height: auto;
}
.simple-magazine-element .content .info .title {
    color: #000;
    font-size: 17px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
    .simple-magazine-element {
        width: 50%;
    }
}

/* Ad sidebar space */

.ad-sidebar-space {
    margin-top: 28px;
}
.ad-sidebar-space .ad-sidebar-space-element {
    text-align: center;
}
.ad-sidebar-space .ad-sidebar-space-element img,
.ad-sidebar-space .ad-sidebar-space-element a img {
    max-width: 100%;
    height: auto;
}

/* Ad grid space element */

.ad-grid-space {
    width: 25%;
    padding: 8px 8px 24px 8px;
}
.ad-grid-space .ad-grid-space-element {
    text-align: center;
}
.ad-grid-space .ad-grid-space-element img,
.ad-grid-space .ad-grid-space-element a img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .ad-grid-space {
        width: 100%;
    }
}

/* Ad banner space identifier */

.ad-banner-space-identifier {
    position: relative;
    display: block;
}
.ad-banner-space-identifier span {
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 30px;
    left: 30px;
    transform: translateY(-50%);
    color: #fff !important;
    text-align: center;
}

/* Custom content divider */

.custom-content-divider {
    width: 100%;
    height: auto;
}

/* Categories element */

.categories-element .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 10px;
}
.categories-element ul {
    margin: 0;
    padding: 0;
}
.categories-element ul li {
    margin: 0 0 7px 0;
    padding: 0;
    list-style-type: none;
}
.categories-element ul li:last-child {
    margin: 0;
}
.categories-element ul li a {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

/* Join to knowewell element */

body.page-template-directory .small-cta-element,
body.page-template-events .small-cta-element {
    margin-bottom: 50px;
}
.small-cta-element .content {
    padding: 142px 30px 30px 30px;
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
body.royal-blue .small-cta-element .content {
    background-color: #6F96D1 !important;
}
.small-cta-element .content svg {
    position: absolute;
    top: 30px;
    right: 30px;
}
.small-cta-element .content .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
}
body.single-post .small-cta-element .content .title {
    max-width: 140px;
}
.small-cta-element .content .text {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    max-width: 220px;
}

/* New issue cta element */

.new-issue-cta-element .content {
    padding: 50px 30px 46px 30px;
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}
.new-issue-cta-element .content .image {
    border-radius: 31px 0;
}
.new-issue-cta-element .label {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 0 0;
    font-weight: 500;
}
.new-issue-cta-element .content .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 27px;
    line-height: 37px;
    color: #232323;
    margin-bottom: 4px;
}
.new-issue-cta-element .content .button {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1.2px;
    padding-bottom: 3px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.new-issue-cta-element .content .button::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60%;
    height: 2px;
    background: #01a740;
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
body.teal .new-issue-cta-element .content .button::before {
    background: #366D73;
}
body.indigo .new-issue-cta-element .content .button::before {
    background: #472C80;
}
body.royal-blue .new-issue-cta-element .content .button::before {
    background: #354ead;
}
.new-issue-cta-element .content:hover .button::before {
    width: 100%;
}

/* Large cta element

.large-cta-element .content .label {
    margin: 0 auto 10px auto;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    line-height: 24px;
    text-align: center;
    max-width: 220px;
}
.large-cta-element .content .title {
    margin: 0 auto;
    color: #fff;
    font-size: 38px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-align: center;
    max-width: 220px;
    font-family: "ITC Benguiat Std";
    line-height: 52px;
}
.large-cta-element .content .text {
    font-size: 11px;
    font-weight: 600;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    max-width: 220px;
    line-height: 16px;
} */










/* Your membership popup */

.your-membership-popup {
    position: fixed;
    right: 0;
    bottom: -9999px;
    left: 0;
    z-index: 6666;
    border-top: 20px solid #cdd9c6;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
body.teal .your-membership-popup {
    border-top: 20px solid #c9e1de;
}
body.indigo .your-membership-popup {
    border-top: 20px solid #c2b8e1;
}
body.royal-blue .your-membership-popup {
    border-top: 20px solid #D0E4FF;
}
.active.your-membership-popup {
    bottom: 0 !important;
}
.your-membership-popup .button-container {
    position: absolute;
    top: -60px;
    right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
}
body.royal-blue .your-membership-popup .button-container {
    background-color: #D0E4FF !important;
}
.your-membership-popup .button-container svg {
    transform: rotate(-90deg);
}
.active.your-membership-popup .button-container svg {
    transform: rotate(90deg);
}
.your-membership-popup .content-container {
    display: flex;
    align-items: flex-end;
}
.your-membership-popup .content-container .info {
    padding: 40px 48px;
    font-family: "Manrope", sans-serif;
}
.your-membership-popup .content-container .info .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 52px;
    line-height: 65px;
    margin-bottom: 8px;
    color: #2f2f2f;
}
.your-membership-popup .content-container .info .description {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    max-width: 840px;
    color: #2f2f2f;
}
.your-membership-popup .content-container .info .buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}
.your-membership-popup .content-container .info .buttons .first.button {
    padding: 14px 32px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #4b7635;
    color: #4b7635;
}
body.teal .your-membership-popup .content-container .info .buttons .first.button {
    border: 2px solid #366D73;
    color: #366D73;
}
body.indigo .your-membership-popup .content-container .info .buttons .first.button {
    border: 2px solid #472C80;
    color: #472C80;
}
body.royal-blue .your-membership-popup .content-container .info .buttons .first.button {
    border: 2px solid #354ead;
    color: #354ead;
}
.your-membership-popup .content-container .info .buttons span {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
}
.your-membership-popup .content-container .info .buttons .second.button {
    padding: 14px 32px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #4b7635;
    background-color: #4b7635;
    color: #fff;
}
body.teal .your-membership-popup .content-container .info .buttons .second.button {
    border: 2px solid #366D73;
    background-color: #366D73;
}
body.indigo .your-membership-popup .content-container .info .buttons .second.button {
    border: 2px solid #472C80;
    background-color: #472C80;
}
body.royal-blue .your-membership-popup .content-container .info .buttons .second.button {
    border: 2px solid #354ead;
    background-color: #354ead;
}
.your-membership-popup .content-container .info .text {
    margin-top: 20px;
    font-size: 13px;
    line-height: 23px;
    color: #2f2f2f;
}
.your-membership-popup .content-container .info .text a {
    display: inline-block;
    margin-left: 20px;
    text-decoration: underline;
    font-weight: 700;
    font-size: 13px;
    line-height: 23px;
    color: #2f2f2f;
}

@media only screen and (max-width: 767px) {
    .your-membership-popup .button-container {
        right: 20px;
        width: 90px;
        height: 30px;
        top: -50px;
    }
    .your-membership-popup .button-container svg {
        height: 14px;
        width: auto;
    }
    .your-membership-popup .content-container {
        position: relative;
    }
    .your-membership-popup .content-container .image {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        max-width: 20%;
    }
    .your-membership-popup .content-container .info {
        padding: 42px;
        text-align: center;
        position: relative;
        z-index: 2;
    }
    .your-membership-popup .content-container .info .title {
        font-size: 38px;
        line-height: 52px;
    }
    .your-membership-popup .content-container .info .buttons {
        justify-content: center;
    }
    .your-membership-popup .visual-container {
        display: none;
    }
}

/* Top menu sidebar */

.top.menu.sidebar {
    background-color: #fff !important;
    display: block;
    min-height: 100%;
    z-index: 999999;
}
.top.menu.sidebar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.top.menu.sidebar::-webkit-scrollbar { 
    display: none;
}
.top.menu.sidebar .ui.grid .content.column {
    padding-left: 28px !important;
    padding-right: 28px !important;
    position: relative;
}
.top.menu.sidebar .content.column .close {
    position: absolute;
    top: 42px;
    right: 28px;
    z-index: 1;
}
.top.menu.sidebar .content.column .logo {
    margin: 88px 0 44px 0;
}
.top.menu.sidebar .content.column .logo a {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}
.top.menu.sidebar .content.column .logo a .image {
    max-width: 150px;
}
.top.menu.sidebar .content.column .logo a .name {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #2f2f2f;
}
.top.menu.sidebar .content.column .navigation {
    padding: 28px 0;
    border-top: 1px solid #d4d9e1;
    border-bottom: 1px solid #d4d9e1;
}
.top.menu.sidebar .content.column .navigation .accordion .title {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top.menu.sidebar .content.column .navigation .accordion .title a,
.top.menu.sidebar .content.column .navigation .accordion .title span {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #2f2f2f;
}
.top.menu.sidebar .content.column .navigation .accordion .title svg {
    fill: #2f2f2f;
}
.top.menu.sidebar .content.column .navigation .accordion .title.active svg {
    transform: rotate(180deg);
}
.top.menu.sidebar .content.column .navigation .accordion .content {
    padding: 0;
}
.top.menu.sidebar .content.column .navigation .accordion .content ul {
    padding: 5px 0 5px 28px;
    margin: 0;
}
.top.menu.sidebar .content.column .navigation .accordion .content ul li {
    padding: 0;
    margin: 10px 0;
    list-style-type: none;
}
.top.menu.sidebar .content.column .navigation .accordion .content ul li a,
.top.menu.sidebar .content.column .navigation .accordion .content ul li a:hover {
    font-family: "Manrope", sans-serif;
    color: #2f2f2f;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

/* Search top segment */

.search-top.segment {
    display: none;
    padding-top: 201px;
}
.search-top.segment.active {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 7777;
}
.search-top.segment .search-element-container {
    max-width: 700px;
    margin: auto;
}
.search-top.segment .search-phrases-container {
    max-width: 700px;
    margin: auto;
    padding: 48px 28px 0 28px;
}
.search-top.segment .search-phrases-container .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 14px;
}
.search-top.segment .search-phrases-container .values {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.search-top.segment .search-phrases-container .values span {
    border: 1px solid #d4d9e1;
    color: #727272;
    padding: 8px 12px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    cursor: pointer;
}
.search-top.segment .search-phrases-container .values span:hover {
    border: 1px solid #4b7635;
    color: #4b7635;
}
body.teal .search-top.segment .search-phrases-container .values span:hover {
    border: 1px solid #366D73;
    color: #366D73;
}
body.indigo .search-top.segment .search-phrases-container .values span:hover {
    border: 1px solid #472C80;
    color: #472C80;
}
body.royal-blue .search-top.segment .search-phrases-container .values span:hover {
    border: 1px solid #354ead;
    color: #354ead;
}

@media only screen and (max-width: 767px) {
    .search-top.segment {
        padding-top: 136px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .search-top.segment {
        padding-top: 125px;
    }
}

@media only screen and (min-width: 1200px) {
    .admin-bar .search-top.segment {
        top: 32px;
    }
}

/* Menu top segment */

.menu-top.segment {
    padding: 30px 0 0 0;
    background-color: #fff !important;
    border-bottom: 1px solid #d4d9e1 !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 8888;
}
.menu-top.segment .content.column .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 64px;
}
.menu-top.segment .content.column .info .menu-button {
    display: none;
}
.menu-top.segment .content.column .info .logo a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
.menu-top.segment .content.column .info .logo a .divider {
    height: 30px;
    width: 1px;
    background-color: #4f5253;
}
.menu-top.segment .content.column .info .logo a .name {
    font-size: 20px;
    line-height: 30px;
}
.menu-top.segment .content.column .info .menu {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}
.menu-top.segment .content.column .info .menu li {
    list-style-type: none;
    margin-left: 24px;
}
.menu-top.segment .content.column .info .menu li:first-child {
    margin-left: 0;
}
.menu-top.segment .content.column .info .menu li.link {
    font-size: 13px;
    line-height: 23px;
    font-weight: 600;
}
.menu-top.segment .content.column .info .menu li.dropdown {
    position: relative;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-title {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-title span {
    font-size: 13px;
    line-height: 23px;
    font-weight: 600;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-title svg {
    margin-top: 2px;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content {
    display: none;
}
.menu-top.segment .content.column .info .menu li.dropdown:hover .dropdown-content {
    display: block;
    position: absolute;
    top: 20px;
    right: -15px;
    z-index: 1;
    padding-top: 10px;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content .items {
    display: flex;
    gap: 30px;
    background-color: #fff;
    overflow: hidden;
    padding: 40px;
    border: 1px solid #707070;
    border-radius: 15px;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content .items ul {
    padding: 0;
    margin: 0;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content .items ul li {
    margin: 12px 0 0 0;
    padding: 0;
    list-style-type: none;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content .items ul li:first-child {
    margin: 0;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content .items ul li span.title {
    font-size: 13px;
    line-height: 19px;
    font-weight: 700;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content .items ul li a {
    color: #4f5253;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    white-space: nowrap;
}
.menu-top.segment .content.column .info .menu li.dropdown .dropdown-content .items ul li a:hover {
    text-decoration: underline;
}
.menu-top.segment .content.column .info .menu li.account {
    border-left: 1px solid #d4d9e1 !important;
    padding-left: 18px;
    margin-left: 18px;
}
.menu-top.segment .content.column .info .menu li.account a {
    display: flex;
    align-items: center;
    gap: 6px;
}
.menu-top.segment .content.column .info .menu li.account a span {
    font-size: 13px;
    line-height: 23px;
    font-weight: 600;
}
.menu-top.segment .content.column .info .menu li.button a {
    color: #fff;
    padding: 14px 36px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
}
.menu-top.segment .content.column .info .search-button {
    display: none;
}
.menu-top.segment .content.column .navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 240px;
}
.menu-top.segment .content.column .navigation .menu {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-top.segment .content.column .navigation .menu li {
    list-style-type: none;
    padding: 18px 0;
    margin-right: 60px;
}
.menu-top.segment .content.column .navigation .menu li:last-child {
    margin-right: 0;
}
.menu-top.segment .content.column .navigation .menu li.dropdown {
    position: relative;
}
.menu-top.segment .content.column .navigation .menu li.dropdown .dropdown-title {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.menu-top.segment .content.column .navigation .menu li.dropdown .dropdown-title .dropdown-title-text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}
.menu-top.segment .content.column .navigation .menu li.dropdown .dropdown-title svg {
    margin-top: 1px;
}
.menu-top.segment .content.column .navigation .menu li.dropdown .dropdown-content {
    display: none;
}
.menu-top.segment .content.column .navigation .menu li.dropdown:hover .dropdown-content {
    display: block;
    position: absolute;
    top: 62px;
    left: -25px;
    background-color: #fff;
    overflow: hidden;
    min-width: 100%;
    padding: 0;
    margin: 0;
    z-index: 1;
    min-width: 260px;
    border-right: 1px solid #d4d9e1 !important;
    border-bottom: 1px solid #d4d9e1 !important;
    border-left: 1px solid #d4d9e1 !important;
}
.menu-top.segment .content.column .navigation .menu li.dropdown:hover .dropdown-content .items {
    padding: 20px 25px;
    display: flex;
    gap: 80px;
}
.menu-top.segment .content.column .navigation .menu li.dropdown:hover .dropdown-content .items ul {
    margin: 0;
    padding: 0;
}
.menu-top.segment .content.column .navigation .menu li.dropdown:hover .dropdown-content .items ul li {
    padding: 0;
    margin: 0 0 10px 0;
}
.menu-top.segment .content.column .navigation .menu li.dropdown:hover .dropdown-content .items ul li:last-child {
    margin: 0;
}
.menu-top.segment .content.column .navigation .menu li.dropdown:hover .dropdown-content .items ul li a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    white-space: nowrap;
}
.menu-top.segment .content.column .navigation .menu li.link a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}
.menu-top.segment .content.column .navigation .search-button {
    position: absolute;
    top: 0;
    right: 84px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-left: 1px solid #d4d9e1;
    border-right: 1px solid #d4d9e1;
    padding: 0 30px;
    cursor: pointer;
}
.menu-top.segment .content.column .navigation .search-button .visual {
    width: 22px;
    display: flex;
    justify-content: center;
}
.menu-top.segment .content.column .navigation .search-button.active .visual svg.open-search {
    display: none;
}
.menu-top.segment .content.column .navigation .search-button .visual svg.close-search {
    display: none;
}
.menu-top.segment .content.column .navigation .search-button.active .visual svg.close-search {
    display: block;
}
.menu-top.segment .content.column .navigation .search-button .visual svg path {
    fill: #2f2f2f;
}
.menu-top.segment .content.column .navigation .search-button span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .menu-top.segment {
        padding: 14px 0;
    }
    .menu-top.segment .content.column .info {
        padding: 0;
    }
    .menu-top.segment .content.column .info .logo a {
        flex-direction: column;
        gap: 6px;
    }
    .menu-top.segment .content.column .info .logo a svg {
        width: 130px;
        height: auto;
    }
    .menu-top.segment .content.column .info .logo a .divider {
        display: none;
    }
    .menu-top.segment .content.column .info .logo a .name {
        font-size: 10px;
        line-height: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .menu-top.segment {
        padding: 14px;
    }
    .menu-top.segment .content.column .info {
        padding: 0 14px;
    }
}

@media only screen and (max-width: 1199px) {
    .menu-top.segment .content.column .info .menu-button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
    }
    .menu-top.segment .content.column .info .menu-button span {
        display: block;
        width: 30px;
        height: 3px;
        margin-bottom: 5px;
        background-color: #2f2f2f;
        border-radius: 2px;
    }
    .menu-top.segment .content.column .info .menu-button span:last-child {
        margin-bottom: 0;
    }
    .menu-top.segment .content.column .info .menu {
        display: none;
    }
    .menu-top.segment .content.column .info .search-button {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 30px;
    }
    .menu-top.segment .content.column .info .search-button.active svg.open-search {
        display: none;
    }
    .menu-top.segment .content.column .info .search-button svg.close-search {
        display: none;
    }
    .menu-top.segment .content.column .info .search-button.active svg.close-search {
        display: block;
    }
    .menu-top.segment .content.column .info .search-button svg path {
        fill: #2f2f2f;
    }
    .menu-top.segment .content.column .navigation {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .admin-bar .menu-top.segment {
        top: 32px;
    }
}

/* Archive content segment */

.archive-content.segment .header.column .search-input-container {
    width: 49%;
    position: relative;
    margin: 16px auto 8px auto;
}
.archive-content.segment .header.column .search-input-container input {
    width: 100%;
    background-color: #f7f7f7;
    border: 0;
    padding: 12px 65px 12px 25px;
    border-radius: 9px;
    line-height: 24px;
}
.archive-content.segment .header.column .search-input-container svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    z-index: 1;
    cursor: pointer;
}
.archive-content.segment .header.column .results {
    margin-bottom: 32px;
}
.archive-content.segment .content.column .posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px -24px -8px;
}

@media only screen and (max-width: 767px) {
    .archive-content.segment .header.column .search-input-container {
        width: 100%;
    }
}

/* Post header segment */

.post-header.segment {
    padding: 80px 0 40px 0;
}
.post-header.segment .content.column {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.post-header.segment .content.column .info {
    width: 44%;
    text-align: center;
}
.post-header.segment .content.column .info .category {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.post-header.segment .content.column .info .title {
    font-size: 38px;
    line-height: 52px;
    font-weight: 500;
    font-family: "ITC Benguiat Std";
    margin-bottom: 10px;
}
.post-header.segment .content.column .magazines {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    gap: 8px;
}
.post-header.segment .content.column .magazines a {
    font-size: 17px;
    line-height: 27px;
    text-transform: uppercase;
    color: #797979;
}
.post-header.segment .content.column .info .details {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 23px;
    color: #797979;
    text-transform: uppercase;
}
.post-header.segment .content.column .info .details a {
    font-size: 13px;
    line-height: 23px;
    color: #797979;
    text-transform: uppercase;
}
.post-header.segment .content.column .info .details .dot {
    height: 23px;
    position: relative;
    padding-left: 18px;
}
.post-header.segment .content.column .info .details .dot::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #797979;
    content: '';
}
.post-header.segment .content.column .info .excerpt {
    max-width: 400px;
    margin: auto;
    font-size: 16px;
    line-height: 26px;
}
.post-header.segment .content.column .visual {
    width: 44%;
}
.post-header.segment .content.column .visual .custom-square-image-container {
    position: relative;
    overflow: hidden;
    height: 490px;
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
}
.post-header.segment .content.column .visual .custom-square-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.post-header.segment .content.column .visual .caption {
    margin: 10px 20px 0 0;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    .post-header.segment .content.column {
        flex-wrap: wrap;
    }
    .post-header.segment .content.column .info {
        width: 100%;
    }
    .post-header.segment .content.column .visual {
        width: 100%;
        padding-top: 28px;
    }
}

/* Post content segment */

.post-content.segment .content.column {
    display: flex;
    flex-wrap: wrap;
}
.post-content.segment .content.column .custom-post-content {
    width: 60%;
}
.post-content.segment .content.column .custom-post-content .custom-tags-element {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 32px;
}
.post-content.segment .content.column .custom-post-content .custom-tags-element p {
    font-weight: 700;
    font-size: 17px;
    line-height: 29px;
}
.post-content.segment .content.column .custom-post-content .custom-tags-element a {
    font-size: 17px;
    line-height: 29px;
    font-style: italic;
    text-decoration: underline;
    color: #4b7635;
}
body.teal .post-content.segment .content.column .custom-post-content .custom-tags-element a {
    color: #366D73;
}
body.indigo .post-content.segment .content.column .custom-post-content .custom-tags-element a {
    color: #472C80;
}
body.royal-blue .post-content.segment .content.column .custom-post-content .custom-tags-element a {
    color: #354ead;
}
.post-content.segment .content.column .custom-post-sidebar {
    width: 40%;
    padding-left: 11%;
}
.post-content.segment .content.column .custom-post-sidebar nav {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media only screen and (max-width: 767px) {
    .post-content.segment .content.column .custom-post-content {
        width: 100%;
    }
    .post-content.segment .content.column .custom-post-sidebar {
        width: 100%;
        padding-left: 0;
        margin-top: 88px;
    }
}

/* Related articles segment */

.related-articles.segment {
    border-top: 1px solid #ddd !important;
}
.related-articles.segment .content.column .posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px -24px -8px;
}

/* New magazine segment */

.new-magazine.segment {
    padding: 8px 0 0 0;
    margin-top: -8px !important;
}
.home .new-magazine.segment {
    padding: 8px 0 80px 0;
}
.new-magazine.segment .content.column {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 2;
}
.home .new-magazine.segment .content.column {
    justify-content: flex-end;
}
.new-magazine.segment .content.column .visual {
    width: 44%;
    display: flex;
    justify-content: center;
}
.new-magazine.segment .content.column .visual .image {
    max-width: 360px;
    width: 100%;
    height: auto;
    border-radius: 31px 0;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.new-magazine.segment .content.column .visual .image:hover {
    transform: scale(1.02);
}
.new-magazine.segment .content.column .info {
    width: 44%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.new-magazine.segment .content.column .info .title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    line-height: 23px;
    margin-bottom: 10px;
}
.new-magazine.segment .content.column .info .text {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 48px;
}
.home .new-magazine.segment .content.column .info .text {
    font-size: 52px;
    line-height: 65px;
}
.new-magazine.segment .content.column .info .description {
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
}
.new-magazine.segment .content.column .info .buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
}
.new-magazine.segment .content.column .info .buttons .button {
    background-color: #4b7635;
    color: #fff;
    padding: 14px 36px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
}
body.teal .new-magazine.segment .content.column .info .buttons .button {
    background-color: #366D73;
}
body.indigo .new-magazine.segment .content.column .info .buttons .button {
    background-color: #472C80;
}
body.royal-blue .new-magazine.segment .content.column .info .buttons .button {
    background-color: #354ead;
}
.new-magazine.segment .content.column .info .buttons .link {
    border: 1px solid #4b7635;
    color: #4b7635;
    padding: 13px 35px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
}
body.teal .new-magazine.segment .content.column .info .buttons .link {
    border: 1px solid #366D73;
    color: #366D73;
}
body.indigo .new-magazine.segment .content.column .info .buttons .link {
    border: 1px solid #472C80;
    color: #472C80;
}
body.royal-blue .new-magazine.segment .content.column .info .buttons .link {
    border: 1px solid #354ead;
    color: #354ead;
}

@media only screen and (max-width: 767px) {
    .new-magazine.segment .content.column {
        flex-direction: column;
        gap: 50px
    }
    .new-magazine.segment .content.column .visual {
        width: 80%;
    }
    .new-magazine.segment .content.column .info {
        width: 100%;
    }
    .new-magazine.segment .content.column .info .buttons .button {
        padding: 12px 28px;
        font-size: 13px;
        line-height: 20px;
    }
    .new-magazine.segment .content.column .info .buttons .link {
        padding: 11px 27px;
        font-size: 13px;
        line-height: 20px;
    }
}

/* Data magazines segment */

body.single-magazine .data-magazines.segment {
    border-top: 1px solid #ddd !important;
}
.data-magazines.segment .content.column .magazines {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px -24px -8px;
}

/* Data magazine segment */

.data-magazine.segment {
    background-color: #f7f7f7 !important;
}
.data-magazine.segment .content.column {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.data-magazine.segment .content.column .visual {
    width: 44%;
    display: flex;
    justify-content: center;
}
.data-magazine.segment .content.column .visual img {
    max-width: 360px;
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.data-magazine.segment .content.column .info {
    width: 44%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.data-magazine.segment .content.column .info .title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    line-height: 23px;
    margin-bottom: 10px;
}
.data-magazine.segment .content.column .info .text {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 48px;
}
.data-magazine.segment .content.column .info .button {
    background-color: #4b7635;
    color: #fff;
    padding: 14px 36px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
    margin-top: 20px;
}

/* Data interactive magazine segment */

.data-interactive-magazine.segment {
    background-color: #f7f7f7 !important;
}
.data-interactive-magazine.segment .content.column .info {
    margin-bottom: 28px;
}
.data-interactive-magazine.segment .content.column .info .title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    line-height: 23px;
    margin-bottom: 10px;
    text-align: center;
}
.data-interactive-magazine.segment .content.column .info .text {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 48px;
    text-align: center;
}

/* Data posts segment */

.data-posts.segment {
    margin: 114px 0 !important;
    padding: 0;
}
.data-posts.segment .content.column .posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px -24px -8px;
}

/* Data author segment */

.data-author.segment {
    background-color: #f2efe8 !important;
    border-bottom-right-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}
.data-author.segment .content.column .title {
    font-size: 38px;
    line-height: 52px;
    font-weight: 500;
    font-family: "ITC Benguiat Std";
    margin-bottom: 10px;
}
.data-author.segment .content.column .description p {
    font-size: 17px;
    line-height: 29px;
}

/* Data spotlight static layout segment */

.data-spotlight-static-layout.segment {
    padding: 88px 0 0 0;
    margin-bottom: 88px;
}
.data-spotlight-static-layout.segment .ui.grid.container {
    width: 100% !important;
    max-width: 1336px !important;
}
.data-spotlight-static-layout.segment .ui.grid .content.column {
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
}
.data-spotlight-static-layout.segment .content.column .big-post-container {
    width: 41%;
    padding: 14px;
}
.data-spotlight-static-layout.segment .content.column .big-post-container .big-post-element .content .visual {
    position: relative;
    overflow: hidden;
    height: 289px;
    background-color: #f7f7f7;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.data-spotlight-static-layout.segment .content.column .big-post-container .big-post-element .content .visual::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
.data-spotlight-static-layout.segment .content.column .big-post-container .big-post-element .content:hover .visual::after {
    background-color: rgba(255, 255, 255, 0.2);
}
.data-spotlight-static-layout.segment .content.column .big-post-container .big-post-element .content .info {
    margin-top: 24px;
}
.data-spotlight-static-layout.segment .content.column .big-post-container .big-post-element .content .info .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 25px;
    line-height: 28px;
    color: #000;
}
.data-spotlight-static-layout.segment .content.column .big-post-container .big-post-element .content .info .excerpt {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container {
    width: 33%;
    padding: 14px;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element {
    padding-bottom: 28px;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 28px;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element .content {
    display: flex;
    align-items: center;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element .content .visual {
    position: relative;
    overflow: hidden;
    height: 114px;
    background-color: #f7f7f7;
    background-position: center;
    background-size: cover;
    width: 50%;
    border-radius: 12px;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element .content .visual::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element .content:hover .visual::after {
    background-color: rgba(255, 255, 255, 0.2);
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element .content .info {
    width: 50%;
    padding-left: 20px;
}
.data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element .content .info .title {
    font-size: 16px;
    line-height: 26px;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container {
    width: 26%;
    padding: 14px;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element {
    padding: 50px 30px 46px 30px;
    border-radius: 22px;
    text-align: center;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .info {
    display: none;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 27px;
    line-height: 37px;
    color: #232323;
    margin-bottom: 12px;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .image {
    border-radius: 31px 0;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .button {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1.2px;
    padding-bottom: 3px;
    position: relative;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .button::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60%;
    height: 2px;
    background: #01a740;
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
body.teal .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .button::before {
    background: #366D73;
}
body.indigo .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .button::before {
    background: #472C80;
}
body.royal-blue .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .button::before {
    background: #354ead;
}
.data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .button:hover::before {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .data-spotlight-static-layout.segment {
        padding: 62px 0 0 0;
        margin-bottom: 88px;
    }
    .data-spotlight-static-layout.segment .content.column {
        display: flex;
        flex-wrap: wrap;
    }
    .data-spotlight-static-layout.segment .content.column .big-post-container {
        width: 100%;
        order: 2;
    }
    .data-spotlight-static-layout.segment .content.column .small-posts-container {
        width: 100%;
        order: 3;
    }
    .data-spotlight-static-layout.segment .content.column .small-posts-container .small-post-element:first-child {
        padding-top: 28px;
        border-top: 1px solid #d0d0d0;
        padding-bottom: 28px;
        border-bottom: 1px solid #d0d0d0;
        margin-bottom: 28px;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container {
        width: 100%;
        padding-top: 88px;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container {
        padding: 0;
        order: 1;
        margin-bottom: 48px;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 0;
        padding: 18px 22px 18px 14px;
        flex-wrap: wrap;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .info {
        display: block;
        width: 64%;
        text-align: right;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .info h2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        color: #000;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .info p {
        font-size: 16px;
        line-height: 26px;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .title {
        display: none;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .visual {
        width: 30%;
        margin: -36px 0;
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .visual .image {
        border-radius: 15px 0;
        transform: rotate(8deg);
    }
    .data-spotlight-static-layout.segment .content.column .current-magazine-container .current-magazine-element .button {
        display: none;
    }
}

/* Data spotlight segment */

.data-spotlight.segment {
    padding: 0 !important;
}
.data-spotlight.segment .ui.grid {
    margin: 0 !important;
}
.data-spotlight.segment .ui.grid .content.column {
    padding: 0 !important;
}
.data-spotlight.segment .content.column .posts .post {
    background-size: cover;
    background-position: center;
    background-color: #f7f7f7;
}
.data-spotlight.segment .content.column .posts .post article {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 141px);
}
.data-spotlight.segment .content.column .posts .post article .content {
    max-width: 900px;
    width: 100%;
    background-color: rgba(255, 255, 255, .94);
    border-radius: 17px;
    padding: 60px;
    margin: 88px 28px;
}
.data-spotlight.segment .content.column .posts .post article .content .label {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}
.data-spotlight.segment .content.column .posts .post article .content .title {
    font-family: "ITC Benguiat Std";
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
}
.data-spotlight.segment .content.column .posts .post article .content .excerpt {
    margin: 10px auto 0 auto;
    max-width: 500px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.data-spotlight.segment .content.column .posts .slick-dots {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
}
.data-spotlight.segment .content.column .posts .slick-dots li {
    display: inline-flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 6px;
    margin-right: 6px;
    height: 12px;
}
.data-spotlight.segment .content.column .posts .slick-dots li button {
    font-size: 0px;
    background-color: #fff;
    border: none;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: none;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.data-spotlight.segment .content.column .posts .slick-dots li.slick-active button {
    background-color: #4b7635;
    opacity: 1;
}
body.teal .data-spotlight.segment .content.column .posts .slick-dots li.slick-active button {
    background-color: #366D73;
}
body.indigo .data-spotlight.segment .content.column .posts .slick-dots li.slick-active button {
    background-color: #472C80;
}
body.royal-blue .data-spotlight.segment .content.column .posts .slick-dots li.slick-active button {
    background-color: #354ead;
}

@media only screen and (max-width: 767px) {
    .data-spotlight.segment .content.column .posts .post article {
        min-height: calc(100vh - 76px);
    }
    .data-spotlight.segment .content.column .posts .post article .content {
        padding: 60px 28px;
    }
}

@media only screen and (max-width: 991px) {
    .data-spotlight.segment .content.column .posts .post article .content .title {
        font-size: 30px;
        line-height: 40px;
    }
    .data-spotlight.segment .content.column .posts .post article .content .excerpt.hide-on-mobile {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .data-spotlight.segment .content.column .posts .post article {
        min-height: calc(100vh - 65px);
    }
}

@media only screen and (min-width: 992px) {
    .data-spotlight.segment .content.column .posts .post article .content .excerpt.hide-on-desktop {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .data-spotlight.segment .content.column .posts .slick-dots li:not(.slick-active) button:hover {
        transform: scale(1.2);
    }
}

/* Left bottom aligned floating box rounded corners */

.data-spotlight.segment .content.column .left-bottom-aligned-floating-box-rounded-corners.posts .post article {
    align-items: flex-end;
}

@media only screen and (min-width: 1200px) {
    .data-spotlight.segment .content.column .left-bottom-aligned-floating-box-rounded-corners.posts .post article {
        justify-content: flex-start;
    }
    .data-spotlight.segment .content.column .left-bottom-aligned-floating-box-rounded-corners.posts .post article .content {
        max-width: 800px;
    }
    .data-spotlight.segment .content.column .left-bottom-aligned-floating-box-rounded-corners.posts .post article .content .label,
    .data-spotlight.segment .content.column .left-bottom-aligned-floating-box-rounded-corners.posts .post article .content .title {
        text-align: left;
    }
    .data-spotlight.segment .content.column .left-bottom-aligned-floating-box-rounded-corners.posts .post article .content  .excerpt {
        text-align: left;
        max-width: 100%;
    }
}

/* Left aligned floating box rounded corners */

@media only screen and (min-width: 1200px) {
    .data-spotlight.segment .content.column .left-aligned-floating-box-rounded-corners.posts .post article {
        justify-content: flex-start;
        align-items: center;
    }
    .data-spotlight.segment .content.column .left-aligned-floating-box-rounded-corners.posts .post article .content {
        max-width: 450px;
    }
    .data-spotlight.segment .content.column .left-aligned-floating-box-rounded-corners.posts .post article .content .label {
        text-align: left;
        margin-bottom: 48px;
    }
    .data-spotlight.segment .content.column .left-aligned-floating-box-rounded-corners.posts .post article .content .title {
        text-align: left;
    }
    .data-spotlight.segment .content.column .left-aligned-floating-box-rounded-corners.posts .post article .content  .excerpt {
        text-align: left;
        max-width: 100%;
    }
}

/* Bottom-aligned dark gradient box */

.data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post {
    position: relative;
}
.data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post .gradient-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post article {
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}
.data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post article .content {
    max-width: 90%;
    background-color: transparent;
    margin: 0 0 28px 0;
}
.data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post article .content .label,
.data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post article .content .title {
    text-align: left;
    color: #fff;
}
.data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post article .content  .excerpt {
    text-align: left;
    max-width: 100%;
    color: #fff;
}

@media only screen and (max-width: 1199px) {
    .data-spotlight.segment .content.column .bottom-aligned-dark-gradient-box.posts .post article .content {
        max-width: 100%;
        padding: 28px 28px 60px 28px;
    }
}

/* Current magazine-intro */

.current-magazine-intro {
    position: relative;
}
.current-magazine-intro .left-background-element {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    .current-magazine-intro .left-background-element {
        top: 10%;
        max-width: 25%;
    }
}

/* Ad middle segment */

.ad-middle.segment {
    padding: 80px 14px;
}
.home-page-banner-3.ad-middle.segment {
    padding-bottom: 0;
}
.events-page-banner-1.ad-middle.segment {
    padding: 64px 14px;
}
.archive-page-banner-1.ad-middle.segment,
.directory-page-banner-1.ad-middle.segment {
    padding: 64px 14px;
}
.ad-middle.segment .content.column {
    text-align: center;
}
.ad-middle.segment .content.column img,
.ad-middle.segment .content.column a img {
    max-width: 100%;
    height: auto;
}

/* Data categories segment */

.data-categories.segment {
    background-image: url('/wp-content/themes/nam/assets/images/bg-gradient-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 220px 0;
    position: relative;
    overflow: hidden;
}
body.teal .data-categories.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382506.jpg') !important;
}
body.indigo .data-categories.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382505.jpg') !important;
}
body.royal-blue .data-categories.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382502.jpg') !important;
}
.data-categories.segment .top-background-element {
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    z-index: 1;
}
.data-categories.segment .bottom-background-element {
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    z-index: 1;
}
.data-categories.segment .header.column .title {
    color: #fff;
}
.data-categories.segment .content.column .categories {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}
.data-categories.segment .content.column .categories .category {
    width: 25%;
    padding: 8px;
}
.data-categories.segment .content.column .categories .category a {
    display: block;
    padding: 22px 20px;
    border: 1px solid #f2f0ea;
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .data-categories.segment .content.column .categories {
        justify-content: center;
    }
    .data-categories.segment .content.column .categories .category {
        width: 90%;
    }
    .data-categories.segment .content.column .categories .category a {
        padding: 20px 18px;
    }
}

/* Data directory segment */

.data-directory.segment .content.column {
    display: flex;
    flex-wrap: wrap;
}
.data-directory.segment .content.column .items-custom-container .items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 35px -8px -24px -8px;
}
.data-directory.segment .content.column .items-custom-container .items .note {
    padding: 24px 8px;
    width: 100%;
}
.data-directory.segment .content.column .items-custom-container .items .note .text {
    text-align: center;
    font-weight: 600;
}

/* Directory background segment */

.directory-background.segment {
    background-color: #a7a7a7 !important;
    background-position: center !important;
    background-size: cover !important;
    height: 320px;
}

@media only screen and (max-width: 767px) {
    .directory-background.segment {
        height: 280px;
    }
}

/* Directory intro segment */

.directory-intro.segment {
    padding: 30px 0;
}
.directory-intro.segment .content.column {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
}
.directory-intro.segment .content.column .info .visual .image {
    border-radius: 100%;
    height: 130px;
    margin: -95px 0 15px 0;
    position: relative;
    z-index: 1;
}
.directory-intro.segment .content.column .info .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
}
.directory-intro.segment .content.column .info .business-name,
.directory-intro.segment .content.column .info .slogan {
    margin-top: 8px;
}
.directory-intro.segment .content.column .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}
.directory-intro.segment .content.column .buttons a {
    display: flex;
    align-items: center;
    border: 2px solid #1b4a82;
    padding: 10px 20px;
    border-radius: 28px;
    gap: 5px;
}
.directory-intro.segment .content.column .buttons a svg path {
    fill: #1b4a82;
}
.directory-intro.segment .content.column .buttons a span {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .directory-intro.segment .content.column {
        flex-direction: column;
    }
}

/* Directory details segment */

.directory-details.segment {
    padding: 20px 0;
    background-color: #f7f7f7 !important;
}
.directory-details.segment .content.column .info {
    display: flex;
    align-items: center;
    gap: 6px;
}
.directory-details.segment .content.column .info svg path {
    fill: #2f2f2f;
}
.directory-details.segment .content.column .info span {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

/* Directory navigation segment */

.directory-navigation.segment {
    padding: 24px 0;
}
.directory-navigation.segment .content.column {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.directory-navigation.segment .content.column .links {
    display: flex;
    gap: 14px;
}

/* Directory content segment */

.directory-content.segment {
    background-color: #f7f7f7 !important;
    padding: 80px 0;
}
.directory-content.segment .content.column {
    display: flex;
    flex-wrap: wrap;
}
.directory-content.segment .content.column .custom-content-content {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container {
    padding: 50px;
    background-color: #fff;
    border-radius: 26px;
    width: 100%;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-element,
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-element * {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
    padding: 0;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-element p {
    margin-top: 8px;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-element ul,
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-element ol {
    margin: 0 0 0 8px;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container.directory-info-element,
.directory-content.segment .content.column .custom-content-content .custom-content-container.directory-visual-element {
    background: radial-gradient(circle at 100% 100%, #fff 0, #fff 20px, transparent 20px) 0 0 / 30px 30px no-repeat, radial-gradient(circle at 0 100%, #fff 0, #fff 20px, transparent 20px) 100% 0 / 30px 30px no-repeat, radial-gradient(circle at 100% 0, #fff 0, #fff 20px, transparent 20px) 0 100% / 30px 30px no-repeat, radial-gradient(circle at 0 0, #fff 0, #fff 20px, transparent 20px) 100% 100% / 30px 30px no-repeat, linear-gradient(#fff, #fff) 50% 50% / calc(100% - 20px) calc(100% - 60px) no-repeat, linear-gradient(#fff, #fff) 50% 50% / calc(100% - 60px) calc(100% - 20px) no-repeat, linear-gradient(109deg, #f2f0ea 0, #90bcdd 100%);
}
.directory-content.segment .content.column .custom-content-content .custom-content-container.directory-info-element .info-container .custom-content-texts .custom-content-element .title {
    margin: 32px 0 4px 0;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-title .image {
    height: 29px;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-content-title p {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.directory-content.segment .content.column .custom-content-content .custom-content-container .custom-video-tagline-container {
    margin-top: 20px;
}
.directory-content.segment .content.column .custom-content-sidebar {
    width: 40%;
    padding-left: 11%;
}
.directory-content.segment .content.column .custom-content-sidebar .business-hours-element {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 30px 30px 30px;
    margin-bottom: 50px;
}
.directory-content.segment .content.column .custom-content-sidebar .business-hours-element ul {
    padding: 0;
    margin: 0;
}
.directory-content.segment .content.column .custom-content-sidebar .business-hours-element ul li {
    padding: 0;
    margin: 4px 0 0 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}
.directory-content.segment .content.column .custom-content-sidebar .business-hours-element ul li span {
    font-size: 14px;
    line-height: 24px;
}
.directory-content.segment .content.column .custom-content-sidebar nav {
    display: flex;
    flex-direction: column;
    gap: 50px;
}












.directory-content.segment .content.column .custom-content-sidebar nav .ad-sidebar-space {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .directory-content.segment .content.column .custom-content-content {
        width: 100%;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container {
        padding: 40px;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-info-element .visual-container {
        margin-bottom: 40px;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-visual-element .visual-container {
        margin-top: 40px;
    }
    .directory-content.segment .content.column .custom-content-sidebar {
        width: 100%;
        padding-left: 0;
        padding-top: 50px;
    }
}

@media only screen and (min-width: 768px) {
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-info-element {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-left: 10px;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-info-element .visual-container {
        width: 60%;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-info-element .info-container {
        width: 40%;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-info-element .info-container .custom-content-texts .custom-content-element .title:first-child {
        margin-top: 0;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-visual-element {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-right: 10px;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-visual-element .info-container {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .directory-content.segment .content.column .custom-content-content .custom-content-container.directory-visual-element .visual-container {
        width: 60%;
    }
}

/* Membership intro segment */

.membership-intro.segment {
    position: relative;
    overflow: hidden;
    padding-bottom: 57px;
}
.membership-intro.segment .right-background-element {
    position: absolute;
    top: -50%;
    right: 0;
    z-index: 2;
    max-width: 200px;
}
.membership-intro.segment .content.column h1 {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 52px;
    line-height: 65px;
    max-width: 800px;
    margin: auto;
}
.membership-intro.segment .content.column p {
    font-size: 15px;
    line-height: 22px;
    max-width: 700px;
    margin: 15px auto 0 auto;
}

/* Membership description segment */

.membership-description.segment {
    position: relative;
    background-image: url('/wp-content/themes/nam/assets/images/invest-whole-health.jpg') !important;
    background-color: #264679 !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 256px 0;
    overflow: hidden;
}
body.teal .membership-description.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1778177850.jpg') !important;
    background-color: #366D73 !important;
}
body.indigo .membership-description.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1778177851.jpg') !important;
    background-color: #472C80 !important;
}
body.royal-blue .membership-description.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1778177854.jpg') !important;
    background-color: #354ead !important;
}
.membership-description.segment .top-background-element {
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    z-index: 1;
}
.membership-description.segment .bottom-background-element {
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    z-index: 1;
}
.membership-description.segment .content.column {
    text-align: center;
    max-width: 720px;
    margin: auto;
}
.membership-description.segment .content.column .label {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 25px;
    margin-bottom: 15px;
}
.membership-description.segment .content.column .title {
    color: #fff;
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 52px;
    line-height: 65px;
}
.membership-description.segment .content.column .text {
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

/* Membership path segment */

.membership-path.segment .content.column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.membership-path.segment .content.column .visual {
    width: 36%;
}
.membership-path.segment .content.column .visual .image {
    border-radius: 30px;
    width: 100%;
}
.membership-path.segment .content.column .info {
    width: 56%;
    padding-left: 50px;
}
.membership-path.segment .content.column .info .title {
    font-size: 34px;
    font-weight: 600;
    line-height: 44px;
    max-width: 500px;
}
.membership-path.segment .content.column .info ul {
    padding: 20px 0 0 0;
    margin: 0;
}
.membership-path.segment .content.column .info ul li {
    padding: 0;
    margin: 0 0 30px 0;
    list-style-type: none;
    position: relative;
    max-width: 446px;
}
.membership-path.segment .content.column .info ul li:last-child {
    margin: 0;
}
.membership-path.segment .content.column .info ul li:nth-child(1)::after,
.membership-path.segment .content.column .info ul li:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 5px;
    left: -40px;
    bottom: -35px;
    width: 1px;
    background-color: #4b7635;
    z-index: 1;
}
body.teal .membership-path.segment .content.column .info ul li:nth-child(1)::after,
body.teal .membership-path.segment .content.column .info ul li:nth-child(2)::after {
    background-color: #366D73;
}
body.indigo .membership-path.segment .content.column .info ul li:nth-child(1)::after,
body.indigo .membership-path.segment .content.column .info ul li:nth-child(2)::after {
    background-color: #472C80;
}
body.royal-blue .membership-path.segment .content.column .info ul li:nth-child(1)::after,
body.royal-blue .membership-path.segment .content.column .info ul li:nth-child(2)::after {
    background-color: #354ead;
}
.membership-path.segment .content.column .info ul li .number {
    position: absolute;
    top: -2px;
    left: -56px;
    border-radius: 6px;
    text-align: center;
    width: 34px;
    font-size: 24px;
    line-height: 34px;
    z-index: 2;
}
.membership-path.segment .content.column .info ul li .name {
    font-size: 19px;
    line-height: 29px;
    font-weight: 600;
    padding-bottom: 5px;
}

/* Membership info segment */

.membership-info.segment {
    padding: 56px 0;
    margin-top: -7px !important;
    position: relative;
}
.membership-info.segment .left-background-element {
    position: absolute;
    top: -50%;
    left: 0;
    z-index: 2;
    max-width: 120px;
}
.membership-info.segment .right-background-element {
    position: absolute;
    top: -50%;
    right: 0;
    z-index: 2;
    max-width: 120px;
}
.membership-info.segment .content.column .title {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 15px;
}
.membership-info.segment .content.column ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.membership-info.segment .content.column ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.membership-info.segment .content.column ul li .name {
    font-size: 19px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 5px;
}

/* Membership benefits segment */

.membership-benefits.segment .content.column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.membership-benefits.segment .content.column .info {
    width: 46%;
}
.membership-benefits.segment .content.column .info .title {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 15px;
}
.membership-benefits.segment .content.column .info ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.membership-benefits.segment .content.column .info ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.membership-benefits.segment .content.column .info ul li .name {
    font-size: 19px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 5px;
}
.membership-benefits.segment .content.column .info ul li .text {
    font-size: 16px;
    line-height: 24px;
}
.membership-benefits.segment .content.column .visual {
    width: 46%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.membership-benefits.segment .content.column .visual .image {
    width: 100%;
}

/* Membership resources segment */

.membership-resources.segment {
    position: relative;
    background-image: url('/wp-content/themes/nam/assets/images/bg-gradient-blue.jpg') !important;
    background-color: #264679 !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 256px 0;
    overflow: hidden;
}
body.teal .membership-resources.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382506.jpg') !important;
    background-color: #366D73 !important;
}
body.indigo .membership-resources.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382505.jpg') !important;
    background-color: #472C80 !important;
}
body.royal-blue .membership-resources.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382502.jpg') !important;
    background-color: #354ead !important;
}
.membership-resources.segment .top-background-element {
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    z-index: 1;
}
.membership-resources.segment .bottom-background-element {
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    z-index: 1;
}
.membership-resources.segment .content.column .title {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 30px;
    color: #fff;
}
.membership-resources.segment .content.column ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.membership-resources.segment .content.column ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.membership-resources.segment .content.column ul li .name {
    font-size: 19px;
    line-height: 29px;
    font-weight: 600;
    margin: 10px 0 5px 0;
    color: #fff;
}
.membership-resources.segment .content.column ul li .text {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
}

/* Membership experts segment */

.membership-experts.segment {
    padding: 56px 0;
}
.membership-experts.segment .content.column .video {
    max-width: 600px;
    margin: auto;
}
.membership-experts.segment .content.column .video .text {
    font-size: 19px;
    font-weight: 600;
    color: #1b4a82;
    line-height: 29px;
    text-align: center;
    margin-bottom: 30px;
}
.membership-experts.segment .content.column .video .video-container {
    position: relative;
    padding-top: 56.25%;
}
.membership-experts.segment .content.column .video .video-container iframe {
    border: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.membership-experts.segment .content.column .experts {
    margin-top: 84px;
}
.membership-experts.segment .content.column .experts .title {
    font-weight: 600;
    font-size: 34px;
    line-height: 44px;
    text-align: center;
}
.membership-experts.segment .content.column .experts .description {
    font-size: 15px;
    line-height: 22px;
    margin: 10px 0 30px 0;
    text-align: center;
}
.membership-experts.segment .content.column .experts .items {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -10px;
}
.membership-experts.segment .content.column .experts .items .item {
    width: 20%;
}
.membership-experts.segment .content.column .experts .items .item.inactive {
    display: none;
}
.membership-experts.segment .content.column .experts .items .item .content {
    padding: 15px 10px;
}
.membership-experts.segment .content.column .experts .items .item .content .visual {
    overflow: hidden;
    border-radius: 14px;
    background-position: center;
    background-size: cover;
    height: 200px;
}
.membership-experts.segment .content.column .experts .items .item .content .info {
    margin-top: 5px;
    text-align: center;
}
.membership-experts.segment .content.column .experts .items .item .content .info .name {
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
}
.membership-experts.segment .content.column .experts .items .item .content .info .position {
    color: #707377;
    font-size: 12px;
    line-height: 18px;
}
.membership-experts.segment .content.column .experts .button-container {
    text-align: center;
    margin-top: 30px;
}
.membership-experts.segment .content.column .experts .button-container .button {
    border: 2px solid #4b7635;
    border-radius: 13px;
    padding: 15px 125px;
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    color: #4b7635;
    line-height: 19px;
    cursor: pointer;
}
body.teal .membership-experts.segment .content.column .experts .button-container .button {
    border: 2px solid #366D73;
    color: #366D73;
}
body.indigo .membership-experts.segment .content.column .experts .button-container .button {
    border: 2px solid #472C80;
    color: #472C80;
}
body.royal-blue .membership-experts.segment .content.column .experts .button-container .button {
    border: 2px solid #354ead;
    color: #354ead;
}

/* Membership plans segment */

.membership-plans.segment {
    position: relative;
    background-image: url('/wp-content/themes/nam/assets/images/bg-gradient-blue.jpg') !important;
    background-color: #264679 !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 256px 0;
    overflow: hidden;
}
body.teal .membership-plans.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382506.jpg') !important;
    background-color: #366D73 !important;
}
body.indigo .membership-plans.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382505.jpg') !important;
    background-color: #472C80 !important;
}
body.royal-blue .membership-plans.segment {
    background-image: url('/wp-content/themes/nam/assets/images/1774382502.jpg') !important;
    background-color: #354ead !important;
}
.membership-plans.segment .top-background-element {
    position: absolute;
    top: -13px;
    right: 0;
    left: 0;
    z-index: 1;
}
.membership-plans.segment .bottom-background-element {
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    z-index: 1;
}
.membership-plans.segment .content.column .info {
    text-align: center;
}
.membership-plans.segment .content.column .info .label {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 25px;
}
.membership-plans.segment .content.column .info .title {
    color: #fff;
    font-size: 50px;
    line-height: 75px;
    margin: 10px 0;
}
.membership-plans.segment .content.column .info .description {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin: 0 auto 40px auto;
    max-width: 700px;
}
.membership-plans.segment .content.column .info .text {
    color: #fff;
    margin-bottom: 80px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}
.membership-plans.segment .content.column .plans {
    display: flex;
    margin: -8px;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.membership-plans.segment .content.column .plans .plan {
    width: 50%;
    padding: 8px;
    max-width: 480px;
    position: relative;
}
.membership-plans.segment .content.column .plans .plan .plan-label {
    position: absolute;
    top: -33px;
    right: 8px;
    left: 8px;
    background-color: #4b7635;
    padding: 10px 0 24px 0;
    font-size: 13px;
    font-weight: 800;
    line-height: 23px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    z-index: 1;
}
body.teal .membership-plans.segment .content.column .plans .plan .plan-label {
    color: #366d73;
    background-color: #c9e1de;
}
body.indigo .membership-plans.segment .content.column .plans .plan .plan-label {
    color: #472c80;
    background-color: #c2b8e1;
}
body.royal-blue .membership-plans.segment .content.column .plans .plan .plan-label {
    color: #354ead;
    background-color: #6f96d1;
}
.membership-plans.segment .content.column .plans .plan .plan-container {
    height: 100%;
    border-radius: 22px;
    position: relative;
    z-index: 2;
    padding-bottom: 118px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info {
    padding: 40px 20px 88px 20px;
    position: relative;
    text-align: center;
    border-bottom: 2px solid #214e7d;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .name {
    font-size: 21px;
    font-weight: 800;
    line-height: 21px;
    margin-bottom: 10px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .price {
    font-size: 56px;
    font-weight: 800;
    line-height: 56px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .price.inactive {
    display: none;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    border-radius: 30px;
    padding: 4px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .button {
    cursor: pointer;
    width: 100px;
    line-height: 30px;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .button.active {
    color: #fff;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .background {
    width: 100px;
    height: 30px;
    display: inline-block;
    border-radius: 30px;
    background: #4b7635;
    position: absolute;
    z-index: 1;
    top: 4px;
}
body.teal .membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .background {
    background: #366D73;
}
body.indigo .membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .background {
    background: #472C80;
}
body.royal-blue .membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .background {
    background: #354ead;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .background.left {
    left: 4px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-info .buttons .background.right {
    right: 4px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul {
    padding: 20px 35px 10px 35px;
    margin: 0;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li {
    margin: 10px 0;
    padding: 0 0 0 25px;
    list-style-type: none;
    position: relative;
    font-size: 15px;
    line-height: 22px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li svg {
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li ul {
    padding: 0 0 0 5px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li ul li {
    margin: 5px 0;
    padding: 0 0 0 17px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li ul li::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #4b7635;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
}
body.teal .membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li ul li::before {
    background-color: #366D73;
}
body.indigo .membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li ul li::before {
    background-color: #472C80;
}
body.royal-blue .membership-plans.segment .content.column .plans .plan .plan-container .plan-content ul li ul li::before {
    background-color: #354ead;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-buttons {
    position: absolute;
    bottom: 40px;
    right: 40px;
    left: 40px;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-buttons .button {
    width: 100%;
    border-radius: 13px;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 14px 34px;
    font-size: 13px;
    font-weight: 800;
    line-height: 19px;
    cursor: pointer;
}
.membership-plans.segment .content.column .plans .plan .plan-container .plan-buttons .button.inactive {
    display: none;
}

/* Membership partners segment */

.membership-partners.segment {
    padding: 56px 0;
}
.membership-partners.segment .content.column .logo {
   max-width: 150px;
   margin: auto;
}
.membership-partners.segment .content.column .text {
    margin: 20px auto 60px auto;
    max-width: 600px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    line-height: 39px;
}
.membership-partners.segment .content.column .title {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
}
.membership-partners.segment .content.column .items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

/* Menu bottom segment */

.menu-bottom.segment {
    border-top: 1px solid #d4d9e1 !important;
    padding: 45px 0;
}
.menu-bottom.segment .content.column {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.menu-bottom.segment .content.column .company {
    padding-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu-bottom.segment .content.column .company .logo a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
.menu-bottom.segment .content.column .company .logo a .divider {
    height: 24px;
    width: 1px;
    background-color: #4f5253;
}
.menu-bottom.segment .content.column .company .logo a .name {
    font-size: 16px;
    line-height: 24px;
}
.menu-bottom.segment .content.column .company ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.menu-bottom.segment .content.column .company ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.menu-bottom.segment .content.column .company ul li a {
    display: flex;
    align-items: center;
}
.menu-bottom.segment .content.column .company ul li a img {
    height: 28px;
}
.menu-bottom.segment .content.column .menu {
    padding: 0;
    margin: 0;
}
.menu-bottom.segment .content.column .menu li {
    padding: 0;
    margin: 0 0 8px 0;
    list-style-type: none;
}
.menu-bottom.segment .content.column .menu li:first-child {
    margin: 0 0 10px 0;
}
.menu-bottom.segment .content.column .menu li:last-child {
    margin: 0;
}
.menu-bottom.segment .content.column .menu li .name {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.43px;
    line-height: 19px;
    color: #4f5253;
}
.menu-bottom.segment .content.column .menu li a {
    margin-top: 10px;
    color: #4f5253;
    font-size: 12px;
    line-height: 18px;
}
.menu-bottom.segment .content.column .menu li a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .menu-bottom.segment .content.column {
        flex-wrap: wrap;
    }
    .menu-bottom.segment .content.column .company {
        padding-right: 0;
        width: 100%;
    }
    .menu-bottom.segment .content.column .company .logo {
        margin-bottom: 20px;
    }
    .menu-bottom.segment .content.column .menu {
        width: 40%;
    }
}

/* Company bottom segment */

.company-bottom.segment {
    padding: 20px 0;
}
.company-bottom.segment .content.column {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.company-bottom.segment .content.column p {
    font-size: 10px;
    line-height: 15px;
}
.company-bottom.segment .content.column a img {
    max-width: 120px;
}

@media only screen and (max-width: 767px) {
    .company-bottom.segment .content.column {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

/* Data featured events segment */

.data-featured-events.segment {
    padding: 64px 0 !important;
    margin: -7px 0 !important;
    position: relative;
    z-index: 1;
}
.large.data-featured-events.segment {
    margin: 0 0 -7px 0 !important;
    padding: 80px 0 64px 0 !important;
}
.data-featured-events.segment .content.column .items {
    margin: 0 -28px;
}
.data-featured-events.segment .content.column .items .item {
    padding: 0 28px;
}
.data-featured-events.segment .content.column .items .item .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.data-featured-events.segment .content.column .items .item .content .visual {
    width: 50%;
    border-radius: 20px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-color: #fff;
}
.data-featured-events.segment .content.column .items .item .content .info {
    width: 40%;
    text-align: center;
}
.data-featured-events.segment .content.column .items .item .content .info .label {
    letter-spacing: 1.4px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
}
.data-featured-events.segment .content.column .items .item .content .info .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 10px;
}
.data-featured-events.segment .content.column .items .item .content .info .date {
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 30px;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
}
.data-featured-events.segment .content.column .items .item .content .info .date svg {
    position: absolute;
    top: -1px;
    left: 0;
}
.data-featured-events.segment .content.column .items .item .content .info .date svg path {
    fill: #4B7635;
}
.data-featured-events.segment .content.column .items .item .content .info .excerpt {
    margin: 20px 50px 0 50px;
    font-size: 16px;
    line-height: 24px;
}

@media only screen and (max-width: 767px) {
    .data-featured-events.segment .content.column .items .item .content {
        flex-direction: column;
        gap: 28px;
    }
    .data-featured-events.segment .content.column .items .item .content .visual {
        width: 100%;
    }
    .data-featured-events.segment .content.column .items .item .content .info {
        width: 100%;
    }
}

/* Data events segment */

.data-events.segment {
    padding-top: 255px;
    margin-top: -141px !important;
}
.data-events.segment .content.column {
    display: flex;
    flex-wrap: wrap;
}
.data-events.segment .content.column .items-custom-container .items {
    display: flex;
    flex-wrap: wrap;
    margin: 35px -10px -25px -10px;
}
.data-events.segment .content.column .items-custom-container .items .note {
    padding: 25px 10px;
    width: 100%;
}
.data-events.segment .content.column .items-custom-container .items .note .text {
    text-align: center;
    font-weight: 600;
}
.data-events.segment .content.column .items-custom-container .items .show-more,
.data-events.segment .content.column .items-custom-container .items .load-more {
    padding: 25px 10px;
    width: 100%;
    text-align: center;
}
.data-events.segment .content.column .items-custom-container .items .show-more .button,
.data-events.segment .content.column .items-custom-container .items .load-more .button {
    border: 1px solid #d4d9e1;
    color: #2F2F2F;
    padding: 14px 36px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
    min-width: 212px;
    text-align: center;
    display: inline-block;
    position: relative;
}
.data-events.segment .content.column .items-custom-container .items .show-more .button:not(.disable):hover,
.data-events.segment .content.column .items-custom-container .items .load-more .button:not(.disable):hover {
    border: 1px solid #4b7635;
    color: #4b7635;
}
body.teal .data-events.segment .content.column .items-custom-container .items .show-more .button:not(.disable):hover,
body.teal .data-events.segment .content.column .items-custom-container .items .load-more .button:not(.disable):hover {
    border: 1px solid #366D73;
    color: #366D73;
}
body.indigo .data-events.segment .content.column .items-custom-container .items .show-more .button:not(.disable):hover,
body.indigo .data-events.segment .content.column .items-custom-container .items .load-more .button:not(.disable):hover {
    border: 1px solid #472C80;
    color: #472C80;
}
body.royal-blue .data-events.segment .content.column .items-custom-container .items .show-more .button:not(.disable):hover,
body.royal-blue .data-events.segment .content.column .items-custom-container .items .load-more .button:not(.disable):hover {
    border: 1px solid #354ead;
    color: #354ead;
}
.data-events.segment .content.column .items-custom-container .items .show-more .button:not(.disable),
.data-events.segment .content.column .items-custom-container .items .load-more .button:not(.disable) {
    cursor: pointer;
}
.data-events.segment .content.column .items-custom-container .items .show-more .button .dots,
.data-events.segment .content.column .items-custom-container .items .load-more .button .dots {
    display: inline-block;
    width: 13px;
    text-align: left;
}
.data-events.segment .content.column .items-custom-container .items .show-more .button .dots::after,
.data-events.segment .content.column .items-custom-container .items .load-more .button .dots::after {
    content: '';
    animation: dotsLoading 2s steps(1, end) infinite;
}

@media only screen and (max-width: 767px) {
    .data-events.segment {
        padding-top: 190px;
        margin-top: -76px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .data-events.segment {
        padding-top: 179px;
        margin-top: -65px !important;
    }
}

/* Link wrapper segment */

.link-wrapper.segment {
    margin: 0 0 64px 0 !important;
    padding: 64px 0 0 0;
}
.link-wrapper.segment .content.column {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
}
.link-wrapper.segment .content.column .button-container {
    width: 50%;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body.royal-blue .link-wrapper.segment .content.column  .second.button-container.custom-secondary-background-color {
    background-color: #D0E4FF !important;
}
.link-wrapper.segment .content.column .button-container .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.link-wrapper.segment .content.column .button-container .button {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1.2px;
    padding-bottom: 3px;
    position: relative;
    cursor: pointer;
}
.link-wrapper.segment .content.column .button-container .button::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60%;
    height: 2px;
    background: #01a740;
    -webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
			transition: all 0.2s linear;
}
body.teal .link-wrapper.segment .content.column .button-container .button::before {
    background: #366D73;
}
body.indigo .link-wrapper.segment .content.column .button-container .button::before {
    background: #472C80;
}
body.royal-blue .link-wrapper.segment .content.column .button-container .button::before {
    background: #354ead;
}
.link-wrapper.segment .content.column .button-container .button:hover::before {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .link-wrapper.segment .content.column {
        flex-direction: column;
        gap: 15px;
    }
    .link-wrapper.segment .content.column .button-container {
        width: 100%;
    }
}

/* Button wrapper segment */

.button-wrapper.segment {
    margin: 88px 0;
}
.button-wrapper.segment .content.column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}
.button-wrapper.segment .content.column .button-container {
    border-radius: 20px;
    padding: 32px;
    width: 280px;
    position: relative;
    height: 260px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}
.button-wrapper.segment .content.column .button-container svg {
    position: absolute;
    top: 32px;
    right: 32px;
}
.button-wrapper.segment .content.column .button-container .name {
    color: #fff;
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .button-wrapper.segment .content.column {
        flex-direction: column;
    }
    .button-wrapper.segment .content.column .button-container {
        height: auto;
        width: 100%;
        padding: 28px;
    }
    .button-wrapper.segment .content.column .button-container svg {
        top: 28px;
        right: 28px;
    }
}

/* Upcoming events segment */

.upcoming-events.segment .content.column .items {
    display: flex;
    flex-wrap: wrap;
    margin: -25px -10px;
    align-items: flex-start;
}
.upcoming-events.segment .content.column .items .simple-event-element {
    width: 33.33%;
}
.upcoming-events.segment .content.column .items .small-cta-element {
    padding: 25px 10px;
    width: 33.33%;
}
.upcoming-events.segment .content.column .items .small-cta-element .content {
    padding: 172px 30px 30px 30px;
}
body.royal-blue .upcoming-events.segment .content.column .items .small-cta-element .content {
    background-color: #6F96D1 !important;
}
.upcoming-events.segment .content.column .items .small-cta-element .content .label {
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 5px;
}
.upcoming-events.segment .content.column .items .small-cta-element .content .title {
    font-size: 30px;
    line-height: 42px;
}
.upcoming-events.segment .content.column .items .small-cta-element .content .text {
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .upcoming-events.segment .content.column .items .simple-event-element {
        width: 100%;
    }
    .upcoming-events.segment .content.column .items .small-cta-element {
        width: 100%;
    }
}

/* Featured directory segment */

.featured-directory.segment .content.column .items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -8px -24px -8px;
    position: relative;
}
.featured-directory.segment .right-background-element {
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 2;
    max-width: 190px;
}
.featured-directory.segment .header.column,
.featured-directory.segment .content.column {
    z-index: 2;
}
.featured-directory.segment .content.column .items .simple-directory-element {
    width: 25%;
}
.featured-directory.segment .content.column .items .small-cta-element {
    width: 25%;
    padding: 8px 8px 24px 8px;
}
.featured-directory.segment .content.column .items .small-cta-element .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
body.royal-blue .featured-directory.segment .content.column .items .small-cta-element .content {
    background-color: #6F96D1 !important;
}
.featured-directory.segment .content.column .items .small-cta-element .content .title {
    font-size: 21px;
    line-height: 31px;
}

@media only screen and (max-width: 767px) {
    .featured-directory.segment .right-background-element {
        max-width: 40%;
    }
    .featured-directory.segment .content.column .items .simple-directory-element {
        width: 100%;
    }
    .featured-directory.segment .content.column .items .small-cta-element {
        width: 100%;
    }
}

/* Product picks segment */

.product-picks.segment {
    position: relative;
    padding-bottom: 0;
}
.product-picks.segment .left-background-element {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 2;
    max-width: 260px;
}
.product-picks.segment .content.column .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px -24px -8px;
}

/* Form submision segment */

.form-submision.segment .header.column .label {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.form-submision.segment .header.column .title {
    font-size: 52px;
    line-height: 72px;
}

/* Custom media choice element */

.custom-media-choice-element {
    display: none;
}
.custom-media-choice-element.upload-image,
.custom-media-choice-element.upload-file {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(244, 244, 236, 0.8) !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 888888;
    padding: 14px;
}
.custom-media-choice-element .custom-upload-image-container {
    display: none;
}
.custom-media-choice-element.upload-image .custom-upload-image-container {
    display: flex;
}
.custom-media-choice-element .custom-upload-file-container {
    display: none;
}
.custom-media-choice-element.upload-file .custom-upload-file-container {
    display: flex;
}
.custom-media-choice-element .custom-upload-image-container,
.custom-media-choice-element .custom-upload-file-container {
    flex-direction: column;
    align-items: center;
    justify-items: center;
    background-color: #fff;
    border-radius: 18px;
    padding: 56px 28px;
    min-width: 428px;
    position: relative;
}
.custom-media-choice-element .custom-upload-image-container .close,
.custom-media-choice-element .custom-upload-file-container .close {
    display: block;
    position: absolute;
    top: 28px;
    right: 28px;
    cursor: pointer;
}
.custom-media-choice-element .custom-upload-image-container.louding .close,
.custom-media-choice-element .custom-upload-file-container.louding .close {
    display: none;
}
.custom-media-choice-element .custom-upload-image-container .title,
.custom-media-choice-element .custom-upload-file-container .title {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.45px;
    font-weight: bold;
    margin-bottom: 24px;
}
.custom-media-choice-element .custom-upload-image-container .button-container .button-element,
.custom-media-choice-element .custom-upload-file-container .button-container .button-element {
    display: inline-flex;
}
.custom-media-choice-element .custom-upload-image-container.louding .button-container .button-element,
.custom-media-choice-element .custom-upload-file-container.louding .button-container .button-element {
    display: none;
}
.custom-media-choice-element .custom-upload-image-container .button-container input[type="file"],
.custom-media-choice-element .custom-upload-file-container .button-container input[type="file"] {
    display: none;
}
.custom-media-choice-element .custom-upload-image-container .button-container .loader-element,
.custom-media-choice-element .custom-upload-file-container .button-container .loader-element {
    display: none;
}
.custom-media-choice-element .custom-upload-image-container.louding .button-container .loader-element,
.custom-media-choice-element .custom-upload-file-container.louding .button-container .loader-element {
    display: inline-flex;
}
.custom-media-choice-element .custom-upload-image-container .note,
.custom-media-choice-element .custom-upload-file-container .note {
    margin-top: 24px;
}
.custom-media-choice-element .custom-upload-image-container .error-container .error-element,
.custom-media-choice-element .custom-upload-file-container .error-container .error-element {
    margin-top: 24px;
    color: #9d1200;
    font-weight: bold;
}

/* Custom form element */

.form-submision.segment .content.column .custom-form-container .custom-form-element {
    border-radius: 30px;
    padding: 44px;
    border: 1px solid #d4d9e1;
    background-color: #f7f7f7;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element {
    margin-bottom: 16px;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element.hidden {
    display: none;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    margin-bottom: 4px;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element label span {
    color: #9d1200;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    margin-left: 2px;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element input {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.4px;
    padding: 6px 14px;
    background-color: #fff;
    border: 1px solid #d4d9e1;
    height: auto !important;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element input.error {
    border: 1px solid #9d1200;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element textarea {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.4px;
    padding: 6px 14px;
    background-color: #fff;
    border: 1px solid #d4d9e1;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element textarea.error {
    border: 1px solid #9d1200;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element select {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.4px;
    padding: 6px 32px 6px 14px;
    background-color: #fff;
    border: 1px solid #d4d9e1;
    height: auto !important;
    background-image: url(/wp-content/themes/martechrecord/assets/icons/down-gray.svg);
    background-repeat: no-repeat;
    background-position: top 10px right 12px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element select.error {
    border: 1px solid #9d1200;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    margin: 4px 0;
    line-height: 24px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border: 1px solid #d4d9e1;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox.error .checkmark {
    border: 1px solid #9d1200;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox input[type="checkbox"]:checked ~ .checkmark {
    background-color: #4b7635;
    border: 1px solid #4b7635;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox input[type="checkbox"]:checked ~ .checkmark:after {
    display: block;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox .checkmark:after {
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-button-element {
    margin-top: 24px;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-button-element .button-element {
    display: inline-block;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-button-element .submit-custom-form.button-element {
    background-color: #4b7635;
    color: #fff;
    padding: 14px 36px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element.processed .custom-form-button-element .button-element {
    display: none;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-button-element .loader-element {
    margin: 10px 0;
    display: none;
}
.form-submision.segment .content.column .custom-form-container .custom-form-element.processed .custom-form-button-element .loader-element {
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-checkbox-container .custom-form-checkbox {
        width: 100%;
    }
    .form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-upload-container .custom-form-upload-info {
        align-items: flex-start;
        flex-direction: column;
    }
    .form-submision.segment .content.column .custom-form-container .custom-form-element .custom-form-field-element .custom-form-upload-container .custom-form-upload-info .visual {
        margin-right: 0;
        margin-bottom: 12px;
    }
}

/* Event content segment */

.event-content.segment {
    padding-top: 80px;
}
.event-content.segment .content.column {
    display: flex;
    flex-wrap: wrap;
}
.event-content.segment .content.column .custom-event-content {
    width: 60%;
}
.event-content.segment .content.column .custom-event-content .custom-content-info .type {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.event-content.segment .content.column .custom-event-content .custom-content-info .title {
    font-size: 38px;
    line-height: 52px;
    font-weight: 500;
    font-family: "ITC Benguiat Std";
    margin-bottom: 10px;
}
.event-content.segment .content.column .custom-event-content .custom-content-info .date {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.event-content.segment .content.column .custom-event-content .custom-content-info .excerpt {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 32px;
}
.event-content.segment .content.column .custom-event-content .custom-content-visual {
    margin: 32px 0;
}
.event-content.segment .content.column .custom-event-content .custom-content-visual img {
    border-radius: 20px;
    width: 100%;
}
.event-content.segment .content.column .custom-event-content .custom-content-visual .caption {
    margin: 10px 20px 0 0;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
}
.event-content.segment .content.column .custom-event-sidebar {
    width: 40%;
    padding-left: 11%;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element {
    padding: 42px 28px;
    background-color: #fff;
    border-radius: 20px;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .cart-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 28px;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .event-details {
    padding: 0;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .event-details li {
    padding: 0 0 0 28px;
    margin: 10px 0;
    position: relative;
    list-style-type: none;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .event-details li a:hover {
    text-decoration: underline;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .event-details li svg {
    position: absolute;
    top: 0px;
    left: 0;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .event-details li svg path {
    fill: #2f2f2f;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .custom-categories-element {
    margin: 28px 0 0 0;
    border-top: 1px solid #d4d9e1;
    padding: 28px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.event-content.segment .content.column .custom-event-sidebar .info-cart-element .custom-categories-element .item {
    padding: 4px 16px;
    border-radius: 4px;
    background-color: #efefef;
}
.event-content.segment .content.column .custom-event-sidebar .small-cta-element {
    margin-top: 28px;
}
.event-content.segment .content.column .custom-event-sidebar .small-cta-element .content .title {
    max-width: 280px;
}

@media only screen and (max-width: 767px) {
    .event-content.segment .content.column .custom-event-content {
        width: 100%;
    }
    .event-content.segment .content.column .custom-event-sidebar {
        width: 100%;
        padding-left: 0;
        margin-top: 28px;
    }
}

/* Data form segment */

.data-form.segment .ui.grid {
    justify-content: space-between;
}
.data-form.segment .info.column h1 {
    font-size: 54px;
    line-height: 64px;
    margin-bottom: 20px;
}
.data-form.segment .info.column h1 em {
    font-family: "Noto Serif Display", serif;
    font-weight: 300;
}
.data-form.segment .info.column h2,
.data-form.segment .info.column h3,
.data-form.segment .info.column h4,
.data-form.segment .info.column h5,
.data-form.segment .info.column h6 {
    font-size: 16px;
    line-height: 22px;
    margin: 20px 0;
}

@media only screen and (max-width: 767px) {
    .data-form.segment .info.column h1 {
        font-size: 38px;
        line-height: 52px;
    }
}

/* WPForms */

div.wpforms-container {
    margin: 0 !important;
}
div.wpforms-container .wpforms-field {
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
}
div.wpforms-container .wpforms-field .wpforms-field-label {
    margin: 0 0 4px 20px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: "Manrope", sans-serif !important;
}
div.wpforms-container .wpforms-field input[type=date],
div.wpforms-container .wpforms-field input[type=datetime],
div.wpforms-container .wpforms-field input[type=datetime-local],
div.wpforms-container .wpforms-field input[type=email],
div.wpforms-container .wpforms-field input[type=month],
div.wpforms-container .wpforms-field input[type=number],
div.wpforms-container .wpforms-field input[type=password],
div.wpforms-container .wpforms-field input[type=range],
div.wpforms-container .wpforms-field input[type=search],
div.wpforms-container .wpforms-field input[type=tel],
div.wpforms-container .wpforms-field input[type=text],
div.wpforms-container .wpforms-field input[type=time],
div.wpforms-container .wpforms-field input[type=url],
div.wpforms-container .wpforms-field input[type=week],
div.wpforms-container .wpforms-field select,
div.wpforms-container .wpforms-field textarea {
    font-size: 14px !important;
    line-height: 16px !important;
}
div.wpforms-container .wpforms-submit-container {
    margin-top: 42px !important;
    text-align: right !important;
}
div.wpforms-container .wpforms-submit-container button[type=submit] {
    padding: 14px 36px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    height: auto !important;
    font-family: "Manrope", sans-serif !important;
}
body.teal div.wpforms-container .wpforms-submit-container button[type=submit] {
    background-color: #366D73;
}
body.indigo div.wpforms-container .wpforms-submit-container button[type=submit] {
    background-color: #472C80;
}
body.royal-blue div.wpforms-container .wpforms-submit-container button[type=submit] {
    background-color: #354ead;
}

/* Thank you segment */

.thank-you.segment {
    background-color: #f2efe8 !important;
    padding: 208px 0;
}
.thank-you.segment .ui.grid {
    justify-content: center;
}
.thank-you.segment .content.column {
    text-align: center;
}
.thank-you.segment .content.column h1 {
    font-family: "ITC Benguiat Std";
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 10px;
}
.thank-you.segment .content.column p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 28px;
}
.thank-you.segment .content.column .button {
    background-color: #4b7635;
    color: #fff;
    padding: 14px 36px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
}

@media only screen and (min-width: 768px) {
    .thank-you.segment {
        padding: 248px 0;
    }
    .thank-you.segment .content.column h1 {
        font-size: 54px;
        line-height: 64px;
    }
    .thank-you.segment .content.column p {
        font-size: 18px;
        line-height: 28px;
    }
}

/* Data newsletter segment */

.data-newsletter.segment {
    padding: 114px 20px 80px 20px !important;
}
.data-newsletter.segment aside {
    border-radius: 30px;
    padding: 50px 40px;
    max-width: 1308px;
    width: 100%;
    margin: auto;
}
body.royal-blue .data-newsletter.segment aside {
    background-color: #6F96D1 !important;
}
.data-newsletter.segment .content.column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}
.data-newsletter.segment .content.column .info {
    width: 48%;
}
.data-newsletter.segment .content.column .info .title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 10px;
    color: #fff;
}
.data-newsletter.segment .content.column .info .text {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    max-width: 480px;
    margin-bottom: 14px;
}
.data-newsletter.segment .content.column .form {
    width: 48%;
}
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-submit-container {
    margin-top: 14px !important;
}
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=email],
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=text] {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=email]::-webkit-input-placeholder,
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 1) !important;
}
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=email]:-ms-input-placeholder,
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=text]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 1) !important;
}
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=email]::-moz-placeholder,
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=text]::-moz-placeholder {
  color: rgba(255, 255, 255, 1) !important;
  opacity: 1 !important;
}
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=email]:-moz-placeholder,
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-field input[type=text]:-moz-placeholder {
  color: rgba(255, 255, 255, 1) !important;
  opacity: 1 !important;
}
.data-newsletter.segment .content.column .form div.wpforms-container .wpforms-submit-container button[type=submit] {
    color: #4b7635;
    background: #fff !important;
}
body.teal .data-newsletter.segment .content.column .form div.wpforms-container .wpforms-submit-container button[type=submit] {
    color: #366D73;
}
body.indigo .data-newsletter.segment .content.column .form div.wpforms-container .wpforms-submit-container button[type=submit] {
    color: #472C80;
}
body.royal-blue .data-newsletter.segment .content.column .form div.wpforms-container .wpforms-submit-container button[type=submit] {
    color: #6F96D1;
}
.data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-text input[type="text"] {
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255);
    color: #fff;
}
.data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-text input[type="text"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 1);
}
.data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-text input[type="text"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 1);
}
.data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-text input[type="text"]::-moz-placeholder {
  color: rgba(255, 255, 255, 1);
  opacity: 1;
}
.data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-text input[type="text"]:-moz-placeholder {
  color: rgba(255, 255, 255, 1);
  opacity: 1;
}
.data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-submit {
    margin: 18px 0 0 0;
}
.data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-submit .submit-button {
    background-color: #fff !important;
    color: #4b7635;
}
body.teal .data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-submit .submit-button {
    color: #366D73;
}
body.indigo .data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-submit .submit-button {
    color: #472C80;
}
body.royal-blue .data-newsletter.segment .content.column .custom-zohopublic-form-container .form-field.form-field-submit .submit-button {
    color: #354ead;
}

@media only screen and (max-width: 767px) {
    .data-newsletter.segment aside {
        padding: 50px 14px;
    }
    .data-newsletter.segment .content.column {
        flex-direction: column;
        gap: 50px;
    }
    .data-newsletter.segment .content.column .info {
        width: 100%;
    }
    .data-newsletter.segment .content.column .info .text {
        margin-bottom: 0;
    }
    .data-newsletter.segment .content.column .form {
        width: 100%;
    }
}

/* Ajax Search Pro */

.asp_w_container .ajaxsearchpro.asp_main_container {
    box-shadow: 0 2px 14px -12px rgb(0, 0, 0) !important;
}
.asp_w_container .ajaxsearchpro.asp_main_container .probox .proinput .orig,
.asp_w_container .ajaxsearchpro.asp_main_container .probox .proinput .autocomplete {
    font-family: "Manrope", sans-serif !important;
}
.asp_w_container .ajaxsearchpro.asp_main_container .probox .proclose {
    display: none !important;
}
.asp_w.asp_r {
    padding: 14px 4px 14px 8px !important;
    box-shadow: 0 2px 14px -12px rgb(0, 0, 0) !important;
}
.asp_w.asp_r .results {
    scrollbar-color: #4b7635 rgb(255, 255, 255) !important;
    padding-right: 4px !important;
}
body.teal .asp_w.asp_r .results {
    scrollbar-color: #366D73 rgb(255, 255, 255) !important;
}
body.indigo .asp_w.asp_r .results {
    scrollbar-color: #472C80 rgb(255, 255, 255) !important;
}
body.royal-blue .asp_w.asp_r .results {
    scrollbar-color: #354ead rgb(255, 255, 255) !important;
}
.asp_w.asp_r .results .resdrg .item .asp_content h3,
.asp_w.asp_r .results .resdrg .item .asp_content h3 a {
    font-family: "Manrope", sans-serif !important;
}
.asp_w.asp_r .results .resdrg .item .asp_content .asp_res_text {
    font-family: "Manrope", sans-serif !important;
}

/* User registration segment */

.user-registration.segment {
    padding-top: 80px;
    background-color: #f2efe8 !important;
}
.user-registration.segment .content.column .intro-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background-color: #fff;
    border-radius: 20px;
}
.user-registration.segment .content.column .intro-container .info-content {
    width: 50%;
    background-color: #4b7635;
    border-radius: 20px;
    padding: 68px 36px;
}
.user-registration.segment .content.column .intro-container .info-content .label {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 15px;
}
.user-registration.segment .content.column .intro-container .info-content .title {
    font-family: "ITC Benguiat Std";
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
    max-width: 480px;
    margin-bottom: 30px;
}
.user-registration.segment .content.column .intro-container .info-content .text * {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
.user-registration.segment .content.column .intro-container .info-content .text p {
    margin: 10px 0;
}
.user-registration.segment .content.column .intro-container .info-content .benefits {
    margin: 0;
    padding: 0;
}
.user-registration.segment .content.column .intro-container .info-content .benefits li {
    margin: 10px 0 0 0;
    position: relative;
    padding: 0 0 0 24px;
    list-style-type: none;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
.user-registration.segment .content.column .intro-container .info-content .benefits li svg {
    position: absolute;
    top: 2px;
    left: 0;
    background-color: #fff;
    padding: 2px;
    border-radius: 100%;
}
.user-registration.segment .content.column .intro-container .form-content {
    width: 50%;
    padding: 68px 36px;
}
.user-registration.segment .content.column .intro-container .form-content .form-custom-title {
    font-family: "ITC Benguiat Std";
    font-size: 32px;
    line-height: 42px;
    font-weight: 500;
    margin-bottom: 10px;
}
.user-registration.segment .content.column .intro-container .form-content .form-custom-text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    max-width: 400px;
}
.user-registration.segment .content.column .intro-container .form-content .woocommerce-form .woocommerce-form-row input.woocommerce-Input {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 12px;
    border: 1px solid #C9C9C9;
    border-radius: 9px;
    margin-bottom: 8px;
}
.user-registration.segment .content.column .intro-container .form-content .woocommerce-form .form-row.mailchimp-newsletter,
.user-registration.segment .content.column .intro-container .form-content .woocommerce-form .woocommerce-privacy-policy-text {
    display: none;
}
.user-registration.segment .content.column .intro-container .form-content .woocommerce-form .form-row.form-custom-button-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 8px;
}
.user-registration.segment .content.column .intro-container .form-content .woocommerce-form .form-row.form-custom-button-container .form-custom-note {
    font-size: 15px;
    line-height: 15px;
}
.user-registration.segment .content.column .intro-container .form-content .woocommerce-form .form-row.form-custom-button-container .form-custom-note a {
    font-size: 15px;
    line-height: 15px;
    color: #4b7635;
    text-decoration: underline;
}
.user-registration.segment .content.column .intro-container .form-content .woocommerce-form .form-row.form-custom-button-container button {
    background-color: #4b7635;
    border-radius: 9px;
    color: #fff;
    border: none;
    font-size: 14px;
    line-height: 24px;
    height: auto;
    padding: 9px 42px;
    cursor: pointer;
    font-weight: 600;
}
.user-registration.segment .content.column .advantages-container {
    padding-top: 114px;
}
.user-registration.segment .content.column .advantages-container .title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 30px;
}
.user-registration.segment .content.column .advantages-container .items {
    display: flex;
    flex-wrap: wrap;
    margin: -34px -22px;
}
.user-registration.segment .content.column .advantages-container .items .item {
    padding: 34px 22px;
    width: 33%;
}
.user-registration.segment .content.column .advantages-container .items .item .item-title {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.user-registration.segment .content.column .advantages-container .items .item .item-text * {
    color: #6B7280;
    font-size: 14px;
    line-height: 19px;
}

@media only screen and (max-width: 767px) {
    .user-registration.segment .content.column .intro-container .info-content,
    .user-registration.segment .content.column .intro-container .form-content {
        width: 100%;
    }
}

/* Faq content segment */

.faq-content.segment {
    padding-top: 64px;
    margin-top: -7px !important;
    background-color: #fff !important;
}
.faq-content.segment .ui.grid {
    justify-content: center;
}
.faq-content.segment .content.column .segment-title {
    font-family: "ITC Benguiat Std";
    font-weight: 500;
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 30px;
    text-align: center;
}
.faq-content.segment .content.column .accordion .title {
    border-top: 1px solid #d4d9e1;
    padding: 20px 14px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
}
.faq-content.segment .content.column .accordion .title.active {
    padding: 20px 14px 14px 14px;
}
.faq-content.segment .content.column .accordion .content {
    padding: 0 14px 20px 42px;
}
.faq-content.segment .content.column .accordion .content p {
    color: #6B7280;
    font-size: 14px;
    line-height: 19px;
}

/* Data cta segment */

.data-cta.segment {
    padding: 0 20px 80px 20px !important;
}
body.royal-blue .data-cta.segment nav {
    background-color: #6F96D1 !important;
}
.data-cta.segment nav {
    border-radius: 30px;
    padding: 50px 40px;
    max-width: 1308px;
    width: 100%;
    margin: auto;
}
.data-cta.segment .content.column {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 80px;
}
.data-cta.segment .content.column .info .title {
    font-size: 32px;
    line-height: 42px;
    color: #fff;
}
.data-cta.segment .content.column .info .text {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    max-width: 480px;
    margin-top: 10px;
}
.data-cta.segment .content.column .button {
    background-color: #fff;
    color: #4b7635;
    padding: 14px 36px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
}
body.teal .data-cta.segment .content.column .button {
    color: #366D73;
}
body.indigo .data-cta.segment .content.column .button {
    color: #472C80;
}
body.royal-blue .data-cta.segment .content.column .button {
    color: #6F96D1;
}

@media only screen and (max-width: 767px) {
    .data-cta.segment nav {
        padding: 50px 14px;
    }
    .data-cta.segment .content.column {
        flex-direction: column;
        gap: 80px;
    }
    .data-cta.segment .content.column .info {
        width: 100%;
    }
    .data-cta.segment .content.column .form {
        width: 100%;
    }
}

/* Related events segment */

.related-events.segment .content.column .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -25px -10px;
}

@media only screen and (min-width: 768px) {
    .related-events.segment {
        padding-top: 0;
    }
    .related-events.segment .content.column .items .simple-event-element {
        width: 33.33%;
    }
}

/* Zohopublic forms */

.custom-zohopublic-form-container .form-field {
    margin: 0 0 18px 0;
}
.custom-zohopublic-form-container .form-field.form-field-empty {
    margin: 36px 0 31px 0;
}
.custom-zohopublic-form-container .form-field.form-field-submit {
    text-align: right;
    margin: 42px 0 0 0;
}
.custom-zohopublic-form-container .form-field label {
    margin: 0 0 4px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    display: block;
}
.custom-zohopublic-form-container .form-field.form-field-empty label {
    margin: 0 0 0 20px;
}
.custom-zohopublic-form-container .form-field.form-field-checkbox label {
    margin: 0 0 18px 20px;
}
.custom-zohopublic-form-container .form-field label em {
    color: rgb(214, 54, 55);
}
.custom-zohopublic-form-container .form-field.form-field-text input[type="text"] {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgb(47, 47, 47);
    border-radius: 7px;
    padding: 12px 14px;
}
.custom-zohopublic-form-container .form-field.form-field-select select {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgb(47, 47, 47);
    border-radius: 7px;
    padding: 12px 14px;
}
.custom-zohopublic-form-container .form-field.form-field-textarea textarea {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgb(47, 47, 47);
    border-radius: 7px;
    padding: 12px 14px;
}
.custom-zohopublic-form-container .form-field.form-field-checkbox div {
    margin: 4px 0 0 0;
}
.custom-zohopublic-form-container .form-field.form-field-checkbox div:first-child {
    margin: 0;
}
.custom-zohopublic-form-container .form-field.form-field-checkbox div label {
    display: inline-block;
    margin: 0 0 0 4px;
}
.custom-zohopublic-form-container .form-field.form-field-submit .submit-button {
    padding: 14px 36px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
    height: auto;
    font-family: "Manrope", sans-serif;
    border: none;
    cursor: pointer;
    color: #fff;
}