/* BASE */
html{
  height: 100%;
	overflow-y: auto;
  overflow-x: hidden;
}
body{
	height: auto;
  min-height: 100%;
	margin: 0;
	display: block;
	position: relative;
	line-height: normal !important;
}

/* FONTS */
.u-font-arial{            font-family: Arial, sans-serif !important; }
.u-font-courier-new{      font-family: 'Courier New', monospace !important; }
.u-font-georgia{          font-family: Georgia, serif !important; }
.u-font-roboto{           font-family: Roboto, sans-serif !important; }
.u-font-roboto-condensed{ font-family: 'Roboto Condensed', sans-serif !important; }
.u-font-open-sans{        font-family: 'Open Sans', sans-serif !important; }
.u-font-lato{             font-family: Lato, sans-serif !important; }
.u-font-montserrat{       font-family: Montserrat, sans-serif !important; }
.u-font-source-sans-pro{  font-family: 'Source Sans Pro', sans-serif !important; }
.u-font-oswald{           font-family: Oswald, sans-serif !important; }
.u-font-raleway{          font-family: Raleway, sans-serif !important; }
.u-font-pt-sans{          font-family: 'PT Sans', sans-serif !important; }
.u-font-ubuntu{           font-family: Ubuntu, sans-serif !important; }
.u-font-titillium-web{    font-family: 'Titillium Web', sans-serif !important; }
.u-font-merriweather{     font-family: Merriweather, serif !important; }
.u-font-roboto-slab{      font-family: 'Roboto Slab', serif !important; }
.u-font-tangerine{        font-family: Tangerine, sans-serif !important; }
.u-font-playfair-display{ font-family: 'Playfair Display', serif !important; }
.u-font-lobster{          font-family: Lobster, display !important; }

/* BACKGROUND */
.astro_bg{
  background-image: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.3)), url("IMG/astro_bg.jpg");
  background-position: 50% 50%;
	background-attachment: fixed;
	background-size: cover;
	vertical-align: middle;
}

/* GRADIENTS */
.bg-gradient-1{
    background: #7f7fd5;
    background: -webkit-linear-gradient(to right, #7f7fd5, #86a8e7, #91eae4);
    background: linear-gradient(to right, #7f7fd5, #86a8e7, #91eae4);
}
.bg-gradient-2{
    background: #654EA3;
    background: -webkit-linear-gradient(to right, #654EA3CC, #EAAFC8CC);
    background: linear-gradient(to right, rgba(101,78,163,0.8), rgba(234,175,200,0.8));
}
.bg-gradient-3{
    background: #ff416c;
    background: -webkit-linear-gradient(to right, #ff416c, #ff4b2b);
    background: linear-gradient(to right, #ff416c, #ff4b2b);
}
.bg-gradient-4{
    background: #007991;
    background: -webkit-linear-gradient(to right, #007991, #78ffd6);
    background: linear-gradient(to right, #007991, #78ffd6);
}
.button.bg-gradient-2{
    background: #654EA3;
    background: -webkit-linear-gradient(to left, #654ea3, #9311867F);
    background: linear-gradient(to left, rgba(101,78,163,0.8), rgb(147,17,134,0.5));
}

/* NEGATIVE MARGINS */
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.50rem !important;
}
.mt-n3 {
  margin-top: -1.25rem !important;
}
.mt-n4 {
  margin-top: -1.50rem !important;
}
.mt-n5 {
  margin-top: -1.75rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}
.mb-n2 {
  margin-bottom: -0.50rem !important;
}
.mb-n3 {
  margin-bottom: -1.25rem !important;
}
.mb-n4 {
  margin-bottom: -1.50rem !important;
}
.mb-n5 {
  margin-bottom: -1.75rem !important;
}

.vw-60{
    width: 60vw!important;
}

.vw-35{
    width: 35vw!important;
}
/* MOBILE RESPONSIVENESS MD (<768px == bootstrap-md) */
@media only screen and (min-width: 768px) {
    .vw-md-35{
        width: 35vw!important;
    }
}

/* ELEMENTS */
button, input, optgroup, select, textarea {
    font-family: none;
}
.title {
    font-size: calc(3rem + 6.7vw)!important;
}
.subtitle {
    font-size: calc(2rem + 5.4vw)!important;
    --bs-text-opacity: 0.75;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
}
.title2 {
    font-size: calc(2rem + 5.4vw)!important;
}
.corpus{
    font-size: calc(1.7rem + 0.9vw) !important;
}
.table th, .table td{
    padding-left:  0.1rem;
    padding-right: 0.1rem;
}
@media (min-width: 1200px) {
    .title {
        font-size: 8rem !important;
    }
    .subtitle {
        font-size: 6rem !important;
    }
    .corpus{
        font-size: 2.8rem !important;
    }
    .table th, .table td{
        padding-left:  0.5rem;
        padding-right: 0.5rem;
    }
}

.table-hover>tbody>tr:hover>* {
    color: gold !important;
}

.text-gold {
    color: gold !important;
}
.text-shadow{
    text-shadow: 1px 1px #000000bb;
}

.button{
    font-size: calc(0.5rem + 0.8vw) !important;
}
.button_big{
    font-size: calc(1.0rem + 1.0vw) !important;
}

/* CONTDOWN SMALL */
.rounded-box{
    border-radius: 1rem !important;
		font-size: calc(1.2rem + 1.5vw) !important;
}
.countdown{
    text-transform: uppercase;
    font-weight: bold;
    font-size: calc(0.6rem + 0.5vw) !important
}
.countdown span{
    width: 80px;
    height: 80px;
		font-size: calc(0.8rem + 1.4vw) !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.countdown span:first-of-type{
    margin-left: 0;
}

/* MOBILE RESPONSIVENESS MD (<768px == bootstrap-md) */
@media only screen and (max-width: 768px) {
	.countdown{
			font-size: calc(0.5rem + 1vw) !important;
	}
	.countdown span{
		width: 65px;
    height: 65px;
	}
}

/* MOBILE RESPONSIVENESS SM (<576px == bootstrap-sm) */
@media only screen and (max-width: 576px) {
	.countdown{
			font-size: calc(0.4rem + 0.4vw) !important;
	}
	.countdown span{
		width: 50px;
    height: 50px;
	}
}

.myUnderline{
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-decoration-line: underline;
    text-decoration-color: gold;
}