@font-face { font-family: "Infield Rough"; src: url('files/Infield Rough.ttf'); }

:root {
  --black: #011722;
  --white: #ffffe7;
  --light: #4bc4be;
  --dark: #ea506e;
}

.w3-theme-light {color: var(--black) !important; background-color: var(--white) !important}
.w3-theme-dark {color: var(--black) !important; background-color: var(--dark) !important}
.w3-theme-black {color: var(--white) !important; background-color: var(--black) !important}

.w3-theme {color: var(--black) !important; background-color: var(--light) !important}
.w3-text-theme {color: var(--dark) !important}
.w3-border-theme {border-color: var(--dark) !important}

.w3-hover-theme:hover { color: var(--black) !important; background-color: var(--dark) !important}
.w3-hover-text-theme:hover {color: var(--dark) !important; }
.w3-hover-border-theme:hover {border-color: var(--light) !important}
.w3-border-bottom { border-color: var(--dark) !important; }

.w3-bold { font-weight: 600; }
.w3-bar { padding-left: 0 !important; padding-right: 0 !important; }


* { margin: 0; padding: 0; }

body, html { height: 100vh; margin: 0; }

body { 
	color: var(--white); 
	background-color: var(--black); 
	font-family: "Tomorrow", serif; 
	font-weight: 400; 
}

nav a { text-decoration: none; }


p { margin-bottom: 1em; }

.bg-full-scale {
	height: 100vh;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.content-wrapper { display: block; position: relative; width: 55vw; }

.full-height { height: 100vh; }

.content-vertical-center { width: 100%; position: absolute; top: 66%; left: 50%; transform: translate(-50%, -66%); }

.margin-bottom-wide { margin-bottom: 64px; }
.padding-section { padding-top: 48px; padding-bottom: 48px;  }
.nav-margin-left { margin-left: 48px; }
.nav-margin-right { margin-right: 48px; }


.uppercase { text-transform: uppercase; }
.shadow { text-shadow: -2px -2px 6px var(--black), 2px -2px 6px var(--black), -2px 2px 6px var(--black), 2px 2px 6px var(--black); }

#promo-gates 	{ background-image: url("img/Gates-BG.png"); }
#promo-fuku 	{ background-image: url("img/Letters-from-Fukushima-BG.jpg"); }
#promo-loboret { background-image: url("img/loboret-BG.jpg"); }
#promo-loboret-ape { margin-top: 0px; width: 60% }
.promo-logo { width: 85%; }
.promo-text { line-height: 1; }
.promo-writing { width: 60%; filter: drop-shadow(2px 2px 2px rgb(0 0 0)); }
.footer-logo { width: 16.66%; max-width: 320px; }
.loboret-font { font-family: "Infield Rough", sans-serif; }
.avatar-32 { width: 32%; }
.avatar-49 { width: 48%; }
.margin-right-1 { margin-right: 2%; }
.no-margin-bottom { margin-bottom: 0px; }
.no-margin-right { margin-right: 0; }
.margin-top-2em { margin-top: 2em; }
.imp-padding-top { padding-top: 72px; }
.background-color { background-color: rgba(5,14,29,0.5); }
.padding-bottom-16 { padding-bottom: 16px; }


@media screen and (min-width: 2400px) {

	#promo-loboret-ape { margin-top: 0px; width: 80% }

}

@media screen and (max-width: 991px) {
	#nav-buttons { display: none; }
	#social-media-buttons { display: none; border-top: thin solid var(--dark); }
}
	


@media screen and (max-width: 600px) {

	#promo-loboret-ape { margin-top: -80px; width: 100% }
	#promo-loboret { background-image: url("img/loboret-BG-small.jpg"); }
	
  
  	.w3-jumbo { font-size: 48px !important; }
  	
  	.w3-card { margin-bottom: 2em !important;}
  	
	.nav-margin-left { margin-left: 0px; }
	.nav-margin-right { margin-right: 0; }
	.content-wrapper { width: 88vw; }

	.shadow { text-shadow: -1px -1px 2px var(--black), 1px -1px 2px var(--black), -1px 1px 2px var(--black), 1px 1px 2px var(--black); }
	
	.promo-logo { width: 100%; }
	.promo-writing { width: 88%; }
	.footer-logo { width: 50%; max-width: 320px; }

}