:root{
  --primary-color:#0f2140; /*dark blue*/
  --secondary-color:#fdfaf6; /*cream*/
  --accent-color-1:#005A6F; /*teal*/
  --accent-color-2:#82672e; /*gold*/

  --primary-color-op90:#0f2140db; /*dark blue*/
  --primary-color-op50:#0f214083; /*dark blue*/
  --primary-color-lightest:#e7e9ec;
  --secondary-color-dark:#f3e9e2;

  --bs-v1:1px 1px 8px #000 inset;
  --bs-v2: #757575  0px 0px 3px;
}
body {
  overflow-x: hidden;
  
}
:is(p,h1,h2,h3,h4,h5,h6):empty,
.contact-card-widget .contact-card-title:empty{
  display: none;
}

/*-------------------------------------------header ---------------------------------------------*/
@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
  header.master-layout-2 #main-menu {
      /* float:left; */
  }
  header.master-layout-2 .header-left {
      width:200px;
  }
}

/*-------------mobile---------------------------*/
.master-layout-2 .showMobile i.fa-plus:before {
content:'\f105';
}
.master-layout-2 .showMobile i.fa-minus:before {
content:'\f107';
}
.master-layout-2 .showMobile i.fa-plus:before, 
.master-layout-2 .showMobile i.fa-minus:before {
font-size:1.7em;
font-weight:600;
color:white;

}

.master-layout-2 .showMobile i.fa-plus,
.master-layout-2 .showMobile i.fa-minus {

background:var(--accent-color-2);

}

.master-layout-2 .showMobile i.fa-plus {
padding: 18px 25px;

}
.master-layout-2 .showMobile i.fa-minus {
padding: 18px 22px;
background:var(--accent-color-2);
box-shadow:var(--bs-v1);

}
.master-layout-2 nav.showMobile #main-menu {
  background:var(--primary-color);
}
header.wgt-header nav.showMobile{
background:var(--primary-color-op90);
}
.master-layout-2 nav.showMobile #main-menu ul{
background:var(--primary-color);
}

.master-layout-2 #divMainMenu nav.showMobile #main-menu li a {
color:white;
}

.master-layout-2 #divMainMenu nav.showMobile #main-menu a.active-link,
.master-layout-2 #divMainMenu nav.showMobile #main-menu a.current {
background:var(--primary-color-op80);
color:white;

}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {

header.master-layout-2 .header-top {
    padding-top:10px;
}
header.master-layout-2 .container-fluid,  
header.master-layout-2 .logo {
    height:130px;
}
 
header.master-layout-2:not(.scrolled-head) .logo {
   padding: 25px 0; 
}

    header.master-layout-2.scrolled-head .container-fluid, 
    header.master-layout-2.scrolled-head-temp .container-fluid ,    
    header.master-layout-2.scrolled-head .logo{
        height:100px;
}
header.master-layout-2.scrolled-head .header-top {
    min-height:55px;
}
/*--------------------------------------login and profile box------------------------------*/
header.master-layout-2 .MyProfile_Member .MyProfile_Name {
  text-transform: uppercase;
  font-weight:300;

}
header.master-layout-2 .MyProfile_Member .MyProfile_SignedIn, 
header.master-layout-2 .MyProfile_Member .MyProfile_SignedOut {
    border:1px solid white;
    padding-right:15px;
}
header.master-layout-2 .MyProfile_Member .MyProfile_SignedIn:hover .MyProfile_Name,
header.master-layout-2 .MyProfile_Member .MyProfile_SignedOut:hover .MyProfile_Name {
  color:var(--primary-color);
      transition: all 0.5s ease;
}

header.master-layout-2 .MyProfile_Member .MyProfile_SignedIn::before, 
header.master-layout-2 .MyProfile_Member .MyProfile_SignedOut::before {
position: absolute;
content: "";
width: 100%;
height: 0%;
top: 0;
right: 0;
z-index: -1;
transition: all 0.5s ease;
background-color: var(--secondary-color);
}
 header.master-layout-2 .MyProfile_Member .MyProfile_SignedIn:hover::before,
 header.master-layout-2 .MyProfile_Member .MyProfile_SignedOut:hover::before ,
 header.master-layout-2 .MyProfile_Member .MyProfile_SignedIn:focus::before,
 header.master-layout-2 .MyProfile_Member .MyProfile_SignedOut:focus::before {
top: auto;
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
}


}
/*--------------------socials header/ global- footer socials below---------------------------------*/
.header-social a {
font-size:1.25em;
padding:6px;
}
header.master-layout-2 nav:not(.showMobile) .header-social {
display: none;

}
header.master-layout-2 .showMobile .header-social {
display: block;

}
header.master-layout-2 .showMobile .header-social {
    width: calc(100% - 60px);
background:var(--primary-color);
padding:10px 8px;

}
header.master-layout-2 .showMobile .header-social a{
color:white;
font-size:1.5em;
padding:10px;

}

/*-----------------------------max width adjustments-------------------------------------------------*/
.master-layout-2 .container-fluid {
max-width:1440px;
} 

/*----------------------------body max-width-------------------------------------------------*/
section:is(.basic-text-area, .basic-block) p {
max-width:900px;

}
section:is(.basic-text-area, .basic-block) p.centered-text {
  margin-left:auto;
  margin-right:auto;
 }
 section:is(.basic-text-area, .basic-block).center p {
  margin-left:auto;
  margin-right:auto;
 }
/*max width adjustments*/
section .inner-wrap .container, 
section .theme-secondary:not(.inner-wrap) > div, 
.full-width-quicklinks.tall-version .full-width-quicklink-container {
  max-width:1440px;
 margin:auto;
 float:none; 
}
:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .inner-wrap .container, 
:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .theme-secondary:not(.inner-wrap) > div,
:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) .full-width-quicklinks.tall-version .full-width-quicklink-container{
    max-width:100%;
   
}

/*-----------------------------------header phone number-------------------------*/
header.master-layout-2 nav:not(.showMobile) .header-phone-num {
display: none;

}
header.master-layout-2 nav.showMobile  .header-phone-num {
display: block;

}
@media (hover: hover) and (pointer: fine) and (max-width: 1023px), screen and (-ms-high-contrast:none) and (max-width: 1023px), (hover:none) {
:not(.showMobile) .header-phone-num {
    display: none;
}
}
nav.showMobile .header-phone-num {
  width:100%;
  background:var(--primary-color);
  float:left;
  padding: 15px 15px;

}

.header-phone-num a  {
  color:var(--secondary-color);
  font-weight:300;
  margin-right:15px;
  
}
:not(.showMobile)  .header-phone-num {
  width:fit-content;
  position: relative; 
  float:right;
   line-height: 57px;
}
:not(.showMobile) .header-phone-num a:after  {
 content:'';
  height:2px;
  bottom:14px;
  left:0;
  background-color:var(--secondary-color);
  position: absolute;
 width:0;
  transition:all .5s ease;
}
.scrolled-head :not(.showMobile) .header-phone-num a:after  {
  bottom:4px;
}
:not(.showMobile) .header-phone-num a:hover:after {
   width:calc(100% - 15px);

}
.scrolled-head :not(.showMobile) .header-phone-num a  {
  line-height: 33px;  
}

.header-phone-num a:before  {
content: '\f095';
font-family:FontAwesome;
  margin-right: 5px;
  
}

/*-------------------------------link hover effect-----------------------------------*/

section a:not(.btn, .e3-button) {
  text-decoration: none;
  font-weight:600;
   position: relative;
}
section  a:not(.btn, .e3-button):hover:after {
   width:calc(100%);

}
section  a:not(.btn, .e3-button):after   {
 content:'';
  height:2px;
  bottom:0px;
  left:0;
  background-color:var(--accent-color-2);
  position: absolute;
 width:0;
  transition:all .5s ease;
}
section.theme3  a:not(.btn, .e3-button):after  {
  background-color:var(--secondary-color);
}

/*---------------------------------------buttons--------------------------------*/


:is(.theme1,.theme2,.theme3) .theme-secondary a.btn, 
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button , 
:is(.theme1,.theme2,.theme3)   a:is(.btn,.e3-button) {
background-color:unset;
border:0;
transition:all .4s ease-in;
text-transform: uppercase;
border-width:2px;
position: relative;
z-index: 1;

}
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn:hover
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button:hover, 
:is(.theme1,.theme2,.theme3)  a:is(.btn,.e3-button):hover {
background-color:unset;


}
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn:before, 
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button:before,
:is(.theme1,.theme2,.theme3)   a:is(.btn,.e3-button):before,
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn:after,
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button:after,
:is(.theme1,.theme2,.theme3)   a:is(.btn,.e3-button):after{
content:'';
position: absolute;
width:2px;
height:100%;
background-color:var(--accent-color-2);
top:0;
z-index: -1; 
transition:all .3s ease-in;

}
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn:before, 
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button:before, 
:is(.theme1,.theme2,.theme3)  a:is(.btn,.e3-button):before{
left:0;

}
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn:after, 
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button:after, 
:is(.theme1,.theme2,.theme3)   a:is(.btn,.e3-button):after{
right:0;
}
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn:hover:before, 
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button:hover:before, 
:is(.theme1,.theme2,.theme3)   a:is(.btn,.e3-button):hover:before,
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn:hover:after,
:is(.theme1,.theme2,.theme3) .theme-secondary a.e3-button:hover:after,
:is(.theme1,.theme2,.theme3)  a:is(.btn,.e3-button):hover:after{
width:55%;

}


:is(.theme1,.theme2) .theme-secondary a.btn,
:is(.theme1,.theme2) .theme-secondary a.e3-button,
:is(.theme1,.theme2):not(.background-image)  a.e3-button,
.expandable-content-widget.theme3  a.e3-button,
.basic-block.background-image.center:is(.theme1, .theme2) a:is(.btn, .e3-button):not(:hover){
color:var(--primary-color);
  
}
.expandable-content-widget.theme3  a.e3-button:hover,
:is(.theme1,.theme2):not(.background-image)  a.e3-button:hover,
:is(.theme1,.theme2) .theme-secondary a.btn:hover
{
color:white;
  
}

/*-----------------------------------------------------general--------------------------------*/
p {
  line-height:30px;
}
/*-------------------------------------------title and summary--------------------------------*/
@media(min-width:1440px){
section.basic-block .basic-block-wrapper {
    padding:12px 0;
}
}
/*--------------------------------------------------- quick links---------------------------------------------------------------------*/
/*----------------------image and text quick link---------------------------*/
.cho-quicklink-tile .cho-quicklink-tile-image img{
object-fit: cover;
height:100%;
}
@media(max-width:767px){
.cho-quicklink-tile {
    max-width:80%;
}
}
@media(max-width:500px){
.cho-quicklink-tile {
    max-width:95%;
}
}
/*--------------------text quick link--------------------*/
.quicklink-text-bg.theme1 .theme-secondary a{
color:var(--accent-color-2)
}
.quicklink-text-bg.theme1 .theme-secondary a .quicklink-text-content {
color:#2a2a2a;
}
.quicklink-text-bg.theme2 .theme-secondary a{
color:var(--primary-color)
}

.quicklink-text-bg.theme3 .theme-secondary a:not(:hover){
color:var(--secondary-color)
}
/*----------------------------------------------------contact cards----------------------------------------------------*/
/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
  display: none;
}

.contact-card-widget  .contact-card-wrapper .card-details .card-details-inner h3 {
  font-size:1.6em;
  color:var(--primary-color);
  font-weight:500;
}
.contact-card-widget .card-details  .card-details-inner h4 {
  font-size:1.5em;
}


.contact-card-widget.card-view .contact-card-wrapper .contact-card-item  {
  background:#fff;
  border:none;
  box-shadow:var(--bs-v2);
}
.contact-card-widget.card-view .contact-card-wrapper .card-photo {
  background-color:var(--primary-color);
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo {
  width:auto;
   max-width: 100%;
      height:280px;
  border-radius: 0;
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner {
      padding:10px;
     
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner a {
text-decoration: none;
}
.col-100 .contact-card-widget.card-view .contact-card-wrapper .contact-card-item, 
  .col-70-left .contact-card-widget.card-view .contact-card-wrapper .contact-card-item, 
  .col-70-right .contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
      padding:0;
}
/*------------------------------------------------------------------expandable content-----------------------------------------------------------*/
.expandable-content-widget .inner-wrap {
  display: flex;

}
.expandable-content-widget .expandable-content-wrapper {
  max-width: 1440px;
  width:100%;
  margin:0 auto;
}
.expandable-content-widget .expandable-content-heading {
  padding: 0;
}
.expandable-content-widget .expandable-content-heading .expandable-content-link {
  padding: 12px 15px;
}

/*----------------------------------------------------tabbed content---------------------------------------------------------*/
.tab-content.theme1 .tab-content-nav ul li:hover, .tab-content.theme1 .tab-content-nav ul li.active-tab {
background:var(--secondary-color-dark);
}

.tab-content.theme2 .tab-content-nav ul li:hover, .tab-content.theme2 .tab-content-nav ul li.active-tab {
background:var( --primary-color-lightest);
}
.tab-content .full-width-tabmenu {
font-size:1.2em;
}

/*-------------------------------------------------------------custom biz form------------------------------------------*/
/*----------------------------------------------biz form---------------------------------------------------------*/
.widget-bizform div[id*="divContainer"] {
  padding: 20px;
}
.widget-bizform .container{
  width:auto;
}
.widget-bizform .FormPanel {
  width: fit-content;
  margin: auto;
}
.widget-bizform .EditingFormTable {
display: block;
  width:90%;
/*     margin:0 auto; */
}
.widget-bizform:has(.full, .half, .third, .comments) tr {
display: flex;
flex-direction: column;
      justify-content: space-between;

}

.widget-bizform .FormPanel .FieldLabel, 
.widget-bizform  .FormPanel .EditingFormLabel {
  text-align: left;
}
.widget-bizform .EditingFormValueCell input, 
.widget-bizform .EditingFormValueCell textarea,
.widget-bizform .EditingFormValueCell select {
border-bottom: 1px solid var(--primary-color);
background: var(--primary-color-lightest);
border-top:0;
border-left:0;
border-right:0;
box-shadow:var(--bs-v2);
}
.widget-bizform.theme3 .EditingFormValueCell input, 
.widget-bizform.theme3 .EditingFormValueCell textarea,
.widget-bizform .theme3.EditingFormValueCell select {
border-bottom: 2px solid var(--accent-color-1);

}
.widget-bizform .FormPanel .form-control:focus {
  border-bottom: 2px solid var(--accent-color-2);
  background-color: #fafbfc;
  outline: 1px solid var(--primary-color);
}
.widget-bizform.theme3 .FormPanel .form-control:focus {
border-bottom: 3px solid var(--accent-color-2);
outline: 1px solid var(--accent-color-2);
}




.widget-bizform .radio {
margin-left: -9px;
display: flex;
flex-wrap: wrap;
}
.widget-bizform .radio input {
margin-bottom: 10px;
margin-right: 3px;
margin-left: 10px;
}
.widget-bizform .radio label {
flex-grow: 1;
min-width: -moz-max-content;
min-width: max-content;
}
.widget-bizform:has(.full, .half, .third, .comments) tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.widget-bizform .title {
font-size: 2rem;
}
.widget-bizform table.checkbox tr{
   width: 50%;
}
@media(max-width:1024px){
  .widget-bizform table.checkbox tr{
   width: 100%;
}
  .FormPanel .FieldLabel, .FormPanel .EditingFormLabel {
      text-align: left;
  }
}
.widget-bizform .full {
width: 100%;
}
.widget-bizform .full .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .full {
  width: 100%;
}
}
.widget-bizform .half {
width: 50%;
}
.widget-bizform .half .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .half {
  width: 100%;
}
}
.widget-bizform .comments {
width: 100%;
}
.widget-bizform .comments .EditingFormControlNestedControl .form-control{
max-width: 100%;
height: 8rem;
}
@media (max-width: 1024px) {
.widget-bizform .comments {
  width: 100%;
}
}
.widget-bizform .third {
width: 33%;
}
.widget-bizform .third .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .third {
  width: 100%;
}
}


.widget-bizform tr:has(input[type*="submit"]){
  display: flex;
 justify-content: center;
  align-items: center;
  margin:20px; 
  width: 100%;
}
/*-------------------------------------------custom class column-cards---------------------------------------------*/
.basic-text-area.column-cards img {
object-fit: cover;
height:300px;
width:100%;
}
.basic-text-area.column-cards div[id*='divCol'] {
display: flex;
flex-direction: column;
justify-content: space-between;
}

/*--------------------------------cookie policy adjustment----------------------*/
/*--need to ask if they want this customized*/
/* .cookie-overall-second-wpr {
  background:var(--primary-color) !important; required due to default styling having it
  color:white;
  z-index: 1000;
}
  .cookie-overall-second-wpr .outer-cookie-modal-overlay-accept-cookie-second-link button:not(.reject-btn-cookie).accept-cookies-btn {
      background-color:var(--accent-color-2);
} */
/*---------------------------------------------------------------footer--------------------------------------------*/
footer{
background-image:url('/getmedia/c0a52729-b9e7-4b9c-bfc4-1232f603e4f5/bg-footer.aspx'); 
  background-color:var(--primary-color);
  background-size:cover;
  background-repeat: no-repeat;
  background-position:  center;
/*     filter: hue-rotate(80deg); */
}
footer .footer-bg, footer section:is(.theme1, .theme2,.theme3) .inner-wrap{
  background:transparent;
  /* background-color:#0f2140c0; */
  
  
}

footer p {
    line-height:normal;
    margin-bottom:8px;
}

footer li {
list-style: none;
text-transform: uppercase;

}
footer ul {
padding:0;
margin:auto;

}
footer {
line-height:1.9em;
}
footer .basic-text-area div[id*="divCol3"] {
margin-top:auto;
height:100%;

}

footer img {
  max-height:75px;
  /* margin: 30px; */
}

footer .basic-text-area .row {
align-items: center;
}
footer .basic-text-area {
padding-top:60px;
padding-bottom:30px;
}
footer:after {
content:'';
    width:100%;
height:100%;
background:var(--primary-color-op50);
z-index: 1;
position: absolute;
top:0;
left:0;
overflow: hidden;

}
footer {
position: relative;
}
footer  * {
z-index: 10;
}

footer .basic-footer-widget .container {
border-top:1px solid var(--secondary-color);
padding-top:20px;
}

@media(min-width:1024px){
footer .basic-text-area div[id*="divCol3"] {
  
   margin-left:50px;
 }
}
@media(max-width:768px){
footer .basic-text-area .row > div{
    width:fit-content;
    margin: 10px auto;
}
footer .basic-text-area .row > div:first-child{
    width:100%;
   
}
footer .basic-text-area .row > div img{
    margin:10px auto;
    max-width:200px;
    display: block;
   
}
 footer .basic-text-area .row {
    flex-direction: row;
     flex-wrap: wrap;
}

}
@media(max-width:500px){
footer .basic-text-area .row > div{
   width:100%;
   margin: 10px auto;
    text-align: center;
}
}

/*-----------------footer social---------*/
footer .header-social > div {
display: flex;
flex-direction: column;
}
footer .header-social a {
font-size:1.6em;
padding:7px;
}

@media(max-width:500px){
 
footer .header-social > div { 
display: flex;
flex-direction: row;
justify-content: center;
}
footer .header-social a {
  font-size:1.7em;
  padding:10px;
}
footer .header-social a[title="Twitter"] {
  padding-top:8px;

}
}

/*--------------------------------cookie policy pop up adjustment----------------------*/
.cookie-overall-second-wpr, .cookie-modal-overlay-wpr {
  background:var(--primary-color) !important; /*required due to default styling having it*/
  color:white;
  z-index: 1000;
}
  .cookie-overall-second-wpr .outer-cookie-modal-overlay-accept-cookie-second-link button:not(.reject-btn-cookie).accept-cookies-btn,   
.cookie-modal-overlay-wpr .outer-cookie-modal-overlay-accept-cookie button:not(.reject-btn-cookie).accept-cookies-btn  {
      background-color:var(--accent-color-2);
}

  .widget-login-site .outer-cookie-mc-jpp-cpp .manage-cookies-btn, 
.widget-login-site .outer-cookie-mc-jpp-cpp .club-privacy-policy,
.widget-login-site .outer-cookie-mc-jpp-cpp .jonas-privacy-policy-link  {
      color:white;
}