body{
	height: 100%;
	overflow: hidden;
}

#main-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.dark-mode {
	background-color: #18181A;
	color: #ffffff;
	font-family: 'proxima-nova', sans-serif; 
}

a.no-underline{text-decoration: none;}
.card {
	background-color: #18181A;
	border-color: #999999;

}

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.article-text{ 
	
	font-size:21px;
	font-weight: 100;
	line-height: 42px;
	white-space: pre-line;
}

.price-card {
	margin: 25px;padding: 25px;
}

.hundred-wide{
	width: 100%;
}

.four-seven-six-wide{
	width: 4%;
}

.fifty-high{
	height: 50px;
}

.top-mar-5  {margin-top: 5px;}
.top-mar-10 {margin-top: 10px;}
.top-mar-15 {margin-top: 15px;}
.top-mar-20 {margin-top: 20px;}
.top-mar-50 {margin-top: 50px;}
.top-mar-100{margin-top: 100px;}
.top-mar-200{margin-top: 200px;}
.top-mar-250{margin-top: 250px;}
.top-mar-400{margin-top: 400px;}
.top-mar-500{margin-top: 500px;}

.bot-mar-5  {margin-bottom: 5px;}
.bot-mar-10 {margin-bottom: 10px;}
.bot-mar-15 {margin-bottom: 15px;}
.bot-mar-20 {margin-bottom: 20px;}
.bot-mar-50 {margin-bottom: 50px;}
.bot-mar-100{margin-bottom: 100px;}
.bot-mar-200{margin-bottom: 200px;}
.bot-mar-250{margin-bottom: 250px;}
.bot-mar-500{margin-bottom: 500px;}

.mar-1 {margin: 1px;}
.mar-2 {margin: 2px;}
.mar-5 {margin: 5px;}
.mar-10{margin: 10px;}
.mar-15{margin: 15px;}
.mar-20{margin: 20px;}
.mar-50{margin: 50px;}


.top-pad-5  {padding-top: 5px;}
.top-pad-10 {padding-top: 10px;}
.top-pad-15 {padding-top: 15px;}
.top-pad-20 {padding-top: 20px;}
.top-pad-50 {padding-top: 50px;}
.top-pad-100{padding-top: 100px;}
.top-pad-500{padding-top: 500px;}

.bot-pad-5 {padding-bottom: 5px;}
.bot-pad-10{padding-bottom: 10px;}
.bot-pad-15{padding-bottom: 15px;}
.bot-pad-20{padding-bottom: 20px;}
.bot-pad-50{padding-bottom: 50px;}
.bot-pad-100{padding-bottom: 100px;}
.bot-pad-500{padding-bottom: 500px;}

.pad-5 {padding: 5px;}
.pad-10{padding: 10px;}
.pad-15{padding: 15px;}
.pad-20{padding: 20px;}
.pad-50{padding: 50px;}



.preview-card .img-top {
        display: none;
    }
.preview-card:hover .img-top {
        display: inline;
    }
.preview-card .img-bot {
        display: inline;
    }
.preview-card:hover .img-bot {
        display: none;
    }


.yellow{
	color:#ffdc1d;
}

.green{
	color:#7efc00;
}

.blue{
	color:#1100FC;
}

.yellow-primary{
	background-color:#ffdc1d;border-color:#ffdc1d;color:#18181A;
}
.green-primary{
	background-color:#7efc00;border-color:#7efc00;color:#18181A;
}
.blue-primary{
	background-color:#1100FC;border-color:#1100FC;color:#18181A;
}
.white-primary{
	background-color:#ffffff;border-color:#ffffff;color:#000000;
}
.red-primary{
	background-color:#ff1d1d;border-color:#ff1d1d;color:#18181A;
}

.yellow-primary-link{
	color:#ffffff;
	border-color:#ffffff;
}
.yellow-primary-link:hover{
	border-color:#ffdc1d;color:#ffdc1d;
}

.green-primary-link{
	color:#ffffff;
	border-color:#ffffff;
}
.green-primary-link:hover{
	border-color:#7efc00;color:#7efc00;
}



.italicize {
  font-style: italic;
}
.extra-extra-big-bold {font-family: arial black, sans-serif;
font-style: normal; font-size: 5.5em; line-height:1.2em;
font-weight: 900;
color: #FFFFFF;}

.extra-big-bold {font-family: arial black, sans-serif;
font-style: normal; font-size: 4em; line-height:1.2em;
font-weight: 900;
color: #FFFFFF;}

.big-bold {font-family: arial black, sans-serif;
font-style: normal; font-size: 3em; line-height:1.2em;
font-weight: 900;
color: #FFFFFF;}

.med-bold {font-family: arial black, sans-serif;
font-style: normal;
font-weight: 900;
color: #FFFFFF;}

.bold {font-family: arial black, sans-serif; font-weight: 900;}

.about-body {font-family: proxima-nova, sans-serif;
font-style: normal; font-size: 2.0em;
color: #FFFFFF;
font-weight: 100;}

.font-lightweight{font-weight: 100;}

.small-title {font-family: proxima-nova, sans-serif;
font-style: normal; font-size: 1.30em; line-height:1.4em;
color: #FFFFFF;
font-weight: 300;}

.youtube-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.youtube-video-container iframe, .youtube-video-container object, .youtube-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.accountability-container {
  display: flex;
  width: 100%;
}

.accountability-block {
  flex: 1 1 calc(100% / 23);
  height: 50px; /* Adjust the height as needed */
  margin: 1px;
}

.red-block{
	background-color:#ff1d1d;border-color:#000000;color:#18181A;
}

.yellow-block{
	background-color:#ffdc1d;border-color:#000000;color:#18181A;
}

@media (max-width: 768px) {
  .accountability-block {
    height: 25px; /* Adjust the height for smaller screens as needed */
  }
}