/* Type */

/*
<link rel="stylesheet" href="https://use.typekit.net/dwd0lbf.css">

Avenir Next LT Pro Regular

font-family: 'avenir-next-lt-pro', sans-serif;
font-weight: 400;
font-weight: 400; font-style: italic;
font-weight: 500;
font-weight: 500; font-style: italic;
no 600 weight!
font-weight: 700;
font-weight: 700; font-style: italic;
font-weight: 800;
font-weight: 800; font-style: italic;
   

Source Serif 4 Regular

font-family: 'source-serif-4', serif;
font-weight: 400;
font-weight: 400; font-style: italic;
no 500 weight
font-weight: 600;
font-weight: 600; font-style: italic;
font-weight: 700;
font-weight: 700; font-style: italic;
  
*/

html {
  font-size: 16px; 
  font-size: clamp(16px, 1rem + 0.4vw, 18px);
}

body {
  font-family: 'avenir-next-lt-pro', sans-serif;
  font-optical-sizing: auto; 
  line-height:1.5;
}

.text-sans { font-family: 'avenir-next-lt-pro', serif; }
.text-serif { font-family: 'source-serif-4', serif; }

.text-400 { font-weight:400; }
.text-500 { font-weight:500; }
.text-600 { font-weight:600; }
.text-700 { font-weight:700; }
.text-800 { font-weight:800; }

/* global typography */

h1,h2,h3,h4,h5,h6 { text-wrap:balance; color:inherit; }

h1 { font-size: 2.36rem; line-height:1.25; font-weight:500; margin-top:0px; margin-bottom: 1rem; text-shadow:1px 1px 1px white; }

h2 { font-size: 1.618rem; line-height:1.36; font-weight:500; margin-top:1rem; margin-bottom: 1rem; }
h2.h1-style {  font-size: 2.36rem; line-height:1.25; text-shadow:1px 1px 1px white;}

h3 { font-size: 1.1rem; line-height:1.5; font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; margin-top:1rem; margin-bottom: 1rem; } 

h2.on-detail { font-family: 'avenir-next-lt-pro',sans-serif; }
h2.on-detail { font-size: 0.85rem; font-weight:700; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.050rem; }

p, li { font-size:1.05rem; font-family: 'source-serif-4', serif; }
li { margin-bottom:0.25rem; } /* I like to differentiate between line height and items */
p.intro,p.lead { font-weight:inherit; font-size:1.2rem; }

p.eyebrow { font-family:'avenir-next-lt-pro', sans-serif; font-weight: 800; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.100rem; text-shadow:1px 1px 1px white; }
div.metabank { font-family:'avenir-next-lt-pro', sans-serif; font-weight: 800; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.100rem; text-shadow:1px 1px 1px white; margin-bottom:1rem; }

label { color:inherit; }


.form-control { border-color:#E5D7CE; color: #2c1301; }
.input-group-text { border-color:#E5D7CE; background-color:#E5D7CE; }
.text-muted { color: #3d1b02!important; font-size:85%; }

.form-boxed {
  border: 1px solid #E5D7CE;
  padding: 20px;
  max-width: 990px;
  background: rgba(229,215,206,0.2);
  margin: 24px 0px;
  border-radius: 4px;
}

.form-headline { display:table; width:100%; margin:30px 0px; }
.form-headline-lined { display:table-cell; width:45%; vertical-align:middle; }
.form-headline-lined span { display:block; width:100%; height:1px; background-color:#d9c9bd; }
.form-headline-text { display:table-cell; width:auto; text-align:center; vertical-align:middle; white-space: nowrap; padding:0 20px; }
.form-headline-text { text-transform:none; font-size:12px; line-height:16px; color:#3d1b02; letter-spacing:0.025rem; }

.form-member-desc { margin-top:-3px;  }
.form-member-desc * { font-family: 'avenir-next-lt-pro', sans-serif; font-size:0.85rem; font-weight:500; }
 
label { font-weight: 700;  }

.form-control:disabled, .form-control[readonly] { background-color: #e2dddc; opacity: 1; }


hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top: 1px solid #dec8bc;
  border-bottom: 1px solid #fff; opacity:1; }

hr.clearing-spacer { clear:both; background-color:inherit; border:0px; opacity:1; }

a { color:inherit; text-decoration:underline; }
a:hover { color:inherit; text-decoration:underline; }

blockquote,pre { background-color:inherit; } /* override Citylight 9 rules */


.table > :not(caption) > * > * {
  background-color:transparent;
}
.table {
  --bs-table-border-color: #dcd6d6; /* any color you want */
}


/*
h6 { font-family: 'europa', sans-serif; font-weight:800; text-transform:uppercase; font-size:14px; line-height:20px; color:#80715B; text-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 1); letter-spacing:0.075rem; }
.little-headline { position:relative; width:100%; height:auto; }
.little-headline-lines { position:absolute; z-index:1; top:50%; width:100%; height:2px; margin-top:-1px; border-top:1px solid #d9c9bd; border-bottom:1px solid #fff; }
.little-headline .little-h6 { position:relative; z-index:2; margin:0; text-align:center; }
.little-headline .little-h6 span { padding:0px 12px; }
.lil-h6, .little-headline .little-h6 { font-family: 'europa', sans-serif; font-weight:800; text-transform:uppercase; font-size:14px; line-height:20px; color:#80715B; text-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 1); letter-spacing:0.075rem; }
*/

.little-headline {
  font-weight:800; 
  text-transform:uppercase; 
  letter-spacing:0.100rem;
  font-size:0.8rem; 
  color:var(--cms-cream-dark);
  text-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 1); 
}





/* link box */

.lk { display:table; width:100%; margin-bottom:0.75rem; background-color:inherit; padding:0rem 1rem 0.75rem 1rem; }
.lk a { text-decoration:underline; color:inherit; }
.lk a:hover { text-decoration:underline; color:inherit; }
.lk-arrow { display:table-cell; width:36px; vertical-align:top; font-size:1rem; line-height:1.5; color:var(--cms-green); }
.lk-content { display:table-cell; width:auto; vertical-align:top; }
.lk-content-primary { font-size:1rem; font-weight:700; margin-bottom:0.2rem; }
.lk-content-secondary { font-size:0.85rem; font-weight:500; }


/* sponosor logos */

.cc-sponsor-logos { margin:2rem 0 0 0; }
.cc-logo { display:inline-block; margin:0px 12px 12px 0; background-color:white; }
.cc-logo span { display:block; border:2px solid white; box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25); }
.cc-logo a { display:block; transition: all 400ms ease; border:2px solid white; box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25); }
.cc-logo a:hover { border-color:white; box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.75); }
.cc-logo-img { width:120px; height:120px; border:16px solid #fff; background-position:center center; background-size:contain; background-repeat:no-repeat; }
@media all and (min-width: 768px) {
  .cc-logo { margin:0px 16px 16px 0; }
	.cc-logo-img { width:160px; height:160px; }
}


/* buttons */

.btn-brand { 
  background-color:var(--cty-abtnlink); 
  border:1px solid var(--cty-abtnlink); 
  color:white; 
  font-family: 'avenir-next-lt-pro', sans-serif;
  font-size:0.8rem; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; 
  margin: 4px 2px 4px 0px; 
  padding: .375rem .75rem; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
}
.btn-brand:hover,.btn-brand:focus { 
  background-color:var(--cty-abtnhover); 
  border-color:var(--cty-abtnhover); 
  color:white; 
  text-decoration:none; 
}
.btn-brand:active {
  background-color: #003d7a;
  transform: translateY(1px); 
}

.btn-outline-brand { 
  background-color:inherit; 
  border:2px solid var(--cty-abtnlink); 
  color:var(--cty-abtnlink); 
  font-family: 'avenir-next-lt-pro', sans-serif;
  font-size:0.8rem; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem;  
  margin: 4px 2px 4px 0px; 
  padding: .375rem .75rem; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-outline-brand:hover { 
  background-color:var(--cty-abtnhover); 
  border-color:var(--cty-abtnhover); 
  color:white; 
  text-decoration:none; 
}

.btn-brand-pill { 
  background-color:var(--cty-abtnlink); 
  border:1px solid var(--cty-abtnlink);  
  color:white; 
  font-family: 'avenir-next-lt-pro', sans-serif;
  font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem;  
  border-radius:20px; 
  margin: 4px 2px 4px 0px; 
  padding: 0.2rem 0.7rem; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-brand-pill:hover, .btn-brand-pill:selected {  
  background-color:var(--cty-abtnhover); 
  border-color:var(--cty-abtnhover); 
  color:white; 
  text-decoration:none; 
}

.btn-outline-brand-pill { 
  background-color:inherit; 
  border:1px solid var(--cty-abtnlink); 
  color:var(--cty-abtnlink); 
  font-family: 'avenir-next-lt-pro', sans-serif;
  font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem;  
  border-radius:20px; 
  margin: 4px 2px 4px 0px; 
  padding: 0.2rem 0.7rem; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-outline-brand-pill:hover { 
  background-color:var(--cty-abtnhover); 
  border-color:var(--cty-abtnhover); 
  color:white; 
  text-decoration:none; 
}

.btn-naked { 
  color:var(--cty-abtnlink); 
  text-transform:uppercase; 
  letter-spacing:0.050rem; 
  margin: 4px 2px 4px 0px; 
  padding: .375rem 0rem; 
  transition:var(--cty-transition-hover);  
}
.btn-naked:hover { 
  color:var(--cty-abtnhover); 
}


.btn-brand-domino { 
  background-color:var(--cty-abtnlink); 
  border:1px solid var(--cty-abtnlink);  
  color:white; 
  font-size:0.8rem; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; 
  border-radius:20px; 
  margin: 4px 2px 4px 0px; 
  padding: .275rem 1rem; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-brand-domino:hover {  
  background-color:var(--cty-abtnhover); 
  border-color:var(--cty-abtnhover); 
  color:white; 
  text-decoration:none; 
}

.add-arrow::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f178";
  padding-left:8px;
}
.add-angle::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\203a";
  padding-left:8px;
}


/* section filters */

.btn-section-filters { margin:1rem 0; }
.btn-section-filters ul { list-style:none; margin:0; padding:0; text-wrap:balance; }
.btn-section-filters li { display:inline; margin:0; padding:0; font-family: 'avenir-next-lt-pro', serif; }
.btn-section-filters a {
  display:inline-block;
  text-decoration: none;
  font-size:0.7rem;
  line-height: 1;
  font-weight:800;
  text-transform: uppercase;
  letter-spacing: 0.050rem;
  color:var(--cms-green); 
  background-color:inherit;
  border:2px solid var(--cms-green); 
  transition:var(--cty-transition-hover); 
  border-radius:24px;
  padding:0.5rem 0.75rem;
  white-space: nowrap;
  margin:4px 3px;
}
.btn-section-filters a:hover { 
  background-color:var(--cms-green);  
  border-color:var(--cms-green); 
  color:white; 
  text-decoration: none; 
}
.btn-section-filters a.selected { 
  background-color:var(--cms-green); 
  border-color:var(--cms-green); 
  color:white; 
}


/* button group as on specials */

.op-button-group { margin:1rem 0; text-align:center; text-wrap:balance; }
.op-button-group button { 
  text-decoration:none; 
  font-size:0.7rem;
  line-height:1;
  font-weight:800;
  text-transform: uppercase;
  letter-spacing: 0.050rem;
  color:var(--cms-green);
  background-color:inherit; 
  border:2px solid var(--cms-green); 
  transition:var(--cty-transition-hover); 
  border-radius:24px;
  padding:0.5rem 0.75rem;
  white-space: nowrap;
  margin:4px 3px; 
}
.op-button-group button:hover { 
  background-color:var(--cms-green); 
  border-color:var(--cms-green); 
  color:white; 
  text-decoration:none; 
}
.op-button-group button.button-selected { 
  background-color:var(--cms-green); 
  border-color:var(--cms-green); 
  color:white; 
  text-decoration:none; 
}