/* Base structure */
html,
body {
height: 100%;
}
body {
color: #000;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-style: normal;
padding-top:50px;
}
img {width: 100%; height: auto;}
h1,h2,h3,h4,h5,h6 {font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;font-style: normal;font-weight: 800;font-weight: black;letter-spacing: .5px;}
/* BOOTSTRAP OVERRIDES */
/* 5ths */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-5ths {width: 20%; float: left;}
.col-xs-2-5ths {width: 40%;float: left; }
@media (min-width: 768px) {
.col-sm-5ths {width: 20%; float: left;}
.col-sm-2-5ths {width: 40%; float: left; }
}
@media (min-width: 992px) {
.col-md-5ths {width: 20%;float: left;}
.col-md-2-5ths {width: 40%;float: left; }
}
@media (min-width: 1200px) {
.col-lg-5ths {width: 20%;float: left;}
.col-lg-2-5ths {width: 40%;float: left; }
}
.container {
padding-right: 10px;
padding-left: 10px;
}
.container-fluid {
padding-right: 10px;
padding-left: 10px;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
.row-flex {
display: flex;
flex-wrap: wrap;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-right: 10px;
padding-left: 10px;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-right: -10px;
margin-left: -10px;
}
/* Carousel */
.carousel-control.left, .carousel-control.right {
background-image: none;
background-image: none;
background-image: none;
background-image: none;
filter: none;
background-repeat: repeat-x;
}
.carousel-control {text-shadow: none; opacity: .9;}
.carousel-caption {position: absolute;right: 0;bottom: 0;left: 0;z-index: 10;padding-top: 0;padding-bottom: 0px;color: #fff;text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,.6);}
.carousel-caption p.carouselCaption {background-color: rgba(0, 0, 0, 0.54); display: inline-block; font-size: 9px; color: #fff; padding: 5px 8px; margin-bottom: 0; text-align: left; left: 0;}
blockquote .small:before, blockquote footer:before, blockquote small:before {
content: none;
}
.cookiealert { margin: 0; background-color: #C7203E; color: #fff; position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; border-radius: 0;}
.cookiealert a { color: #ffffff; text-decoration: underline;}
.cookiealert a.btn-white { margin: 0 15px; padding: 7px 14px; text-decoration: none;}
/**** END BOOTSTRAP OVERRIDES ****/
/* Globals */
p {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1.55rem;line-height: 1.9; font-weight: normal;}
/* Links */
a {
color: #5F5F5F;
text-decoration: none;
}
a:focus,
a:hover {
color: #000;
text-decoration: none;
}
.btn {border-radius: 0;}
.btn-black {background-color: #000;border: 2px solid #000;color: #fff;}
.btn-black:hover,.btn-black.active {background-color: #fff; border-color: #000; color: #000;}
.btn-group .btn-black:focus,
.btn-group.open .btn-black:active {color:#fff; background-color:#000;}
.btn-group .btn-black:focus
.btn-group.open .btn-black {color:#fff; background-color:#000;}
.btn-white {color: #fff!important; background-color: transparent; border-color: #fff; border-width:2px;padding: 10px 18px;}
.btn-white:hover, .btn-white.active {background-color: #fff;color: #000!important; border-color: #fff;}
.pagination>li>a, .pagination>li>span {color: #000;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background-color: #000;
border-color: #000;
}
.width100 {width:100%;}
button:focus {outline:0;}
.sectionSideTitle {display: none;}
.sectionTitle {margin-bottom:25px; text-align:center;}
.sectionTitle p {font-size: 1.4rem; line-height: 2rem;}
.subscribeFormFooter {color:#fff;}
.subscribeFormFooter .form-control {border-radius: 0; padding:20px;}
ul>li a.socialShareLink {opacity:.85; display:block; color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 40px;font-size: 1.3em;float: left;}
ul>li a.socialShareFacebook {background-color:#3b5998;}
ul>li a.socialShareTwitter {background-color:#00aced;}
ul>li a.socialShareGoogle {background-color:#dd4b39;}
ul>li a.socialShareInstagram {background-color:#125688;}
ul>li a.socialShareVine {background-color:#00bf8f;}
ul>li a.socialShareYoutube {background-color:#e52d27;}
ul>li a.socialShareGlobe {background-color: #000000;}
.imageCaption {background-color: #000;display: block;font-size: 11px;color: #fff;padding: 10px 13px;margin-bottom:30px;}
span.imageDescription {padding-right:15px;}
span.photogCredit {color: #BDBDBD;}
.noMarginTop {margin-top:0;}
.slideContent {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
padding: 0; /* Optional padding for content area */
overflow: hidden;
}
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
/* SEARCH OVERLAY */
#search {
background-color: rgba(0, 0, 0, 0.9);
height: 100%;
left: 0px;
opacity: 0;
position: fixed;
top: 0px;
transform: translate(0px, 0px) scale(0, 0);
transition: all 0.5s ease-in-out;
width: 100%;
z-index: 100000
}
#search input[type="text"] {
background: rgba(0, 0, 0, 0);
border: 0px;
color: rgb(255, 255, 255);
font-size: 5vw;
font-weight: 300;
margin-top: -51px;
margin: 0px auto;
outline: none;
padding-left: 30px;
padding-right: 30px;
position: absolute;
text-align: center;
top: 40%;
width: 100%;
}
#search .close {
color: #ffffff;
font-size: 36px;
opacity: 1;
position: fixed;
right: 30px;
top: 15px;
}
#search.open {
opacity: 1;
transform: translate(0px, 0px) scale(1, 1);
}
/* HOW TO WATCH */
img.how2Watch01 {
width: 23.714285714%;
float: left;
}
a.how2Watch02 {
width: 23.714285714%;
float: left;
}
a.how2Watch03 {
width: 23.285714285%;
float: left;
}
a.how2Watch04 {
width: 26.714285714%;
float: left;
}
/* TAB ON SMALL NOT ON LARGE */
#homeEventsRatings .device-big {display: none;}
#homeEventsRatings .device-small {display: block;}
/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
color: #333;
text-shadow: none;
background-color: #fff;
border: 1px solid #fff;
}
/* BANNER ADS */
.footerAdBanner{padding: 20px 0; text-align: center; background-color: #fff;}
.footerAdBanner .footerBanner728_90 {display: block; overflow: hidden; margin: 0 auto;}
.footerAdBanner .footerBanner728_90 #div-gpt-ad-1460721776425-0 > div { padding: 10px 0;}
.leaderboard {margin:15px 0;}
.leaderboard img {width:320px; height:auto; margin:0 auto;}
/*** HEADER ***/
header .vpsLogo {width: 40px;height: 40px; display: block; background-color:#000; border-radius: 50%;padding: 18%; margin: 0px auto; border:2px solid #fff; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.32);}
header .vpsLogo img {margin: 0;height: 22px;width: 20px;margin-left: 16%;}
/* NAV */
header nav.navbar-main {background-color: #000000;border-radius: 0;border: 0;margin-bottom: 0;border-bottom: 1px solid #fff;z-index: 100;}
header nav.navbar .navbar-nav {width:inherit;}
header nav.navbar .navbar-nav>li>a {color: #FFF;/* padding: 10px 15px; */font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;text-transform: uppercase;font-weight: 800;}
header nav.navbar .navbar-nav>li>a:hover {color: #fff;}
header .navbar-main .navbar-nav>.open>a,
header .navbar-main .navbar-nav>.open>a:focus,
header .navbar-main .navbar-nav>.open>a:hover {color: #FFF; background-color: #000000;}
header .dropdown-menu {background-color:#000000;color:#fff;border: 0;border-radius: 0;font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;letter-spacing: 0;}
header .dropdown-menu>li>a {color:#fff;padding: 10px 15px;}
header .dropdown-menu>li>a:hover {color:#fff;background-color: #444444;}
header .dropdown-menu>li.navDropdownTitle {font-size:11px;color: #C7203E;padding: 5px 15px;width: 100%;display: block;}
header .navbar-main .navbar-nav>.active>a,
header .navbar-main .navbar-nav>.active>a:focus,
header .navbar-main .navbar-nav>.active>a:hover {color: #C7203E;background-color: rgba(99, 171, 237, 0);}
header .navbar-main li.socialNav {display: inline-block; float: left; font-size: 25px;}
header .navbar-main .dropdown-menu>.active>a, header .navbar-main .dropdown-menu>.active>a:focus, header .navbar-main .dropdown-menu>.active>a:hover {color: #fff; text-decoration: none; background-color: #333333; outline: 0;}
header .navbar-main .navbar-brand {color: #fff;font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;padding: 5px 0 5px 15px;}
header .navbar-main .navbar-toggle .icon-bar {background-color: #FFF;}
header .navbar-main .navbar-toggle {border-color: rgba(0, 0, 0, 0); border-radius:0;}
header .navbar-main .navbar-toggle:focus, header .navbar-main .navbar-toggle:hover {background-color: #5298D8;}
header .navbar-main .navbar-toggle {border: none; background: transparent !important;}
header .navbar-main .navbar-toggle:hover {background: transparent !important;}
header .navbar-main .navbar-toggle .icon-bar {width: 22px; transition: all 0.2s;}
header .navbar-main .navbar-toggle .top-bar {transform: rotate(45deg); transform-origin: 10% 10%;}
header .navbar-main .navbar-toggle .middle-bar {opacity: 0;}
header .navbar-main .navbar-toggle .bottom-bar {transform: rotate(-45deg); transform-origin: 10% 90%;}
header .navbar-main .navbar-toggle.collapsed .top-bar { transform: rotate(0);}
header .navbar-main .navbar-toggle.collapsed .middle-bar { opacity: 1;}
header .navbar-main .navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}
/* HEADER MESSAGE */
a.headerMessage {width: 100%;padding: 14px 0 11px;text-align: center;display: block;color: #fff;background-color: #cc1414;font-size: 14px; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;font-weight: bold;line-height: 18px;margin: 0;}
a.headerMessage:hover {background-color: #ea1d1d;}
header div#searchBar {padding: 0;}
header div#searchBar input[type="text"] {display: inline-block;width: 100%;padding: 20px;background-color: #333;border: 0;border-radius: 0;margin: 10px 0; color:#fff; font-size:16px;}
header div#searchBar form { padding: 0; margin: 0;}
/* FOOTER */
footer {background: #171717; padding: 50px 0 0;display: block;}
footer img.vpsLogoFooter {width:100%; max-width: 150px;}
footer ul {list-style:none; margin:20px 0;}
footer ul li {list-style:none;padding: 5px 0;}
footer ul li a {color:#fff;display: block;width: 100%;}
footer ul li a:hover {color: #C7203E;}
footer ul {padding: 0; width: 100%;display: inline-block;}
footer ul.socialAccounts {text-align:right;}
footer ul.socialAccounts>li {list-style: none;width: 50px; height: 50px; float: right; margin-right: 0;}
footer ul.socialAccounts>li a {opacity: 1; display:block; color: #fff;background-color: transparent;text-align: center;margin: 0 3px 1px 0;width: 40px; height: 40px;line-height: 37px;font-size: 1.3em; border: 2px solid #fff;overflow: hidden;}
footer ul.socialAccounts>li a:hover {opacity:1; color:#000; background-color:#fff;}
footer .copyrightCredits {margin:50px 0 0;padding:15px 0;background-color:#000;min-height: 50px; font-family:font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-style: normal; font-weight: 800;}
footer .copyrightCredits p {font-size: 10px;color: #7B7B7B;text-transform:uppercase;letter-spacing: 1px;}
footer .copyrightCredits p span {margin-right:10px;}
footer .copyrightCredits p a {color: #7B7B7B;border-left: 1px solid #7B7B7B;padding: 0 10px;}
footer .copyrightCredits p a:hover {color:#666;}
footer .copyrightCredits p a:last-child {border-right:0;}
footer .isf {color:#fff;text-align: right;margin-top: 20px;}
footer .isf small {font-size: 10px;}
footer .isf img {max-width: 150px;height: auto;border: 2px solid #000;}
/*** HERO ***/
#hero {padding: 10px 0 10px;/* background-color: #F1F1F1; */border-bottom: 1px solid #ddd;}
#hero .heroCol {padding: 0; margin: 0;}
#hero .heroCol a.heroItem {padding:0; margin:0;background-color:#000; display:block;}
#hero .heroCol a.heroItem img {border: 0;padding:0;margin:0;}
#hero .heroCol a.heroItem .icon-play {position: absolute;left: 5px;top: 5px;display: block;overflow: hidden;background:transparent url('/_assets/img/play-icon.png') center center no-repeat;height: 25px;width: 25px;margin: 0;z-index: 15;background-size: cover;}
#hero .heroCol a.heroItem .shadowOverlay {background: url('../img/hero-text-bg-shadow.png') no-repeat bottom left 100%;width:100%;height:100%;display:none;position: absolute;top: 0;left: 0;background-size:contain;z-index: 1;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#hero .heroCol a.heroItem:hover img {opacity: .9; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}
#hero .heroCol a.heroItem .heroInfo {position: absolute;color:#fff;bottom: 0;padding: 5px;z-index: 2;width:100%;}
#hero .heroCol a.heroItem .heroInfo .subtext {font-size: .5em;padding: 4px 6px;background-color: #000;display: inline-block;text-transform: uppercase;}
#hero .heroCol a.heroItem .heroInfo .title {font-size: .9em;line-height: 1.1em;padding: 5px 0px;text-transform: uppercase;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);}
#hero .heroCol.heroCol1 a.heroItem .heroInfo .title {font-size: 1em;line-height: 1.3em;}
#hero .heroCol.heroCol1 a.heroItem .heroInfo .title p span {box-shadow: 0.5rem 0 0 black, -0.5rem 0 0 black;}
#hero .heroCol a.heroItem:hover .heroInfo {background-color: rgba(0, 0, 0, 0.6); transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}
/*** HERO SLIDER ***/
#heroSlider {display: block;position: relative;background-color: #000;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.29);min-height: 200px;}
#heroSlider img {
height: auto;
width: 100%;
/* it centers any block level element */
}
#heroSlider button.slick-arrow {
height: 100%;
display: block;
position: absolute;
z-index: 100;
width: 25%;
background-color: rgba(0, 0, 0, 0.62);
text-indent: -200%;
overflow: hidden;
outline: 0;
border: 0;
}
#heroSlider button.slick-prev.slick-arrow {
top: 0;
left: 0;
}
#heroSlider button.slick-next.slick-arrow {
top: 0;
left: auto;
right: 0;
}
#heroSlider .heroSliderItem {width: 60%;position: relative;border: solid #000;border-width: 0;opacity: 1;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
#heroSlider .heroSliderItem .shadowOverlay {position: absolute;background: url('http://69b6f8fd736ed8836881-2f84b28f704f9f5fbcd9c873e843c0af.r11.cf1.rackcdn.com/_assets/img/heroSliderGradient.png') repeat-x;background-position: bottom;width: 100%;z-index: 8;height: 220px;top: auto;bottom: 0;background-size: contain;}
#heroSlider .heroSliderItem .icon-play {position: absolute; left: 50%; top: 50%; display: block; overflow: hidden; background:transparent url('/_assets/img/play-icon.png') center center no-repeat; height:43px; width:43px; margin:-22px 0 0 -22px; z-index: 15;}
#heroSlider .heroSliderItem.slick-current {opacity:1; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;}
#heroSlider .heroSliderItem .heroInfo {
position: absolute;
top: auto;
bottom: 0%;
left: 5%;
color: #fff;
z-index: 11;
width: 80%;
transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;
}
#heroSlider .heroSliderItem.slick-current .heroInfo {bottom: 7%; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}
#heroSlider .heroSliderItem .heroInfo .subtext {
font-size: 9px;
text-transform: uppercase;
background-color: #000;
display: inline-block;
padding: 3px 5px;
margin-bottom: 11px;
opacity: 0;
transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;
}
#heroSlider .heroSliderItem .heroInfo .title p {
font-size: 16px;
line-height: 20px;
font-weight: bold;
opacity: 0;
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
margin: 0 1rem;
}
#heroSlider .heroSliderItem .heroInfo .title p span {box-shadow: 8px 0 0 black, -10px 0 0 black;background-color:black;text-transform:uppercase;font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;font-style: normal;font-weight: 800;}
#heroSlider .heroSliderItem.slick-current .heroInfo .subtext,
#heroSlider .heroSliderItem.slick-current .heroInfo .title p {opacity:1;}
#heroSlider .arrow {
display: none;
}
#heroSlider .heroSliderItem .liveBug {position: absolute; left: auto; top: 20px; right: 20px; display: block; padding: 10px 15px; background: green; color: white; z-index: 15; line-height: 25px;}
@-webkit-keyframes pulseDot {
from {
background-color: #fff;
}
to {
background-color: #008000;
}
}
#heroSlider .heroSliderItem .liveBug {
position: absolute;
top: 7%;
right: 3%;
color: #ffffff;
display: block;
width: auto;
line-height: 10px;
height: auto;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
background-color: #008000;
padding: 12px 15px;
border-radius: 0px;
}
#heroSlider .heroSliderItem .liveBug .liveCornerDot {
-webkit-animation-name: pulseDot;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-webkit-animation-direction: alternate;
-webkit-animation-duration: 0.5s;
background-color: #21b307;
border-radius: 10px;
display: block;
width: 12px;
height: 12px;
float: right;
margin-top: -1px;
margin-left:5px;
border: 2px solid #ffffff;
}
.slick-slider
{
position: relative;
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;
width: 60%;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
height: 100%;
width: auto;
}
.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;
}
.slick-dots
{
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 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: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: rgba(0, 0, 0, 0.29);
overflow: hidden;
border-radius:50%;
}
.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: #888888;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color:#9c9c9c;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
background-color: #000;
}
.slick-dots li.slick-active button {background-color: #000;}
/*** VPS APP BANNER ***/
.appBanner728x90 {display: inline-block;padding: 15px;text-align: center;width: 100%;background-color: #f1f1f1;}
.appBanner728x90 img {width:100%; max-width: 728px; height: auto;}
/*** HOME LIVE MESSAGE ***/
#homeLiveMessage {background-color: #ffd700;}
/*** HOME SOCIAL E-NEWS ***/
#homeSocialSignUp {padding: 20px 0;background-color: #fff;}
#homeSocialSignUp .title {color: #000;font-size: 14px;padding: 0px 0 10px;}
#homeSocialSignUp .signup {padding: 20px 0;background-color: #fff;}
#homeSocialSignUp ul.socialAccounts {padding:0;min-height: 40px;margin: 0;}
#homeSocialSignUp ul.socialAccounts li {width:20%; list-style:none; padding:0; margin:0; float:left;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareLink {opacity:.85;display:block;color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 40px;font-size: 1.3em;float: left;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareBlack {background-color:#000; color:#fff;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareFacebook {background-color:#3b5998;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareTwitter {background-color:#00aced;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareGooglePlus {background-color:#dd4b39;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareInstagram {background-color:#125688;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareVine {background-color:#00bf8f;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareYouTube {background-color:#e52d27;}
#homeSocialSignUp ul.socialAccounts>li a.socialShareGlobe {background-color: #000000;}
#homeSocialSignUp .form-control {border-radius: 0; padding: 18px;}
#homeSocialSignUp ul li a.socialShareLink:hover {opacity:1;}
#homeSocialSignUp .signupForm {text-align: center;}
#homeSocialSignUp .signupForm .title {color: #000;font-size: 14px;padding: 0px 0 10px;}
/*** HOME EVENTS ***/
#eventThumbs #eventSlider {display: none;position: relative;margin-bottom: 40px;}
#eventThumbs .eventSliderItem {margin: 0 2px;}
#eventThumbs #eventSlider .eventSliderItem .eventItem,
#eventThumbs #eventSlider .eventSliderItem .eventItem a .image {width:100%;}
#eventThumbs {padding: 30px 0 10px;background-color: #f0edec;}
#eventThumbs h1 {font-size:1.5em;line-height:1.5em;margin: 5px 0 20px;text-transform: uppercase;}
#eventThumbs h3 {font-size:1em;margin: 10px 0 5px;}
#eventThumbs h3.homeEventTitle {font-size: 1.1em;margin-bottom: 0;}
#eventThumbs hr {border-top:2px solid #000;margin-top: 10px;}
#eventThumbs .tourTitle {color: #fff; background-color: #000; font-size: 28px; padding: 10px 20px; margin-top: 0;}
#eventThumbs .psLogo {width: 100px;height: 100px;display: inline-block;background-color:#000;border-radius: 50%;padding: 0;border:2px solid #fff;position: relative;margin: 0 auto 20px;left: auto;}
#eventThumbs .psLogo img {margin: 0; height:100%; width:auto;margin-left: 11%;padding: 19px;}
#eventThumbs .eventsItems {margin: 20px 0 60px;}
#eventThumbs .eventItem {display: block;text-align: left;position:relative;float: left;border: 0;background-color: rgba(0, 0, 0, 0);margin-bottom: 5px;}
#eventThumbs .eventItem a {display: block;padding-bottom: 0;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;color: #fff;position: relative;}
#eventThumbs .eventItem.eventYear {margin-top:35px;}
#eventThumbs .eventItem.eventYear {bottom:0;}
#eventThumbs .eventItem.eventYear:hover {box-shadow: none!important; }
#eventThumbs .eventItem.eventYear a:hover {bottom: 0!important;}
#eventThumbs .eventItem a img {width: 100%;height:auto;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;z-index: 1;display: block;float: none;position: relative;}
#eventThumbs .eventItem a {left: 0;/* bottom: -30px; */z-index: 10;top: auto;width: 100%;text-align: left;padding: 0;background-color: #000;transition: all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#eventThumbs .eventItem a .image .eventStatusTag {position:absolute;z-index:100;color: #FFE;font-size: 8px;text-transform:uppercase;padding: 7px 9px;line-height: 8px;top: auto;bottom: 0px;text-align:center;left: 0px;}
#eventThumbs .eventItem a .eventItemInfo .eventRatingTag {color: #c0203e;font-size: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#eventThumbs .eventItem a .eventStatusTag.winner {text-align:left;padding: 5px 5px 5px 45px;font-size: 11px;display: block;line-height: 14px;text-overflow: ellipsis;white-space: nowrap;display: block;min-height: 30px;}
#eventThumbs .eventItem a .eventStatusTag.winner span.eventChampTitle {font-size: 7px;}
#eventThumbs .eventItem a .eventStatusTag.winner .eventWinnerThumb {width: 40px;position: absolute;top: auto;border-radius: 0;border: 0px solid #fff;left: 0px;bottom: 0px;}
#eventThumbs .eventItem a .eventItemInfo {background-color: #000000;position: absolute;padding: 10px;height: 100%;left: 40%;width: 60%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;display: block;color: #fff;top: 0;}
#eventThumbs .eventItem a .eventItemInfo .eventLocation {text-transform: uppercase;font-size: 20px;display: block;margin-bottom: 3px;line-height: 22px;font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;font-weight: bold;}
#eventThumbs .eventItem a .eventItemInfo .skatePark {font-size: 8px;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;color: #bbb;}
#eventThumbs .eventItem a .eventItemInfo .dates {font-size: 8px;line-height: 15px;color: #bbb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#eventThumbs #eventSlider .eventItem a .eventItemInfo .eventLocation {font-size:1.2em;}
#eventThumbs .eventItem a .eventRating {font-size: 15px;margin: 0;background-color: #232323;width: 100%;padding: 5px 10px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;position: relative;left: 0;text-transform: uppercase;border: 0;}
#eventThumbs .eventItem a .eventRating .gender {font-size:10px; color:#666; float: right;}
#eventThumbs .eventItem a:hover .eventRating {}
#eventThumbs .eventItem a .eventItemStatus {background-color: #fff;color: #fff;position: relative;width: 100%;z-index: 0;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;display: block;padding: 5px;border-top: 1px solid #e8e8e8;}
#eventThumbs .eventItem a .eventItemStatus.upcoming {display: block;}
#eventThumbs .eventItem a .eventItemStatus .status {text-align: center;font-size: 12px;line-height: 14px;text-transform: uppercase;text-overflow: ellipsis;}
/* #eventThumbs .eventItem a:hover {padding-bottom: 50px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;} */
#eventThumbs .eventItem a:hover {bottom: 0;}
#eventThumbs .eventItem a:hover img {margin-top: 0px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#eventThumbs .eventItem a:hover .eventItemInfo {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;background-color: #353535;}
#eventThumbs .eventItem a:hover .eventItemStatus {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#eventThumbs .eventItem:hover {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#eventThumbs.eventHome { margin-top: 0;}
#eventThumbs.eventHome .psLogo {margin-top: -100px;}
#eventThumbs .eventItem a .eventRating {position: relative;}
#eventThumbs .eventItem a .eventRating .gender {font-size:10px;color:#666;float: right;}
#eventThumbs .eventItem a .worldChamps .eventRating {}
#eventThumbs .eventItem a:hover .eventRating {}
#eventThumbs .eventItem a .eventItemStatus .status {font-size: 9px;display: inline-block;padding: 3px 6px;}
#eventThumbs .eventItem a .image {position:relative;width: 40%;overflow: hidden;}
#eventThumbs .eventItem a .skateparkName {padding: 0; margin-right:10px; }
#eventThumbs .eventItem a .countryFlag {padding: 0;}
#eventThumbs #eventSlider .eventItem a .image {width:100%; position: relative;}
#eventThumbs #eventSlider .eventItem a .eventItemInfo {width:100%;position: relative;left:0;font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;font-weight: 800;}
.eventItem.mpt a .eventItemInfo .eventRatingTag {color: #c0203e!important;}
.eventItem.wpt a .eventItemInfo .eventRatingTag {color: #ff009d!important;}
.eventItem.mwc a .eventItemInfo .eventRatingTag,
.eventItem.wwc a .eventItemInfo .eventRatingTag {color: gold!important;}
.eventItem.mcc a .eventItemInfo .eventRatingTag {color: #3faaed!important;}
.eventItem.wcc a .eventItemInfo .eventRatingTag {color: #1ae0a3!important;}
.eventItem.mnc a .eventItemInfo .eventRatingTag {color: #5143f7!important;}
.eventItem.wnc a .eventItemInfo .eventRatingTag {color: #e7a9fb!important;}
.eventItem.worldChamps a {color:gold;}
.eventItem a .eventItemStatus {display:inline-block;}
.eventItem a .eventItemStatus.upcoming {background-color: #C1C1C1;border-left: #fff 1px solid;}
.eventItem a .eventItemStatus.nextEvent {background-color: #5bb500;}
.eventItem a .eventItemStatus.startsToday {background-color: #5bb500;}
.eventItem a .eventItemStatus.live {background-color: #6fd00e;}
.eventItem a .eventItemStatus.currentEvent {background-color: #6ab123;}
.eventItem a .eventItemStatus.startsToday {background-color: #6ab123;}
.eventItem a .eventItemStatus.off {background-color: #e20404;}
.eventItem a .eventItemStatus.over {color: #4E4948;}
.eventItem a .eventItemStatus.rainDelay {background-color: #0964f2;}
.eventItem a .eventItemStatus.standby {background-color: #f19900;}
.eventItem a .eventItemStatus.cancelled {background-color: #e20404;}
.eventItem a .eventStatusTag {display:inline-block;}
.eventItem.upcoming a .eventStatusTag {background-color: #424242cc;}
.eventItem.nextEvent a .eventStatusTag {background-color: #5bb500;}
.eventItem.startsToday a .image .eventStatusTag {background-color: #5bb500;}
.eventItem.live a .image .eventStatusTag {background-color: #6fd00e;}
.eventItem.liveScores a .image .eventStatusTag {background-color: #6fd00e;}
.eventItem.currentEvent a .eventStatusTag {background-color: #6ab123;}
.eventItem.off a .eventStatusTag {background-color: #e20404;}
.eventItem.over a .eventStatusTag {background-color: #444444;}
.eventItem.rainDelay a .eventStatusTag {background-color: #0964f2;}
.eventItem.standby a .eventStatusTag {background-color: #f19900;}
.eventItem.cancelled a .eventStatusTag {background-color: #e20404;}
#homeEventsRatings {padding: 0;}
#homeEventsRatings .container,
#homeEventsRatings .container .row {height:100%; position:relative; display:block;}
#homeEventsRatings .eventWidget {margin-bottom:15px;}
#homeEventsRatings .eventWidgetWrapper {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);}
#eventWidget {margin-bottom:15px;}
#eventWidget .eventWidgetTitle {width:100%;display:block;font-size: 12px;padding: 10px;color: #fff;text-align: left;background-color: #000;border-bottom: 1px solid #ddd;}
#eventWidget .eventItem a {background-color: #ffffff;display:block;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;border-bottom: 1px solid #dedede;}
#eventWidget .eventItem a:hover {background-color:#ffffff;}
#eventWidget .eventItem a .image {width: 120px;float:left;display: none;position: relative;}
#eventWidget .eventItem a .image img {width:100%;height:auto;}
#eventWidget .eventItem a .eventStatusTag {width:100%;font-size:9px;position:absolute;top: auto;left:0;text-transform:uppercase;display: inline-block;bottom: 0;text-align: center;color: #fff;padding: 3px 0;opacity: .8;}
#eventWidget .eventItem a .eventItemInfo {color: #000;padding: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#eventWidget .eventItem a .eventItemInfo .winner {opacity:1;font-size:8px;text-align:left;overflow: hidden;text-overflow: ellipsis;padding: 3px 0;color: #000;white-space: nowrap;}
#eventWidget .eventItem a .eventItemInfo .winner .eventChampTitle {margin-top: 4px;font-size: 10px;}
#eventWidget .eventItem a .eventItemInfo .winner img.eventWinnerThumb {width: 25px;float:left;margin-right:3px;border-radius: 50%;display: none;}
#eventWidget .eventItem a .eventItemInfo .eventRatingTag {font-size:9px;}
#eventWidget .eventItem a .eventItemInfo .eventLocation {font-size: 16px;margin-bottom: 1px;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#eventWidget .eventItem a .eventItemInfo .skatePark {font-size:10px;color: #808080;}
#eventWidget .eventItem a .eventItemInfo .dates {font-size:9px;color: #808080;}
#eventWidget .eventItem a .eventItemInfo .countryFlag {margin:0 5px; color:#ccc;}
#eventWidget .eventItem a .arrow {opacity:.5; position: absolute;display: inline-block;right: 7%;top: 50%;transform: perspective(1px) translateY(-50%); transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#eventWidget .eventItem a:hover .arrow {opacity:1; right:5%; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#eventWidget .eventItem.featureEvent a {border-bottom: 0;border-top: 0;width:102%;margin-left:-1%;background-color: #000;cursor: pointer;}
#eventWidget .eventItem.featureEvent a .image {width: 125px;}
#eventWidget .eventItem.featureEvent a .eventItemInfo {left: 135px;}
#eventWidget .eventItem.featureEvent a .eventItemInfo .eventLocation {color:#fff;}
#eventWidget .eventItem.featureEvent a .arrow {color:#fff;}
#homeEventsRatings #ratingsWidget {height:100%;position: relative;margin-bottom: 15px;}
#homeEventsRatings #ratingsWidget .ratingsWidgetWrapper {height:100%;display:block;overflow: hidden;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);position: relative;}
#homeEventsRatings #ratingsWidget .ratingsTable {margin-bottom:0;top: 0;left: auto;background-color: #fff;}
#homeEventsRatings #ratingsWidget .ratingsTable thead tr th {font-size:10px;}
#homeEventsRatings #ratingsWidget thead tr th.eventsBar {font-size: 12px;padding: 10px;color: #fff;text-align: left;border-bottom:1px solid #ddd;background-color: #000;}
#homeEventsRatings #ratingsWidget thead tr th.eventsBar small { font-size: 10px; color: #666;}
#homeEventsRatings #ratingsWidget .ratingsWidgetWrapper a.whiteFade {position: absolute;width: 100%;height: 100%;bottom: 0;top: auto;left: 0;background-image: url('/_assets/img/gradientWhiteUp.png');background-position: bottom;background-repeat: repeat-x;display: block;z-index: 90;background-size: 150% 40%;margin: 0 0px;}
#homeEventsRatings #ratingsWidget .ratingsWidgetWrapper a.whiteFade .linkText {opacity: .7; position: absolute; font-size: 14px; width: 100%; color: #666; text-align: center; bottom: 40px; display: block; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#homeEventsRatings #ratingsWidget .ratingsWidgetWrapper a.whiteFade:hover .linkText {margin-left:0px; opacity: 1; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#homeEventsRatings #ratingsWidget .ratingsWidgetWrapper a.whiteFade:hover .linkText .glyphicon {margin-left:0px; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#homeEventsRatings .nav-tabs {margin-bottom:0px;}
#homeEventsRatings .nav-tabs>li {display:block; width:50%;}
#homeEventsRatings .nav-tabs>li>a {width:100%; text-align:center; background-color:#f1f1f1; border-radius:0; border:0;}
#homeEventsRatings .nav-tabs>li.active>a {background-color:#000; color:#fff;}
#connect .connectWrapper {width:100%;text-align: center;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);}
#connect #homeSocialSignUp {padding: 15px;background-color: rgb(255, 255, 255);text-align: left;border-bottom: 1px solid #eaeaea;}
#connect .medRecBanner {text-align: center;background-color: #fbfbfb;padding: 20px;width: 100%;display: block;border-bottom: 1px solid #eaeaea;}
#connect .signup {padding: 15px;background-color: rgb(255, 255, 255);text-align: left;border-bottom: 1px solid #eaeaea;}
#connect .signup .title {margin:0 0 10px;}
#connect .signup .form-group {width: 65%;float: left;}
#connect .signup .form-control {border-radius:0;width:100%;padding: 5px;}
#connect .signup .btn-black {width: 32%;border: 1px solid #000;float: right;}
/*** HOME LATEST SECTION ***/
#homeLatest {padding: 0px 0 10px;background-color: #f1f1f1;}
#homeLatest .sectionTitle {margin:0;}
#homeLatest h1 {color: #fff;margin: 0 0 20px 0;font-size: 20px;background-color: #000;padding: 10px 12px;}
#homeLatest hr {border-color:#000;}
#homeLatest .latestPosts {margin-bottom:30px;}
/*** ENTRY THUMBS ***/
.entryItem {margin-bottom: 0px;display: block;}
.entryItem .top {background-color: #000000; padding: 8px 10px; display: block;}
.entryItem a {background-color: #FFF;display: block;padding: 0;border-bottom: 0;margin-bottom: 1px;}
.entryItem a:hover {background-color: #fff; transition:all; border-bottom: 0px;}
.entryItem a .image { position: relative;}
.entryItem a .image {width: 40%; float: left; margin-right: 15px;}
.entryItem a .image .icon {position: absolute; left: 50%; top: 50%; display: block; overflow: hidden; background:transparent url('/_assets/img/play-icon.png') center center no-repeat; height:43px; width:43px; margin:-22px 0 0 -22px;}
.entryItem a .image .entryType {display:none;}
.entryItem a .info { padding-left: 35%; padding: 10px; min-height: auto;}
.entryItem a .info small.date {color: #A0A0A0;}
.entryItem a .info h2 {position:relative;font-size: 15px;line-height: 1.2em;margin: 5px 0 12px;color: #333;letter-spacing: 0;display: block; /* Fallback for non-webkit */display: -webkit-box; /* Fallback for non-webkit */margin: 4px auto 0;line-height: 1.4;}
.entryItem a:hover .info small.date,
.entryItem a:hover .info h2 {color:#000000;}
/*** SKATER THUMBS HOME ***/
#skaterHome {padding: 40px 0 60px;background-color: #000;color: #fff;}
#skaterHome .sectionMoreBtn {margin: 30px 0; display: block;}
img.skaterPSLogoTitle {height: 50px; width: auto; margin: -5px 12px 0 0;}
.skaterItem { margin-bottom: 0px;padding: 0px;}
.skaterItem a {display: block;padding: 0;border-bottom: 0;margin-bottom: 0px;position: relative;text-align: center;background-color: #000;}
.skaterItem a:hover {}
.skaterItem a img {
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
border: 0px solid #000;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
filter: grayscale(100%);
opacity: .8;
}
.skaterItem a .shadowOverlay {background:url('../img/hero-text-bg-shadow.png') no-repeat bottom left; width:100%; height:100%; display:block; position: absolute; top: 0;left: 0; background-size:contain; z-index: 1;}
.skaterItem a .info {top: auto;bottom: 0;left: 0;width: 100%;height: auto;text-align: left;z-index: 10;/* top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */position: absolute;padding: 0;margin: 0;}
.skaterItem a .info .country {color: #fff;background-color: transparent;display: inline-block;clear: both;padding: 0;font-size: 24px;height: 24px;margin: 0;line-height: 1em;}
.skaterItem a .info .name {font-size: 1em;font-weight: bold;line-height: 1.1em;margin: -2px 0 0 0;letter-spacing: 0;display: inline-block;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;background-color: #000;color: #fff;padding: 5px 8px;}
.skaterItem.col-xs-6 a .info .name {font-size: .8em;}
.skaterItem a:hover .info small.date,
.skaterItem a:hover .info h2 {color:#000000;}
.skaterItem a:hover img {border: 0px solid #000;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;opacity: 1;}
.skaterItem .icon.Invited, .skaterItem .icon.Challenger {}
.skaterItem .proStatus {position:absolute; right: 5px; top:5px; left:auto; display: block;}
.malmoStatus {position: absolute;top: 12px;left: 5px;-ms-transform: rotate(-17deg); /* IE 9 */-webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */transform: rotate(-17deg);border: 2px solid #c72034;border-radius: 7px;padding: 3px 5px;font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;color: #c72034;text-transform: uppercase;font-weight: bold;line-height: 13px;}
/*** ENTRY PAGE ***/
body.bodyEntry {background-color:#F9F9F9;}
#entryPage {padding: 0px 0 5px;margin: 0;z-index: 2;}
#entryPage .featureImage {padding:0; position:relative;}
#entryPage .featureImage img {width:100%;height:auto;display: block;}
#entryPage .featureImage .featureImageCaption {position:absolute;padding: 8px 10px;top:auto;left:0;bottom: 0px;display:inline-block;background-color:#000;color:#fff;font-size: 11px;z-index:4;margin: 0;line-height: 11px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#entryPage .featureImage .featureImageCaption span.photogCredit {margin-left: 15px;color: #BDBDBD;}
#entryPage .articleTitle {text-align:center;padding: 50px 50px 0;}
#entryPage .articleTitle .blogType {background-color:#000; color:#fff; font-size: 14px; text-transform:uppercase; padding: 8px 10px 5px;display: inline-block;line-height: 14px; margin:0 auto;}
#entryPage .articleTitle h1 {font-size: 2em;margin: 20px 0; text-transform: uppercase;}
#entryPage .articleTitle a {color:#d40b0b;}
#entryPage .articleTitle a:hover {text-decoration: underline;}
#entryPage .articleTitle .blogDate { font-family: 'Libre Baskerville', serif;}
#entryPage .articleTitle hr {border-top:1px solid #000;margin: 30px 40%;}
#entryPage .articlebody {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding:20px;}
#entryPage .articlebody a {text-decoration:underline;}
#entryPage .articlebody p a:hover {color:#d40b0b;}
#entryPage .articlebody .contentBlock {padding: 0;}
#entryPage .articlebody .contentBlock p {margin: 0 0 20px;}
#entryPage .articlebody .contentBlock img {width:100%; height:auto;}
#entryPage .articlebody tbody a {text-decoration: none;}
/* Pull Quote */
#entryPage .articlebody .contentBlock blockquote p {font-size:30px; line-height:36px;}
#entryPage .articlebody .contentBlock blockquote footer {display: block;font-size: 80%;line-height: 1.42857143;color: #555;padding: 0;background: transparent;border: 0;}
#entryPage .articlebody .contentBlock blockquote small {display: block;font-size: 60%;line-height: 1.3;color: #999;padding: 0;background: transparent;border: 0;}
#entryPage .articlebody .contentBlock blockquote { padding: 10px 20px; margin: 20px 0; font-size: 17.5px; border-left: 5px solid #000;}
/* SINGLE IMAGES */
.articlebody .contentImage {width:100%; margin:20px 0px;}
.articlebody .contentImage .imageCaption {background-color: #000;color: #FFF;padding: 10px 14px;font-size: 12px;display: block;font-style: italic;margin: 0;}
.articlebody .contentImage .imageCaption span.photogCredit {margin-left: 15px;color: #BDBDBD;}
.articlebody .contentImage.position-right,
.articlebody .contentImage.position-left,
.articlebody .contentImage.position-center,
.articlebody .contentImage.width-quarter,
.articlebody .contentImage.width-third,
.articlebody .contentImage.width-half,
.articlebody .contentImage.width-twoThirds,
.articlebody .contentImage.width-threeQuarter {width:100%; float:none; margin:30px 0;}
/* Content social buttons */
ul.bodyContentSocialMedia {padding: 0;list-style: none;clear: both;}
ul.bodyContentSocialMedia li {width: 70px;height: 70px;float: left;margin: 5px;}
ul.bodyContentSocialMedia li a.socialShareLink {width: 100%;height: 100%;font-size: 35px;line-height: 70px;border-radius: 50%;}
#entryPage .articlebody .contentBlock.videoBlock {margin:20px 0;}
#entryPage .articlebody .contentBlock p.blogCaption {background-color: #000; color: #FFF; padding: 10px 14px; font-size: 12px; display: block; margin: -20px 0 20px;}
#entryPage .blogContent { background-color: #FFF;padding: 0;margin-top: 0;}
#entryPage .socialIcons {width: 50px; display: inline-block; margin-top: 0;text-align: center;position: absolute;top: 0;right: -50px;}
#entryPage .socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
#entryPage .socialIcons ul>li {list-style: none;width: 100%;/* float: left; */}
#entryPage .socialIcons ul>li a {color: #fff;}
#entryPage .socialIcons ul>li a:hover {opacity:1; }
#entryPage .socialIcons ul>li .sharrre .box {opacity:.85; display:block; color: #FFF;background-color: #000;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 12px;font-size: 1.3em;padding-top: 8px;}
#entryPage .socialIcons ul>li .sharrre .box a.count {color: #FFF;font-size: 12px;line-height: 12px;width: 100%;display: block;text-align: center;}
#entryPage .socialIcons ul>li .sharrre .box a.share {font-size: 10px; line-height: 11px; color: #FFF;}
#entryPage #footerSocial.socialIcons {width: 100%; display: inline-block; height: 40px;margin: 15px auto;text-align: center; position:relative;right: auto;top: auto;}
#entryPage #footerSocial.socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
#entryPage #footerSocial.socialIcons ul>li {list-style: none;width: 33.3%;float: left;}
#entryPage #footerSocial.socialIcons ul>li a:hover {opacity:1;}
#entryPage #footerSocial.socialIcons ul>li .sharrre .box {opacity:.85; display:block; color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 35px;line-height: 12px;font-size: 1.3em;padding-top: 6px;}
#entryPage #footerSocial.socialIcons ul>li .sharrre .box a.count {color: #000;font-size: 12px;line-height: 12px;width: 100%;display: block;text-align: center;}
#entryPage #footerSocial.socialIcons ul>li .sharrre .box a.share {font-size: 10px; line-height: 11px; color:#000;}
/*** VIDEO PAGE ***/
body.bodyVideo {background-color: #F3F3F3;}
#videoPage {padding: 0px 0 40px;margin-top: 0;z-index: 2;}
#videoPage #videoPlayer {display:block;background-color: #1F1F1F;box-shadow: inset 0 0 1000px #000;}
#videoPage .videoEmbed {margin-bottom: 0;}
#videoPage .videoInfo {background-color:#fff;padding: 30px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);margin: 0 0 10px;}
#videoPage a.event {font-size:12px;background-color: #000;color: #fff;padding: 5px 8px;}
#videoPage a.event:hover {background-color:red; text-decoration:none;}
#videoPage .videoDate {color: #A5A5A5;}
#videoPage .socialIcons {width: 100%;display: inline-block;margin-top: 0;text-align: center;}
#videoPage .socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
#videoPage .socialIcons ul>li {list-style: none;width: 33.3%;float: left;display: inline-block;}
#videoPage .socialIcons ul>li a:hover {opacity:1;}
/*** PHOTO PAGE ***/
body.bodyPhoto {background-color: #F3F3F3;}
#photoPage {padding: 0px 0 40px;margin-top: 0;z-index: 2;}
#photoPage #photoGallery {display:block;background-color: #2d2d2d;padding: 25px 0 15px;box-shadow: inset 0 0 800px #000;}
#photoPage .videoEmbed {margin-bottom: 0;}
#photoPage .videoInfo {background-color:#fff;padding: 30px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);margin: 0 0 10px;}
#photoPage a.event {font-size:12px;background-color: #000;color: #fff;padding: 5px 8px;}
#photoPage a.event:hover {background-color:red; text-decoration:none;}
#photoPage .entryDate {color: #A5A5A5;}
#photoPage .socialIcons {width: 100%;display: inline-block;margin-top: 0;text-align: center;}
#photoPage .socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
#photoPage .socialIcons ul>li {list-style: none;width: 33.3%;float: left;display: inline-block;}
#videoPage .socialIcons ul>li a:hover {opacity:1;}
#photoPage #photoGallery .photoGalleryWrapper .imageCaption {background-color: #000;display: block;font-size: 11px;color: #fff;padding: 5px 8px;margin-bottom:0px;position: absolute;left: 50%;bottom:15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#photoPage #photoGallery .photoGalleryWrapper .owl-controls {background-color: rgba(234, 234, 234, 0);padding: 1px 0 3px;}
#photoPage #photoGallery .photoGalleryWrapper .slideContent {background-color:transparent;}
/* LIGHTBOX */
.ekko-lightbox-container{position:relative;}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
.ekko-lightbox .modal-content {border-radius: 0;border: 0;border-radius: 0;background-color: rgba(0, 0, 0, 0);}
.ekko-lightbox .modal-header {background-color: rgba(0, 0, 0, 0);color: #fff;border-bottom: 1px solid #000;}
.ekko-lightbox .modal-header .close {opacity: .5; color: #fff;}
.ekko-lightbox .modal-footer {background-color: #000;color: #fff;font-size: 12px;border-top: 1px solid #000;}
.ekko-lightbox .modal-body {background-color:#000;}
.modal-backdrop.in {opacity: .85;}
/*** EVENT PAGE ***/
#eventPage {background-color: #f1f1f1;}
.eventHeaderWrapper {background-color: rgba(0, 0, 0, 0.7);}
#eventHeader {padding: 0px;position: relative;border: 0;display: block;}
#eventHeader .eventHeaderWrapper {display:block;}
#eventHeader img.eventArt {position: absolute;}
#eventHeader .titleBlock {display: inline-block;left:0;margin: 20px 0;}
#eventHeader .titleBlock .eventRating a {font-size: 1.1em;margin-top: 0;font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-style: normal; font-weight: 800;color: #FFF;letter-spacing: 1px;text-transform: uppercase;}
#eventHeader .titleBlock.mpt .eventRating a {color: #c0203e;}
#eventHeader .titleBlock.wpt .eventRating a {color: #ff009d;}
#eventHeader .titleBlock.mwc .eventRating a,
#eventHeader .titleBlock.wwc .eventRating a {color: gold;}
#eventHeader .titleBlock.mcc .eventRating a {color: #3faaed;}
#eventHeader .titleBlock.wcc .eventRating a {color: #1ae0a3;}
#eventHeader .titleBlock.mnc .eventRating a {color: #5143f7;}
#eventHeader .titleBlock.wnc .eventRating a {color: #e7a9fb;}
#eventHeader .titleBlock h1.eventCity {font-size: 2.5em;margin: 5px 0;display: block;color:#fff;text-transform:uppercase;}
#eventHeader .titleBlock .eventCountry {font-size: 1.1em;float: left;color: #fff;line-height: 1.1em;}
#eventHeader .titleBlock h2.eventSkatepark {margin:0 0 3px;font-size:20px;display: block;color:#fff;text-transform:uppercase;}
#eventHeader .titleBlock h2.eventDate {margin:0;font-size: 1.1em;color:#fff;text-transform:uppercase;float: left;margin-right: 20px;}
#eventHeader .titleBlock .sectionTitle {max-width: 200px;margin: 0 auto 10px;overflow: hidden;color: #fff;}
#eventHeader .titleBlock .stars .glyphicon {font-size: 20px;width: 38px;height: 25px;padding: 0 10px;line-height: 30px;}
#eventHeader .titleBlock .sectionTitle > span {position: relative; display: inline-block;}
#eventHeader .titleBlock .sectionTitle > span:before, .sectionTitle > span:after { content: ""; position: absolute; top: 50%; width: 9999px; height: 3px; background: #fff;}
#eventHeader .titleBlock .sectionTitle > span:before {right: 100%; margin-right: 15px;}
#eventHeader .titleBlock .sectionTitle > span:after {left: 100%; margin-left: 15px;}
#eventNav {text-transform:uppercase; border-radius: 0;border: 0;border-bottom: 1px solid #DEDEDE;background-color: #fff;z-index: 1;;margin: 0;border: 0px solid #fff;border-width: 0;padding: 5px 0;}
#eventNav .navbar-toggle .icon-bar {background-color: #000;}
#eventNav .navbar-toggle {border-color: rgba(0, 0, 0, 0); border-radius:0;}
#eventNav .navbar-toggle:focus, header .navbar-main .navbar-toggle:hover {background-color: #5298D8;}
#eventNav .navbar-toggle {border: none;background: transparent !important;width: 100%;float: none;}
#eventNav .navbar-toggle:hover {background: transparent !important;}
#eventNav .navbar-toggle .icon-bar {width: 22px; transition: all 0.2s;}
#eventNav .navbar-toggle .top-bar {transform: rotate(45deg); transform-origin: 10% 10%;}
#eventNav .navbar-toggle .middle-bar {opacity: 0;}
#eventNav .navbar-toggle .bottom-bar {transform: rotate(-45deg); transform-origin: 10% 90%;}
#eventNav .navbar-toggle.collapsed .top-bar { transform: rotate(0);}
#eventNav .navbar-toggle.collapsed .middle-bar { opacity: 1;}
#eventNav .navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}
#eventNav a.btn.btn-black.dropdown-toggle {border: 0;text-align: left;color: #c7203e;background-color: #f1f1f1;}
#eventBody {padding-top: 20px;}
#eventBody .articlebody {background-color: #fff; padding: 30px; margin-bottom: 30px;}
#eventBody .mainImage .imageCaption {margin-bottom: 0;}
#eventBody .articlebody {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#eventPage #hero {padding:40px 0;background-color: #fff;}
#eventPage #news {}
#eventInfo {padding:50px 0; background-color:#fff;}
#eventInfo .eventPreview {background-color: #fff; padding: 15px;}
#eventInfo .imageRight {float:none;margin: 0; width:100%; margin-bottom: 20px;}
#eventInfo .imageLeft {float:none;margin: 0; width:100%; margin-bottom: 20px;}
#eventInfo .ratingTitle {font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-style: normal; font-weight: 800;}
#eventInfo li {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1.55rem; line-height: 1.9;}
#eventContent {padding-top: 30px; background-color:#E4E4E4;}
#eventContent .eventWrapper {}
#eventMap .container .embed-responsive {position:relative;}
#eventMap .eventMapContainer {background-color:#fff; padding:15px; margin-bottom:30px;}
#eventMap .noclickOverlay {background:transparent;position: absolute;width:100%;height:100%;top:0;left:0;display: block; z-index: 1;}
#results {padding:40px 0;}
#athleteRegistration {padding: 0; margin-bottom: 20px;}
#athleteRegistration .registrationWrapper {padding:15px; background-color:#fff;}
#eventMap {padding:40px 0; background-color:#fff;}
/*** WIDGETS ***/
#eventInfoWidgets {padding: 40px 0 30px;background-color: #E6E6E6;}
#eventInfoWidgets .widget {margin-bottom:20px;}
#eventInfoWidgets .widget .btn-black {text-align:right; color:#666;}
#eventInfoWidgets .widget .btn-black:hover {background-color:#000; color:#fff;}
#eventInfoWidgets .resultsTable .table {font-size: 12px;}
.widget {margin-bottom:15px;}
.eventSchedule {background-color: #272727;box-shadow: 1px 1px 1px #D4D4D4;}
.eventSchedule .eventScheduleTitle {text-transform:uppercase; padding: 10px;text-align: left;background-color: #000; color:#fff; border-bottom: 0px solid #CACACA; font-size: 18px; line-height: 35px; border-bottom:1px solid #333;}
.eventSchedule .table {color:#fff;font-size:11px;text-transform:uppercase;margin: 0;}
.eventSchedule .table thead tr {background-color: #2F2F2F;}
.eventSchedule .table thead tr:hover {background-color: #2F2F2F; cursor: pointer;}
.eventSchedule .table th {color:#fff;text-transform:uppercase;border-bottom: 1px solid #333333;border-top: 1px solid #4C4C4C;}
.eventSchedule .table td {border-top: 1px solid #333;}
.eventSchedule .table tr {color: #9C9C9C;border-bottom:1px solid #333;background-color: #1D1D1D;}
.eventSchedule .table tr:hover {background-color: #1D1D1D; color:#fff;}
.webcastStartTable {background-color: #272727;box-shadow: 1px 1px 1px #D4D4D4;}
.webcastStartTable .webcastStartTableTitle {text-transform:uppercase; padding: 10px;text-align: left;background-color: #000; color:#fff; border-bottom: 0px solid #CACACA; font-size: 18px; line-height: 35px; border-bottom:1px solid #333;}
.webcastStartTable .table {color:#fff;font-size:11px;text-transform:uppercase;margin: 0;}
.webcastStartTable .table thead tr {background-color: #2F2F2F;}
.webcastStartTable .table thead tr:hover {background-color: #2F2F2F;}
.webcastStartTable .table th {color:#fff;text-transform:uppercase;border-bottom: 1px solid #333333;border-top: 1px solid #4C4C4C;}
.webcastStartTable .table td {border-top: 1px solid #333;}
.webcastStartTable .table tr {color: #9C9C9C;border-bottom:1px solid #333;background-color: #1D1D1D;}
.webcastStartTable .table tr:hover {background-color: #1D1D1D; color:#fff;}
.webcastStartTable .table tr.localTime td {color: #C7203E;}
.webcastStartTable .localTime {padding:15px; color: #fff;}
.webcastStartTable .localTime p {line-height: 1.1em;margin: 0;}
.webcastStartTable .localTime h2 {font-size: 26px;margin-top: 10px;}
#eventInfoWidgets .resultsTable .table .resultSkaterCountry {width: auto; text-align: right; padding-right: 15px;}
ul.skaterList li a.skaterListItem:hover {background-color: #F7F6F6;}
/* SKATER PROFILE */
body.bodySkater {background-color:#F3F3F3;}
#skaterHero {height:40%; display:block; width:100%; min-height:300px;}
#skaterProfile {padding: 10px 0;}
#skaterProfile .skaterFastfacts .skaterProfileHeadshot img {margin-top: 0;border: 0px solid #fff;}
#skaterProfile.noHero .skaterFastfacts .skaterProfileHeadshot img {margin-top: -40px;border: 10px solid #fff;}
#skaterProfile .skaterFastfacts .skaterInfo {color:#666;}
#skaterProfile .skaterFastfacts .skaterInfo h1 {color:#000;margin-top: 0;font-size: 28px;}
#skaterProfile .skaterFastfacts .skaterInfo span {text-transform:uppercase; color:#000;}
#skaterProfile .skaterFastfacts .skaterInfo .country {font-size:16px; margin-bottom:10px;}
#skaterProfile .skaterFastfacts .skaterInfo .flag-icon {font-size: 28px;}
#skaterProfile .skaterFastfacts .skaterInfo .socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center; margin-bottom: 25px;}
#skaterProfile .skaterFastfacts .skaterInfo .socialIcons ul>li {list-style: none;width: 50px;float: left;display: inline-block;}
#skaterProfile .skaterFastfacts .skaterInfo .socialIcons ul>li a:hover {opacity:1;}
#skaterProfile .skaterFastfacts .skaterInfo .socialIcons ul>li .sharrre .box {opacity:.85; display:block; color: #FFF;background-color: #000;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 12px;font-size: 1.3em;padding-top: 8px;}
#skaterProfile .skaterFastfacts .skaterInfo .socialIcons ul>li .sharrre .box a.count {color: #FFF;font-size: 12px;line-height: 12px;width: 100%;display: block;text-align: center;}
#skaterProfile .skaterFastfacts .skaterInfo .socialIcons ul>li .sharrre .box a.share {font-size: 10px; line-height: 11px; color: #FFF;}
#skaterProfile .skaterContent .skaterContentSection {margin: 0 0 40px;}
#skaterProfile .skaterContent .skaterContentSection .skaterContentTitle hr {border-top-color: #929292;margin-top:10px;}
#skaterProfile .skaterPhotoGallery .imageCaption {background-color: #000; display: block; font-size: 11px; color: #fff; padding: 5px 8px; margin-bottom:0px; position: absolute; left: 15px; bottom:15px;}
#results {}
.liveWrapper #scores-navbar {background-color:#000; display: block; text-transform: uppercase; padding:5px;}
.liveWrapper #scores-navbar .resultsTableTitle,
.liveWrapper #scores-navbar .resultsTableTitleEventInfo
{padding: 7px;text-align: left;background-color: #000;color:#fff;border-bottom: 0px solid #CACACA;font-size: 12px;}
.etnForm iframe {width:100%; height:auto;}
#live .liveWrapper #scores-navbar .btn,
#live .liveWrapper #scores-navbar .resultsTableTitle,
.scores-controls .btn {font-size:12px;border: 1px solid #000;}
.resultsTable {background-color: #fff;box-shadow: 1px 1px 1px #D4D4D4; margin-bottom:15px;}
.resultsTable:empty {
display: block; height:100px; width:100%; background-color:#000;
}
.resultsTable.hidden {display: block!important;width:100%;margin:0;padding: 30px;}
.resultsTable.hidden .table {display:none;}
.resultsTable .resultsTableSubTitle {padding:6px 10px;font-size: .8em;background-color:#333;color:#fff;}
.resultsTable .table {color:#000;font-size:11px;text-transform:uppercase;margin: 0;}
.resultsTable .table thead tr {background-color: #333; color:#fff;}
.resultsTable .table thead tr:hover {background-color: #333;}
.resultsTable .table th {color:#fff;text-transform:uppercase;border-bottom: 1px solid #333333;border-top: 1px solid #4C4C4C;}
.resultsTable .table td {border-top: 1px solid #f1f1f1;width: auto;white-space:nowrap;line-height: 40px;padding: 8px 3px;}
.resultsTable .table td.resultSkaterHeadshot {width:30px;}
.resultsTable .table td.resultPlace {width: 45px;font-size: 12px;}
.resultsTable .table tr {color: #333;border-bottom: 1px solid #FFF;background-color: #fff;}
.resultsTable .table tr:hover {background-color: #1D1D1D;color: #FFF;}
.resultsTable .table .resultPosition {text-align:right;padding-right: 20px;}
.resultsTable .table .resultPlace {text-transform: none;text-align: center;}
.resultsTable .table tr.progress td.resultPlace {color:#098809;}
.resultsTable .table .resultSkater {}
.resultsTable .table .resultSkater br {display:none; }
.resultsTable .table .resultSkaterHeadshot img {height: 35px;width: 35px;border-radius:50%;}
.resultsTable .table .resultSkaterName {text-overflow:ellipsis;overflow:hidden;white-space: inherit;line-height: 16px;font-size: 12px;padding: 13px 5px 11px 7px;vertical-align: middle;}
.resultsTable .table .resultSkaterCountry {font-size: 20px;width: 25px;}
.resultsTable .table .resultSkaterCountry img {min-width: 25px;max-width: 25px;}
.resultsTable .table .result .badge.run {background-color: #000; color: #a5a5a5; margin-right: 2px;}
.resultsTable .table .resultScore {text-align:right;padding-right:20px;}
.resultsTable .table .resultSkaterStatus {width:auto;}
.resultsTable .table .resultsRun .run {background-color: #000; color: #a5a5a5;margin-right: 2px}
.resultsTable .table .resultsRun .run.topRuntrue {background-color: darkgreen; color: #fff}
.icon {width: 30px;height: 30px;border-radius:50%;text-align:center;line-height: 30px;margin: 5px 0 0;}
.icon.Select.Pro,
.icon.Tour.Wildcard{background: #000 url('http://69b6f8fd736ed8836881-2f84b28f704f9f5fbcd9c873e843c0af.r11.cf1.rackcdn.com/_assets/img/logo-ps.png') 62% center no-repeat;background-size: 48%;float: left;}
.icon.Qualified {color:#fff; font-size:14px; background-color:#333; opacity: 0; display: none;}
.icon.Qualified:before {content:'Q';}
.icon.Challenger {color:#fff; font-size:14px; background-color:#333; opacity: 1; display: none;}
.icon.Challenger:before {content:'C';}
.legend {display:block;margin: 0 0 10px 0;}
.legend ul {margin:0; padding:0; list-style:none;}
.legend ul>li {margin:0;padding:0;list-style:none;float:left;margin-right:20px;line-height: 40px;}
.legend ul>li .icon {float:left; margin-right:5px;}
.resultsTable #invited-table.table .resultSkaterName {width: auto; line-height: 26px; text-overflow: ellipsis; overflow: hidden;}
.noResults {padding: 40px;text-align: center;display: block;}
.live-scores a.btn {color: #666; border-top:1px solid #333;}
.live-scores.active a.btn {color: #C7203E;}
.liveScores.loading .resultsTable {display:none;}
.liveScoresWrapper iframe#scores {min-height: 600px;}
.resultsWidgetCropped .resultsTableWrapper {max-height:400px;overflow: scroll;}
#livePageScores.resultsWidgetCropped .resultsTableWrapper {max-height:inherit; overflow: visible;}
.eventInfoWidgets #live {margin:0; padding: 0;}
.socialShareLive {padding:10px 0; overflow: hidden;}
/* LOADING ANI */
.liveScores .loaderAni,
.skatersList .loaderAni{display: none;}
.liveScores.loading .loaderAni,
.skatersList .resultsTable.loading .loaderAni {display: block;width: 100%;display: block;text-align: center;background-color: #fff;}
.liveScores.loading .loaderAni img,
.skatersList .resultsTable.loading .loaderAni img {max-width: 400px;}
.skatersList .resultsTable.loading table {display:none;}
/* SEARCH */
#searchResults {padding: 40px 0;}
/**********/
/** LIVE **/
/**********/
#live {padding: 0;position: relative;}
#live .liveWrapper {display:block; position: relative;}
#live .liveWrapper .livePlayer {width:100%;}
#live .liveWrapper .liveScores {width:100%; height:auto; position: relative; left:auto; right:0; top:0; overflow:auto;}
#live nav.navbar.navbar-live.navbar-inverse {background-color: #C72034; border: 0; border-radius: 0; color: #fff;}
#live .navbar-live .navbar-brand {color: #E2E2E2;}
#live .navbar-live .navbar-nav>li>a {color: #E2E2E2;}
.shareLive .title {background-color:#000; color: #fff; text-align: center; font-size: 14px; padding:10px 0;}
.shareLive ul {padding:0;min-height: 40px;margin: 0;}
.shareLive ul li {width:25%; list-style:none; padding:0; margin:0; float:left;}
#live ul.socialAccounts>li a.socialShareLink {opacity:.85;display:block;color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 40px;font-size: 1.3em;float: left;}
#live ul.socialAccounts>li a.socialShareBlack {background-color:#000; color:#fff;}
#live ul.socialAccounts>li a.socialShareFacebook {background-color:#3b5998;}
#live ul.socialAccounts>li a.socialShareTwitter {background-color:#00aced;}
#live ul.socialAccounts>li a.socialShareGooglePlus {background-color:#dd4b39;}
#live ul.socialAccounts>li a.socialShareInstagram {background-color:#125688;}
#live ul.socialAccounts>li a.socialShareVine {background-color:#00bf8f;}
#live ul.socialAccounts>li a.socialShareYouTube {background-color:#e52d27;}
#live ul.socialAccounts>li a.socialShareGlobe {background-color: #000000;}
#liveSocial .followVans .title {color: #000; text-align: center; font-size: 14px; padding:10px 0;}
#liveSocial .followVans ul {margin:0 auto; padding:0; display:block; text-align:center;}
#liveSocial .followVans ul li {width:40px;height:40px;list-style:none;padding:0;margin:0;display:inline-block;}
#liveSocial ul li a.socialShareLink:hover {opacity:1;}
.followVans {margin: 0;text-align: left;}
/**** RATINGS ****/
#ratings {background-color: #dedede;padding: 0 0 40px;}
#ratings .ratingsHeader {background-color:#fff; padding:30px 0 0; margin:0;}
#ratings .nav-pills>li>a.ratingsTab {color: #a9a9a9;background-color:#f5f5f5;border-radius: 0;margin:0px;}
#ratings .nav-pills>li.active>a.ratingsTab, .nav-pills>li.active>a.ratingsTab:focus, .nav-pills>li.active>a.ratingsTab:hover {color: #000;background-color: #dedede;border-radius: 0;}
#ratings .nav-pills>li {width:49%; float:left;}
#ratings .tab-content {padding:20px 0;}
#ratings .tab-content .info {text-align:center;padding: 10px 0 30px;}
table.ratingsTable {background-color: rgba(208, 208, 208, 0);height: 100%;}
.ratingsTable thead {background-color: transparent;color: #fff;}
.ratingsTable thead .event {font-size: 12px;color: #b7b7b7;text-align: center;}
.ratingsTable thead .th {border-top:0;}
.ratingsTable thead .thPoints {text-align: right; padding-right:20px;}
.ratingsTable thead tr.lowerBar {background-color:#000;}
.ratingsTable thead tr.topBar {background-color: transparent;text-align:center;border-bottom: 0;}
.ratingsTable thead tr.topBar th.eventsBar {text-align:center;background-color: #333;color:#b7b7b7;font-size: 11px;}
.ratingsTable thead tr.topBar th {border: none;}
.ratingsTable thead tr th.eventStop {text-align:center;background-color: #333;color:#fff;}
.ratingsTable thead tr th {border-top:0;font-size: 10px;}
.ratingsTable tbody {background-color:#fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.17);}
.ratingsTable td {font-size: 16px; line-height:50px}
.ratingsTable .rankingsHeadshot {float: left; margin-right: 10px;}
.ratingsTable .rankingsHeadshot img { width: 50px; height: auto; background-color: #fff; border-radius: 50%; border: 2px solid #ddd;}
.ratingsTable .rankingsName { font-size:14px; line-height:14px; margin-top:10px;}
.ratingsTable .rankingsCountry { font-size: 13px; margin-top:5px; line-height:13px}
.ratingsTable td.pos {text-align: center;border-right: 1px solid #EFEDE9;color: #000;width: 30px;font-size: 12px;line-height: 50px;}
.ratingsTable .row1 .rankingsHeadshot img {background-color: #FFA500;width: 55px;margin-left: 0px;}
.ratingsTable .points { font-size:12px; line-height:50px; text-align:right; padding-right:10px;}
.ratingsTable td.eventPosTd {text-align: center;display: table-cell;}
.ratingsTable .eventPos {line-height:50px;font-size:12px;color:#666666;text-align: center;margin: 10px auto;}
.ratingsTable .eventPos.finals {color: #fff;background-color: #c70303;line-height: 30px;width: 30px;border-radius: 50%;font-size: 9px;}
.ratingsTable .eventPos.semifinals {color: #fff;line-height: 30px;width: 30px;border-radius: 50%;font-size: 9px;background-color: #3b76d2;}
.ratingsTable .eventPos.qualifiers {color: #fff;background-color: #717171;line-height: 30px;width: 30px;border-radius: 50%;font-size: 9px;}
.ratingsTable .region {line-height:40px;}
.ratingsTable tbody tr:nth-child(-n+5) {border-left: 3px solid green; }
.ratingsTable tbody tr:nth-child(n+6) {opacity: .5;}
.ratingsTable.womens tbody tr:nth-child(-n+8) {border-left: 3px solid green; opacity: 1; }
.ratingsTable.womens tbody tr:nth-child(n+9) {opacity: .5;}
.ratingsTable.table-striped>tbody>tr:nth-of-type(odd) {background-color:#fff;}
.ratingsTable.table-striped>tbody>tr:nth-of-type(even) {background-color: #f7f7f7;}
.ratingsInfo {text-align:center;margin-bottom: 40px;}
.ratingLegend {display: inline-block; line-height: 27px; margin-right: 20px;}
.ratingLegend .eventPos.finals,
.ratingLegend .eventPos.semifinals,
.ratingLegend .eventPos.qualifiers {float: left; margin: 3px 7px; width: 20px; height: 20px;}
/*** RATINGS WIDGET ***/
/**** CUETAG ****/
#cuetag-iframe {width: 100%; margin:0px auto; display:block;}
/*********************/
/*** MEDIA QUERIES ***/
/*********************/
@media (min-width: 500px) {
#eventThumbs .eventItem a .image {width 40%;}
#eventThumbs .eventItem a .eventItemInfo .eventRatingTag {font-size:12px;}
#eventThumbs .eventItem a .eventItemInfo .eventLocation {text-transform: uppercase;font-size: 24px;/* overflow: hidden; */display: block;/* white-space: nowrap; */margin-bottom: 3px;line-height: 29px;}
#eventThumbs .eventItem a .eventItemInfo .skatePark {font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;color: #bbb;}
#eventThumbs .eventItem a .eventItemInfo .dates {font-size: 12px;line-height: 24px;color: #bbb;}
}
@media (min-width: 768px) {
.leaderboard {margin: 20px 0;text-align: center;}
.leaderboard img {width:728px; height:auto; margin:0 auto;}
.carousel-caption p.carouselCaption {font-size: 12px;}
footer ul {list-style:none; margin:0;}
.sectionTitle {margin-bottom:45px; text-align:center;}
/*** HERO SLIDER ***/
#heroSlider {min-height: 200px;}
#heroSlider .heroSliderItem .heroInfo {width: 90%;}
#heroSlider .heroSliderItem .heroInfo .subtext {font-size: 11px;}
#heroSlider .heroSliderItem .heroInfo .title p {font-size: 22px;line-height: 27px;text-shadow: 1px 1px 2px #000;}
#heroSlider a.arrow {width: 10%;height: 100%;display: block;position: absolute;z-index: 1;color: #fff;top: 0;background-color: rgba(0, 0, 0, 0.7);}
#heroSlider a.arrow.arrowRight {right: 0;left: auto;top: 0;border-left: 2px solid #fff;}
#heroSlider a.arrow.arrowLeft {left: 0;top: 0;border-right: 2px solid #fff;}
#heroSlider a.arrow.arrowLeft span {position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -30px;}
#heroSlider a.arrow.arrowRight span {position: absolute;left: auto;right: 50%;top: 50%;margin: -20px -30px 0 0;}
#heroSlider a.arrow span {color: #fff;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;padding: 15px;opacity: .7;font-size: 20px;}
#heroSlider a.arrow:hover span {opacity: 1; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
/*** HERO ***/
#hero {padding: 30px 0 30px;/* background-color: #F1F1F1; */border-bottom: 0;overflow: hidden;}
#hero .heroCol {padding: 0; margin: 0;}
#hero .heroCol a.heroItem {padding:0; margin:0;background-color:#000; display:block;}
#hero .heroCol a.heroItem img {border: 0;padding:0;margin:0;}
#hero .heroCol a.heroItem .icon-play {position: absolute; left: 50%; top: 50%; display: block; overflow: hidden; background:transparent url('/_assets/img/play-icon.png') center center no-repeat; height:43px; width:43px; margin:-22px 0 0 -22px; z-index: 15;}
#hero .heroCol a.heroItem .shadowOverlay {background: url('../img/hero-text-bg-shadow.png') no-repeat bottom left 100%;width:100%;height:100%;display:block;position: absolute;top: 0;left: 0;background-size:contain;z-index: 1;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#hero .heroCol a.heroItem:hover img {opacity: .9; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}
#hero .heroCol a.heroItem .heroInfo {position: absolute;color:#fff;bottom: 0;padding: 15px;z-index: 2;width:100%;}
#hero .heroCol a.heroItem .heroInfo .subtext {font-size: .5em;padding: 4px 6px;background-color: #000;display: inline-block;text-transform: uppercase;}
#hero .heroCol a.heroItem .heroInfo .title {font-size: 1.3em;line-height: 1.3em;padding: 5px 0px 0;text-transform: uppercase;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);}
#hero .heroCol.heroCol1 a.heroItem .heroInfo .title {font-size: 2em;line-height: 1.3em;}
#hero .heroCol a.heroItem:hover .heroInfo {background-color: rgba(0, 0, 0, 0.6); transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}
#homeSocialSignUp ul.socialAccounts {margin-bottom: 0px;}
#eventHeader .titleBlock {margin:50px 0;}
#eventHeader .titleBlock h1.eventCity {font-size: 60px;}
#eventInfo .imageRight {float:right; margin:0 0 20px 20px; width:50%;}
#eventInfo .imageLeft {float:left; margin:0 20px 20px 0; width:50%;}
/* EVENT THUMBS */
#eventThumbs {padding: 40px 0 0px;background-color: #ffffff;}
#eventThumbs h1 {font-size:2.5em;margin: 0 0 20px;}
#eventThumbs .psLogo {width: 100px;height: 100px;display: inline-block;background-color:#000;border-radius: 50%;padding: 0;border:2px solid #fff;position: relative;margin: 0 auto 20px;left: auto;}
#eventThumbs .psLogo img {margin: 0; height:100%; width:auto;margin-left: 11%;padding: 19px;}
#eventThumbs .eventItem {display: flex;text-align: left;position:relative;border: 0;background-color: rgba(0, 0, 0, 0);margin-bottom: 20px;}
#eventThumbs .eventItem a .image {width:100%;display: block;}
#eventThumbs .eventItem a .image img {width:100%;height:auto;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;z-index: 1;display: block;float: none;position: relative;}
#eventThumbs .eventItem a {z-index: 10;width: 100%;text-align: left;}
#eventThumbs .eventItem a .eventItemInfo {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;padding: 20px;width: 100%;display: block;float: none;position: relative;left: 0;height: auto;}
#eventThumbs .eventItem a .image .eventStatusTag {font-size: 10px;margin-bottom: 0;padding: 9px;line-height: 8px;float: none;}
#eventThumbs .eventItem a .eventItemInfo .eventRatingTag {font-size: 12px;line-height: 14px;margin-bottom: 12px;}
#eventThumbs .eventItem a .eventStatusTag.winner {text-align:left;padding-left: 65px;font-size:12px;padding:10px 10px 10px 65px;overflow: hidden;}
#eventThumbs .eventItem a .eventStatusTag.winner span.eventChampTitle {font-size:10px;}
#eventThumbs .eventItem a .eventStatusTag.winner .eventWinnerThumb {width:50px;position: absolute;top:-7px;border-radius:50%;border:2px solid #fff;left: 5px;}
#eventThumbs .eventItem a .eventItemInfo .eventLocation {text-transform: uppercase;font-size: 20px;line-height: 22px;}
#eventThumbs .eventItem a .eventItemInfo .skatePark {font-size: 14px;}
#eventThumbs .eventItem a .eventItemInfo .dates {font-size: 14px;margin-top: 5px;color: #bbb;}
#eventThumbs .eventItem.mwc a .eventItemInfo .eventRatingTag,
#eventThumbs .eventItem.wwc a .eventItemInfo .eventRatingTag {color: gold;}
#eventThumbs .eventItem a .eventStatusTag.winner {padding: 2px 10px 0px 45px;font-size: 12px;display: block;line-height: 14px;min-height: 35px;overflow: visible;}
#eventThumbs .eventItem a .eventStatusTag.winner span.eventChampTitle {font-size: 8px;}
#eventThumbs .eventItem a .eventStatusTag.winner .eventWinnerThumb {width: 35px;position: absolute;top: auto;border-radius: 0;border: 0;left: 0px;}
#eventThumbs h3.homeEventTitle {font-size: 1.5em;}
#eventThumbs.eventHome { margin-top: 0;}
#eventThumbs.eventHome .psLogo {margin-top: -100px;}
#homeLatest {padding: 20px;width: 100%;}
/*** ENTRY THUMBS ***/
.entryItem {margin-bottom: 20px;display: flex;}
.entryItem a {border-bottom:3px solid #fff;/* margin-bottom: 10px; */ transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;}
.entryItem a:hover {border-bottom:3px solid #000000; transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -ms-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out;}
.entryItem a .image { width: 100%; float: none;}
.entryItem a .image img { width: 100%; height: auto;}
.entryItem a .info {padding: 20px 20px 10px 20px;min-height: 110px; display: block;}
.entryItem a .info h2 {font-size: 17px;text-transform: uppercase;}
.entryItem a .image .entryType {display:block; position: absolute;font-size: 10px; text-transform: uppercase; padding: 5px 8px; background-color: #000; color: #fff;letter-spacing: 1px;}
#eventContent #eventNews a.heroItem .heroInfo .title {font-size: 24px; line-height: 22px; padding:5px 0px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);}
#entryPage {padding: 10px 0;margin-top: 0;z-index: 2;}
#entryPage .featureImage {padding:0; position:relative;}
#entryPage .featureImage img {width:100%;height:auto;display: block;}
#entryPage .featureImage .featureImageCaption {position:absolute;padding: 8px 10px;top:auto;left:0;bottom: 0px;display:inline-block;background-color: rgba(0, 0, 0, 0.52);color:#fff;font-size: 11px;z-index:4;margin: 0;line-height: 16px;}
#entryPage .articleTitle {text-align:center;padding: 50px 50px 0;}
#entryPage .articleTitle .blogType {background-color:#000; color:#fff; font-size: 14px; text-transform:uppercase; padding: 8px 10px 5px;display: inline-block;line-height: 14px; margin:0 auto;}
#entryPage .articleTitle h1 {font-size: 56px; margin: 20px 0 ;}
#entryPage .articleTitle .blogDate { font-family: 'Libre Baskerville', serif;}
#entryPage .articleTitle hr {border-top:1px solid #000;margin: 40px 40%;}
#entryPage .articlebody {padding:30px;}
#entryPage .articlebody .contentBlock {padding:0;}
#entryPage .articlebody .contentBlock p {margin: 0 0 20px;}
#entryPage .articlebody .contentBlock img {width:100%; height:auto;}
#entryPage .articlebody .contentBlock blockquote p {font-size:30px; line-height:36px;}
#entryPage .articlebody .contentBlock blockquote footer {display: block;font-size: 80%;line-height: 1.42857143;color: #555;padding: 0;background: transparent;border: 0;}
#entryPage .articlebody .contentBlock blockquote small {display: block;font-size: 60%;line-height: 1.3;color: #999;padding: 0;background: transparent;border: 0;}
#entryPage .articlebody .contentBlock blockquote { padding: 10px 20px; margin: 20px 0; font-size: 17.5px; border-left: 5px solid #000;}
#entryPage .articlebody .contentBlock.imageBlock {padding:0 30px;}
#entryPage .articlebody .contentBlock.imageBlock.noPadding {padding:0;}
#entryPage .articlebody .contentBlock .imageCaption {background-color: #000; color: #FFF; padding: 10px 14px; font-size: 12px; display: block; font-style: italic;}
#entryPage .articlebody .contentBlock.videoBlock {margin:20px 0;}
#entryPage .articlebody .contentBlock p.blogCaption {background-color: #000; color: #FFF; padding: 10px 14px; font-size: 12px; display: block; margin: -20px 0 20px;}
#entryPage .blogContent { background-color: #FFF;padding: 0;margin-top: 0;}
#entryPage .socialIcons {width: 50px; display: inline-block; margin-top: 0;text-align: center;position: absolute;top: 0;right: -50px;}
#entryPage .socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
#entryPage .socialIcons ul>li {list-style: none;width: 100%;/* float: left; */}
#entryPage .socialIcons ul>li a:hover {opacity:1;}
#entryPage .socialIcons ul>li .sharrre .box {opacity:.85; display:block; color: #FFF;background-color: #000;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 12px;font-size: 1.3em;padding-top: 8px;}
#entryPage .socialIcons ul>li .sharrre .box a.count {color: #FFF;font-size: 12px;line-height: 12px;width: 100%;display: block;text-align: center;}
#entryPage .socialIcons ul>li .sharrre .box a.share {font-size: 10px; line-height: 11px; color: #FFF;}
#entryPage #footerSocial.socialIcons {width: 100%; display: inline-block; height: 40px;margin: 15px auto;text-align: center; position:relative;right: auto;top: auto;}
#entryPage #footerSocial.socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
#entryPage #footerSocial.socialIcons ul>li {list-style: none;width: 33.3%;float: left;}
#entryPage #footerSocial.socialIcons ul>li a:hover {opacity:1;}
#entryPage #footerSocial.socialIcons ul>li .sharrre .box {opacity:.85; display:block; color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 35px;line-height: 12px;font-size: 1.3em;padding-top: 6px;}
#entryPage #footerSocial.socialIcons ul>li .sharrre .box a.count {color: #000;font-size: 12px;line-height: 12px;width: 100%;display: block;text-align: center;}
#entryPage #footerSocial.socialIcons ul>li .sharrre .box a.share {font-size: 10px; line-height: 11px; color:#000;}
/* SINGLE IMAGES */
.articlebody .contentImage {width:100%; margin:20px 0;}
.articlebody .contentImage .imageCaption {background-color: #000;color: #FFF;padding: 10px 14px;font-size: 12px;display: block;font-style: italic;margin: 0;}
.articlebody .contentImage .imageCaption span.photogCredit {margin-left: 15px;color: #BDBDBD;}
.articlebody .contentImage.position-right {margin:2.5% 0 2.5% 2.5%;float:right;}
.articlebody .contentImage.position-left {margin:2.5% 2.5% 2.5% 0px;float:left;}
.articlebody .contentImage.position-center {margin:25px auto; float:none;}
.articlebody .contentImage.width-quarter {width:25%;}
.articlebody .contentImage.width-third {width:33.333333%;}
.articlebody .contentImage.width-half {width:47.5%;}
.articlebody .contentImage.width-twoThirds {width:66.666666%;}
.articlebody .contentImage.width-threeQuarter {width:75%;}
/* SKATERS */
.skaterItem a .info .name {font-size: 1.4em;}
.skaterItem.col-md-5ths a .info .name {font-size: .9em;}
.skaterItem.col-md-3 a .info .name {font-size: 1em;}
#skaterHero {height:80%; display:block; width:100%;}
#skaterProfile {padding: 30px 0;}
#skaterProfile .skaterFastfacts .skaterProfileHeadshot img {margin-top: 0;border: 10px solid #fff;}
#skaterProfile.noHero .skaterFastfacts .skaterProfileHeadshot img {margin-top: 0;border: 10px solid #fff;}
#skaterProfile .skaterFastfacts .skaterProfileHeadshot img {margin-top: 0;border: 10px solid #fff;}
.resultsTable .table {color:#000;font-size:14px;text-transform:uppercase;margin: 0;}
.resultsTable .table thead {font-size:10px;}
.ratingsTable .rankingsName { font-size:20px; line-height:20px; margin-top:10px;}
.ratingsTable .points {font-size: 14px; line-height: 50px; text-align: right; padding-right: 10px;}
#ratingsWidget .ratingsTable .rankingsHeadshot img {height:40px; width:40px;}
#ratingsWidget .ratingsTable .rankingsName {font-size: 12px;line-height: 12px;height: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 5px 0 0;padding: 0;}
#ratingsWidget .ratingsTable .points,
#ratingsWidget .ratingsTable .pos {font-size: 12px;line-height: 40px;}
#homeEventsRatings .device-big, #homeEventsRatings .tab-content > .tab-pane {display: block;}
#homeEventsRatings .device-small {display: none;}
#homeEventsRatings .tab-content > .tab-pane {display: block;}
#livePageScores.resultsWidgetCropped .resultsTableWrapper {max-height: inherit;overflow: scroll;}
}
@media (min-width: 992px) {
body {padding-top: 80px;}
header {background: #000 /* url('../img/bgHeaderArtDark.gif') center top no-repeat */;background-size:cover;display: block;}
header .topBar {background: rgba(0, 0, 0, 0.37); font-size: 12px; color:#fff; padding: 5px 0}
header .subNav {background: #252525; font-size: 11px; color:#fff; padding:10px 0}
header .vpsLogo {width: 70px;height: 70px;}
header .navbar-header{max-width:150px;}
header a.navbar-brand {height: auto!important;}
header a.navbar-brand .vpsLogoWide {height: 50px;margin: 0;position: relative;display: inline-block;}
header a.navbar-brand .vpsLogoWide img {margin: 0; height:100%; width:auto;}
header a.navbar-brand .vpsLogoWide object {height: 50px;width: auto;margin: 0;display: block;}
header a.navbar-brand:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
header ul.socialAccounts {position: absolute;right: 15px;bottom: 15px;}
header ul.socialAccounts>li {list-style: none;width: 40px;height: 40px; float: left;margin-right: 5px;}
header ul.socialAccounts>li a {opacity: 1; display:block; color: #fff;background-color: transparent;text-align: center;margin: 0 3px 1px 0;width: 40px; height: 40px;line-height: 37px;font-size: 1.3em; border: 2px solid #fff;overflow: hidden;}
header ul.socialAccounts>li a:hover {opacity:1;color: #66615B; background-color:#fff;}
header .navbar-main .navbar-brand {padding: 15px;}
header nav.navbar-main {background-color: rgb(0, 0, 0);border-radius: 0;border: 0;z-index: 100;margin: 0;border-bottom: 1px solid #FBFBFB;}
header nav.navbar-main ul {/* margin: 35px 0; */}
header nav.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;text-align: center;margin: 17px 0 0 10px;}
header .navbar .navbar-collapse {text-align: center;}
header nav.navbar .navbar-nav>li>a {color: #fff;/* padding: 10px 15px; */text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);padding: 15px 10px;}
header nav.navbar .navbar-nav>li>a:hover {color: #FFFFFF; background-color: #000;}
header .navbar-main li.socialNav {float:right; display:none;}
header li.socialNav a {font-size: 18px; line-height: 18px; padding: 15px 10px;}
header li.socialNav.hashTag a {font-size: 14px;line-height: 18px;margin-top: 2px;}
header .navBg {height:52px;background-color: #000; width:100%; position:absolute; bottom:0; left:0;}
#hero .heroCol a.heroItem .heroInfo .subtext {font-size: 12px;}
#hero .heroCol.heroCol1 a.heroItem .heroInfo .title {font-size: 36px;}
#hero .heroCol a.heroItem .heroInfo .title {font-size: 20px;}
#heroSlider .heroSliderItem .heroInfo .subtext {font-size: 11px;}
#heroSlider .heroSliderItem .heroInfo .title p {font-size: 26px;line-height: 30px;text-shadow: 1px 1px 2px #000;}
#eventThumbs .eventItem {}
#homeLatest {padding: 30px;background-color: #eaeaea;}
#entryPage {padding: 30px 0 40px;margin-top: 0;z-index: 2;}
.skaterItem.col-md-5ths a .info .name {font-size: .9em;}
.skaterItem.col-md-3 a .info .name {font-size: 1.1em;}
#skaterHome {padding: 70px 0 90px;}
#skaterProfile .skaterFastfacts .skaterProfileHeadshot img {margin-top: -70px;}
#skaterProfile .skaterFastfacts .skaterInfo h1 {margin-top:20px;}
/* LIVE */
#live {padding: 0;}
#live .liveWrapper .livePlayer {width: 64.5%;}
#live .liveWrapper .liveScores {width: 35%;height:100%;position: absolute;left:auto;right:0;top:0;overflow-y: scroll;overflow-x: hidden;}
.liveScoresWrapper {min-height: 400px; width: 35%; float: right;}
#livePageScores.resultsWidgetCropped .resultsTableWrapper {max-height: 267px;overflow: scroll;}
/* .liveWrapper {height: 430px; overflow: scroll; margin-bottom: 30px; display:block;}*/
#entryPage .articlebody {padding: 0 50px 50px;}
/* SINGLE IMAGES */
.articlebody .contentImage {margin: 30px 0px;}
}
@media (min-width: 1200px) {
.sectionBlock {position: relative;}
.sectionSideTitle {display: inline-block; position: absolute; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);}
#heroSlider .heroSliderItem .heroInfo .title p {font-size: 22px;line-height: 26px;}
#heroSlider a.arrow {width: 25%;}
#live .liveWrapper .livePlayer {width: 68.5%;}
#live .liveWrapper .liveScores {width: 31%;height:100%;}
/* .liveWrapper {height: 470px;overflow: scroll;margin-bottom: 30px;display:block;}*/
#livePageScores.resultsWidgetCropped .resultsTableWrapper {max-height: 387px;overflow: scroll;}
}
@media (min-width: 1440px) {
#heroSlider .heroSliderItem .heroInfo .title p {font-size: 30px;line-height: 34px;}
#eventThumbs .eventItem a img {width:100%;height:auto;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;z-index: 1;display: block;float: none;position: relative;}
#eventThumbs .eventItem a {left: 0;z-index: 10;top: auto;width: 100%;text-align: left;padding: 0;transition: all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#eventThumbs .eventItem a .eventItemInfo {padding: 20px;}
#eventThumbs .eventItem a .eventItemInfo .eventLocation {font-size: 25px;line-height: 30px;}
#eventThumbs .eventItem a .eventItemInfo .skatePark {font-size: 14px;}
#eventThumbs .eventItem a .eventItemInfo .dates {font-size: 11px;margin-top: 0px;color: #929292;line-height: 18px;}
#eventThumbs .eventItem a .eventItemInfo .year {font-size: 48px; text-align: center}
}
@media (min-width: 1680px) {
.container {width:1440px;}
#heroSlider .heroSliderItem .heroInfo .title p {font-size: 35px;line-height: 41px;}
#heroSlider { min-height: 500px;}
/* .liveWrapper {height: 530px; overflow: scroll; margin-bottom: 30px; display:block;}*/
#livePageScores.resultsWidgetCropped .resultsTableWrapper {max-height:486px; overflow: scroll;}
}
@media (max-width: 991px) {
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important; margin: 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-text {float: none; margin: 15px 0;}
/* since 3.1.0 */
.navbar-collapse.collapse.in {display: block!important;}
.collapsing {overflow: hidden!important;}
}