html, body { background-color: #f6f6f6; }

main > section { padding: 40px; }

main > section:first-child { background-color: #fff; }

.skip-link { background: #770000; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; color: #fff; font-weight: 700; left: .5rem; top: .5rem; padding: 4px; position: absolute; transform: translateY(-150%); border: 1px solid #440000; transition: transform 0.3s; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); }

.skip-link:focus { transform: translateY(0%); }

.skip-link:hover { color: #fff; background: #910000; }

header, nav { text-align: center; background: #a00; padding: 10px 0; }

header a, header a:hover, header a:active, nav a, nav a:hover, nav a:active { color: #fff; text-decoration: none; z-index: 2; }

@media (max-width: 380px) { header h1, nav h1 { font-size: 2rem !important; } }

@media (min-width: 381px) and (max-width: 520px) { header h1, nav h1 { font-size: 2.5rem !important; } }

canvas#header_bg { position: absolute; left: 0; top: 0; display: none; z-index: 1; }

nav { background: #770000; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; letter-spacing: -0.025em; margin-bottom: 40px; display: flex; justify-content: center; align-items: center; }

nav a { display: block; margin: 0 15px; }

nav a, nav a:hover { color: #fff; }

nav a:active { color: #ccc; }

article { padding: 40px 0; }

article:not(:last-child) { border-bottom: 1px solid #ddd; }

article h2 { margin-bottom: 0; }

article small { display: block; margin-top: 10px; }

article time, section small#metadata { display: block; font-size: 0.8rem; color: #666; font-style: italic; margin-bottom: .5rem; }

span.post-tag { padding: .1rem .3rem; border-radius: .2rem; background: #666; color: #fff; margin-left: .1rem; vertical-align: middle; font-weight: 500; }

.brands { padding-bottom: 0; }

.brands h2 { margin-bottom: 1.5rem; }

.brands div { display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; }

.brands div a:not(:last-child) { margin-right: 1.5rem; }

@media (max-width: 767px) { .brands div a:not(:last-child) { margin-right: 0; } }

.brands div img { height: 60px; }

.brands .dsgentertainment img { -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.4)); }

.phone { text-align: center; padding-bottom: 0; }

.phone h4 { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.2rem; margin-bottom: 0; }

.phone a { display: block; font-size: 3em; color: #a00; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; font-weight: bold; letter-spacing: -0.05em; }

.phone a:hover, .phone a:active { color: #5e0000; text-decoration: none; }

.phone small { display: block; }

h1, h2, h3, span.logo { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; font-weight: 400 !important; letter-spacing: -0.05em; }

h1 sup, h2 sup, h3 sup, span.logo sup { font-size: 0.3em; top: -1.5em; font-weight: 100; left: -0.25em; }

footer h1, footer h2, footer h3, footer span.logo { font-weight: 500 !important; }

footer h1 sup, footer h2 sup, footer h3 sup, footer span.logo sup { font-size: 0.6em; top: -0.5em; }

h1.brand_logo strong, h2.brand_logo strong, h3.brand_logo strong, span.brand_logo strong { font-weight: 600; }

.leadinModal h4, .leadinModal button { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; letter-spacing: -0.025em; }

.leadinModal button { font-weight: 500 !important; font-size: 1.2em !important; }

div.footnotes { padding-top: 1rem; border-top: 1px solid #ccc; font-size: 0.85rem; }

footer { font-size: 0.8em; color: #999; text-align: center; margin: 40px 0; }

footer a { color: #999; text-decoration: underline; }

@media (min-width: 768px) { footer { background: url("/assets/dosomegood.svg") no-repeat right 15px center; } footer:hover { background-image: url("/assets/dosomegood_hover.svg"); } }

/*# sourceMappingURL=main.css.map */