@import url("model.css");

/*####################################*/
/*############## FONTS ###############*/
/*####################################*/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: local('Montserrat Black'), local('Montserrat-Black'),
        url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
        url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot');
    src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
        url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.eot');
    src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
        url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff'),
        url('../fonts/Montserrat-BlackItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.eot');
    src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
        url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.eot');
    src: local('Montserrat Italic'), local('Montserrat-Italic'),
        url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff'),
        url('../fonts/Montserrat-Italic.ttf') format('truetype'),
        url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
        url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
        url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
        url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.eot');
    src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
        url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff'),
        url('../fonts/Montserrat-LightItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.eot');
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
        url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.eot');
    src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
        url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff'),
        url('../fonts/Montserrat-MediumItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
        url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.eot');
    src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
        url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff'),
        url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: local('Montserrat Thin'), local('Montserrat-Thin'),
        url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/*####################################*/
/*########### DESIGN CONFIG ##########*/
/*####################################*/
:root{
    --font1: 'Montserrat', sans-serif;
    --font2: 'Montserrat', sans-serif;
    --font3: 'Montserrat', sans-serif;

    --red:      #B21111;
    --blue:     #1C5677;
    --darkblue: #0A203B;
}

/* ############################## */
/* ########## GENERAL ########### */
/* ############################## */

h1{
	font-family: var(--font1);
}

h2,
h2 a{
    font-size: 34px;
    font-weight: bold;
    font-family: var(--font1);
}

h3,
h3 a{
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font1);
}

h4,
h4 a{
    font-size: 22px;
    font-weight: 500;
    font-family: var(--font1);
}

p,
a, p a,
ul, ol, li,
dd,dt{
    font-weight: 300;
    font-family: var(--font1);
}

a{
	transition:var(--transition);
}

a:focus,
a:target{
	outline-offset: -1px;
}

.divBlockContent a{
	color:var(--red);
	text-decoration:none;
}

.divBlockContent a:hover{
	color:var(--blue);
	text-decoration:underline;
}

a.anchButton {
  font-size: 18px;
  font-weight: bold;
  color:var(--truewhite);
  background-color: var(--red);
}

a.anchButton:hover,
a.anchButton:focus{
	text-decoration:none;
	color:var(--truewhite);
    background-color: var(--blue);
}

div, span, input, select, button, label, figcaption{
	font-family: var(--font1);
}

.divPageContentWrapper{
	padding: 15px 0;
}

@media (max-width: 860px) {
	main{
		margin-top:120px;
	}
	
	.divPageTitle{
		min-height: 180px;
	}
}

.anchBackToTop{
	background-color:var(--red);
}

.anchBackToTop:hover{
	color:#fff;
	background-color:var(--blue);
}

.divPagination .btnChangePage:hover,
.divPagination .btnChangePage.current{
	color:white;
	background-color:var(--blue);
}

.divPagination .btnChangePage:disabled:hover{
	color:black;
	background:transparent;	
}

/*####################################*/
/*########### Header/Nav #############*/
/*####################################*/
.divLogoWrapper{
	display:flex;
}
.formModalAdmin{
	
	max-height: 42em;
  overflow: scroll;
	
}
.divLogoWrapper a,
.divLogoWrapper figure,
.divLogoWrapper picture{
	margin:auto;	
}

#standardHeader{
	z-index:999;
}

#standardHeader .divLogoWrapper img{
	scale: 1.25;
}


#mobileHeader{
    position: fixed;
    width: 100%;
  	background: white;
  	top:0;
}

@media(width:912px){
	#standardHeader{
		position: fixed;
	    width: 100%;
	  	background: white;
	  	top:0;
	}	
}

#mobileHeader .divLogoWrapper img{
    width: auto;
}

.divBanner{
	position:relative;
	background-color:var(--blue);
	padding:10px;
}

.divBanner .divBannerInner *{
	color: #fff;
}

.divBanner .divBannerInner a:hover{
	color:var(--darkblue);
}

/* STANDARD HEADER */
.divMainHeaderWrapper{
    justify-content: center;
}

/* SUB HEADER */
#divSubHeader {
    background-color: var(--blue);
    height: 46px;
}

.navSubHeader{
    justify-content: center;
}

.navSubHeader .anchMenuLink{
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--truewhite);
    padding:0 16px;
    z-index:1;
    padding: 0 5px;
}

.navSubHeader .anchMenuLink:hover,
.navSubHeader .anchMenuLink.current{
    color: var(--truewhite);
    background-color:var(--darkblue);
}

.navSubHeader{
	gap:10px;
}

.navSubHeader .divMeuLinkWrapper .btnToggleCategories{
    color: white;
}

.navSubHeader .divMeuLinkWrapper .btnToggleCategories:hover, 
.navSubHeader .divMeuLinkWrapper .btnToggleCategories[aria-expanded="true"]{
    background-color:var(--darkblue);
}

.divCategoryMenu{
    background-color: var(--blue);
}


@media (max-width: 768px) {
    .navSubHeader {
        flex-direction: column; /* Stack menu links vertically on smaller screens */
        justify-content: flex-start; /* Align the items at the top */
    }

    .divCategoryMenu {
        position: relative; /* Make sure the category menu is within the normal flow */
        left: 0;
        top: 0;
        display: none; /* Hide category menu by default on small screens */
    }

    /* Show category menu when it's toggled */
    .divMeuLinkWrapper .btnToggleCategories[aria-expanded="true"] + .divCategoryMenu {
        display: flex;
    }

    .anchMenuLink {
        font-size: 14px; /* Smaller font size on mobile */
        padding: 10px 12px; /* Adjust padding for better tap targets */
    }
}

/* sandwich navigation */
.divSandwichNavigation{
    position: relative;
}

.divSandwichNavInner{
    position: relative;
}  

.divSandwichNavInner .btn-sandwich{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--red);
    border: 0;
    border-radius: 0;
    padding: 0.25em;
    transition: transform 0.3s ease;
}

.divSandwichNavInner .btn-sandwich svg{
    width: 45px;
    height: 45px;
    transition: transform 0.3s ease;
}

.divSandwichNavInner .btn-sandwich.active svg{
    transform: rotate(180deg);
}

.divSandwichNavInner .btn-sandwich svg path{
    fill: white;
}

.divSandwichNavMenu {
    position: absolute;
    top: 105%;
    left: auto;
    right: 0;
    z-index: 9999;
    height: auto;
    background-color: var(--blue);
    width: auto;
    max-width: 90vw; /* prevent overflowing on small screens */
    box-sizing: border-box;
    border: 1px solid var(--darkblue);
    border-bottom: 4px solid var(--darkblue);
}

.divSandwichNavMenu .navsandwich{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    background-color:#fff;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper.current{
	background-color:var(--red);
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper ~ .divMeuLinkWrapper{
    border-top:1px solid var(--darkblue)
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper .anchMenuLink{
    font-size: 20px;
    width: 100%;
    padding: 5px 10px;
    color:#222;
    text-decoration: none;
    white-space:nowrap;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper:hover .anchMenuLink,
.divSandwichNavMenu .navsandwich .divMeuLinkWrapper.current .anchMenuLink{
	color:#fff;
	background-color:var(--red);
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper .divCategoryMenu{
    position: relative;
    top:0;
    left: 0;
}

/* sub header*/
.divSubHeaderInner .divAdditional{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:20px;
    margin:auto 10px;
}

.divSubHeaderInner .divAdditional .anchButton{
	font-size:15px;
    height: 46px;
    align-content: center;
    z-index:1;
}

.divSubHeaderInner .divAdditional .anchButton:hover{
    background-color: var(--darkblue);
}

.divSubHeaderInner .divAdditional .divSocials{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.divSubHeaderInner .divAdditional .divSocials a{
	display: flex;
  	color: white;
  	transition: var(--transition);
}

.divSubHeaderInner .divAdditional .divSocials a svg{
    width: 25px;
    height: 25px;
}

.divSubHeaderInner .divAdditional .divSocials a:hover{
    color: var(--red);
}

/* top menu */
.divTopMenu{
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    scrollbar-width:  thin;
    z-index: 99;
    background-color: var(--lwwLightBlue);
}

.divTopMenuInner{
    position: relative;
    height: auto;
}

.navTopMenu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.divCategoryLink-topnav{
    display: flex;
    flex-direction: row;
    height: 100%;
    margin: auto 5px;
}

.divCategoryLink-topnav .btnToggleCategoryMenu::after,
.divCategoryLink-topnav .btnToggleSubcategoryMenu::after{
    display: none;
}

.divCategoryLink-topnav .anchMenuLink-topnav{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .25em;
    color:white;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: var(--transition);
    height: 100%;
}

.divCategoryLink-topnav .anchMenuLink-topnav:hover{
    background-color:var(--darkblue);
}

.divCategoryLink-topnav .anchMenuLink-topnav svg{
	margin-left:5px;
}

.divCategoryToggle{
    display: flex;
    flex-direction: row;
    height: 100%;
}

.btnToggleCategoryMenu,
.btnToggleSubategoryMenu{
    color: white;
    background: transparent;
    border: none;
    cursor: pointer;
    height: 100%;
    transition: var(--transition);
}

.btnToggleCategoryMenu svg,
.btnToggleSubategoryMenu svg{
    transition: var(--transition);
}

.btnToggleCategoryMenu.show svg,
.btnToggleSubategoryMenu.show svg{
    transform: rotate(180deg);
}

.btnToggleCategoryMenu:hover,
.btnToggleSubategoryMenu:hover{
    background-color:var(--darkblue);
}

.divCategoryMenu-topnav{
    border-radius: 0;
    background-color:var(--blue);
}

.divCategoryMenu-topnav .divCategoryLink-topnav{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

/* ############################## */
/* ######### HOME PAGE ########## */
/* ############################## */

/* Main Callout */
.divPageContentWrapper-home{
	padding-top:0;
	padding-bottom:15px;
}

.divPageContentWrapper-home .divBlock-1{
    padding:0;
    margin: auto;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent{
    background-color: rgba(0, 0, 0, 0.60);    
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockMedia img {
	height: 670px;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner *{
    color: var(--truewhite);
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h1{
	font-size: 72px;
	font-weight: 800;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h2{
    font-size: 52px;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h3{
    font-size: 48px;
    font-weight: 300;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h4{
    font-size: 42px;
    font-weight: 300;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner p{
    font-size: 24px;
    font-weight: 300;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner .divMaincalloutlinks{
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 25px;
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner p a.anchButton{
    font-size: 18px;
    font-weight: bold;
    background-color: var(--red);
}

.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner p a.anchButton:hover{
    background-color: var(--blue);
}

/* Sponsor Slider */
.divPageContentWrapper-home .divPageSection-sponsor{
    padding: 50px 0;
    margin: 0;
}

.divPageContentWrapper-home .divPageSection-sponsor .divSectionDisplayHeader{
    display: flex;
    justify-content: center;
}

.divPageContentWrapper-home .divPageSection-sponsor .divSectionDisplayHeader h3{ 
    font-size: 34px;
    font-weight: 800;
    color: var(--blue);
}

.divPageSection-sponsor .divSponsorSwiper .swiper-wrapper{
    display: flex;
    align-items: center;
    margin-bottom:20px;
}

.divPageSection-sponsor .divBlock{
    display: flex;
    justify-content: center;
}

.divPageSection-sponsor .swiper-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}

.divPageSection-sponsor .swiper-pagination-bullet{
    color:var(--truewhite);
    background-color: var(--truewhite);
    border: 1px solid var(--darkblue);
}

.divPageSection-sponsor .swiper-pagination-bullet-active{
    color:var(--darkblue);
    background-color: var(--darkblue)
}

.divPageSection-sponsor .swiper-pagination-bullet:focus,
.divPageSection-sponsor .swiper-pagination-bullet:target,
.divPageSection-sponsor .swiper-pagination-bullet:active{
	outline: 2px solid var(--lwwLightBlue);
}

.divPageSection-sponsor .swiper-pagination-bullet-active:focus,
.divPageSection-sponsor .swiper-pagination-bullet-active:target,
.divPageSection-sponsor .swiper-pagination-bullet-active:active{
	outline: 4px solid var(--lwwLightBlue);
}

/* event section */
.divPageContentWrapper-home .divPageSection-event{
    padding: 100px 0;
    background-color: #1D395B;
}

.divPageContentWrapper-home .divPageSection-event .divEventSection{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.divPageContentWrapper-home .divPageSection-event .divSectionDisplayHeader {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    width: 100%;
}

.divPageSection-event .divSectionDisplayHeader{
	display:felx;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

.divPageSection-event .divSectionDisplayHeader h3{
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--truewhite);
}

.divPageSection-event .divEventMore{
	margin-top:1em;
}

.divPageSection-event .divEventMore a{
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: var(--red);
	padding: 8px 12px;
	text-decoration: none;
	border: 1px solid transparent;
	transition: var(--transition);
}

.divPageSection-event .divEventMore a:hover{
  	border: 1px solid #fff;
  	background-color: var(--darkblue);
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper{
    position: relative;
    max-width: 33%;
    width:33%;
    padding: 33px;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner{
    border:1px solid white;
    border-left: 20px solid white;
    padding:20px;
    min-height:450px;
}

.divPageContentWrapper-home .divPageSection-event .divEventDetails-bottom{
	width:100%;
	display: flex;
	justify-content:center;
}

.divPageContentWrapper-home .divPageSection-event .anchViewMore {
	margin-top:15px;
	border:1px solid transparent;
}

.divPageContentWrapper-home .divPageSection-event .anchViewMore:hover{
	border:1px solid white;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title{
    margin-bottom: 25px;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h2,
.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h2 a,
.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h3,
.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h3 a{
    font-size: 24px;
    font-weight: bold;
    color:white;
    text-decoration: none;
    transition: var(--transition);
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h2 a:hover,
.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h3 a:hover{
    text-decoration: underline;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-tickets *,
.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-date-times *{
    font-size: 18px;
    font-weight: 300;
    color:white;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-tickets svg,
.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-date-times svg{
    height: 27px;
    width: 27px;
    margin-right: 0.25em;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-tickets p{
    margin: 0;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom .divBlockContent *{
    color:white !important;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom .divBlock{
    margin: 0;
    padding: 0;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom .anchViewMore{
    font-size: 18px;
    font-weight: bold;
    color: white;
    background-color: var(--red);
    padding: 8px 12px;
    text-decoration: none;
    border:1px solid transparent;
    transition: var(--transition);
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom .anchViewMore:hover{
	border:1px solid #fff;
    background-color: var(--darkblue);
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divBlockContent p{
	display:none;
}

.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divBlockContent p:nth-child(1),
.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divBlockContent p:nth-child(2){
	display:block
}

/* callout section */
.divPageContentWrapper-home .divPageSection-callout{
    margin:150px auto;
}

.divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.divPageContentWrapper-home .divPageSection-callout .divSectionDisplayHeader{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    width: 100%;
    background-color: transparent;
}

.divPageContentWrapper-home .divPageSection-callout .divSectionDisplayHeader h3{
    font-size: 34px;
    font-weight: 800;
    color:var(--blue);
    text-transform:uppercase;
}

.divBlock-callout{
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.divPageContentWrapper-home .divBlock-callout{
    cursor: pointer;
    transition: var(--transition);
}

.divPageContentWrapper-home .divBlock-callout .divBlockContent .divCalloutHeader {
    margin-bottom: 0;
    background-color: transparent;
    
}

.divPageContentWrapper-home .divBlock-callout .divBlockContent .divCalloutHeader h2,
.divPageContentWrapper-home .divBlock-callout .divBlockContent .divCalloutHeader h2 a,
.divPageContentWrapper-home .divBlock-callout .divBlockContent .divCalloutHeader h3,
.divPageContentWrapper-home .divBlock-callout .divBlockContent .divCalloutHeader h3 a{
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.25em;
    color:black;
    text-decoration:none;
}

.divPageContentWrapper-home .divBlock-callout:hover .divBlockContent .divCalloutHeader h2,
.divPageContentWrapper-home .divBlock-callout:hover .divBlockContent .divCalloutHeader h2 a,
.divPageContentWrapper-home .divBlock-callout:hover .divBlockContent .divCalloutHeader h3,
.divPageContentWrapper-home .divBlock-callout:hover .divBlockContent .divCalloutHeader h3 a{
    color: var(--red)
}

/* ############################## */
/* ####### INTERNAL PAGES ####### */
/* ############################## */
.divPageTitle{
	background-image: url('../design/title_blur.png');
    background-color: var(--darkblue);
    background-repeat: no-repeat;
  	background-size: auto 100%;
  	background-position: center;
    min-height:369px;
}

.divPageTitle .divPageTitleInner h1{
	font-weight:bold;
	text-transform:uppercase;	
}

.divSideMenuSection .divSideMenu-menu .divSideMenuInner{
	padding:0 10px
}

.navSideMenu{
	border-color:var(--blue);
}

.navSideMenu .divCategoryLink-sidenav{
	gap:0;
	padding:0;
}

.navSideMenu .divCategoryLink-sidenav.current{
	background:transparent;
}

.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav{
	display: flex;
  	justify-content: flex-start;
  	align-items: center;
	flex-grow: 1;                  
	min-height:40px;
}

.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav.current,
.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav:hover{
	color:#fff;
	background-color:var(--red);
	text-indent: 0px;
	padding-left:10px;	
}

.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav svg{
	margin-left:5px;
}

.navSideMenu .divCategoryLink-sidenav .btnToggleCategoryMenu{
	min-height:40px;
	padding:0 8px;
}

.navSideMenu .divCategoryLink-sidenav .btnToggleCategoryMenu:hover{
	color:#fff;
	background-color:var(--red);
}

.divSubcategoryMenu-sidenav{
	width:95%;
	margin-left:auto;
}

.navSideMenu .divSubcategoryMenu-sidenav .anchMenuLink-sidenav.current,
.navSideMenu .divSubcategoryMenu-sidenav .anchMenuLink-sidenav:hover{
	background-color:var(--darkblue);
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile{
	padding:0;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile .btnMobileMenuToggle{
	color:white;
	background-color: var(--red);
	transition: transform 0.3s ease;
	border: 0;
	min-width:85%;
	justify-content:center;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories{
	max-width:99vw;
	width:85%;
}

.navSideMenu-mobile .divCategoryLink-mobile {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0.25em 0;
  height: auto;
}

.navSideMenu-mobile .divCategoryLink-mobile ~ .divCategoryLink-mobile {
  border-top: 1px solid var(--lightgray);
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile{
	display: flex;
  	flex-direction: row;
  	justify-content: flex-start;
  	align-items: center;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile{
	flex-grow:1;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile:hover,
.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile.current{
	color:white;
	background:var(--red);
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divSubcategoryMenu-mobile .divCategoryLink-mobile .anchMenuLink-mobile:hover,
.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divSubcategoryMenu-mobile .divCategoryLink-mobile .anchMenuLink-mobile.current{
	background:var(--blue);
}

.divSubcategoryMenu-mobile {
  width: 95%;
  margin-left: auto;
}

.divBlock{
	padding: 15px 0 0;
  	margin: 15px auto 0 auto;
}

.divContentSection .divBlock ~ .divBlock{
	border-top: 1px solid var(--lightgray);
}

.divContentSection .divBlock-faq ~ .divBlock-faq{
	border-top:none;
	padding: 0;
}

#content-member-directory .divListingSection{
	min-height:50px;
}

.divEventInner,
.divBlogInner {
	padding:30px 0;
}

.divPageContentWrapper-events .divEventWrapper  ~ .divEventWrapper,
.divPageContentWrapper-news .divBlogWrapper  ~ .divBlogWrapper {
	border-top: 1px solid var(--lightgray);
}

.divBlogInner .divBlogDetails-bottom{
	margin-top: 1em;
}

.divEventActions,
.divBlogActions{
	display:flex;
	padding:15px 0;
}

.divSideMenuSection .divSideMenu-menu {
	padding-top:30px;
	padding-bottom:30px;
}

.divEntrySection {
	padding-top:30px;
}

.divFormContainer {
	width:100%;
	max-width:100%;
}

.divFormThankYou .divThankyouScreen-action .btnReturnToForm{
	font-size: 18px;
  	font-weight: bold;
  	color: var(--truewhite);
  	background-color: var(--red);
  	border:none;
}

.divFormThankYou .divThankyouScreen-action .btnReturnToForm:hover{
	color: var(--truewhite);
  	background-color: var(--blue);
}

b, strong {
	font-weight:800;
}

.divTopMenu{
    background-color: var(--blue);
}

.divBlock-testimonial .divBlockInner-carded{
	border-color:var(--blue);	
}

.divEventDetail h2 a,
.divEventDetail h3 a,
.divBlogDetails .blogTItle a{
	font-size: 34px;
  	font-weight: 800;
  	color: var(--blue);
  	transition: var(--transition);
}

.divEventDetail h2 a:hover,
.divEventDetail h3 a:hover,
.divBlogDetails .blogTItle a:hover{
	color: var(--red);
}

.divBlogDateTime svg{
	margin-right:10px;
}

.divEntryTags .divTag a{
	color:var(--blue);	
}

.divEntryTags .divTag a:hover{
	color:var(--red);
}

.anchViewMore,
.divBlogDetails-bottom .anchViewMore{
	font-size: 18px;
  	font-weight: bold;
  	color: var(--truewhite);
  	background-color: var(--red);
  	text-decoration: none;
  	padding: 8px 12px;
  	border:0;
  	border-radius:0;
}

.anchViewMore:hover,
.divBlogDetails-bottom .anchViewMore:hover{
	background-color: var(--darkblue);
}

.divDirections .frmDirections button{
	color: var(--truewhite);
  	background-color: var(--red);
}

.divDirections .frmDirections button:hover{
	background-color: var(--darkblue);
}

form .divFormActions .btnSendForm{
	font-size: 18px;
  	font-weight: bold;
  	color: var(--truewhite);
  	background-color: var(--red);
  	text-decoration: none;
  	padding: 8px 12px;
  	border:0;
  	border-radius:0;
}

form .divFormActions .btnSendForm:hover{
	background-color: var(--darkblue);
}

.divPageSection-26 .divFormHeader h2,
.divPageSection-26 .divFormHeader h3,
.divPageSection-26 .divFormHeader h4{
	display:none;
}

.divFormThankYou{
	flex-grow:1;	
}

.divListingDetailsBottomAction{
	position:relative;
	width:100%;
	text-align:right;
	margin-top:10px;
	padding:15px 0;
}

.divListingDetails-tile .divListingDetailsBottomAction .divListingDetail-more .divListingDetail-value button{
	font-size: 18px;
  	font-weight: bold;
  	color:white;
  	background-color: var(--red);
  	text-decoration: none;
  	padding: 8px;
  	border:0;
  	border-radius:0;
  	opacity:1;
}

.divListingDetails-tile .divListingDetailsBottomAction .divListingDetail-more .divListingDetail-value button:hover{
	background-color: var(--darkblue);
}

.divListingDetail-value a, .divListingDetailInner-value a{
	color:var(--blue);
}

.divListingDetail-value a, .divListingDetailInner-value a:hover{
	color:var(--red);
}

.divListingWrapper-tile:first-child{
	padding: 0.5em;
}

.divPageContentWrapper-member-directory .divListingWrapper-tile{
	flex: 0 0 33.33333%;
  	max-width: 33.33333%;
}

.divPageContentWrapper-member-directory .divListingDetails-tile{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	flex-wrap:wrap;
	min-height: 300px;
}

.divPageContentWrapper-member-directory .divListingDetails-tile .divListingDetail-label{
	display:none;
} 

.divPageContentWrapper-member-directory .divListingDetails-tile .divListingDetailsBottom .divListingDetail ~ .divListingDetail{
	border:0;
}

.divPageContentWrapper-member-directory .divListingDetailsBottom .divListingDetail:first-child{
	text-align:center;
	margin-bottom: 1em;
}

.divPageContentWrapper-member-directory .divListingDetailsBottom .divListingDetail:first-child .divListingDetail-value{
	font-weight:bold;
}

.divListingDetailModal .divListingDetailInner .divListingDetailInner-label,
.divListingDetailModal .divListingDetailInner .divListingDetailInner-value{
	text-align:left;
}

.divEventDetailsInner .divEventDetailsTop,
.divEntryDetailsInner .divEntryDetailsTop{
	border-color:var(--blue);
}

.divEventDetailsInner .divEventDetailsTop .btnEventReturn,
.divEntryDetailsInner .divEntryDetailsTop .btnEntryReturn{
	color:white;
	border-color:var(--red);
	background-color:var(--red);
}

.divEventDetailsInner .divEventDetailsTop .btnEventReturn:hover,
.divEntryDetailsInner .divEntryDetailsTop .btnEntryReturn:hover{
	color:white;
	border-color:var(--blue);
	background-color:var(--blue);
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value{
	overflow: hidden;
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value a{
	max-width: 100%;
	text-wrap:wrap;
	white-space:break-spaces;
}

.divListingDetailModal .modal-header{
	justify-content: space-between;
  	padding: var(--bs-modal-header-padding);
  	padding-bottom:0;
}

.divListingDetailModal .modal-header h3{
	margin:0;
}

.divListingDetailModal .divListingDetailsInnerTop{
	flex-wrap:nowrap;
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value a{
	text-decoration:none;
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value a:hover{
	color:var(--blue);
	text-decoration:underline;
}

.divListingDetailModal .divListingDetail-social .divListingDetailInner-value a{
	display: inline-flex;
  	font-size: 24px;
}

.divListingDetailModal .divListingDetail-social .divListingDetailInner-value a:hover{
	color:var(--blue);
}

.divListingDetailModal .divListingDetail-social .divListingDetailInner-value  svg{
	margin:0;
}

/* searching */
.divListingSearch,
.divEventSearch,
.divEntrySearch{
	position:relative;
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
}

.divSectionMessage{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:10px;
	margin:auto;
	padding:8px;
}

.divSectionMessage p{
	text-align:center;
	margin:0;
}

.divSectionMessage .btnClrMessage{
	font-weight: bold;
  	color: var(--truewhite);
  	background-color: var(--red);
  	transition:var(--transition);
  	padding:4px 6px;
  	border:0;
}

.divSectionMessage .btnClrMessage:hover{
	background-color: var(--darkblue);
}

.divSearch{
	position:relative;
}

.divSearch input{
	height:35px;
	
}

.divSearch svg{
	position:absolute;
	top: 50%;
	right: 10px;
    transform: translate(0, -50%);
	height:18px;
	width:18px;
	opacity: 60%;
  	pointer-events: none;
}

.divTag button{
	background:none;
	border:none;
	padding:0;
	color:var(--darkblue);
	transition:var(--transition);
}

.divEntryTags .divTag svg path,
.divTag button svg path{
	fill: var(--darkblue);
	transition:var(--transition);
}

.divTag button:hover{
	color:var(--red);	
}

.divTag button:hover svg path{
	fill: var(--red);
}

@media (max-width:960px){
	
	.divListingSearch, .divEventSearch, .divEntrySearch{
		flex-direction: column-reverse;
		flex-wrap:wrap;
		align-items: flex-end;
	}
	
	.divSectionMessage p{
		font-size:14px;
	}
	
	.divSectionMessage .btnClrMessage{
		font-size:14px;
	}
}

/* ############################## */
/* ########## FOOTER ############ */
/* ############################## */
footer{
    border:0;
    background-color: var(--darkblue);
    min-height: 215px;
}

#divSuperFooter{
    display: none;
}

#divMainFooter{
    position: relative;
    padding-top: 30px;
}

.divMainFooterInner{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom:1px solid #707070;
}

#divMainFooter .divLogoWrapper{
    display: none;
}

.divMainFooterInner .divAdditional{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:20px;
}

.divMainFooterInner .divFooterSocials{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.divMainFooterInner .divFooterSocials a{
    display: flex;
    color:white;
    transition: var(--transition);
}

.divMainFooterInner .divFooterSocials a svg{
    width: 25px;
    height: 25px;
}

.divMainFooterInner .divFooterSocials a:hover{
    color: var(--red);
}

.divMainFooterInner .divAdditional .anchButton{
	font-size:18px;
}

.divFooterNavigation,
.divFooterNavigation #nav-footer-main{
    display: flex;
    flex-wrap:wrap;
    flex-direction: row;
    align-items: center;
    justify-content:center;
}

.divFooterNavigation #nav-footer-main{
    gap:40px;
}

.divFooterNavigation #nav-footer-main a{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color:white;
    text-decoration: none;
    transition: var(--transition);
}

.divFooterNavigation #nav-footer-main a:hover{
    text-decoration: underline;
}

#divBottomFooter{
    padding:25px 0;
}

#divBottomFooter .divCopyright p,
#divBottomFooter .divCopyright p a,
#divBottomFooter .divPolicies p,
#divBottomFooter .divPolicies p a{
    font-size: 16px;
    font-weight: 300;
    color:white;
    margin:0;
}

#divBottomFooter .divCopyright p a,
#divBottomFooter .divPolicies p a{
    font-size: 16px;
    transition: var(--transition);
    text-decoration: none;
}

#divBottomFooter .divCopyright p a:hover,
#divBottomFooter .divPolicies p a:hover{
    font-size: 16px;
    text-decoration: underline;
}

/* ############################## */
/* ######### RESPONSIVE ######### */
/* ############################## */

/* Laptop and Small Desktops */
@media (min-width:1367px) and (max-width:1500px){
	
}

@media (max-width:1366px) {
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h1{
        font-size: 54px;
    }
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h2{
		font-size:42px;
	}
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h3{
		font-size:36px;
	}
	
	.navSubHeader .anchMenuLink{
		font-size: 14px;
		white-space: nowrap;
		padding: 0 8px;
	}
	
	.divSubHeaderInner .divAdditional .anchButton,
	.divMainFooterInner .divAdditional .anchButton{
		font-size: 14px;
		align-content: center;
		padding: 4px 6px;
	}
	
	.divMainFooterInner .divAdditional{
		gap:15px;
	}
	
	.divFooterNavigation #nav-footer-main{
		gap:20px;
	}
	
	.divFooterNavigation #nav-footer-main a{
		font-size: 15px;
		white-space: nowrap;
	}
	
	.divPageContentWrapper-home .divPageSection-callout{
		margin:100px auto;
	}
	
    .divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection{
        justify-content: center;
    }
	
	.divPageContentWrapper-home .divBlock-callout{
		margin:auto;
	}
	
	.divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection .divBlockMedia figure picture img{
		width:175px;
	}
	
	.divBlockMedia-left,
	.divBlockMedia-right{
		max-width:50%;
	}
	
}

.divSandwichNavigation{
	display:flex;
	flex-direction:row;
	gap:20px;
	align-items: center;
}

.divSandwichNavigation a.anchButton{
	font-size:18px;
	height:53px;
	align-content: center;
}

/* Small Laptop and Ipad pro 12.9in landscape */
@media (max-width:1024px) {

	.divPageContentWrapper-home .divPageSection-event .divEventWrapper{
        /*
        max-width: 100%;
        width: 100%;
       	*/
        padding: 20px;
        /*min-height: 450px;*/
        margin-bottom:10px;
    }

    .divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection .divBlock{
        flex: 0 0 1;
        width: 30%;
    }

    .divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection .divBlock .divBlockMedia{
        display: flex;
    }
}

/* Ipad, Ipad Mini, Surface Pro and Desktop at 250% Zoom */
@media (min-width:768px) and (max-width:1023px) {
	
}

/* Ipad pro Vertical and Ipad landscape */
@media(min-width:1000px) and (max-width:1199px){
	.divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection .divBlockMedia figure picture img{
		width:200px;
	}
	
	.divPageContentWrapper-home .divPageSection-event .divEventWrapper{
		padding:0 10px;
	}
	
	.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner{
		min-height:350px;
	}
	
	.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h2, .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h2 a, .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h3, .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-title h3 a{
		font-size: 22px;
	}
	
	.divFooterNavigation #nav-footer-main{
		gap:10px;
	}
	
	.navSubHeader{
		gap:3px;;
	}
	
	.navSubHeader .anchMenuLink{
		font-size:12px;
	}
	
	.divSubHeaderInner .divAdditional{
		gap:5px;
	}
		
	.divFooterNavigation #nav-footer-main a{
		font-size:14px;
	}
	
	.divSubHeaderInner .divAdditional .anchButton, .divMainFooterInner .divAdditional .anchButton{
		font-size:12px;
	}
	
	.divSubHeaderInner .divAdditional .divSocials a svg,
	.divMainFooterInner .divFooterSocials a svg{
		width: 20px;
  		height: 20px;
	}
	
}

@media(min-width:1000px) and (max-width:1024px){
	.divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection .divBlockMedia a{
		margin:auto;
	}
}

@media(width:1024px){
		
	.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav{
		font-size:16px;
	}
	
	.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner{
		min-height:450px;
	}
}

@media(max-width:1024px){
	
	.divPageContentWrapper-home .divPageSection-event{
		padding: 50px 0;
	}
	
	.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventActions{
		margin:auto;
		padding:0;
	}
	
	.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom .anchViewMore{
		margin:auto;
	}
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h1{
		font-size:46px;
	}
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h2{
		font-size:38px;
	}
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner .divMaincalloutlinks a.anchButton{
		padding: 4px 6px;
	}
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockMedia img{
		height:auto;
	}
}

/* Ipad, Ipad Mini, Surface Pro and Smaller */
@media(max-width:990px){
	.footer-ada-policy{
	    position: fixed;
    	bottom: 0;
    	width: 100%;
	
	}
	h1, h1 a{
        font-size: 32px;
    }
    
    h2, h2 a{
        font-size: 30px;
    }

    h3, h3 a{
        font-size:22px;
    }

    h4, h4 a{
        font-size:20px;
    }

    .divMainHeaderWrapper{
        justify-content: space-between ;
    }

    #divMainHeader{
        box-shadow: var(--boxshadow);
    }

    #divSubHeader{
        display: none;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockMedia figure picture img{
        width: 100%;
        height: auto;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent{
        position: relative;
        background-color: var(--darkblue);
        height: auto;
        margin-top: -1px;
    }

    .divBlock-single-callout .divBlockContentInner{
        position: relative;
        top: 0;
        left: 0;
        transform: unset;
        height: auto;
        padding: 3em;
    }
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h1{
        font-size: 36px;
    }
    
    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h2{
    	font-size: 34px;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h3{
        font-size: 30px;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h4{
        font-size: 28px;
    }
    
    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner p, 
    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner a{
        font-size: 22px;
    }

    .divPageContentWrapper-home .divPageSection-event{
        padding: 50px 0;
    }
   	    
    .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-date-times dd{
    	font-size:15px;
    }
    
    .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-top .divEventDetail-date-times dd svg{
		height: 22px;
  		width: 22px;
    }

    .divPageContentWrapper-home .divPageSection-event .divEventWrapper{
        width: 100%;
        max-width: 100%;
    }

    .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner{
        border: 1px solid white;
    }

    .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom{
        justify-content: flex-start;
    }
    
    .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom .divEventActions{
    	padding:0;
    }
    
    .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom .anchViewMore{
    	margin:0;
    }

    .divPageContentWrapper-home .divPageSection-callout{
        margin: 75px auto;
    }

    .divPageContentWrapper-home .divPageSection-callout .divSectionDisplayHeader{
        margin-bottom: 20px;
    }

    footer{
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        min-height: 115px;
    }

    #divMainFooter{
        display: none;
    }
}

@media(max-width:912px){
	.divSideMenuSection .divSideMenu-menu .divSideMenuInner{
		padding-left:0;
	}
	
	a.anchButton{
		font-size:15px;
	}
	
	.divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner{
		min-height: unset;
	}
	
	.navSideMenu .divCategoryLink-sidenav{
		flex-wrap: nowrap;
	}

	.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav{
		font-size:14px;
	}
	
	.divPageContentWrapper-member-directory .divListingWrapper-tile{
    	flex: 0 0 50%;
    	max-width: 50%;
    }
	
}

/*Mobile*/
@media (max-width:767px){
	
	.divPageTitle{
		display: flex;
    	align-content: center;
    	align-items: center;
    	height: auto;
    	min-height: 125px;
	}
	
	.divPageTitle .divPageTitleInner h1{
		font-size: 32px;
	}
	
    h2, h2 a{
        font-size: 26px;
    }

    h3, h3 a{
        font-size:22px;
    }

    h4, h4 a{
        font-size:20px;
    }
    
    #mobileHeader .divLogoWrapper img{
    	height:65px;
	    width: auto;
	}

    .divSandwichNavMenu .navsandwich .divMeuLinkWrapper{
        margin: 0;
    }

    .divBlockMedia figure picture img{
        height: auto;
    }
	
	.divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h1{
		font-size: 30px;
	}
	
    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h2{
        font-size: 28px;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h3{
        font-size: 26px;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner h4{
        font-size: 24px;
    }
    
    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner p, 
    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner a{
        font-size: 18px;
        padding: 4px 6px;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner .divMaincalloutlinks{
        flex-direction: column;
        flex-wrap: wrap;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner .divMaincalloutlinks p{
        margin: 0;
    }

    .divPageContentWrapper-home .divBlock-1.divBlock-single-callout .divBlockContent .divBlockContentInner .divMaincalloutlinks p a{
        width: 220px;
        display: block;
        margin: auto;
    }

    .divPageContentWrapper-home .divPageSection-sponsor{
        padding:30px 0;
    }

    .divPageContentWrapper-home .divPageSection-sponsor .divSectionDisplayHeader h3{
        text-align: center;
        font-size: 26px;
    }

    .divPageSection-event .divSectionDisplayHeader h3{
        text-align: center;
        font-size: 26px;
    }

    .divPageContentWrapper-home .divPageSection-event .divSectionDisplayHeader{
        margin-bottom: 25px;
    }

    .divPageContentWrapper-home .divPageSection-event .divEventWrapper .divEventInner .divEventDetails-bottom{
        justify-content: center;
    }

	.divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection .divBlock .divBlockMedia{
		display:none;
		justify-content:center;
	}
	
	.divPageContentWrapper-home .divPageSection-callout{
		margin:45px 0;
	}
	
	.divPageContentWrapper-home .divPageSection-callout .divSectionDisplayHeader h3{
		text-align:center;
	}
	
	.divPageContentWrapper-home .divBlock-callout .divBlockContent .divCalloutHeader h3{
		display: flex;
		align-items:center;
		width:100%;
		min-height:42px;
		margin: 0
	}
	
	.divPageContentWrapper-home .divBlock-callout .divBlockContent .divCalloutHeader h3 a{
		position: relative;
		color:white;
		background:var(--red);
		height:100%;
		width:100%;
		margin: 0;
    	align-content: center;
	}

    .divPageContentWrapper-home .divPageSection-callout .divSingleCalloutSection .divBlock{
        width: 100%;
    }
    
    .divPageContentWrapper-member-directory .divListingWrapper-tile{
    	flex: 0 0 100%;
    	max-width: 100%;
    }
    
    .divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value{
    	display:flex;
    	flex-direction: row;
    	align-items: center;
    	font-size: 13px;
    }
    
    .divPageContentWrapper-member-directory .divListingDetails-tile{
    	min-height: 275px;
    	min-height: unset;
    }
    
    .divPageContentWrapper-home .divPageSection-event .divEventWrapper{
    	min-height:unset;
    }
    
    .divPageContentWrapper-member-directory .divListingDetailsBottom .divListingDetail:first-child .divListingDetail-value{
    	font-size: 15px;
    }
    
    .divListingDetails-tile .divListingDetailsBottomAction .divListingDetail-more .divListingDetail-value button{
    	font-size:14px;
    }
    
    .divPageContentWrapper-home .divPageSection-event{
    	padding:35px 0;
    }
    
    .divPageContentWrapper-home .divPageSection-event .divEventWrapper{
    	padding:0;
    }
    
    .divBlockMedia-right,
    .divBlockMedia-left {
	  	float: unset;
	  	max-width: unset;
	  	padding-bottom:15px;
	}
	
	.divBlockMedia-right figure,
    .divBlockMedia-left figure{
    	display:flex;
    	justifty-content:center;
    	flex-direction:column;
    }
	
	.divContentSection .divBlock-text .divBlockContent .divBlockMedia{
		margin-bottom: 1.25em;
	}
	
	.divEventDetailsInner .divEventDetailsTop .btnEventReturn,
	.divEntryDetailsInner .divEntryDetailsTop .btnEntryReturn{
		font-size:16px;
		padding: 4px 5px;
		left: -5px;
	}
	
	a.anchButton{
		font-size: 14px;
    	display: inline-flex;
    	justify-content: center;
	}
	
	.divBlock-faq .divBlockInner-answer{
		margin-left:5px;
	}
    
    footer{
    	padding-bottom:30px;
    }
    
}