@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.bebas-neue-regular {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
  }

.bebas-neue-bold {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 700;
	font-style: normal;
}

:root {
	--tan: #f1d8b4;
	--grayblue: #28445a;
	--gold: #f2b843;
}



#foundation {
	width: 710px;
	background-color: white;
	color: #28445a;
	font-family: "Bebas Neue", sans-serif;
	font-size: 1.2rem;
    text-align: center;
	margin: 0 auto;
	border: 1px solid black;
}



#cta {
	background-image: url("/products/foundation/seasons1-2/graphics/vault-blue-space-background.jpg");
	background-color: black;
	height: 1100px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
    align-items: center;
	gap: 0px;
	padding-bottom: 30px; 
}


#tagline {
    color: rgb(177, 159, 128);
    background-color: transparent;
    text-shadow: 2px 2px black;
    line-height: 1rem;
    text-align: center;
	font-family: "Bebas Neue", sans-serif;

}

#tagline h1 {
    font-size: 3rem;
    letter-spacing: 15px;
	margin: 5px;
	font-weight: 300;
    /* transform: scaleY(1.65); */
}

#tagline h2 {
    font-size: 1.5rem;
    letter-spacing: 8px;
    transform: scale(1,1.25);
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300;
    padding-top: 10px;
}

#tagline h2:before, #tagline h2:after {
    content: ''; 
    display: inline-block;
    width: 7px; 
    height: 7px;
    background-color: var(--tan);
    border-radius: 50%; 
    margin: 5px 15px 5px 15px; 
    /* transform: scale(1,0.75); */
  }


#title img {
	margin: 0 auto 5px auto;
}

#headlines {
	font-family: arial, sans-serif; 
	font-style:normal;
	font-variant:normal;
	font-weight: 300;
	color: white;
	background: transparent;	
	
	font-size: 2.2rem;
	padding-bottom: 10px;
	text-shadow: 2px 2px #000000;
	/* letter-spacing: 0.25rem; */
}

#headlines strong {
	font-size: 2.7rem;
	text-transform: uppercase;
	letter-spacing: 8px;
    transform: scale(1,1.5);
	font-family: "Bebas Neue", sans-serif;
	text-shadow: 2px 2px #000000;
	color: var(--gold);
}

.whitetext {
	color: white;
}


#signers-list h3 {
	color: var(--grayblue);
	background: white;
	font-family: "Bebas Neue", sans-serif;
	/* letter-spacing: 3px; */
	font-weight: 300;
	font-size: 2.8rem;
	margin-bottom: 0px;
	margin-top: 0px;
}

#signers-list h4 {
	color: var(--grayblue);
	background: white;
	font-family:FuturaBookOblique, sans-serif;	
	font-style: italic;
	font-size: 1.1rem;
	margin-top: 0px;
}

#signers-list {
	font-size: 1rem;
}
#signers-list strong {
	font-size: 1.1rem;

}

#signers {
	display:flex;
	align-items: center;
	justify-content: space-around;
	color: var(--grayblue);
}

#signers ul {
	/* width: 350px; */
    margin-top: 1px;
	margin-left: 0px;
    padding-left: 10px;
	text-align: center;
	position: relative;
	/* float: left; */
	/* border: 1px solid red; */
}

#signers li {
	line-height: 1.5rem;
	font-size: 1.2rem;
	text-align: left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}


#relicbox {
	background-image: url("/products/foundation/seasons1-2/graphics/relic-background.jpg");
	background-color: black;
	color: white;

}

#relicbox h2 {
	/* font-family: "Bebas Neue", sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	/* letter-spacing: 3px; */
	font-weight: 300;
	font-size: 2.8rem;
	text-shadow: 2px 2px #000000;
	margin: 0px;
}



#set-info{
	color: var(--grayblue);
	background-color: var(--tan);
	font-size:19px;
	font-style:normal;
	font-weight:bold;
	padding-bottom: 15px;
}

#set-info h3{
	color: var(--grayblue);
	background: transparent;
	font-family:FuturaBold, sans-serif;
	font-size: 28px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 10px;

	text-transform: uppercase;
	transform: scale(1,1.25);
}

#set-info p {

	text-align: center;
	margin: 0 auto;
	font-size: 1.4rem;
	letter-spacing: 1.5px;
	font-weight: 300;
}

#bonus_sets h3, #casetoppers h3 {
	position: relative;
	text-align: center;
	color: var(--grayblue);
	background: transparent;
	font-family:FuturaBold, sans-serif;
	font-size: 1.75rem;
	text-transform: uppercase;	
	letter-spacing: 2px;
	margin: 20px 0px 10px 0px;
}


#bonus_sets h3:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 150px;
	height: 4px;
	background-color: var(--grayblue);
	/* border-style: double none double none; */
	/* border: 5px 0px; */
}
  
#bonus_sets h3:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0px;
	width: 150px;
	height: 4px;
	background-color: var(--grayblue);
	/* border-style: double none double none; */
	/* border: 5px 0px; */
}

#bonus_sets h3 span {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: var(--grayblue);
	z-index: 9;
}

#insert_sets {
	display:flex;
	align-items: center;
	justify-content: space-around;
}

#insert_sets ul {

    margin-top: 1px;
	margin-left: 0px;
    padding-left: 10px;
	position: relative;
	float: left;
	text-align: center;
}

#insert_sets li, #casetoppers li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	color: var(--grayblue);
	background-color: transparent;
	line-height: 2rem;
	list-style: none;
}

#casetoppers h3 {
	position: relative;
	text-align: center;
	color: var(--grayblue);
	background: transparent;
	font-family:FuturaBold, sans-serif;
	font-size: 1.25rem;
	text-transform: uppercase;	
	margin: 20px 0px 10px 0px;
}

#casetoppers ul {
	padding-left: 0px;
}

#casetoppers li {
	font-size: 1.3rem;
}

#incentives-details {
	background-color: white;
	color: black;


}

#incentive-box {
	background-color: var(--tan);
	background-image: url("/products/foundation/seasons1-2/graphics/incentive-background.jpg");
	width: 708px;
	height: 343px;
	color: white;

	font-size: 1.4rem;
	/* font-family:FuturaBook, sans-serif;	 */
	font-family: Arial, Helvetica, sans-serif;
	/* font-weight: 600; */
	display: grid;
	grid-template-columns: 25px 180px 320px 160px 23px; /* 30% 45% 20%; */
	grid-template-rows: auto auto;
	margin: 0 auto;
}

#incentive-box h2 {
	color: var(--gold);
	/* font-family:FuturaHeavy, sans-serif;  */
	font-family: "Bebas Neue", sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight: 300;
	background: transparent;	
	font-size: 2.4rem;	
	padding: 0;
	margin: 0;	
}

#five-case-incentive {
	grid-column: 2 / 4;
	grid-row: 1 / 2;
	padding: 5px 10px 0px 10px;
}

#five-case-incentive p {
	padding-bottom: 10px;
	font-weight: 600;
	letter-spacing: 1px;
	transform: scale(1,1.25);
	line-height: 24px;
}

#five-case-incentive p span {
	font-size: 1rem;
}

.five-case-incentive-hr {
	width: 95%;
	height: 4px;
	border-color: white;
	border-top-style:solid; 
	border-top-width: 3px;
	margin: 10px auto;
}


#five-case-incentive-img {
	grid-column: 4 / 5;
	grid-row: 1 / 3;
	align-self: center;
	justify-content: center;	
}

#five-case-incentive-img img {
	transform: rotate(5deg);
    /* -webkit-filter: drop-shadow(3px 3px 5px black);
    filter: drop-shadow(3px 3px 5px black); */
	width: 120px;
	margin-top: 20px;
}

#ten-case-title {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}



#ten-case-incentive {
	grid-column: 2 / 5;
	grid-row: 3 / 4;
	padding: 5px 20px;
}


#ten-case-incentive h3 {
	color: var(--gold);
	font-size: 1.4rem;
	margin: 0px;
	padding: 0px;
	font-family: "Bebas Neue", sans-serif;
	letter-spacing: 2px;
	font-weight: 300;
}

#ten-case-incentive p {
	padding-bottom: 10px;
	margin: 5px 0px;
	color: white;
	font-size: 1rem;
	letter-spacing: 0px;
}




#legals {
	background-color: var(--grayblue);
	font-family: Arial, Helvetica, sans-serif;

	color: white;	
	font-size: .85rem;
	font-style: normal;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 10px;
}

#legals p {
	margin: 10px 0px 30px 0px;
}

#legal-copy {
	font-size: .85rem;
	color: white;
}