@charset "UTF-8";
/* Skeleton Imports - DO NOT MODIFY */ /*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* #Basic Styles
================================================== */
body {
  background: #fff;
  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px;
}

h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
}

h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px;
}

h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 4px;
}

h5 {
  font-size: 17px;
  line-height: 24px;
}

h6 {
  font-size: 14px;
  line-height: 21px;
}

.subheader {
  color: #777;
}

p {
  margin: 0 0 20px 0;
}

p img {
  margin: 0;
}

p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
  color: #333;
}

small {
  font-size: 80%;
}

/*	Blockquotes  */
blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}

blockquote cite:before {
  content: "— ";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #555;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

/* #Links
================================================== */
a, a:visited {
  color: #333;
  text-decoration: underline;
  outline: 0;
}

a:hover, a:focus {
  color: #000;
}

p a, p a:visited {
  line-height: inherit;
}

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 6px;
}

li {
  line-height: 18px;
  margin-bottom: 12px;
}

ul.large li {
  line-height: 21px;
}

li p {
  line-height: 21px;
}

/* #Images
================================================== */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

/* #Forms
================================================== */
form {
  margin-bottom: 20px;
}

fieldset {
  margin-bottom: 20px;
}

input[type=text],
input[type=password],
input[type=email],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}

select {
  padding: 0;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

textarea {
  min-height: 60px;
}

label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}

select {
  width: 220px;
}

input[type=checkbox] {
  display: inline;
}

label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}

/* #Misc
================================================== */
.remove-bottom {
  margin-bottom: 0 !important;
}

.half-bottom {
  margin-bottom: 10px !important;
}

.add-bottom {
  margin-bottom: 20px !important;
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
/* #Site Styles
================================================== */
/* #Page Styles
================================================== */
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
@font-face {
  font-family: "Lato";
  src: url("../css/fonts/lato.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("../css/fonts/lato-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../css/fonts/source-sans-pro.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../css/fonts/source-sans-pro-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}

.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

.row {
  margin-bottom: 20px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0;
}

.column.omega, .columns.omega {
  margin-right: 0;
}

/* Base Grid */
.container .one.column,
.container .one.columns {
  width: 40px;
}

.container .two.columns {
  width: 100px;
}

.container .three.columns {
  width: 160px;
}

.container .four.columns {
  width: 220px;
}

.container .five.columns {
  width: 280px;
}

.container .six.columns {
  width: 340px;
}

.container .seven.columns {
  width: 400px;
}

.container .eight.columns {
  width: 460px;
}

.container .nine.columns {
  width: 520px;
}

.container .ten.columns {
  width: 580px;
}

.container .eleven.columns {
  width: 640px;
}

.container .twelve.columns {
  width: 700px;
}

.container .thirteen.columns {
  width: 760px;
}

.container .fourteen.columns {
  width: 820px;
}

.container .fifteen.columns {
  width: 880px;
}

.container .sixteen.columns {
  width: 940px;
}

.container .one-third.column {
  width: 300px;
}

.container .two-thirds.column {
  width: 620px;
}

/* Offsets */
.container .offset-by-one {
  padding-left: 60px;
}

.container .offset-by-two {
  padding-left: 120px;
}

.container .offset-by-three {
  padding-left: 180px;
}

.container .offset-by-four {
  padding-left: 240px;
}

.container .offset-by-five {
  padding-left: 300px;
}

.container .offset-by-six {
  padding-left: 360px;
}

.container .offset-by-seven {
  padding-left: 420px;
}

.container .offset-by-eight {
  padding-left: 480px;
}

.container .offset-by-nine {
  padding-left: 540px;
}

.container .offset-by-ten {
  padding-left: 600px;
}

.container .offset-by-eleven {
  padding-left: 660px;
}

.container .offset-by-twelve {
  padding-left: 720px;
}

.container .offset-by-thirteen {
  padding-left: 780px;
}

.container .offset-by-fourteen {
  padding-left: 840px;
}

.container .offset-by-fifteen {
  padding-left: 900px;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }
  .container .one.column,
  .container .one.columns {
    width: 28px;
  }
  .container .two.columns {
    width: 76px;
  }
  .container .three.columns {
    width: 124px;
  }
  .container .four.columns {
    width: 172px;
  }
  .container .five.columns {
    width: 220px;
  }
  .container .six.columns {
    width: 268px;
  }
  .container .seven.columns {
    width: 316px;
  }
  .container .eight.columns {
    width: 364px;
  }
  .container .nine.columns {
    width: 412px;
  }
  .container .ten.columns {
    width: 460px;
  }
  .container .eleven.columns {
    width: 508px;
  }
  .container .twelve.columns {
    width: 556px;
  }
  .container .thirteen.columns {
    width: 604px;
  }
  .container .fourteen.columns {
    width: 652px;
  }
  .container .fifteen.columns {
    width: 700px;
  }
  .container .sixteen.columns {
    width: 748px;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }
  .container .offset-by-two {
    padding-left: 96px;
  }
  .container .offset-by-three {
    padding-left: 144px;
  }
  .container .offset-by-four {
    padding-left: 192px;
  }
  .container .offset-by-five {
    padding-left: 240px;
  }
  .container .offset-by-six {
    padding-left: 288px;
  }
  .container .offset-by-seven {
    padding-left: 336px;
  }
  .container .offset-by-eight {
    padding-left: 384px;
  }
  .container .offset-by-nine {
    padding-left: 432px;
  }
  .container .offset-by-ten {
    padding-left: 480px;
  }
  .container .offset-by-eleven {
    padding-left: 528px;
  }
  .container .offset-by-twelve {
    padding-left: 576px;
  }
  .container .offset-by-thirteen {
    padding-left: 624px;
  }
  .container .offset-by-fourteen {
    padding-left: 672px;
  }
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .container .columns,
  .container .column {
    margin: 0;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .container .columns,
  .container .column {
    margin: 0;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*
PLEASE READ:

The section immediately below is the color palette for the website.

DO NOT USE THESE VARIABLES OUTSIDE OF THIS FILE!!!!!!

Please change these values as needed or add more.
If you do, wire them up with the semantic variable names below and ONLY use these semantic names in other stylesheets.

 */
/*
PLEASE READ:

Below are semantic variables for use in other sass files. Please ONLY use these values when applicable.

 */
/* fonts */
/*
PLEASE READ:

The section immediately below is the color palette for the website.

DO NOT USE THESE VARIABLES OUTSIDE OF THIS FILE!!!!!!

Please change these values as needed or add more.
If you do, wire them up with the semantic variable names below and ONLY use these semantic names in other stylesheets.

 */
/*
PLEASE READ:

Below are semantic variables for use in other sass files. Please ONLY use these values when applicable.

 */
/* fonts */
body.page.entry-browser {
  -webkit-font-smoothing: antialiased;
  text-align: center;
  background-image: url(../images/browser/entry-browser-bg.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  background-attachment: fixed;
  /* LIST –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* SPONSOR –––––––––––––––––––––––––––––––––––––––––––––––––– */
}
body.page.entry-browser footer {
  display: none;
}
body.page.entry-browser main {
  position: relative;
  margin-top: 0;
}
body.page.entry-browser header {
  text-align: left;
}
body.page.entry-browser header .nav-header {
  margin-right: 0;
}
body.page.entry-browser header .nav-header .social span {
  display: none;
}
body.page.entry-browser header .share-header {
  margin-right: 0;
  width: initial;
}
body.page.entry-browser h2,
body.page.entry-browser h3,
body.page.entry-browser h4,
body.page.entry-browser h5,
body.page.entry-browser h6 {
  color: #888;
}
body.page.entry-browser h4 {
  font-size: 18px;
}
body.page.entry-browser h1 {
  color: #025B3B;
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
}
body.page.entry-browser a {
  color: #038d5b;
}
body.page.entry-browser a:hover {
  color: #025B3B;
}
body.page.entry-browser .genre-label {
  display: none;
}
body.page.entry-browser .genre-label {
  color: #493BD1;
  font-weight: bold;
  font-size: 14px;
}
body.page.entry-browser .no-break {
  white-space: nowrap;
}
body.page.entry-browser .filter-shadow {
  box-shadow: -3px 1px 5px 0 rgba(50, 50, 50, 0.75);
}
body.page.entry-browser .browse-filter-container {
  width: 250px;
  height: auto;
  position: fixed;
  right: 0;
  top: 0;
  background: #EAE7CB;
  z-index: 9999;
  padding-top: 0;
  padding-bottom: 25px;
  overflow-y: auto;
  max-height: 100%;
}
body.page.entry-browser .browse-filter-container .filter-panel-close-button {
  color: #5948FF;
  vertical-align: middle;
  display: block;
  text-align: left;
  padding-left: 12px;
  font-size: 20px;
  margin-top: 25px;
  line-height: 1;
  font-weight: bold;
  cursor: pointer;
}
body.page.entry-browser .browse-filter-container .filter-panel-close-button span {
  background-image: url(../images/mag_glass.svg);
  background-repeat: no-repeat;
  background-position: left;
  height: 23px;
  width: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -1px;
}
body.page.entry-browser .browse-filter-container .filter-form-container {
  height: 100%;
  overflow: hidden;
  padding: 25px;
  color: #025B3B;
  text-align: left;
}
body.page.entry-browser .browse-filter-container .filter-form-container label,
body.page.entry-browser .browse-filter-container .filter-form-container h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Source Sans Pro", HelveticaNeue-CondensedBold, Helvetica, Arial, sans-serif;
  color: #5948FF;
}
body.page.entry-browser .browse-filter-container .filter-form-container form {
  padding-bottom: 0;
  margin-top: 20px;
}
body.page.entry-browser .browse-filter-container .filter-form-container form:first-child {
  margin-top: 0;
}
body.page.entry-browser .browse-filter-container .filter-form-container legend {
  margin-bottom: 10px;
}
body.page.entry-browser .browse-filter-container .filter-form-container h3 {
  margin-bottom: 0;
}
body.page.entry-browser .browse-filter-container .filter-form-container button:focus,
body.page.entry-browser .browse-filter-container .filter-form-container button {
  display: inline-block;
  color: #025B3B;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: normal;
  text-transform: lowercase;
  padding: 0 5px;
  outline: none;
  margin-top: 5px;
  line-height: 25px;
  border-radius: 3px;
}
body.page.entry-browser .browse-filter-container .filter-form-container input {
  width: 94%;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  padding: 3px 0 3px 6px;
  border-left: 1px solid #ccc;
  height: 0.9rem;
  background-color: #EAE7CB;
}
body.page.entry-browser .browse-filter-container .filter-form-container input:focus {
  outline: none;
  box-shadow: none;
}
body.page.entry-browser .browse-filter-container .filter-form-container ul {
  columns: 2;
}
body.page.entry-browser .browse-filter-container .filter-form-container li {
  margin-bottom: 0;
  overflow: hidden;
}
body.page.entry-browser .browse-filter-container .filter-form-container .selected {
  background: linear-gradient(to bottom, #025B3B 70%, #5948FF);
  color: #EAE7CB;
  padding: 5px 10px;
}
body.page.entry-browser .browse-filter-container .filter-form-container select {
  display: inline-block;
  margin: 0;
  width: auto;
  background-color: transparent;
  border: 0;
  color: #025B3B;
  font-weight: bold;
  font-size: 16px;
  padding-right: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}
body.page.entry-browser .browse-filter-container .filter-form-container select option {
  color: black;
}
body.page.entry-browser .browse-filter-container .filter-form-container .arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #025B3B;
  position: relative;
  left: -16px;
  bottom: 2px;
  pointer-events: none;
}
body.page.entry-browser p {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
body.page.entry-browser .intro p {
  padding: 10px;
  margin-bottom: 30px;
}
body.page.entry-browser .intro p:empty {
  padding: 0;
}
body.page.entry-browser .container.result-info {
  margin-bottom: 30px;
  text-align: left;
  width: 88%;
  margin-left: 10px;
  font-size: 14px;
  color: #777;
  line-height: 18px;
  letter-spacing: 0.2px;
}
body.page.entry-browser .container.result-info p {
  margin-bottom: 10px;
}
body.page.entry-browser .container.result-info h3 {
  margin-bottom: 15px;
}
body.page.entry-browser .container.result-info .legal-text {
  line-height: 22px;
  font-size: 12px;
}
body.page.entry-browser .container.result-info .info-results-label {
  color: #EAE7CB;
  background: #025B3B;
  padding: 8px;
  border-radius: 5px;
  cursor: pointer;
  margin: 10px 0;
  display: inline-block;
}
body.page.entry-browser .container.result-info .entry-type-display-message strong {
  font-weight: bold;
}
body.page.entry-browser #share-screen {
  padding-top: 92px;
  top: 0;
  bottom: 110px;
  left: 0;
  display: none;
  width: 100%;
  text-align: center;
  overflow-y: scroll;
  z-index: -1;
}
body.page.entry-browser #share-screen .container {
  width: 60%;
}
body.page.entry-browser #share-screen .newsletter-signup {
  margin-bottom: 110px;
}
body.page.entry-browser #share-screen .band-name a {
  color: #333;
  cursor: default;
}
body.page.entry-browser #share-screen .band-name a:hover {
  color: #333;
}
body.page.entry-browser .share-video {
  width: 100%;
  height: auto;
  min-height: 250px;
  background-color: #888;
}
body.page.entry-browser .center {
  margin: auto;
  width: 60%;
  padding: 10px;
}
body.page.entry-browser .url-fade {
  transition: 200ms;
  transition-timing-function: ease-in-out;
}
body.page.entry-browser .list {
  padding-top: 118px;
  overflow-y: scroll;
  z-index: -1;
  bottom: 100px;
  padding-bottom: 260px;
  width: inherit;
  margin-right: 0;
}
body.page.entry-browser .list .container:first-child {
  width: 100%;
}
body.page.entry-browser .video-list {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body.page.entry-browser .video-list .video-entry {
  list-style: none;
  display: inline-block;
  height: auto;
  margin-bottom: 20px;
  vertical-align: top;
  background: #EAE7CB;
  padding: 5px 20px 15px 20px;
  border: 1px solid #b8c5e0;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  overflow-x: hidden;
}
body.page.entry-browser .sponsor {
  grid-column: 1/-1;
}
body.page.entry-browser .video-embed {
  background-color: #888;
}
body.page.entry-browser .single-entry-section {
  padding-bottom: 30px;
}
body.page.entry-browser .single-entry-section:first-child {
  padding-bottom: 10px;
}
body.page.entry-browser .band-name {
  position: relative;
  left: 0;
  font-size: 18px;
  color: #025B3B;
  font-weight: 700;
  width: 90%;
  pointer-events: none;
  text-align: left;
  margin-top: 10px;
}
body.page.entry-browser .band-name a {
  font-size: 21px;
  color: #025B3B;
  font-weight: 700;
  text-decoration: none;
}
body.page.entry-browser .band-name a:hover {
  color: #01291b;
}
body.page.entry-browser .band-url {
  pointer-events: all;
  font-size: 21px;
}
body.page.entry-browser .song-title {
  position: relative;
  left: 0;
  font-size: 14px;
  color: #777;
  font-weight: 400;
  width: 90%;
  pointer-events: none;
  text-align: left;
}
body.page.entry-browser .icon-share {
  display: block;
  color: #498dcb;
  font-size: 18px;
  float: right;
  top: 0;
  margin-top: -45px;
  cursor: pointer;
}
body.page.entry-browser .pagination {
  width: 100%;
}
body.page.entry-browser .pagination ul li {
  display: inline-block;
}
body.page.entry-browser .pagination li {
  padding: 10px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #223F15;
  margin-right: 20px;
  text-decoration: none;
}
body.page.entry-browser .pagination a {
  text-decoration: none;
  color: #EAE7CB;
  font-weight: 700;
}
body.page.entry-browser .video-load-more {
  position: relative;
  width: 280px;
  margin: 40px auto;
}
body.page.entry-browser .load-more {
  display: none;
  background: #025B3B;
  color: #fff;
}
body.page.entry-browser .end-of-entries-message {
  display: none;
  font-size: 22px;
  width: 100%;
}
body.page.entry-browser .loading-animation {
  display: none;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 100px;
  top: 50%;
}
body.page.entry-browser .loading-bounce1,
body.page.entry-browser .loading-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #025B3B;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
body.page.entry-browser .loading-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: #5948FF;
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
body.page.entry-browser .sponsor {
  width: auto;
}
body.page.entry-browser .share-video-container {
  text-align: left;
  background: #EAE7CB;
  padding: 0 20px;
  border: 1px solid #b8c5e0;
  min-height: 400px;
}
body.page.entry-browser .sharelinks h4 {
  margin-bottom: 5px;
  margin-top: 20px;
}
body.page.entry-browser .sharelinks .share-link-container {
  display: inline-block;
}
body.page.entry-browser .sharelinks .share-link {
  margin: 15px 15px 0 0;
  display: inline-block;
}
body.page.entry-browser .sharelinks .share-link a.link-button:hover,
body.page.entry-browser .sharelinks .share-link button:hover,
body.page.entry-browser .sharelinks .share-link input[type=submit]:hover {
  color: #b8c5e0;
}
body.page.entry-browser .sharelinks .share-link img {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
body.page.entry-browser .sharelinks .share-link span {
  font-weight: 700;
  padding-left: 5px;
  color: #EAE7CB;
}
body.page.entry-browser .sharelinks .share-fb-entry .link-button {
  background-color: #3b5998;
}
body.page.entry-browser .sharelinks .share-twitter-entry .link-button {
  background-color: #55acee;
}
body.page.entry-browser .more-info-container h4 {
  margin-bottom: 5px;
  margin-top: 30px;
  font-size: 18px;
}
body.page.entry-browser .link-button {
  background: #333;
  color: #EAE7CB;
}
body.page.entry-browser .link-button:hover {
  color: #888;
}
body.page.entry-browser .see-all-button {
  margin-bottom: 15px;
  margin-top: 10px;
}
body.page.entry-browser .created-date-label {
  line-height: 35px;
  color: #777;
  text-align: left;
}
body.page.entry-browser .meta-content-container {
  text-align: left;
}
body.page.entry-browser .top-entry-button {
  position: absolute;
  top: 0;
  right: 0;
}
body.page.entry-browser .video-fix {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
body.page.entry-browser .more-info-container p {
  padding-top: 0;
}
body.page.entry-browser .primary-social-container {
  padding-top: 0;
}
body.page.entry-browser .entry-back-to-top-button {
  display: none;
  margin-bottom: 15px;
}

/* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 767px) {
  body.page.entry-browser .video-list {
    grid-template-columns: 1fr;
  }
  body.page.entry-browser .video-list .video-entry {
    margin-left: 0;
    margin-right: 0;
  }
  body.page.entry-browser #share-screen {
    padding-top: 90px;
    padding-bottom: 0;
    bottom: 80px;
  }
  body.page.entry-browser #share-screen .container {
    width: 88%;
  }
  body.page.entry-browser .list {
    bottom: 80px;
  }
  body.page.entry-browser .sponsor {
    z-index: 1;
  }
  body.page.entry-browser #are-you-eligible .container {
    padding: 40px;
  }
  body.page.entry-browser #are-you-eligible .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  body.page.entry-browser #entry-validation-text {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 479px) {
  body.page.entry-browser .container.sort-info {
    padding-left: 10%;
    margin-left: 0;
  }
  body.page.entry-browser .container.sort-info .info-results-label {
    margin-left: 0;
  }
  body.page.entry-browser .browse-filter-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body.page.entry-browser .browse-filter-container .filter-form-container {
    padding-top: 0;
  }
  body.page.entry-browser .browse-filter-container .filter-form-container form {
    margin-bottom: 10px;
  }
  body.page.entry-browser .browse-filter-container .filter-form-container form fieldset {
    margin-bottom: 10px;
  }
  body.page.entry-browser .browse-filter-container .filter-form-container form fieldset label {
    margin-bottom: 10px;
  }
  body.page.entry-browser .browse-filter-container .filter-panel-close-button {
    margin-top: 0px;
  }
}
@media screen and (max-height: 500px) {
  .browse-filter-container .filter-form-container form {
    margin-top: 5px !important;
  }
  .browse-filter-container .filter-form-container form fieldset label {
    margin-bottom: 5px !important;
  }
  .browse-filter-container .filter-form-container button {
    line-height: inherit !important;
    font-size: 14px !important;
  }
  .browse-filter-container .filter-form-container li {
    line-height: 26px !important;
  }
  .browse-filter-container .filter-form-container h3 {
    line-height: 24px !important;
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*
PLEASE READ:

The section immediately below is the color palette for the website.

DO NOT USE THESE VARIABLES OUTSIDE OF THIS FILE!!!!!!

Please change these values as needed or add more.
If you do, wire them up with the semantic variable names below and ONLY use these semantic names in other stylesheets.

 */
/*
PLEASE READ:

Below are semantic variables for use in other sass files. Please ONLY use these values when applicable.

 */
/* fonts */
header.container .section-nav ul {
  display: flex;
  background: #025B3B;
  justify-content: center;
  align-items: center;
  padding: 0.9rem;
}
header.container .section-nav ul li {
  margin: 0 0.5rem;
}
header.container .section-nav ul li a {
  padding: 0 0.5rem;
  color: #eee;
  text-decoration: none;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-transform: capitalize;
}
header.container .section-nav ul li a:hover {
  color: #EAE7CB;
}
header.container .section-nav ul li:before {
  display: block;
  content: "";
  border-bottom: solid 3px #EAE7CB;
  transform: scaleX(0);
  transition: all 250ms ease-in-out;
}
header.container .section-nav ul li:hover:before, header.container .section-nav ul li.active:before {
  transform: scaleX(1);
}
@media only screen and (max-width: 479px) {
  header.container .section-nav ul {
    padding: 0.5rem;
    justify-content: space-between;
    overflow: auto;
  }
  header.container .section-nav ul li a {
    padding: 0;
    font-size: 0.9rem;
    overflow: auto;
  }
}
@media only screen and (max-width: 767px) {
  header.container .section-nav ul {
    justify-content: start;
    overflow-x: scroll;
  }
}

/**
 * Site-specific modifications below here
 */
small.error {
  color: red;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/**
 * Accessibility
 */
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* #Basic Styles
================================================== */
body.page {
  font-size: 18px;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.625;
  -webkit-text-size-adjust: none;
  /* we need display block !important because the page starts as display none
  this helps us to avoid flashing before these styles are loaded. See page.ss */
  display: block !important;
}
body.page main {
  margin-top: 100px;
}
body.page h1,
body.page h2,
body.page h3,
body.page h4,
body.page h5,
body.page h6 {
  color: #EAE7CB;
  margin-bottom: 40px;
  font-weight: bold;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.page h3 {
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 30px;
  text-transform: capitalize;
}
body.page #promo-video h3 {
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
}
body.page strong {
  color: inherit;
}
body.page select {
  font: 13px "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  height: 37px;
}
body.page button,
body.page input[type=submit] {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 10px 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  border-radius: 3px;
}
body.page button:disabled,
body.page input[type=submit]:disabled {
  opacity: 0.3;
  cursor: auto;
}
body.page a.link-button {
  border-radius: 3px;
}
body.page input {
  font: 14px/21px "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: none;
}
body.page li {
  line-height: 24px;
}
body.page .flex-width {
  text-align: center;
}
body.page .container.flex-width {
  max-width: 900px;
  text-align: center;
}
body.page h1:empty,
body.page h2:empty,
body.page h3:empty,
body.page h4:empty,
body.page h5:empty,
body.page h6:empty,
body.page p:empty,
body.page div:empty {
  padding: 0;
  margin: 0;
}
body.page .long-text {
  margin-bottom: 40px;
}
body.page .row {
  margin-bottom: 0;
}
body.page footer p {
  line-height: 24px;
}
body.page footer {
  padding-top: 80px;
  padding-bottom: 80px;
}
body.page footer img {
  height: 35px;
}
body.page section {
  padding-top: 40px;
  padding-bottom: 40px;
}
body.page section#mainstage {
  padding-top: 0;
  padding-bottom: 0;
}
body.page section#mainstage .ad-slot {
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
body.page span.required {
  color: #223F15;
}
body.page p.large {
  font-size: 20px;
}
body.page .flex-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  align-items: flex-start;
}
body.page .section-band .row + .row {
  margin-top: 30px;
}
body.page .section-band .row + .row.row--social-icons {
  margin-top: 20px;
}
body.page .highlighted-section {
  background-color: #025B3B;
  color: #EAE7CB;
}
body.page .highlighted-section h1,
body.page .highlighted-section h2,
body.page .highlighted-section h3,
body.page .highlighted-section h4,
body.page .highlighted-section h5,
body.page .highlighted-section h6 {
  color: #EAE7CB;
}
body.page .highlighted-section a {
  color: #EAE7CB;
}
body.page .highlighted-section a:hover {
  color: #eee;
}
body.page .highlighted-section a.link-button,
body.page .highlighted-section button,
body.page .highlighted-section input[type=submit] {
  background-color: #5948FF;
  color: #EAE7CB;
}
body.page .highlighted-section a.link-button:hover,
body.page .highlighted-section button:hover,
body.page .highlighted-section input[type=submit]:hover {
  color: #b8c5e0;
}
body.page .highlighted-section img {
  max-width: 100%;
  height: auto;
}
body.page .highlighted-section .sharelinks .share-link {
  margin: 15px 15px 15px 0;
  display: inline-block;
}
body.page .highlighted-section .sharelinks .share-link a.link-button:hover,
body.page .highlighted-section .sharelinks .share-link button:hover,
body.page .highlighted-section .sharelinks .share-link input[type=submit]:hover {
  color: #b8c5e0;
}
body.page .highlighted-section .sharelinks .share-link img {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
body.page .highlighted-section .sharelinks .share-link span {
  font-weight: 400;
  padding-left: 5px;
}
body.page .highlighted-section .sharelinks .share-fb .link-button {
  background-color: #3b5998;
}
body.page .highlighted-section .sharelinks .share-twitter .link-button {
  background-color: #55acee;
}
body.page .highlighted-section a.nomination-button {
  margin-bottom: 40px;
}
body.page .share-playlist-section {
  display: flex;
  min-height: 308px;
}
body.page #promo-video img,
body.page .tdc-banner {
  max-width: 100%;
}
body.page .sponsor-message {
  color: #868686;
}
body.page .main-section {
  background: #EAE7CB;
  color: #223F15;
}
body.page .main-section h1,
body.page .main-section h2,
body.page .main-section h3,
body.page .main-section h4,
body.page .main-section h5,
body.page .main-section h6 {
  color: #025B3B;
}
body.page .main-section a {
  color: #025B3B;
}
body.page .main-section a:hover {
  color: #223F15;
}
body.page .main-section a.link-button,
body.page .main-section button,
body.page .main-section input[type=submit] {
  background-color: #5948FF;
  color: #EAE7CB;
}
body.page .main-section a.link-button:hover,
body.page .main-section button:hover,
body.page .main-section input[type=submit]:hover {
  color: #b8c5e0;
}
body.page .subdued-section {
  background-color: #eee;
  background-repeat: no-repeat;
  color: #025B3B;
}
body.page .subdued-section h1,
body.page .subdued-section h2,
body.page .subdued-section h3,
body.page .subdued-section h4,
body.page .subdued-section h5,
body.page .subdued-section h6 {
  color: #025B3B;
}
body.page .subdued-section a {
  color: #025B3B;
}
body.page .subdued-section a:hover {
  color: #223F15;
}
body.page .subdued-section a.link-button,
body.page .subdued-section button,
body.page .subdued-section input[type=submit] {
  background-color: #5948FF;
  color: #EAE7CB;
}
body.page .subdued-section a.link-button:hover,
body.page .subdued-section button:hover,
body.page .subdued-section input[type=submit]:hover {
  color: #b8c5e0;
}
body.page .subdued-section img {
  max-width: 100%;
  height: auto;
}
body.page .subdued-section ul {
  text-align: left;
  padding: 25px;
  border-radius: 5px;
  color: #025B3B;
  background: #EAE7CB;
}
body.page .subdued-section ul a {
  color: #025B3B;
}
body.page .subdued-section ul a:hover {
  color: #333;
}
body.page .subdued-section ul li {
  list-style: disc outside none;
  color: #025B3B;
  margin-bottom: 10px;
  margin-left: 15px;
  width: 99%;
}
body.page .subdued-section ul li:last-child {
  margin-bottom: 0;
}
body.page a.link-button {
  display: inline-block;
  text-decoration: none;
  padding: 12px 80px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
body.page a.link-button.large-button {
  font-size: 125%;
  padding: 16px 75px;
  letter-spacing: 1px;
}
body.page .promo-text-container {
  padding: 30px 0 0 0;
}
body.page .youtube-playlist-section .promo-text-container {
  padding: 0;
}
body.page.has-non-empty-sponsorship .ad-slot:before {
  font-size: 14px;
  content: "More entry videos after sponsor message";
  display: block;
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #888;
  padding: 25px 15px 15px 15px;
}
body.page.has-non-empty-sponsorship #mainstage .ad-slot:before {
  content: "Sponsor Message";
  padding: 35px 15px 15px 15px;
}
body.page.has-non-empty-sponsorship .ad-slot:after {
  padding-top: 50px;
  content: "";
  display: block;
}
body.page .legal,
body.page .email-server-message {
  text-align: center;
}
body.page .legal {
  font-size: 12px;
}
body.page .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
}
body.page .video-container iframe,
body.page .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.page .video-container p,
body.page .video-container img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.page .video-container:has(img) {
  padding-bottom: 0;
  height: auto;
}
body.page h1:has(+ h2) {
  margin: 0 0 0.25rem 0;
}
body.page .site-nav {
  padding-right: 10px;
  vertical-align: top;
}
body.page .site-nav * {
  vertical-align: top;
}
body.page .social {
  padding-right: 10px;
  vertical-align: top;
}
body.page .social * {
  vertical-align: middle;
}
body.page footer .site-nav {
  vertical-align: middle;
}
body.page footer .site-nav * {
  vertical-align: middle;
}
body.page footer .site-nav > span {
  text-align: center;
}
body.page footer .site-nav img {
  width: 125px;
  height: auto;
}
body.page header {
  width: 100%;
  position: fixed;
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 9999;
}
body.page header ul {
  margin-bottom: 0;
}
body.page header ul li {
  margin-bottom: 0;
}
body.page header .nav-header {
  background-color: #223F15;
  height: 46px;
  margin-bottom: 0;
  position: relative;
  overflow: auto;
}
body.page header .nav-header .site-nav {
  display: inline-block;
  height: inherit;
}
body.page header .nav-header .site-nav ul {
  height: inherit;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: auto;
}
body.page header .nav-header .site-nav ul li {
  line-height: 18px;
}
body.page header .nav-header .site-nav ul li.nav-logo {
  padding: 10px 0 10px 10px;
}
body.page header .nav-header .site-nav ul li.nav-logo img {
  width: 131px;
}
body.page header .nav-header li {
  display: inline-block;
}
body.page header .nav-header a {
  display: inline-block;
}
body.page header .nav-header a.nav-link {
  color: #EAE7CB;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 13px;
  margin-left: 20px;
}
body.page header .nav-header a.nav-link :hover {
  color: #eee;
}
body.page header .nav-header a:hover {
  color: #eee;
}
body.page header .nav-header .social {
  display: inline-block;
  position: absolute;
  right: 0;
}
body.page header .nav-header .social span {
  color: #EAE7CB;
  display: inline-block;
  font-size: 14px;
  margin-top: 13px;
  margin-right: 20px;
}
body.page header .nav-header .social a {
  color: #5c667a;
}
body.page header .nav-header .social a img {
  height: 46px;
}
body.page header .share-header {
  background-color: #334554;
  width: 100%;
  height: 42px;
  position: relative;
  margin-bottom: 0;
}
body.page header .share-header .share-bar {
  height: inherit;
  width: 100%;
  position: absolute;
  left: 20px;
  overflow: hidden;
}
body.page header .share-header .share-bar > span {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 2px;
  float: left;
}
body.page header .share-header .share-bar .share-text {
  padding-top: 10px;
  margin-right: 20px;
}
body.page header .share-header .share-bar .share-hashtag {
  color: #FFF23E;
}
body.page header .share-header .share-bar .header-subscription-container {
  padding-top: 0;
  border-left: solid 1px #223F15;
  padding-left: 20px;
  height: 40px;
  vertical-align: top;
}
body.page header .share-header .share-bar .header-subscription-container form {
  display: inline-block;
}
body.page header .share-header .share-bar .header-subscription-container form input {
  margin-left: 10px;
  margin-top: 7px;
  display: inline-block;
  height: 15px;
}
body.page footer.main-section {
  background-image: none;
  background-color: #223F15;
  color: #EAE7CB;
  position: relative;
}
body.page footer.main-section .container {
  max-width: 900px;
}
body.page footer.main-section .nav-links {
  display: inline-block;
}
body.page footer.main-section .nav-links a.nav-link {
  padding-right: 10px;
  border-right: solid 1px #EAE7CB;
  color: #EAE7CB;
  padding-left: 5px;
  white-space: nowrap;
}
body.page footer.main-section .nav-links a.nav-link:hover {
  color: #eee;
}
body.page footer.main-section .nav-links a.nav-link.last {
  border-right: 0;
}
body.page footer.main-section .rules {
  text-align: center;
  margin-bottom: 60px;
  color: #EAE7CB;
}
body.page footer.main-section .rules a {
  color: #EAE7CB;
}
body.page footer.main-section a:hover {
  color: #eee;
}
body.page #promo-video {
  text-align: center;
  width: 100%;
  padding-top: 40px;
}
body.page #promo-video h1,
body.page #promo-video h2,
body.page #promo-video h3,
body.page #promo-video h4,
body.page #promo-video h5,
body.page #promo-video h6 {
  margin-top: 40px;
}
body.page #promo-video .branding {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
body.page #promo-video .branding .npr-music-logo {
  width: 110px;
}
body.page #promo-video .branding .tdc-logo {
  padding: 0 20px;
}
body.page #promo-video .branding .sponsors-link {
  padding-top: 30px;
  width: 115px;
}
body.page #promo-video .branding .sponsors-link .sponsors-logo-mobile {
  display: none;
}
body.page #promo-video .video-container img {
  height: initial;
}
body.page #promo-video .link-button {
  display: none;
}
body.page #intro-text p {
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
}
body.page .newsletter-signup {
  padding-bottom: 50px;
}
body.page .newsletter-signup h3:not(:empty) {
  padding: 10px 0;
}
body.page .newsletter-signup form {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
}
body.page .newsletter-signup form input {
  display: inline-block;
  padding: 9px 20px;
}
body.page .newsletter-signup form label {
  font-weight: 400;
  padding: 20px 10px;
  display: inline-block;
}
body.page .newsletter-signup button,
body.page .newsletter-signup input[type=submit] {
  padding: 10px 15px;
  letter-spacing: 0.7px;
}
body.page .newsletter-signup .submission-form-box {
  margin-top: 30px;
}
body.page .newsletter-signup .email-server-message {
  display: none;
  font-size: 16px;
  padding: 10px;
}
body.page .newsletter-signup .dismiss {
  display: none;
}
body.page .newsletter-signup.sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: #025B3B;
  border-top: 3px solid #223F15;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.page .newsletter-signup.sticky h3 {
  font-size: 23px;
  margin-bottom: 0;
  color: #EAE7CB;
}
body.page .newsletter-signup.sticky p {
  margin: 0 auto;
  max-width: 500px;
  font-size: 14px;
}
body.page .newsletter-signup.sticky .submission-form-box {
  margin-top: 20px;
}
body.page .newsletter-signup.sticky button {
  background: #5948FF;
}
body.page .newsletter-signup.sticky .dismiss {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  padding: 3px 10px;
  background: #EAE7CB;
  color: #025B3B;
}
body.page #how-to-enter {
  padding-bottom: 20px;
}
body.page #how-to-enter h1,
body.page #how-to-enter h2,
body.page #how-to-enter h3,
body.page #how-to-enter h4,
body.page #how-to-enter h6 {
  text-align: center;
}
body.page #how-to-enter h3 {
  text-align: center;
  color: #223F15;
}
body.page #how-to-enter h5 {
  color: #223F15;
  font-size: 20px;
  margin-bottom: 20px;
}
body.page #how-to-enter a {
  margin-bottom: 1.5rem;
}
body.page #how-to-enter p {
  color: #223F15;
}
body.page #how-to-enter ul {
  text-align: left;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 5px;
  background: #5948FF;
}
body.page #how-to-enter ul a {
  color: #EAE7CB;
}
body.page #how-to-enter ul a:hover {
  color: #b8c5e0;
}
body.page #how-to-enter ul li {
  list-style: disc outside none;
  color: #EAE7CB;
  margin-bottom: 10px;
  margin-left: 15px;
  width: 99%;
}
body.page #how-to-enter ul li:last-child {
  margin-bottom: 0;
}
body.page #how-to-enter .long-text {
  margin-bottom: 20px;
}
body.page #enter-button #enter-now-button {
  background: #5948FF;
  color: #EAE7CB;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
}
body.page #enter-button a.link-button#enter-now-button:hover {
  color: #b8c5e0;
  transform: scale(1.5, 1.5) rotate(-2deg);
  transition-duration: 1s;
}
body.page #nomination-card {
  padding-bottom: 20px;
  background-color: #025B3B;
}
body.page #nomination-card .nomination-card__body img {
  border: 1px solid #025B3B;
}
body.page #nomination-card ul {
  text-align: left;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 5px;
}
body.page #nomination-card ul a {
  color: #EAE7CB;
}
body.page #nomination-card ul a:hover {
  color: #b8c5e0;
}
body.page #nomination-card ul li {
  list-style: disc outside none;
  color: #EAE7CB;
  margin-bottom: 10px;
  margin-left: 15px;
  width: 99%;
}
body.page #nomination-card ul li:last-child {
  margin-bottom: 0;
}
body.page #share-playlist .container {
  padding: 40px 0;
}
body.page #are-you-eligible .container {
  padding: 60px 0;
}
body.page #share-playlist,
body.page #are-you-eligible {
  padding: 20px 0;
}
body.page #share-playlist .container,
body.page #are-you-eligible .container {
  background-image: url(../images/are_you_eligible_outline.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
body.page #share-playlist h3,
body.page #are-you-eligible h3 {
  margin-bottom: 20px;
}
body.page #share-playlist p:last-child,
body.page #are-you-eligible p:last-child {
  margin-bottom: 0;
}
body.page #judges {
  text-align: center;
}
body.page #judges h1,
body.page #judges h2,
body.page #judges h4,
body.page #judges h5,
body.page #judges h6 {
  margin-bottom: 0;
}
body.page #judges h3 {
  margin-bottom: 30px;
  color: #025B3B;
}
body.page #judges a,
body.page #judges a:visited {
  text-decoration: none;
}
body.page #judges .judges-row {
  display: grid;
  grid-template-columns: 1fr;
}
body.page #judges .judge-box {
  display: flex;
  vertical-align: top;
  margin: 30px 5px;
  padding: 0 0 5px 0;
  text-align: center;
}
body.page #judges .judge-box img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
body.page #judges .judge-box .judge-photo-container {
  padding: 15px;
  background: linear-gradient(to bottom, #025B3B, #5948FF);
  border-radius: 50%;
}
body.page #judges .judge-box .judge-photo {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
}
body.page #judges .judge-box .judge-details {
  padding-left: 15px;
}
body.page #judges .judge-box .judge-name,
body.page #judges .judge-box .judge-description,
body.page #judges .judge-box .judge-station-name {
  padding: 5px 10px;
  text-align: left;
  color: #223F15;
}
body.page #judges .judge-box .judge-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
body.page #judges .judge-box .judge-description {
  font-size: 14px;
  line-height: normal;
  color: #223F15;
}
body.page #judges .judge-box .judge-description p {
  margin-bottom: 10px;
}
body.page #judges .judge-box .judge-station-name {
  display: none;
  padding-top: 0;
  text-decoration: underline;
}
body.page #judges .judge-box .judge-station-logo {
  width: 155px;
  height: 35px;
  box-sizing: border-box;
  padding: 3px 0;
  margin: 4px 0;
}
body.page #judges .judge-box .judge-station-logo img {
  margin: 0 10px;
}
body.page #judges .judge-box .judge-station-logo {
  display: block;
  background: transparent;
}
body.page #judges .judge-box .judge-station-logo:last-child {
  margin-bottom: 10px;
}
body.page #main-text {
  background-color: #EAE7CB;
}
body.page #previous-winner {
  padding-bottom: 60px;
}
body.page #previous-winner a.link-button:hover {
  color: #b8c5e0;
}
body.page #previous-winner h5 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 20px;
}
body.page #previous-winner .promo-text-container {
  padding-top: 10px;
  text-align: left;
}
body.page #previous-winner .promo-text-container a {
  text-decoration: none;
}
body.page #previous-winner .small-promo-text {
  width: 100%;
  text-align: left;
}
body.page #previous-winner .past-winners {
  clear: both;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 20px;
}
body.page #previous-winner .past-winners .promo-text-container .container {
  width: 100%;
}
body.page #previous-winner .past-winners__video-container {
  position: relative;
}
body.page #previous-winner .past-winners__video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.page #previous-winner .past_winners__video h5 {
  color: #21263B;
  text-align: center;
  font-weight: 500;
}
body.page #previous-winner .past_winners__video {
  margin-top: 40px;
  cursor: pointer;
}
body.page #previous-winner .past_winners__video.active-video h5 {
  color: #025B3B;
  font-weight: bold;
}
body.page #previous-winner .past_winners__video h5:after {
  display: block;
  content: "";
  border-bottom: solid 3px #025B3B;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}
body.page #previous-winner .past_winners__video.active-video h5:after {
  transform: scaleX(1);
}
body.page #previous-winner .past_winners__video h5 {
  padding-top: 1rem;
}
body.page #previous-winner .past-winners__video-container {
  display: block;
}
body.page #previous-winner .promo-text-container {
  display: block;
}
body.page #mainstage.main-section {
  background-image: none;
  background-color: #EAE7CB;
}
body.page #blog-feed {
  background: #EAE7CB;
}
body.page #blog-feed a.link-button {
  background-color: #5948FF;
  color: #EAE7CB;
}
body.page #blog-feed a.link-button:hover {
  color: #b8c5e0;
}
body.page #blog-feed h4 {
  margin-bottom: 0.3rem;
}
body.page #blog-feed .blog-container {
  text-align: left;
  padding: 40px 0;
  margin-bottom: 30px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
body.page #blog-feed .blog-container .blog-pubdate {
  color: #223F15;
}
body.page #blog-feed .blog-container .asc-text-container {
  order: 2;
  font-size: 14px;
}
body.page #blog-feed .blog-container article {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}
body.page #blog-feed .blog-container article:last-of-type {
  margin-bottom: 0;
}
body.page #blog-feed .blog-container .slug {
  color: #223F15;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 14px;
}
body.page #blog-feed .blog-container .asc-title {
  color: #025B3B;
}
body.page #blog-feed .blog-container .asc-title:hover {
  color: #223F15;
}
body.page #blog-feed .blog-container img {
  width: 100%;
}
body.page #blog-feed .blog-container video {
  width: 100%;
}
body.page #blog-feed .blog-container .caption {
  font-style: italic;
  color: #888;
  font-size: 13px;
  line-height: 1;
  text-align: right;
}
body.page #entry-validation-text {
  font: 16px/21px "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.page #entry-validation-text h3,
body.page #entry-validation-text p {
  color: #5948FF;
}
body.page #tell-your-friends h3,
body.page #tell-your-friends p {
  color: #5948FF;
}
body.page #entry-submission-form {
  /* Hide until "other" selected */
}
body.page #entry-submission-form fieldset,
body.page #entry-submission-form input {
  margin: 0;
}
body.page #entry-submission-form input[type=text],
body.page #entry-submission-form select[type=dropdown],
body.page #entry-submission-form input[type=email] {
  padding: 7px 4px;
  box-sizing: border-box;
}
body.page #entry-submission-form textarea {
  resize: vertical;
}
body.page #entry-submission-form textarea,
body.page #entry-submission-form input[type=text],
body.page #entry-submission-form select[type=dropdown],
body.page #entry-submission-form input[type=email] {
  width: 100%;
}
body.page #entry-submission-form input.error,
body.page #entry-submission-form textarea.error {
  border: 1px solid red;
}
body.page #entry-submission-form legend {
  margin-bottom: 5px;
  box-sizing: border-box;
  max-width: 100%;
}
body.page #entry-submission-form .description {
  font-size: 12px;
  color: #223F15;
}
body.page #entry-submission-form .fieldgroup-field {
  margin: auto;
  padding: 20px 0;
  margin-left: 60px;
  margin-right: 60px;
}
body.page #entry-submission-form .fieldgroup-field.first {
  padding: 0;
  margin: inherit;
  width: 100%;
  margin-left: 0;
}
body.page #entry-submission-form .fieldgroup-field.last {
  padding-bottom: 40px;
}
body.page #entry-submission-form .method-informed-other {
  display: none;
}
body.page #entry-submission-form .social-radio-label {
  margin-right: 10px;
}
body.page #entry-submission-form .primary-selected-label {
  display: inline-block;
  padding: 5px;
  background: #025B3B;
  color: #EAE7CB;
  border-radius: 3px;
}
body.page #entry-submission-form .placeholder-container .placeholder-msg {
  font-size: 12px;
}
body.page #entry-submission-form .placeholder-container .placeholder-video {
  background-color: #223F15;
  position: relative;
}
body.page #entry-submission-form .placeholder-container .placeholder-video .video-preview-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #EAE7CB;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .info {
  margin-left: 60px;
  padding: 20px 0 0 0;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .description {
  display: block;
  margin-bottom: 10px;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field {
  vertical-align: top;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.even {
  display: inline-block;
  margin-right: 30px;
  width: 38%;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.even textarea,
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.even input[type=text],
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.even select[type=dropdown],
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.even input[type=email] {
  width: 100%;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.odd {
  display: inline-block;
  width: 39%;
  margin-left: 0;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.odd textarea,
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.odd input[type=text],
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.odd select[type=dropdown],
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.odd input[type=email] {
  width: 100%;
}
body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.first {
  padding: 0;
  margin: inherit;
  width: 100%;
}
body.page #entry-submission-form .fieldgroup.how-to-reach button {
  line-height: 17px;
}
body.page #entry-submission-form .fieldgroup.about-group #Form_MainEntryForm_EnteredHistory {
  margin-top: 5px;
}
body.page #entry-submission-form .fieldgroup.about-group #Form_MainEntryForm_EnteredHistory li {
  width: 100%;
  margin-bottom: 15px;
}
body.page #entry-submission-form .fieldgroup.about-group #Form_MainEntryForm_GroupGenre {
  margin-top: 5px;
}
body.page #entry-submission-form .fieldgroup.about-group #Form_MainEntryForm_GroupGenre li {
  width: 25%;
  margin-bottom: 15px;
}
body.page #entry-submission-form .fieldgroup.about-group #parsley-id-multiple-GroupGenre {
  display: block;
  width: 100%;
  clear: both;
}
body.page #entry-submission-form .fieldgroup.about-group input[name=isPrimarySocial] {
  margin-top: 20px;
  margin-bottom: 10px;
}
body.page #entry-submission-form .fieldgroup.about-group input[name^=Social] {
  margin-top: 5px;
}
body.page #entry-submission-form .fieldgroup.about-group .description {
  color: #223F15;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper {
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #ccc;
  border-radius: 2px;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper span {
  position: absolute;
  margin: 10px;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper span:first-child {
  font-size: 14px;
  line-height: 21px;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper input {
  border: none;
  width: 100%;
  margin-top: 3px;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper input[name=SocialInstagram] {
  padding-left: 23px;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper input[name=SocialFacebook] {
  padding-left: 102px;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper input:active,
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .social-input-wrapper input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
body.page #entry-submission-form .fieldgroup.about-group .social-url-container .selected-social {
  border: solid 1px #025B3B;
}
body.page #entry-submission-form .fieldgroup.about-entry .placeholder-container {
  margin-top: 10px;
}
body.page #entry-submission-form .fieldgroup.the-rules .description {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 5px;
  color: #223F15;
}
body.page #entry-validation-form {
  /* hide input */
  /* style label */
  /* toggle hover */
  /* toggle on */
}
body.page #entry-validation-form h2 {
  color: #EAE7CB;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
body.page #entry-validation-form #checklist-state h2,
body.page #entry-validation-form p {
  color: #5948FF;
}
body.page #entry-validation-form li.valYes {
  clear: left;
}
body.page #entry-validation-form .fieldgroup-field {
  overflow: auto;
  zoom: 1;
  border-bottom: solid 1px #ccc;
}
body.page #entry-validation-form .fieldgroup-field fieldset {
  margin-bottom: 0;
}
body.page #entry-validation-form .fieldgroup-field fieldset legend {
  margin-bottom: 30px;
  box-sizing: border-box;
  max-width: 100%;
}
body.page #entry-validation-form .fieldgroup-field.first {
  border-bottom: none;
}
body.page #entry-validation-form .fieldgroup-field.last {
  border-bottom: none;
}
body.page #entry-validation-form .optionset li {
  border: solid 1px #ccc;
  border-radius: 3px;
  width: 100px;
}
body.page #entry-validation-form input[type=radio]:empty,
body.page #entry-validation-form input[type=checkbox]:empty {
  margin-left: -9999px;
}
body.page #entry-validation-form input[type=radio]:empty ~ label,
body.page #entry-validation-form input[type=checkbox]:empty ~ label {
  position: relative;
  float: left;
  line-height: 2.5em;
  cursor: pointer;
  user-select: none;
}
body.page #entry-validation-form .valNo input[type=radio]:empty ~ label,
body.page #entry-validation-form .valNo input[type=checkbox]:empty ~ label,
body.page #entry-validation-form .valYes input[type=radio]:empty ~ label,
body.page #entry-validation-form .valYes input[type=checkbox]:empty ~ label {
  text-indent: 2.1em;
  width: 100%;
}
body.page #entry-validation-form input[type=radio]:empty ~ label:after,
body.page #entry-validation-form input[type=checkbox]:empty ~ label:after {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 2.5em;
  border-radius: 3px 0 0 3px;
}
body.page #entry-validation-form input[type=radio]:hover:not(:checked) ~ label,
body.page #entry-validation-form input[type=checkbox]:hover:not(:checked) ~ label {
  color: #EAE7CB;
  background-color: #025B3B;
}
body.page #entry-validation-form input[type=radio]:checked ~ label,
body.page #entry-validation-form input[type=checkbox]:checked ~ label {
  color: #EAE7CB;
  background-color: #025B3B;
}
body.page #entry-validation-form .valYes input[type=radio]:checked ~ label,
body.page #entry-validation-form .valYes input[type=checkbox]:checked ~ label {
  text-indent: 1.6em;
}
body.page #entry-validation-form .valYes input[type=radio]:checked ~ label:after,
body.page #entry-validation-form .valYes input[type=checkbox]:checked ~ label:after {
  content: "✔";
  text-indent: 0.2em;
}
body.page .entry-form {
  text-align: left;
}
body.page .entry-form form {
  text-align: center;
}
body.page .entry-form h3 {
  margin-bottom: 20px;
}
body.page .entry-form input,
body.page .entry-form label,
body.page .entry-form textarea {
  display: inline-block;
}
body.page .entry-form fieldset {
  text-align: left;
}
body.page .entry-form label,
body.page .entry-form legend {
  font: inherit;
  font-weight: 400;
}
body.page .entry-form li {
  float: left;
  margin: 0 25px 0 0;
}
body.page .entry-form #validation-messages {
  display: none;
}
body.page .entry-form #checklist-state {
  margin-bottom: 50px;
}
body.page .entry-form .fieldgroup-field {
  padding: 30px 0;
  margin: 0 60px;
}
body.page .entry-form .fieldgroup-field.first {
  margin: 0;
  padding: 0;
}
body.page .entry-form .fieldgroup-field.first h2 {
  margin: 0;
}
body.page .entry-form .validation-msg {
  color: #025B3B;
  display: inline-block;
  padding: 0 5px;
  margin: 20px 0 0 0;
  text-align: left;
  float: left;
  clear: both;
  border-left: solid 5px #025B3B;
}
body.page .entry-form .field.fieldgroup {
  margin-bottom: 30px;
  background-color: #EAE7CB;
}
body.page .entry-form .field.fieldgroup a {
  color: #025B3B;
}
body.page .entry-form .fieldgroup-field h2 {
  background: #5948FF;
  color: #EAE7CB;
  display: block;
  padding: 10px 30px 10px 30px;
  position: relative;
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.page .entry-form .form-minor-section legend {
  color: #025B3B;
}
body.page .entry-form .submit-message {
  width: 70%;
  margin: auto;
  font-weight: 700;
  color: #EAE7CB;
}
body.page .entry-form .hear-about-contest li {
  width: 45%;
  margin: 0 20px 15px 0;
}
body.page #tell-your-friends .sharelinks .share-link {
  margin: 15px 15px 15px 0;
  display: inline-block;
}
body.page #tell-your-friends .sharelinks .share-link a.link-button:hover,
body.page #tell-your-friends .sharelinks .share-link button:hover,
body.page #tell-your-friends .sharelinks .share-link input[type=submit]:hover {
  color: #b8c5e0;
}
body.page #tell-your-friends .sharelinks .share-link img {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
body.page #tell-your-friends .sharelinks .share-link span {
  font-weight: 400;
  padding-left: 5px;
}
body.page #tell-your-friends .sharelinks .share-fb .link-button {
  background-color: #3b5998;
}
body.page #tell-your-friends .sharelinks .share-twitter .link-button {
  background-color: #55acee;
}
body.page #browse-entries .container > .row:last-of-type {
  max-width: 700px;
  margin: 0 auto;
}
body.page #browse-entries .random-video-frame {
  background-image: url(../images/browser_component_frame.png);
  height: 55px;
  position: relative;
  padding-bottom: 56.25%;
}
body.page #browse-entries .random-video-frame .video-container {
  height: 71%;
  width: 81%;
  position: absolute;
  top: 32px;
  left: 32px;
  padding-bottom: 0;
}
body.page #browse-entries .section-link-button-container {
  margin-top: 30px;
}
body.page #contest-winner .promo-text-container {
  text-align: left;
}
body.page #contest-winner h3:not(:first-of-type) {
  margin-top: 40px;
}
body.page #skinny-header {
  padding: 25px;
}
body.page #skinny-header .row:after {
  content: "";
  display: table;
  clear: both;
}
body.page #skinny-header .row:first-of-type,
body.page #skinny-header .sponsors-link,
body.page #skinny-header .sponsors-logo {
  height: 75px;
}

body.page.child h1,
body.page.child h2,
body.page.child h3,
body.page.child h4,
body.page.child h5,
body.page.child h6 {
  color: #444;
}

body.page.entry-form #mainstage {
  background-image: none;
}

#Form_MainEntryForm_action_doEntrySubmit {
  order: 1;
  height: 60px;
}

#Form_MainEntryForm_action_doEntrySubmit:hover {
  color: lightblue;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.loading-text {
  order: 3;
  width: 100%;
}

.lds-ring {
  order: 0;
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 58px;
  height: 58px;
  margin: 8px;
  border: 8px solid black;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: black transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.page #entry-submission-form #Form_MainEntryForm_error {
  font-size: 20px;
  color: red;
  margin-top: -20px;
  line-height: 24px;
  max-width: 80%;
  margin-left: 10%;
}

body.page #entry-submission-form #Form_MainEntryForm_error a {
  color: red;
}

body.page #entry-submission-form select {
  margin: 0;
}

body.page #entry-validation-form a {
  color: #5948FF;
}

body.page #are-you-eligible .row {
  margin-left: 100px;
  margin-right: 100px;
}

body.page.update-page ul li {
  float: none;
}
body.page.update-page ul li label {
  color: #223F15;
  font-weight: 400;
  margin-top: 0;
}
body.page.update-page label {
  color: #223F15;
  font-weight: bold;
  margin-top: 30px;
}

body.page.winner-announcement .highlighted-section:not(.newsletter-signup) p,
body.page.after-concert .highlighted-section:not(.newsletter-signup) p,
body.page.maintenance .highlighted-section:not(.newsletter-signup) p,
body.page.previous-contest .highlighted-section:not(.newsletter-signup) p {
  text-align: left;
}

body.page.after-concert .section-band.main-section a {
  color: #025B3B;
}
body.page.after-concert .section-band.main-section a:hover {
  color: #223F15;
}
body.page.after-concert footer.section-band.main-section a {
  color: #EAE7CB;
}
body.page.after-concert footer.section-band.main-section a:hover {
  color: #eee;
}

body.page.maintenance #browse-entries .container > .row:last-of-type {
  max-width: 900px;
}

/* Skeleton Overrides */
body.page form input[type=text],
body.page form input[type=password],
body.page form input[type=email],
body.page form textarea,
body.page form select {
  color: #223F15;
}
body.page form input[type=text]:focus,
body.page form input[type=password]:focus,
body.page form input[type=email]:focus,
body.page form textarea:focus,
body.page form select:focus {
  color: #223F15;
}

/**
 * Begin media queries
 */
@media only screen and (min-width: 960px) {
  .container .eight.columns {
    width: 430px;
  }
  body.page .newsletter-signup .email-input {
    width: 250px;
  }
  body.page .newsletter-signup.sticky .email-input {
    width: 315px;
  }
  body.page #judges .judges-row {
    grid-template-columns: 1fr 1fr;
  }
  body.page #judges .judge-box .judge-photo {
    width: 225px;
    height: 225px;
  }
  body.page #nomination-card .nomination-card__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 768px) {
  .small-promo-text {
    display: none !important;
  }
  body.page #blog-feed .blog-container article {
    flex-direction: row;
    margin-bottom: 4rem;
  }
  body.page #blog-feed .blog-container article h4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0.5rem;
    line-height: 1.2;
  }
  body.page #blog-feed .blog-container article .asc-text-container {
    order: 0;
    flex: 2 0;
    padding-right: 1rem;
  }
  body.page #blog-feed .blog-container article i {
    font-style: italic;
    font-size: 12px;
  }
  body.page #blog-feed .blog-container article h2 {
    font-size: 20px;
  }
  body.page #blog-feed .blog-container article h5 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1300px) {
  .main-section {
    background-size: contain;
    background-position: 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body.page #share-playlist .container,
  body.page #are-you-eligible .container {
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body.page .main-section {
    padding-top: 80px;
  }
  body.page #promo-video {
    padding-top: 142px;
  }
  body.page .container.flex-width {
    max-width: 700px;
  }
  body.page header .nav-header .social {
    display: none;
  }
  body.page header .share-header {
    position: inherit;
    height: inherit;
  }
  body.page header .share-header .share-bar {
    position: inherit;
    left: 0;
  }
  body.page header .share-header .share-bar > span {
    display: block;
    text-align: center;
    height: 42px;
  }
  body.page header .share-header .share-bar > span a {
    overflow: hidden;
  }
  body.page header .share-header .share-bar .share-text {
    display: none;
  }
  body.page header .share-header .share-bar .share-twitter {
    width: 50%;
    text-align: center;
  }
  body.page header .share-header .share-bar .share-twitter a {
    width: 153px;
    display: block;
    margin-left: 20px;
  }
  body.page header .share-header .share-bar .share-twitter a img {
    margin-left: -50px;
  }
  body.page header .share-header .share-bar .header-subscription-container {
    border-left: none;
    border-top: solid 1px #223F15;
    padding-left: 0;
  }
  body.page #promo-video .container {
    width: 100%;
  }
  body.page #promo-video .promo-text-container {
    margin: 0 1rem;
  }
  body.page main {
    margin-top: 0;
  }
  body.page #entry-submission-form fieldset,
  body.page #entry-submission-form input {
    margin: 0;
  }
  body.page #entry-submission-form textarea,
  body.page #entry-submission-form input[type=text],
  body.page #entry-submission-form select[type=dropdown],
  body.page #entry-submission-form input[type=email] {
    width: 100%;
  }
  body.page #entry-submission-form legend {
    margin-bottom: 5px;
  }
  body.page #entry-submission-form .description {
    font-size: 12px;
    color: #223F15;
  }
  body.page #entry-submission-form .fieldgroup-field {
    margin: auto;
    width: 90%;
    display: block;
  }
  body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.even {
    display: block;
    width: 90%;
    margin: auto;
  }
  body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.odd {
    display: block;
    width: 90%;
    margin: auto;
  }
  body.page #entry-submission-form .fieldgroup.how-to-reach .fieldgroup-field.first {
    margin: 0;
    padding: inherit;
    width: 100%;
  }
  body.page #entry-submission-form .fieldgroup.about-group #Form_MainEntryForm_GroupGenre li {
    width: 50%;
  }
  body.page #entry-submission-form .hear-about-contest li {
    width: 100%;
  }
  body.page #browse-entries .random-video-frame {
    background-image: none;
    height: 0;
  }
  body.page #browse-entries .random-video-frame .video-container {
    height: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 56.25%;
  }
  body.page #previous-winner .promo-text-container {
    display: none;
  }
  body.page #previous-winner .past-winners__video-container {
    display: none;
  }
  body.page #previous-winner .past_winners__video h5 {
    font-size: 16px;
  }
  body.page #share-playlist .container,
  body.page #are-you-eligible .container {
    background: none;
  }
  body.page #are-you-eligible .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  body.page #entry-validation-text {
    margin-top: 35px;
  }
  body.page.entry-validation .newsletter-signup .container {
    width: 380px;
  }
  body.page.entry-submitted .highlighted-section,
  body.page.entry-form .highlighted-section {
    margin-top: 100px;
  }
  body.page.child #single-content-page {
    margin-top: 80px;
  }
  body.page.maintenance #browse-entries .container > .row:last-of-type {
    max-width: 700px;
  }
  /* Override skeloton grid to preven stacking at mobile */
  .past_winners__video.columns.five {
    width: 33%;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  body.page p {
    font-size: 16px;
  }
  body.page li {
    font-size: 16px;
  }
  body.page footer .nav-links {
    display: block;
  }
  body.page #promo-video h3:not(:empty) {
    background-size: 100% auto;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 6vw;
  }
  body.page #promo-video .branding .sponsors-link {
    width: auto;
  }
  body.page #promo-video .branding .sponsors-link .sponsors-logo-mobile {
    display: block;
    width: 200px;
  }
  body.page #promo-video .branding .sponsors-link .sponsors-logo {
    display: none;
  }
  body.page .newsletter-signup input {
    width: 108px;
  }
  body.page #entry-validation-form {
    /* style label */
    /* toggle on */
  }
  body.page #entry-validation-form .optionset li {
    margin: 0 0 15px 0;
    width: 175px;
  }
  body.page #entry-validation-form .optionset li:last-child {
    margin-bottom: 0;
  }
  body.page #entry-validation-form .valYes input[type=radio]:empty ~ label,
  body.page #entry-validation-form .valYes input[type=checkbox]:empty ~ label,
  body.page #entry-validation-form .valNo input[type=radio]:empty ~ label,
  body.page #entry-validation-form .valNo input[type=checkbox]:empty ~ label {
    text-indent: 4.6em;
  }
  body.page #entry-validation-form .valYes input[type=radio]:checked ~ label,
  body.page #entry-validation-form .valYes input[type=checkbox]:checked ~ label {
    text-indent: 3.9em;
  }
  body.page #entry-validation-form .valYes input[type=radio]:checked ~ label:after,
  body.page #entry-validation-form .valYes input[type=checkbox]:checked ~ label:after {
    content: "✔";
    text-indent: -2.1em;
  }
  body.page #entry-submission-form li {
    font-size: 14px;
  }
  body.page #entry-submission-form .about-group label {
    display: inline;
  }
  body.page #browse-entries img {
    /*  width: 50%; */
  }
  body.page #skinny-header .pull-left,
  body.page #skinny-header .pull-right {
    float: none;
  }
  body.page #skinny-header .row:first-of-type {
    height: auto;
  }
  body.page.entry-validation {
    background: #EAE7CB;
  }
  body.page.entry-validation section.newsletter-signup {
    margin: 0 auto;
  }
  body.page.entry-validation section.newsletter-signup .container {
    width: auto;
  }
  .judge-box {
    flex-direction: column;
    justify-self: center;
    width: 100%;
  }
  .judge-box a {
    width: 180px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page #judges .judge-box .judge-name {
    text-align: center;
  }
  body.page #judges .judge-box .judge-details {
    padding-left: 0;
  }
}
/* IE only fix. This container is not being displayed and the header is hidden */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #entry-validation-text .container {
    margin-top: 80px;
  }
}

/* Login form */
#page-Security main {
  width: 80vw;
  max-width: 500px;
  margin: 120px auto;
}
#page-Security main h1 {
  color: black;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: auto;
  text-align: center;
  padding-top: 30px;
}
#page-Security main #MemberLoginForm_LoginForm {
  overflow: hidden;
  /* Submit button */
}
#page-Security main #MemberLoginForm_LoginForm label {
  font-size: 18px;
}
#page-Security main #MemberLoginForm_LoginForm input {
  width: 97%;
  margin: 0;
  padding: 8px 0 8px 8px;
  margin: 0 0 1em 0;
}
#page-Security main #MemberLoginForm_LoginForm input.checkbox {
  margin: 0;
}
#page-Security main #MemberLoginForm_LoginForm .Actions input {
  border: 1px solid #777;
  background: #4C85C5;
  color: #EAE7CB;
}
#page-Security main #MemberLoginForm_LoginForm_Remember_Holder {
  display: grid;
  grid-template-columns: 25px 1fr;
  padding: 10px;
  align-items: center;
}

.row--social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.row--social-icons a {
  width: 50px;
  height: 50px;
  margin-right: 25px;
}

.row--social-icons a:last-child {
  margin-right: 0;
}

.row--playlist-embed {
  padding: 0 5%;
}

.playlist-sharing-copy__inner {
  max-width: 240px;
  margin: 0 auto;
}

.instagram-icon {
  background-image: url("../images/instagram-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.youtube-icon {
  background-image: url("../images/youtube-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
}