/*
 Theme Name:   The 52nd State Theme
 Theme URI:    http://the52ndstate.irregardlessgames.com/wp-bootstrap-starter
 Description:  This is the main customized theme for the 52nd State
 Author:       Markus Young
 Author URI:   https://youngwebdesign.net
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom
 Text Domain:  wp-bootstrap-starter-child
*/
/* Typography */
.the52-hero-text { font-size: 5em; }
.container-fluid { padding: 0 !important; }
.ct-right p, .ct-left p { font-size: 18px; line-height: 24px; }
.ct-right p { color: #fff !important; }

#content.site-content { padding: 0 !important; }

/* Nav Adjustments */
header#masthead { padding: 0 !important; box-shadow: 0 0 0 !important; }
#masthead nav { background-color: #222 !important; }
img.the52-brand { max-width: 50% !important; height: auto; padding-left: 3rem; }
.navbar-brand { width: 25%; }
.nav-link { color: #fff !important; font-weight: bold !important; font-size: 18px !important; }
.navbar-nav { padding-right: 3rem; }
li.active { background-color: #bd0615; }
.menu-item { transition: 0.35s ease; }
.menu-item:hover { background-color: #bd0615; }
.navbar-toggler-icon { background-color: #fff !important; background-size: 100% 50% !important; padding: 15px; }

/* Image Adjustments*/
.the52-banner { background-position: 50% 70%; background-size: cover; background-repeat: no-repeat; }

/* Colors */
.text-gold { color: #e9c200; }
.bg-gold { background-color: #e9c200; }
.the52-border-box { border: 18px solid #e9c200; background-color: #4c65ad; border-radius: 10px; }
.bg-red { background-color: #bd0615; }
.text-red { color: #bd0615; }
.text-blue { color: #4c65ad; }
.bg-blue { background-color: #4c65ad; }

/* Design */
.btn-the52 { background-color: #bd0615; color: #fff; transition: 0.35s; font-weight: bold; font-size: 24px; padding: 5px 25px; }
.btn-the52:hover { background-color: #4c65ad; color: #fff; box-shadow: 0 5px 0 #bd0615; text-decoration: none !important; }

/* Sizing */
.vh-50 { height: 50vh; }