/**
 * This file will be included in header in every page after reboot.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 * 
 * 
 */
html {
    overflow-y: scroll;
}

body > .contentRender {
    min-height: 100%;
    height: 100%;
}

/* This ensures that the page always has a scrollbar to ensure that some headers load correctly without FOUC */
html, body {
    height: 100%;
    font-family: var(--font-body);
    color: var(--gray-900);
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Skip links */
.skip-link[href] {
    z-index: 5000000;
    display: block;
    margin: 0;
    padding: var(--space-8) var(--space-12);
    width: auto;
    height: auto;
    font-size: var(--text-3xl);
    line-height: var(--leading-tight);
    color: var(--gray-100);
    text-align: center;
    border: 4px dashed var(--gray-100);
    background: var(--gray-900);
    opacity: 0;
    clip: auto;
    pointer-events: none;
    transition: opacity 200ms cubic-bezier(0,0,0.3,1);
}

.skip-link[href]:focus {
    opacity: 1;
    pointer-events: all;
}

/* Set General max-width of site content */
.contentRender_name_plugins_core_textbox,
.contentRender_name_plugins_nav_sitemap,
.contentRender_name_plugins_search_results,
#main-content > .contentRender_name_plugins_common_button,
.contentRender_name_plugins_collections_template_custom_list,
.contentRender_name_plugins_blog_leisure_blog_posts,
.contentRender_name_plugins_blog_articles_posts,
.contentRender_name_plugins_crm_formbuilder,
.contentRender_name_plugins_events_submitevent,
.contentRender_name_plugins_crm_rfp,
.contentRender_name_plugins_crm_rsvp {
    width: 100%;
    max-width: var(--width-base);
    padding: 0 var(--space-5);
    margin: 0 auto;
}

.contentRender_name_plugins_crm_rfp,
.contentRender_name_plugins_crm_rsvp,
.contentRender_name_plugins_events_submitevent,
.contentRender_name_plugins_crm_formbuilder,
.contentRender_name_plugins_core_textbox {
    max-width: 900px;
}

.contentRender_name_plugins_core_textbox {
    padding: var(--space-8) var(--space-5);
}

/* Panels */
.panel-page {
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr auto;
    min-height: 100%;
}

.panel-navigation-share {
    display: flex;
	justify-content: flex-start;
	align-items: center;
	max-width: var(--width-base);
    padding: 0 var(--space-5);
    margin: 0 auto;
    margin-bottom: var(--space-8);
}

.panel-navigation-share .navigation-container { 
	display: none; 
}

.panel-navigation-share .share-container { 
	margin-left: auto;
}

.sv-share {
    z-index: 0 !important;
}

/* intro panel */
.panel-intro {
    max-width: 1210px;
    margin: 0 auto var(--space-16);
    padding: 0 var(--space-5);
}

.meetings .panel-intro,
.groups .panel-intro {
	padding-top: var(--space-8);
	margin-bottom: var(--space-12);
}

.panel-intro .contentRender_name_plugins_core_textbox h1,
.panel-intro .contentRender_name_plugins_core_textbox h2 {
    text-transform: uppercase;
    font-weight: var(--font-weight-black);
}

.panel-intro .contentRender_name_plugins_core_textbox h1,
.panel-intro .contentRender_name_plugins_core_textbox h2,
.panel-intro .contentRender_name_plugins_core_textbox p {
    opacity: 0;
    transform: translateY(50px);
}

.panel-intro.active .contentRender_name_plugins_core_textbox h1,
.panel-intro.active .contentRender_name_plugins_core_textbox h2,
.panel-intro.active .contentRender_name_plugins_core_textbox p {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 300ms ease-out, transform 300ms ease-out;
}

.panel-intro.active .contentRender_name_plugins_core_textbox h2 {
    transition: opacity 300ms ease-out 300ms, transform 300ms ease-out 300ms;
}

.panel-intro.active .contentRender_name_plugins_core_textbox p {
    transition: opacity 300ms ease-out 600ms, transform 300ms ease-out 600ms;
}

.panel-intro .contentRender_name_plugins_core_textbox h1 {
    font-size: 41px;
    color: var(--white);
    -webkit-text-stroke: 1px var(--black);
    margin-bottom: 9px;
}

.panel-intro .contentRender_name_plugins_core_textbox h2 {
    font-size: 30px;
    letter-spacing: 0.02em;
}

.meetings .panel-intro .contentRender_name_plugins_core_textbox h2 {
    color: var(--meetings-seaweed);
}

.groups .panel-intro .contentRender_name_plugins_core_textbox h2 {
    color: var(--seaweed);
}

.panel-intro .contentRender_name_plugins_core_textbox p {
    font-size: 16px;
    line-height: 1.57;
    transition-delay: 600ms, 600ms;
}

@media screen and (min-width: 64em) {
    .panel-intro { 
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }

    .meetings .panel-intro,
    .groups .panel-intro {
    	margin-top: 80px;
    }

    .panel-intro .contentRender_name_plugins_core_textbox h1 {
        font-size: 80px;
        margin-bottom: 0;
    }

    .meetings .panel-intro .contentRender_name_plugins_core_textbox h1,
    .groups .panel-intro .contentRender_name_plugins_core_textbox h1 {
        font-size: 82px;
        line-height: 68px;
        margin-bottom: 18px;
    }
    
    .panel-intro .contentRender_name_plugins_core_textbox h2 {
        font-size: 60px;
    }

    .meetings .panel-intro .contentRender_name_plugins_core_textbox h2,
    .groups .panel-intro .contentRender_name_plugins_core_textbox h2 {
    	font-size: 62px;
    	line-height: 57px;
    }

    .panel-intro .contentRender_name_plugins_core_textbox p {
        font-size: 18px;
    }
}

@media screen and (min-width: 80em) {
    .panel-intro .title {
        margin-left: 40px;
        margin-top: 30px;
    }

    .meetings .panel-intro .title,
    .groups .panel-intro .title {
    	margin-top: 50px;
    }
}

.panel-intro-sports {
    background-color: #000;
    margin-bottom: var(--space-16);
    border-top: 2px solid #e8e8e8;
}
.panel-intro-sports.theme-white {
    background-color: #fff;
    border-top: none;
}
.panel-intro-sports .inner {
    max-width: 1210px;
    margin: 0 auto 0;
    padding: 0;
}
.panel-intro-sports.no-image .inner {
    padding-bottom: 30px;
}
.panel-intro-sports .title h1,
.panel-intro-sports .title h2 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0;
    letter-spacing: .02em;
}
.panel-intro-sports.theme-white .title h1,
.panel-intro-sports.theme-white .title h2 {
    color: var(--dark-gray);
}
.panel-intro-sports .title > div {
    padding-bottom: 0;
}
.panel-intro-sports .contentRender_name_plugins_core_textbox {
    max-width: 980px;
    padding-bottom: 0;
}
.panel-intro-sports .content p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
}
.panel-intro-sports.theme-white .content p {
    color: var(--dark-gray);
}
.panel-intro-sports:not(.theme-white) .map {
    background: linear-gradient(180deg, #000 32px, #fff 32px);
}
.panel-intro-sports .map img {
    margin: 0 auto;
    width: 100%;
}
@media screen and (min-width: 64em) {
    .panel-intro-sports .map img {
        width: auto;
    }
    .panel-intro-sports .title h1,
    .panel-intro-sports .title h2 {
        font-size: 60px;
        line-height: 64px;
    }
    .panel-intro-sports .content p {
        font-size: 17px;
        line-height: 31px;
    }
    .panel-intro-sports:not(.theme-white) .map {
        background: linear-gradient(180deg, #000 70px, #fff 70px);
    }
}

/* panel intro region */


.panel-intro-region {margin: -20px auto 25px;display: flex;justify-content: center;overflow: visible;position: relative;padding: 0;}

@media screen and (min-width: 40em) {
	.panel-intro-region {margin-top: -95px;padding: 0 15px;}
}

@media screen and (min-width: 64em) {
	.panel-intro-region {
		margin-top: -95px;
		margin-bottom: 50px;
	}
}
.panel-social {
    max-width: var(--width-base);
    margin: 0 auto;
    padding: 0 var(--space-5);
}

.panel-social .title-container {
    text-align: center;
}

.panel-three-column,
.panel-two-column {
    max-width: 900px;
    padding: 0;
    margin: 0 auto;
    margin-bottom: var(--space-8);
}

.panel-three-column :is(.left-container, .center-container, .right-container),
.panel-two-column :is(.left-container, .right-container) {
    padding: 0 var(--space-5);
}

:is(.panel-intro, .panel-social, .panel-three-column, .panel-two-column) .contentRender_name_plugins_core_textbox {
    padding: 0;
}

.sv-col > .contentRender > .sv-panel {
    margin-left: calc(-1 * var(--space-5));
    margin-right: calc(-1 * var(--space-5));
}

@media (min-width: 64em) {
    .panel-navigation-share .navigation-container { display: block; }

    .panel-three-column,
    .panel-two-column {
        display: flex;
    }

    .panel-two-column.sidebar-left .left-container {
        order: 1;
        flex-basis: 40%;
    }

    .panel-two-column.sidebar-left .right-container {
        order: 2;
        flex-basis: 60%;
    }

    .panel-two-column.sidebar-right .left-container {
        order: 1;
        flex-basis: 60%;
    }

    .panel-two-column.sidebar-right .right-container {
        order: 2;
        flex-basis: 40%;
    }

    .panel-two-column.even :is(.left-container, .right-container) {
        flex-basis: 50%;
    }

    .panel-three-column > * { flex-basis: calc(100% / 3); }
}

/*===============================*/
/*===-----  SCROLL ICON  -----===*/
/*===============================*/

.scroll-icon-wrapper {
    padding: 10px var(--space-5);
    margin-bottom: 30px;
    text-align: center;
}

.scroll-icon,
.scroll-icon-text {
    display: block;
    margin: 0 auto;
}

.scroll-icon {
    height: 20px;
    width: auto;
}

.scroll-icon-text {
    font-size: .516875rem;
    font-weight: var(--font-weight-regular);
    line-height: var(--leading-none);
    letter-spacing: .02rem;
    color: var(--dark-gray);
    margin-top: var(--space-2);
}

@media (min-width: 64em) {
    .scroll-icon-wrapper {
        padding: var(--space-5);
    }

    .scroll-icon {
        width: 20px;
        height: auto;
    }

    .scroll-icon-text {
        font-size: .8125rem;
    }
}

/*================================*/
/*===-----  BUTTON STUFF  -----===*/
/*================================*/

/*=====---- Button Wrapper ----=====*/

.button-wrapper {
    display: flex;
    padding: var(--space-4) 0;
}

.button-wrapper:last-child {
    padding-bottom: 0;
}

.button-wrapper.justify-right {
    justify-content: flex-end;
}

.button-wrapper.justify-center {
    justify-content: center;
}

/*=====---- Buttons ----=====*/

/*-- General --*/
.button {
    position: relative;
    display: inline-block;
    padding: 6px var(--space-6);
    overflow: hidden;
    border-radius: 4px;
    font-weight: var(--font-weight-regular);
    font-size: var(--text-base);
    text-transform: uppercase;
    line-height: var(--leading-normal);
    letter-spacing: 0.28px;
    text-decoration: none !important;
    cursor: pointer;
    transition: color var(--transition-appendix);
}

.button::before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
    display: block;
    content: '';
    border-radius: 4px;
    transform: none;
    transform-origin: center bottom;
    transition: height ease-out 0.2s 0.1s, transform ease-in 0.1s;
    pointer-events: none;
}

.button-text {
    position: relative;
    z-index: 3;
    color:inherit;
    font-weight: inherit;
    font-size: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    line-height: inherit;
}

@media (hover: hover) {
    .button:hover::before {
        height: 2px;
        transform: scaleX(.4);
        transition: height ease-in 0.2s, transform ease-out 0.1s 0.2s;
    }
}

/*-- Solid White Button --*/
.button.solid-white {
    color: var(--black);
}

.button.solid-white::before {
    background: var(--white);
}

@media (hover: hover) {
    .button.solid-white:hover {
        color: var(--white);
    }
}

/*-- White Border Button --*/
.button.white-border {
    color: var(--white);
}

.button.white-border::before {
    border: 2px solid var(--white);
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    transition: border-top-width ease 0.1s 0.2s, border-left-width ease 0.1s 0.2s, border-right-width ease 0.1s 0.2s, transform ease 0.3s;
}

@media (hover: hover) {
    .button.white-border:hover::before {
        border-top-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        transition: transform ease 0.3s;
    }
}

/*-- Solid Red Button --*/
.button.solid-red {
    color: var(--white);
}

.button.solid-red::before {
    background: var(--amaranth);
}

@media (hover: hover) {
    .button.solid-red:hover {
        color: var(--amaranth);
    }
}

/*-- Solid Black Button --*/
.button.solid-black {
    color: var(--white);
}

.button.solid-black::before {
    background: var(--black);
}

@media (hover: hover) {
    .button.solid-black:hover {
        color: var(--black);
    }
}

/*-- Small Buttons --*/

.button.small {
    padding: 10px var(--space-4);
    font-weight: var(--font-weight-light);
    font-size: .8125rem;
    line-height: var(--leading-none);
}

.button.small.white-border::before {
    border-width: 1px;
}

/*====================================*/
/*===-----  RANDO TYPOGRAPHY  -----===*/
/*====================================*/

.small-gray-text {
    display: block;
	font-size: var(--text-base);
    font-weight: normal;
	letter-spacing: .01em;
	font-family: var(--font-body);
    font-style: var(--font-weight-regular);
	color: #838383;
    margin-bottom: var(--space-2);
}

.subtitle {
	display: block;
	font-weight: var(--font-weight-black);
}

.text-intro h1,
.text-intro h2,
.text-intro h3,
.text-intro h4,
.text-intro h5,
.text-intro h6 {
    font-size: var(--text-3xl) !important;
    font-weight: var(--font-weight-black) !important;
    text-transform: uppercase !important;
}

@media (min-width: 64em) {
    .text-intro h1,
    .text-intro h2,
    .text-intro h3,
    .text-intro h4,
    .text-intro h5,
    .text-intro h6 {
        font-size: 3.75rem !important;
    }
}

/*===========================================*/
/*===-----  MARQUEE CONTAINER PANEL  -----===*/
/*===========================================*/

.marquee-container {
    padding: var(--space-8) 0;
    margin-bottom: var(--space-12);
}

.marquee-row {
    width: 100%;
	max-width: 1210px;
	margin:0 auto;
	padding:0 var(--space-5);
}

@media (min-width: 40em) {	
	.marquee-row {
		display: grid;
		grid-template: auto / 2fr 1fr;
		align-items: start;
		gap: var(--space-10);
	}
}

@media screen and (min-width: 90em) {
    .marquee-row {
		grid-template: auto / 1fr 342px;
		gap: 28px;
	}
}

/*======================================================*/
/*===-----  CUSTOM CONTENT STICKY-SCROLL PANEL  -----===*/
/*======================================================*/

.marquee-scroll-panel {
    width: 100% !important;
}

/* .scrollmagic-pin-spacer {
    min-height: 100vh !important;
    height: 100vh !important;
} */

.marquee-scroll-panel,
.marquee-scroll-panel .panel-row,
.marquee-scroll-panel .indicators,
.marquee-scroll-panel .dots {
    position: relative;
}

.marquee-scroll-panel .indicators,
.marquee-scroll-panel .dots {
	display: none;
}

.marquee-scroll-panel .indicators {
    background: #d9d9d9;
    overflow: hidden;
}

.marquee-scroll-panel .indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    background: var(--amaranth);
    transform: translateY(-99%);
}

.marquee-scroll-panel .indicators .break {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    transform: translateY(-50%);
    display: block;
    height: 5px;
    background: var(--white);
}

.marquee-scroll-panel .dots {
    grid-template: auto / 1fr;
    gap: 10px;
    padding-top: calc(20vh + var(--space-5));
    align-content: start;
    justify-items: center;
}

.marquee-scroll-panel .dot {
    display: block;
    width: var(--space-4);
    height: var(--space-4);
    border-radius: var(--rounded-circle);
    border: 2px solid var(--light-gray);
    background-color: var(--white);
    transition: border-color var(--transition-appendix), background-color var(--transition-appendix);
}

.marquee-scroll-panel .dot.active {
    border-color: var(--amaranth);
    background-color: var(--amaranth);
}

.marquee-scroll-panel .arrow-cont {
	position: absolute;
	top: 75vw;
	left: 0;
	right: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: var(--space-2) var(--space-5);
	pointer-events: none;
}

.marquee-scroll-panel .arrow-cont .button {
    position: relative;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
	margin: 0 10px;
    padding: 0;
    background: var(--amaranth);    
	pointer-events: all;
}

.marquee-scroll-panel .arrow-cont .button i {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate(-50%, -50%);
}

.marquee-scroll-panel .arrow-cont .button:first-child {
	margin-left: 0;
}

.marquee-scroll-panel .arrow-cont .button:last-child {
	margin-right: 0;
}

.marquee-scroll-panel .slides {
	position: relative;
	z-index: 1;
}

@media (min-width: 40em) {
    .marquee-scroll-panel .arrow-cont .button {
        margin: 0 30px;
    }
}

@media (min-width: 64em) {
    .marquee-scroll-panel {
        --padding: 100px;
    }

    .marquee-scroll-panel .panel-row {
        display: grid;
        grid-template: 1fr / 5px 100px 1fr;
        gap: 2px;
        height: 100vh;
        padding: var(--padding) 0;
    }

    .marquee-scroll-panel .arrow-cont {
        display: none;
    }

    .marquee-scroll-panel .indicators {
        display: block;
    }

    .marquee-scroll-panel .dots {
        display: grid;
    }
}

.panel-blog-content.three_col {
	padding-top: 0;
}

.panel-blog-content.three_col .row {
	max-width: 966px;
	padding-bottom: 40px;
	margin: 0 auto;
}

.panel-blog-content.three_col .grid-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.panel-blog-content.three_col .columns img {
	height: 400px;
}

.panel-blog-content.three_col .columns {
	padding-left: 5px;
	padding-right: 5px;
}

.panel-blog-content.three_col .overlayContainer--default__container {
	display: unset;
}

.panel-blog-content.three_col span.overlayContainer--default__user {
	display: none;
}

.panel-blog-content.three_col .overlayContainer.overlayContainer--default {
	height: 100% !important;
}

.panel-blog-content.three_col .overlayContainer--default__container {
	position: absolute;
	top: 20px;
}

@media(max-width: 64em) {
	.panel-blog-content.three_col .slide-pic h3 {
		font-size: 15px;
		left: 0;
	}
}

@media(max-width: 40em) {
	.panel-blog-content.three_col .columns img {
		height: 300px;
	}
}

@media (max-width: 25em) {
	.panel-blog-content.three_col .columns img {
		height: 200px;
	}

	.panel-blog-content.three_col .slide-pic h3 {
		font-size: 12px;
		left: 0;
	}
}

body.blog .navigation.navigation-dropdown.desktop.secondary .dropdown-toggle {
	display: unset;
	color: white;
}

body.blog .panel-header .main-nav-widgets-container {
	width: 100px;
	height: 60px;
	background-color: white;
}
body.blog .panel-header .mobile-nav-container .mobile-nav {
	background-color: #000;
    position: -webkit-sticky;
}
body.blog .panel-header .primary-content-container .contentRender_name_plugins_common_logo {
	padding: var(--space-2) 0;
}

body.blog .navigation a {
	color: var(--white);
}
body.blog .navigation.mobile {
	background-color: #000;
}

body.blog .navigation.navigation-dropdown.desktop .dropdown-menu,
body.blog .navigation.navigation-dropdown.desktop .dropdown-menu.level-2 {
	background-color: #000;
}
body.blog .navigation.navigation-three-col.desktop .dropdown-menu {
	background-color: #000;
}
body.blog .navigation.navigation-three-col.fullwidth.desktop .dropdown-menu .actions-content .bottom-section > div:last-child:before {
	background-color: #333;
}
body.blog .navigation.navigation-three-col.desktop .level-1 .dropdown-menu a {
	color: var(--white);
}
body.blog .navigation.navigation-three-col.desktop .top-section .close-button {
	border-color: #000;
}

body.blog .navigation.navigation-dropdown.desktop.secondary .nav-item.open a,
body.blog .navigation.navigation-dropdown.desktop.secondary a:hover {
	color: var(--white);
}
body.blog .navigation.navigation-dropdown.desktop.secondary .dropdown-menu.level-1 a {
	color: var(--white);
}

body.blog .blogSearchForm h3 {
	display: none;
}

body.blog .blogSearchForm .search-button,
body.blog .blogSearchForm .submitSearch {
	background: transparent;
	background-image: url(/includes/public/assets/shared/Search-White.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 25px;
	width: 30px;
	height: 30px;
}

body.blog .blogSearchForm .submitSearch {
	display: none;
}

body.blog .blogSearchForm .row:first-child,
body.blog .blogSearchForm .row:nth-child(2) {
	display: none;
}

body.blog .navigation.navigation-dropdown.desktop.secondary .nav-item a:hover:after,
body.blog .navigation.navigation-dropdown.desktop.secondary .nav-item.open .level-1 > a:after {
	background-color: transparent;
}

body.blog .navigation.navigation-dropdown.desktop.secondary:hover a {
	color: white;
}

body.blog .blogSearchForm .row {
	display: none;
}

body.blog .blogSearchForm form {
	display: flex;
	margin-left: 10px;
	flex-direction: row-reverse;
	place-content: flex-end;
}

body.blog .navigation.mobile .nav-item .dropdown-toggle .icon-toggle {
	color: white;
}

body.blog .navigation.mobile .nav-item.open > .nav-item-control.level-1 > a:after {
	background-color: white;
}

body.blog .blogSearchForm .search-button {
	display: none;
}

body.blog .homepage-slideshow .img-cont::after {
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0) 100%);
	top: 0;
}

body.blog .custom_header_slideshow_blog:after {
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0) 100%);
	top: 0;
}

body.blog .interior-slideshow .img-cont::after {
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0) 100%);
}

body.blog .meetings-groups {
	display: none !important;
}

body.blog .menu-toggle {
	filter: brightness(0) invert(0);
}

body.blog .header-container .side-menu {
	display: none;
}

@media (hover: hover) {
	body.blog .navigation.navigation-three-col.fullwidth.desktop .level-1 .nav-item .nav-item-control:hover {
		background-color: #242424;
	}
}

@media (min-width: 40em) {
    body.blog .panel-header .mobile-nav-container .mobile-nav {
        position: static;
    }
}

@media (min-width: 64em) {
	body.blog .panel-footer .social-media,
	body.blog .panel-footer .guide-extra {
		grid-column: inherit;
	}
	body.blog .panel-header .secondary-menu .header-link.on-white span {
		line-height: 1;
		padding-top: 5px;
	}
}

@media (min-width: 64em) {
	body.blog .panel-header .secondary-menu {
		background-color: transparent;
	}
	body.blog .panel-header .secondary-menu .header-link a {
		color: var(--white);
	}
	body.blog .panel-header .secondary-nav-container {
		background-color: transparent;
	}
	body.blog .panel-header .logo img {
		max-height: 80px;
	}
	body.blog .panel-header .primary-content-container {
		position: absolute;
		right: 0;
		background-color: transparent;
		width: 100%;
	}
	body.blog .panel-header .main-nav-widgets-container {
		width: 0px;
		background-color: transparent;
	}

	body.blog .nav-container .menu-toggle img {
		filter: inherit;
	}

	body.blog .panel-header .secondary-menu .header-link img {
		margin-right: 5px;
	}

	body.blog .navigation.navigation-three-col.fullwidth.desktop .menu-toggle {
		display: none;
	}

	body .blog-search {
		display: none;
	}

	body.blog .navigation.navigation-dropdown.desktop .nav-item:last-child .nav-link:after,
	body.blog .navigation.navigation-dropdown.desktop .nav-item:last-child .nav-link:hover::after {
		content: '';
		position: absolute;
		height: 20px;
		width: 2px;
		background: white;
		left: 0;
		bottom: 21px;
	} 


	body.blog .navigation.navigation-dropdown.desktop .nav-item.level-2:last-child .nav-link:after {
	  content: none 
	}

	body.blog .blogSearchForm input[type="text"] {
		margin-bottom: 0;
	}

	body.blog .blogSearchForm .row {
		display: none;
		position: absolute;
		right: 60px;
		bottom: -27px;
		border: 1px solid black;
	}

	body.blog .blogSearchForm .row.active {
		display: unset;
	}

	body.blog .blog-search {
		display: unset;
	}

	body.blog .blogSearchForm .search-button {
		display: unset;
	}

	body.blog .blogSearchForm .row:last-of-type(3) {
		position: absolute;
		right: 60px;
		bottom: -39px;
		border: 1px solid black;
	}

	body.blog .blogSearchForm .search-button {
		cursor: pointer;
		margin-top: 8px;
	}
}

@media (min-width: 1280px) {
	body.blog .panel-footer .social-media {
		margin-top: -80px;
	}
	body.blog .panel-footer .footer-content-container {
		row-gap: 15px;
	}
}
@media (min-width: 80em) {
	body.blog .panel-footer .social-media {
		grid-column: 1 / 4;
		margin-left: 90px;
	}
	body.blog .panel-footer .cta-widgets {
		width: 32.1%;
	}
}

@media (max-width: 1023px) {
	body.blog .blogSearchForm .row:last-of-type {
		display: block !important
	}

	body.blog .blogSearchForm .submitSearch {
		display: unset;
	}
}