/* Global Styles */

:root {

	--primary-color: #132138;	
	--secondary-color: #3A5869;	
	--tertiary-color: #7FD3EF;
	--bluegray-color: #284259;
	--bluegrayDk-color: #1D2F3B;
	--redpink-color: #FF3A7A;
	--orangeDk-color: #965533;

	--alpha-primary-color: rgba(19,33,56,0.75);
	--secondary-color-alpha: rgba(58,88,105,0.75);
	--tertiary-color-alpha: rgba(127,211,239,0.75);
	--overlay-color-alpha: rgba(19,33,56,0.85);

	--primary-color-rgb: rgba(19,33,56,1);
	--secondary-color-rgb: rgba(58,88,105,1);
	--tertiary-color-rgb: rgba(127,211,239,1);

	--primary-highlight: #FFBA84;
	--secondary-highlight: #CE8D62;

	--primary-highlight-rgb: rgba(255,186,132,1);
	--secondary-highlight-rgb: rgba(206,141,98,1);
}

body {
	color: var(--primary-color);
	font-family: "Times New Roman";
}

hr {
	background-color: var(--primary-color);
	height: 2px;
}

.navbar-custom {
	background-color:  transparent;
}

/* Opening Image (banner / hero image)  */

#zeldaServerHeroImage {
	object-fit: fill;
	width: 100%;
	height: auto;
	position: static;
}

/* Parallax scrolling guide */

/* homePage */

#zeldaTechAloneTop {
	font-size: 130%;
}

#zeldaTechAloneBottom {
	font-size: 130%;
}

#zeldaDeadZoneTop {
	font-size: 130%;
}

#zeldaDeadZoneBottom {
	font-size: 130%;
}

/* historyPage */

#zeldaHistoryTop {
	font-size: 130%;
}

#zeldaHistoryBottom {
	font-size: 130%;
}

/* examplesPage */

#zeldaAccountingTop {
	font-size: 130%;
}

#zeldaAccountingBottom {
	font-size: 130%;
}

/* howtoPage */

#zeldaPrinciplesTop {
	font-size: 130%;
}

#zeldaPrinciplesBottom {
	font-size: 130%;
}

/* solutionsPage */

#zeldaFarmTop {
	font-size: 130%;
}

#zeldaFarmBottom {
	font-size: 130%;
}

/* aboutusPage */

#zeldaAboutUsTop {
	font-size: 130%;
}

#zeldaAboutUsBottom {
	font-size: 130%;
}


/* RECAPTCHA Styling */

#zeldaReCaptchaDiv {
	text-align: center;
	margin: 0 auto;
}

#zeldaReCaptcha {
	display: inline-block;
	text-align: ms-center;
	text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
}

/*

@media (max-width: 800px) {

	#zeldaReCaptcha {
		transform:scale(0.80);
		-webkit-transform:scale(0.80);
	}

}	

*/


/* Index Page Styling */

.arrow span {
	display: block;
	width: 30px;
	height: 30px;
	border-bottom: 5px solid var(--primary-color);
	border-right: 5px solid var(--primary-color);
	transform: rotate(45deg);
	margin: auto;
	animation: scroll 3s infinite;
}

.arrow span:nth-child(2) {
	animation-delay: -.2s;
}

.arrow span:nth-child(3) {
	animation-delay: -.4s;
}

@keyframes scroll {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px);
	}
}


/* Opening Page Video */

#openingvideo {	
	width: 100%;
}

#fullVideoButton {
	font-size: 200%;
}

/* Opening Page Text */


#openingtextdiv p {
	font-size: 115%;
}

.nowrap {
	white-space: nowrap;
}

.zeldaActive {
	color: var(--primary-highlight) !important;
}

.zeldaPrimary {
	color: var(--primary-color);
}

.zeldaSecondary {
	color: var(--secondary-color);
}

.zeldaTertiary {
	color: var(--tertiary-color);
}

.zeldaBlueGray {
	color: var(--bluegray-color);
}

.zeldaBlueGrayDk {
	color: var(--bluegrayDk-color);
}

.zeldaRedPink {
	color: var(--redpink-color);
}

.zeldaOrangeDk {
	color: var(--orangeDk-color);
}

.zeldaNoClick {
	pointer-events: none;
}

.mybtn-primary {
	border: none;
	background: var(--primary-color);
	color: #fff;
	padding: 0.75rem 1.5rem;
	margin-top: 1rem;
	transition: opacity 1s ease-in-out;
	text-decoration: none;
	font-size: 125%;
}

.mybtn-primary:hover {
	color: var(--primary-highlight);
	text-decoration: none;
	font-weight: bold;
}

.mybtn-primary-inv {
	border: none;
	background: var(--primary-color-alpha);
	color: #fff;
	padding: 0.75rem 1.5rem;
	margin-top: 1rem;
	transition: opacity 1s ease-in-out;
	text-decoration: none;
	font-size: 125%;
}

.mybtn-primary-inv:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.mybtn-secondary {
	border: none;
	background: var(--secondary-color-alpha);
	color: #fff;
	padding: 0.75rem 1.5rem;
	margin-top: 1rem;
	transition: opacity 1s ease-in-out;
	text-decoration: none;
	font-size: 125%;
}

.mybtn-secondary:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.mybtn-secondary:focus {
	border: none;
	outline: none;
}


.mybtn-secondary-inv {
	border: none;
	background: var(--tertiary-color-alpha);
	color: #fff;
	padding: 0.75rem 1.5rem;
	margin-top: 1rem;
	transition: opacity 1s ease-in-out;
	text-decoration: none;
	font-size: 125%;
}

.mybtn-secondary-inv:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.r-sym-100 {
	vertical-align: super;
	font-size: 100%;
}

.r-sym-75 {
	vertical-align: super;
	font-size: 75%;
}

.faqLink {
	color: var(--primary-color);
	font-size: 115%;
	font-weight: bold;
	text-decoration: underline;
}

.faqLink:hover {
	color: var(--primary-color);
	font-size: 130%;
	font-weight: bold;
	text-decoration: underline;
}


/* Paralox Styling for Dead Zone


#zeldaProcessDiv {
	color: white;
	background-image: url("../images/landscape-5-3000x1000.jpg");
	background-attachment: fixed;
	background-size: cover;
}

#zeldaProcessDiv p {
	font-size: 200%;
}

*/