/*
Theme Name: The Boss 2020
Theme URI: https://brucespringsteen.net/
Author: Matt Peterse
Author URI: https://madebymp.com/
Description: The 2020 theme for Bruce Springsteen's official website
Version: 3.0
*/

html, body { height: 100%; font-family: 'Lato', sans-serif; }
body { background: url('https://cdn.smehost.net/brucespringsteennet-uscolumbiaprod/wp-content/uploads/2014/05/news.jpg') fixed top right; background-size: cover; }

figure:last-child { margin-bottom: 0 !important; }
img { height: auto; }
iframe[src*="youtube"] { display: block; width: 100%; }
iframe[src*="vimeo"] { display: block; width: 100%; }
p:last-child { margin-bottom: 0 !important; }
a { text-decoration: none !important; }

.t-0 { top: 0; }
.b-0 { bottom: 0; }
.l-0 { left: 0; }
.r-0 { right: 0; }
.bg-dark { background: #0D0901 !important; }
.bg-dark-translucent { background: rgba(0, 0, 0, 0.8); }
.bg-light-translucent { background: rgba(255, 255, 255, 0.8); }
.bg-dark-brushed { background: #0D0901; background: url('assets/sprites.png'); }
.bg-light-brushed { background: #DBDBDB; background: url('assets/sprites.png') 0 -80px; }
.text-lato { font-family: 'Lato', sans-serif; }
.text-bitter { font-family: 'Bitter', serif; }
.text-spaced { letter-spacing: 1.5px; }
.border-transparent { border-color: transparent !important; }
.border-light { border-color: #EEE !important; }
.border-width-2 { border-width: 2px !important; }
.border-width-3 { border-width: 3px !important; }
.border-width-4 { border-width: 4px !important; }
.border-width-5 { border-width: 5px !important; }
.border-width-6 { border-width: 6px !important; }
.border-width-7 { border-width: 7px !important; }
.border-width-8 { border-width: 8px !important; }
.text-md { font-size: 16px; line-height: 16px; }
.text-sm { font-size: 12px; line-height: 12px; }
.text-xs { font-size: 10px; line-height: 10px; }
.font-weight-semibold { font-weight: 600; }
.text-black { color: #000 !important; }
.square:before{ content: ""; display: block; padding-top: 100%; }
.o-0 { opacity: 0; transition: 200ms; }
*:hover > .d-hover-block { display: block !important; }

.logo-bruce-springsteen { width: 240px; height: 0; padding-top: 40px; background: url('assets/sprites.png') 0 -160px; }
.icon-bruce-springsteen { width: 40px; height: 0; padding-top: 40px; background: url('assets/sprites.png') 10px -150px; background-size: 125px 250px; }
.icon-e-street-radio { margin-left: auto; width: 90px; height: 40px; background: url('assets/sprites.png') 0 -200px; }
.icon-columbia { display: block; width: 30px; height: 30px; background: url('assets/sprites.png') -10px -252px; }

#nav-main .nav-link { line-height: 20px; transition: 100ms; }
#nav-main .nav-link:focus, #nav-main .nav-link:hover, .navbar .navbar-brand:hover { background: rgba(0, 0, 0, 0.8); }
#nav-main .dropdown-item { line-height: 32px; }
#nav-socials .nav-link { font-size: 20px; padding: 10px 5px; transition: 100ms; opacity: 0.7; }
#nav-socials .nav-link:focus, #nav-socials .nav-link:hover { opacity: 1; }
#nav-mobile .nav .nav-item .nav-link.current-menu-item { background-color: transparent !important; border-bottom: 5px solid #EEE; border-left: 5px solid #EEE; border-top: none !important; }
.card-columns { column-count: 1; }

.dropdown-menu.bg-dark .dropdown-item:focus, .dropdown-menu.bg-dark .dropdown-item:hover { background: rgba(255, 255, 255, 0.1); }
.card .card-header { background: #EEE; }

body.admin-bar .fixed-top { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar .fixed-top { top: 46px; }
}

/* --- xs --- */
@media screen and (min-width: 400px) {
    .d-xs-block { display: block !important; }
    .d-xs-none { display: none !important; }
}
/* --- sm --- */
@media screen and (min-width: 576px) {
    .fixed-sm-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
    .card-columns { column-count: 2; }
}
/* --- md --- */
@media screen and (min-width: 768px) {
    .card-columns { column-count: 3; }
    .text-md-right { text-align: right !important; }
}
/* --- lg --- */
@media screen and (min-width: 992px) {
    
}