/* Type */

/* 
Quasimoda Adobe Type

font-family: 'quasimoda', sans-serif; 

font-weight:300;
font-weight:400;
font-weight:400; font-style:italic;
font-weight:500;
font-weight:600;
font-weight:700;
font-weight:700; font-style:italic;
font-weight:800; 
*/

html {
  font-size: 16px; /* 16 is default for most browsers*/
  font-size: clamp(16px, 4vw, 20px); /* never go below 16px, never above 24px, and scale with the viewport width in between */
}

/*
@media screen and (min-width: 320px) {
  html { font-size: 110%; }
}
@media screen and (min-width: 992px) {
  html { font-size: 114%; }
}
@media screen and (min-width: 1200px) {
  html { font-size: 116%; }
}
@media screen and (min-width: 1400px) {
  html { font-size: 118%; }
}
*/

html {
  height:100%;
  background-color:var(--cty-body-bg);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: 'quasimoda', sans-serif;
  font-optical-sizing: auto; 
  line-height:1.5;
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cty-pagewrap-bg);
  color:var(--cty-pagewrap-txt);
  width:100%;
  max-width:2400px;
  margin:0 auto;
}

#page-header { display:block; width:100%; position:absolute; top:0px; z-index:2; }

#page-header { transition: all 300ms linear 0s; box-shadow:none; }
#page-header.bg-solid { background-color:var(--cty-dahlia-medium); transition: all 150ms linear 0s; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px; }


#page-content { display:block; width:100%; position:relative; top:0px; z-index:1; }

#page-content.lets-glow { background-color:#F0FEF5; }

/*
.container-fluid { max-width: 1300px; padding: 0 24px;  margin: 0 auto; }
.container-fluid-full { }
.container-fluid-narrow { max-width:960px; }
@media screen and (min-width: 1200px) {
  .container-fluid-full { max-width:1800px; padding-left:5%; padding-right:5%; }
}
*/


/* global typography */


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

h1 { font-size: 2.6rem; margin-top:0px; margin-bottom: 1rem; font-weight:800; text-transform:uppercase; }
h2 { font-size: 1.6rem; margin-top:1rem; margin-bottom: 1rem; font-weight:800; }
h2.on-detail { font-size: 0.9rem; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.050rem; }
h3 { font-size: 1.1rem; font-weight:700; }
h4 { font-size: 1rem; line-height:1.5; font-weight:500; margin-top:0px; margin-bottom: 1rem; }


p, li { font-size:18px; line-height:1.5; }

p.intro,p.lead { font-weight:500; font-size:20px; line-height:1.5; }

figure figcaption { color: var(--cty-dahlia-dark); font-weight:500; font-size:14px; line-height:1.4; margin-top: 0.5rem; }


hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid var(--cty-dahlia-light); opacity:1; }

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

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

ul.site-search li a { text-decoration:none; }

a div.lnk-primary { color: inherit; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:var(--cty-asec-link); font-weight:400; font-size:16px; line-height:20px; margin-top:3px; }
a div.lnk-secondary span { color:var(--cty-asec-divider); }
a:hover div.lnk-primary { color: inherit; }
a:hover div.lnk-secondary { color:var(--cty-asec-hover); }



/* buttons */

.btn-brand { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary); color:#19162e; font-size:14px; font-weight:600; text-transform:none; letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:2px; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-brand:hover { background-color:#8CD4AB; border-color:#8CD4AB; color:#19162e; text-decoration:none; }

.btn-outline-brand {  background-color:inherit; border:2px solid var(--cty-mint-primary); color:#3C3869; font-size:14px; font-weight:600; text-transform:none; letter-spacing:0; 
 margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:2px; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-outline-brand:hover { background-color:var(--cty-mint-primary); border-color:var(--cty-mint-primary); color:#3C3869;  text-decoration:none; }

.btn-brand-pill { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary);  color:#18162E; font-size:14px; font-weight:600; text-transform:none; letter-spacing:0; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .375rem 1rem; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-brand-pill:hover {  background-color:#8CD4AB; border-color:#8CD4AB; color:#18162E; text-decoration:none;  }

.btn-brand-pill-larger { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary); color:#18162E; font-size:18px; line-height:1; font-weight:700; text-transform:none; letter-spacing:0; border-radius:40px; 
  margin:4px 2px 4px 0px; padding: 16px 40px; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-brand-pill-larger:hover {  background-color:#8CD4AB; border-color:#8CD4AB; color:#18162E; text-decoration:none;  }


.btn-outline-brand-pill { background-color:inherit; border:2px solid var(--cty-mint-primary); color:#3C3869; font-size:14px; font-weight:600; text-transform:none;letter-spacing:0;  border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; text-decoration:none; }
.btn-outline-brand-pill:hover { background-color:var(--cty-mint-primary); border-color:var(--cty-mint-primary); color:#3C3869;  text-decoration:none;}

.btn-brand-domino { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary);  color:#18162E; font-size:14px; font-weight:600; text-transform:none; letter-spacing:0; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .375rem 1rem; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-brand-domino:hover {  background-color:#8CD4AB; border-color:#8CD4AB; color:#18162E; text-decoration:none;  }


.btn-naked { color:var(--cty-alink); font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; margin:4px 2px 4px 0px; padding: .375rem 0rem; transition: all 0.15s linear 0s;  text-decoration:none;}
.btn-naked:hover { color:var(--cty-ahover);  text-decoration:none;}

.lk { display:table; width:100%; margin-bottom:12px; }
.lk-thumb { display:table-cell; width:96px!important; vertical-align:top; padding-right:16px; padding-left:6px; }
.lk-arrow { display:table-cell; width:30px!important; vertical-align:top; font-size:16px; line-height:1.4; color:var(--cty-alink); }
.lk-content { display:table-cell; width:auto; vertical-align:top; }

.lk-image { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }




.cc-sponsor-logos { margin:30px 0 0 0; }
.cc-logo { display:inline-block; margin:0px 12px 12px 0; background-color:#fff; border-radius:30px; overflow:hidden;  }
.cc-logo span { display:block; border:2px solid #eee; border-radius:30px; overflow:hidden; }
.cc-logo a { display:block; transition: all 400ms ease; border:2px solid #eee; border-radius:30px; overflow:hidden;  }
.cc-logo a:hover { border-color:#bbb; }
.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; }
}






.op-accordion {
  --op-accordion-color: white;
  --op-accordion-bg: transparent;  /* color of clickable body background */
  --op-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --op-accordion-border-color: #849ecf;
  --op-accordion-border-width: var(--bs-border-width);
  --op-accordion-border-radius: var(--bs-border-radius);
  --op-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --op-accordion-btn-padding-x: 0.25rem;
  --op-accordion-btn-padding-y: 1rem;
  --op-accordion-btn-color: white; /* color of clickable header text */
  --op-accordion-btn-bg: transparent; /* color of clickable header background */
  --op-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --op-accordion-btn-icon-width: 1.25rem;
  --op-accordion-btn-icon-transform: rotate(-180deg);
  --op-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --op-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --op-accordion-btn-focus-border-color: #86b7fe; 
  --op-accordion-btn-focus-box-shadow: 0; /* 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
  --op-accordion-body-padding-x: 1.25rem;
  --op-accordion-body-padding-y: 1rem;
  --op-accordion-active-color: white;
  --op-accordion-active-bg: transparent;
}

.op-accordion { margin:0rem 0 1.5rem 0; }

.op-accordion .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--op-accordion-btn-padding-y) var(--op-accordion-btn-padding-x);
  color: var(--op-accordion-btn-color);
  text-align: left; /* Reset button style */
  background-color: var(--op-accordion-btn-bg);
  border: 0;
  border-radius:0;
  overflow-anchor: none;
  /*transition(var(--op-accordion-transition));*/
  font-size:inherit; 
  font-weight:700; /* we add */

  &:not(.collapsed) {
    color: var(--op-accordion-active-color);
    background-color: transparemt;
    box-shadow: inset 0 calc(-1 * var(--op-accordion-border-width)) 0 var(--op-accordion-border-color); /* stylelint-disable-line function-disallowed-list */

    &::after {
      background-image: var(--op-accordion-btn-active-icon);
      transform: var(--op-accordion-btn-icon-transform);
    }
  }

  /* Accordion icon*/
  &::after {
    flex-shrink: 0;
    width: var(--op-accordion-btn-icon-width);
    height: var(--op-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--op-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--op-accordion-btn-icon-width);
  }

  &:hover {
    z-index: 2;
  }

  &:focus {
    z-index: 3;
    border-color: var(--op-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--op-accordion-btn-focus-box-shadow);
  }
}

.op-accordion .accordion-header {
  margin-bottom: 0;
}

.op-accordion .accordion-item {
  color: var(--op-accordion-color);
  background-color: var(--op-accordion-bg);
  border: var(--op-accordion-border-width) solid var(--op-accordion-border-color);
}

.op-accordion .accordion-body {
  padding: 0 0.25rem var(--op-accordion-body-padding-y) 0.25rem;
}


/* Flush accordion items
 Remove borders and border-radius to keep accordion items edge-to-edge.*/

.op-accordion {
  .accordion-collapse {
    border-width: 0;
  }

  .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;

    &:first-child { border-top: 0; }
    &:last-child { border-bottom: 0; }

    .accordion-button {
      &,
      &.collapsed {
        border-radius:0;
      }
    }
  }
}