img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100% }body { font-family: 'Red Hat Display', sans-serif; font-size: 18px; line-height: 1.5; text-align: center; }body, nav a { color: #403d39; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }body, header ul, footer ul { padding: 0; margin: 0; }img, iframe { max-width: 100%; height: auto; }iframe, video { aspect-ratio: auto 16 / 9; width: 100%; border: none }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; z-index: 0 }.fullwidth { width: 100%; }a img, iframe { border: none; }a, a:hover, form input[type=submit], .btn, form input[type=submit]:hover, .btn:hover { transition: ease-in-out .3s; }a, nav a:hover, .samples h2, .upcoming h2, .contact h2, .gallerymain h2 a:hover { text-decoration: none; color: #e9b039; }a:hover { text-decoration: underline; }.latest a:hover { text-decoration: none; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap { white-space: nowrap; }.hide { display: none !important; }.center, .hero p, .intro p, .upcoming h2, .upcoming p, .team li, footer .bgcolor p { text-align: center; }.right { text-align: right; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.flex { display: flex; flex-wrap: wrap; }.flex > * { flex: 1 }.grid { display: grid; grid-gap: 10px; }.mid { align-self: center; align-items: center; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.span2, .upcoming ul { grid-column: span 2; }.span3 { grid-column: span 3; }.bgcolor { background-color: #e9b039; }.bgcolor, .bgcolor a, .hero p { color: #fff; }.video, .videohalf { width: 100%; height: 54vw; border-radius: 5px; }.video { max-height: 608px; }.videohalf { max-height: 293px; } header a, footer a { padding: 10px; }header img { max-width: 550px; }header li, footer li { display: inline-block; }header .social, .upcoming .grid p, .cta p { text-align: right; }header .social a { padding: 10px 5px; }header .social a, nav a, .hero strong, footer a { display: block; }nav .btn { min-width: 150px; padding: 10px 0; margin: 0 10px; } .hero, .cover { background-size: cover; background-position: center; }.hero { height: 600px; background-image: url(/images/hero-news.jpg); position: relative; margin-top: 20px; padding: 0 10px }.hero:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; }.hero .wrap, .musicians h2 { top: 50%; transform: translateY(-50%); }.hero p, .hero em, .hero strong, .samples h2, .upcoming h2, .musicians h2, .cta h2, .contact h2 { font-size: 72px; }.hero p, .intro p, .cta h2 { font-weight: bold; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,.5); }.hero em, .cta u { text-transform: uppercase; }.hero em { vertical-align: middle; } .samples h2, .upcoming h2, .contact h2 { line-height: .8; }.intro { background-color: #e9b039; background-position: center; background-repeat: no-repeat; padding: 40px 10px 150px; margin-top: 50px; position: relative; }.intro p { max-width: 950px; font-size: 30px; margin: 20px auto; }.upcoming { margin: -100px 0 100px; }.upcoming .wrap, .contact .wrap { max-width: 1000px; background-color: #fff; padding: 5px 40px 50px; box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius: 5px; }.upcoming .wrap { background-image: url(/images/bg-events.jpg); background-size: cover; background-position: center; }.upcoming img, .musicians img { object-fit: cover; object-position: center; border-radius: 5px; }.upcoming .gird > img { width: 200px; height: 200px; }.upcoming form { text-align: center; }.upcoming form table { display: none; }.upcoming p.multiplecarts { font-size: 18px; text-align: center; font-weight: bold; margin-bottom: 0; }.musicians { background-color: #eee; padding: 50px 0; margin: 50px 0; position: relative; overflow: hidden; }.musicians h2 { transform: rotate(-90deg); line-height: 0; margin: 0; position: absolute; left: -320px; }.musicians > .gallery.flex { margin: 0 -5px; margin-left: 100px; }.musicians > .gallery.flex > a { min-width: 300px; height: 350px; margin: 5px; }.musicians > .gallery p { margin-bottom: 20px; }#lightbox .lb-image { max-width: 1080px; height: auto !important; }#lightbox .lb-caption { font-size: 16px; }#lightbox .lb-number { font-size: 14px; }.cta { padding: 80px 10px; margin: 100px 0; }.cta h2 { max-width: 620px; line-height: 1.2; margin: 0; }.cta .btn, #contact input[type=submit] { font-size: 30px; background-color: #ff0000; padding: 30px; margin-top: 10px; } .pad { padding-left: 10px; padding-right: 10px }section, footer .bgcolor { padding: 40px 10px; }section h1 { font-size: 24px; }section h2 { font-size: 22px; }section h3 { font-size: 20px; }section h4 { font-size: 18px; }section ul, section ol { padding-left: 25px; }section li { margin: 5px 0; }.nolist, .upcoming ul, .team ul { list-style: none; padding: 0; }.team.fourth > div > div, .imgbox { width: 100%; aspect-ratio: auto 1 / 1 }.team.grid.body { grid-template-columns: 250px 1fr; grid-gap: 0 20px }.team img, .team svg { border-radius: 100%; }.team img { object-fit: cover; width: 100%; height: 100%; margin: 0 auto; }.contact { background-image: url(/images/bg-events.jpg); background-size: cover; background-position: center; margin-top: 300px; }.contact .wrap { top: -250px; }.store a { display: block; background-color: #eee; padding: 10px; position: relative; }.store img, .store h2 span, .gallerymain img, .gallery img, .merch img, .rios img { border-radius: 5px; }.store img, .gallery img { object-fit: cover; width: 100%; height: 100%; }.store h2 { width: calc(100% - 130px); font-weight: normal; background-color: #eee; color: #403d39; padding: 20px 110px 20px 10px; margin: 0; position: absolute; left: 0; bottom: 0; }.store h2 span { display: inline-block; font-size: 30px; font-weight: bold; background-color: #e9b039; color: #fff; padding: 20px; position: absolute; right: 0; bottom: 10px; }.rios img { object-fit: cover; min-height: 329px; }.gallerymain { align-items: end; }.gallerymain h2 { font-size: 18px; font-weight: 400; margin-bottom: 10px; }.gallerymain h2 a { color: #403d39; }.gallery { padding: 10px 0 30px 0; }.gallery a { display: inline-block; vertical-align: top; margin: 5px; overflow: hidden; width: calc((100% / 4) - 10px); height: 200px; } form { text-align: left; margin: 20px 0; }form .grid { grid-gap: 10px; }form label, form input[type=file] { display: block; }form label { text-align: left; }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form input[type=file], form textarea { font-family: 'Red Hat Display', sans-serif; font-size: 18px; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=file], form textarea { background-color: #fff; margin-bottom: 5px; padding: 0 15px; border: 1px solid #eee; }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form textarea { width: calc(100% - 30px); }form input[type=text], form input[type=email], form input[type=tel], form select { height: 50px; }form select { width: 100%; }form input[type=file] { padding: 13px 15px; }form textarea { height: 200px; padding: 15px; }form input[type=submit], .btn { display: inline-block; min-width: 160px; font-weight: bold; text-align: center; background-color: #e9b039; color: #fff; padding: 10px 20px; margin: 10px 0; border-radius: 5px; border: none; }form input[type=submit] { min-width: 250px; padding: 13px 20px; margin: 0; }form input[type=submit]:hover, .btn:hover, #contact input[type=submit]:hover { cursor: pointer; text-decoration: none; background-color: #ffc13e; color: #fff; }#contact { position: relative; }#contact input[type=submit] { position: absolute; right: 0; }p.lrotd { text-align: center !important }form[target*=_blank] input[type=submit] { text-align: center; border: none; border-radius: 0.25rem; min-width: 11.625rem; padding: 0 2rem; height: 2.625rem; font-weight: bold; background-color: #FFD140; color: #000000; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 1rem; line-height: 1.25rem; cursor: pointer; } footer img { padding: 20px 10px; }.invis { display: none !important; } .lrotdlinks { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0; list-style: none; }.lrotdlinks li { text-align: center }.lrotd h3 { clear: both } @media(max-width:999px) { .musicians h2 { transform: none; left: unset; position: relative; padding: 0 10px; text-align: center; line-height: unset } .musicians > .gallery.flex { margin-left: -5px; width: calc(100% + 10px) } .musicians > .gallery.flex > a { height: 25vw; min-height: 150px; min-width: 190px } .upcoming .wrap { padding: 5px 10px 50px } .samples h2, .upcoming h2, .contact h2 { line-height: unset; margin: 20px 0 } .hero { max-height: 600px; height: 75vw; min-height: 300px }} @media(max-width:700px) { .upcoming .grid, .team.grid.fourth { grid-template-columns: 1fr 1fr; grid-gap: 20px 10px } .upcoming img { grid-row: span 2; height: 100% } .upcoming ul { grid-column: unset } .upcoming li, .upcoming .grid p, .cta h2 { text-align: center } .hero p, .hero em, .hero strong, .samples h2, .upcoming h2, .musicians h2, .cta h2, .contact h2 { font-size: 50px } .samples .grid, .grid.team.body, .grid.store { grid-template-columns: 1fr } .team.grid.body .imgbox { width: 250px; margin: 0 auto } .team h2 { text-align: center } .gallery a { width: calc((100% / 3) - 10px) } .lrotdlinks { grid-template-columns: 1fr 1fr } .lrotdlinks li:first-of-type { grid-column: span 2 }} @media(max-width:500px) { .imgRight, .imgLeft { float: none; margin: 0 auto; max-width: 100%; display: block } .gallery a { width: calc(50% - 10px) } .lrotd h3, .lrotdp { text-align: center } .lrotdlinks { grid-template-columns: 1fr } .lrotdlinks li:first-of-type { grid-column: unset }} @media(max-width:400px) { .upcoming .grid { grid-template-columns: 1fr; grid-gap: 0 } .upcoming img { margin: 0 auto; height: auto } .upcoming ul { margin-bottom: 0 } .upcoming p { margin: 0 auto 2em } .musicians > .gallery.flex > a { min-width: 150px } .hero p, .hero em, .hero strong, .samples h2, .upcoming h2, .musicians h2, .cta h2, .contact h2 { font-size: 40px } nav ul { display: grid; grid-gap: 0; grid-template-columns: 1fr 1fr } nav li { text-align: center } nav li:last-of-type:nth-of-type(odd) { grid-column: span 2 } .intro p { font-size: 24px } .upcoming p.multiplecarts { margin: 10px 0; }}