body {
  color: #5c5f63;
}


.navbar-top a {
    color: #FFF;
  
}

.navbar-top a:hover {
    
    color: #d3e8f7;
}

.navbar-light .navbar-nav .nav-link, .dropdown-menu .dropdown-item {
  color: #363e46;
  color: #000000;
  font-weight: 500;
}

.splashtron {
	background:rgba(0,0,0,0.6);
	border-radius:0.6rem;
}
.splashtronLight {
	background:rgba(0,0,0,0.2);
	border-radius:0.6rem;
}

.splashtronMedium {
	background:rgba(0,0,0,0.4);
	border-radius:0.6rem;
}

.splashtronPurple {
	background: rgb(13 4 51 / 80%);
	border-radius:0.6rem;
}




.footer-dark a:hover {color:#f7c67e;}

.hr_border-1{
   border: 1px solid;
 }

 .hr_table-hover tbody tr:hover{
  background-color: rgb(111 134 158 / 42%);
  }




.whitelink{
  color: #FFF;
  /* text-decoration: underline; */
  border-bottom: 2px solid white;
}

.whitelink:hover{
  color: #FFF;
  transition: 400ms;
  border-bottom: 2px solid transparent; 
 
 
  /* text-decoration: none; */

}





.icon-grad-yellow i:before {
    background: -moz-linear-gradient(150deg, #fefcea 0%, #f1da36  100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefcea), color-stop(100%, #f1da36 ));
    background: -webkit-linear-gradient(150deg, #fefcea 0%, #f1da36  100%);
    background: -o-linear-gradient(150deg, #fefcea 0%, #f1da36  100%);
    background: -ms-linear-gradient(150deg, #fefcea 0%, #f1da36  100%);
    background: linear-gradient(150deg, #fefcea 0%, #f1da36  100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent;
}

/*.icon-grad-orange i:before {
  background: -moz-linear-gradient(150deg, #ff670f 0%, #ff670f 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff670f), color-stop(100%, #ff670f));
  background: -webkit-linear-gradient(150deg, #ff670f 0%, #ff670f 100%);
  background: -o-linear-gradient(150deg, #ff670f 0%, #ff670f 100%);
  background: -ms-linear-gradient(150deg, #ff670f 0%, #ff670f 100%);
  background: linear-gradient(150deg, #ff670f 0%, #ff670f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color-one", endColorstr="$color-two",GradientType=1 );
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}*/

.icon-grad-orange i:before {
  background-color:#0C3;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-yellow i:before {
  background-color: #f1da36;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-orange i:before {
  background-color: #ff670f;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-redbrown i:before {
  background-color: #6d0019;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-darkpink i:before {
  background-color: #a80077;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-blue i:before {
  background-color: #0047ab;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-green i:before {
  background-color: #2ab9a5;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-purple i:before {
  background-color: #9825ce;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

.icon-champagne i:before {
  background-color: #d32643;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

/* font sizes */
.display-orig-size{
	font-size: 1rem;
}



.list-group-icon-purple-bg .list-group-item, .list-group-icon-orange-bg .list-group-item, .list-group-icon-sunset-bg .list-group-item, .list-group-icon-green-bg .list-group-item{
  display: flex;
}

.list-group-icon-purple-bg i,  .list-group-icon-orange-bg i, .list-group-icon-sunset-bg i, .list-group-icon-green-bg i {
  font-weight: 600;
  height: 22px;
  width: 22px;
  line-height: 23px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px !important;
  margin-top: 1px;
  font-size: 11px;
  flex-shrink: 0;
  justify-content: center;
}

.list-group-icon-purple-bg i { background-color: #e6d4ff; color: #751af7; } 

.list-group-icon-orange-bg i { background-color: #ffd5b8; color: #ff6a00; }

.list-group-icon-sunset-bg i { background-color: #ffebce; color: #f5b150; }

.list-group-icon-green-bg i { background-color: #e1f4eb; color: #4cbd89; }

.bg-dark-blue { background-color: #0047ab }

.text-mustard { color: #ffd352 }

.text-rust { color: #ab4400 }

.text-offred {color: #dc3545;}

.text-offgreen {
  color: #28a745;
}

.text-offblue {
  color: #17a2b8;
}

/* 
max-width means: <= 
*/
@media (max-width: 1199.98px){
  .ipad {
      width: 100%;
  }
} 

@media (max-width: 300px){
  .xxs-p0 {
      padding: 0;
  }
}


/* 
min-width means: >= 
*/
@media (min-width: 992px) and (max-width: 1127.98px) {
  
  .navbar-expand-lg .navbar-nav .nav-link {
    
    padding-left: 0;
  }
 
}

@media (min-width: 992px) and (max-width: 1001px) {
  
  .navbar-expand-lg .navbar-nav .nav-link {
    
    padding-right: 0.8rem;
    /* font-size: .875rem; */
  }
 
}

/* 
min-width means: >= 
*/
/* @media (min-width: 1010px) {
  
  .navbar-expand-lg .navbar-nav .nav-link {
    
    padding-left: 0;
  }
 
} */

/* @media (min-width: 1040px) {
  
  .navbar-expand-lg .navbar-nav .nav-link {
    
    padding-left: 1rem;
  }
 
} */



.navbar-brand{
    padding-top:16px;
}




.hr_banner_price {
    font-size: 50px;
	
}



.hr_banner_price_container {
    font-size: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hr_banner_price_dollar {
    font-size: 1em;
    font-weight: 900;
    /* margin-top: .2em; */
    vertical-align: top;
}


.hr_banner_price_number {
    font-size: 3.2em;
    font-weight: 600;
    line-height: .7em;
}

.hr_banner_price_subcontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.hr_banner_price_cents {
    font-size: .8em;
    font-weight: 700;
    vertical-align: top;
}

.hr_banner_price___unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hr_banner_price_term {
    font-size: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: .3em;
}
