/* Minification failed. Returning unminified contents.
(10899,20): run-time error CSS1031: Expected selector, found '&'
(10899,20): run-time error CSS1025: Expected comma or open brace, found '&'
(11174,12): run-time error CSS1036: Expected expression, found ';'
(17750,17): run-time error CSS1039: Token not allowed after unary operator: '-color-state-dark-active'
*/
html {
overflow-y: scroll;
}
.interior-page a:link,
a:visited {
color: #605937;
text-decoration: none;
z-index: 0;
}
.interior-page a.no-underline {
text-decoration: none;
}
.interior-page a:link,
a:visited {
color: #605937;
font-weight: bold;
text-decoration: none;
transition: color .5s;
}
code {
border: 1px solid #951316;
border-left: 1rem solid #951316;
display: block;
font-family: Consolas, Courier New, monospace;
font-size: 0.75em;
padding: 1rem 0.8rem 1rem 1.2rem;
margin: 10px 5px;
}
dt {
display: inline-block;
font-size: 1.8em; /* 30 px */
font-weight: bold;
width: 23.666667%;
text-align: right;
padding-right: 15px;
padding-left: 15px;
float: left;
clear: left;
margin-top: 0.2em;
}
dd {
display: inline-block;
padding-left: 5px;
vertical-align: baseline;
width: 76.333333%;
float: left;
padding-right: 15px;
margin-top: 0.5em;
}
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h6,
#content h1, #content h2, #content h3, #content h4, #content h6 {
margin-bottom: 8px;
margin-top: 20px;
}
#main-content h1, #content h1 {
color: #665c44;
font-family: 'Oswald', sans-serif;
font-size: 1.8em; /* 36px */
font-weight: bold;
}
#main-content h2, #content h2 {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 2.115em; /* 34px */
font-weight: bold;
padding: 5px 0;
text-transform: uppercase;
}
#main-content h3, #content h3 {
color: #84817b;
font-size: 1.2em; /* 24px */
font-family: 'Oswald', sans-serif;
font-weight: bold;
}
#main-content h4, #content h4 {
color: #333333;
font-family: 'EB Garamond', serif;
font-size: 1.5em; /* 24px */
font-weight: bold;
}
#main-content h5, #content h5 {
background-color: #605937;
color: #fff;
font-weight: bold;
padding: 8px 15px;
text-transform: uppercase;
margin-top: 1em;
}
h5.accent {
border-bottom: 4px solid;
padding-top: 10px;
padding-bottom: 6px;
}
h5.accent-black {
border-color: #5d5c5a;
}
h5.accent-blue {
border-color: #3399cc;
}
h5.accent-pink {
border-color: #cc3399;
}
h5.accent-purple {
border-color: #af498a;
}
h5.accent-red {
border-color: #951316;
}
h5.accent-green {
border-color: #336600;
}
h5.accent-orange {
border-color: #ff6600;
}
h5.accent-yellow {
border-color: #ffcc00;
}
#main-content h6, #content h6 {
font-family: 'EB Garamond', serif;
font-size: 1.25em;
}
/*img {
max-width: 100%;
}
*/
a.mobile-show {
display: none;
}
@media (max-width: 479px) { /* EXTRA SMALL */
a.mobile-show {
display: block;
}
a.mobile-hide {
display: none;
}
}
/*p {*/
/* font-size: 0.875em; */ /* 14px */
/*margin: 0 0 1em;
line-height: 1.3em;
}
.bodyfont {
font-size: 0.875em;*/ /* 14px */
/*line-height: 1.3em;
}
p.reverse-margin {
margin: 0 0 1em;
}*/
sup {
font-size: smaller;
position: relative;
top: -0.2em;
vertical-align: baseline;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
ul {
list-style-image: url(/images/ims/bullet.png);
list-style-position: outside;
padding-left: 28px;
}
html#chromeless, body#chromeless {
background-color: #fff;
}
body#chromeless #content {
margin: 10px;
}
#content ul {
margin-bottom: 1em;
}
#content ul.without-margin {
margin-bottom: 0;
}
/*ul > li {
margin: .3em 0;
font-size: 0.875em;*/ /* 14px */
/*line-height: 1.3em;
}
ul.red-list > li {
list-style-image: url(/images/ims/bullet_red.png);
}
ul.orange-list > li {
list-style-image: url(/images/ims/bullet_orange.png);
}
ul.green-list > li {
list-style-image: url(/images/ims/bullet_green.png);
}*/
legend {
display: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e1dfda;
margin: 0;
padding: 0;
}
.breadcrumbs span {
font-size: 0.7em;
}
.button {
border-spacing: 5px;
border: none;
display: table;
margin: 3px 0 0 0;
padding: 3px 4px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
}
input.button {
padding: 8px;
}
.social-buttons input.button {
padding: 3px;
}
.singleLine {
white-space: nowrap;
}
.button .text {
padding-right: 15px;
}
.button .text.min-padding {
padding-right: 5px;
}
.button.wide {
width: 175px;
}
.button,
a:link.button,
a:visited.button {
color: #fff;
font-size: 0.875em; /* 14px */
font-weight: bold;
}
.button span {
display: table-cell;
vertical-align: middle;
}
.button.sold-out {
background-color: #666666;
margin-top: 2.25em;
}
.button.tout-link {
height: 47px;
margin: 5px 0 0;
position: relative;
width: 100%;
}
.button.tout-text-link {
margin-top: 0;
padding-top: 10px;
text-align: center;
}
.button.tout-link,
a:link.button.tout-link,
a:visited.button.tout-link {
font-size: 0.8em;
}
.button.tout-text-link,
a:link.button.tout-text-link,
a:visited.button.tout-text-link {
font-size: 1em;
}
.button.tout-link > span.text {
display: block;
height: 100%;
position: absolute;
left: 10px;
top: 0;
}
.button.tout-link > span.text > span {
bottom: 0;
display: block;
height: 1em;
margin: auto 0;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.button.tout-link > span.icon {
left: auto;
right: 0;
height: 100%;
position: absolute;
width: 54px;
top: 0;
}
.button.tout-link > span.icon > span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.calloutLink {
color: #fff;
font-size: 0.875em;
font-weight: bold;
margin-bottom: 3px;
padding: 12px 8px;
text-transform: uppercase;
width: 175px;
}
.center-vertical {
bottom: 0;
position: absolute;
top: 0;
}
.bg-darker {
background-color: #666666;
}
.bg-dark {
background-color: #999999;
}
.bg-normal {
background-color: #bbaf8c;
}
.bg-light {
background-color: #dcd6c2;
}
.bg-lighter {
background-color: #e1dfd9;
}
.fs-xx-small {
font-size: 10px !important;
}
.fs-x-small {
font-size: 12px !important;
}
.fs-small {
font-size: 14px !important;
}
.fs-medium {
font-size: 22px !important;
}
.fs-large {
font-size: 24px !important;
}
.fs-x-large {
font-size: 28px !important;
}
.fs-xx-large {
font-size: 34px !important;
}
.fs-xxx-large {
font-size: 36px !important;
}
.no-margin {
margin: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.md-margin {
margin: 1em;
}
.md-margin-top {
margin-top: 1em;
}
.md-margin-bottom {
margin-bottom: 1em;
}
.md-margin-left {
margin-left: 1em;
}
.md-margin-right {
margin-right: 1em;
}
.no-padding {
padding: 0 !important;
}
.no-padding-top {
padding: 0 !important;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.no-padding-left {
padding-left: 0 !important;
}
.no-padding-right {
padding-right: 0 !important;
}
.no-list-style {
list-style: none !important;
}
.no-transition {
transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-o-transition-property: none !important;
-webkit-transition-property: none !important;
transition-duration: 0 !important;
-moz-transition-duration: 0 !important;
-ms-transition-duration: 0 !important;
-o-transition-duration: 0 !important;
-webkit-transition-duration: 0 !important;
}
.notice {
font-size: 1em;
font-style: italic;
font-weight: bold;
color: #941317;
}
.smallnotice {
font-style: italic;
}
.note {
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.bold {
font-weight: bold;
}
.superBold {
font-weight: bold;
font-size: 1.1em;
}
.subheader {
font-family: 'lorabold', serif;
font-size: 1.1em;
}
.caps {
text-transform: uppercase;
}
.serif {
font-family: 'lorabold', serif;
}
/* UTILITY CLASSES */
.textRight {
text-align: right;
}
.textCenter {
text-align: center;
}
.textLeft {
text-align: left;
}
.divider {
padding-bottom: .5em;
border-bottom: 1px solid #e1dfda;
margin-bottom: 15px;
}
.subhead {
margin-top: 15px;
font-weight: bold;
text-transform: uppercase;
}
/* IMAGE UTILITIES */
.img-responsive {
max-width: 100%;
height: auto;
}
.img-fullsize {
width: 100%;
}
/* IMAGE WIDTH CUTOFFS */
.img-min-550 {
min-width: 550px;
}
/* EMBEDDED FLICKR CONTENT */
.flickr {
width: 100%;
}
/* FORM ELEMENTS*/
.nospace {
white-space: nowrap;
}
.formLabel {
/*font-family: 'lorabold', serif;*/
font-weight: bold;
margin-top: 0.7em;
text-transform: uppercase;
}
.formField {
margin-top: 0.7em;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select {
background-color: #e1dfda;
border: none;
padding: 5px 5px;
margin-top: 2px;
font-weight: normal;
}
#divForm .input-group {
padding: 10px 20px 10px 0;
}
#divForm input, #divForm textarea {
width: 100%;
}
#divForm select {
width: 100%;
height: 90%;
}
select {
height: 32px;
font-size: .90em;
min-width: 50px;
font-family: Arial, sans-serif;
}
input {
-webkit-border-radius: 0;
border-radius: 0;
font-family: Arial, sans-serif;
}
.labelWithInput {
line-height: 26px;
}
input[type="radio"] {
line-height: 26px;
}
input[type="checkbox"],
input[type="radio"] {
margin-right: 5px;
line-height: 26px;
}
.inline-form-label {
margin-right: 15px;
}
/* VALIDATION */
span.required,
label.error {
color: #951316;
font-weight: bold;
}
label.error {
font-size: 12px !important; /* see .fs-small */
float: left;
margin-top: .5em;
}
/* Screen Reader / Visually Hidden Text / Actually Hidden */
.sr-only, .visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.sr-only.focusable, .visually-hidden.focusable {
position: static;
overflow: visible;
clip: auto;
margin: 0;
width: auto;
height: auto;
}
.visually-hidden.focusable#skip-to-content {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
/* Absolute Center Spinner */
.loading {
position: fixed;
z-index: 999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 150ms infinite linear;
-moz-animation: spinner 150ms infinite linear;
-ms-animation: spinner 150ms infinite linear;
-o-animation: spinner 150ms infinite linear;
animation: spinner 150ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}
@media all and (max-width: 600px) {
body {
font-size: 14px; /* 16 * 0.875 */
}
.button.wide {
width: 145px;
}
.fs-xx-small {
font-size: 8.75px !important;
}
/* 10 * 0.875 */
.fs-x-small {
font-size: 10.5px !important;
}
/* 12 * 0.875 */
.fs-small {
font-size: 12.25px !important;
}
/* 14 * 0.875 */
.fs-medium {
font-size: 19.25px !important;
}
/* 22 * 0.875 */
.fs-large {
font-size: 21px !important;
}
/* 24 * 0.875 */
.fs-x-large {
font-size: 24.5px !important;
}
/* 28 * 0.875 */
.fs-xx-large {
font-size: 29.75px !important;
}
/* 34 * 0.875 */
.fs-xxx-large {
font-size: 31.5px !important;
}
/* 36 * 0.875 */
dt {
width: 25%;
}
dd {
width: 75%;
}
}
@media (max-width: 479px) { /* EXTRA SMALL */
.button {
padding: 3px 1px;
}
.button .text {
padding-right: 5px;
}
.subheader {
font-size: 1em;
}
dt {
width: 31.33333333%;
font-size: 1.2em;
padding-right: 10px;
}
dd {
margin-top: 0.2em;
margin-bottom: 0.4em;
width: 68.666667%;
}
}
@media (min-width: 480px) and (max-width: 767px) { /* SMALL */
}
@media (min-width: 768px) and (max-width: 959px) { /* MEDIUM */
}
@media (min-width: 960px) and (max-width: 1099px) { /* LARGE */
}
@media (min-width: 1100px) { /* EXTRA LARGE */
}
/*!
* Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
*/
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
.solid-col {
margin-left: -12px;
}
.xl-stacked {
margin-bottom: 15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-2h, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
position: relative;
min-height: 1px;
/*margin-left: auto;*/
padding-left: 10px;
padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-2h, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.no-padding {
padding-left: 0px;
}
.no-paddingLeft {
padding-left: 0px !important;
}
.no-paddingRight {
padding-right: 0px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
/* CUSTOM */
.col-xs-2h {
width: 20%
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: 0%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: 0%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 480px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2h, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12,
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: 0%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: 0%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 768px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: 0%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: 0%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 960px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: 0%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: 0%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
/*** CUSTOM ***/
@media (min-width: 1100px) {
.xl-stacked {
margin-bottom: 0px;
}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
float: left;
}
.col-xl-12 {
width: 100%;
}
.col-xl-11 {
width: 91.66666667%;
}
.col-xl-10 {
width: 83.33333333%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-8 {
width: 66.66666667%;
}
.col-xl-7 {
width: 58.33333333%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-5 {
width: 41.66666667%;
}
.col-xl-4 {
width: 33.33333333%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 16.66666667%;
}
.col-xl-1 {
width: 8.33333333%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-pull-11 {
right: 91.66666667%;
}
.col-xl-pull-10 {
right: 83.33333333%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-8 {
right: 66.66666667%;
}
.col-xl-pull-7 {
right: 58.33333333%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-5 {
right: 41.66666667%;
}
.col-xl-pull-4 {
right: 33.33333333%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-2 {
right: 16.66666667%;
}
.col-xl-pull-1 {
right: 8.33333333%;
}
.col-xl-pull-0 {
right: 0%;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-push-11 {
left: 91.66666667%;
}
.col-xl-push-10 {
left: 83.33333333%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-8 {
left: 66.66666667%;
}
.col-xl-push-7 {
left: 58.33333333%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-5 {
left: 41.66666667%;
}
.col-xl-push-4 {
left: 33.33333333%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-2 {
left: 16.66666667%;
}
.col-xl-push-1 {
left: 8.33333333%;
}
.col-xl-push-0 {
left: 0%;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.col-xl-offset-11 {
margin-left: 91.66666667%;
}
.col-xl-offset-10 {
margin-left: 83.33333333%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-8 {
margin-left: 66.66666667%;
}
.col-xl-offset-7 {
margin-left: 58.33333333%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-5 {
margin-left: 41.66666667%;
}
.col-xl-offset-4 {
margin-left: 33.33333333%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-2 {
margin-left: 16.66666667%;
}
.col-xl-offset-1 {
margin-left: 8.33333333%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
}
.clr-left {
clear: left;
}
.clr-right {
clear: right;
}
.clr-both {
clear: both;
}
.margin-top {
margin-top: 15px;
}
.margin-bottom {
margin-bottom: 15px;
}
.text-margin-bottom {
margin-bottom: 8px;
}
.text-margin-top {
margin-top: 8px;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
display: none !important;
}
@media (max-width: 479px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
/* Custom */
.clr-left-xs {
clear: left;
}
.clr-right-xs {
clear: right;
}
.clr-both-xs {
clear: both;
}
.margin-top-xs {
margin-top: 15px;
}
.margin-bottom-xs {
margin-bottom: 15px;
}
.no-paddingLeft-xs {
padding-left: 0;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
/* Custom */
.clr-left-sm {
clear: left;
}
.clr-right-sm {
clear: right;
}
.clr-both-sm {
clear: both;
}
.margin-top-sm {
margin-top: 15px;
}
.margin-bottom-sm {
margin-bottom: 15px;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
/* Custom */
.clr-left-md {
clear: left;
}
.clr-right-md {
clear: right;
}
.clr-both-md {
clear: both;
}
.margin-top-md {
margin-top: 15px;
}
.margin-bottom-md {
margin-bottom: 15px;
}
}
@media (min-width: 960px) and (max-width: 1099px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
/* Custom */
.clr-left-lg {
clear: left;
}
.clr-right-lg {
clear: right;
}
.clr-both-lg {
clear: both;
}
.margin-top-lg {
margin-top: 15px;
}
.margin-bottom-lg {
margin-bottom: 15px;
}
}
@media (min-width: 1100px) {
.visible-xl {
display: block !important;
}
table.visible-xl {
display: table;
}
tr.visible-xl {
display: table-row !important;
}
th.visible-xl,
td.visible-xl {
display: table-cell !important;
}
/* Custom */
.clr-left-xl {
clear: left;
}
.clr-right-xl {
clear: right;
}
.clr-both-xl {
clear: both;
}
.clr-none-xl {
clear: none;
}
.margin-top-xl {
margin-top: 15px;
}
.margin-bottom-xl {
margin-bottom: 15px;
}
}
@media (max-width: 479px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 960px) and (max-width: 1099px) {
.hidden-lg {
display: none !important;
}
}
@media (min-width: 1100px) {
.hidden-xl {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/* ==================== Tout Container ==================== */
.tout-container
{
margin: 0 auto;
}
@media (min-width:960px)
{
.tout-container > *:first-child
{
margin-top: 0px;
}
}
/* ==================== Tout Grid ==================== */
.tout
{
float: left;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
width: 230px;
}
.tout-xs-1-1, .tout-xs-1-2, .tout-xs-1-x, .tout-xs-2-1, .tout-xs-2-2, .tout-xs-2-x, .tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x
{
width: 230px;
}
.tout-xs-1-1, .tout-xs-2-1, .tout-xs-x-1
{
height: 151px;
}
.tout-xs-1-2, .tout-xs-2-2, .tout-xs-x-2
{
height: 312px;
}
.tout-xs-1-x, .tout-xs-2-x, .tout-xs-x-x
{
height: auto;
}
@media (min-width: 480px)
{
.tout
{
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 240px;
}
.tout-xs-2-1, .tout-xs-2-2, .tout-xs-2-x, .tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x
{
width: 480px;
}
.tout-xs-1-2, .tout-xs-2-2, .tout-xs-x-2
{
height: 317px;
}
.tout-sm-1-1, .tout-sm-1-2, .tout-sm-1-x
{
width: 240px;
}
.tout-sm-2-1, .tout-sm-2-2, .tout-sm-2-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x
{
width: 480px;
}
.tout-sm-1-1, .tout-sm-2-1, .tout-sm-x-1
{
height: 151px;
}
.tout-sm-1-2, .tout-sm-2-2, .tout-sm-x-2
{
height: 317px;
}
.tout-sm-1-x, .tout-sm-2-x, .tout-sm-x-x
{
height: auto;
}
}
@media (min-width: 720px)
{
.tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x
{
width: 720px;
}
.tout-md-1-1, .tout-md-1-2, .tout-md-1-x
{
width: 240px;
}
.tout-md-2-1, .tout-md-2-2, .tout-md-2-x
{
width: 480px;
}
.tout-md-x-1, .tout-md-x-2, .tout-md-x-x
{
width: 720px;
}
.tout-md-1-1, .tout-md-2-1, .tout-md-x-1
{
height: 151px;
}
.tout-md-1-2, .tout-md-2-2, .tout-md-x-2
{
height: 317px;
}
.tout-md-1-x, .tout-md-2-x, .tout-md-x-x
{
height: auto;
}
}
@media (min-width: 960px)
{
.tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x, .tout-md-x-1, .tout-md-x-2, .tout-md-x-x
{
width: 480px;
}
.tout-lg-1-1, .tout-lg-1-2, .tout-lg-1-x
{
width: 240px;
}
.tout-lg-2-1, .tout-lg-2-2, .tout-lg-2-x, .tout-lg-x-1, .tout-lg-x-2, .tout-lg-x-x
{
width: 480px;
}
.tout-lg-1-1, .tout-lg-2-1, .tout-lg-x-1
{
height: 151px;
}
.tout-lg-1-2, .tout-lg-2-2, .tout-lg-x-2
{
height: 317px;
}
.tout-lg-1-x, .tout-lg-2-x, .tout-lg-x-x
{
height: auto;
}
}
/* ==================== Breadcrumbs ==================== */
#breadcrumbs {
text-align: right;
display: block;
font-size: .85em;
}
#breadcrumbs > ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
#breadcrumbs > ul > li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
#breadcrumbs > ul > li + li + li:before {
content: "\00BB";
display: inline-block;
margin: 0 0.25em;
vertical-align: top;
line-height: 1em;
}
#breadcrumbs > ul > li > a {
font-weight: normal;
}
/* ==================== Logo and Tagline ==================== */
#logo_tagline {
display: table;
height: 100%; /* 54px / 16px */
}
#logo,
#tagline {
display: table-cell;
height: 100%;
vertical-align: middle;
}
#logo {
padding: 0 0.375em;
text-align: center;
width: 7.25em; /* 104px / 16px */
}
#logo img {
max-height: 100%;
}
#tagline > p {
border-left: solid 1px #646464; /* COLOR */
font-family: sans-serif; /* Temporary */
margin: 0;
padding: 0.675em;
text-transform: uppercase;
font-size: .77em;
}
/* ==================== Main Menu ==================== */
#btn-menu {
background: transparent;
color: white;
cursor: pointer;
border: 0 none;
position: absolute;
display: inline-block;
top: 0;
bottom: 0;
right: 0;
font-size: 1em;
padding: 0 10px;
outline: none;
margin: 0;
text-align: left;
-webkit-tap-highlight-color: rgba(0,0,0,0);
touch-action: manipulation;
-ms-touch-action: manipulation;
z-index: 2;
}
#btn-menu-text {
display: none;
}
#btn-menu-icon {
display: inline-block;
vertical-align: middle;
}
#btn-menu-icon-container {
display: inline-block;
width: 7px;
overflow: hidden;
height: 16px;
white-space: nowrap;
}
#btn-menu-icon-container span:first-child {
margin-left: 0%;
transition: margin-left 0.5s;
-webkit-transition: margin-left 0.5s;
-moz-transition: margin-left 0.5s;
-ms-transition: margin-left 0.5s;
-o-transition: margin-left 0.5s;
}
#container-menu {
pointer-events: all;
}
#wrapper-menu {
height: 0;
pointer-events: all;
position: relative;
left: 0;
right: 0;
/* top: 4.375em; */
}
#wrapper-menu-accordion {
left: 0;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
}
#menu > ul {
list-style: none;
padding: 0;
}
#menu > ul > li {
font-size: 1em;
margin: 0;
transition: background 0.5s;
-moz-transition: background 0.5s;
-webkit-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-transition: background 0.5s;
}
#menu > ul > li > a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
white-space: nowrap;
-webkit-tap-highlight-color: rgba(0,0,0,0);
touch-action: manipulation;
-ms-touch-action: manipulation;
}
@media (min-width: 480px) {
#btn-menu {
padding: 0 15px;
}
#menu > ul > li > a {
padding: 10px 15px;
}
}
@media (max-width: 959px) {
#wrapper-menu {
background: black; /* COLOR Temporary */
overflow: hidden;
z-index: 100;
transition: height 0.5s;
-moz-transition: height 0.5s;
-webkit-transition: height 0.5s;
-ms-transition: height 0.5s;
-o-transition: height 0.5s;
}
#wrapper-menu-accordion {
bottom: 0;
}
#menu {
background: #232018; /* COLOR Temporary */
}
}
@media (min-width: 960px) /* LARGE */
{
#btn-menu {
left: 17.5em;
padding: 0px;
right: auto;
}
#btn-menu-text {
display: inline-block;
font-size: 0.875em;
overflow: hidden;
text-transform: uppercase;
vertical-align: middle;
width: 3em;
transition: width 0.5s;
-moz-transition: width 0.5s;
-webkit-transition: width 0.5s;
-ms-transition: width 0.5s;
-o-transition: width 0.5s;
}
#wrapper-menu {
top: 0;
position: absolute;
/* z-index: inherit; */
}
#wrapper-menu-accordion {
height: 4.375em;
top: 0;
}
#container-menu {
height: 100%;
left: 47em;
overflow: visible;
position: absolute;
top: 0;
width: auto;
/*transition: width 0.75s;
-moz-transition: width 0.75s;
-webkit-transition: width 0.75s;
-ms-transition: width 0.75s;
-o-transition: width 0.75s;*/
}
#menu {
height: 100%;
right: 0;
position: absolute;
top: 0;
}
#menu > ul {
display: table;
height: 100%;
}
#menu > ul > li {
display: table-cell;
height: 100%;
vertical-align: middle;
}
#menu > ul > li > a {
cursor: hand;
font-size: 0.875em;
font-weight: normal;
padding: 15px 10px;
}
#menu > ul > li,
#menu > ul > li + li > a {
transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
}
#menu > ul > li + li > a {
border-left: solid 1px #333333; /* COLOR Temporary */
transition: border-color 0.5s;
-moz-transition: border-color 0.5s;
-webkit-transition: border-color 0.5s;
-ms-transition: border-color 0.5s;
-o-transition: border-color 0.5s;
}
#menu > ul > li + li:hover > a,
#menu > ul > li:hover + li > a,
#menu > ul > li + li.active > a,
#menu > ul > li.active + li > a {
border-color: transparent;
}
.nav-mobile-link {
display: none !important;
}
}
@media (min-width: 1100px) {
#btn-menu-text {
font-size: 1em;
}
#menu > ul > li > a {
font-size: 1em;
padding: 15px;
}
#container-menu {
height: 100%;
left: 54em;
overflow: visible;
position: absolute;
top: 0;
width: auto;
/*transition: width 0.75s;
-moz-transition: width 0.75s;
-webkit-transition: width 0.75s;
-ms-transition: width 0.75s;
-o-transition: width 0.75s;*/
}
}
/* ==================== Main Menu Submenu ==================== */
.submenu-container {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.5s;
-moz-transition: height 0.5s;
-webkit-transition: height 0.5s;
-ms-transition: height 0.5s;
-o-transition: height 0.5s;
}
.submenu-wrapper {
position: absolute;
bottom: 0;
left: 0;
}
.submenu-bg,
.submenu-fg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.submenu-bg {
background: #918362; /* COLOR Temporary */
}
.submenu-fg > ul {
padding: 0;
position: absolute;
white-space: nowrap;
width: 100%;
}
.submenu-fg > ul > li {
display: block;
font-size: 1em;
margin: 0;
}
.submenu-fg > ul > li > a {
color: white;
display: block;
padding: 10px 20px;
text-decoration: none;
font-size: 0.875em;
font-weight: normal;
}
.submenu-fg > ul > li > a:hover {
text-decoration: underline;
}
@media (min-width: 960px) {
.submenu-container {
top: 4.375em;
position: absolute;
}
.submenu-bg {
background: black;
/*opacity: 0.90;*/
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.submenu-fg > ul {
padding: 10px;
width: auto;
}
.submenu-fg > ul > li > a {
font-weight: bold;
}
}
/* ==================== Main Menu Events Submenu ==================== */
#submenu-events > li > a {
display: table;
width: 100%;
}
#submenu-events > li > a > span.sub-evt-icn {
display: none;
}
#submenu-events > li > a > span.sub-evt-txt {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 960px) {
#submenu-events {
white-space: normal;
width: 15.625em; /* 250px */
}
#submenu-events > li > a {
padding: 10px 0;
}
#submenu-events > li > a > span.sub-evt-icn {
display: table-cell;
height: 3.75em; /* 60px */
text-align: center;
vertical-align: middle;
width: 6.25em; /* 100px */
}
}
/* ==================== Header Links Wrapper ==================== */
#wrapper-links {
overflow: hidden;
padding: 10px;
pointer-events: all;
}
@media (min-width: 480px) {
#wrapper-links {
padding: 10px 15px;
}
}
@media (min-width: 960px) {
#wrapper-links {
padding: 0 15px;
position: absolute;
right: 0;
top: 0;
}
}
/* ==================== User Links ==================== */
#links-user {
float: left;
width: 40%;
}
#links-user > ul {
background: #5c5c5c; /* Color Temporary */
font-size: 0.75em;
list-style: none;
text-align: center;
width: 10em;
padding: 0;
}
#links-user > ul > li {
margin: .5em 0;
display: inline-block;
font-size: 1em;
white-space: nowrap;
}
#links-user > ul > li > a {
color: white;
font-weight: normal;
margin: 0 0.5em;
text-decoration: none;
}
#links-user > ul > li > a:hover {
text-decoration: underline;
}
#links-user > ul > li + li:before {
color: #848484; /* COLOR Temporary */
content: "|";
}
@media (min-width: 960px) {
#links-user {
float: right;
width: auto;
}
}
/* ==================== Cart Links ==================== */
#links-cart {
float: left;
width: 20%;
text-align: center;
}
#links-cart > a {
color: white;
display: block;
font-size: 0.875em;
font-weight: normal;
padding: 0.328125em 0;
text-decoration: none;
white-space: nowrap;
}
#links-cart > a > span /* Temporary */ {
display: inline-block;
vertical-align: middle;
/* width: 1em; */
/* height: 1em; */
/* background: #888888; */
margin-right: 5px;
}
@media (min-width: 960px) {
#links-cart {
float: right;
margin-right: 10px;
width: auto;
}
}
/* ==================== Social Links ==================== */
#links-social {
float: left;
text-align: right;
width: 40%;
}
#links-social > ul {
display: inline-block;
font-size: 0.75em;
height: 2em;
list-style: none;
text-align: center;
white-space: nowrap;
width: 10em;
padding: 0;
}
#links-social > ul > li {
background: #5c5c5c; /* COLOR Temporary */
display: inline-block;
float: left;
font-size: 1em;
height: 2em;
margin: 0 0 0 0.666666666em;
width: 2em;
}
#links-social > ul > li > a {
display: block;
height: 100%;
width: 100%;
line-height: 2em;
}
#links-social > ul > li:first-child {
margin-left: 0;
}
#links-social > ul > li > a > span /* Temporary */ {
/* background: white; */
/* display: inline-block; */
/* height: 75%; */
/* margin: 12.5%; */
/* width: 75%; */
vertical-align: middle;
}
@media (min-width: 960px) {
#links-social {
clear: right;
float: right;
margin-top: 10px;
width: auto;
}
}
/* ==================== Site Search ==================== */
/*#wrapper-search {
padding: 10px;
pointer-events: all;
}
#form-search {
display: table;
width: 100%;
}
#search-input,
#search-button {
display: table-cell;
text-align: center;
vertical-align: middle;
}*/
/*#search-button {
padding-left: 10px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 34px;
}*/
/*#search-keywords-bg {
background: white;
border-radius: 0.8em;
font-size: 1em;
height: 1.6em;
padding: 0 0.8em;
}
#search-keywords {
background: transparent;
box-sizing: border-box;
height: 100%;
outline: 0 none;
width: 100%;
}*/
/*#search-button > button {
background: transparent;
border: 0 none;
cursor: pointer;
height: 24px;
margin: 0;
outline: none;
padding: 0;
}*/
/*@media (min-width: 480px) {
#wrapper-search {
padding: 10px 15px;
}
}
@media (min-width: 960px) {
#wrapper-search {
padding: 0px;
position: absolute;
right: 9em;*/ /* 149px */
/*top: 2.25em;*/ /* 31px */
/*z-index: 1;
}
#form-search {
display: block;
width: auto;
}
#search-input,
#search-button {
display: inline-block;
text-align: left;
}
#search-input {
height: 1.6em;
overflow: hidden;
position: relative;
width: 0;
transition: width 0.5s;
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
-ms-transition: width 0.5s;
-o-transition: width 0.5s;
}
#search-button {
margin-left: 4px;
padding-left: 0px;
width: 22px;
}
#search-keywords-bg {
position: absolute;
right: 0;
width: 250px;
}
}*/
/* ==================== Event Name ==================== */
#event-name {
color: white;
display: block;
padding: 0.5em;
text-align: center;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
touch-action: manipulation;
-ms-touch-action: manipulation;
}
@media (min-width: 960px) {
#event-name {
display: none;
}
}
/* ==================== Event Sidebar Logo ==================== */
#logo_event_date {
width: 100%;
}
#logo-event {
display: none;
}
@media (min-width: 960px) {
#logo-event {
display: table-cell;
height: 215px;
padding: 10px; /* 10px / 16px */
text-align: center;
vertical-align: middle;
width: 100%;
}
#logo-event > a {
display: inline-block;
min-width: 92px;
width: 65%;
}
#logo-event > a > img {
width: 100%;
}
}
/* ==================== Event Sidebar Date ==================== */
#event-date {
display: none;
}
@media (min-width: 960px) {
#event-date {
color: white;
display: block;
margin: 1em 0 0 0;
text-align: center;
vertical-align: top;
}
}
/* ==================== Event Nav Handle ==================== */
@media (max-width: 959px) {
#event-nav-handle {
/* bottom: -0.9375em; */ /* 15px */
display: block;
height: 0.9375em; /* 15px */
left: 0;
margin: 0 auto;
right: 0;
position: absolute;
width: 5em; /* 80px */
z-index: 100;
-webkit-tap-highlight-color: rgba(0,0,0,0);
touch-action: manipulation;
-ms-touch-action: manipulation;
background: #888888; /* COLOR Temporary */
background: url(/styles/ims/v1/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmE2YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #888888 0%, #a6a6a6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#a6a6a6));
background: -webkit-linear-gradient(top, #888888 0%,#a6a6a6 100%);
background: -o-linear-gradient(top, #888888 0%,#a6a6a6 100%);
background: -ms-linear-gradient(top, #888888 0%,#a6a6a6 100%);
background: linear-gradient(to bottom, #888888 0%,#a6a6a6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#a6a6a6',GradientType=0 );
}
#event-nav-handle-container {
bottom: 0;
display: block;
height: 7px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 13px;
overflow: hidden;
}
#event-nav-handle-container > span {
display: block;
height: 7px;
}
#event-nav-handle-container > span:first-child {
margin-top: -7px;
transition: margin-top 0.5s;
-webkit-transition: margin-top 0.5s;
-moz-transition: margin-top 0.5s;
-ms-transition: margin-top 0.5s;
-o-transition: margin-top 0.5s;
}
}
@media (min-width: 960px) {
#event-nav-handle {
display: none;
}
}
/* ==================== Event Sidebar ==================== */
@media (min-width: 960px) {
#event-sidebar,
#nav-event > ul > li > a > span.text,
#nav-event > ul > li > a > span.icon {
transition: width 0.5s;
-moz-transition: width 0.5s;
-webkit-transition: width 0.5s;
-ms-transition: width 0.5s;
-o-transition: width 0.5s;
}
}
/* ==================== Event Navigation ==================== */
#nav-event-container {
position: absolute;
top: 215px;
width: 100%;
}
#nav-event > ul {
padding: 0;
}
#nav-event > ul > li {
border-top: solid 1px black; /* COLOR Temporary */
display: block;
font-size: 1em;
margin: 0;
}
#nav-event > ul > li > a {
color: white;
display: block;
height: 38px;
text-decoration: none;
font-weight: bold;
position: relative;
width: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
touch-action: manipulation;
-ms-touch-action: manipulation;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
}
#nav-event > ul > li > a > span.text {
display: block;
height: 100%;
position: absolute;
overflow: visible;
width: 0;
left: 0;
}
#nav-event > ul > li > a > span.text > span,
#nav-event > ul > li > a > span.icon {
bottom: 0;
display: block;
height: 1em;
margin: auto 0;
padding: 0 10px;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
#nav-event > ul > li > a > span.icon {
height: 100%;
line-height: 38px;
padding: 0;
position: absolute;
text-align: center;
/* width: 100%; */
width: 57px;
right: 0;
left: auto;
}
#nav-event > ul > li > a > span > span.sprite /* Temporary */ {
vertical-align: middle;
position: relative;
top: -2px;
}
.nav-mobile-link span.text {
font-size: 1.2em;
}
@media (min-width: 480px) {
#nav-event > ul > li > a > span.text > span {
padding: 0 15px;
}
#nav-event > ul > li > a > span.icon {
/* padding: 0 15px; */
}
}
@media (min-width: 601px) {
#nav-event > ul > li > a > span.icon {
/* padding: 0 15px; */
}
}
@media (max-width: 959px) {
#nav-event-container {
height: 0;
/* border-bottom: solid 2px #888888; */ /* COLOR Temporary */
overflow: hidden;
pointer-events: all;
position: relative;
top: 0;
width: 100%;
transition: height 0.5s;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
-ms-transition: height 0.5s;
-o-transition: height 0.5s;
}
#nav-event {
bottom: 0;
position: absolute;
width: 100%;
}
}
@media (min-width: 960px) {
#nav-event {
/* margin: 30px 0; */
}
#nav-event > ul > li {
border-top: none;
margin: 1px 0;
}
#nav-event > ul > li > a {
cursor: default;
}
#nav-event > ul > li > a > span.text > span,
#nav-event > ul > li > a > span.icon {
left: auto;
right: 0;
}
#nav-event > ul > li > a > span.text {
overflow: hidden;
}
#nav-event > ul > li > a > span.icon {
text-align: center;
width: 100%;
}
#nav-event > ul > li > a > span.text > span {
width: 285px;
}
}
/* ==================== Event Subnavigation ==================== */
#event-sidebar-flyout-wrapper, #event-sidebar-flyout {
height: 233px;
position: absolute;
right: 0;
}
#event-sidebar-flyout-wrapper {
width: 0;
top: 216px;
overflow: hidden;
/*opacity: 0.9;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/
transition: width 0.5s, right 0.5s;
-moz-transition: width 0.5s, right 0.5s;
-ms-transition: width 0.5s, right 0.5s;
-o-transition: width 0.5s, right 0.5s;
-webkit-transition: width 0.5s, right 0.5s;
}
#event-sidebar-flyout {
width: 400px;
top: 0;
}
.nav-event-sub-nav > ul {
bottom: 0;
padding: 0;
position: absolute;
width: 100%;
}
.nav-event-sub-nav > ul > li {
font-size: 1em;
margin: 0;
line-height: .9em;
}
.nav-event-sub-nav > ul > li > a {
color: white;
display: block;
font-weight: normal;
padding: 10px 20px;
text-decoration: none;
}
.nav-event-sub-nav > ul > li > a:hover {
text-decoration: underline;
}
@media (min-width: 480px) {
.nav-event-sub-nav > ul > li > a {
padding: 10px 30px;
}
}
@media (max-width: 959px) {
.sld-cont-vert {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.5s;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
-ms-transition: height 0.5s;
-o-transition: height 0.5s;
}
}
@media (min-width: 960px) {
.sld-cont-horz {
position: absolute;
top: 0;
height: 233px;
right: 0;
width: 0;
overflow: hidden;
transition: width 0.5s, right 0.5s;
-moz-transition: width 0.5s, right 0.5s;
-ms-transition: width 0.5s, right 0.5s;
-o-transition: width 0.5s, right 0.5s;
-webkit-transition: width 0.5s, right 0.5s;
}
.nav-event-sub-nav > ul {
/*background: transparent !important;
opacity: 0;*/
right: 0;
top: 0;
width: 400px;
/* transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;*/
}
#nav-event > ul > li.is-nav-event-item-open ul {
opacity: 1;
}
.nav-event-sub-nav > ul > li {
list-style-image: none;
float: left;
width: 50%;
}
.nav-event-sub-nav > ul > li > a {
background: transparent;
padding: 12.5px 15px;
font-size: 0.75em;
font-weight: bold;
}
}
/* ==================== Sponsors ==================== */
#sponsors {
position: relative;
}
#sponsors > #sponsor-viewport {
height: 100%;
position: absolute;
overflow: hidden;
}
#sponsors > #sponsor-viewport > #sponsors-sponsors {
height: 100%;
}
#sponsors > #sponsor-viewport > #sponsors-sponsors > ul {
height: 100%;
line-height: 68px;
list-style-image: none;
padding: 0;
}
#sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li {
display: inline-block;
list-style-image: none;
margin-left: 20px;
margin-right: 20px;
text-align: center;
vertical-align: middle;
}
#sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li:first-child {
margin-left: 0;
}
#sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li:last-child {
margin-right: 0;
}
#sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li > a {
}
#sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li > a:hover {
filter: alpha(opacity=100);
opacity: 1;
}
#sponsors > #sponsors-scrollLeft,
#sponsors > #sponsors-scrollRight {
padding: 0 10px;
position: absolute;
top: 25px;
}
#sponsors > #sponsors-scrollLeft.disabled,
#sponsors > #sponsors-scrollRight.disabled {
filter: alpha(opacity=50);
opacity: 0.5;
}
#sponsors > #sponsors-scrollLeft:hover,
#sponsors > #sponsors-scrollRight:hover {
cursor: pointer;
}
#sponsors > #sponsors-scrollLeft {
left: 0;
}
#sponsors > #sponsors-scrollRight {
right: 0;
}
#sponsors .overlayed {
opacity: 0.4;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
#sponsors .overlayed:hover {
opacity: 1;
}
@media all and (min-width: 960px) {
#sponsors > #sponsor-viewport {
margin-left: 3%;
width: 94%;
}
}
@media all and (min-width: 1280px) {
#sponsors > #sponsor-viewport {
margin-left: 4%;
width: 93%;
}
}
@media all and (max-width: 959px) {
#sponsors > #sponsor-viewport {
margin-left: 4%;
width: 92%;
}
}
@media all and (max-width: 768px) {
#sponsors > #sponsor-viewport > #sponsors-sponsors > ul {
border-spacing: 44px 0;
}
}
@media all and (max-width: 480px) {
#sponsors > #sponsor-viewport {
margin-left: 7%;
width: 85%;
}
}
@media all and (max-width: 321px) {
#sponsors > #sponsor-viewport {
margin-left: 9%;
width: 82%;
}
}
/* ==================== Footer Links ==================== */
#footer-links > ul {
font-size: 0.75em;
margin-top: 0.9375em;
}
#footer-links > ul > li {
list-style: none;
margin: 0.25em 0;
font-family: 'open_sansregular', sans-serif;
font-size: 1em;
}
#footer-links > ul > li > a {
color: #c9c9c9; /* Temporary COLOR */
font-size: 1em;
font-weight: normal;
text-decoration: none;
}
#footer-links > ul > li > a:hover {
text-decoration: underline;
}
#footer-links > ul > li:first-child > a {
color: white;
font-size: 1.16666em;
font-weight: bold;
}
/* ==================== Footer Anchor Home ==================== */
#footer-anchor-home {
clear: none;
float: left;
}
#footer-anchor-home a {
color: white;
font-size: 0.875em;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#footer-anchor-home a:hover {
text-decoration: underline;
}
/* ==================== Footer Contact and Privacy Policy Links ==================== */
#footer_contact_privacy {
font-size: 0.75em; /* 12px / 16px */
padding-top: 0.25em; /* 4px / 16px */
text-align: right;
}
#footer_contact_privacy a {
color: white;
display: inline-block;
font-weight: normal;
text-decoration: none;
}
#footer_contact_privacy a:hover {
text-decoration: underline;
}
#footer_contact_privacy a:before {
clear: none;
color: #333333; /* COLOR */
content: "|";
margin: 0 0.50em;
display: inline-block;
}
#footer_contact_privacy a:first-child:before {
content: none;
}
/* ==================== Corporate Info ==================== */
#corporate-info {
color: #717171; /* COLOR */
font-size: 0.75em; /* 12px / 16px */
padding-top: 0.25em;
}
#corporate-info div {
display: inline-block;
}
#corporate-info div:before {
clear: none;
content: " - ";
float: left;
margin: 0 0.25em;
}
#corporate-info div:first-child:before {
content: none;
}
@media (max-width: 479px) {
#corporate-info div:before {
content: none;
}
}
@media (max-width: 959px) {
#breadcrumbs {
display: none;
}
}
@media (max-width: 767px) {
#corporate-info {
text-align: center;
}
}
.thumbnailDiv:hover {
cursor: pointer;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ----------------------------------------------------
created with http://www.codeandweb.com/texturepacker
----------------------------------------------------
$TexturePacker:SmartUpdate:df6335ff1a7a750e448a45562b0c91ef:e554faf5fc5cca1e87fbf8038fd4b858:61e53af8b0b91020742bc548d44c899f$
----------------------------------------------------
usage:
replace {-spritename-} with the sprite you like to use
*/
.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(/styles/ims/v1/sprites.png?v4);}
.arrow-down-black {width:15px; height:9px; background-position: -594px -23px}
.arrow-up-black {width:15px; height:9px; background-position: -422px -115px}
.arrowDown_inverse {width:8px; height:6px; background-position: -375px -120px}
.arrowLeft {width:6px; height:14px; background-position: -584px -101px}
.arrowLeftGrey {width:9px; height:13px; background-position: -593px -112px}
.arrowLeftLarge {width:15px; height:19px; background-position: -520px -46px}
.arrowLeft_inverse {width:6px; height:8px; background-position: -517px -118px}
.arrowRight {width:6px; height:14px; background-position: -585px -42px}
.arrowRightGrey {width:9px; height:13px; background-position: -593px -96px}
.arrowRightLarge {width:15px; height:19px; background-position: -507px -24px}
.arrowRight_gray {width:10px; height:12px; background-position: -574px -86px}
.arrowRight_inverse {width:6px; height:8px; background-position: -508px -118px}
.arrowUp_inverse {width:8px; height:6px; background-position: -364px -120px}
.binocular_inverse {width:16px; height:17px; background-position: -288px -66px}
.boles_icon {width:39px; height:39px; background-position: -133px -87px}
.calendar {width:16px; height:18px; background-position: -538px -89px}
.cart {width:20px; height:16px; background-position: -542px -110px}
.cart_inverse {width:16px; height:13px; background-position: -588px -80px}
.fanVisionArrow {width:18px; height:23px; background-position: -450px -58px}
.fin_flag_sm {width:29px; height:18px; background-position: -542px -23px}
.forbes_icon {width:39px; height:39px; background-position: -91px -87px}
.ger_flag_sm {width:29px; height:18px; background-position: -538px -46px}
.get-your-gear {width:39px; height:33px; background-position: -322px -86px}
.hospitality-large {width:30px; height:34px; background-position: -289px -86px}
.icn-nav-arrow-down {width:13px; height:7px; background-position: -594px -52px}
.icn-nav-arrow-up {width:13px; height:7px; background-position: -526px -118px}
.icn-nav-cart {width:20px; height:16px; background-position: -461px -109px}
.icn-nav-eventinfo {width:23px; height:23px; background-position: -428px -85px}
.icn-nav-faninfo {width:27px; height:19px; background-position: -508px -96px}
.icn-nav-history {width:20px; height:25px; background-position: -398px -58px}
.icn-nav-hospitality {width:24px; height:26px; background-position: -401px -86px}
.icn-nav-menu-close {width:7px; height:16px; background-position: -584px -23px}
.icn-nav-menu-open {width:7px; height:16px; background-position: -574px -23px}
.icn-nav-mobile-nav {width:34px; height:24px; background-position: -395px -31px}
.icn-nav-news {width:24px; height:19px; background-position: -507px -2px}
.icn-nav-search {width:22px; height:21px; background-position: -471px -52px}
.icn-nav-tickets {width:23px; height:24px; background-position: -432px -31px}
.icn-sm-fb {width:8px; height:17px; background-position: -307px -66px}
.icn-sm-flickr {width:18px; height:10px; background-position: -401px -115px}
.icn-sm-insta {width:16px; height:16px; background-position: -569px -67px}
.icn-sm-pinterest {width:14px; height:18px; background-position: -557px -89px}
.icn-sm-twitter {width:18px; height:15px; background-position: -440px -111px}
.icn-sm-youtube {width:12px; height:16px; background-position: -570px -44px}
.icn_3D {width:75px; height:81px; background-position: -156px -2px}
.icn_KidsClub {width:33px; height:29px; background-position: -38px -96px}
.icn_alert {width:26px; height:26px; background-position: -424px -2px}
.icn_camping {width:77px; height:53px; background-position: -315px -2px}
.icn_directions {width:78px; height:61px; background-position: -234px -2px}
.icn_facebook {width:14px; height:27px; background-position: -74px -96px}
.icn_hospitality {width:71px; height:82px; background-position: -82px -2px}
.icn_success {width:26px; height:26px; background-position: -395px -2px}
.icn_wheelchair {width:77px; height:91px; background-position: -2px -2px}
.ims-circle {width:35px; height:35px; background-position: -227px -86px}
.ims-circle-small {width:25px; height:25px; background-position: -346px -58px}
.info {width:21px; height:21px; background-position: -496px -50px}
.l_quote {width:24px; height:17px; background-position: -261px -66px}
.location {width:21px; height:35px; background-position: -265px -86px}
.mail {width:27px; height:23px; background-position: -453px -2px}
.marker_deselected {width:23px; height:40px; background-position: -201px -86px}
.marker_selected {width:23px; height:40px; background-position: -175px -86px}
.media {width:37px; height:18px; background-position: -534px -2px}
.mediaArrowLeft {width:15px; height:30px; background-position: -20px -96px}
.mediaArrowRight {width:15px; height:30px; background-position: -2px -96px}
.media_news {width:21px; height:25px; background-position: -374px -58px}
.media_photo {width:22px; height:21px; background-position: -458px -28px}
.media_video {width:22px; height:22px; background-position: -454px -84px}
.nz_flag_sm {width:29px; height:18px; background-position: -537px -68px}
.overlay_close {width:26px; height:24px; background-position: -421px -58px}
.pageDoubleLeft {width:21px; height:21px; background-position: -483px -26px}
.pageDoubleRight {width:21px; height:21px; background-position: -483px -2px}
.pageLeft {width:21px; height:21px; background-position: -484px -100px}
.pageRight {width:21px; height:21px; background-position: -479px -76px}
.r_quote {width:24px; height:17px; background-position: -234px -66px}
.search {width:16px; height:16px; background-position: -565px -110px}
.search_inverse {width:16px; height:15px; background-position: -588px -62px}
.search_media {width:34px; height:31px; background-position: -364px -86px}
.slider-handle {width:14px; height:14px; background-position: -594px -35px}
.track_close {width:25px; height:25px; background-position: -318px -58px}
.trashcan {width:14px; height:19px; background-position: -525px -24px}
.uk_flag_sm {width:29px; height:18px; background-position: -574px -2px}
.visa {width:31px; height:19px; background-position: -503px -74px}
/*========== SEARCH SUMMARY =========*/
#search-summary {
height: 31px;
margin-bottom: 10px;
position: relative;
}
@media all and (min-width: 768px) {
#search-summary {
float: left;
width: 50%;
}
}
/*========== SEARCH INPUT =========*/
#search-result-input {
height: 31px;
margin-bottom: 10px;
position: relative;
}
#search-result-input-wrapper {
bottom: 0;
left: 0;
position: absolute;
right: 40px;
top: 0;
}
#search-result-input-wrapper input {
height: 100%;
margin: 0;
padding: 0 10px;
width: 100%;
}
#search-result-submit {
display: inline-block;
position: absolute;
right: 0;
top: 0;
}
#search-result-submit span {
vertical-align: middle;
}
@media all and (min-width: 768px) {
#search-result-input {
float: right;
width: 40%;
}
}
/*======== SEARCH RESULTS ========*/
#search-results-wrapper {
}
.search-result-item {
border-bottom: 1px solid #ccc;
clear: both;
float: left;
padding: 10px 0;
width: 100%;
}
.search-result-item:last-child {
border-bottom: none;
}
.search-result-item > .search-result-image {
float: right;
height: 135px;
width: 230px;
}
.search-result-item > .search-result-image > img {
max-height: 100%;
max-width: 100%;
}
.search-result-item > .search-result-copy-container {
float: left;
width: 100%;
margin-right: -240px;
}
.search-result-item > .search-result-copy-container > .search-result-copy {
padding-right: 240px;
}
.resultTitle {
font-weight: bold;
}
.resultDescription, .resultLink {
font-size: 0.875em;
line-height: 1.3em;
}
.resultLink
{
margin-top: 0.5em;
}
#search-no-results {
font-weight: bold;
font-style: italic;
margin: 20px 0;
text-align: center;
}
@media (min-width: 480px)
{
.search-result-item
{
padding: 15px 0;
}
}
@media all and (max-width: 768px) {
.search-result-item > .search-result-image {
height: auto;
width: 35%;
}
.search-result-item > .search-result-copy-container {
margin-right: -35%;
}
.search-result-item > .search-result-copy-container > .search-result-copy {
padding-right: 40%;
}
}
@media all and (max-width: 480px) {
.search-result-item > .search-result-image {
width: 25%;
}
.search-result-item > .search-result-copy-container {
margin-right: -25%;
}
.search-result-item > .search-result-copy-container > .search-result-copy {
padding-right: 30%;
}
}
.search-result-item.noimage .search-result-copy
{
padding-right: 0px;
}
/* RECIPE SETUPS */
#content > h1 {
margin-top: 0px;
}
.recipe-firstelement,
.recipe.recipe-firstelement {
margin-top: 0px;
}
.recipe-lastelement,
.recipe.recipe-lastelement {
margin-bottom: 0px;
}
.recipe {
margin-top: 20px;
margin-bottom: 20px;
}
.recipe:before,
.recipe:after {
content: " ";
display: table;
}
.recipe:after {
clear: both;
}
.recipe > *:first-child,
.shuttl-content > *:first-child,
.without-margin > *:first-child,
.without-margin {
margin-top: 0px;
}
h5 {
margin-bottom: .5em;
}
.header-list li {
font-family: Arial, sans-serif;
}
.header-list.withMedia {
margin-top: 15px;
}
.shuttl-row > h5,
.shuttl-lastrow > h5 {
margin-top: 0px;
}
.adjust-p-top-tbl {
margin-top: 0px;
margin-bottom: 10px;
}
.shuttl-content.with-p > p {
margin-bottom: 0px;
}
.shuttl-rte-lastgroup {
clear: left;
}
/* GENERIC RECIPES */
.title {
margin-bottom: 0px;
}
.tleft-mright .recipe-text {
padding-right: 0px;
}
.recipe-vid {
margin: 0px 0 15px 0;
}
.recipe-vid.wrapping {
margin: 0px 0px 15px 0px;
}
.recipe-map iframe {
max-height: 260px;
width: 100%;
}
.recipe-img img {
max-width: 100%;
height: auto;
margin-top: 1em;
width: 100%;
}
.margin-top-recipe-img ul {
margin-top: 1em;
}
.responsive-img img {
max-width: 100%;
height: auto;
width: 100%;
}
.mright-tleft-flowing p {
margin-left: 15px;
margin-right: 15px;
}
.mright-tleft-flowing .recipe-img {
margin-bottom: 15px;
}
.margin-bottom-sm {
margin-bottom: 15px;
}
.mright-tleft-flowing .flowing-table {
padding-bottom: 15px;
}
.quote-block div {
float: left;
color: #9b895b; /* see also IMS .t-text-n*/
}
.quote-block div.quote {
position: relative;
margin-left: 15px;
margin-right: 15px;
}
.quote-block div.quote blockquote {
font-style: italic;
margin-left: 30px;
margin-right: 30px;
}
.quote-block div.quote div.r_quote {
position: absolute;
right: 0;
bottom: 0;
}
.quote-block div.quote-author {
float: right;
text-align: right;
padding-top: 15px;
margin-left: 15px;
margin-right: 15px;
}
/* ========== FAQ Accordions ========== */
div.faq {
margin-top: 15px;
}
.question {
background-color: #eee;
color: #444;
font-weight: 600;
cursor: pointer;
padding: 15px;
width: 100%;
text-align: left;
border: none;
outline: none;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-bottom: 10px;
margin: 0 0 1em;
line-height: 1.3em;
}
/* Accordion bg */
.question.active, .question:hover {
background-color: #ddd;
}
/* Unicode character for "plus" sign (+) */
.question:after {
content: '\2795';
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
/* Unicode character for "minus" sign (-) */
.question.active:after {
content: "\2796";
}
/* the panel class */
div.answer {
padding: 5px 18px;
background-color: #f2f2f2;
max-height: 0;
overflow: hidden;
-webkit-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
opacity: 0;
margin-bottom: 10px;
}
div.answer.show {
opacity: 1;
max-height: 500px;
}
/* ========== FAQ ========== */
ul.faq {
list-style: none;
padding: 0;
}
ul.faq > li {
background: transparent url(/styles/ims/v1/images/faq-q.png) no-repeat scroll left top;
list-style-image: none;
min-height: 28px;
padding-left: 47px;
font-size: 1em;
}
ul.faq > li.faq-q {
font-weight: bold;
font-style: italic;
}
ul.faq > li.faq-a {
background-image: url(/styles/ims/v1/images/faq-a.png);
margin-bottom: 20px;
}
.faq-q img,
.faq-a img {
float: left;
}
.faq-a.with-img p {
padding-right: 0px;
}
.faq-a > ul li {
font-size: 1em;
}
.faq-addr-lbl {
clear: left;
float: left;
padding-right: 15px;
padding-top: .5em;
text-align: right;
width: 25%;
}
.faq-addr-note {
clear: left;
float: left;
padding-right: 15px;
padding-top: .5em;
}
.faq-addr-val {
float: left;
padding-top: .5em;
text-align: left;
}
.faq .recipe-img {
float: right;
height: auto;
max-width: 100%;
padding-left: 15px;
width: 33.333333333%;
}
.shttl-rte .recipe-title,
.shttl-rte .subhead {
margin: 0px;
}
.responsive-img-cont {
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.responsive-img-cont img {
height: auto;
max-width: 100%;
min-width: 550px;
width: 100%;
}
/* HEADER CONTROL RECIPE */
.hdr-recipe {
margin-bottom: 20px;
overflow: hidden;
width: 100%;
}
.hdr-image,
.hdr-blank {
margin-left: 0px;
overflow: hidden;
}
.hdr-image img {
height: 160px;
max-width: inherit;
position: absolute;
visibility: hidden;
width: inherit;
}
.hdr-blank img {
max-width: 100%;
}
.hdr-control-menu {
height: 100%;
position: relative;
width: 70%;
z-index: 3;
}
.hdr-layout-fx {
clear: none;
float: left;
margin-left: -180px;
position: relative;
width: 100%;
z-index: 1;
}
.l-evt-sidebar .hdr-layout-fx {
margin-left: -180px;
}
.hdr-control {
background-color: #262626;
float: left;
height: 160px;
position: relative;
width: 180px;
z-index: 2;
}
.l-evt-sidebar .hdr-control {
margin-left: 0px;
}
.hdr-control-menu {
width: 100%;
}
.hdr-mobile-row {
width: 15px;
}
.hdr-blank {
margin-bottom: 15px;
text-align: center;
}
.hdr-blank img {
margin-left: -50%;
margin-right: -50%;
}
a.nav {
transition: opacity .5s;
visibility: hidden;
}
a.nav {
cursor: pointer;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
a.nav:hover {
cursor: pointer;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
a.selected {
cursor: default !important;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hdr-control-menu a.nav {
color: #ffffff;
}
.hdr-control-2 tr {
height: 50%;
}
.hdr-control-3 tr {
height: 33%;
}
.hdr-control-4 tr {
height: 25%;
}
.hdr-control-5 tr {
height: 20%;
}
.hdr-mobile-row {
width: 30px;
}
.hdr-control-menu td,
.hdr-control-menu td a,
.hdr-control-menu td a:link {
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
vertical-align: middle;
}
table.hdr-control-separators {
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
}
table.hdr-control-separators span {
display: block;
height: 100%;
}
table.hdr-control-separators tr + tr span {
border-top: solid 1px #5a574e;
transition: border-color 0.5s;
-webkit-transition: border-color 0.5s;
-moz-transition: border-color 0.5s;
-ms-transition: border-color 0.5s;
-o-transition: border-color 0.5s;
}
table.hdr-control-separators tr.selected span,
table.hdr-control-separators tr.selected + tr span {
border-top-color: transparent;
}
table.hdr-control-menu td > span {
display: inline-block;
height: 100%;
width: 100%;
}
table.hdr-control-menu td > span > a {
display: table;
height: 100%;
width: 100%;
}
table.hdr-control-menu td > span > a > span {
display: table-row;
}
table.hdr-control-menu td > span > a > span > span {
display: table-cell;
padding: 0 10px 0 20px;
vertical-align: middle;
}
/* INTERACTIVE TRACK MAPS */
.tour-lgnd span {
vertical-align: middle;
margin-right: 10px;
font-weight: bold;
}
#vid-box {
position: absolute;
width: 97%;
height: 100%;
background: rgba(255,255,255,.8);
}
#centerVideo {
margin: auto;
display: block;
width: 87%;
height: 96%;
margin-top: 1%;
}
#videoPlayerReplacement {
height: 100%;
}
#videoPlayerReplacement > iframe {
width: 100%;
height: 100%;
z-index: 1;
}
#vid-box > span {
position: absolute;
right: 5%;
}
#vid-box {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
#closeBtn {
float: right;
margin-right: -26px;
cursor: pointer;
z-index: 3;
position: relative;
}
/* ARROW */
.hdr-arrow {
position: absolute;
top: 0px;
visibility: hidden;
width: 290px;
transition: top .75s;
-moz-transition: top .75s;
-webkit-transition: top .75s;
-ms-trasition: top .75s;
-o-trasition: top .75s;
}
.hdr-arrow .line {
width: 270px;
}
.hdr-arrow.left .line {
float: right;
}
.hdr-arrow.right .line {
float: left;
}
.mobile-point {
width: 180px;
}
.hdr-arrow.left .point {
float: left;
height: 0;
width: 0;
}
.hdr-arrow.right .point {
float: right;
height: 0;
width: 0;
}
.hdr-arrow.left .point {
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-right: 30px solid;
}
.hdr-arrow.right .point {
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 30px solid;
}
.hdr-arrow-mobile {
left: 0px;
position: absolute;
}
.hdr-arrow-mobile {
top: 0px;
transition: top 0.75s;
-moz-transition: top 0.75s;
-webkit-transition: top 0.75s;
-ms-trasition: top 0.75s;
-o-trasition: top 0.75s;
}
.top-btn {
margin-top: 16px;
}
/* ICON IMAGE GRID */
.people-grid {
margin-left: -10px;
margin-right: -10px;
}
.people-icon {
cursor: pointer;
float: left;
height: 110px;
margin: 10px;
width: 140px;
}
.people-icon img {
pointer-events: none;
}
.people-icon img,
.people-icon {
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
}
.people-subtitle {
background-color: #000000;
color: #ffffff;
float: left;
height: 18px;
line-height: 18px;
margin-top: -2px;
pointer-events: none;
width: 100%;
}
.people-subtitle span {
margin-left: 5px;
}
.people-overlay {
background-color: #000000;
height: 113px;
left: 15px;
opacity: 0;
padding: 10px;
position: absolute;
top: 149px;
width: 310px;
visibility: hidden;
z-index: 2;
}
.people-overlay > div {
color: #FFFFFF;
}
.people-overlay-description {
margin-top: 5px;
}
.people-overlay-readmore {
bottom: 10px;
position: absolute;
}
.people-overlay-close {
bottom: 10px;
cursor: pointer;
position: absolute;
right: 10px;
}
/* PEOPLE DETAIL PAGES*/
.people-detail-quote {
float: left;
font-style: italic;
margin: 5px;
width: 88%;
}
.people-detail-quote .r_quote {
margin-bottom: -.5em;
}
.people-detail-back {
float: right;
}
/* CALENDAR GRID */
.calendar-grid {
margin-left: -10px;
margin-right: -10px;
text-align: center;
}
.calendar-item {
margin: 10px;
}
/* PAGODA TIMELINE */
.timeline-container {
width: 100%;
}
.timeline-recipe {
overflow: hidden;
position: relative;
width: 990px;
}
.timeline-slide {
left: 0px;
position: absolute;
width: 990px;
}
.timeline-slide-container {
position: absolute;
}
.timeline-slide-image {
float: left;
margin-right: 15px;
margin-bottom: 15px;
width: 55%;
}
.timeline-slide-text {
clear: left;
float: left;
width: 98%;
}
.timeline-slide-text p {
margin-left: 0px;
margin-right: 0px;
font-size: 12px;
}
.timeline-line {
background-color: #9b8a5b;
border-bottom: 3px solid #9b8a5b;
margin-top: -3px;
}
.timeline-marker {
cursor: pointer;
width: 23px;
}
.timeline-label {
font-weight: bold;
margin-top: 15px;
text-align: center;
font-size: 13px;
}
/* TICKET PAGES */
.recipe-shuttle-serve {
height: 5em;
padding-top: 25px;
}
.tckt-prc {
color: #ffffff;
height: 100%;
position: relative;
width: 100%;
}
.tckt-prc > div {
position: absolute;
top: 0;
vertical-align: middle;
}
.shuttl-lastrow {
margin-top: 15px;
}
.tckt-prc-blck-l {
font-family: Arial, sans-serif;
font-size: .8em;
font-weight: bold;
left: 15px;
line-height: 1.2em;
text-align: left;
width: 31%;
}
.tckt-prc-blck {
font-family: 'lorabold', serif;
left: 31%;
text-align: center;
width: 47%;
}
.tckt-prc-blck-r {
font-family: 'lorabold', serif;
font-size: .9em;
right: 15px;
text-align: left;
width: 22%;
}
.tckt-prc-dllr {
font-size: 1.25em;
}
.tckt-prc-amt {
font-size: 2em;
}
.enroll-el {
margin-right: 16px;
}
/* CAMPING / PARKING */
.recipe-table table {
font-size: 14px;
width: 100%;
}
.recipe-table table thead {
background-color: #595959;
color: #ffffff;
font-weight: bold;
border: 1px solid #595959;
}
.recipe-table table thead tr {
height: 30px;
text-transform: uppercase;
}
.recipe-table td {
border: 1px solid #9b9690;
padding: 5px;
vertical-align: top;
}
.recipe-table thead td,
.recipe-table thead th {
font-size: 1em;
text-align: center;
vertical-align: bottom;
padding: 0 5px;
}
.recipe-table thead th.nopad {
padding: 0px;
}
.recipe-table thead th.twolines {
padding: 5px;
}
.recipe-table thead td.textLeft,
.recipe-table thead th.textLeft {
text-align: left;
}
.recipe-table thead th {
padding-bottom: 5px;
}
.recipe-table table tbody {
background-color: #e0dfda;
}
.recipe-table table tbody td {
font-size: 1em;
line-height: 1.2em;
}
.recipe-table th.center,
.recipe-table td.center {
text-align: center;
}
.recipe-table table .table-legend {
font-weight: bold;
text-align: left;
}
.recipe-table table tbody td a span {
padding-right: 5px;
}
.recipe-table .drvrName.sprite {
float: left;
margin-right: 10px;
}
.recipe-table .table-name {
float: left;
width: 60%;
}
.recipe-table.padding-bottom {
padding-bottom: 16px;
}
.recipe-table.recipe-table-nogrid td,
.recipe-table.recipe-table-nogrid th {
border: none;
}
.recipe-table .rewardsCol {
width: 30%;
}
.recipe-table span.lbl-w-icon {
line-height: 20px;
}
.circle {
border-color: #000000;
border-radius: 6px;
height: 12px;
margin: 0 auto;
width: 12px;
}
.map {
height: 400px;
}
.map-canvas img {
max-width: none;
}
.map-canvas {
display: block;
height: 400px;
left: 0px;
top: 0px;
width: 100%;
}
.detail-btn {
float: right;
line-height: 1.25em;
margin-top: 8px;
}
.detail-btn .sprite,
.middle_sprite {
vertical-align: middle;
}
ul.two-column {
float: left;
width: 50%;
}
.two-col-li-60 {
float: left;
width: 60%;
}
.two-col-li-40 {
clear: left;
float: left;
margin-bottom: 1em;
width: 100%;
}
.one-col-li {
float: left;
width: 100%;
}
.location-btn .sprite {
float: left;
margin-left: 0px;
margin-right: 10px;
}
.location-btn a {
float: left;
font-size: .875em;
text-align: left;
}
.sub-line {
margin-top: 0px;
}
.calendar-item {
width: 216px;
height: 193px;
display: inline-block;
}
.calendar-item img {
width: 100%;
height: auto;
}
/**************KIDS CLUB***********/
.kc-sponsor-item {
display: inline-block;
margin: 0 15px;
height: 80px;
}
/**************MUSEUM**************/
.shuttl .hdr-lbl {
display: block;
float: left;
font-size: .75em;
font-weight: bold;
height: 100%;
margin-top: 0;
width: 20%;
}
.shuttl .hdr-val {
display: block;
font-size: .85em;
margin-top: -2px;
line-height: 1.3em;
margin-bottom: 0.8em;
float: left;
width: 80%;
}
/* HISTORY - WORLD WHEN IMS OPENED */
.venue {
height: auto;
}
.venue > div {
margin: .4em 0;
}
.ven_yr {
float: left;
width: 100%;
}
.ven_img {
clear: left;
float: left;
position: relative;
width: 40%;
}
/* HISTORY - Historical Venues */
.timeline-slide-text h6 {
font-family: 'open_sansregular', sans-serif !important;
}
.venue {
height: auto;
}
.venue > div {
margin: .4em 0;
}
.ven_yr {
float: left;
width: 100%;
}
.ven_img {
clear: left;
float: left;
position: relative;
width: 40%;
}
#timeline-container {
padding: 0 40px;
}
.timeline-col {
width: 53px;
float: left;
}
.timeline-marker-world {
cursor: pointer;
width: 23px;
}
.timeline-window {
height: 350px;
}
.world-timeline-recipe {
overflow: hidden;
position: relative;
left: 15px;
width: 990px;
}
.timeline-row {
width: 910px;
height: 21px;
}
.tl-bottom {
margin-bottom: 20px;
}
.timeline-line-world {
background-color: #9b8a5b;
border-bottom: 3px solid #9b8a5b;
margin-top: 19px;
width: 910px;
}
#world-timeline-container {
width: 100%;
height: 100px;
overflow: hidden;
}
#tl-left {
float: left;
cursor: pointer;
margin-left: -25px;
margin-top: 34px;
}
#tl-right {
cursor: pointer;
float: right;
margin-top: -65px;
margin-right: -25px;
}
#timeline-slider {
float: left;
}
#timeline-container .transparent {
cursor: default;
/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=50);
/* Older than Firefox 0.9 */
-moz-opacity: 0.5;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;
/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;
}
/* INTERESTING FACTS COLUMN LAYOUT*/
.iffap-left {
margin-left: 1%;
}
.tlpr1c_left {
margin-left: 15px;
}
/* GENERAL COLUMN LAYOUTS FOR CONTENT */
.c-header-imageLeft-content {
margin: 1em 0;
overflow: hidden;
}
.c-image-floatLeft {
float: left;
margin-right: 15px;
max-width: 30%;
}
.c-image-floatLeft > img {
width: 100%;
}
.c-header-imageLeft-content > .c-content,
.c-header-imageLeft-content > .c-content > .c-col {
overflow: hidden;
}
.c-header-imageLeft-content > .c-content {
vertical-align: top;
}
.c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4,
.c-header-imageLeft-content > .c-content > .c-col.col-md-offset-1 {
border-left: solid 1px #cccccc;
}
/* FORMS == WING AND WHEEL */
.form_2col_50 {
float: left;
width: 100%;
}
.y-n-form {
float: left;
min-width: 70px;
}
/******** Jobs *********/
.job-wrapper {
margin-left: 15px;
position: relative;
}
.jobs-header {
font-weight: bold;
clear: both;
font-size: 0.875em;
}
.jobs-header.without-header {
margin-bottom: 1em;
}
.jobs-header tr td:first-child {
width: 10em;
}
/********THEMES*********/
.red-circle {
background-color: #ff0000;
}
.orange-circle {
background-color: #ff6600;
}
.yellow-circle {
background-color: #fcc904;
}
.green-circle {
background-color: #336600;
}
.interactive-img {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#YTCloseBtn {
position: absolute;
right: -26px;
cursor: pointer;
}
#ytVideoBox {
width: 720px;
}
/****************************************
RESPONSIVE
****************************************/
@media all and (max-width: 980px) {
.c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4 {
border-left: none;
}
.c-header-imageLeft-content > .c-content > .col-xl-4:first-child + .col-xl-4 {
border-left: solid 1px #cccccc;
}
}
@media all and (max-width: 980px) and (min-width: 768px) {
.c-header-imageLeft-content > .c-content > .c-col.clr-none-xl {
border-left: none;
}
}
@media all and (min-width: 320px) {
#ytVideoBox {
width: 300px;
}
}
@media all and (min-width: 480px) {
#ytVideoBox {
width: 450px;
}
/*img.recipe-img {
}
.recipe-img img,
.responsive-img img
{
max-width: 100%;
height: auto;
width: 100%;
}*/
.recipe-map iframe {
max-height: none;
}
.recipe-vid {
margin: 0px 0px 15px 0px;
}
.venue {
height: 580px;
}
.ven_img {
clear: none;
float: none;
padding-right: 15px;
position: absolute;
right: 0px;
top: 0px;
width: 40%;
}
.ven_yr {
width: 60%;
}
.last {
margin-bottom: 0px;
}
.shuttl-lastrow {
margin-top: 0px;
}
.recipe-table thead td {
font-size: .7em;
}
.timeline-slide-text {
clear: none;
margin: 0px;
width: 40%;
}
.timeline-slide-text p {
margin-left: 0px;
margin-right: 0px;
font-size: 12px;
}
.people-grid {
margin-left: -15px;
margin-right: -15px;
}
.calendar-grid {
margin-left: -15px;
margin-right: -15px;
}
.people-icon,
.calendar-item {
margin: 15px;
}
.form_2col_50 {
float: left;
width: 50%;
}
}
@media (min-width: 768px) {
#ytVideoBox {
width: 720px;
}
.calendar-grid {
text-align: left;
}
.adjust-p-top-tbl {
margin-top: 10px;
margin-bottom: 0px;
}
.two-col-li-40 {
clear: none;
margin-top: 2em;
width: 40%;
}
.location-btn .sprite {
float: right;
margin-left: 10px;
margin-right: 0px;
}
.location-btn a {
float: right;
text-align: right;
}
.margin-bottom-sm {
margin-bottom: 0px;
}
.faq-addr-lbl {
width: 16.6666666667%;
}
.hdr-recipe {
height: 240px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
}
.hdr-control {
height: 240px;
width: 260px;
}
.l-evt-sidebar .hdr-layout-fx {
margin-left: -260px;
}
.hdr-control-menu td,
.hdr-control-menu td a,
.hdr-control-menu td a:link {
font-size: 16px;
}
.hdr-image {
margin-left: 260px;
overflow: hidden;
}
.hdr-layout-fx {
margin-left: -260px;
}
.l-evt-sidebar .hdr-image {
margin-left: 260px;
}
.hdr-image img,
.hdr-blank img {
max-width: inherit;
height: 240px;
width: 100%;
}
.mobile-point {
visibility: hidden;
}
.recipe-table thead td,
.recipe-table thead th {
font-size: 1em;
}
}
@media (min-width: 1100px) {
.faq-addr-lbl {
width: 9%;
}
}
@media all and (max-width: 480px) {
.c-header-imageLeft-content > .c-image-floatLeft {
max-width: 35%;
}
.c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4,
.c-header-imageLeft-content > .c-content > .col-xl-4:first-child + .col-xl-4,
.c-header-imageLeft-content > .c-content > .c-col.col-md-offset-1 {
border-left: none;
}
}
.l-nav-2col {
width: 9.5%;
height: 100%;
position: fixed;
height: 38.62em;
background-color: #333;
margin-top: 4.375em; /* 70px */
}
.l-1col {
margin-top: 4.375em; /* 70px */
width: 90.5%;
float: right;
}
/****************************************
MODULE
****************************************/
#evt-hero-slider-viewport {
background-color: #000;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.evt-hero-slider-slide-foreground {
background: transparent url(/styles/ims/v1/images/evt-hero-overlay.png) bottom left repeat-x;
position: absolute;
bottom: 0;
width: 1285px;
}
#evt-hero-slider-slides {
height: inherit;
width: 100%;
transition: margin-left 0.5s, transform 0.5s, width 0.5s;
-moz-transition: margin-left 0.5s, -moz-transform 0.5s, width 0.5s;
-ms-transition: margin-left 0.5s, -ms-transform 0.5s, width 0.5s;
-o-transition: margin-left 0.5s, -o-transform 0.5s, width 0.5s;
-webkit-transition: margin-left 0.5s, -webkit-transform 0.5s, width 0.5s;
}
.evt-hero-slider-slide {
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: top;
width: 100%;
height: inherit;
transition: width 0.5s;
-moz-transition: width 0.5s;
-ms-transition: width 0.5s;
-o-transition: width 0.5s;
-webkit-transition: width 0.5s;
}
.evt-hero-slider-slide-cta {
position: absolute;
left: 8.2em;
bottom: 2.25em;
text-shadow: 2px 2px #000;
width: 40%;
}
.evt-hero-slider-slide > img {
max-width: none;
transition: margin-left 0.5s;
-moz-transition: margin-left 0.5s;
-ms-transition: margin-left 0.5s;
-o-transition: margin-left 0.5s;
-webkit-transition: margin-left 0.5s;
}
.evt-hero-slider-slide-cta > .caption-title {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 2.5em;
line-height: 1.1em;
font-weight: bold;
text-transform: uppercase;
}
.evt-hero-slider-slide-cta > .caption-subtitle {
font-size: 1.125em; /* 18 px */
font-weight: normal;
line-height: 1.3em;
padding-top: 0.5em;
text-transform: uppercase;
}
.evt-hero-slider-slide a {
color: #fff;
text-decoration: none;
}
.slider-selector {
display: inline-block;
height: 10px;
margin: 0 10px;
width: 10px;
}
.slider-selector:hover {
cursor: pointer;
}
#evt-hero-slider-controls {
bottom: 0.75em;
left: 7.8em;
position: absolute;
z-index: 12;
}
.slider-selector.is-selected {
background: transparent url(/styles/ims/v1/images/sliderSelected.png) 0 0 no-repeat;
}
.slider-selector.is-not-selected {
background: transparent url(/styles/ims/v1/images/sliderUnselected.png) 0 0 no-repeat;
}
#evt-content-container .tout-container > *:first-child {
margin-top: 15px;
}
@media all and (min-width: 960px) {
#evt-hero-slider-viewport {
border-right: 3px solid #666666;
height: 100%;
left: -115px;
right: 500px;
z-index: 11;
transition: right 0.5s;
-moz-transition: right 0.5s;
-ms-transition: right 0.5s;
-o-transition: right 0.5s;
-webkit-transition: right 0.5s;
}
.evt-hero-slider-slide-foreground {
height: 100%;
}
.evt-hero-slider-slide img {
position: absolute;
bottom: 0;
width: 100%;
}
#evt-hero-slider-handle {
background: url(/styles/ims/v1/images/evt-hero-handle.png) 0 0 no-repeat scroll;
bottom: 150px;
height: 83px;
position: absolute;
right: 0;
z-index: 15;
width: 17px;
}
#evt-hero-slider-handle.reversed {
background: url(/styles/ims/v1/images/evt-hero-handle-left.png) 0 0 no-repeat scroll;
}
#evt-hero-slider-handle:hover {
cursor: pointer;
}
#evt-content-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding-bottom: 15px;
overflow-y: auto;
width: 500px;
}
}
@media all and (max-width: 959px) {
#evt-hero-slider-viewport {
height: 465px;
position: relative;
width: 100%;
}
#evt-hero-slider-handle {
display: none;
}
#evt-content-container {
padding: 15px;
margin: 0 auto;
overflow: hidden;
position: static;
}
.evt-hero-slider-slide-foreground {
height: inherit;
}
.evt-hero-slider-slide > img {
max-width: 959px;
min-width: 959px;
}
#evt-hero-slider-controls {
left: 1.4em;
}
.evt-hero-slider-slide-cta {
left: 2em;
}
.evt-hero-slider-slide-foreground {
width: 100%;
}
}
@media all and (max-width: 768px) {
#evt-hero-slider-viewport {
height: 370px;
}
.evt-hero-slider-slide > img {
max-width: 768px;
min-width: 768px;
}
.evt-hero-slider-slide-foreground {
bottom: -30px;
}
.evt-hero-slider-slide-cta {
width: 65%;
}
.evt-hero-slider-slide-cta > .caption-title {
font-size: 2em;
line-height: 1em;
}
}
@media all and (max-width: 480px) {
#evt-hero-slider-viewport {
height: 230px;
}
.evt-hero-slider-slide > img {
max-width: 480px;
min-width: 480px;
}
.evt-hero-slider-slide-foreground {
bottom: -75px;
}
.evt-content-col.two-col {
width: 100%;
}
.evt-content-col {
display: block;
float: none;
margin: 0 auto 15px !important;
vertical-align: top;
}
.evt-hero-slider-slide-cta > .caption-title {
font-size: 1.2em;
}
.evt-hero-slider-slide-cta > .caption-subtitle {
font-size: 0.9em;
}
.caption-subtitle {
display: none;
}
}
@media all and (max-width: 320px) {
}
/* ==================== Event Schedule ==================== */
#evt-calendar {
clear: both;
max-width: 100%;
min-width: 450px;
width: auto;
}
#evt-calendar-dates {
height: 60px;
position: relative;
}
#evt-calendar-dates-viewport {
overflow: hidden;
position: absolute;
width: 100%;
}
#evt-calendar-dates-left-control,
#evt-calendar-dates-right-control {
display: none;
height: 100%;
padding: 0 1px;
position: absolute;
vertical-align: middle;
width: 25px;
}
#evt-calendar-dates-left-control {
left: 0;
text-align: left;
background-image: -ms-linear-gradient(right, transparent 0%, #999999 40%, #999999 100%);
background-image: -moz-linear-gradient(right, transparent 0%, #999999 40%, #999999 100%);
background-image: -o-linear-gradient(right, transparent 0%, #999999 40% #999999 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(0.4, #999999) color-stop(1, #999999));
background-image: -webkit-linear-gradient(right, transparent 0%, #999999 40%, #999999 100%);
background-image: linear-gradient(to left, transparent 0% #999999 40%, #999999 100%);
}
#evt-calendar-dates-right-control {
right: 0;
text-align: right;
background-image: -ms-linear-gradient(left, transparent 0%, #999999 40%, #999999 100%);
background-image: -moz-linear-gradient(left, transparent 0%, #999999 40%, #999999 100%);
background-image: -o-linear-gradient(left, transparent 0%, #999999 40% #999999 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.4, #999999) color-stop(1, #999999));
background-image: -webkit-linear-gradient(left, transparent 0%, #999999 40%, #999999 100%);
background-image: linear-gradient(to right, transparent 0% #999999 40%, #999999 100%);
}
#evt-calendar-dates-left-control > a,
#evt-calendar-dates-right-control > a {
display: block;
margin-top: 19px;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul {
list-style-image: none;
min-width: 450px;
padding: 8px 0 8px 8px;
transition: margin-left 0.5s, transform 0.5s;
-moz-transition: margin-left 0.5s, -moz-transform 0.5s;
-ms-transition: margin-left 0.5s, -ms-transform 0.5s;
-o-transition: margin-left 0.5s, -o-transform 0.5s;
-webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li {
background-color: #fff;
display: inline-block;
height: 44px;
margin: 0 4px;
text-align: center;
text-transform: uppercase;
width: 48px;
transition: color 0.5s, background-color 0.5s;
-moz-transition: color 0.5s, background-color 0.5s;
-ms-transition: color 0.5s, background-color 0.5s;
-o-transition: color 0.5s, background-color 0.5s;
-webkit-transition: color 0.5s, background-color 0.5s;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li > a {
color: #000;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li > span {
font-weight: bold;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li:hover {
cursor: pointer;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li div.dayName,
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li div.dayDate {
display: block;
width: 48px;
text-align: center;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected {
border: 2px solid #fff;
border-bottom: 0;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected > a {
color: #fff;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected div.dayName,
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected div.dayDate {
margin-left: -2px;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li .selector-arrow {
opacity: 0;
position: relative;
top: 5px;
transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected .selector-arrow {
opacity: 1;
}
#evt-calendar-day-details {
margin-top: 1px;
padding: 1px 10px;
}
#evt-calendar-day-details span.date {
color: #fff;
}
#evt-calendar-day-details span.event-name {
color: #333333;
float: right;
max-width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#evt-calendar-day-details > ul,
#evt-calendar-day-details > ul > li,
#evt-calendar-image-details > ul,
#evt-calendar-image-details > ul > li {
list-style-image: none;
padding: 0;
}
#evt-calendar-day-details > ul > li,
#evt-calendar-image-details > ul > li {
display: none;
margin: 0.5em 0 0;
opacity: 0;
transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
}
#evt-calendar-day-details > ul > li.date-detail-is-shown,
#evt-calendar-image-details > ul > li.date-detail-is-shown {
display: list-item;
opacity: 1;
}
#evt-calendar-day-details > ul {
margin-bottom: 0.5em;
}
#evt-calendar-image-details > ul > li {
margin-top: 0;
}
.arrow-highlight {
width: 0;
height: 0;
position: absolute;
border-left: 22px solid;
border-right: 20px solid;
border-left-color: transparent !important;
border-right-color: transparent !important;
left: 1px;
z-index: 10;
border-top: 10px solid;
}
.arrow-border {
width: 0;
height: 0;
position: absolute;
border-left: 25px solid;
border-right: 25px solid;
border-left-color: transparent !important;
border-right-color: transparent !important;
z-index: 10;
border-top: 12px solid;
border-color: #fff;
left: -3px;
}
.evt-schedule-dateDetail {
margin-top: -15px;
/*margin-bottom: 40px;*/
}
.evt-schedule-dateDetail:first-child {
margin-top: -5px;
}
#evt-calendar-header {
vertical-align: top;
}
#evt-calendar-header > h6 {
float: left;
margin-top: 0;
}
#evt-calendar-header > .evt-calendar-fullLink {
float: right;
}
#evt-schedule-dates {
/*min-height: 300px;*/
}
.evt-calendar-image {
}
.evt-schedule-dateDetail ul li {
line-height: 1.2em;
}
@media all and (min-width: 959px) {
#evt-calendar-header > h6 {
width: 60%;
}
}
@media all and (max-width: 768px) {
#evt-calendar-header > .evt-calendar-fullLink {
clear: left;
float: left;
margin-bottom: 15px;
}
}
@media all and (max-width: 600px) {
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li {
height: 38px;
}
}
@media all and (min-width: 481px) {
.small-calendar #evt-calendar-day-details {
position: absolute;
top: 23px;
right: 15px;
text-align: center;
width: 44%;
height: 60px;
padding-top: 5px;
}
.small-calendar #evt-calendar-day-details span.event-name {
display: block;
float: none;
max-width: 100%;
}
}
@media all and (max-width: 480px) {
#evt-calendar {
min-width: 100%;
}
#evt-calendar-dates > #evt-calendar-dates-viewport > ul {
min-width: 100%;
}
}
/* ==================== Event Top News Slider ==================== */
#evt-top-news-slider {
position: relative;
height: 225px;
}
#evt-top-news-slider-viewport {
height: 220px;
margin-top: 5px;
overflow: hidden;
position: absolute;
width: 100%;
}
#evt-top-news-slider-slides {
width: 1480px;
transition: margin-left 0.5s, transform 0.5s;
-moz-transition: margin-left 0.5s, -moz-transform 0.5s;
-ms-transition: margin-left 0.5s, -ms-transform 0.5s;
-o-transition: margin-left 0.5s, -o-transform 0.5s;
-webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}
.evt-top-news-slider-slide {
display: inline-block;
height: 200px;
position: relative;
width: 450px;
}
#evt-top-news-slider-header > h4 {
display: inline-block;
}
#evt-top-news-slider-header > #evt-top-news-controls {
display: inline-block;
float: right;
line-height: 1.5em;
}
.evt-top-news-slider-caption {
background-color: #000;
bottom: 0;
color: #fff;
font-weight: bold;
max-height: 48px;
overflow: hidden;
padding: 8px 10px;
position: absolute;
text-transform: uppercase;
width: 100%;
}
.evt-top-news-slider-caption > span.headline {
display: inline-block;
max-height: 32px;
overflow: hidden;
width: 72%;
}
.evt-top-news-slider-caption .readMoreCta {
position: absolute;
right: 5px;
top: 8px;
}
#evt-top-news-slider-header > #evt-top-news-controls > .slider-selector {
margin: 0 5px;
}
@media all and (max-width: 480px) {
.evt-top-news-slider-slide {
height: 120px;
width: 230px;
}
#evt-top-news-slider-header > #evt-top-news-controls {
display: block;
float: none;
line-height: 1em;
margin-top: 4px;
}
.evt-top-news-slider-caption .readMoreCta {
display: block;
position: relative;
right: 0;
top: 0;
}
.evt-top-news-slider-caption .readMoreCta .sprite {
display: none;
}
.evt-top-news-slider-caption {
font-size: 0.8em;
margin-top: -2px;
position: relative;
}
#evt-top-news-slider-viewport {
height: 130px;
}
}
/* ==================== Event Countdown ==================== */
#evt-countdown {
background-color: #000;
height: 151px;
margin: 0 auto;
width: 100%;
}
#evt-countdown-header {
color: #fff;
font-size: 1.4em;
font-weight: bold;
margin: 0 auto;
padding-top: 15px;
text-align: center;
text-transform: uppercase;
width: 90%;
text-shadow: 2px 2px #000000;
-moz-text-shadow: 2px 2px #000000;
-ms-text-shadow: 2px 2px #000000;
-o-text-shadow: 2px 2px #000000;
-webkit-text-shadow: 2px 2px #000000;
}
#evt-countdown-header span {
font-size: 1.05em;
}
#evt-countdown-countdown {
font-family: "Oswald";
margin: 0px auto 10px auto;
padding-bottom: 5px;
padding-top: 75px;
white-space: nowrap;
width: 173px;
}
#evt-countdown-countdown > .countdownBox {
display: inline-block;
height: 60px;
padding: 0 1px;
position: relative;
width: 36px;
}
#evt-countdown-countdown > .countdownBox#remainingDays {
width: 53px;
}
#evt-countdown-countdown > .countdownBox > .countdownBox-header {
background-color: #333333;
border-bottom: 1px solid #000;
color: #fff;
height: 18px;
font-size: 0.6em;
font-weight: bold;
line-height: 1.5em;
text-align: center;
text-transform: uppercase;
}
#evt-countdown-countdown > .countdownBox > .countdownBox-value {
background-color: #191919;
color: #eeae20;
font-size: 1.9em;
height: 40px;
width: 100%;
}
.countdownBox-value ul.flip {
list-style-image: none;
width: 17px;
height: 40px;
line-height: 38px;
position: relative;
float: left;
padding: 0;
}
.countdownBox-value ul.flip li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
margin: 0;
width: 17px;
height: 40px;
list-style-image: none;
}
.countdownBox-value ul.flip li:first-child {
z-index: 2;
}
.countdownBox-value ul.flip li a {
display: block;
height: 100%;
}
.countdownBox-value ul.flip li a:hover {
color: inherit;
}
.countdownBox-value ul.flip li a div {
z-index: 1;
position: absolute;
left: 0;
width: 100%;
height: 50%;
overflow: hidden;
}
.countdownBox-value ul.flip li a div .shadow {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.countdownBox-value ul.flip li a div.up {
border-bottom: 1px solid #111;
top: 0;
transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
.countdownBox-value ul.flip li a div.up:after {
content: "";
position: absolute;
top: 44px;
left: 0;
z-index: 5;
width: 100%;
height: 3px;
background-color: rgba(0,0,0,.4);
}
.countdownBox-value ul.flip li a div.down {
bottom: 0;
transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
}
.countdownBox-value ul.flip li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
text-align: center;
background-color: #333;
}
.countdownBox-value ul.flip li a div.up div.inn {
top: 0;
}
.countdownBox-value ul.flip li a div.down div.inn {
bottom: 0;
background-image: -ms-linear-gradient(top, #3E3E3E 0%, #000000 150%);
background-image: -moz-linear-gradient(top, #3E3E3E 0%, #000000 150%);
background-image: -o-linear-gradient(top, #3E3E3E 0%, #000000 150%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3E3E3E), color-stop(1.5, #000000));
background-image: -webkit-linear-gradient(top, #3E3E3E 0%, #000000 150%);
background-image: linear-gradient(to bottom, #3E3E3E 0%, #000000 150%);
}
/* PLAY */
#evt-countdown.play ul li.before {
z-index: 3;
}
#evt-countdown.play ul li.active {
z-index: 2;
animation: asd .25s .25s linear both;
-moz-animation: asd .25s .25s linear both;
-ms-animation: asd .25s .25s linear both;
-o-animation: asd .25s .25s linear both;
-webkit-animation: asd .25s .25s linear both;
}
#evt-countdown.play ul li.active .down {
z-index: 2;
animation: turn .25s .25s linear both;
-moz-animation: turn .25s .25s linear both;
-ms-animation: turn .25s .25s linear both;
-o-animation: turn .25s .25s linear both;
-webkit-animation: turn .25s .25s linear both;
}
#evt-countdown.play ul li.before .up {
z-index: 2;
animation: turn2 .25s linear both;
-moz-animation: turn2 .25s linear both;
-ms-animation: turn2 .25s linear both;
-o-animation: turn2 .25s linear both;
-webkit-animation: turn2 .25s linear both;
}
/*** keyframes ***/
@keyframes asd {
0% {
z-index: 2;
}
5% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-moz-keyframes asd {
0% {
z-index: 2;
}
5% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-ms-keyframes asd {
0% {
z-index: 2;
}
5% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-webkit-keyframes asd {
0% {
z-index: 2;
}
5% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@keyframes turn {
0% {
transform: rotateX(90deg);
}
100% {
transform: rotateX(0deg);
}
}
@-moz-keyframes turn {
0% {
-moz-transform: rotateX(90deg);
}
100% {
-moz-transform: rotateX(0deg);
}
}
@-ms-keyframes turn {
0% {
-ms-transform: rotateX(90deg);
}
100% {
-ms-transform: rotateX(0deg);
}
}
@-webkit-keyframes turn {
0% {
-webkit-transform: rotateX(90deg);
}
100% {
-webkit-transform: rotateX(0deg);
}
}
@keyframes turn2 {
0% {
transform: rotateX(0deg);
}
100% {
transform: rotateX(-90deg);
}
}
@-moz-keyframes turn2 {
0% {
-moz-transform: rotateX(0deg);
}
100% {
-moz-transform: rotateX(-90deg);
}
}
@-ms-keyframes turn2 {
0% {
-ms-transform: rotateX(0deg);
}
100% {
-ms-transform: rotateX(-90deg);
}
}
@-webkit-keyframes turn2 {
0% {
-webkit-transform: rotateX(0deg);
}
100% {
-webkit-transform: rotateX(-90deg);
}
}
@keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media all and (min-width: 961px) {
#evt-countdown.play .countdownBox-value ul li.before .up .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
animation: show .25s linear both;
-moz-animation: show .25s linear both;
-ms-animation: show .25s linear both;
-o-animation: show .25s linear both;
-webkit-animation: show .25s linear both;
}
#evt-countdown.play .countdownBox-value ul li.active .up .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
animation: hide .25s .15s linear both;
-moz-animation: hide .25s .15s linear both;
-ms-animation: hide .25s .15s linear both;
-o-animation: hide .25s .15s linear both;
-webkit-animation: hide .25s .15s linear both;
}
/*DOWN*/
#evt-countdown.play .countdownBox-value ul li.before .down .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
animation: show .25s linear both;
-moz-animation: show .25s linear both;
-ms-animation: show .25s linear both;
-o-animation: show .25s linear both;
-webkit-animation: show .25s linear both;
}
#evt-countdown.play .countdownBox-value ul li.active .down .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
animation: hide .25s .15s linear both;
-moz-animation: hide .25s .15s linear both;
-ms-animation: hide .25s .15s linear both;
-o-animation: hide .25s .15s linear both;
-webkit-animation: hide .25s .15s linear both;
}
}
/* ==================== Event Hospitality ==================== */
.event-hospitality table {
margin-top: 0.5em;
margin-bottom: 1em;
}
.event-hospitality table td a {
text-transform: uppercase;
}
.event-hospitality table a span {
float: left;
}
textarea#comments {
height: 190px;
}
/* ==================== Event Garage Access/Bronze Badge ==================== */
.callout {
background-color: #e1dfda;
}
.callout p:first-child {
margin-top: 1em;
}
/* ==================== Event Moto GP Ticket Tiers ==================== */
.callout.t-bg-n {
color: white;
font-size: 1.125em;
font-weight: bold;
}
/****************************************
STATE
****************************************/
/****************************************
THEME
****************************************/
.evt-content-area {
background-color: #ffffff;
}
.evt-sponsors {
background-color: #e9e9e9;
}
/****************************************
RESPONSIVE
****************************************/
@media all and (max-width: 980px) and (min-width: 768px) {
}
@media all and (max-width: 768px) and (min-width: 480px) {
}
@media all and (max-width: 480px) {
}
@media all and (max-width: 320px) {
}
/****************************************
EVENT PAGE - LAYOUTS
-- may need to be less global BEM if these will always be events only --
-- if not in time these can be pulled into a more global stylesheet --
****************************************/
.section {
margin: 0 0 6px;
}
.flex-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.flex-col {
padding: 0 8px;
width: 100%;
}
.flex-col--main {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-col--aside {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (min-width:48em) {
.section {
margin: 0 0 15px;
max-height: 500px;
/*overflow: hidden;*/
}
.flex-row--nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-col--main {
width: auto;
}
.flex-col--aside {
width: 340px;
min-width: 340px;
}
}
@media (min-width:48em) {
.split-col {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.split--first {
position: relative;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.split--first .widget {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.split--last {
-webkit-flex-shrink: 0;
-ms-flex-negative: 1;
flex-shrink: 0;
}
}
/****************************************
EVENT PAGE - MODULES/WIDGETS
-- may need to be less global BEM if these will always be events only --
-- if not in time these can be pulled into a more global stylesheet --
****************************************/
/********* GLOBALS *********/
.svg-legend {
position: absolute;
top: -9999em;
left: -9999em;
width: 0;
height: 0;
overflow: hidden;
}
.svg-icon {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
/* Images */
.image--bg {
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
-webkit-transition: opacity 0.3s ease-in-out 0.3s;
transition: opacity 0.3s ease-in-out 0.3s;
}
.image--bg.not-loaded {
background-image: none !important;
opacity: 0 !important;
}
.media--date {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 700;
line-height: .9em;
text-transform: uppercase;
}
/* VIDEO */
.video--bg {
display: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Titles */
.event-page .title {
font-family: "Teko", sans-serif !important;
font-weight: 400;
}
.title__image, .main-callout__title img {
display: block;
margin: 0 auto 5px;
}
/* ANIMATIONS */
@-webkit-keyframes loader {
0%,100% {
box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em;
}
75% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0;
}
87.5% {
box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;
}
}
@keyframes loader {
0%,100% {
box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em;
}
75% {
box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0;
}
87.5% {
box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;
}
}
/********* GLOBAL ITEM *********/
.event-page .item__title {
text-transform: uppercase;
}
.event-page .item__title .subtitle {
display: block;
text-transform: none;
}
/********* GLOBAL WIDGET *********/
/* Widget - potentially colors, etc. could be pulled out to event-page or .widget--theme-color options */
.widget {
position: relative;
z-index: 5;
border: 1px solid #ccc;
background-color: #fff;
}
.flex-row .widget {
margin-bottom: 6px;
}
.flex-col:last-child:not(.flex-col--aside) .widget {
margin-bottom: 0;
}
.widget ul, .widget li {
margin: 0;
padding: 0;
list-style: none;
}
.widget a {
color: #d91f29;
}
.widget a:hover, .widget a:focus {
color: #172a50;
fill: #172a50;
}
.widget__header {
padding: 25px 0;
overflow: hidden;
}
.widget__header a {
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.widget__header a:after,
.event-page .widget__header a:after {
display: none;
}
.widget__header .svg-icon {
font-size: 60px;
}
.widget__title a {
margin: 0 .3em;
font-size: .85em;
color: #fff;
}
.widget__title a:hover,
.widget__title a:focus {
color: #172a50;
}
.widget__title a + a {
margin-left: .1em;
}
.widget__title .svg-icon {
font-size: .8em;
}
.widget__title {
display: inline-block;
position: relative;
z-index: 5;
width: 58%;
max-width: 400px;
margin: 0;
padding: 7px 20px 0;
font-size: 32px;
line-height: 1;
font-weight: 400;
font-family: "Teko", sans-serif;
vertical-align: middle;
text-transform: uppercase;
white-space: nowrap;
color: #fff;
background: #d91f29;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.widget__title:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: -27px;
right: -27px;
background-color: #d91f29;
-webkit-transform: translateX(0) skew(-24deg);
-ms-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.widget__title:after {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 100%;
margin-left: 32px;
border: 5px solid #d91f29;
border-top: 0;
border-bottom: 0;
width: 15px;
-webkit-transform: translateX(0) skew(-24deg);
-ms-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget__content {
position: relative;
padding: 18px 20px;
color: #010101;
-webkit-transition: opacity 0.3s ease-in-out 0.3s;
transition: opacity 0.3s ease-in-out 0.3s;
z-index: 0;
}
.widget__content h1, .widget__content h2, .widget__content h3 {
color: inherit;
}
.widget__content .item__title {
margin: 0 0 .4em;
font-family: "Roboto", sans-serif;
font-size: 1.125em;
line-height: 1;
}
.widget__content .item__title sup {
top: -.6em;
font-size: .52em;
}
.widget__content .item__title .subtitle {
margin-top: .4em;
font-size: 14px;
font-weight: 400;
}
.widget__content .link-list {
font-size: 1em;
}
.widget__content .link-list li {
margin-bottom: .5em;
}
.widget__content .link-list a:after {
top: 0;
}
/* fix from other general styles */
#content .widget__content .link-list {
margin-bottom: 0;
}
/* end fix from other general styles */
.widget__content .link-list a {
font-weight: 400;
font-size: 16px;
}
.widget__content .media,
.widget__content .media .image--bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.widget__footer {
position: relative;
padding: 0 18px 24px;
text-align: center;
}
.widget__footer a {
font-size: 16px;
}
/* Added for purchase widget */
.purchase__widget .widget__content {
min-height: 150px;
}
@media (min-width: 64em) {
.purchase__widget .widget__footer {
padding: 0 40px 24px;
}
}
.qty-row {
float: left;
}
.qty-row label {
float: left;
font-weight: bold;
padding-top: 15px;
padding-right: 10px;
font-size: 16pt;
display: none;
}
.qty-row input {
background: white;
font-size: 16pt;
font-weight: bold;
text-align: center;
padding: 5px 5px;
margin: 10px 5px;
border: solid thin;
width: 45px;
display: inline;
vertical-align: bottom;
}
.qty-row .button {
margin: 2px 0 0 5px;
text-indent: -9999px;
cursor: pointer;
width: 50px;
height: 50px;
padding: 0;
text-align: center;
background: url(/images/ims/buttons-50px.png) no-repeat;
display: inline-block;
}
.qty-row .button.dec {
background-position: 0 -50px;
margin: 2px 5px 0 0;
}
.add-to-cart {
cursor: pointer;
}
@media (max-width: 43.749em) {
.qty-row {
padding: 15px 50px;
width: 100%;
}
}
/* End Purchase widget */
.not-animated .widget__title {
opacity: 0;
}
.not-animated .widget__title:before {
-webkit-transform: translateX(-120%) skew(-24deg);
-ms-transform: translateX(-120%) skew(-24deg);
transform: translateX(-120%) skew(-24deg);
}
.not-animated .widget__title:after {
width: 0;
-webkit-transform: translateX(-500px) skew(-24deg);
-ms-transform: translateX(-500px) skew(-24deg);
transform: translateX(-500px) skew(-24deg);
}
.not-animated .widget__content {
opacity: 0;
}
@media (min-width:23.125em) {
.widget__content .link-list li {
display: inline-block;
padding-right: 8px;
margin-bottom: 0;
}
}
@media (min-width:40em) {
.widget__content .link-list {
font-size: 16px;
}
}
@media (min-width:48em) {
.flex-row .widget {
margin-bottom: 0;
}
.split-col .widget {
margin-bottom: 15px;
}
.split--first:last-child .widget {
margin-bottom: 0;
}
.flex-col--aside .widget__title {
padding-left: 35px;
padding-right: 20px;
}
.widget__title:after {
margin-left: 35px;
border-left-width: 9px;
border-right-width: 9px;
width: 26px;
}
.widget__footer .event-btn {
font-size: 40px;
}
}
@media (min-width:64em) {
.widget__title {
padding: 12px 53px 5px;
}
.widget__title .svg-icon {
font-size: .7em;
}
.widget__content {
padding: 18px 53px;
}
.widget__footer {
padding: 0 53px 24px;
}
}
/********* SPECIFIC MODULES *********/
/* Main Callout */
.main-callout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
background-color: #000;
max-height: 500px;
overflow: hidden;
z-index: 0;
}
.main-callout__media, .main-callout__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
max-height: 500px;
}
.landing-header .main-callout__media, .landing-header .main-callout__image {
max-height: 350px;
}
.main-callout__media {
z-index: 1;
opacity: .5;
}
.main-callout__content {
position: relative;
z-index: 5;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 25px 20px;
min-height: 232px;
color: #fff;
}
.main-callout__title,
.main-callout__subheading,
.main-callout__buttons,
.main-callout__countdown {
display: block;
margin: 0 auto;
width: 100%;
max-width: 1016px;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.main-callout .main-callout__title {
font-family: inherit;
}
.main-callout__title {
font-size: 27px;
text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 80px #000;
}
.main-callout__title strong {
font-size: 38px;
font-weight: 400;
}
.event-page .main-callout__title img,
.main-callout__title .title__image {
max-width: 280px !important;
}
.event-page .landing-header .main-callout__title img, .landing-header .main-callout__title .title__image {
max-height: 120px;
}
@media (max-width: 767px) {
.event-page .main-callout__title img, .main-callout__title .title__image {
max-width: 170px !important;
}
.event-page .landing-header .main-callout__title img, .landing-header .main-callout__title .title__image {
max-height: 100px;
}
.landing-header .main-callout__title .title__image + .title__text {
font-size: 24pt;
}
}
.main-callout__title .title__image + .title__text {
display: block;
margin-top: .4em;
}
.main-callout__subheading {
margin-top: .6em;
margin-bottom: .5em;
text-transform: none;
}
.event-page .main-callout__subheading {
font-size: 15px;
}
.main-callout__buttons {
margin: 1em auto 1em;
}
.main-callout__buttons .event-btn {
margin: 0 8px;
}
.event-page .main-callout__buttons .event-btn {
font-size: 16px;
}
.main-callout__countdown {
margin: 1em auto 1em;
}
.main-callout__countdown .countdown-clock {
/* width: 20%; */
margin: 0 auto;
/* display: grid; */
/* grid-template-columns: auto auto auto auto; */
/* grid-column-gap: 45px;*/
}
.main-callout__countdown .countdown-clock div {
width: 120px;
max-width: 120px;
font-family: 'Teko', sans-serif;
font-size: 30pt;
line-height: 0.6em;
border-right: 2px solid;
padding: 0 30px;
display: inline-block;
text-align: center;
}
.main-callout__countdown .countdown-clock div:last-child {
border: none;
}
.main-callout__countdown .countdown-clock div span {
font-size: 16pt;
padding: 0;
margin: 0;
display: block;
}
@media (max-width:500px) {
.main-callout__countdown .countdown-clock div {
width: 70px;
max-width: 70px;
font-size: 25pt;
line-height: 0.7em;
padding: 0 15px;
}
.main-callout__countdown .countdown-clock div.wide {
width: 90px;
max-width: 90px;
}
.main-callout__countdown .countdown-clock div span {
font-size: 12pt;
}
}
.main-callout--image-only .main-callout__media {
position: relative;
width: 100%;
height: 0;
padding-top: 49.219%;
}
.main-callout--image-only .main-callout__content {
position: absolute;
width: 1px;
height: 1px;
min-height: 0;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
@media (min-width:60em) {
.main-callout {
height: 0;
overflow: hidden;
padding-top: 73px;
max-height: 500px;
height: 500px;
}
.landing-header {
max-height: 350px;
overflow: hidden;
}
.main-callout__content {
position: absolute;
top: 50%;
left: 50%;
padding: 35px;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 500px;
}
.landing-header .main-callout__content {
top: 28%;
}
.main-callout__title {
font-size: 60px;
}
.event-page .main-callout__title img,
.main-callout__title .title__image {
max-width: 380px !important;
}
.landing-header .main-callout__title .title__image + .title__text {
font-size: 38pt;
}
.event-page .main-callout__subheading {
font-size: 22px;
}
.event-page .landing-header .main-callout__subheading {
font-size: 25pt;
margin: 10px 0;
}
.event-page .main-callout__buttons .event-btn {
min-width: 230px;
font-size: 22px;
}
.main-callout--image-only .main-callout__media {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
height: auto;
}
}
@media (min-width:40em) {
.event-page .main-callout__title img,
.main-callout__title .title__image {
max-width: 200px !important;
}
.main-callout__title {
font-size: 40px;
}
.main-callout__title strong {
font-size: 54px;
}
}
/* Alert Boxes */
.alert-box {
color: #fff;
background-color: #d91f29;
text-align: center;
}
.alert-box a {
color: #fff;
}
.alert-box__content {
position: relative;
z-index: 5;
overflow: hidden;
}
.alert-box__title {
margin: 0;
padding: 0;
font-size: 1em;
font-family: "Roboto", sans-serif;
}
.alert-box__title .title__link {
display: block;
padding: 20px 60px;
}
.alert-box__title .title__link:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
bottom: 0;
width: 80%;
margin-left: -40px;
background-color: #172a50;
-webkit-backface-visibility: hidden;
box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 9 0 0 0 #d91f29, 9 0 0 0 #172a50;
-webkit-transform: translateX(-100%) skew(-24deg);
-ms-transform: translateX(-100%) skew(-24deg);
transform: translateX(-100%) skew(-24deg);
-webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
}
.alert-box__title .title__link:hover:before,
.alert-box__title .title__link:focus:before {
box-shadow: 0 0 0 9px #d91f29, 9px 0 0 9px #172a50, 18px 0 0 9px #d91f29, 27px 0 0 9px #172a50;
-webkit-transform: translateX(10px) skew(-24deg);
-ms-transform: translateX(10px) skew(-24deg);
transform: translateX(10px) skew(-24deg);
}
.alert-box__title .title__link:after {
display: none;
}
.alert-box__title .title__text-wrap {
margin: 0 auto;
padding: 0 8px;
max-width: 1032px;
}
.alert-box__title .title__description {
font-weight: 400;
line-height: 1.2;
}
.alert-box__title .faux-link {
font-weight: 700;
}
.alert-box__title .faux-link:before {
content: "|";
display: none;
padding-right: .65em;
margin-left: .5em;
}
.faux-link:after {
content: "\00BB";
display: inline-block;
vertical-align: top;
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
a:hover .faux-link:after,
a:focus .faux-link:after {
-webkit-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px);
}
/*@media (min-width:48em) {
.alert-box__title { font-size:28px; }
}*/
@media (min-width:70em) {
.alert-box {
text-align: left;
}
.alert-box__title .faux-link,
.alert-box__title .faux-link:before {
display: inline;
}
}
/* EVENTS w/ Ticket Callouts */
.events__widget .widget__content {
padding-top: 0;
}
.listing + .listing {
padding-top: 25px;
}
.listing__title {
margin: .1em 0 .6em;
font-family: "Teko", sans-serif;
font-size: 32px;
font-weight: normal;
text-transform: uppercase;
}
.listing__footer {
padding: 20px;
text-align: center;
}
.listing__footer a {
text-transform: uppercase;
}
#content .event-list {
margin: 0;
}
.event-list__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.event-list li:last-child .event-list__item {
margin-bottom: 0;
}
.event-list__item .item__media {
margin-right: 8px;
width: 110px;
color: #fff;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.event-list__item .media--date,
.event-list__item .image--bg {
height: 75px;
font-size: 25px;
}
.event-list__item .item__content {
padding: 0 12px;
}
.cta__widget {
min-height: 150px;
}
.cta__widget .widget__header {
min-height: 220px;
}
.cta__widget .widget__content {
position: static;
}
.cta__widget .widget__footer {
position: absolute;
bottom: 30px;
right: 0;
left: 0;
padding: 0;
}
.cta__widget .widget__footer .event-btn {
margin-bottom: 0;
}
@media (min-width:40em) {
.grouping .event-list__item .item__media {
width: 150px;
}
.event-list__item .media--date,
.grouping .event-list__item .image--bg {
height: 100px;
font-size: 30px;
}
}
@media (min-width:48em) {
.events__widget .widget__description {
margin-bottom: 1.5em;
font-size: 14px;
}
.cta__widget .widget__header {
min-height: 250px;
}
}
@media (min-width:48em) and (max-width:63.9em) {
.event-list__item .item__title {
font-size: 20px;
}
.event-list__item .link-list {
font-size: 19px;
}
.events__widget .widget__footer a {
font-size: 24px;
}
}
@media (min-width:64em) {
.events__widget .grouping {
position: relative;
overflow: hidden;
}
.events__widget .listing {
position: relative;
float: left;
padding-right: 10px;
padding-bottom: 45px;
width: 50%;
padding-top: 0;
}
.events__widget .listing:nth-child(even) {
padding-left: 30px;
}
.events__widget .listing:nth-child(even):before {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 0;
top: 0;
background-color: #333;
}
.events__widget .listing__content {
position: relative;
}
.events__widget .listing__footer {
position: absolute;
left: 0;
bottom: 5px;
width: 100%;
}
#content .event-list {
margin-bottom: 1.4em;
}
.event-list__item .item__media {
width: 150px;
}
.event-list__item .image--bg {
height: 100px;
}
.cta__widget {
min-height: 290px;
}
.cta__widget .widget__footer {
text-align: right;
}
}
@media (min-width:64em) and (max-width:69.9em) {
.grouping .event-list__item .item__media {
width: 110px;
}
.grouping .event-list__item .media--date,
.grouping .event-list__item .image--bg {
height: 75px;
font-size: 25px;
}
}
@media (min-width:70em) {
.events__widget .listing:nth-child(even) {
padding-left: 40px;
}
.events__widget .listing:nth-child(even) .listing__content:before {
left: -42px;
}
}
/* Newsletter */
.newsletter {
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
padding: 20px;
min-height: 278px;
text-align: center;
color: #fff;
background-color: #d91f29;
background: -moz-radial-gradient(center, ellipse cover, #d91f29 22%, #4b0b13 100%);
background: -webkit-radial-gradient(center, ellipse cover, #d91f29 22%,#4b0b13 100%);
background: radial-gradient(ellipse at center, #d91f29 22%,#4b0b13 100%);
}
.newsletter__content p {
text-transform: uppercase;
}
.newsletter__title {
margin: 0;
font-family: "Teko", sans-serif;
font-size: 30px;
}
.newsletter__form {
margin: 0 auto;
max-width: 570px;
}
.newsletter__form .row {
margin: 0 -7px;
}
.newsletter__form .row [class*=col-] {
padding: 0 7px;
}
.newsletter__form .input-group {
position: relative;
}
.newsletter__form input:not([type=submit]),
.newsletter__form select,
.newsletter__form textarea {
margin: 0 0 14px;
padding: 5px 14px 2px;
width: 100%;
font-size: 16px;
font-family: "Teko", sans-serif;
background-color: #fff;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.newsletter__form input:not([type=submit]):hover,
.newsletter__form input:not([type=submit]):focus,
.newsletter__form select:hover,
.newsletter__form select:focus,
.newsletter__form textarea:hover,
.newsletter__form textarea:focus {
box-shadow: 6px 6px 0 3px rgba(0, 0, 0, .5);
}
.newsletter__form input:not([type=submit]),
.newsletter__form select {
text-transform: uppercase;
line-height: 36px;
height: 40px;
}
.newsletter__form input[type=submit] {
position: absolute;
right: 0;
top: 1px;
border: 4px solid #fff;
padding: 4px 10px 0;
height: 38px;
font-family: "Teko", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
cursor: pointer;
color: #fff;
background-color: #d91f29;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.newsletter__form input[type=submit]:hover,
.newsletter__form input[type=submit]:focus {
background-color: #172a50;
}
.newsletter__content #success {
font-weight: bold;
font-family: "Teko", sans-serif;
text-transform: uppercase;
font-size: 24pt;
font-style: italic;
}
@media (min-width:48em) {
.newsletter {
min-height: 320px;
}
.newsletter__content {
font-size: 18px;
}
.newsletter__title {
font-size: 60px;
}
.newsletter__form input:not([type=submit]),
.newsletter__form select,
.newsletter__form textarea {
font-size: 37px;
padding: 5px 25px;
}
.newsletter__form input:not([type=submit]),
.newsletter__form select {
text-transform: uppercase;
line-height: 60px;
height: 70px;
}
.newsletter__form input[type=submit] {
border-width: 6px;
line-height: 56px;
height: 68px;
font-size: 38px;
}
}
/* Separator Title */
.separator-title {
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
padding: 20px;
min-height: 100px;
text-align: center;
color: #fff;
background-color: #d91f29;
background: -moz-radial-gradient(center, ellipse cover, #d91f29 22%, #4b0b13 100%);
background: -webkit-radial-gradient(center, ellipse cover, #d91f29 22%,#4b0b13 100%);
background: radial-gradient(ellipse at center, #d91f29 22%,#4b0b13 100%);
}
.separator-title__content p {
text-transform: uppercase;
}
.separator-title__title {
margin: 0;
font-family: "Teko", sans-serif;
font-size: 30px;
}
@media (min-width:48em) {
/*.separator-title {
min-height: 320px;
}*/
.separator-title__content {
font-size: 18px;
}
.separator-title__title {
font-size: 60px;
}
}
/* CALLOUTS / GROUP CALLOUTS */
.grouping {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grouping__callout {
margin-top: 2px;
width: 100%;
}
.grouping__callout:first-child {
margin-top: 0;
}
.grouping--vertical {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.grouping--vertical .grouping__callout {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.callout {
display: block;
position: relative;
min-height: 110px;
background-color: #c7c7c7;
overflow: hidden;
}
.event-page a.callout:after {
display: none;
}
.callout__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: 0 50%;
-webkit-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out 0.15s;
transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out 0.15s;
}
.sales-landing .callout__image.image--bg.image--large {
background-position: top center;
background-size: auto;
}
.callout__content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
right: 0;
width: 150px;
text-align: center;
color: #fff;
background-color: #3b3b3b;
-webkit-transition: all 0.3s ease-in-out 0.15s;
transition: all 0.3s ease-in-out 0.15s;
}
.callout__content.theme-color-01 {
background-color: #d91f29
}
.callout__content.theme-color-02 {
background-color: #c59332;
}
.callout__content.theme-color-03 {
background-color: #505050;
}
.callout__content.theme-color-04 {
background-color: #0074b7;
}
.callout__content.theme-color-05 {
background-color: #23487c;
}
.callout__content.theme-color-06 {
background-color: #3b3b3b;
}
.callout__title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 10px;
margin: 0 auto;
width: 150px;
text-align: center;
font-family: "Teko", sans-serif;
font-size: 30px;
text-transform: uppercase;
line-height: .9;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.callout:hover .callout__image:not(.image--small),
.callout:focus .callout__image:not(.image--small) {
background-position: -35% 50%;
}
.callout.sales-landing:hover .callout__image:not(.image--small),
.callout.sales-landing:focus .callout__image:not(.image--small) {
background-position: top;
}
.callout:hover .callout__content,
.callout:focus .callout__content {
width: 100%;
opacity: .9;
}
.callout__subtitle {
border-top: 2px solid #fff;
padding: 5px;
text-transform: uppercase;
}
.callout__subtitle:after,
.callout--portrait .callout__title:after {
content: "\00BB";
vertical-align: top;
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.callout--portrait .callout__title {
font-size: 16px;
}
.callout--landscape:nth-child(odd) {
background-color: #dedede;
}
@media (min-width:25em) and (max-width:43.75em) {
.callout {
min-height: 190px;
}
}
@media (max-width:43.749em) {
.callout__media .image--large {
background: none !important;
}
}
@media (min-width:43.75em) {
.grouping--3, .grouping--4 {
margin: 0 -8px;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.grouping--3 > .grouping__callout {
margin: 0 8px;
width: 33.33%;
}
.grouping--4 > .grouping__callout {
margin: 0 5px;
width: 24%;
}
.grouping--3 > .grouping__callout.sales-landing, .grouping--3 > .grouping__callout.sales-landing {
max-height: 250px;
}
.grouping--vertical > .grouping__callout + .grouping__callout {
margin-top: 16px;
}
.grouping__callout {
margin-top: 0;
}
.callout {
min-height: 0;
}
.callout__media .image--small {
background: none !important;
}
.callout__content {
width: 103px;
}
.callout__title {
line-height: .8;
width: 103px;
}
.callout--portrait .callout__media {
display: block;
position: relative;
z-index: 1;
height: 0;
padding-top: 144.712%;
overflow: hidden;
}
.callout--portrait .callout__image {
background-position: 50% 50%;
}
.callout--portrait .callout__content {
left: 0;
width: auto;
font-size: 30px;
background: none;
}
.callout--portrait .callout__content:after {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(5,12,50,0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.callout--portrait .callout__title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 10px 12px;
width: 100%;
font-size: 30px;
line-height: 1;
background: rgba(5,12,50,.7);
}
.callout--portrait .callout__title:after {
display: none;
}
.callout--portrait:hover .callout__content:after,
.callout--portrait:focus .callout__content:after {
background: rgba(5,12,50,.6);
}
.callout--portrait:hover .callout__title,
.callout--portrait:focus .callout__title {
bottom: 50%;
background: rgba(5,12,50,0);
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
}
@media (min-width:43.75em) {
.callout__title {
font-size: 30px;
}
}
@media (min-width:48em) {
.callout--portrait .callout__title {
font-size: 45px;
}
}
@media (min-width:64em) {
.callout__title {
font-size: 45px;
}
.callout--portrait .callout__content {
font-size: 70px;
}
}
/* NEWS WIDGET */
.news__widget .widget__content {
padding: 0;
}
.news__widget .news__featured {
padding: 0 20px 20px;
width: 100%;
}
.news__widget .item__footer,
.news__widget .list__footer {
font-size: 16px;
text-align: center;
}
.news__featured {
margin: 0 auto;
max-width: 677px;
}
.news__featured .item__media {
position: relative;
display: block;
margin: 0 0 20px;
padding-top: 50%;
height: 0;
overflow: hidden;
}
.news__featured .image--bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.news__featured .item__content p {
font-size: 14px;
}
.news__widget .news__list {
border-top: 1px solid #ccc;
padding: 20px;
background: #fff;
}
#content .news__list ul {
margin: 0;
}
.news__list li {
position: relative;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.news__list li.active {
z-index: 10;
}
.news__list.js-opened-item li {
opacity: .6;
}
.news__list.js-opened-item li.active {
opacity: 1;
}
.news__list .item-expander {
display: block;
padding: 10px 0;
line-height: 1.4;
color: #333;
}
.news__list .item-expander:hover,
.news__list .item-expander:focus {
color: #d91f29;
}
.news__list .item--expandable {
position: absolute;
z-index: 5;
bottom: 0;
left: -20px;
right: -20px;
overflow: hidden;
}
.news__list li:first-child .item-expander {
padding-top: 0;
}
.news__list li:first-child .item--expandable,
.news__list li:first-child + li .item--expandable,
.news__list li:first-child + li + li .item--expandable {
top: -20px;
bottom: auto;
}
.news__list .item--expandable:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
width: 0;
border-right: 6px solid #d91f29;
background-color: #172a50;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
}
.news__list .item--expandable .item {
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.news__list .active .item--expandable:before {
width: 100%;
}
.news__list .active .item--expandable .item {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out 0.2s;
transition: opacity 0.3s ease-in-out 0.2s;
}
.news__list .item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 15px 10px 10px 15px;
overflow: hidden;
color: #fff;
}
.news__list .item__media {
float: left;
margin: 0 10px 20px 0;
}
.news__list .item__header {
margin-bottom: 10px;
}
.news__list .item__title {
margin: 0;
font-size: 14px;
line-height: 1.2;
color: #fff;
}
.news__list .item__content {
clear: left;
width: 100%;
font-size: 12px;
}
.news__list .item__content a {
text-transform: uppercase;
}
.news__list .item__content a:before {
content: "|";
padding: 0 .5em 0 .3em;
color: #fff;
}
.news__list .item__content p {
margin: 0;
}
.news__list .item__content p + p {
margin-top: 1em;
padding-right: 40px;
}
.news__list .image--bg {
width: 95px;
height: 48px;
background-size: contain;
}
.news__list .item a {
color: #fff;
}
.news__list .btn--close {
position: absolute;
bottom: 10px;
right: 20px;
border-radius: 50%;
border: 1px solid currentColor;
padding: 0;
width: 16px;
height: 16px;
font-weight: 700;
cursor: pointer;
background: none;
color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.news__list .btn--close:hover,
.news__list .btn--close:focus {
color: #d91f29;
}
.news__list .btn--close:before,
.news__list .btn--close:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 10px;
background-color: currentColor;
}
.news__list .btn--close:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.news__list .btn--close:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width:23.125em) {
.news__list .item__header {
width: 58%;
}
}
@media (min-width:48em) {
.news__widget .news__list {
padding: 30px 50px;
}
.news__list .item-expander {
padding: 10px 0;
font-size: 14px;
}
.news__list .item--expandable {
left: -50px;
right: -50px;
}
}
@media (min-width:64em) {
.news__widget {
border: 0;
background: transparent;
}
.news__widget .widget__header {
position: absolute;
top: 0;
left: 0;
width: 50%;
}
.news__widget .widget__content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.news__widget .news__featured,
.news__widget .news__list {
position: relative;
border: 1px solid #ccc;
padding: 30px 30px 40px;
vertical-align: top;
background: #fff;
}
.news__widget .news__featured {
margin-left: 0;
margin-right: 20px;
padding-top: 108px;
}
.news__widget .news__list {
width: 31.5%;
}
.news__widget .item__footer,
.news__widget .list__footer {
position: absolute;
bottom: 24px;
left: 0;
right: 0;
font-size: 1em;
}
.news__list .list__footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
text-align: center;
}
.news__list .item--expandable {
left: -30px;
right: -30px;
}
.news__list li:first-child .item--expandable,
.news__list li:first-child + li .item--expandable,
.news__list li:first-child + li + li .item--expandable {
top: -30px;
}
.news__list .item__header {
width: 62%;
}
}
/* FULL WIDTH CALLOUT */
.full-callout {
position: relative;
z-index: 5;
background-color: #c7c7c7;
}
.full-callout__media, .full-callout__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.full-callout__content {
padding-top: 30px;
min-height: 278px;
}
.full-callout__title {
margin: 0;
padding: 15px;
text-align: center;
background: rgba(23, 42, 80,.89);
}
.full-callout__title a {
display: block;
color: #fff;
}
.event-page .full-callout__title a:after {
display: none;
}
.full-callout__title .title {
display: block;
font-size: 46px;
line-height: 1;
}
.full-callout__title .subtitle {
display: inline-block;
position: relative;
font-weight: 400;
top: -.3em;
margin-top: -.5em;
padding: 0 35px;
line-height: 1;
font-size: .8em;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.full-callout__title .subtitle:before,
.full-callout__title .subtitle:after {
content: " ";
position: absolute;
top: 50%;
width: 25px;
height: 4px;
background-color: #fff;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.full-callout__title .subtitle:before {
left: 0;
}
.full-callout__title .subtitle:after {
right: 0;
}
.full-callout__title a:hover .subtitle,
.full-callout__title a:focus .subtitle {
color: #d91f29;
}
.full-callout__title a:hover .subtitle:before,
.full-callout__title a:focus .subtitle:before,
.full-callout__title a:hover .subtitle:after,
.full-callout__title a:focus .subtitle:after {
width: 0;
background-color: #d91f29;
}
@media (min-width:23.125em) {
.full-callout__title .title {
font-size: 52px;
}
}
@media (min-width:40em) {
.full-callout__content {
min-height: 416px;
}
.full-callout__title .title {
font-size: 80px;
}
.full-callout__title .subtitle {
top: 0;
font-size: 35px;
}
}
@media (min-width:64em) {
.full-callout__content {
padding-top: 68px;
min-height: 567px;
}
.full-callout__title {
padding: 30px;
}
.full-callout__title .title {
font-size: 150px;
}
.full-callout__title .subtitle {
padding: 0 115px;
font-size: 56px;
}
.full-callout__title .subtitle:before,
.full-callout__title .subtitle:after {
width: 104px;
}
}
/* MEDIA SOCIAL WALL */
.feeds__widget .widget__title {
display: block;
margin-bottom: 1em;
}
.feeds__widget .widget__content {
position: relative;
min-height: 400px;
}
.feeds__widget .widget__content:before {
content: " ";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
border-radius: 50%;
margin: -.5em 0 0 -.5em;
width: 1em;
height: 1em;
-webkit-animation: loader 1.3s infinite linear;
animation: loader 1.3s infinite linear;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.feeds__widget .widget__content.no-items:before {
opacity: 0;
}
#mediawall {
display: none;
background: #fff;
}
.no-items #mediawall .social-wall {
margin: 0;
}
.social-wall {
position: relative;
margin: 0 -18px;
}
.social-wall .slick-slider {
min-height: 200px;
}
.social-wall__previous,
.social-wall__next {
display: none;
position: absolute;
z-index: 20;
top: 0;
left: 0;
border: 0;
width: 84px;
height: 100%;
background: rgba(255,255,255,.6);
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-wall__next {
left: auto;
right: 0;
}
.social-wall__previous:hover,
.social-wall__previous:focus,
.social-wall__next:hover,
.social-wall__next:focus {
width: 104px;
background: rgba(255,255,255,.85);
}
.social-wall__previous:before,
.social-wall__previous:after,
.social-wall__next:before,
.social-wall__next:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
background-color: #172a50;
width: 67px;
height: 20px;
border-radius: 20px;
-webkit-backface-visibility: hidden;
}
.social-wall__previous:before {
margin-top: -18px;
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}
.social-wall__previous:after {
margin-top: 18px;
-webkit-transform: translate(-50%, -50%) rotate(-135deg);
-ms-transform: translate(-50%, -50%) rotate(-135deg);
transform: translate(-50%, -50%) rotate(-135deg);
}
.social-wall__next:before {
margin-top: -18px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.social-wall__next:after {
margin-top: 18px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.social-wall .social-wall__item:after {
display: none;
}
.social-wall .social-wall__item img {
width: auto !important;
height: 200px !important;
}
.social-wall__listing .social-wall__item {
margin: 0 8px;
float: left;
}
.social-wall__listing + .social-wall__listing {
margin-top: 16px;
}
.social-wall__listing + .social-wall__listing .social-wall__item {
margin: 0 4px;
}
@media (max-width:28em) {
.feeds__widget .widget__title {
width: 72%;
}
}
@media (min-width:40em) {
.feeds__widget .widget__title {
display: inline-block;
margin-bottom: 0;
}
.feeds__widget .widget__title + a {
margin-left: 100px;
}
.social-wall__previous,
.social-wall__next {
display: block;
}
.social-wall .social-wall__item img {
width: auto !important;
height: 345px !important;
}
}
@media (min-width:64em) {
.social-wall {
margin: 0 -53px;
}
}
/****************************************
EVENT PAGE - THEMING
****************************************/
/* TEMP FIXES for nav alignment - until new nav exists */
#logo img {
width: 104px;
}
#header {
-webkit-backface-visibility: hidden;
}
@media (min-width:960px) {
#container-menu {
width: auto !important;
}
#submenu-events > li > a {
table-layout: fixed;
}
#submenu-events > li > a > span.sub-evt-icn img {
max-width: 100% !important;
height: auto !important;
}
}
.event-page {
margin: -10px 0;
font-size: 16px;
overflow-x: hidden;
font-family: "Roboto", sans-serif;
background: #f5f5f5;
}
.event-page img {
max-width: 100% !important;
height: auto !important;
}
.event-page .dfp-ad {
margin: 0 0 6px;
}
.event-page .split--last .dfp-ad {
margin-bottom: 0;
}
.event-page .dfp-ad div {
padding-top: 0 !important;
}
.event-page .dfp-ad img {
max-width: none !important;
}
.event-page a,
.event-page input[type=submit] {
-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.event-page a:after {
content: "\00BB";
display: inline-block;
position: relative;
top: -.1em;
vertical-align: top;
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.event-page a:hover:after,
.event-page a:focus:after {
-webkit-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px);
}
.event-page a.no-a-style {
color: #000 !important;
}
.event-page a.no-a-style:after {
content: none;
}
.event-page a.no-a-style:hover {
color: #000 !important;
}
.event-page p {
font-size: 1em;
line-height: 1.3;
}
.event-page .event-btn {
display: inline-block;
position: relative;
z-index: 5;
margin-bottom: .5em;
padding: 15px;
overflow: hidden;
font-family: "Roboto", sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
color: #fff;
background-color: #d91f29;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
}
.event-page .event-btn:hover,
.event-page .event-btn:focus {
background-color: #c12436;
color: #fff;
}
/* .event-page .event-btn:before {
content: " ";
z-index: -1;
position: absolute;
top: -1px;
left: 0;
height: 105%;
width: 80%;
margin-left: -30px;
background-color: #172a50;
box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(-100%) skew(-24deg);
-ms-transform: translateX(-100%) skew(-24deg);
transform: translateX(-100%) skew(-24deg);
-webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
}
.event-page .event-btn:hover:before,
.event-page .event-btn:focus:before {
box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
-webkit-transform: translateX(10px) skew(-24deg);
-ms-transform: translateX(10px) skew(-24deg);
transform: translateX(10px) skew(-24deg);
} */
.event-page .event-btn:after {
position: relative;
top: -.05em;
}
.event-page .event-btn--alternate {
background-color: #c59232;
}
.event-page .event-btn--alternate:before {
background-color: #d91f29;
box-shadow: 0 0 0 0 #c59232, 0 0 0 0 #d91f29, 8px 0 0 0 #c59232, 8px 0 0 0 #d91f29;
}
.event-page .event-btn--alternate:hover:before,
.event-page .event-btn--alternate:focus:before {
box-shadow: 0 0 0 5px #c59232, 5px 0 0 5px #d91f29, 10px 0 0 5px #c59232, 15px 0 0 5px #d91f29;
}
.event-page .flex-row,
.event-page .grouping {
margin: 0 auto;
max-width: 1032px;
}
.event-page .events__widget,
.event-page .news__widget {
margin: 0 auto;
max-width: 1016px;
}
@media (min-width:480px) {
.event-page {
margin: -15px;
}
}
@media (min-width:48em) {
.event-page {
margin: 0 -15px -15px;
}
.event-page .dfp-ad {
margin: 0 0 15px;
}
.event-page .event-btn:hover:before,
.event-page .event-btn:focus:before {
box-shadow: 0 0 0 6px #d91f29, 6px 0 0 6px #172a50, 12px 0 0 6px #d91f29, 18px 0 0 6px #172a50;
-webkit-transform: translateX(10px) skew(-24deg);
-ms-transform: translateX(10px) skew(-24deg);
transform: translateX(10px) skew(-24deg);
}
.event-page .event-btn--alternate:hover:before,
.event-page .event-btn--alternate:focus:before {
box-shadow: 0 0 0 6px #c59232, 6px 0 0 6px #d91f29, 12px 0 0 6px #c59232, 18px 0 0 6px #d91f29;
}
}
/* ------- MODULE COLOR THEMES ---------- */
/* THEME 01 */
.theme-01 .widget__title:before {
background-color: #d91f29;
}
.theme-01 .widget__title:after {
border-color: #d91f29;
}
.theme-01 .event-btn {
background-color: #d91f29;
}
.theme-01 .event-btn:before {
box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
}
.theme-01 .event-btn:hover:before,
.theme-01 .event-btn:focus:before {
box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
}
.theme-01 .widget__content a,
.theme-01 .widget__footer a:not(.event-btn) {
color: #d91f29;
}
.theme-01 .widget__content a:hover,
.theme-01 .widget__content a:focus,
.theme-01 .widget__footer a:not(.event-btn):hover,
.theme-01 .widget__footer a:not(.event-btn):focus {
color: #333;
}
.theme-01 .news__list .item-expander {
color: #333;
}
.theme-01 .news__list .item-expander:hover,
.theme-01 .news__list .item-expander:focus {
color: #d91f29;
}
/* THEME 02 */
.theme-02 .widget__title:before {
background-color: #c59332;
}
.theme-02 .widget__title:after {
border-color: #c59332;
}
.theme-02 .event-btn {
background-color: #c59332;
}
.theme-02 .event-btn:before {
box-shadow: 0 0 0 0 #c59332, 0 0 0 0 #172a50, 8px 0 0 0 #c59332, 8px 0 0 0 #172a50;
}
.theme-02 .event-btn:hover:before,
.theme-02 .event-btn:focus:before {
box-shadow: 0 0 0 5px #c59332, 5px 0 0 5px #172a50, 10px 0 0 5px #c59332, 15px 0 0 5px #172a50;
}
.theme-02 .widget__content a,
.theme-02 .widget__footer a:not(.event-btn) {
color: #c59332;
}
.theme-02 .widget__content a:hover,
.theme-02 .widget__content a:focus,
.theme-02 .widget__footer a:not(.event-btn):hover,
.theme-02 .widget__footer a:not(.event-btn):focus {
color: #333;
}
.theme-02 .news__list .item-expander {
color: #333;
}
.theme-02 .news__list .item-expander:hover,
.theme-02 .news__list .item-expander:focus {
color: #c59332;
}
/* THEME 03 */
.theme-03 .widget__title:before {
background-color: #505050;
}
.theme-03 .widget__title:after {
border-color: #505050;
}
.theme-03 .event-btn {
background-color: #505050;
}
.theme-03 .event-btn:before {
box-shadow: 0 0 0 0 #505050, 0 0 0 0 #172a50, 8px 0 0 0 #505050, 8px 0 0 0 #172a50;
}
.theme-03 .event-btn:hover:before,
.theme-03 .event-btn:focus:before {
box-shadow: 0 0 0 5px #505050, 5px 0 0 5px #172a50, 10px 0 0 5px #505050, 15px 0 0 5px #172a50;
}
.theme-03 .widget__content a,
.theme-03 .widget__footer a:not(.event-btn) {
color: #505050;
}
.theme-03 .widget__content a:hover,
.theme-03 .widget__content a:focus,
.theme-03 .widget__footer a:not(.event-btn):hover,
.theme-03 .widget__footer a:not(.event-btn):focus {
color: #333;
}
.theme-03 .news__list .item-expander {
color: #333;
}
.theme-03 .news__list .item-expander:hover,
.theme-03 .news__list .item-expander:focus {
color: #505050;
}
/* THEME 04 - color 1 #23487b / color 2 #7f8287 */
.theme-04 .widget__title:before {
background-color: #0074b7;
}
.theme-04 .widget__title:after {
border-color: #0074b7;
}
.theme-04 .event-btn {
background-color: #0074b7;
}
.theme-04 .event-btn:before {
background-color: #7f8287;
box-shadow: 0 0 0 0 #0074b7, 0 0 0 0 #7f8287, 8px 0 0 0 #0074b7, 8px 0 0 0 #7f8287;
}
.theme-04 .event-btn:hover:before,
.theme-04 .event-btn:focus:before {
box-shadow: 0 0 0 5px #0074b7, 5px 0 0 5px #7f8287, 10px 0 0 5px #0074b7, 15px 0 0 5px #7f8287;
}
.theme-04.alert-box,
.theme-04 .alert-box {
background-color: #0074b7;
}
.theme-04 .alert-box__title .title__link:before {
background-color: #7f8287;
box-shadow: 0 0 0 0 #0074b7, 0 0 0 0 #7f8287, 9 0 0 0 #0074b7, 9 0 0 0 #7f8287;
}
.theme-04 .alert-box__title .title__link:hover:before,
.theme-04 .alert-box__title .title__link:focus:before {
box-shadow: 0 0 0 9px #0074b7, 9px 0 0 9px #7f8287, 18px 0 0 9px #0074b7, 27px 0 0 9px #7f8287;
}
.theme-04 .widget__content a,
.theme-04 .widget__footer a:not(.event-btn) {
color: #0074b7;
}
.theme-04 .widget__content a:hover,
.theme-04 .widget__content a:focus,
.theme-04 .widget__footer a:not(.event-btn):hover,
.theme-04 .widget__footer a:not(.event-btn):focus {
color: #7f8287;
}
.theme-04 .news__list .item-expander {
color: #333;
}
.theme-04 .news__list .item-expander:hover,
.theme-04 .news__list .item-expander:focus {
color: #0074b7;
}
/* THEME 05 - color 1 #23487b / color 2 #e63644 */
.theme-05 .widget__title:before {
background-color: #23487c;
}
.theme-05 .widget__title:after {
border-color: #23487c;
}
.theme-05 .event-btn {
background-color: #23487c;
}
.theme-05 .event-btn:hover,
.theme-05 .event-btn:focus {
background-color: #204171;
}
/* .theme-05 .event-btn:before {
background-color: #e63644;
box-shadow: 0 0 0 0 #23487c, 0 0 0 0 #e63644, 8px 0 0 0 #23487c, 8px 0 0 0 #e63644;
}
.theme-05 .event-btn:hover:before,
.theme-05 .event-btn:focus:before {
box-shadow: 0 0 0 5px #23487c, 5px 0 0 5px #e63644, 10px 0 0 5px #23487c, 15px 0 0 5px #e63644;
} */
.theme-05.alert-box,
.theme-05 .alert-box {
background-color: #23487c;
}
.theme-05 .alert-box__title .title__link:before {
background-color: #e63644;
box-shadow: 0 0 0 0 #23487c, 0 0 0 0 #e63644, 9 0 0 0 #23487c, 9 0 0 0 #e63644;
}
.theme-05 .alert-box__title .title__link:hover:before,
.theme-05 .alert-box__title .title__link:focus:before {
box-shadow: 0 0 0 9px #23487c, 9px 0 0 9px #e63644, 18px 0 0 9px #23487c, 27px 0 0 9px #e63644;
}
.theme-05 .widget__content a,
.theme-05 .widget__footer a:not(.event-btn) {
color: #23487c;
}
.theme-05 .widget__content a:hover,
.theme-05 .widget__content a:focus,
.theme-05 .widget__footer a:not(.event-btn):hover,
.theme-05 .widget__footer a:not(.event-btn):focus {
color: #e63644;
}
.theme-05 .news__list .item-expander {
color: #333;
}
.theme-05 .news__list .item-expander:hover,
.theme-05 .news__list .item-expander:focus {
color: #23487c;
}
/* THEME Global Color Overwrites */
[class*="theme-"] .news__list .item a {
color: #fff;
}
[class*="theme-"] .news__list .item a:hover,
[class*="theme-"] .news__list .item a:focus {
color: #d91f29;
}
/* BACKGROUND Theme Colors */
.theme-color-01 {
background-color: #d91f29;
}
.theme-color-02 {
background-color: #c59332;
}
.theme-color-03 {
background-color: #505050;
}
.theme-color-04 {
background-color: #0074b7;
}
.theme-color-05 {
background-color: #23487c;
}
.theme-color-06 {
background-color: #3b3b3b;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/****************************************
SLICK DEFAULT STYLES - CAN BE MOVED INTO OWN CSS FILE POTENTIALLY
****************************************/
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/****************************************
TEMP
****************************************/
.topNav {
background-color: #000;
height: 4em;
position: fixed;
width: 1280px;
}
.leftNav {
background-color: #000;
position: fixed;
height: 100%;
width: 8em;
}
/****************************************
LAYOUT
****************************************/
/****************************************
MODULE
****************************************/
.ticket-form-block {
border-bottom: 1px solid #999999;
overflow: hidden;
}
.ticket-body-cta {
min-height: 50px;
vertical-align: bottom;
}
.ticket-col > p {
min-height: 2.25em;
}
/* ARROW ON FORM */
.ticket-form-arrow {
position: absolute;
width: 270px;
}
.ticket-form-arrow-t {
color: #ffffff;
font-size: 1em;
display: block;
font-weight: bold;
margin: 7%;
}
.ticket-form-arrow .line {
margin-top: 0px;
width: 240px;
background: #b9af8d;
height: 80px;
}
.ticket-form-arrow.left .line {
float: right;
}
.ticket-form-arrow.right .line {
float: left;
}
.ticket-form-arrow.left .point {
width: 0;
height: 0;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-right: 30px solid #b9af8d;
float: left;
}
.ticket-form-arrow.right .point {
width: 0;
height: 0;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 30px solid #b9af8d;
float: right;
}
/* SEARCH FOR TICKETS PAGE */
.ticket-event-search-available-seats {
display: block;
width: 100%;
height: 100%;
padding: .75em;
}
.ticket-event-search-available-seats > .row {
margin-bottom: .5em;
}
.ticket-event-search-available-seats .button {
margin-right: 10px;
}
.ticket-form-advanced-options .form-field {
float: left;
margin-top: 6px;
}
.ticket-form-advanced-options .form-field .sprite {
margin-top: -4px;
}
.ticket-form-advanced-options .form-field .withSprite {
margin-right: 5px;
}
.ticket-form-advanced-options .center-exposure {
display: block;
margin-left: -10px;
margin-right: auto;
}
/* FORM LAYOUT FORM PAGES (SEARCH, CHECKOUT, CART) */
.ticket-event-form-two-col .primary {
float: left;
width: 80%;
}
.ticket-event-form-two-col .secondary {
float: left;
width: 20%;
}
.ticket-event-form-two-col .rightNote {
float: right;
}
.ticket-event-info {
font-size: 0.9em;
height: 4.25em;
}
/* TICKET SHOPPING CART */
.clear-padding {
margin: 0px;
}
.track_map img {
width: 100%;
}
.ticket-event-cart-item {
padding-top: 1em;
}
.ticket-event-cart-item .button {
margin-left: 0px;
clear: both;
}
.cart-line-item {
padding-bottom: 0.5em;
}
.cart-qty input {
width: 40px;
text-align: center;
}
.cart-qty > a > .sprite {
vertical-align: middle;
}
.ticket-event-cart-summary {
padding-top: .5em;
}
.ticket-event-cart-summary .button {
width: auto;
white-space: nowrap;
}
.ticket-event-search-available-seats .form-field {
margin-top: 9px;
}
.checkout-form-row {
margin: 10px 0;
}
.checkout-form-padding {
padding-left: 10px;
padding-right: 10px;
}
.checkout-form-col-fix {
padding-left: 0px !important;
margin-left: 0px !important;
}
/* TICKET PRICE RANGE SLIDER */
#ticket_qty {
margin-top: 15px;
min-width: 40px;
}
.slider-range-row {
margin-top: 0px;
}
#slider-range {
position: relative;
clear: left;
width: 305px;
margin-top: 23px;
}
.slider-range-background {
height: 18px;
width: 100%;
position: absolute;
}
.slider-range-foreground {
height: 18px;
width: 25%;
left: 25%;
position: absolute;
}
.slider-range-handle {
position: absolute;
bottom: -25px;
margin-left: -7px;
cursor: pointer;
}
.slider-range-handle span {
cursor: pointer;
}
#slider-range-handle1 {
left: 25%;
}
#slider-range-handle2 {
left: 50%;
}
.pct {
width: 100%;
position: absolute;
}
.lbl {
position: absolute;
width: 35px;
top: -21px;
margin-left: -18px;
text-align: center;
font-size: .85em;
}
.pct .hash {
width: 1px;
background-color: #e0dfde;
height: 30px;
top: -5px;
position: absolute;
}
.pct-10 {
left: 10%
}
.pct-20 {
left: 20%
}
.pct-30 {
left: 30%
}
.pct-40 {
left: 40%
}
.pct-50 {
left: 50%
}
.pct-60 {
left: 60%
}
.pct-70 {
left: 70%
}
.pct-80 {
left: 80%
}
.pct-90 {
left: 90%
}
.ticket-options-link {
margin-top: 35px;
}
/* TICKET CHECKOUT PAGE */
.ticket-event-checkout-form input[type="text"],
.ticket-event-checkout-form input[type="password"],
.ticket-event-checkout-form textarea,
.ticket-event-checkout-form select {
width: 100%;
}
.ticket-event-checkout-shipping {
display: none;
}
.formAddress {
line-height: 1.2em;
margin-top: 0.7em;
}
.formAddress .sprite {
margin-right: 5px;
}
.formAddress a.button {
margin-right: 10px;
}
/*TICKET EVENT DETAIL PAGE*/
.ticket-event-purchase-option-row {
padding: 6px 0;
text-align: right;
}
.ticket-event-block > .ticket-event-block-image {
display: inline-block;
margin-right: 2.514%;
width: 15.824%;
}
.ticket-event-block > .ticket-event-block-image > .ticket-event-block-image-caption {
background-color: #000;
color: #fff;
text-align: center;
padding: 3px 0;
margin-top: -1px;
}
.ticket-event-block > div.ticket-event-block-info {
display: inline-block;
vertical-align: top;
width: 81.352%;
}
.ticket-event-block-hero > .ticket-event-block-image {
width: 27.648%;
}
.ticket-event-block-hero > div.ticket-event-block-info {
width: 68.352%;
}
.cart-update-notice {
background-color: #cccccc;
}
.ticket-upsell {
line-height: 1.1em;
}
.ticket-upsell-header {
font-size: 0.9em;
}
.upsell-divider {
border-bottom: 1px solid #999999;
}
/* CAMPING/PARKING */
.parkingDetails {
margin-top: .5em;
}
.parkingDetails p {
margin-bottom: .7em;
}
.parkingImage img {
width: 100%;
}
.insetParagraph {
padding-left: 15px;
}
hr.glampingOptions {
margin-left: 15px;
}
.parking-option-row .divider,
.parking-option-row,
.divider.noPadding {
padding-bottom: 0px;
margin-bottom: 0px;
}
.parking-option-item {
padding-top: 10px;
padding-bottom: 10px;
line-height: 26px;
}
.cart-sidebar-header {
background-color: #bcac92;
color: #fff;
padding: 15px 10px;
text-transform: uppercase;
font-weight: bold;
}
.cart-sidebar-cart {
background-color: #dcd5c2;
min-height: 85px;
margin: 3px 0;
padding: 25px 10px;
}
.cart-sidebar-cart > span.no-items {
color: #941317;
font-weight: bold;
}
.cart-sidebar-seperator {
background-color: #b9b2a0;
height: 1px;
width: 100%;
margin: 15px 0;
}
.event-tickets-tout {
background-color: #e0dfda;
}
.event-tickets-tout h6 {
font-size: 1.25em;
text-align: center;
padding: 10px 0;
}
.cart-sidebar-summary {
font-weight: bold;
text-align: right;
}
.cart-sidebar-summary span {
font-weight: normal;
}
.wheelchair-tout {
background-color: #b9af8d;
color: #fff;
font-size: 1.25em;
padding: 20px;
}
/****************************************
STATE
****************************************/
/****************************************
THEME
****************************************/
/* SEARCH FOR TICKETS PAGE */
.ticket-event-search-available-seats {
background-color: #e0dfde;
}
.ticket-event-search-available-seats-header {
font-size: .9em;
white-space: nowrap;
}
.ticket-event-search-available-seats-header.superBold {
font-size: 1em;
}
a.ticket-form-logicLink {
color: #9b8a5b;
font-weight: bold;
cursor: pointer;
text-decoration: none;
transition: color .5s;
}
.ticket-form-logicLink:hover {
color: #675d45;
}
/* TICKET PRICE RANGE SLIDER */
.slider-range-background {
background-color: #e1dfda;
}
.slider-range-foreground {
background-color: #bbae8c;
}
.ticket-event-block-header {
background-color: #9a968f;
color: #ffffff;
padding-top: .5em;
padding-bottom: .5em;
}
.ticket-event-cart {
padding-bottom: 1.5em;
}
.ticket-form-black {
color: #000000;
}
/****************************************
RESPONSIVE
****************************************/
@media all and (min-width: 1100px) {
#slider-range {
clear: none;
margin-top: 11px;
}
.slider-range-row {
margin-top: 15px;
}
#ticket_qty {
margin-top: 5px;
min-width: 40px;
}
}
@media all and (min-width: 980px) {
#slider-range {
width: 300px;
}
}
@media all and (min-width: 560px) {
#slider-range {
width: 425px;
}
.ticket-form-advanced-options .center-exposure {
display: block;
margin-left: 0;
margin-right: auto;
}
}
@media all and (min-width: 480px) {
.ticket-options-link {
margin-top: 15px;
}
.checkout-form-padding {
padding-left: 15px;
padding-right: 15px;
}
.ticket-event-cart-item .button {
margin-left: 15px;
clear: none;
}
}
@media all and (min-width: 320px) {
}
@media all and (max-width: 979px) and (min-width: 480px) {
}
@media all and (max-width: 979px) and (min-width: 768px) {
.ticket-event-block > div.ticket-event-block-info {
width: 66.352%;
}
}
@media all and (max-width: 768px) and (min-width: 480px) {
}
@media all and (max-width: 480px) {
hr.glampingOptions {
margin-left: 10px;
}
.insetParagraph {
padding-left: 10px;
}
}
@media all and (max-width: 320px) {
}
/****************************************
BUY TICKETS PAGE STYLES
****************************************/
.img-fluid {
width: 100%;
height: auto;
}
/** Accordion Styles **/
div.carousel-accordion-content {
background-color: transparent;
padding: 0;
}
div.carousel-accordion-content.show {
max-height: 100%;
overflow: visible;
}
h3.carousel-accordion-title {
font-weight: bold;
font-size: 24pt;
font-family: "Teko", sans-serif;
}
/** Accordion Styles: END **/
/** Item Content **/
.item-heading a {
color: #333333;
}
.item-content-wrap .item-heading {
display: block;
/* letter-spacing: 3px; */
font-family: "Teko", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333333;
font-size: 1.5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding: 0;
margin-bottom: 8px;
margin-top: 20px;
}
.item-content-wrap .item-description {
display: block;
font-family: "Roboto", "Helvetica neue", sans-serif;
text-align: center;
min-height: 150px;
padding: 0 5px;
}
.item-content-wrap >
* {
padding-bottom: 5px;
}
.item-image {
position: relative;
}
.eventLogo {
position: absolute;
/* bottom: 0; */
bottom: 10px;
right: -5%;
}
/** Item Content: END **/
/** Item Button **/
.ims-carousel-cell--button-container {
text-align: center;
}
.ims-carousel-cell--button {
background-color: #de1d36;
color: #ffffff;
font-size: 16px;
padding: 12px;
border-radius: 4px;
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.ims-carousel-cell--button-container .section-jump-nav__link {
color: white !important;
padding: 12px 15px;
border-radius: 5px;
font-family: Roboto, sans-serif;
margin: 0;
}
@media only screen and (max-width: 800px) {
.ims-carousel-cell--button,
.section-jump-nav__link {
width: 100%;
}
.ims-carousel-cell-button {
font-size: 12px;
}
}
/* Item Button: END */
/*! Flickity
---------------------------------------------- */
.flickity-prev-next-button[disabled] {
display: none;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
/** Cell Background on Scroll/Selection **/
/* .ims-carousel-cell .is-selected {
background: #eeeeee;
} */
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 30%;
width: 40px;
height: 40px;
border-radius: 50%;
/* vertically centered */
transform: translateY(-50%);
}
/** Prev Next Buttons **/
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
/* smaller, dark, rounded square */
.flickity-prev-next-button {
width: 30px;
height: 30px;
border-radius: 5px;
background: #333;
border: 2px solid #ffffff;
}
.flickity-prev-next-button:hover {
background: red;
}
/* arrow color */
.flickity-prev-next-button .arrow {
fill: white;
}
.flickity-prev-next-button.no-svg {
color: white;
}
/* position outside */
.flickity-prev-next-button.previous {
left: -20px;
}
.flickity-prev-next-button.next {
right: -20px;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
display: none;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
/** Carousel Item Styles **/
.ims-carousel-cell {
width: 33%;
height: auto;
margin-right: 10px;
counter-increment: gallery-cell;
}
.ims-carousel {
margin-top: 20px;
}
@media only screen and (max-width: 1300px) {
.ims-carousel-cell {
width: 50%;
}
}
@media only screen and (max-width: 1000px) {
.ims-carousel-cell {
width: 48%;
}
}
@media only screen and (max-width: 765px) {
.item .item-description {
display: none;
}
.item .item-heading {
min-height: 42px;
}
}
/** Carousel Item Styles: END **/
/** Right Rail Padding Reset **/
@media (min-width: 77em) {
.interior-page .flex-col--aside {
padding-top: 0;
}
}
/**. BUTTONS **/
.btn-link {
background-color: #ddd;
color: #000;
padding: 15px 20px;
border: 0;
border-radius: 0;
cursor:;
font-size: 0.9em;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
margin-bottom: 5px;
}
.btn-link:hover {
background-color: #c51a30;
color: #fff;
text-decoration: none;
}
@media only screen and (max-width: 800px) {
.btn-link {
font-size: 0.8em;
padding: 15px 20px;
}
}
/**. BUTTONS **/
/* Added to tickets.css, we might not have complete control over css, added here so it isn't lost.*/
.ticket-event-checkout-form input[type="password"]
{
width: 100%;
}
.account-type-form {
margin-top: 3px;
min-width: 100px;
float: left;
}
.social-buttons input[type="image"] {
float: left;
}
.tout .tout-wrapper,
.tout .tout-wrapper {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
/* ==================== Side Cart Tout ==================== */
div.tout-sidecart {
font-size: .875em;
background-color: #ddd;
}
div.tout-sidecart .sidecart-title {
color: #FFF;
font-weight: bold;
text-transform: uppercase;
padding: 10px;
border-bottom: 2px solid #fff;
background-color: #52585B;
}
div.tout-sidecart .sidecart-title .sprite {
margin-bottom: -2px;
margin-left: 15px;
}
div.tout-sidecart .sidecart-content {
padding: 0 10px;
}
div.tout-sidecart .sidecart-product {
float: left;
clear: both;
padding: 10px 0;
border-bottom: 1px solid #4d4d4d;
}
div.tout-sidecart .sidecart-product.empty {
color: #951316;
font-weight: bold;
}
div.tout-sidecart .sidecart-description {
padding-bottom: 10px;
}
div.tout-sidecart .sidecart-qty {
float: left;
text-transform: uppercase;
}
div.tout-sidecart .sidecart-price {
float: right;
font-weight: bold;
}
div.tout-sidecart .sidecart-price span {
font-weight: normal;
}
div.tout-sidecart .sidecart-subtotal {
float: right;
padding: 10px;
}
div.tout-sidecart .sidecart-actions {
float: left;
width: 100%;
padding: 0 10px 10px;
border-bottom: 2px solid #fff;
margin: auto;
}
div.tout-sidecart .sidecart-actions {
text-align: center;
}
div.tout-sidecart .sidecart-actions div {
margin: 0 auto;
width: 194px;
}
div.tout-sidecart .sidecart-actions div .button {
float: left;
width: 92px;
background-color: #52585B;
}
div.tout-sidecart .sidecart-actions div .button:first-child {
margin-right: 8px;
}
div.tout-sidecart .sidecart-actions div .button .text {
padding-right: 0;
}
/* ==================== Information Hover Tout ==================== */
/* slider */
div .tout-info-hover div.slide-container {
height: 100%;
width: 200%;
top: 0;
left: 0;
position: absolute;
transition: left 0.5s, transform 0.5s, width 0.5s;
-moz-transition: left 0.5s, -moz-transform 0.5s, width 0.5s;
-ms-transition: left 0.5s, -ms-transform 0.5s, width 0.5s;
-o-transition: left 0.5s, -o-transform 0.5s, width 0.5s;
-webkit-transition: left 0.5s, -webkit-transform 0.5s, width 0.5s;
}
/* slide */
div.tout-info-hover div.slide-container div.slide {
width: 50%;
height: 100%;
float: left;
border-spacing: 5px;
display: table;
text-transform: uppercase;
color: #FFF9FA;
font-family: open_sanssemibold;
}
div.slide span {
display: table-cell;
vertical-align: middle;
}
div.slide.hoverText span {
line-height: 1.2em;
padding: 0 5px;
}
div.slide.hoverText span a {
color: #675d45;
}
div.tout-info-hover span.sprite-container {
width: 85px;
height: 100%;
}
/* ==================== Ticket Infomration Tout ==================== */
.tout-wrapper .tickets-title {
text-align: center;
font-family: lorabold;
font-size: 1.25em;
margin: 0 auto 15px;
}
.tout-wrapper .tickets-content {
width: 160px;
margin: 0 auto 0;
}
.tout-wrapper .tickets-content .tout-img img {
float: left;
}
.tout-wrapper .tickets-content a.button {
clear: left;
margin: 0;
padding: 0;
height: 36px;
text-align: center;
}
/* ==================== Fun Facts ==================== */
.tout-wrapper.tout-funfact {
position: relative;
}
.tout-wrapper .funfact-title {
width: 100%;
height: 50px;
border-bottom: 2px white solid;
font-size: 1.4em;
font-weight: bold;
color: #fff;
text-transform: uppercase;
float: left;
background: #000;
}
.tout-wrapper .funfact-title span {
margin: 13px 0 0 12px;
float: left;
}
.tout-wrapper .funfact-title span + span {
margin: 5px 8px 0 0;
float: right;
font-size: 1.63em;
}
.tout-wrapper .funfact-title span + span sup {
font-size: 0.5em;
top: -0.6em;
}
.tout-wrapper .funfact-content {
height: 100%;
float: left;
color: #fff;
padding: 15px;
font-size: 1em;
line-height: 1.3em;
}
.tout-wrapper .funfact-logo {
position: absolute;
right: 5px;
bottom: 5px;
}
/* ==================== Logo Links Tout ==================== */
.tout-logo-links {
}
.tout-logo-links-header {
font-size: 1.2em;
margin-top: 10px;
text-align: center;
}
.tout-logo-links ul {
height: 275px;
margin: 0 -10px !important;
padding: 0;
}
.tout-logo-links ul > li {
display: table;
height: 20%;
list-style: none;
margin: 0;
padding: 0 10px;
width: 100%;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
}
.tout-logo-links ul > li:hover {
background-color: #bdb9af;
}
.tout-logo-links ul > li:hover > a > span,
.tout-logo-links ul > li:hover + li > a > span {
border-top-color: transparent;
}
.tout-logo-links ul > li > a {
display: table-row;
width: 100%;
}
.tout-logo-links ul > li + li > a > span {
border-top: solid 1px #a9955d;
}
.tout-logo-links ul > li + li > a > span,
.tout-logo-links ul > li + li > a {
transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-ms-transition: border-color 0.3s;
-o-transition: border-color 0.3s;
}
.tout-logo-links-logo {
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle;
width: 80px;
}
.tout-logo-links-text {
color: #4d4d4d;
display: table-cell;
font-size: 0.875em;
line-height: 1.1em;
vertical-align: middle;
}
@media (min-width: 480px) and (max-width: 959px) {
.tout-logo-links-list {
display: table;
height: 101px;
padding: 0 !important;
width: 100%;
}
.tout-logo-links ul {
display: table-row;
height: 100px;
}
.tout-logo-links ul > li {
display: table-cell;
height: 100%;
padding: 10px 0;
width: 20%;
}
.tout-logo-links ul > li > a {
display: block;
height: 100%;
position: relative;
}
.tout-logo-links ul > li + li > a {
border-left: solid 1px #a9955d;
}
.tout-logo-links ul > li:hover > a,
.tout-logo-links ul > li:hover + li > a {
border-left-color: transparent;
}
.tout-logo-links ul > li + li > a > span {
border-top: none;
}
.tout-logo-links-logo {
display: block;
height: 50%;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.tout-logo-links-text {
display: block;
text-align: center;
height: 50%;
padding: 5px;
position: absolute;
bottom: 0;
width: 100%;
}
}
@media (min-width: 960px) {
.tout-logo-links ul {
margin: 0 -15px !important;
}
}
/***** TOP TWEETS & TOP NEWS *******/
.tout .tout-wrapper.tout-tweets,
.tout .tout-wrapper.tout-latestnews {
padding: 0 20px;
}
.tout .tout-wrapper.tout-tweets {
width: 210px;
word-wrap: break-word;
}
.tout-latestnews .news-item {
padding: 0 20px;
}
.tout-wrapper .tweets-title,
.tout-wrapper .news-title,
.tout-wrapper .media-title {
text-align: center;
font-family: lorabold;
font-size: 1.25em;
margin: 0 auto 10px;
}
.tout-wrapper .tweet,
.tout-wrapper .news-item {
font-size: 0.8em;
line-height: 1.3em;
}
.tout-wrapper .tweet-time,
.tout-wrapper .news-item-date {
color: #999999;
font-size: 0.8em;
margin-top: 3px;
}
.tout-wrapper .tweet-seperator,
.tout-wrapper .news-seperator {
background-color: #a1996a;
height: 1px;
margin: 8px 0;
width: 100%;
}
.news-item-title {
padding-top: 2px;
text-transform: uppercase;
}
.tout-wrapper .mediaToutImage {
height: 105px;
position: relative;
width: 210px;
}
.tout-wrapper .mediaToutImage .mediaToutInfo {
height: 32px;
background: #000;
bottom: 0;
filter: alpha(opacity=85);
opacity: 0.85;
position: absolute;
left: 0;
right: 0;
}
.tout-wrapper .mediaToutImage .mediaToutIcon {
height: 21px;
width: 22px;
margin: 5px 10px 0 5px;
display: block;
float: left;
}
.tout-wrapper .mediaToutImage .mediaToutTitle {
font-size: 0.75em;
line-height: 1.1em;
color: #fff;
filter: alpha(opacity=100);
opacity: 100;
font-weight: bold;
margin-top: 2px;
height: 30px;
overflow: hidden;
}
.tout-wrapper .media-seperator {
background: #fff;
height: 2px;
}
/******************** MEDIA FILTERS ********************/
#media-filters {
height: 31px;
margin-bottom: 10px;
position: relative;
}
#media-filters ul {
height: 1em;
margin: auto;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
}
#media-filters ul > li {
display: inline-block;
font-size: 1em;
line-height: 1em;
list-style: none;
margin: 0;
}
#media-filters ul > li + li {
margin-left: 1em;
}
#media-filters ul > li > a {
color: #333333;
text-transform: uppercase;
}
#filter-follow {
bottom: 0;
height: 3px;
left: 0;
position: absolute;
width: 0px;
transition: width 0.3s, left 0.3s;
-webkit-transition: width 0.3s, left 0.3s;
-moz-transition: width 0.3s, left 0.3s;
-ms-transition: width 0.3s, left 0.3s;
-o-transition: width 0.3s, left 0.3s;
}
@media (min-width: 768px) {
}
/******************** MEDIA SEARCH ********************/
/* #media-search {
background: #ecebe8;
border: 1px solid #ceccc4;
margin-bottom: 10px;
position: relative;
} */
#media-search-wrapper {
padding: 5px;
}
#media-search-wrapper label {
font-weight: bold;
}
#media-search-wrapper .media-search-header {
color: #675d45;
display: block;
font-weight: bold;
margin-bottom: 2px;
text-transform: uppercase;
}
#media-search-wrapper .media-search-filter {
/*display: inline-block;*/
height: 30px;
margin-bottom: 7px;
}
.media-search-filter label {
display: inline-block;
width: 30%;
}
#media-search-wrapper input, #media-search-wrapper select {
background-color: #fff;
border: 1px solid #bbb9ae;
height: 28px;
padding: 0;
width: 66%;
}
#media-search-wrapper input {
margin: 0;
padding: 0 10px;
/* width: 200px; */
}
#media-search-wrapper select {
padding: 4px 5px;
/*margin-right: 10px;*/
}
/* #media-search-submit
{
display: inline-block;
margin: 0 20px;
float: right;
background: #bbae8c;
padding: 0 0 0 10px;
color: #675d45;
}
#media-search-submit span
{
vertical-align: middle;
} */
@media (min-width: 768px) {
}
@media (max-width: 479px) {
#media-search-wrapper {
right: 0;
}
#media-search-wrapper .media-search-filter {
width: 100%;
}
#media-search-wrapper .media-search-filter label {
display: inline-block;
width: 25%;
}
#media-search-wrapper .media-search-filter input,
#media-search-wrapper .media-search-filter select {
width: 69%;
}
}
/******************** MEDIA VIEWER ********************/
#media-explorer-content {
/*transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;*/
}
#media-viewer {
/* transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;*/
}
#media-viewer-outer-wrap {
padding: 10px;
}
#media-viewer-inner-wrap {
/*height: 0px;*/
/*padding-bottom: 100%;*/ /* 1:1 aspect ratio */
position: relative;
}
#media-viewer {
/*bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;*/
}
a.media-show-more,
a.media-show-less {
background-color: #e1dfda;
bottom: 0;
display: none;
height: 2em;
padding: 0.5em;
position: absolute;
text-align: center;
width: 100%;
}
@media (min-width: 480px) {
#media-viewer-outer-wrap {
padding: 0;
}
}
@media (min-width: 768px) {
#media-viewer-inner-wrap {
/*padding-bottom: 75%;*/ /* 4:3 Aspect Ratio */
}
}
@media (max-width: 479px) {
}
/*
#media-viewer-outer-wrap.overflow #media-viewer
{
bottom: 2em;
}
#media-viewer-outer-wrap.overflow a.media-show-more
{
display: block;
}
#media-viewer-outer-wrap.overflow.showall a.media-show-more
{
display: none;
}
#media-viewer-outer-wrap.overflow.showall a.media-show-less
{
display: block;
}
*/
#media-viewer-outer-wrap.showall #media-viewer-inner-wrap {
height: auto;
padding-bottom: 0;
}
#media-viewer-outer-wrap.showall #media-viewer {
bottom: auto;
left: auto;
position: static;
right: auto;
top: auto;
}
/******************** MEDIA LISTINGS ********************/
#media-listing {
clear: both;
position: relative;
}
#media-listing-loader {
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
#media-explorer-loader {
position: relative;
}
#media-explorer-loader .spinner-box {
position: absolute;
left: 50%;
margin-top: 35%;
}
.t-loading-spinner {
margin-left: -1px;
margin-top: -1px;
width: 47px;
height: 47px;
}
.sprite.ims-circle {
top: 5px;
left: 5px;
position: absolute;
}
#media-listing-loader > .loader-bg {
background: #000;
height: 100%;
opacity: 0.35;
width: 100%
}
#media-listing-loader > .spinner-box {
bottom: 0;
left: 50%;
position: absolute;
margin: auto;
right: 0;
top: 50%;
}
#media-listing.media-listing-noresults {
display: none;
}
.media-thumbnail {
padding-top: 10px;
padding-bottom: 10px;
}
.media-thumbnail.media-thumbnail-empty {
padding-top: 0;
padding-bottom: 0;
display: none;
}
.media-thumbnail h6,
.media-thumbnail-headerfix {
height: 20px;
margin: 0 0 8px 0;
}
table.media-item-noresults {
height: 100%;
width: 100%;
}
table.media-item-noresults td {
padding: 1em;
text-align: center;
vertical-align: middle;
}
@media (min-width: 480px) {
.media-thumbnail {
padding-top: 15px;
padding-bottom: 15px;
}
}
/************* MEDIA - MAIN *************/
.media-filters a.is-selected {
border-bottom: 3px solid #bbae8c;
}
#media-viewers {
height: 570px;
width: 100%;
}
.media-background {
background-color: #e1dfda;
}
.media-item-wrapper {
height: 100%;
position: relative;
}
.media-item-wrapper,
.media-thumbnail {
transition: padding-bottom 0.5s, padding-top 0.5s;
-moz-transition: padding-bottom 0.5s, padding-top 0.5s;
-ms-transition: padding-bottom 0.5s, padding-top 0.5s;
-o-transition: padding-bottom 0.5s, padding-top 0.5s;
-webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
}
.media-thumbnail.media-thumbnail-empty .media-item-wrapper {
padding-bottom: 0;
}
.media-item, .media-item-viewport {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
}
.media-item {
border: 1px solid #e5e5e5;
}
.media-item-items {
height: 100%;
width: 100%;
transform: translate(0%);
-moz-transform: translate(0%);
-ms-transform: translate(0%);
-o-transform: translate(0%);
-webkit-transform: translate(0%);
transition: transform 0.75s;
-moz-transition: -moz-transform 0.75s;
-ms-transition: -ms-transform 0.75s;
-o-transition: -o-transform 0.75s;
-webkit-transition: -webkit-transform 0.75s;
}
.media-item .media-item-slideContainer {
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.media-item .media-item-container {
height: 100%;
animation: show .25s linear both;
-moz-animation: show .25s linear both;
-ms-animation: show .25s linear both;
-o-animation: show .25s linear both;
-webkit-animation: show .25s linear both;
}
.media-item {
transition: all 0.3s ease-in-out;
}
.media-item .media-item-slideContainer {
left: -100%;
}
.media-item-container.shift {
animation: hide .25s linear both;
-moz-animation: hide .25s linear both;
-ms-animation: hide .25s linear both;
-o-animation: hide .25s linear both;
-webkit-animation: hide .25s linear both;
}
a.media-item-link {
color: #000;
height: 100%;
font-weight: inherit;
display: block;
}
a.media-item-link:after {
content: " ";
width: 0;
height: 10px;
background: #c41a30;
transition: all .2s ease-in-out;
position: absolute;
z-index: 100;
bottom: 0;
right: 50%;
}
.mi-footer-right a.media-item-link:after {
content: none;
}
a.media-item-link:hover:after,
a.media-item-link:focus:after {
content: " ";
width: 100%;
right: 0;
transition: all .2s ease-in-out;
}
.now-playing a.media-item-link {
pointer-events: none;
}
.now-playing a.media-item-link:after {
content: " ";
width: 100%;
height: 10px;
background: #c41a30;
transition: all .2s ease-in-out;
position: absolute;
z-index: 100;
bottom: 0;
left: 0
}
.now-playing .mi-footer-right a.media-item-link:after {
content: none;
}
.media-item-detail {
color: white;
height: 100%;
position: absolute;
top: 100%;
width: 100%;
transition: top 0.5s;
-moz-transition: top 0.5s;
-ms-transition: top 0.5s;
-o-transition: top 0.5s;
-webkit-transition: top 0.5s;
}
.media-item-detail-bg {
background-color: black;
opacity: 0.8;
height: 100%;
width: 100%;
}
.media-item-title {
background-color: black;
display: table-row;
font-size: 0.75em;
font-weight: bold;
height: 3.333333em;
left: 0;
position: absolute;
right: 0;
top: -3.333333em;
}
.media-item-icon {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 35px;
}
.media-item-title-text {
display: table-cell;
height: 3.333333em;
vertical-align: middle;
}
.media-item-title-text > div {
max-height: 3.333333em;
padding: 0.5em 0.6666667em 0.5em 0;
overflow: hidden;
}
/* .media-item-link {
background: black;
bottom: 0;
display: table-row;
left: 0;
position: absolute;
right: 0;
}
.media-item-link-text {
display: table-cell;
height: 2.5em;
vertical-align: middle;
} */
.media-item-detail-content {
bottom: 3.076923em;
font-size: 0.8125em;
left: 0;
line-height: 1.3em;
overflow: hidden;
padding: 10px;
position: absolute;
right: 0;
top: 0;
}
.media-item-detail-byline {
display: block;
margin-bottom: 6px;
}
.media-item img {
width: 100%;
vertical-align: middle;
}
#paging.paging-noresults {
display: none;
}
#paging-controls .is-inactive {
background-color: #999;
}
#paging-text {
display: inline-block;
font-weight: bold;
text-align: right;
margin-right: 15px;
}
#paging-controls {
text-align: center;
}
#paging-controls .btn-load-more {
cursor: pointer;
display: block;
font-size: 14pt;
font-weight: bold;
text-transform: uppercase;
color: #000;
background: #ddd;
width: 100%;
padding: 15px;
margin: 0;
}
#paging-controls .btn-load-more:hover {
color: #fff;
background: #595959;
}
#paging-controls > a > span {
line-height: 20px;
vertical-align: top;
}
#paging-controls > a {
display: inline-block;
height: 21px;
line-height: 21px;
text-align: center;
vertical-align: middle;
width: 21px;
}
#paging-controls > a.is-inactive {
cursor: default;
}
#paging-controls > a#currentPage {
width: auto;
min-width: 21px;
}
#paging-controls > a:link,
#paging-controls > a:visited {
color: #fff;
}
#resultRange {
display: inline-block;
line-height: 21px;
font-weight: bold;
vertical-align: middle;
}
#media-news,
#media-video,
#media-photos {
width: 100%;
height: 100%;
}
#media-news p {
/*display: inline-block;*/
}
@media all and (max-width: 480px) {
#paging-text {
display: block;
text-align: center;
margin-right: 0;
}
}
/************* MEDIA - NEWS ITEMS *************/
#media-news-wrapper {
position: relative;
height: 100%;
width: 100%;
}
#media-news {
/*bottom: -10px;*/
height: auto;
/*left: -10px;*/
margin: 10px 0;
/* overflow: hidden; */
padding: 0 10px;
/*position: absolute;*/
/*right: -10px;*/
/*top: -10px;*/
width: auto;
}
#media-news img {
display: block;
/*border-radius: 2px;
border: 5px solid#dcdcdc;
box-shadow: 0 0 12px 0px #666;*/
}
.headline {
font-family: "Teko", sans-serif;
font-size: 26pt !important;
width: 85%;
color: #000;
background: none;
font-weight: bold;
letter-spacing: .5px;
text-transform: uppercase;
overflow: hidden;
z-index: 100;
position: relative;
padding: 12px 0px;
margin: 20px 0 0;
}
/*.headline:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: -27px;
right: -27px;
background-color: #282828;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: transform 0.3s ease-in-out;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
width: calc(100% - 65px);
}
.headline:after {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
right: 51px;
margin-left: 45px;
border: 10px solid #282828;
border-top: 0;
border-bottom: 0;
width: 31px;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}*/
.byline {
color: #675d45;
font-weight: 600;
padding: 5px 0px;
display: block !important;
}
.share-news {
float: right;
margin: 20px 30px 0 0;
}
.share-news > ul {
padding-left: 0;
}
.share-news > ul > li {
background: #5c5c5c;
display: inline-block;
float: left;
font-size: 1em;
height: 26px;
line-height: 30px;
margin: 0 0 0 0.5em;
text-align: center;
width: 26px;
}
.share-news > ul > li > a {
display: inline-block;
height: 100%;
width: 100%;
}
.article-content {
padding: 0 10px;
}
.FBCcontainer {
height: auto;
min-height: 225px;
}
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget iframe {
height: 200px !important;
width: 100% !important;
overflow: visible !important;
}
.news-show-more,
.news-show-less {
background-color: #e1dfda;
bottom: 0;
display: none;
position: absolute;
right: 0;
}
.news-show-more span,
.news-show-less span {
margin-left: 8px;
vertical-align: middle;
}
@media (min-width: 480px) {
#media-news {
bottom: -15px;
left: -15px;
margin: 15px 0;
padding: 0 15px;
right: -15px;
top: -15px;
}
}
#media-viewer-outer-wrap #media-viewer,
#media-viewer-outer-wrap + #media-listing {
/* opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;*/
}
#media-viewer-outer-wrap.overflow #media-viewer,
#media-viewer-outer-wrap.overflow + #media-listing {
opacity: 1;
}
#media-viewer-outer-wrap.overflow #media-news {
margin-bottom: 30px;
}
#media-viewer-outer-wrap.overflow #media-news iframe {
display: none;
}
#media-viewer-outer-wrap.overflow.showall #media-news iframe {
display: initial;
}
#media-viewer-outer-wrap.overflow .news-show-more {
display: block;
}
#media-viewer-outer-wrap.overflow.showall .news-show-more {
display: none;
}
#media-viewer-outer-wrap.overflow.showall .news-show-less {
display: block;
background: none;
}
#media-viewer-outer-wrap.overflow.showall #media-news {
bottom: auto;
left: auto;
margin: 0 0 20px 30px;
padding: 0;
position: static;
right: auto;
top: auto;
width: auto;
}
body.chromeless #media-viewer-outer-wrap.overflow.showall #media-news {
margin: 0 0 20px 0;
}
@media (min-width: 480px) {
#media-viewer-outer-wrap.overflow #media-news {
margin-bottom: 35px;
}
}
/************* MEDIA - NO RESULTS *************/
#media-noresults {
height: 100%;
position: absolute;
width: 100%;
}
#media-noresults > table {
height: 100%;
width: 100%;
}
#media-noresults td {
text-align: center;
vertical-align: middle;
}
/************* MEDIA - PHOTO GALLERY *************/
#media-photos {
/*text-align: center;*/
}
#photo-gallery {
text-align: center;
}
#photo-gallery-viewport-wrapper {
/*bottom: 136px;
left: 0;
position: absolute;
right: 0;
top: 0px;*/
}
#photo-gallery-viewport {
height: 100%;
/*overflow: hidden;
position: absolute;*/
width: 100%;
}
#photo-gallery-photos {
height: 100%;
width: 2580px;
transition: margin-left 0.5s, transform 0.5s;
-moz-transition: margin-left 0.5s, -moz-transform 0.5s;
-ms-transition: margin-left 0.5s, -ms-transform 0.5s;
-o-transition: margin-left 0.5s, -o-transform 0.5s;
-webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}
.photo-gallery-photo {
display: inline-block;
height: 100%;
width: 847px;
}
.photo-gallery-photo.previous-photo, .photo-gallery-photo.next-photo {
display: none;
}
#photo-gallery-thumbnails {
position: relative;
width: 100%;
clear: both;
/*line-height: 0;
-webkit-column-count: 6;
-webkit-column-gap: 10px;
-moz-column-count:6;
-moz-column-gap: 10px;
column-count: 6;
column-gap: 10px;*/
}
#photo-gallery-thumbnails .thumbnail {
}
#photo-gallery-thumbnails a.thumbnail {
position: relative;
width: 15.5%;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
#photo-gallery-thumbnails a.thumbnail img {
}
#photo-gallery-thumbnails .thumbnail .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000;
}
#photo-gallery-thumbnails .thumbnail:hover .overlay {
opacity: .75;
}
#photo-gallery-thumbnails .thumbnail .overlay span {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
#media-loader,
#photo-loader {
bottom: 0;
display: none;
height: 45px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 45px;
}
#media-loader,
#media-explorer-loader {
display: block;
opacity: 0;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
div.photo {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.photo img {
bottom: 0;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
}
#photo-gallery-carousel {
background-color: #5b5b59;
height: 88px;
line-height: 150px;
position: absolute;
width: 100%;
bottom: 0;
}
.photo-info-bar {
background-color: #000;
/*bottom: 88px;*/
color: #fff;
/*left: 0;*/
max-height: 150px;
min-height: 48px;
/*position: absolute;
right: 0;*/
position: relative;
}
.share-gallery {
float: right;
margin: 8px 8px 0 0;
}
.share-gallery > ul {
padding-left: 0;
}
.share-gallery > ul > li {
background: #5c5c5c;
display: inline-block;
float: left;
font-size: 1em;
height: 26px;
line-height: 30px;
margin: 0 0 0 0.5em;
text-align: center;
width: 26px;
}
.share-gallery > ul > li > a {
display: inline-block;
height: 100%;
width: 100%;
}
.photo-info-bar > .photo-info {
/*float: left;*/
line-height: 19px;
padding: 5px;
}
.photo-info-bar > .photo-info > h6 {
font-family: "Teko", sans-serif;
font-weight: bold;
font-size: 20pt;
max-height: 30px;
display: block;
text-align: left;
margin: 10px 0px;
}
.photo-info-bar > .photo-info > .photo-title,
.photo-info-bar > .photo-info > .photo-byline {
display: block;
text-align: left;
}
.photo-info-bar > .photo-info > .photo-title {
font-size: 1.1em;
min-height: 24px;
max-height: 38px;
overflow: hidden;
}
.photo-info-bar > .photo-info > .photo-byline {
font-size: 0.75em;
}
#scroll-left,
#scroll-right {
bottom: 0;
display: none;
height: 40px;
margin: auto;
position: absolute;
top: 0;
width: 20px;
transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
#scroll-left {
left: 0;
}
#scroll-right {
right: 0;
}
#scroll-left.is-inactive,
#scroll-right.is-inactive {
opacity: 0;
}
#carousel-scroll-left,
#carousel-scroll-right {
background-color: #333333;
height: 100%;
line-height: 105px;
position: absolute;
width: 53px;
}
#carousel-scroll-left.is-inactive .sprite,
#carousel-scroll-right.is-inactive .sprite {
opacity: 0.5;
}
#carousel-scroll-left {
left: 0;
}
#carousel-scroll-right {
right: 0;
}
#carousel-viewport {
height: 100%;
left: 53px;
position: absolute;
overflow: hidden;
right: 53px;
}
ul#carousel-images {
padding: 0;
transition: margin-left 0.5s, transform 0.5s;
-moz-transition: margin-left 0.5s, -moz-transform 0.5s;
-ms-transition: margin-left 0.5s, -ms-transform 0.5s;
-o-transition: margin-left 0.5s, -o-transform 0.5s;
-webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}
ul#carousel-images > li {
border: 2px solid transparent;
display: inline-block;
height: 70px;
margin: 0 10px;
overflow: hidden;
text-align: center;
width: 70px;
transition: border-color 0.25s;
-moz-transition: border-color 0.25s;
-ms-transition: border-color 0.25s;
-o-transition: border-color 0.25s;
-webkit-transition: border-color 0.25s;
}
ul#carousel-images > li.is-active {
border-color: #fff;
}
ul#carousel-images > li > a > img {
margin-left: -50%;
margin-right: -50%;
max-height: 100%;
max-width: inherit;
}
#carousel-viewport-overlay {
background-color: #000;
max-height: 100%;
pointer-events: none;
position: absolute;
opacity: 0.5;
width: 100%;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
@media all and (max-width: 1200px) {
#photo-gallery-thumbnails a.thumbnail {
width: 23.75%;
float: left;
margin-right: 10px;
}
}
@media all and (max-width: 959px) {
#photo-gallery-thumbnails a.thumbnail {
width: 31.75%;
float: left;
margin-right: 10px;
}
#carousel-viewport-overlay {
display: none;
}
}
@media all and (max-width: 479px) {
#photo-gallery-thumbnails a.thumbnail {
width: 47%;
float: left;
margin-right: 10px;
}
#photo-gallery-header {
height: auto;
height: 50px;
}
#photo-gallery-carousel {
display: none;
}
#photo-gallery-viewport-wrapper {
bottom: 55px;
top: 55px;
}
.photo-info-bar {
bottom: 0;
height: 105px;
}
.photo-info-bar > .share-photo {
clear: left;
float: left;
margin-top: 0;
}
.photo-info-bar > .photo-info {
max-width: 100%;
}
#photo-gallery-header > .share-gallery {
clear: both;
float: left;
margin: 5px 0 0;
}
#photo-gallery-header > .share-gallery > ul > li:first-child {
margin-left: 0;
}
.photo-info-bar > .photo-info > .photo-title {
font-size: 0.75em;
font-weight: bold;
line-height: 1.2em;
max-height: 24px;
}
.photo-info-bar > .photo-info > h6 {
font-size: 14pt;
}
#photo-gallery-header > h6 {
max-width: 100%;
}
#scroll-left,
#scroll-right {
display: block;
}
}
/************* MEDIA - VIDEO *************/
#ims-videoplayer {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
}
.video-details-wrapper {
/*height: 0;*/
/*margin: 0 -10px;*/
/*padding-bottom: 43.75%;*/
position: relative;
}
.video-details {
/*bottom: 0;
left: 0;
overflow: hidden;*/
padding: 10px;
/*position: absolute;
right: 0;
top: 0;*/
}
.video-title {
font-family: "Teko", sans-serif;
font-size: 26pt !important;
font-weight: bold;
margin-bottom: 0.5em;
}
.video-share {
float: right;
}
.video-share > ul {
margin: 0 !important;
padding: 0;
}
.video-share > ul > li {
background-color: #333;
display: inline-block;
height: 25px;
line-height: 25px;
list-style: none;
margin: 0;
text-align: center;
width: 25px;
}
.video-share > ul > li + li {
margin-left: 0.25em;
}
.video-share > ul > li > a {
display: block;
height: 100%;
line-height: 25px;
vertical-align: middle;
width: 100%;
}
.video-share > ul > li > a > span {
vertical-align: middle;
}
.video-show-more,
.video-show-less {
background-color: #e1dfda;
bottom: 0;
display: none;
position: absolute;
right: 10px;
}
.video-show-more span,
.video-show-less span {
margin-left: 8px;
vertical-align: middle;
}
/* FACEBOOK COMMENTS*/
.facebookComments {
position: absolute;
left: -2000px;
}
@media (min-width:480px) {
.video-details-wrapper {
/*margin: 0 -15px;*/
}
.video-details {
padding: 15px;
}
.video-share {
top: 15px;
right: 15px;
}
.video-show-more,
.video-show-less {
right: 15px;
}
}
@media (min-width: 768px) {
.video-details-wrapper {
/*padding-bottom: 18.75%;*/
}
}
#media-viewer-outer-wrap.overflow .video-details {
margin-bottom: 15px;
}
#media-viewer-outer-wrap.overflow .video-show-more {
display: block;
}
#media-viewer-outer-wrap.overflow.showall .video-details-wrapper {
height: auto;
margin: 0;
padding-bottom: 0px;
position: static;
}
#media-viewer-outer-wrap.overflow.showall .video-details {
height: auto;
margin: 0;
overflow: hidden;
padding: 10px 0;
position: static;
width: auto;
}
#media-viewer-outer-wrap.overflow.showall .video-show-more {
display: none;
}
#media-viewer-outer-wrap.overflow.showall .video-show-less {
display: block;
}
@media (min-width: 480px) {
#media-viewer-outer-wrap.overflow .video-details {
margin-bottom: 20px;
}
#media-viewer-outer-wrap.overflow.showall .video-details {
padding: 15px 0;
}
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url(/styles/ims/v1/ajax-loader.gif) center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(/styles/ims/v1/fonts/slick.eot);
src: url(/styles/ims/v1/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/styles/ims/v1/fonts/slick.woff) format('woff'), url(/styles/ims/v1/fonts/slick.ttf) format('truetype'), url(/styles/ims/v1/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
display: block;
width: 10px;
height: 10px;
border: 2px solid #999999;
border-left: 0;
border-top: 0;
}
.slick-prev
{
left: -25px;
}
.slick-prev:before
{
content: '';
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.slick-next
{
right: -25px;
}
.slick-next:before
{
content: '';
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
[dir='rtl'] .slick-prev:before
{
content: '';
}
[dir='rtl'] .slick-next
{
left: auto;
right: -50px;
}
[dir='rtl'] .slick-next:before
{
content: '';
}
/* Schedule Carousels */
.schedule-carousel .slick-next:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.schedule-carousel .slick-prev:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.schedule-carousel .slick-prev,
.schedule-carousel .slick-next {
top: 100%;
left: 50%;
right: auto;
background: #9a978f;
width: 36px;
height: 36px;
padding: 13px;
border-radius: 50%;
/* z-index: 1;*/
}
.schedule-carousel .slick-next {
margin-left: -45px;
}
.schedule-carousel .slick-prev {
margin-left: 5px;
}
.schedule-carousel .slick-prev.slick-disabled,
.schedule-carousel .slick-next.slick-disabled {
background:#4d4c49;
}
.schedule-carousel .slick-prev:before,
.schedule-carousel .slick-next:before {
border-color: #fff;
}
@media (min-width: 77em){
.schedule-carousel .slick-prev,
.schedule-carousel .slick-next {
top:50%;
left:100%;
width: 40px;
height: 40px;
padding:15px;
}
.schedule-carousel .slick-next {
margin-left: 60px;
}
.schedule-carousel .slick-prev {
margin-left: 110px;
}
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* ========================== */
/* ====== STAT FILTERS ====== */
/* ========================== */
#stat-filters {
/* height: 21px; */
margin-bottom: 10px;
position: relative;
}
#stat-filters ul {
/* height: 1.4em; */
margin: auto;
padding: 0;
position: relative;
left: 0;
bottom: 0;
}
#stat-filters ul > li {
display: inline-block;
font-size: 1em;
line-height: 1em;
list-style: none;
margin: 0 1em 0.5em 0;
vertical-align: top;
/* margin-right: 1em; */
}
#stat-filters ul > li + li {
/* margin-left: 1em; */
}
#stat-filters ul > li > a, #stat-filters ul > li > a:visited {
color: #333333;
text-transform: uppercase;
}
#stat-filters ul > li > a > small {
font-size: 0.75em;
}
#stat-filters > #filter-follow {
bottom: 0;
height: 3px;
left: 0;
position: absolute;
width: 0px;
transition: width 0.3s, left 0.3s, top 0.3s;
-mos-transition: width 0.3s, left 0.3s, top 0.3s;
-ms-transition: width 0.3s, left 0.3s, top 0.3s;
-o-transition: width 0.3s, left 0.3s, top 0.3s;
-webkit-transition: width 0.3s, left 0.3s, top 0.3s;
}
@media all and (max-width: 600px) {
#stat-filters small {
display: block;
}
}
/* ============================ */
/* ====== STAT SELECTORS ====== */
/* ============================ */
#stat-selectors {
clear: left;
float: left;
width: 100%;
white-space: nowrap;
}
#stat-selectors ul {
display: table;
padding-left: 0;
margin-bottom: 0;
}
#stat-selectors ul > li {
display: table-cell;
height: 36px;
margin: 0 0 0 -1px;
padding: 0 13px 0 10px;
vertical-align: middle;
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
}
#stat-selectors ul > li > a, #stat-selectors ul > li > a:visited {
color: #fff;
display: block;
padding: 0 8px;
text-transform: uppercase;
white-space: normal;
}
#stat-selectors ul > li.is-selected a:hover {
cursor: default;
}
#stat-selectors ul > li + li {
border-left: 1px solid #fff;
}
#stat-selectors ul > li.is-selected {
margin: 0;
}
#stat-selectors ul > li.is-selected,
#stat-selectors ul > li.is-selected + li {
border-left: none;
}
#stat-selectors ul > li > select {
font-size: 0.85em;
height: 25px;
padding: 2px 2px;
width: 150px;
}
@media all and (max-width: 1300px) {
#stat-selectors ul > li > a {
font-size: 0.85em;
padding: 1px 2px 0;
line-height: 11px;
}
}
@media all and (max-width: 481px) {
#stat-selectors ul > li {
padding: 0;
}
#stat-selectors ul > li > a {
font-size: 8px;
height: auto;
padding: 0 4px;
}
#stat-selectors ul > li + li > label {
border-left: none;
}
#stat-selectors ul > li > select {
width: 100%;
}
}
/* ======================== */
/* == STATS GRID HEADER === */
/* ======================== */
.stats-grid-header {
}
.stats-grid-header > h6 {
float: left;
}
.stats-grid-header > .year-toggle {
float: right;
margin-right: 5px;
}
.stats-grid-header > .year-toggle > label {
color: #fff;
font-size: 0.75em;
margin-right: 8px;
text-transform: uppercase;
}
.stats-grid-header > .year-toggle > select {
font-size: 0.75em;
height: 26px;
}
/* ======================== */
/* ====== STATS GRID ====== */
/* ======================== */
#stats-data {
float: left;
min-height: 125px;
position: relative;
width: 100%;
transition: height 0.5s;
-moz-transition: height 0.5s;
-ms-transition: height 0.5s;
-o-transition: height 0.5s;
-webkit-transition: height 0.5s;
}
#stat-loader {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
transition: opacity 0.25s;
-o-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-ms-transition: opacity 0.25s;
-webkit-transition: opacity 0.25s;
}
#stat-loader.is-showing {
opacity: 1;
filter: alpha(opacity=1);
}
#stat-loader > .spinner-box {
bottom: 0;
left: 50%;
position: absolute;
margin: auto;
pointer-events: none;
right: 0;
top: 95px;
z-index: 3;
}
.stats-grid {
float: left;
padding: 3px 3px 5px 6px;
min-height: 60px;
position: relative;
width: 100%;
transition: opacity 0.25s;
-o-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-ms-transition: opacity 0.25s;
-webkit-transition: opacity 0.25s;
}
.stats-grid > .stats-grid-data {
position: relative;
transition: opacity 0.25s;
-o-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-ms-transition: opacity 0.25s;
-webkit-transition: opacity 0.25s;
}
.stats-grid > .stats-grid-data h6 {
color: #fff;
display: inline-block;
float: left;
margin: 5px 5px 10px;
}
.stats-grid > .stats-grid-data > .grid {
clear: both;
overflow-y: hidden;
}
.stats-grid > .stats-grid-data > .grid > .grid-wrapper {
width: 925px;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.stats-grid > .stats-grid-data > .grid > .grid-wrapper a {
color: #fff;
font-weight: normal;
}
.stats-grid > .stats-grid-data > .grid > .grid-wrapper a:hover {
text-decoration: underline;
}
.stats-grid > .stats-grid-data > .grid table {
table-layout: fixed;
}
.stats-grid > .stats-grid-data > .grid table.small-table {
width: 100%;
}
.stats-grid > .stats-grid-data > .grid th,
.stats-grid > .stats-grid-data > .grid td {
border: 1px solid #000;
color: #fff;
font-size: 0.9em;
padding: 4px 6px;
}
.stats-grid > .stats-grid-data > .grid th {
background-color: #000;
font-weight: bold;
text-transform: uppercase;
}
.stats-grid > .stats-grid-data > .grid td {
background-color: #333333;
min-width: 57px;
max-width: 170px;
}
.stats-grid > .stats-grid-data > .grid table.small-table td {
min-width: initial;
max-width: initial;
}
.stats-grid > .stats-grid-data > .grid tbody tr:nth-child(even) td {
background-color: #131313;
}
.stats-grid > .stats-grid-data > .grid table.floated-table {
float: left;
width: 33%;
}
.stats-grid > .stats-grid-data .driverCareerEntries {
margin-top: 15px;
}
.stats-grid .clearfix {
clear: both;
margin: 10px 0;
}
.box-score-table {
float: left;
margin-right: 25px;
}
.footnote,
.grid-return a {
font-size: 0.8em;
}
.footnote {
float: left;
padding: 5px 0;
}
.grid-return {
float: right;
padding: 5px 0;
}
.sublevel-wrapper {
background: #fff;
border: 2px solid #000;
padding: 5px;
position: relative;
}
.sublevel-header {
background: #000;
color: #fff;
font-size: 0.9em;
font-weight: bold;
padding: 4px 7px;
text-transform: uppercase;
}
@media all and (max-width: 1280px) and (min-width: 960px) {
.stats-grid > .stats-grid-data > .grid table.floated-table {
width: 50%;
}
}
@media all and (max-width: 600px) {
.stats-grid > .stats-grid-data > .grid table.floated-table {
width: 50%;
}
}
@media all and (max-width: 481px) {
.stats-grid > .stats-grid-data > .grid table.floated-table {
width: 100%;
}
}
/* ======================== */
/* ====== POPUP MENU ====== */
/* ======================== */
#menu-container {
float: left;
position: relative;
width: 100%;
}
.stat-menu,
#driver-menu {
border-bottom: 2px solid #000;
display: none;
padding: 5px 0;
position: absolute;
left: 0;
width: 100%;
z-index: 2;
}
.stat-menu h6,
#driver-menu h6 {
color: #fff;
display: inline-block;
margin: 5px 5px 10px;
width: 85%;
}
.stat-menu .menu-listing ,
#driver-menu .menu-listing {
background-color: #ededed;
border: 2px solid #000;
clear: both;
margin: 0 5px;
overflow: hidden;
padding: 4px 0;
position: relative;
}
.stat-menu .menu-listing .column,
#driver-menu .menu-listing .column {
display: inline-block;
vertical-align: top;
width: 45%;
}
#driver-menu .menu-listing .column {
width: 24%;
}
.stat-menu .menu-listing .column a,
#driver-menu .menu-listing .column a {
color: #000;
font-weight: normal;
}
.stat-menu .menu-listing .column a:hover
#driver-menu .menu-listing .column a:hover {
text-decoration: underline;
}
#menu-letter-select-viewport,
#content-letter-select-viewport {
background-color: #000;
height: 35px;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-o-user-select: none;
}
#menu-letter-select,
#content-letter-select {
background-color: #000;
margin: -3px 0 0;
text-align: center;
width: 880px;
transition: margin-left 0.5s;
-o-transition: margin-left 0.5s;
-ms-transition: margin-left 0.5s;
-moz-transition: margin-left 0.5s;
-webkit-transition: margin-left 0.5s;
}
#content-letter-select {
margin: 0 0 0 6px;
}
#content-letter-select-viewport-wrapper {
clear: both;
position: relative;
}
#content-letter-select-viewport {
top: 0;
z-index: 1;
width: 100%;
}
#menu-letter-select ul,
#content-letter-select ul {
margin-bottom: 0;
padding-left: 0;
}
#menu-letter-select ul li,
#content-letter-select ul li {
background-color: #000;
display: inline-block;
height: 27px;
text-align: center;
width: 32px;
transition: color 0.5s, background-color 0.5s;
-ms-transition: color 0.5s, background-color 0.5s;
-moz-transition: color 0.5s, background-color 0.5s;
-o-transition: color 0.5s, background-color 0.5s;
-webkit-transition: color 0.5s, background-color 0.5s;
}
#menu-letter-select ul li.is-selected,
#content-letter-select ul li.is-selected {
background-color: #969694;
}
#menu-letter-select ul li a,
#content-letter-select ul li a {
color: #fff;
display: block;
font-size: 1.1em;
font-weight: bold;
margin-top: 4px;
}
#content-letter-select ul li a:hover {
cursor: pointer;
text-decoration: none;
}
#menu-letter-select ul li.is-selected a,
#content-letter-select ul li.is-selected a {
color: #000;
}
#menu-letter-select ul li.is-selected a:hover,
#content-letter-select ul li.is-selected a:hover {
cursor: default;
}
.open-popup,
.close-popup {
display: inline-block;
float: right;
margin: 5px 8px 5px 0;
}
.open-popup a,
.close-popup a {
color: #fff;
font-size: 0.7em;
}
.driver-letter {
display: none;
margin-top: 40px;
}
.driver-letter.is-selected {
display: block;
}
.menu-letter-scrollLeft,
.menu-letter-scrollRight,
.content-letter-scrollLeft,
.content-letter-scrollRight {
background: #000;
height: 31px;
padding-top: 9px;
position: absolute;
text-align: center;
top: 0;
width: 10px;
}
.menu-letter-scrollLeft.is-hidden,
.menu-letter-scrollRight.is-hidden,
.content-letter-scrollLeft.is-hidden,
.content-letter-scrollRight.is-hidden {
opacity: 0;
}
.menu-letter-scrollLeft:hover,
.menu-letter-scrollRight:hover,
.content-letter-scrollLeft:hover,
.content-letter-scrollRight:hover {
cursor: pointer;
}
.menu-letter-scrollLeft.is-hidden:hover,
.menu-letter-scrollRight.is-hidden:hover,
.content-letter-scrollLeft.is-hidden:hover,
.content-letter-scrollRight.is-hidden:hover {
cursor: default;
}
.menu-letter-scrollLeft,
.content-letter-scrollLeft {
left: 0;
}
.menu-letter-scrollRight,
.content-letter-scrollRight {
right: 0;
}
.driver-summary-name {
margin-bottom: 5px;
margin-top: 36px;
font-weight: bold;
}
.sublevel-footer {
color: #fff;
font-size: 0.8em;
padding: 4px;
}
.driver-cta {
margin: 4px 0;
}
.menu-listing .driver-cta {
margin-left: 5px;
}
.driver-cta a {
color: #000 !important;
font-size: 0.7em;
font-weight: bold !important;
margin-left: 4px;
}
@media all and (max-width: 600px) {
.stats-grid-header > .year-toggle {
float: left;
margin-left: 5px;
margin-bottom: 10px;
}
#driver-menu .menu-listing .column {
width: 45%;
}
}
@media all and (max-width: 400px) {
.stats-grid > .stats-grid-data h6 {
width: 100%;
}
}
/**, *:before, *:after {
box-sizing: content-box;
}*/
.slick-arrow {
box-sizing: inherit !important;
}
/***** LAYOUT *****/
.padding-1 {
padding: 30px;
}
@media (min-width:64em) {
.padding-1 {
padding: 40px 45px;
}
}
.invisible {
display: none;
}
/***** End of LAYOUT *****/
/***** Updated styled table ***/
.recipe-table-two table {
width: 100%;
}
.recipe-table-two tr:nth-child(even) {
background-color: #f1f1f1;
}
.recipe-table-two td {
padding: 0.5rem 0.625rem 0.625rem;
border: 1px solid #f1f1f1;
}
.recipe-table-two td.center {
text-align: center;
}
.recipe-table-two td a span {
padding-right: 5px;
}
.recipe-table-two thead {
background-color: #f8f8f8;
}
div.directions-title {
font-weight: bold;
padding: 3px 3px 3px 5px;
background-color: #f1f1f1;
}
/***** THEMES *****/
a.link-color-1 {
color: #c41a30;
}
a.go-back-link {
text-decoration: underline;
padding: 20px 0;
}
a.go-back-link:hover,
a.go-back-link:focus {
text-decoration: none;
}
@media (max-width:47.99em) {
a.go-back-link {
display: block;
}
}
.theme-bg-1 {
background: #e5e5e5;
}
/* gray 1 */
.theme-bg-2 {
background: #dcdcdc;
}
/* gray 2 - darker */
a.skew__button {
color: #fff;
}
.skew__button,
.faux-skew-button .faux-skew-button__accent {
display: inline-block;
position: relative;
/* z-index: 5;
margin: 0 70px 0 0; */
padding: 15px;
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: "Roboto", sans-serif;
vertical-align: middle;
text-transform: uppercase;
white-space: nowrap;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #d82432;
border: 0;
cursor: pointer;
font-weight: bold;
border-radius: 5px;
text-align: center;
margin-bottom: 4px;
}
@media(min-width: 60em) {
.skew__button,
.faux-skew-button .faux-skew-button__accent {
min-width: 180px;
}
}
/* .skew__button:before,
.faux-skew-button .faux-skew-button__accent:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 27px;
right: -27px;
background-color: #c41a30;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skew__button:after,
.faux-skew-button .faux-skew-button__accent:after {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 100%;
margin-left: 32px;
border: 5px solid #c41a30;
border-top: 0;
border-bottom: 0;
width: 15px;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} */
.skew__button.btn-theme-2,
.faux-skew-button.btn-theme-2 .faux-skew-button__accent {
background-color: #353535;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* .skew__button.btn-theme-2:before,
.faux-skew-button.btn-theme-2 .faux-skew-button__accent:before {
background-color: #353535;
}
.skew__button.btn-theme-2:after,
.faux-skew-button.btn-theme-2 .faux-skew-button__accent:after {
border: 5px solid #353535;
border-top: 0;
border-bottom: 0;
} */
.skew__button.btn-theme-3,
.faux-skew-button.btn-theme-3 .faux-skew-button__accent {
background-color: #7B6342;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* .skew__button.btn-theme-3:before,
.faux-skew-button.btn-theme-3 .faux-skew-button__accent:before {
background-color: #93774f;
}
.skew__button.btn-theme-3:after,
.faux-skew-button.btn-theme-3 .faux-skew-button__accent:after {
border: 5px solid #93774f;
border-top: 0;
border-bottom: 0;
} */
.skew__button.btn-theme-4,
.faux-skew-button.btn-theme-4 .faux-skew-button__accent {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #737373;
}
.skew__button:hover,
.skew__button:focus,
.faux-skew-button .faux-skew-button__input:hover ~ .faux-skew-button__accent,
.faux-skew-button .faux-skew-button__input:focus ~ .faux-skew-button__accent {
background-color: #c12436;
}
.skew__button.btn-theme-2:hover,
.skew__button.btn-theme-2:focus {
background-color: #282828;
}
.skew__button.btn-theme-3:hover,
.skew__button.btn-theme-3:focus {
background-color: #635336;
}
.skew__button.btn-theme-4:hover,
.skew__button.btn-theme-4:focus {
background-color: #505050;
}
.skew__button:after {
content: "\00BB";
display: inline-block;
position: relative;
top: -.1em;
vertical-align: top;
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
/*.skew__button:hover:after,
.skew__button:focus:after {
-webkit-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px);
}
.skew__button:hover:before,
.skew__button:focus:before,
.faux-skew-button .faux-skew-button__input:hover ~ .faux-skew-button__accent:before,
.faux-skew-button .faux-skew-button__input:focus ~ .faux-skew-button__accent:before {
background-color: #282828;
}
.skew__button:hover:after,
.skew__button:focus:after,
.faux-skew-button .faux-skew-button__input:hover ~ .faux-skew-button__accent:after,
.faux-skew-button .faux-skew-button__input:focus ~ .faux-skew-button__accent:after {
border: 5px solid #282828;
border-top: 0;
border-bottom: 0;
} */
/*Plan Ahead Button Grid*/
.btn-grid .skew__button {
padding: 15px 0;
}
.btn-grid {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(180px, 1fr));
grid-gap: 5px;
}
.faux-skew-button {
display: block;
position: relative;
z-index: 5;
max-width: 300px;
}
.faux-skew-button .faux-skew-button__input {
position: absolute;
top: 0;
left: 0;
z-index: 3;
padding: 20px 70px 20px 20px;
border: 0;
cursor: pointer;
font-weight: bold;
text-align: left;
color: #fff;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.faux-skew-button__input ~ .faux-skew-button__accent {
z-index: 1;
min-height: calc(1em + 40px);
}
.ticketingitem .faux-skew-button {
margin-top: 20px;
}
.faux-skew-button .faux-skew-button__accent {
width: 58%;
max-width: 400px;
}
/***** End of THEMES *****/
.headerBar {
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
margin-bottom: 50px;
}
.headerBar h1 {
display: inline-block;
position: relative;
/*z-index: 5;*/
width: 100%;
margin: 0 0 14.5vw 0;
font-size: 32px;
line-height: 1;
font-weight: 600;
font-family: "Teko", sans-serif;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
color: #ffffff;
max-height: 320px;
}
.headerBar h1:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: -27px;
right: -27px;
background-color: #282828;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: transform 0.3s ease-in-out;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
width: calc(100% - 65px);
}
.headerBar h1:after {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
right: 20px;
margin-left: 45px;
border: 20px solid #282828;
border-top: 0;
border-bottom: 0;
width: 55px;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.headerBar.gold h1:before {
background-color: #93774f;
}
.headerBar.gold h1:after {
border: 20px solid #93774f;
border-top: 0;
border-bottom: 0;
}
.headerBar h1 > span {
display: block;
max-width: 1588px;
margin: 0 auto;
padding: 18px 20px;
background: #282828;
}
@media (min-width:64em) {
.headerBar h1 {
font-size: 42px;
}
.headerBar h1 > span {
padding: 30px 53px;
}
}
.headerBar.no-bg-image {
margin-bottom: 0px;
padding-bottom: 76px;
}
@media (min-width:64em) {
.headerBar.no-bg-image {
padding-bottom: 96px;
}
}
.headerBar.no-bg-image h1 {
margin-bottom: 0px;
}
.interior-page .flex-row {
margin: 0 auto;
max-width: 1588px;
}
.headerBar.schedule-header {
margin-bottom: 0px;
background: #2b2b2b;
}
.headerBar.schedule-header h1 {
margin-bottom: 0px;
}
.headerBar.schedule-header h1 span.flex > span:nth-child(2) span {
display: block;
}
.headerBar.schedule-header h1 span.flex > span:nth-child(2) span + span {
font-size: 18px;
font-family: Roboto, sans-serif;
text-transform: capitalize;
font-weight: 400;
}
.headerBar.schedule-header h1:before {
background-color: #93774f;
}
.headerBar.schedule-header h1:after {
border: 20px solid #93774f;
border-top: 0;
border-bottom: 0;
}
@media (max-width:47.99em) {
.headerBar.schedule-header {
background: #93774f;
text-align: center;
}
.headerBar.schedule-header h1 span.flex > span:nth-child(2) span + span {
font-size: 16px;
}
.headerBar.schedule-header .flex img {
max-width: 120px;
}
.headerBar.schedule-header .flex > span {
display: block;
margin-bottom: 10px;
}
}
@media (min-width: 48em) {
.headerBar.schedule-header h1 > span.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.headerBar.schedule-header h1 .flex > span {
-ms-flex-item-align: center;
align-self: center;
}
.headerBar.schedule-header h1 .flex > span:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.headerBar.schedule-header h1 .flex > span:nth-child(1) {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 30px;
}
.headerBar.schedule-header h1 .flex > span:nth-child(3) {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
/* Shopping Cart */
@media (min-width:64em) {
.ticket-event-cart {
width: 95%;
border: #e6e6e6 solid 2px;
margin: 0 auto;
margin-bottom: 15px;
padding: 0;
}
}
.ticket-event-cart .ticket-event-block-header {
background: #282828;
font-weight: normal;
font-family: "Teko", sans-serif;
font-size: 18pt;
}
.ticket-event-cart .cart-line-item {
font-size: 12pt;
padding: 10px;
}
.ticket-event-cart .ticket-event-cart-item .textRight {
padding-right: 25px;
}
.ticket-event-cart .faux-skew-button, .ticket-event-cart .right-link {
display: inline-block;
min-width: 300px;
float: right;
padding-bottom: 10px;
}
.ticket-event-cart .right-link a {
display: block;
z-index: 3;
padding: 20px 70px 20px 50px;
border: 0;
cursor: pointer;
font-weight: bold;
}
/* Content Widget */
.interior-content__widget .widget__header {
padding: 12px 18px 5px;
}
.interior-content__widget h2 {
margin: 0;
color: #000000;
font-family: "Teko", sans-serif;
}
@media (min-width:64em) {
.interior-content__widget .widget__header {
padding: 12px 53px 5px;
}
}
.widget__header.has-addition h2 {
margin-bottom: 0px;
}
.widget__header.has-addition > span a {
margin: 0;
}
@media (min-width:48em) {
.widget__header.has-addition {
display: table;
width: 100%;
}
.widget__header.has-addition h2 {
display: table-cell;
padding-right: 20px;
margin: 0;
}
.widget__header.has-addition > span {
display: table-cell;
text-align: right;
}
}
.widget__content > .dropitem {
margin-left: -15px;
margin-right: -15px;
}
.dropitem {
position: relative;
margin-bottom: 2em;
}
.dropitem__title {
padding: 36px 150px 36px 36px;
background: #ededed;
font-family: "Teko", sans-serif;
font-size: 36px;
}
.dropitem__button {
position: absolute;
top: 0;
right: 0;
z-index: 3;
padding: 36px;
border: 0;
background: #c41a30;
color: #FFFFFF;
font-family: "Teko", sans-serif;
font-size: 24px;
line-height: 36px;
cursor: pointer;
}
.dropitem__button:before {
content: "more ";
}
.dropitem__button:after {
content: " +";
}
.active.dropitem__button {
background: #000000;
}
.active.dropitem__button:before {
content: "hide ";
}
.active.dropitem__button:after {
content: " -";
}
@media (min-width:48em) {
.dropitem__button {
min-width: 153px;
}
}
@media (max-width:47.99em) {
.dropitem__button:before {
display: none;
}
.dropitem__title {
padding: 20px 90px 20px 20px;
}
.dropitem__button {
padding: 20px;
}
}
.dropitem__content {
display: none;
position: relative;
z-index: 1;
border: 1px solid #ededed;
border-top: 0;
/* overflow: hidden;
max-height: 0; */
-webkit-transition: max-height 1s;
transition: max-height 1s;
}
.single-item .dropitem__content {
display: block;
}
.dropitem__content:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 30px;
border: 14px solid transparent;
border-top: 14px solid #ededed;
}
.active .dropitem__content {
max-height: 2000px;
height: auto;
}
.dropitem__content .wysiwyg-content {
padding: 25px 15px 5px;
}
@media (min-width:64em) {
.dropitem__contentwrapper {
padding: 2em;
}
.dropitem__contentwrapper .scrollTop {
position: absolute;
bottom: 15px;
right: 15px;
}
}
.ticketingitem {
position: relative;
padding: 15px;
width: 100%;
max-width: 400px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ticketingitem:before {
content: " ";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 1px solid #e5e5e5;
}
.ticketingitem:hover:before, .ticketingitem:focus:before {
-webkit-box-shadow: 0px 0px 30px 7px rgba(214,214,214,1);
box-shadow: 0px 0px 30px 7px rgba(214,214,214,1);
}
.ticketingitem.soldout:hover:before, .ticketingitem.soldout:focus:before {
-webkit-box-shadow: none;
box-shadow: none;
}
.ticketingitem__content {
padding: 50px 30px;
}
.ticketingitem h4.ticketingitem__title {
margin-top: 0;
margin-bottom: 20px;
font-family: "Teko", sans-serif;
font-size: 36px;
}
.ticketingitem .soldout-message {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(213,213,213,.9);
color: #000;
text-align: center;
text-shadow: 3px 1px 0 rgba(255, 255, 255, 1);
font-family: "Teko", sans-serif;
font-size: 60px;
text-transform: uppercase;
z-index: 10;
}
.ticketingitem.soldout .soldout-message {
display: block;
}
.ticketingitem .soldout-message > span {
display: table;
width: 100%;
height: 100%;
}
.ticketingitem .soldout-message > span > span {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
.ticketingitem .ticketingitem__date {
margin: 0;
font-size: 15px;
}
.ticketingitem .ticketingitem__date + .row {
margin-top: 18px;
}
@media (min-width:48em) {
.widget__content > .ticketing-items {
margin-left: -15px;
marigh-right: -15px;
}
.ticketing-items {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ticketingitem {
width: 50%;
}
}
@media (min-width: 61.25em) {
.ticketingitem .ticketingitem__date {
font-size: 20px;
}
}
.ticketingitem .ticketingitem__location {
font-size: 18px;
font-weight: 700;
}
.ticketingitem__subheader {
display: block;
margin: 0;
font-family: "Teko", sans-serif;
font-size: 30px;
}
.ticketingitem__price {
font-size: 20px;
}
.ticketingitem .ticketingitem__qty {
background: #ffffff;
border: 1px solid #e5e5e5;
}
.ticketingitem .skew__button {
width: 58%;
max-width: 400px;
margin-top: 20px;
}
.cart__widget.widget {
max-width: 380px;
border: 0;
margin: 0 auto;
background: #dcdcdc;
font-family: "Roboto", sans-serif;
}
.cart__widget .widget__header {
padding: 16px 0;
background: #93774f;
}
.cart__widget .widget__title {
width: 100%;
background: none;
font-family: "Teko", sans-serif;
font-size: 30px;
font-weight: 700;
text-align: center;
letter-spacing: 2px;
}
.cart__widget .widget__title:before, .cart__widget .widget__title:after {
background: none;
border: 0;
}
.cart__widget .widget__content {
color: #000000;
text-align: center;
}
.cart__widget .widget__content {
padding: 25px 30px 0;
}
.cart__widget .widget__footer {
padding: 25px 30px;
}
.cart__widget .cart__type {
font-family: "Teko", sans-serif;
font-size: 36px;
line-height: 1em;
margin: 0;
}
.cart__widget .cart__price {
padding: 10px 0 20px;
border-bottom: 1px solid #b0b0b0;
margin: 0;
font-size: 18px;
font-weight: 700;
}
.cart__widget .widget__footer {
color: #000000;
}
.cart__widget .cart__subtotal {
font-size: 18px;
font-weight: 700;
}
.cart__widget.widget .event-btn {
display: inline-block;
position: relative;
z-index: 5;
margin-bottom: 0;
padding: 20px 50px;
overflow: hidden;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
color: #fff;
background-color: #d91f29;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.interior-page .no-margin + .section .flex-col--aside {
padding-bottom: 45px;
}
@media (min-width: 48em) {
.interior-page .flex-col--main {
width: calc(100% - 340px);
min-width: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.interior-page .flex-col--aside {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 240px;
min-width: 240px;
margin: 0 auto;
}
.interior-page .flex-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width:77em) {
.interior-page .flex-row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.interior-page .flex-col--aside {
padding-top: 45px;
}
}
@media (min-width: 81em) {
.interior-page .flex-col--aside {
width: 340px;
min-width: 340px;
}
}
/* Forms */
.form-title {
font-family: "Teko", sans-serif;
font-size: 36px;
}
.form-content select,
.form-content input[type="text"] {
background: #ffffff;
border: 1px solid #e5e5e5;
height: 40px;
font-size: 20px;
line-height: 40px;
padding: 5px 10px;
}
.form-content label,
.item-total {
margin: 0;
font-family: "Teko", sans-serif;
font-size: 30px;
text-transform: uppercase;
}
.total-cost {
margin: 0;
font-family: "Teko", sans-serif;
font-size: 36px;
}
.form-content label {
display: block;
margin-bottom: 10px;
}
.form-content .item-total label,
.form-content .total-cost label {
display: inline-block;
margin-right: 15px;
}
.form-content {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 40px 0;
}
.form-row {
margin-bottom: 25px;
}
[class*="padding-"] .form-row:last-child {
margin-bottom: 0px;
}
.form-row > div {
margin-bottom: 30px;
}
.form-col-s-1 select {
width: 100%;
}
.form-col-s-2 select {
max-width: 100%;
}
@media (min-width: 48em) {
.form-row {
display: table;
}
.form-row > div {
display: table-cell;
vertical-align: middle;
padding: 5px 0;
padding-right: 30px;
}
.form-row > div:last-child {
padding-right: 0px;
}
.form-row > div.form-col-action {
-ms-flex-item-align: end;
align-self: flex-end;
vertical-align: bottom;
}
.form-content label {
display: inline;
padding-right: 15px;
margin-bottom: 0;
}
.form-col-s-1 select {
width: 260px;
max-width: 100%;
}
.form-col-s-2 select,
.form-col-s-2 input[type="text"] {
width: 180px;
max-width: 100%;
}
.form-col-s-3 select,
.form-col-s-3 input[type="text"] {
width: 195px;
max-width: 100%;
}
}
@media (min-width: 64em) {
.form-col-s-1 select {
width: 310px;
}
.form-col-s-2 select,
.form-col-s-2 input[type="text"] {
width: 220px;
max-width: 100%;
}
.form-col-s-3 select,
.form-col-s-3 input[type="text"] {
width: 260px;
max-width: 100%;
}
.form-row {
margin-bottom: 40px;
}
.keyword-search .form-row {
margin-bottom: 15px;
}
[class*="padding-"] .form-row:last-child {
margin-bottom: 0px;
}
}
.form-footer {
padding-top: 45px;
}
.form-footer .skew__button {
margin-right: 100px;
}
.action-button {
display: inline-block;
background: #c41a30;
color: #fff;
border: 0;
padding: 12px 30px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
font-size: 14px !important;
}
.tab-module .form-content {
border-top: 0;
}
/****** TABS - NOTE: responsive behaviour can be added if needed - details here: https://github.com/jellekralt/Responsive-Tabs ******/
.r-tabs .r-tabs-nav {
margin: 0 !important;
padding: 0;
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0;
list-style: none;
}
.r-tabs .r-tabs-panel {
padding: 0;
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
}
.tabs__widget .widget__content {
padding-top: 0;
}
.tabs__widget .form-row {
margin: 0;
}
.tab-module {
margin-top: -60px;
}
.form-content .tab-module {
margin-top: 0;
}
.tabs__widget ~ .form-content {
border-top: 0;
}
/* Tabs container */
.r-tabs {
position: relative;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
position: relative;
line-height: 30px;
}
li.r-tabs-tab.selected {
background: #fff;
}
/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
display: block;
height: 60px;
padding: 17px 40px;
text-decoration: none;
font-weight: 400;
background: none;
border: 0;
position: relative;
font-size: 30px;
color: #010101;
font-family: "Teko", sans-serif;
text-transform: uppercase;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.r-tabs .r-tabs-nav .r-tabs-anchor:focus {
color: #dcdcdc;
background: #010101;
}
@media (max-width: 47.99em) {
.r-tabs .r-tabs-nav {
margin: 0 -18px !important;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
padding: 17px 14px;
font-size: 22px;
}
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
opacity: 0.5;
}
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
background: #ffffff;
}
/* Tab panel */
.r-tabs .r-tabs-panel {
border: 0px solid #ccc;
}
/****** End of TABS ******/
/* Flex items */
@media (min-width: 48em) {
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.fixed {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
/* News and Media List */
.media-items-list {
margin: 30px 0 10px 0;
}
.media-item-box {
z-index: 0;
position: relative;
}
.media-item-box h6 {
color: #000;
font-weight: bold;
text-transform: uppercase;
font-family: "Teko", sans-serif;
height: 40px;
top: 16px;
z-index: 100;
position: absolute;
padding: 9px 30px;
display: inline-block;
background: #dcdcdc;
opacity: .9;
border: 0;
font-size: 22pt;
}
.media-item-box h6.t-text-n {
color: #fff;
background: #c41a30;
}
.media-item-box h6:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 27px;
right: -27px;
height: 40px;
background-color: #dcdcdc;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.media-item-box h6.t-text-n:before {
background-color: #c41a30;
}
.media-item-box h6:after {
content: " ";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 100%;
margin-left: 32px;
border: 5px solid #dcdcdc;
border-top: 0;
border-bottom: 0;
width: 15px;
height: 40px;
-webkit-transform: translateX(0) skew(-24deg);
transform: translateX(0) skew(-24deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.media-item-box h6.t-text-n:after {
border-color: #c41a30;
}
.media-item-box > a,
a.media-item-box {
color: #000;
font-weight: 400;
}
.media-item-box > a,
a.media-item-box {
position: relative;
display: block;
border: 1px solid #e5e5e5;
margin: 0 0 20px;
}
.media-item-box > a {
height: 100%;
}
.media-item-box > a:after,
a.media-item-box:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 8px;
background: #c41a30;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.media-item-box:hover > a:after,
.media-item-box:focus > a:after,
a.media-item-box:hover:after,
a.media-item-box:focus:after {
width: 100%;
}
.media-item-box .media-thumbnail-headerfix {
display: none;
}
.mi-img {
display: block;
width: 100%;
}
.mi-title {
font-family: "Teko", sans-serif;
margin-bottom: .8em;
}
.mi-title .grow:hover {
color: #c41a30;
text-decoration: underline;
}
.mi-text {
display: block;
line-height: 1.5em;
margin-bottom: 1.2em;
}
.mi-more {
color: #c41a30;
}
.mi-more:hover {
color: #c41a30;
text-decoration: underline;
}
.mi-footer, .mi-footer-left {
font-family: "Teko", sans-serif;
font-size: 18px;
}
.mi-footer-left span + span:before {
content: "|";
margin: 0 8px;
}
.mi-footer-right {
font-family: "Teko", sans-serif;
font-weight: normal;
font-size: 18px;
color: #93774f;
position: absolute;
bottom: 25px;
right: 25px;
}
.mi-footer-right span + span {
margin-left: 10px;
}
@media (max-width: 47.99em) {
.mi-content {
display: block;
position: relative;
padding: 25px;
}
.mi-content:before {
content: " ";
position: absolute;
top: -65px;
left: 25px;
width: 65px;
height: 65px;
background: #fff;
}
.mi-content > span {
display: block;
}
.mi-title {
font-size: 24px;
}
.mi-title .fixed {
display: block;
position: absolute;
top: -32px;
left: 57px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mi-footer > span {
display: block;
}
.mi-footer-left {
margin-bottom: 10px;
}
.mi-footer-right {
bottom: 10px;
}
.tout-container {
margin-bottom: 10px;
}
}
@media (min-width: 48em) {
.media-items-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 50px 0 15px 0;
}
.media-items-list .media-item-box {
width: 45%;
margin: 0 2.5% 50px;
}
.mi-content {
display: block;
padding: 35px;
}
.mi-title {
font-size: 30px;
}
.mi-title > span {
-ms-flex-item-align: center;
align-self: center;
}
.mi-title .fixed {
padding-right: 35px;
}
.mi-footer {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mi-footer > span {
/*width: 50%;*/
}
.mi-footer-right {
text-align: right;
}
}
@media (min-width: 64em) {
.mi-footer .mi-footer-left {
font-size: 18px;
}
}
.list-footer {
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 64em) {
.list-footer {
margin-bottom: 50px;
}
}
/* Buttons group */
.buttons-group {
margin-bottom: 30px;
}
.buttons-group a.button {
width: 100%;
text-align: center;
margin-bottom: 7px;
font-family: "Teko", sans-serif;
font-size: 30px;
font-weight: 400;
padding: 10px;
}
.buttons-group a.button > span {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
}
/* dfp ad */
.dfp-ad img {
display: block;
margin: 0 auto;
}
/*** SCHEDULE CAROUSELS - top and bottom ***/
.schedule-carousel-container {
background: #2b2b2b;
position: relative;
}
.schedule-carousel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 30px;
}
.schedule-carousel.slick-initialized {
display: block;
}
@media (min-width: 77em) {
.schedule-carousel {
padding-bottom: 0px;
}
.schedule-carousel .slick-slide {
padding-top: 7px;
}
}
.schedule-carousel-item {
position: relative;
display: block;
width: 230px;
height: 143px;
margin: 0 2px;
padding: 27px;
font-family: "Teko", sans-serif;
background: #424242;
text-align: left;
}
.schedule-carousel .slick-slide,
a.schedule-carousel-item {
-webkit-transition: padding 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, height 0.3s ease-in-out;
transition: padding 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, height 0.3s ease-in-out;
text-decoration: none;
}
.schedule-carousel-item-content {
color: #fff;
}
.schedule-carousel-item-content h3 {
font-size: 22px;
line-height: .95em;
font-family: "Teko", sans-serif;
color: #fff;
margin: 0;
}
.schedule-carousel-item .schedule-carousel-item-footer {
position: absolute;
bottom: 15px;
left: 27px;
line-height: 1em;
text-transform: uppercase;
}
.schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(1) {
font-size: 20px;
color: #c2ac70;
font-weight: 600;
}
.schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(2) {
font-size: 14px;
color: #b1aea4;
font-weight: 700;
font-family: "Roboto", sans-serif;
}
.schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(2):before {
content: "|";
margin: 0 10px;
}
.schedule-carousel-item-left {
display: none;
position: absolute;
top: 27px;
left: 27px;
width: 155px;
height: 83px;
padding-right: 30px;
}
/* Current carousel */
@media (min-width: 77em) {
.schedule-carousel .slick-slide.is--active,
.schedule-carousel .slick-slide:hover,
.schedule-carousel .slick-slide:focus,
.schedule-carousel .slick-slide.is--highlighted {
padding-top: 0;
}
.schedule-carousel .is--active .schedule-carousel-item,
.schedule-carousel .slick-slide:hover .schedule-carousel-item,
.schedule-carousel .slick-slide:focus .schedule-carousel-item,
.schedule-carousel .is--highlighted .schedule-carousel-item {
height: 157px;
}
}
/* Top Scedule carousel */
@media (min-width: 77em) {
.schedule-carousel-container.top-carousel {
padding-right: 29.5%;
}
.top-carousel .is--active .schedule-carousel-item-left {
display: block;
}
.top-carousel .is--active .schedule-carousel-item-right {
padding-left: 175px;
}
.top-carousel .is--active .schedule-carousel-item {
width: 456px;
background: #c41a30;
}
.top-carousel .is--active .schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(1),
.top-carousel .is--active .schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(2) {
color: #fff;
}
}
/* Bottom Scedule carousel */
@media (min-width: 77em) {
.schedule-carousel-container.bottom-carousel {
padding-right: 15%;
}
}
/*** END of Schedule carousels ***/
/*** Schedule ***/
.schedule__widget .widget__content {
padding-right: 20px;
}
.schedule-container {
border: 1px solid #e5e5e5;
}
@media (min-width:77em) {
.schedule-container {
margin-top: 27px;
}
}
.schedule-row {
padding: 50px 60px;
}
.schedule-row.heading-row {
border-bottom: 1px solid #e5e5e5;
}
.schedule-row:not(.heading-row):nth-child(odd) {
background: #ededed;
}
.heading-row {
text-align: center;
}
.heading-row h2 {
font-size: 36px;
color: #010101;
font-weight: 600;
}
.heading-row h2 span {
display: block;
font-size: 24px;
color: #c41a30;
font-weight: 400;
}
.schedule-date {
font-family: "Teko", sans-serif;
font-size: 26px;
}
.schedule-date span:nth-child(2) {
color: #93774f;
font-weight: 600;
}
.schedule-date span:nth-child(1):after {
content: "|";
margin: 0 10px;
}
.sc-footer .price {
font-family: "Teko", sans-serif;
font-size: 28px;
margin: 1em 0;
}
.action-more-info {
display: block;
margin: 5px 0;
}
.sc-time {
font-family: "Teko", sans-serif;
font-size: 32px;
color: #93774f;
font-weight: 600;
text-transform: uppercase;
}
.sc-time span:nth-child(2):before {
content: "-";
margin: 0 10px;
}
.sc-content h4 {
font-family: "Teko", sans-serif;
font-size: 32px;
margin: 0 0 .5em 0;
}
@media (min-width:48em) and (max-width:84.99em) {
.schedule-row.heading-row {
display: block;
text-align: center;
}
}
@media (min-width:85em) {
.schedule-row > .fixed {
max-width: 300px;
}
}
@media (min-width:85em) and (max-width:94em) {
.schedule-row > .fixed {
max-width: 200px;
}
}
@media (min-width: 48em) {
.flex.actions {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.heading-row {
text-align: left;
}
.heading-row > div {
-ms-flex-item-align: center;
align-self: center;
}
.heading-row > div.grow {
padding: 0 30px;
}
.sc-footer .actions > div {
padding: 0 30px 10px 0;
}
.sc-time {
width: 180px;
padding-right: 10px;
}
.sc-time span:nth-child(2):before {
display: block;
margin: 0;
padding-left: 35px;
}
}
@media (min-width: 64em) {
.heading-row > div.grow {
padding: 0 50px;
}
.heading-row h2 {
font-size: 48px;
}
.heading-row h2 span {
font-size: 30px;
}
.schedule-date {
font-size: 36px;
}
.sc-footer .price {
font-size: 30px;
}
.sc-footer .price {
font-size: 30px;
}
.sc-time {
font-size: 42px;
}
.sc-content h4 {
font-size: 36px;
}
}
@media (max-width: 47.99em) {
.sc-footer .actions > div {
margin-bottom: 18px;
}
}
/* Rail Banners */
.rail-banner {
position: relative;
width: 380px;
max-width: 100%;
margin: 0 auto 20px auto;
}
.rb-title {
background: #2b2b2b;
margin: 0;
padding: 20px;
text-align: center;
font-family: "Teko", sans-serif;
font-size: 30px;
font-weight: 400;
color: #fff;
}
.rb-button {
position: absolute;
left: 0;
bottom: 30px;
font-family: "Teko", sans-serif;
font-size: 30px;
font-weight: 600;
}
/* RESPONSIVE VIDEO */
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Parking Details */
.parking-header {
display: table;
table-layout: fixed;
height: 300px;
width: 100%;
background-size: cover;
background-position: 50%;
color: #fff;
}
.parking-header .headerBar__wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.parking-header h1 {
text-shadow: 0 0 3px black;
color: #fff;
margin-bottom: 15px;
font-size: 32px;
line-height: 1;
font-weight: 600;
font-family: "Teko", sans-serif;
text-transform: uppercase;
}
@media (min-width:64em) {
.parking-header {
height: 400px;
}
.parking-header h1 {
font-size: 42px;
}
}
.faux-dropdown {
display: inline-block;
position: relative;
min-width: 25em;
}
.faux-dropdown .faux-dropdown__toggle {
position: relative;
border: 0;
padding: 1em 1.4em;
font-family: inherit;
font-size: 1rem;
color: #fff;
background: #e31b25;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
.active.faux-dropdown__toggle,
.faux-dropdown__toggle:hover,
.faux-dropdown__toggle:focus {
-webkit-box-shadow: 6px 6px 0 3px rgba(0, 0, 0, .5);
box-shadow: 6px 6px 0 3px rgba(0, 0, 0, .5);
}
.faux-dropdown__toggle:after {
content: "";
display: inline-block;
margin-left: .5em;
width: 0;
height: 0;
border: .4em solid transparent;
border-top-color: currentColor;
-webkit-transform: translateY(40%);
transform: translateY(40%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
[aria-expanded="true"].faux-dropdown__toggle:after {
-webkit-transform: rotate(180deg) translateY(20%);
transform: rotate(180deg) translateY(20%);
}
.js--click-user .faux-dropdown__toggle:focus {
outline: 0;
}
.faux-dropdown__panel {
display: none;
position: absolute;
z-index: 100;
top: 100%;
left: 0;
right: 0;
color: #fff;
background: #e31b25;
-webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
transition: -webkit-box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
-webkit-box-shadow: 9px 0 0 0 rgba(0, 0, 0, .5);
box-shadow: 9px 0 0 0 rgba(0, 0, 0, .5);
}
.active ~ .faux-dropdown__panel {
-webkit-box-shadow: 9px 9px 0 0 rgba(0, 0, 0, .5);
box-shadow: 9px 9px 0 0 rgba(0, 0, 0, .5);
}
.faux-dropdown__link {
display: block;
position: relative;
z-index: 5;
border-top: 1px solid rgba(255,255,255,.3);
padding: .5em 1em;
overflow: hidden;
text-transform: uppercase;
font-family: "Teko", sans-serif;
background: #e31b25;
}
.faux-dropdown__panel .faux-dropdown__link {
color: #fff;
font-weight: normal;
font-size: 1.5rem;
}
.faux-dropdown__link:before {
content: " ";
z-index: -1;
position: absolute;
top: -1px;
left: 0;
height: 105%;
width: 80%;
margin-left: -30px;
background-color: #172a50;
-webkit-box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(-100%) skew(-24deg);
transform: translateX(-100%) skew(-24deg);
-webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
-webkit-transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
}
.faux-dropdown__link:hover:before,
.faux-dropdown__link:focus:before {
-webkit-box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
-webkit-transform: translateX(10px) skew(-24deg);
transform: translateX(10px) skew(-24deg);
}
.parking-header select {
color: #fff;
background: #e31b25;
padding: 10px 20px;
height: auto;
}
.parking-header em {
display: block;
margin-bottom: 15px;
}
.rail-nav {
background: #e9e9e9;
padding: 30px 50px;
margin-bottom: 25px;
}
.rail-nav h3 {
font-family: Roboto, sans-serif;
color: #333;
text-transform: uppercase;
margin: 20px 0 30px 0;
}
.rail-nav ul {
padding: 0;
margin: 0;
list-style: none;
}
.rail-nav ul li {
list-style: none;
}
.rail-nav a {
color: #333;
display: block;
margin-bottom: 20px;
}
.rail-nav a:hover,
.rail-nav a:focus {
color: #9b8a5b;
}
/* JUMP NAV */
.section-jump-nav {
margin: 20px -25px;
overflow: hidden;
overflow-x: auto;
}
.section-jump-nav__link {
display: inline-block;
position: relative;
z-index: 5;
margin: 10px;
padding: .5em 1em;
overflow: hidden;
text-transform: uppercase;
font-family: "Teko", sans-serif;
background: #e31b25;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out !important;
transition: all 0.3s ease-in-out !important;
}
.section-jump-nav .section-jump-nav__link {
color: #fff;
font-weight: normal;
font-size: 1.5rem;
}
.section-jump-nav__link:hover, .section-jump-nav__link:focus {
background-color: #c12436;
}
/*.section-jump-nav__link:before {
content: " ";
z-index: -1;
position: absolute;
top: -1px;
left: 0;
height: 105%;
width: 80%;
margin-left: -30px;
background-color: #172a50;
-webkit-box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(-100%) skew(-24deg);
transform: translateX(-100%) skew(-24deg);
-webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
-webkit-transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
}
.section-jump-nav__link:hover:before,
.section-jump-nav__link:focus:before {
-webkit-box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
-webkit-transform: translateX(10px) skew(-24deg);
transform: translateX(10px) skew(-24deg);
} */
@media (min-width:48em) {
.section-jump-nav__mask {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width:47.9em) {
.section-jump-nav__mask {
white-space: nowrap;
}
.section-jump-nav {
overflow: inherit;
overflow-x: inherit;
}
.section-jump-nav .section-jump-nav__link {
color: #fff;
font-weight: normal;
font-size: 1.5rem;
width: 95%;
display: block;
}
.dropitem__contentwrapper .scrollTop {
text-align: right;
display: block;
padding: 10px;
}
}
/**************Tailgate**************/
img.imgDot {
margin: 2px 0 0 -28px;
}
.tailgate-list {
margin-bottom: 0 !important;
width: 90%;
}
.tailgate-list > li {
height: 65px;
}
.tailgate-list a {
text-decoration: none;
color: #333333;
}
.tailgate-list-head {
display: inline-block;
margin: 4px 0 0 5px;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
}
.tailgate-list p {
font-size: 0.875em;
margin: 0 0 1em 1px;
line-height: 1.3em;
}
@media (max-width: 479px) { /* EXTRA SMALL */
.tailgate-list {
width: 100%;
}
.tailgate-list-head {
font-size: 1.5em;
}
}
.vjs-default-skin {
color: #ffffff;
}
@font-face {
font-family: 'VideoJS';
src: url(/styles/ims/v1/font/vjs.eot);
src: url(/styles/ims/v1/font/vjs.eot?#iefix) format('embedded-opentype'), url(/styles/ims/v1/font/vjs.woff) format('woff'), url(/styles/ims/v1/font/vjs.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
.vjs-live-controls {
display: none;
}
.vjs-quality-button {
display: none;
}
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
/* Replace browser focus hightlight with handle highlight */
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
/* background-color-with-alpha */
background-color: #666666;
background-color: rgba(102, 102, 102, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
/* box-shadow */
-webkit-box-shadow: 0 0 2em #ffffff;
-moz-box-shadow: 0 0 2em #ffffff;
box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
position: absolute;
/* Needed for IE6 */
left: 0;
top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
content: "\e009";
font-family: VideoJS;
font-size: 1em;
line-height: 1;
text-align: center;
text-shadow: 0em 0em 1em #fff;
position: absolute;
top: 0;
left: 0;
/* Rotate the square icon to make a diamond */
/* transform */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
/* Start hidden */
display: none;
position: absolute;
/* Place control bar at the bottom of the player box/video.
If you want more margin below the control bar, add more height. */
bottom: 0;
/* Use left/right to stretch to 100% width of player div */
left: 0;
right: 0;
/* Height includes any margin you want above or below control items */
height: 5em;
/* background-color-with-alpha */
background-color: #000000;
background-color: rgba(0, 0, 0, 0.65);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
display: block;
/* Visibility needed to make sure things hide in older browsers too. */
visibility: hidden;
opacity: 0;
/* transition */
-webkit-transition: visibility 0.5s, opacity 0.5s;
-moz-transition: visibility 0.5s, opacity 0.5s;
-o-transition: visibility 0.5s, opacity 0.5s;
transition: visibility 0.5s, opacity 0.5s;
}
.vjs-default-skin.vjs-has-started .vjs-share-bar {
visibility: hidden;
opacity: 0;
/* transition */
-webkit-transition: visibility 0.5s, opacity 0.5s;
-moz-transition: visibility 0.5s, opacity 0.5s;
-o-transition: visibility 0.5s, opacity 0.5s;
transition: visibility 0.5s, opacity 0.5s;
}
/* Hide the control bar when the video is playing and the user is inactive */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
display: block;
visibility: hidden;
opacity: 0;
/* transition */
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
display: none;
}
.vjs-default-skin.vjs-user-active .vjs-control-bar,
.vjs-default-skin.vjs-user-active .vjs-share-bar,
.vjs-default-skin.vjs-user-active-touch .vjs-control-bar,
.vjs-default-skin.vjs-user-active-touch .vjs-share-bar {
visibility: visible;
opacity: 1;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: "";
}
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
outline: none;
position: relative;
float: left;
text-align: center;
margin: 0;
padding: 0;
height: 5em;
width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity .5s;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
font-family: VideoJS;
font-size: 1.5em;
line-height: 3.4em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.vjs-default-skin .vjs-control:focus {
/* outline: 0; */
/* keyboard-only users cannot see the focus on several of the UI elements when
this is set to 0 */
}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
/* hide-visually */
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
width: 5em;
cursor: pointer;
margin-left: 1em;
margin-right: -1em;
}
.vjs-default-skin .vjs-play-control:before {
content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
cursor: pointer;
float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity .5s;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity .5s;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity .5s;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transition: opacity .5s;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
width: 5em;
float: right;
}
.vjs-default-skin .vjs-volume-bar {
width: 5em;
height: 0.6em;
margin: 2.4em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: 0.5em;
background: #d8a53c url(/styles/ims/v1/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub/04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
width: 0.5em;
height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
font-size: 0.9em;
top: -0.2em;
left: -0.2em;
width: 1em;
height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
width: 6em;
left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
position: absolute;
left: 0;
right: 0;
width: auto;
font-size: 0.3em;
height: 1em;
/* Set above the rest of the controls. */
top: -1em;
/* Shrink the bar slower than it grows. */
/* transition */
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
This simply changes the overall font for the progress bar, and this
updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin .vjs-control.vjs-logo-controls
{
margin-left: 1.5em;
}
.vjs-logo-image {
background: url(/images/ims/logo-indy500.png) no-repeat transparent;
width: 5em;
height: 100%;
background-size: 100%;
background-position-y: center;
}
.vjs-share-bar {
width: 100%;
height: 3em;
background-color: #000000;
border-bottom: 1px solid #666666;
position: absolute;
top: 0px;
left: 0px;
}
.vjs-share-title {
font-size: 1.5em;
font-weight: normal;
font-family: Arial, sans-serif;
line-height: 2em;
margin-left: 1em;
}
.vjs-default-skin:hover .vjs-progress-control {
font-size: .9em;
/* Even though we're not changing the top/height, we need to include them in
the transition so they're handled correctly. */
/* transition */
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
/* Needed for IE6 */
left: 0;
top: 0;
}
.vjs-default-skin .vjs-play-progress {
background: #d8a53c;
}
.vjs-default-skin .vjs-load-progress {
background: #646464 /* IE8- Fallback */;
background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
width: 1.5em;
height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
font-size: 1em;
/* Align vertically by making the line height the same as the control bar */
line-height: 5em;
margin-left: 0;
}
.vjs-default-skin .vjs-current-time {
float: left;
}
.vjs-default-skin .vjs-duration {
float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
display: none;
float: left;
}
.vjs-time-divider {
float: left;
line-height: 5em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
width: 3.8em;
cursor: pointer;
float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
/* Center it horizontally */
left: 50%;
margin-left: -2.1em;
/* Center it vertically */
top: 50%;
margin-top: -1.4000000000000001em;
font-size: 2em;
display: block;
z-index: 2;
position: absolute;
width: 4em;
height: 2.6em;
text-align: center;
vertical-align: middle;
cursor: pointer;
opacity: 1;
/* Need a slightly gray bg so it can be seen on black backgrounds */
/* background-color-with-alpha */
background-color: #07141e;
background-color: #c91b1a;
border: 0.;
/* border-radius */
-webkit-border-radius: 0.8em;
-moz-border-radius: 0.8em;
border-radius: 0.8em;
/* box-shadow */
-webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
/* transition */
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
by default on mobile */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
outline: 0;
/* IE8 needs a non-glow hover state */
background-color: #951316;
/* transition */
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s;
}
.vjs-default-skin .vjs-big-play-button:before {
content: "\e001";
font-family: VideoJS;
/* In order to center the play icon vertically we need to set the line height
to the same as the button height */
line-height: 2.6em;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center /* Needed for IE8 */;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
font-size: 5em;
line-height: 1;
width: 1em;
height: 1em;
margin-left: -0.5em;
margin-top: -0.5em;
opacity: 0.75;
/* animation */
-webkit-animation: spin 1.5s infinite linear;
-moz-animation: spin 1.5s infinite linear;
-o-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
content: "\e00a";
font-family: VideoJS;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
float: right;
cursor: pointer;
}
.vjs-default-skin .vjs-menu {
display: none;
position: absolute;
bottom: 0;
left: 0em;
/* (Width of vjs-menu - width of button) / 2 */
width: 0em;
height: 0em;
margin-bottom: 3em;
border-left: 2em solid transparent;
border-right: 2em solid transparent;
border-top: 1.55em solid #000000;
/* Same width top as ul bottom */
border-top-color: rgba(7, 40, 50, 0.5);
/* Same as ul background */
}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
position: absolute;
width: 10em;
bottom: 1.5em;
/* Same bottom as vjs-menu border-top */
max-height: 15em;
overflow: auto;
left: -5em;
/* Width of menu - width of button / 2 */
/* background-color-with-alpha */
background-color: #07141e;
background-color: rgba(7, 20, 30, 0.7);
/* box-shadow */
-webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
-moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
list-style: none;
margin: 0;
padding: 0.3em 0 0.3em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
outline: 0;
color: #111;
/* background-color-with-alpha */
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.75);
/* box-shadow */
-webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
/* box-shadow */
-webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.
** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
background-color: #000;
position: relative;
padding: 0;
/* Start with 10px for base font size so other dimensions can be em based and
easily calculable. */
font-size: 10px;
/* Allow poster to be vertially aligned. */
vertical-align: middle;
/* display: table-cell; */
/*This works in Safari but not Firefox.*/
/* Provide some basic defaults for fonts */
font-weight: normal;
font-style: normal;
/* Avoiding helvetica: issue #376 */
font-family: Arial, sans-serif;
/* Turn off user selection (text highlighting) by default.
The majority of player components will not be text blocks.
Text areas will need to turn user selection back on. */
/* user-select */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div