.hot-sauce-fest #top-bar {
background-color: #f03e58;
background-image: url('/Images/HotSauce/pinker-gradient.png');
background-repeat: repeat-x;
}

/*#nav-section {
border-bottom: 1px solid #c0563e;*/
}
@media (min-width: 1000px) {
.hot-sauce-fest .bar-link:hover {
color: #ffffff;
background-color: #41bfb4;
}

/*ffda678*/

}
#hot-nav {
width: 100%;
height: 25px;
padding-top: 4px;
box-sizing: border-box;
text-align: center;
font-size: 18px;
font-weight: 600;
line-height: 18px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
background-color: #fff;
}
#hot-nav a {
padding: 0;
margin: 0 6px;
color: #42c0b6;
border-radius: 3px;
text-transform: uppercase;
}
#hot-nav a.current,
#hot-nav a:hover {
text-decoration: none;
color: #da6d46;
}
#container .Chronosel .Slide-Text,
#container .Chronosel .Slide-Textbox {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
/*text-shadow: 2px 2px 3px rgba(94, 8, 11, 1);*/
}
.Chronosel .Slide-Border {
border-radius: 10px;
}
.Chronosel .Slide-Image {
border-radius: 10px;
}
.hot-sauce .Chronosel div.HighlightSubhead {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-weight: bold;
}
#Chronosel-Mobile .whole-headline {
border-radius: 0;
}
#Chronosel-Mobile .whole-kicker {
border-radius: 0 0 10px 10px;
}
.unit a:hover .whole-headline, .unit a:hover .whole-kicker {
color: #42c0b6;
}
.hot-sauce .whole-item {
border-bottom: none;
padding-bottom: 0;
}
.hot-sauce .whole-image {
height: 210px;
border-radius: 10px 10px 0 0;
}
.hot-sauce .whole-image.text-free {
height: 250px;
}
.hot-sauce .rectangle-image,
.hot-sauce .rectangle-image img {
width: 300px;
height: 250px;
}
.hot-sauce .rectangle-image {
display: inline-block;
}
.hot-sauce .rectangle {
text-align: center;
}
.hot-sauce .whole-headline {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
margin-top: 0;
height: 40px;
padding: 8px 10px;
box-sizing: border-box;
background-color: #000000;
color: #ffffff;
position: relative;
text-align: center;
border-radius: 0 0 10px 10px;
}
.hot-sauce .whole-headline a {
color: #ffffff;
}
.hot-sauce .whole-headline a span.hilight,
.hot-sauce a.half-headline-link span.hilight {
color: #a8dbeb;
text-transform: uppercase;
}
.hot-sauce .half-top,
.hot-sauce .half-bottom {
border: none;
height: 115px;
background-color: #000000;
color: #ffffff;
}
.hot-sauce .half-image-section {
margin: 0;
}
.hot-sauce .half-top {
margin-bottom: 20px;
}
.hot-sauce .half-headline-section {
background-color: #000000;
color: #ffffff;
}
.hot-sauce a.half-headline-link:link,
.hot-sauce a.half-headline-link:visited {
color: #ffffff;
}
.hot-sauce .half-text-section {
padding: 10px 10px 10px 0;
}
.hot-sauce a.half-headline-link:link {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
}
.hot-sauce .half-headline-section.deep,
.hot-sauce .half-description-section.deep {
max-height: none;
}
.hot-sauce .fifth-container {
border-top: none;
padding-top: 0;
}
.hot-sauce .fifth-item {
border-bottom: none;
height: 46px;
padding: 7px 8px;
line-height: 17px;
margin-bottom: 5px;
background-color: #000000;
box-sizing: border-box;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
position: relative;
}
.hot-sauce .fifth-item-last {
margin-bottom: 0;
padding-bottom: 2px;
}
.hot-sauce .fifth-item a.fifth-item-link:link,
.hot-sauce .fifth-item a.fifth-item-link:visited {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #ffffff;
}
.hot-sauce a.fifth-item-link span.fifth-headline .hilight-text {
color: #a8dbeb;
}
.hot-sauce a.fifth-item-link span.fifth-description {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #ffffff;
}
.hot-sauce .fifth-item .edit-link,
.hot-sauce .fifth-item .edit-link a {
color: #ffffff;
}
.hot-sauce .fifth-item .edit-link {
position: absolute;
top: 3px;
right: 3px;
}
.hot-sauce .Chronosel .Slide-Text,
.hot-sauce .Chronosel .Slide-Textbox {
top: 6px;
left: 6px;
width: 628px;
position: absolute;
z-index: 5;
opacity: 1;
padding: 10px;
overflow: visible;
letter-spacing: 0px;
text-align: left;
font-size: 20px !important;
font-weight: bold;
letter-spacing: 0px !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
border-radius: 10px;
}
.hot-sauce a:hover .whole-headline {
background-color: /*#42c0b6;*/ #ef3e56;
text-decoration: none !important;
opacity: 1.0;
color: #ffffff !important;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !important;
}
#cal-left {
clear: both;
float: left;
margin: 20px 20px 0 0;
width: 660px;
}
#cal-right {
width: 320px;
float: right;
margin-top: 20px;
}
#ad-container {
width: 320px;
}
#cal-right .module.ad-right {
margin-bottom: 15px;
}
.bread-crumbs {
font-weight: 900;
margin: 0;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: 0.5px;
}
#cal-left .bread-crumbs a,
#cal-left .bread-crumbs a:visited {
font-weight: 900;
color: /*#42c0b6;*/ #f03e58;
}
.bread-crumbs .fa {
color: #dddddd;
}
#cal-left h1 {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
margin: 4px 0 8px;
font-weight: 900;
color: /*#da6d46;*/ #000000;
}
#cal-left h1.awards-page {
font-size: 24px;
}
#cal-left h1.awards-page span {
white-space: nowrap;
}
#cal-left a,
#cal-left a:visited {
font-weight: bold;
color: /*#42c0b6;*/ #f03e58;
}
.top-text {
text-align: center;
}
.intro-big {
margin: 6px 0 0;
font-size: 24px;
line-height: 36px;
font-weight: bold;
}
.intro-big a,
.intro-big span {
white-space: nowrap;
}
.intro-medium {
margin: 10px 0 0;
font-size: 18px;
line-height: 27px;
font-weight: bold;
}
.intro-little {
margin: 10px 0 0;
font-size: 14px;
line-height: 21px;
font-weight: normal;
}
.intro-list {
text-indent: -10px;
margin-left: 10px;
}
#cal-left h2 {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
margin: 60px 0 10px;
}
#cal-left h2.tight-head {
margin: 20px 0 6px;
}
#cal-left h2.tight-head span {
font-size: 18px;
font-weight: 500;
white-space: nowrap;
}
h2.faq {
margin: 20px 0 10 !important;
color: #000000;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 24px;
margin: 20px 0 0;
}
h2 span.expand-collapse {
font-size: 12px;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
white-space: nowrap;
}
.FAQ-Q {
font-weight: bold;
font-size: 16px;
line-height: 22px;
cursor: pointer;
color: #000000;
margin: 8px 0 4px;
}
.FAQ-A {
font-size: 14px;
line-height: 20px;
display: none;
margin-bottom: 12px;
}
.FAQ-A p {
margin: 0 0 6px;
}
.FAQ-A a {
font-weight: bold;
text-decoration: underline;
}
#hot-toggle {
display: none;
}
.gallery-link {
margin-bottom: 20px;
text-align: center;
}
.gallery-link .intro-big {
text-align: center;
}
.gallery-link h3 {
margin: 0;
}
.awards-logo {
float: left;
width: 23%;
margin: 0 1% 15px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
}
.awards-logo img {
width: 100%;
}
.sponsor-shell {
margin-bottom: 30px;
text-align: center;
}
.sponsor-shell img {
width: 100%;
max-width: 400px;
}
.sponsor-shell.left-shell,
.sponsor-shell.right-shell {
float: left;
width: 49%;
}
.sponsor-shell.right-shell {
margin-left: 2%;
}
.sponsor-shell .intro-medium a {
white-space: nowrap;
}
.second-sponsors {
display: inline-block;
width: 28%;
margin: 0 2% 10px;
}
.second-sponsors img {
width: 100%;
max-width: none;
}
.a-response {
display: none;
}
.fluid-width-video-wrapper {
margin-bottom: 5px;
}
.awards-page-logo {
float: right;
width: 181px;
max-width: 50%;
margin: 10px 0 10px 10px;
}
.awards-page-logo img {
width: 100%;
}
h3.hs-awards {
font-size: 18px;
color: #da6d46;
margin: 20px 0 10px;
}
div.hs-type {
font-weight: bold;
font-size: 15px;
}
blockquote {
margin: 5px 0 10px 10px;
}
.merch-col {
float: left;
width: 32%;
margin-top: 10px;
margin-right: 2%;
text-align: center;
}
.merch-col.last-col {
margin-right: 0;
}
.merch-title {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 16px;
margin-bottom: 5px;
}
.inner-col.next-col {
margin-top: 20px;
}
.merch-description {
font-size: 12px;
line-height: 18px;
}
.merch-tagline {
float: left;
clear: both;
margin-top: 20px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
text-align: center;
}
.merch-col img {
width: 100%;
cursor: zoom-in;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
font-size: 14px;
line-height: 21px;
}
.desktop-pair {
float: left;
width: 48%;
}
.desktop-pair.desktop-first {
margin-right: 2%;
}
.volunteer-button {
float: left;
clear: both;
margin: 15px 0;
padding: 8px 10px;
text-align: center;
display: block;
width: 100%;
font-size: 24px;
background-color: #42c0b6;
color: #ffffff !important;
border-radius: 8px;
box-sizing: border-box;
}
.volunteer-button:hover {
text-decoration: none;
background-color: #000000;
}
@media (max-width: 1000px) {
.hot-sauce-fest #container {
width: 100%;
}
#cal-left {
width: 98%;
margin: 20px 1% 0;
}
#cal-right {
width: 98%;
margin: 20px 1% 0;
}
#ad-container {
width: 660px;
margin: 0 auto;
}
.awards-logo {
width: 18%;
}
}
@media (max-width: 850px) {
.awards-logo {
width: 23%;
}
#hot-nav {
font-size: 16px;
}
}
@media (max-width: 768px) {
#nav-section {
border-bottom: 0;
}
.hot-sauce-fest #container {
padding-top: 0;
}
#cal-left {
margin: 0 1%;
}
#hot-nav a,
#hot-nav a:hover {
padding: 8px;
display: block;
float: left;
width: 98%;
margin: 4px 1%;
box-sizing: border-box;
font-size: 16px;
color: #fff;
background-color: /*#42c0b6;*/ #ef3e56;
}
#hot-nav a.current {
color: #fff;
background-color: #da6d46;
}
#content-area {
border-top: none;
}
#hot-nav {
display: none;
}
#hot-nav.open-nav {
display: block;
}
.bread-crumbs {
display: none;
}
#hot-toggle {
display: block;
box-sizing: border-box;
border-radius: 3px;
width: 100%;
margin: 10px 0;
padding: 8px 12px;
background-color: #f03e58;
color: #000;
text-align: left;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 900;
letter-spacing: 1px;
text-shadow: 1px 1px 2px #fff;
}
#hot-toggle i {
float: right;
font-size: 21px;
}
#hot-toggle .fa-arrow-up {
display: none;
}
#hot-toggle.open {
margin-top: 4px;
}
.top-ad.open-nav {
display: none;
}
}
@media (max-width: 660px) {
h1 img {
display: none;
}
.hot-sauce .whole-headline {
margin: 0;
height: auto;
}
.hot-sauce .whole-kicker {
background-color: #000;
color: #fff;
margin: 0;
padding: 0 0 6px;
}
.hot-sauce .whole-image,
.hot-sauce .with-title .whole-image,
.hot-sauce .whole-image.text-free {
height: auto;
margin-bottom: -4px;
}
.awards-logo {
width: 31%;
}
#ad-container {
width: 320px;
}
.sponsor-shell.left-shell,
.sponsor-shell.right-shell {
width: 100%;
margin: 0;
}
.second-sponsors {
width: 47%;
margin: 0 1% 10px;
}
.no-response iframe {
display: none;
}
.a-response {
display: inline-block;
width: 100%;
}
.merch-col {
width: 48%;
margin-right: 0;
}
.merch-col.second-col {
margin-left: 4%;
}
.merch-col.last-col {
width: 100%;
margin-top: 20px;
}
.inner-col {
float: left;
width: 48%;
}
.inner-col.next-col {
margin-top: 0;
margin-left: 4%;
}
.desktop-pair {
float: none;
width: 100%;
}
.desktop-pair.desktop-first {
margin-right: 0;
}
}
@media (max-width: 500px) {
.sponsor-shell img {
max-width: none;
margin-bottom:20px;
}
#cal-left h1.awards-page span {
white-space: normal;
}
.merch-title {
font-size: 21px;
}
.merch-description {
font-size: 16px;
line-height: 24px;
}
.merch-col,
.merch-col.second-col,
.inner-col,
.inner-col.next-col {
width: 100%;
margin: 30px 0 0;
}
}
@media (max-width: 360px) {
h1 span.nobr {
white-space: normal;
}
}

/*responsive columns*/

.columns {
  -webkit-columns: 2 325px;
     -moz-columns: 2 325px;
          columns: 2 325px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
font-size: 14px;
line-height: 21px;
font-weight: normal;
}

/*Ticket Button*/

.myButton {
	background-color:#f03e59;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
        font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:30px;
	padding:14px 42px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#db042c;

.myButton:active {
	position:relative;
	top:1px;
}


\