/**
 * 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.
 */

 @font-face {
	font-family: "BouchersSans2.0";
	src: url('/includes/public/fonts/BouchersSans2.0.woff');
    font-display: swap;
}

@font-face {
	font-family: "Metropolis-regular";
	src: url('/includes/public/fonts/Metropolis-Regular.woff');
    font-display: swap;
}

@font-face {
	font-family: "Metropolis-light";
	src: url('/includes/public/fonts/Metropolis-Light.woff');
    font-display: swap;
}

@font-face {
	font-family: "Metropolis-medium";
	src: url('/includes/public/fonts/Metropolis-Medium.woff');
    font-display: swap;
}

@font-face {
	font-family: "Metropolis-bold";
	src: url('/includes/public/fonts/Metropolis-Bold.woff');
    font-display: swap;
}

@font-face {
	font-family: "Damion";
	src: url('/includes/public/fonts/DamionAlt.woff') format('woff'),
    url('/includes/public/fonts/DamionAlt.ttf') format('truetype');
    font-display: swap;
}

html {
    overflow-y: scroll;
    scroll-behavior: smooth;
}

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;
    max-width: 100%;
    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,
.contentRender_name_plugins_common_button,
.contentRender_name_plugins_collections_template_custom_list,
.contentRender_name_plugins_collections_template_custom_contacts,
.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%;
    padding: 0 var(--space-5);
    margin: 0 auto;
}

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

.contentRender_name_plugins_crm_dms_formbuilder {
	margin: 0 auto;
	max-width: var(--width-base);
}

@media (min-width: 64em) {
    .contentRender_name_plugins_core_textbox,
    .contentRender_name_plugins_search_results,
    .contentRender_name_plugins_nav_sitemap,
    .contentRender_name_plugins_common_button,
    .contentRender_name_plugins_collections_template_custom_list,
    .contentRender_name_plugins_collections_template_custom_contacts {
        max-width: var(--width-base);
    }

    .contentRender_name_plugins_crm_formbuilder,
    .contentRender_name_plugins_events_submitevent,
    .contentRender_name_plugins_crm_rfp,
    .contentRender_name_plugins_crm_rsvp {
        max-width: calc(var(--width-base) - 15%);
    }
}

/* 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);
    min-height: 24px;
}

@media (min-width: 64em) {
    .panel-navigation-share {
        min-height: 27px;
    }
}

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

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

.panel-intro {
    max-width: var(--width-comfortable);
    margin: 0 auto;
    margin-bottom: var(--space-16);
    padding: 0 var(--space-5);
}

.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: var(--width-base);
    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%;
        min-width: 0;
    }

    .panel-two-column.sidebar-left :is(.left-container, .right-container) {
        min-width: 0;
    }

    .panel-two-column.sidebar-right :is(.left-container, .right-container) {
        min-width: 0;
    }

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

/* Inputs */

:is(input, button, select, textarea):focus {
    outline: var(--primary-color-500) solid 1px;
    outline-offset: 2px;
}

/* Video Play Button */

.shared-play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
	width: var(--space-16);
	height: var(--space-16);
	padding: 0;
	background-color: rgba(0, 0, 0, .5);
	border: 3px solid var(--white);
	border-radius: 50%;
	font-size: var(--text-2xl);
	line-height: 1;
	text-align: center;
	color: var(--white);
	pointer-events: none;
	transition: background-color 100ms, border-color 100ms;
}

@media (hover: hover) {
    .contentRender[class*="contentRender_name_plugins_collections"] .img-cont:hover .shared-play-button,
    .image-box-with-caption .slide-pic:hover .shared-play-button {
        border-color: rgba(255, 255, 255, .6);
        background-color: rgba(0, 0, 0, .7);
    }
}

/* Image/Video Credits */

.related-content .credits,
.ccl-widget .credits,
.image-box-with-caption .credits {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: var(--space-2) var(--space-3);
	font-family: var(--font-family);
	font-size: .66rem;
	font-style: italic;
	text-shadow: 0 0 10px var(--black);
	color: var(--white);
	pointer-events: none;
	z-index: 10;
}

.video-player .title {
    max-width: var(--width-base);
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    color: var(--blue-16)
    font-family: var(--font-body-medium);
	text-align: center;
}

.panel-accordion .accordion-item.active > button {
    background-color: var(--blue-20);
}

.panel-page #slideshow-container {
    min-height: min-content;
}

/* WECREATE CUSTOM CSS */
h3.title {
  font-family: var(--font-body-medium);
  font-size: 25px;
}

h2 {
	font-family: var(--font-display) !important;
	}

.contentRender_name_plugins_core_textbox h2 a, .contentRender_name_plugins_core_textbox h3 a, .contentRender_name_plugins_core_textbox h4 a, .contentRender_name_plugins_core_textbox h5 a {
	font-family: var(--font-display) !important;
	text-decoration: none !important;
}
.contentRender_name_plugins_core_textbox h2 a {
	margin-bottom: 10px !important;
	font-size: 35px !important;
	font-weight: 400 !important;
	line-height: 1em !important;
	color: var(--yellow-f2)!important;
	font-family: var(--font-damion);
	}
@media screen and (min-width: 64em) {
.contentRender_name_plugins_core_textbox h2 a {
    font-size: 50px !important;
}
.contentRender_name_plugins_core_textbox h2 a:hover, .contentRender_name_plugins_core_textbox h3 a:hover, .contentRender_name_plugins_core_textbox h4 a:hover, .contentRender_name_plugins_core_textbox h5 a:hover {
	color:#CC522C !important;
}

.custom-button .button-link, .ccl-widget .slide a.read-more:not(p *), .ccl-widget .slide .slide-footer a, .ccl-widget .widget-view-all {
  font-family: var(--font-body-bold);
  color: var(--gray-100);
  font-weight:400;
  background-color: var(--blue-20);
  border: 2px solid var(--blue-20);
  transition:all .2s ease-in;
}

.custom-button .button-link:hover, .ccl-widget .slide .slide-footer a:hover, .ccl-widget .slide a.read-more:not(p *):hover, .ccl-widget .slide .slide-footer a:hover,.ccl-widget .widget-view-all:hover{
  color: var(--blue-20);
  transition:all .2s ease-in;
}
}
.panel-footer .desktop  .social-media {
  align-items: start !important;
  justify-content: start !important;
}

.core-hero-slideshow .slide .img-cont::after {
  background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 50%);
}

.panel-two-column.sidebar-right .right-container {
  align-self: center;
}
/* HERO SLIDE CUSTOM CSS */
.hero-image .img-cont {
				aspect-ratio: 400 / 420 !important;
			}@media (min-width: 400px) {
				.hero-image .img-cont {
					aspect-ratio: 639 / 650 !important; 
				}
			}@media (min-width: 640px) {
				.hero-image .img-cont {
					aspect-ratio: 1023 / 500 !important;
				}
			}@media (min-width: 1024px) {
				.hero-image .img-cont {
					aspect-ratio: 1440 / 520 !important;
				}
			}@media (min-width: 1440px) {
				.hero-image .img-cont {
					aspect-ratio: 1920 / 700 !important;

				}
			}
.hero-slideshow .img-cont {
				aspect-ratio: 400 / 420 !important;
			}@media (min-width: 400px) {
				.hero-slideshow .img-cont {
					aspect-ratio: 639 / 650 !important;
				}
			}@media (min-width: 640px) {
				.hero-slideshow .img-cont {
					aspect-ratio: 1023 / 500 !important;
				}
			}@media (min-width: 1024px) {
				.hero-slideshow .img-cont {
					aspect-ratio: 1440 / 520 !important;
				}
			}@media (min-width: 1440px) {
				.hero-slideshow .img-cont {
					aspect-ratio: 1920 / 700 !important;
				}
			}

#disqus_thread iframe[sandbox]:not([sandbox=""]) {
    display: none !important;
}

/* Jump Panel Updates  */

.panel-jumplist-outer .core-styles ul {
  display: flex;
  list-style: none;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
}

.panel-jumplist-outer .core-styles li {
  padding: 1%;
  width: 25%;
  display: flex;
  flex-direction: column;
}

.panel-jumplist-outer .core-styles ul li a{
  border: 1px solid var(--red-cc);
  text-align: center;
  padding: 3%;
  background: #fff;
    background-color: rgb(255, 255, 255);
  transition: all .3s ease;
  text-decoration: none;
  color: var(--red-cc);
}

.panel-jumplist-outer .core-styles ul li a:hover, .jumplist-item-title a.jumplist-back-to-top:hover{
  color: #fff;
  background-color: var(--red-cc);
  transition: all .3s ease;
}

@media screen and (max-width: 968px) {
  .panel-jumplist-outer .core-styles li {
      width: 98%;
  }
}

.panel-jumplist-outer ul li a::after {
    content: '\F55E';
    font-family: "bootstrap-icons";
    font-size: 1.3rem;
    font-weight: normal;
    display: block;
    float: right;
    padding-right: 11%;
}

.jumplist-item-title {
  padding-top: 3%;
  border-top: 1px solid #e1e7ef;
  margin-top: 4% !important;
}

.jumplist-item-title h2 {
  margin-right: 15px;
  font-size: 4rem;
  color: var(--blue-20);
  line-height: 4rem;
}

a.jumplist-back-to-top {
  cursor: pointer;
  display: block;
  margin: 0 0 0 auto;
  border: 1px solid var(--red-cc);
  padding: .5%;
  text-decoration: none;
  transition: .3s ease all;
  width: 200px;
  text-align: center;
  font-size: .95rem;
}

a.jumplist-back-to-top::before {
    content: '\F819';
    font-family: "bootstrap-icons";
    font-size: 1rem;
    font-weight: normal;
    display: block;
    float: left;
    padding-left: 3%;
}
.panel-jumplist-outer .panel-jumplist-outer {
	margin-left:7.5%;
	margin-right:7.5%;
}
.panel-jumplist-outer .panel-jumplist-outer .jumplist-item-title h2 {
  font-size: 3rem;
  line-height: 3rem;
}

/* Listing Widget Wrapping issue  */
.layoutjs .content .item .info h4, .layoutjs .content .item .info h4 a {
	-webkit-hyphens: none !important;
	word-break: break-word !important;
	hyphens: none !important;
}
@media only screen and (max-width: 500px) and (min-width: 300px){
.layoutjs .content .item {
    flex-direction: column !important;
}
.layoutjs .content .item .image {
    flex: 0 1 200px;
}
}
.callout-tiles-5-across .slides, .callout-tiles-4-across .slides, .callout-tiles-3-across .slides, .callout-tiles-2-across .slides, .callout-tiles-3-across-fullwidth .slides, .callout-tiles-4-across-fullwidth .slides, .callout-tiles-5-across-fullwidth .slides, .callout-tiles-2-across-fullwidth .slides {
		display: grid;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2vw;
		margin: auto !important;
		max-width: 90% !important;}
.callout-tiles-5-across .slide-title, .callout-tiles-4-across .slide-title, .callout-tiles-3-across .slide-title, .callout-tiles-2-across .slide-title, .callout-tiles-3-across-fullwidth .slide-title, .callout-tiles-4-across-fullwidth .slide-title, .callout-tiles-5-across-fullwidth .slide-title, .callout-tiles-2-across-fullwidth .slide-title {
		font-size: 4vw !important;}
@media (min-width: 400px) {
.callout-tiles-5-across .slides, .callout-tiles-4-across .slides, .callout-tiles-3-across .slides, .callout-tiles-2-across .slides, .callout-tiles-3-across-fullwidth .slides, .callout-tiles-4-across-fullwidth .slides, .callout-tiles-5-across-fullwidth .slides, .callout-tiles-2-across-fullwidth .slides {
		display: grid;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2vw;}
.callout-tiles-5-across .slide-title, .callout-tiles-4-across .slide-title, .callout-tiles-3-across .slide-title, .callout-tiles-2-across .slide-title, .callout-tiles-3-across-fullwidth .slide-title, .callout-tiles-4-across-fullwidth .slide-title, .callout-tiles-5-across-fullwidth .slide-title, .callout-tiles-2-across-fullwidth .slide-title {
		font-size: 4vw !important;}
}@media (min-width: 640px) {
.callout-tiles-5-across .slides, .callout-tiles-4-across .slides, .callout-tiles-3-across .slides, .callout-tiles-3-across-fullwidth .slides, .callout-tiles-4-across-fullwidth .slides, .callout-tiles-5-across-fullwidth .slides {
		display: grid;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 1.5vw;}
.callout-tiles-5-across .slide-title, .callout-tiles-4-across .slide-title, .callout-tiles-3-across .slide-title, .callout-tiles-2-across .slide-title, .callout-tiles-3-across-fullwidth .slide-title, .callout-tiles-4-across-fullwidth .slide-title, .callout-tiles-5-across-fullwidth .slide-title, .callout-tiles-2-across-fullwidth .slide-title {
	font-size: 2vw !important;}
}@media (min-width: 1024px) {
.callout-tiles-5-across .slides, .callout-tiles-5-across-fullwidth .slides {
		display: grid;
		grid-template-columns: repeat(5, 1fr) !important;
		gap: 1vw;
		max-width: 85% !important;}
.callout-tiles-4-across .slides, .callout-tiles-4-across-fullwidth .slides  {	
		display: grid;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 1vw;
		max-width: 85% !important;}
.callout-tiles-5-across .slide-title, .callout-tiles-4-across .slide-title, .callout-tiles-3-across .slide-title, .callout-tiles-2-across .slide-title, .callout-tiles-3-across-fullwidth .slide-title, .callout-tiles-4-across-fullwidth .slide-title, .callout-tiles-5-across-fullwidth .slide-title, .callout-tiles-2-across-fullwidth .slide-title {
	font-size: 1.7vw !important;}
}

/* Ordered Jumplist CSS  */
.panel-jumplist-outer .core-styles ol li a {
    border: 1px solid var(--red-cc);
    text-align: center;
    padding: 3%;
    float: left;
    background: #fff;
    background-color: rgb(255, 255, 255);
    transition: all .3s ease;
    text-decoration: none;
    color: var(--red-cc);
}
.panel-jumplist-outer .core-styles ol li a:hover, .jumplist-item-title a.jumplist-back-to-top:hover {
    color: #fff;
    background-color: var(--red-cc);
    transition: all .3s ease;}
.panel-jumplist-outer .core-styles ol {
    display: flex;
    list-style: none;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
}
.panel-jumplist-outer ol li a::after {
    content: '\F55E';
    font-family: "bootstrap-icons";
    font-size: 1.3rem;
    font-weight: normal;
    display: block;
    float: right;
    padding-right: 11%;}
.panel-jumplist-outer ol {
   list-style: none;
   counter-reset: item;
 }
.panel-jumplist-outer ol li a{
   counter-increment: item;
 }
.panel-jumplist-outer ol li a:before {
   content: counter(item);
   font-size: 1.4rem;
   font-weight: normal;
   float: left;
   padding-right: 7%;
   padding-left: 1%;
   margin-bottom:.1rem;}