h1 {  
  color: white;  
  font-size: 2.5vw;
  letter-spacing: 1px;
}
h2 {  
  color: #10CCC9; 
  font-size: 1.5vw;
}
h3 {  color: #00768F; }
h4 {  
  margin: 0px !important; 
  font-size: 19px;
}

.content-page .content {
  background: white !important;
   padding: 0px !important;
}
.content-page .content > .row {
  /*min-height: inherit !important;*/
}


/*
************************
The header text block
************************
*/
/* Specifically, the text in the header */
div.row-layout-0[class*="backgroundimage-"] {
  position: relative;
}
div.row-layout-0[class*="backgroundimage-"] > div.col-12.simple-row-inner-default:has(h1) {
  position: absolute;
  bottom: 5vw;
  left: 0;
  right: 0;
}
/* Specifically, the 3 columns in the header */
div.frame-type-gridelements_pi1 p {  color: white; }
div.frame-type-gridelements_pi1 a {  color: #00768F !important; }
div.col:has(strong) { 
  border-top: 3px solid red;
  margin: 10px 0px 15px 15px;
  padding: 10px 0px 0px 0px;
}


/*
**********************
The Countdown Timer
**********************
*/
/*Specifically, the countdown timer:
- push it above/on top of the header
- style the numbers and labels*/
div.row-layout-556[class*="backgroundimage-"]:has(#countdown) {
  position: relative;
  z-index: 10;
  margin-top: -35px;
}
#countdown {
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}
#countdown {
  text-align: center;
  height: 250px;
  padding-top: 3vw;
}
#countdown .days, #countdown .hours, #countdown .minutes {
  float: left;
}
#countdown .days .digit, #countdown .hours .digit, #countdown .minutes .digit, #countdown .seconds .digit {
  font-family: 'Oswald';
  font-size: 5vw;
  font-weight: bolder;  
  float: left;
}
#countdown .days .digit {
  color: #011C48;
}
#countdown .hours .digit {
  color: #00768F;  
}
#countdown .minutes .digit {
  color: #10CCC9;
}
#countdown .seconds .digit {
  color: red;
}
#countdown .label {
  color: black;
  font-family: 'Oswald';
  font-size: 2.5vw;
  font-weight: bold;
  float: left;
  margin: 2.7vw 1vw 0vw -3px;
}

/*
*****************************
The 3-Column Action buttons
*****************************
*/
.col-12 .col {
  padding: 0px;
}

/*
*********************
The Accordion block
*********************
*/
.panel-title .accordion-toggle, .panel-title .accordion-toggle:hover, .panel-title .accordion-toggle:focus {
  text-decoration: none;
}
/* Turn the link into a flex row so we can reorder the arrow icon to the left */
.panel-title .accordion-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Push the existing <i> to the front (left) of the flex row */
.panel-title .accordion-toggle i.fa-caret-down {
  order: -1;
  transition: transform 0.2s ease;
}
/* Collapsed state: rotate the down-caret to point right ( > ) */
.panel-title .accordion-toggle.collapsed i.fa-caret-down {
  transform: rotate(-90deg);
}
/* Remove the extra down arrow */
.panel-group .accordion-toggle::after {
  display: none;
}
.panel {
  border: 2px solid #00768F;  
  padding: 13px;
}
/* Client request: make toggles +/- instead of arrows */
/*.fa-caret-down::before {  content: "\f146" !important; }
.fa-caret-down {  content: "\f0fe" !important; }*/
.panel-body header {
  display: none;
}
.panel p {  color: black !important; }
.content-page .contenttable td {
  border-left: none;
  border-right: none;
}








/* Small Devices and Tablets and small desktop */
@media only screen and (max-width : 767px) {

#countdown .days .digit, #countdown .hours .digit, #countdown .minutes .digit, #countdown .seconds .digit {
  font-family: 'Oswald';
  font-size: 10vw;
  font-weight: bolder;  
  float: left;
}
#countdown .label {
  color: black;
  font-family: 'Oswald';
  font-size: 5vw;
  font-weight: bold;
  float: left;
  margin: 4vw 1vw 0vw -3px;
}  
  
}
