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

section { scroll-margin-top: 5rem; }
body { padding-top: 5rem; }
footer { padding: 2rem 1rem 0; margin-bottom: 0; background-color: #0a5082; color: #fff; border-radius: 0; }
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 { color: #ffe164; }
footer a { color: #32b4e1; }
footer a:hover { color: #bebebe; }

.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; }
.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; }
.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; }

.jumbotron { border-radius: 0;}
.jumbotron.mt-2 { margin-top: 0 !important;}

.btn-outline-success:hover { color: #ffc832; background-color: #1978be; border-color: #ffc832; }

.light-blue-col { color: #32b4e1; }
.med-blue-col { color: #1978be; }
.dark-blue-col { color: #0a5082; }
.light-gold-col { color: #ffe164; }
.med-gold-col { color: #ffc832; }
.dark-gold-col { color: #c88c23; }
.light-grey-col { color: #ccc; }
.med-grey-col { color: #888; }
.dark-grey-col { color: #444; }
.black-col { color: #000; }
.light-green-col { color: #a7d16d; }
.med-green-col { color: #8dc63f; }
.dark-green-col { color: #4c7520; }

.light-blue-bg { background-color: #32b4e1; }
.med-blue-bg { background-color: #1978be; }
.dark-blue-bg { background-color: #0a5082; }
.dark-blue-bg a { color: #ffe164; }
.light-gold-bg { background-color: #ffe164; }
.med-gold-bg { background-color: #ffc832; }
.dark-gold-bg { background-color: #c88c23; }
.light-grey-bg { background-color: #ccc; }
.med-grey-bg { background-color: #888; }
.dark-grey-bg { background-color: #444; }
.very-dark-grey-bg { background-color: #222; }
.black-bg { background-color: #000; }
.light-green-bg { background-color: #a7d16d; }
.med-green-bg { background-color: #8dc63f; }
.dark-green-bg { background-color: #4c7520; }

.light-blue-bor { border-color: #32b4e1; }
.med-blue-bor { border-color: #1978be; }
.dark-blue-bor { border-color: #0a5082; }
.light-gold-bor { border-color: #ffe164; }
.med-gold-bor { border-color: #ffc832; }
.dark-gold-bor { border-color: #c88c23; }
.light-grey-bor { border-color: #ccc; }
.med-grey-bor { border-color: #888; }
.dark-grey-bor { border-color: #444; }
.black-bor { border-color: #000; }


/*.email_signup { height: 150px; overflow:hidden; } */
.email_signup input.email#mce-EMAIL { border-radius: 0; }
.email_signup input.button#mc-embedded-subscribe { background-color: #db790e; color: #fafafa; width: 100%; margin: 0 auto; border-radius: 0; height: auto; padding: .25em; text-transform: uppercase; }
.email_signup #mc_embed_signup .mc-field-group { width: auto; }

/* KRALLNER MAIN PAGE STYLES */
#krallner { font-family: "Comfortaa", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }
#krallner h1, #krallner h2, #krallner h3, #krallner h4, #krallner h5, #krallner h6 { font-family:"Comfortaa", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }

/* THE KINTARO EVENT PAGE STYLES */
#the-kintaro-event { color: #a3cf62; font-family: "JostRegular", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }
#the-kintaro-event a { color: #8bb2d3; }
#the-kintaro-event h1, #the-kintaro-event h2, #the-kintaro-event h3, #the-kintaro-event h4, #the-kintaro-event h5, #the-kintaro-event h6 { color: #a3cf62; font-family:"Bruno Ace", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; text-transform: uppercase; }
#the-kintaro-event .black-bg hr, #the-kintaro-event .very-dark-grey-bg hr, #the-kintaro-event .dark-grey-bg hr {
    border: 0;
    height: 2px;
	width: 100%;
    background-image: linear-gradient(to right, rgba(141, 198, 63, 0), rgba(141, 198, 63, 0.75), rgba(141, 198, 63, 0));
}
#the-kintaro-event .light-grey-bg hr, #the-kintaro-event .med-grey-bg hr {
    border: 0;
    height: 2px;
	width: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
#the-kintaro-event #data-pads hr, #the-kintaro-event #factions .faction-details hr {
    background-image: linear-gradient(to right, rgba(141, 198, 63, 0.75), rgba(141, 198, 63, 0));
}

#overview h2 { margin-top: 1rem; }

.iframe-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; margin-bottom: 20px; }
.iframe-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
@media (min-width: 768px) { #overview h2 { margin-top:0px; } .modal-dialog { max-width: 600px; } .iframe-container { margin-bottom: 0; } }

/* PLATES: THE ROAD TRIP GAME PAGE STYLES */
#plates { font-family: "OverpassExtraLight", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }
#plates h1, #plates h2, #plates h3, #plates h4, #plates h5, #plates h6 { color: #c88c23; font-family: "OverpassRegular", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial; letter-spacing: -1px; text-transform: uppercase; }

#plates a { color: #8bb2d3; }
#plates .btn.btn-dark { display: block; background-color: #c88c23; color: #FFF; }
#plates .btn.btn-light { display: block; background-color: #8bb2d3; color: #000; }