/*===== Events 2.0 pageType: main ===== */

body {
font-family: "AkzidenzGrotesk", Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.4;
color: #000;
padding: 0;
/*-webkit-animation: bugfix infinite 1s; - DISABLED AS IT'S TOO CPU INTENSIVE ON SAFARI */
}
body a:hover {
color: #a0ffff;
}
.page-across-short-bg {
background: url('/ontv/vma/2.0/css/background.gif');
position: absolute;
z-index: 0 !important;
width: 100%;
height: 400px;
top: 1992px;
display: block !important;
}
#event-about {
border-top: none;
background-color: #f9f9f9;
}
footer {
border-top: 4px solid #ccc;
}

/*===== Global Nav ===== */

body #ad-container {
background-color: #281038;

}

.navbar, .navbar-inner .container #nav-top .nav-collapse .nav, .nav-collapse {
background-color: #321446;

}

.navbar #ad-container {
background-color: rgba(0,0,0,0.2);

}
.navbar-inner .container #nav-top .nav-collapse > li > a {
background-color: transparent;
font-size: 2rem;
}
.navbar-inner .container #nav-top .nav-collapse li a:hover {
background-color: rgba(255,255,255,0.1);
}
.navbar-inner .container #nav-top .nav-collapse li a.active {
background-color: rgba(255,255,255,0.1);	
}

.navbar-inner #nav-top .title {
margin-left: 85px;
text-transform: capitalize;
}

.navbar .navbar-inner .title a span.tune-in{
color: #ffffff;
font-family: 'AkzidenzGrotesk Cnd', san-serif;
text-transform: uppercase;
font-size: 1.6rem;
letter-spacing: 2px;
font-weight: 400;
vertical-align: middle;
}

#nav-top .tune-in{
font-size: 1.6rem;
font-weight: normal;
padding-left: 25px;
position: relative;
top: -2px;
}

.navbar .navbar-inner .title a{
color: #000000;
font-size: 2.5rem;
}

.navbar .navbar-inner .title a:before {
content: "";
height: 50px;
width: 65px;
background-color: #00ff00;
z-index: -1;
top: 0;
position: absolute;
margin-left: -4px;
}

.navbar .navbar-inner .title a:hover{
color: #000000;
}

.brand-bg {
background-color: #ffffff;
position: absolute;
z-index: -1;
width: 946px; 
height: 2.52rem; 
margin-left: -930px;
vertical-align: middle;
margin-top: 1.23rem; 

}

@media screen and (min-width:375px) and (max-width: 659px){

.navbar-inner #nav-top .title {
margin-left: 70px;
text-transform: capitalize;
padding-top: 13px;
padding-bottom: 15px;
}

.navbar .navbar-inner .title a{
color: #000000;
font-size: 2.4rem;
}

.navbar .navbar-inner .title a:before {
margin-left: -2px;
width: 59px;
}

.navbar .navbar-inner .title a span.tune-in {
font-size: 1.6rem;
margin-left: 70px;
margin-top: -20px;
margin-bottom: 5px;
}

#nav-top .tune-in {
font-size: 1.3rem;
padding-left: 0px;
font-weight: normal;
top: -1.25px;
}

}

@media screen and (max-width: 374px) and (min-width: 320px){

.navbar-inner #nav-top .title {
margin-left: 70px;
text-transform: capitalize;
padding-top: 13px;
padding-bottom: 15px;
}

.navbar .navbar-inner .title a{
color: #000000;
font-size: 2.4rem;
}

.navbar .navbar-inner .title a{
font-size: 2.4rem;
}
.navbar .navbar-inner .title a:before {
margin-left: -2px;
width: 59px;
}

#nav-top .tune-in {
padding-left: 0px;
font-size: 1.3rem;
font-weight: normal;

position: relative;
top: -5px;
}

.navbar .navbar-inner .title a span.tune-in {
font-size: 1.6rem;
margin-left: 70px;
margin-top: -20px;
margin-bottom: 5px;
}

}

/*===== Hero ===== */

#event-hero-spot {
background-color: #321446;
}
#event-hero-spot div.container {
transition: max-width 0.4s ease-in-out !important;
}
#event-hero-spot .event-hero.carousel-inner {
background: transparent;
}
#event-hero-spot div.hero-full-width a.main-hero-link {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: block;
}
#event-hero-spot .event-cta {
z-index: 2;
color: #fff;
font-size: 6vw;
line-height: 1.2;
text-align: left;
bottom: 0;
font-weight: bolder;
padding: 4%;
text-transform: capitalize;
}

#event-hero-spot div.event-cta .event-cta-btn {
background-color: #a0ffff;
background: #a0ffff;
color: #321446;
padding-top: 7px;
padding-bottom: 2px;
position: absolute;
line-height: 0;
border-radius: 100%;
margin-top: 0px;
font-size: 2.8rem;
display: block;
text-align: start;
bottom: 12px;	/*was set to 20px before which made elliptical*/
right: -15px;
}

#event-hero-spot div.event-cta .event-cta-btn span.icon-chevron-right {
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 7px;
line-height: 1;
padding: 7px;
font-size: 2.8rem;
display: inline;
float: none;
}

#event-hero-spot .pinned-promo span {
font-weight: 900;
}

@media (min-width: 480px) {
#event-hero-spot div.event-cta .event-cta-btn {
font-size: 2.8rem;
width: 50px;
height: 50px;
padding-bottom: 5px;
padding-left: 5px;
padding-top: 10px;

}
#event-hero-spot div.event-cta .event-cta-btn span.icon-chevron-right{
padding-top: 10px;

}
}
@media (max-width: 480px) {
#event-hero-spot div.event-cta .event-cta-btn {
font-size: 1.7rem;
padding-bottom: 5px;
padding-left: 1px;
margin-left: 35px;
right: -40px;

}
}
@media (max-width: 660px) {
#event-hero-spot div.event-cta .event-cta-btn {
font-size: 1.6rem;
padding-right: 0px;
padding-bottom: 8px;
right: -35px;
bottom: 20px;
}
}
@media (max-width: 980px) {
#event-hero-spot div.event-cta .event-cta-btn {

font-size: 2rem;

}
}

@media (min-width: 660px){
#event-hero-spot .event-cta {
font-size: 3rem; 
position: absolute;
line-height: 2.2rem;
max-width: 70%;
padding-bottom: 15px;
padding-left: 15px; 
}

#event-hero-spot div.event-cta .event-cta-btn {
right: -19px;
bottom: 10px;

}

}
@media (max-width: 660px) {
#event-hero-spot .event-cta {
font-size: 3rem; 
margin-top: 30px; 
max-width: 80%; 
line-height: 2.2rem; 
position: absolute; 
bottom: -11px;
}
}
@media (min-width: 980px) {
#event-hero-spot div.event-cta .event-cta-btn {
right: -135px;
bottom: 19px;
}

#event-hero-spot .event-cta {
font-size: 5rem; 
margin-top: 30px; 
max-width: 60%; 
line-height: 3.3rem; 
padding-bottom: 20px; 
padding-left: 20px; 
}

}
@media (min-width: 1200px){
#event-hero-spot .event-cta {
font-size: 5.5rem; 
margin-top: 30px; 
max-width: 60%; 
line-height: 3.7rem; 
font-weight: 900; 
text-transform: uppercase; 
margin-left: -12px; 
padding-bottom: 20px;
}

#event-hero-spot div.event-cta .event-cta-btn {
right: -85px;
bottom: 17px;

}

}

/*===== Hero glitch effect ===== */

/*#event-hero-spot span.title {
color: white;
position: relative;
margin: 0 auto;
display: block;
}

#event-hero-spot span.title:after {
content: attr(data-text);
position: absolute;
left: 2px;
text-shadow: -1px 0 #a0ffff;
top: 0;
color: white;
background: rgba(0,0,0,0);
overflow: hidden;
clip: rect(0, 900px, 0, 0);
-webkit-animation: noise-anim 1.5s infinite linear alternate-reverse;
}
#event-hero-spot span.title:before {
content: attr(data-text);
position: absolute;
left: -2px;
text-shadow: 1px 0 #a0ffff;
top: 0;
color: white;
background: rgba(0,0,0,0);
overflow: hidden;
clip: rect(0, 900px, 0, 0);
-webkit-animation: noise-anim-2 2.5s infinite linear alternate-reverse;
}

@keyframes noise-anim {
0% {
clip: rect(73px, 9999px, 80px, 0);
}
5% {
clip: rect(85px, 9999px, 98px, 0);
}
10% {
clip: rect(3px, 9999px, 185px, 0);
}
15.0% {
clip: rect(22px, 9999px, 202px, 0);
}
20% {
clip: rect(39px, 9999px, 146px, 0);
}
25% {
clip: rect(6px, 9999px, 101px, 0);
}
30.0% {
clip: rect(215px, 9999px, 228px, 0);
}
35% {
clip: rect(202px, 9999px, 10px, 0);
}
40% {
clip: rect(212px, 9999px, 115px, 0);
}
45% {
clip: rect(157px, 9999px, 110px, 0);
}
50% {
clip: rect(204px, 9999px, 34px, 0);
}
55.0% {
clip: rect(56px, 9999px, 249px, 0);
}
60.0% {
clip: rect(113px, 9999px, 10px, 0);
}
65% {
clip: rect(2px, 9999px, 22px, 0);
}
70% {
clip: rect(193px, 9999px, 213px, 0);
}
75% {
clip: rect(69px, 9999px, 102px, 0);
}
80% {
clip: rect(248px, 9999px, 84px, 0);
}
85.0% {
clip: rect(19px, 9999px, 190px, 0);
}
90% {
clip: rect(135px, 9999px, 80px, 0);
}
95% {
clip: rect(38px, 9999px, 42px, 0);
}
100% {
clip: rect(199px, 9999px, 181px, 0);
}
}
@keyframes noise-anim-2 {
0% {
clip: rect(221px, 9999px, 182px, 0);
}
5% {
clip: rect(43px, 9999px, 186px, 0);
}
10% {
clip: rect(20px, 9999px, 24px, 0);
}
15.0% {
clip: rect(127px, 9999px, 36px, 0);
}
20% {
clip: rect(1px, 9999px, 186px, 0);
}
25% {
clip: rect(59px, 9999px, 78px, 0);
}
30.0% {
clip: rect(77px, 9999px, 142px, 0);
}
35% {
clip: rect(66px, 9999px, 78px, 0);
}
40% {
clip: rect(223px, 9999px, 186px, 0);
}
45% {
clip: rect(62px, 9999px, 66px, 0);
}
50% {
clip: rect(200px, 9999px, 37px, 0);
}
55.0% {
clip: rect(5px, 9999px, 40px, 0);
}
60.0% {
clip: rect(114px, 9999px, 34px, 0);
}
65% {
clip: rect(79px, 9999px, 197px, 0);
}
70% {
clip: rect(248px, 9999px, 197px, 0);
}
75% {
clip: rect(21px, 9999px, 213px, 0);
}
80% {
clip: rect(227px, 9999px, 212px, 0);
}
85.0% {
clip: rect(32px, 9999px, 176px, 0);
}
90% {
clip: rect(147px, 9999px, 99px, 0);
}
95% {
clip: rect(100px, 9999px, 211px, 0);
}
100% {
clip: rect(208px, 9999px, 213px, 0);
}
}
*/
/*===== Ribbon ===== */

#event-timeline-ribbon {
background-color: #321446;
box-shadow: none;
}
#event-timeline-ribbon ul.visible {
margin: 10px 0 0;
padding: 0 0 0 15px;
}
#event-timeline-ribbon ul li a {
font-weight: 500;
color: #a0ffff;
font-size: 1.4rem;
margin-right: 12px;
border: 2px solid #a0ffff;
padding: 0 10px;
font-family: 'AkzidenzGrotesk Cnd', san-serif;
text-transform: uppercase;;
letter-spacing: 1px;
display: inline-block;
line-height: 25px;
border-radius: 2px;
background: linear-gradient(to left, rgba(255,255,255,0) 50%, #a0ffff 50%) !important;
background-size: 200% 100% !important;
background-position: right bottom !important;
transition: all 0.4s ease-in-out !important;
}
#event-timeline-ribbon ul li a:hover, #event-timeline-ribbon ul li a:active {
border-radius: 2px;
color: #000000 !important;
background: linear-gradient(to left, rgba(255,255,255,0) 50%, #a0ffff 50%) !important;
background-size: 200% 100% !important;
background-position: left bottom !important;
-webkit-animation: bounce 0.4s !important;
}
#event-timeline-ribbon nav[role="custom-dropdown"] label:after {
color: #a0ffff;
}
#event-timeline-ribbon nav[role="custom-dropdown"] label:hover:after, 
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
color: #fff;
}
#event-timeline-ribbon ul li a.active, #event-timeline-ribbon ul li.active a {
color: #000000;
background: #a0ffff !important;
border-radius: 2px;
}
#event-timeline-ribbon nav[role="custom-dropdown"] ul li a {
display: inline-block;
border: 2px solid #a0ffff;
padding: 0 10px;
border-radius: 2px;
margin: 0 0 5px 15px;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li, 
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:hover {
background-color: #321446;	
border-top: 0 none;
}
@keyframes bounce{
0% {background-position:right bottom !important;color:#000;}
100% {background-position:left bottom !important;color:#000;} 
}
@-webkit-keyframes bounce{
0% {background-position:right bottom !important;color:#000;}
100% {background-position:left bottom !important;color:#000;} 
}
/*===== Timeline ===== */

#event-timeline {
background: #a0ffff;
}
#event-timeline .event-timeline-container {
/*cursor: url('/ontv/vma/2.0/css/vma-cursor2.png') 25 0, auto;*/
background-color: #a0ffff;
}
#event-timeline .event-timeline.row {
margin-top: 20px;
}
#event-timeline .event-timeline .item, #event-timeline .event-timeline .card-meta {
background: #321446;
}
#event-timeline .event-timeline .item.timeline-ad {
background: rgba(0, 0, 0, .05);
}
#event-timeline .event-timeline .network-actions a, #event-timeline .event-timeline .default-share, #event-timeline .event-timeline .card-meta, #event-timeline .event-timeline .card-meta a, #event-timeline .event-timeline .content, #event-timeline .event-timeline .item .meta-wrap .header a, #event-timeline .event-timeline .content a {
color: #ffffff;
}
#event-timeline .event-timeline .card-content div.noimage {
background: #333;
}
#event-timeline .event-timeline .item {
min-height: 480px;
}
#event-timeline .event-timeline .card-content div.noimage {
min-height: 440px;
}
#event-timeline .event-timeline .card-content div.noimage div.meta-wrap {
min-height: 440px;
position:absolute;
top: 0;
width: 100%;
left: 0;
display: table;
height: 100%;
}
#event-timeline .event-timeline .card-content div.noimage div.meta-wrap div.header {
display: table-cell;
vertical-align: middle;
height: 100%;
}
#event-timeline .event-timeline .item .noimage .header {
padding: 0 20px 10px;
}
#event-timeline .event-timeline .card-content div.noimage div.meta-wrap {
z-index: 0 !important;
}
#event-timeline .event-timeline .item .noimage .header, #event-timeline .event-timeline .item .noimage .header span, #event-timeline .event-timeline .item .noimage .header a {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 3rem; 
line-height: 4rem; 
z-index: 0 !important;
} 
#event-timeline .event-timeline .item .noimage .header a {
position: relative;
}
#event-timeline .event-timeline .item .card-content .image div.header * {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 2.3rem;
font-weight: 700;
line-height: 3.2rem;
text-shadow: none;
z-index: 0 !important;
}

#event-timeline .event-timeline .item .card-content .image div.header{
padding-bottom: 20px;
padding-top: 10px;
max-width: 85%;
position: relative;
top: -60px;
background: #321446;
padding-left: 2.5%;
}
#event-timeline .event-timeline .expanded .card-content .image div.header {
top: auto;
}
#event-timeline .event-timeline .item .user, #event-timeline .event-timeline .item .user a, #event-timeline .event-timeline .item .user span, #event-timeline .event-timeline .item .user div, #event-timeline .event-timeline .item .user img {
z-index: 99 !important;
}
#event-timeline .event-timeline .item .card-content .image div.header a span {
/*background: linear-gradient(to left, white 50%, #a0ffff 50% );
background-size: 200% 100%;
background-position: right bottom;
transition: all 0.4s ease-in-out;*/ 
max-width:85%;
color: #fff;
/*-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
}

#event-timeline .event-timeline .item .card-content .image div.header a:hover span {
/*background-position: left bottom;
-webkit-animation: bounce 0.4s;*/
color: #a0ffff;
}
#event-timeline .event-timeline .default-share .icon-share-sharing:before {
/*content: "\e62a";*/
}
#event-timeline .event-timeline .default-share .icon-share-sharing:hover {
color: #a0ffff;
}
#event-timeline .event-timeline .item .user {
margin: 15px 25px 0;
}
#event-timeline .event-timeline .item .user, #event-timeline .event-timeline .item .user a, #event-timeline .event-timeline .item .user span{
color: #ffffff;
}
#event-timeline .event-timeline .default-share .share-actions {
background-color: transparent;
}
#event-timeline .event-timeline .default-share span.share-actions a {
color: #ffffff; 
display: none;
}

#event-timeline .event-timeline .items .expanded .card-content .image .default-share span.share-actions a {
display: inline-block;
margin-top: 80px;
}

#event-timeline .event-timeline .default-share span.share-actions a:hover {
color: #a0ffff; 
}
#event-timeline .event-timeline .default-share span.share-actions.in a {
display: inline-block;
}
#event-timeline .event-timeline .tags .btn {
font-weight: 500;
color: #a0ffff;
font-size: 1.4rem;
margin-right: 12px;
border: 2px solid #a0ffff;
padding: 0 10px;
font-family: 'AkzidenzGrotesk Cnd', san-serif;
text-transform: uppercase;;
letter-spacing: 1px;
display: inline-block;
line-height: 25px;
border-radius: 2px;
background: linear-gradient(to left, rgba(255,255,255,0) 50%, #a0ffff 50%) !important;
background-size: 200% 100% !important;
background-position: right bottom !important;
transition: all 0.4s ease-in-out !important;
box-shadow: none;
height: auto;
}
#event-timeline .event-timeline .tags .btn:hover, #event-timeline .event-timeline .tags .btn:active {
border-radius: 2px;
color: #000000 !important;
background: linear-gradient(to left, rgba(255,255,255,0) 50%, #a0ffff 50%) !important;
background-size: 200% 100% !important;
background-position: left bottom !important;
-webkit-animation: bounce 0.4s !important;
}
#event-timeline .event-timeline .tags .btn.active {
color: #000000;
background: #a0ffff !important;
}
#event-timeline .event-timeline .tags .btn.active:hover, #event-timeline .event-timeline .tags .btn.active:active {
color: #000000 !important;
background: #a0ffff !important;
-webkit-animation: none !important;
}
#event-timeline .event-timeline .tags .btn > span {
padding: 0;
}
#event-timeline .event-timeline .item .image .meta-wrap .header { 
font-size: 2rem !important; 
line-height: 1.2 !important;
background: #321446;
padding: 0 1px;
margin: 15px 15px 70px;
}
#event-timeline .event-timeline .item .noimage .tags {
left: 15px;
bottom: 10px;
position: absolute;
}
#event-timeline .event-timeline .item .image .tags {
display: block;
left: 29px; 
position: absolute;
bottom: 10px;
}
#event-timeline .event-timeline .network-actions {
right: 20px;
bottom: 10px; 
position: absolute;
border-top: 0px none;
}
#event-timeline .event-timeline .item .image .meta-wrap, #event-timeline .event-timeline .item .video .meta-wrap, .event-timeline .item.facebook .image .meta-wrap, #event-timeline .event-timeline .item.twitter .image .meta-wrap {
background: #321446;
bottom: 0;
right: 0;
left: 0;
margin-right: 0;
width: 100%;
display: inline;
}

#event-timeline .event-timeline .expanded .item .image .meta-wrap{
display:block;
}

#event-timeline .event-timeline .items .col-lg-6.expanded .card-content .meta-wrap .header {
background: transparent;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .card-content .meta-wrap .playlist-header {
margin: 20px 0 0 1px;
}

#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap {
background: transparent;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap .tags {
position: absolute;
right: 0;
left: auto;
width: 50%;
padding: 15px;
bottom: 100px;
}
#event-timeline .event-timeline .item .image.expanded .media {
margin-bottom: 140px;
}
#event-timeline .event-timeline .item .image.expanded .meta-wrap {
height: auto;
/*padding-bottom: 70px;*/
}
#event-timeline div.user {
pointer-events: none;
}
#event-timeline .event-timeline .item .media div:after {
display: none;
}
#event-timeline .item .video .media, #event-timeline .item .video .header *, #event-timeline .item .image.expand .media, #event-timeline .item .image.expand .header *, #event-timeline div.user a {
pointer-events: all;
}
#event-timeline .item .video .tl-video-thumbs {
padding: 45px 0 0 0;
}
#event-timeline .item .video div.deck {
display: none;
}
#event-timeline .event-timeline .item .header {
cursor: inherit;
}
#event-timeline .event-timeline .item .image .header span, #event-timeline .event-timeline .item .video .header span, #event-timeline .event-timeline .item .video:before {
cursor: pointer; 
}
#event-timeline .event-timeline .item .video:hover .icon-actions-play {
background: rgba(255,255,255,1);
}
#event-timeline .event-timeline .item .video .media .content:before {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
background: #321446;
opacity: 0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
z-index: 2;
}
#event-timeline .event-timeline .expanded .item .video .media .content:before {
display: none;
}
#event-timeline .event-timeline .item .video:hover .media .content:before {
opacity: 0.5;
}
#event-timeline .event-timeline .icon-actions-play {
top: 50%;
}
.load-more.btn {
background-color: #321446 !important;
color: #a0ffff !important;
font-size: 2.0rem;
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.05);
font-weight: 700;
}
.load-more.btn:hover > span {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
}
#event-timeline #event-timeline-ribbon.sticky + div.event-timeline-container {
/*padding-top: 220px !important;*/
}

@media (min-width: 660px) {
#event-timeline .event-timeline .item .image .meta-wrap .header #event-timeline .event-timeline .item .image .meta-wrap .playlist-header {
margin: -50px 80px 15px 0px;
padding: 15px;
height: 160px;
}
#event-timeline .event-timeline .item .image .meta-wrap, #event-timeline .event-timeline .item .video .meta-wrap, .event-timeline .item.facebook .image .meta-wrap, #event-timeline .event-timeline .item.twitter .image .meta-wrap {
height: 140px;
}
}

@media (max-width: 659px) {
#event-timeline .event-timeline .item .image .meta-wrap .header, #event-timeline .event-timeline .item .video .meta-wrap .header {
color: #ffffff;
padding: 0;
margin: 15px 15px 100px;
}
#event-timeline .event-timeline .item .image .tags {
bottom: 0px;
left: 0px;
}
#event-timeline .event-timeline .item .card-content .image div.header * {
font-size: 2rem; 
line-height: 2.2rem;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .card-content .meta-wrap .header {
padding: 25px 0 0;
}
#event-timeline .event-timeline .image .network-actions, #event-timeline .event-timeline .video .network-actions {
margin: 0;
border-top: 0px none;
padding-top: 0;
position: absolute;
}
#event-timeline .event-timeline .item .noimage .header, #event-timeline .event-timeline .item .noimage .header span, #event-timeline .event-timeline .item .noimage .header a {
font-size: 2.2rem; 
line-height: 3rem; 
} 
#event-timeline .event-timeline .video-nav {
margin-bottom: 0;
}
}
@media (min-width: 980px) {
#event-timeline .event-timeline .item .image .meta-wrap, #event-timeline .event-timeline .item .video .meta-wrap, .event-timeline .item.facebook .image .meta-wrap, #event-timeline .event-timeline .item.twitter .image .meta-wrap {
/*height: 200px;*/
}
#event-timeline .event-timeline .expanded .item {
background: #222;
}
.event-timeline .item .image .media {
min-height: 262px;
}
.event-timeline .items .col-lg-6.expanded .media {
float: left;
min-height: 323px !important;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap {
width: 50%;
margin: 0;
float: left;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .card-content .meta-wrap .header {
margin: 0;
height: auto;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap .tags {
padding: 15px 0 0 30px;
bottom: 75px;
}
}
@media (max-width: 1024px) {
#event-timeline .event-timeline .noimage .network-actions {
margin: 0;
border-top: 0px none;
padding-top: 0;
position: absolute;
}
#event-timeline .event-timeline .item .noimage .tags {
position: absolute;
left: 10px;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .card-content {
padding: 0px;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .card-content .meta-wrap .header {
position: relative;
width: 100%;
height: auto;
top: 0px;
margin: 0;
}

#event-timeline .event-timeline .item .card-content .image div.header{
top: -105px;
padding-left: 5px;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .instagram .video .meta-wrap {
width: 50%;
}
#event-timeline .event-timeline .col-lg-6.expanded .item.instagram .meta-wrap, #event-timeline .event-timeline .items .col-lg-6.expanded .item.instagram .default-share .share-actions {
margin: 20px 0 !important;
}
/*#event-timeline .event-timeline .col-lg-6 .item .card-content .image.expanded div.header {
top: -65px;
}*/
#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap .tags {
position: relative;
top: 0px;
width: 100%;
margin: 0;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .default-share .share-actions {
margin: 0;
margin-top: 0;
padding: 15px;
}
#event-timeline .event-timeline .col-lg-6.expanded .video-nav, #event-timeline .event-timeline .col-lg-6.expanded .tags {
padding: 15px;
}
#event-timeline .event-timeline .item .image .tags {
left: 10px; 
}

.tl-video-thumbs ul li {
margin-right:10px;
}
#event-timeline .item .video .tl-video-thumbs {
padding-top: 0px;
padding-bottom: 20px;
}
.event-timeline .container16x9:before {
padding-top: 72.25%;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .default-share .share-actions {
margin-left: 53%;
margin-top: 10px;

}
}

@media (max-width: 660px){

#event-timeline .event-timeline .item {
height:auto;
min-height: inherit;
}
#event-timeline .event-timeline .item .card-content .image div.header{
top: 0px;
padding-bottom:0px;
padding-top:0px;
padding-left:0%;
}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape){
#event-timeline .event-timeline .item .card-content .image div.header{
top: -160px;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#event-timeline .event-timeline .item .video .meta-wrap,
#event-timeline .event-timeline .item .videolist .meta-wrap{
height:170px;
}

#event-timeline .event-timeline .items .col-lg-6.expanded .item.video .card-content,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.videolist .card-content,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.instagram .card-content{
min-height:480px;
}

#event-timeline .event-timeline .items .col-lg-6 .item.video .card-content .meta-wrap .header,
#event-timeline .event-timeline .items .col-lg-6 .item.videolist .card-content .meta-wrap .header,
#event-timeline .event-timeline .items .col-lg-6 .item.video-detail-page .card-content .meta-wrap .header{
top:-80px;
}

#event-timeline .event-timeline .items .col-lg-6.expanded .item.video .card-content .meta-wrap .header,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.videolist .card-content .meta-wrap .header,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.instagram .card-content .meta-wrap .header{
top:0px;
}

/*#event-timeline .event-timeline .item .card-content .image div.header{
top:-110px;
}*/

#event-timeline .event-timeline .items .col-lg-6.expanded .item.video .card-content .meta-wrap .header,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.videolist .card-content .meta-wrap .header{
width:50%;
}

#event-timeline .event-timeline .items .col-lg-6.expanded .item.video .meta-wrap .tags,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.videolist .meta-wrap .tags{
margin-top: 50px;
}

#event-timeline .event-timeline .items .col-lg-6.expanded .item.video .default-share .share-actions a,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.videolist .default-share .share-actions a{
margin-top: 200px;
}

#event-timeline .event-timeline .item.twitter .image .meta-wrap,
#event-timeline .event-timeline .item.instagram .image .meta-wrap{
height:195px;
}

#event-timeline .event-timeline .item.twitter .card-content .image div.header,
#event-timeline .event-timeline .item.instagram .card-content .image div.header {
top: -55px;
}

#event-timeline .event-timeline .item {
min-height: 440px;
}

#event-timeline .event-timeline .card-content div.noimage {
min-height: 400px;
}

#event-timeline .event-timeline .item .noimage .tags {
bottom: 50px;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

#event-timeline .event-timeline .items .expanded .card-content .image .default-share span.share-actions a {
margin-top: 80px;
}

}

/*===== pageType "main" specific styles" ===== */

#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .card-content .native-header {
max-width: 100%;
font-family: "AkzidenzGrotesk Cnd";
margin-bottom: 20px; 
color: #c5a85d;
font-size: 2.8rem;
max-width: 100%;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
line-height: 2.1px;
}

.native-header {
text-align:center;
}

#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .card-content .image div.header .native-text {
font-size: 1.6rem; 
text-transform: capitalize; 
font-weight: normal;
display:inline-block;
}

.native-text {
font-size: 1.4rem !important;
padding-top: 10px;
text-transform: none;
font-weight: normal;
letter-spacing: 0;
color: #ccc;
font-family: 'AkzidenzGrotesk', sans-serif;
}

#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .card-content .native-excerpt {
max-width: 100%;
color: #c5a85d;
font-weight: 700;

}

#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .card-content .native-fullText {
max-width: 100%;
color: #c5a85d;
font-weight: 700;
padding-top:10px;
}

#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .native-card-meta {
text-align: left;
padding: 8px;
}

#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .native-card-meta .native-label {
background-color:#777;
font-weight: 400;
margin-right: 5px;
}

.native-label {
background-color: #777;
border: 2px solid #777;
color: white;
font-family: "AkzidenzGrotesk Cnd";
font-size: 1.6rem;
letter-spacing: 1px;
line-height: 26px;
padding: 1px 10px;
text-transform: uppercase;
float: none;
display: inline-block;
}

#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .meta-wrap {
top: 2rem;
padding: 0 6%;
}

/*iphone 6+ landscape*/
@media (max-width: 736px) and (orientation : landscape){
#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .meta-wrap {
top: 4rem !important;
}
}

/*iphone 5 landscape*/
@media (max-width: 568px) and (orientation : landscape){
#event-timeline .event-timeline .timeline-ad.timeline-native-ad {
min-height: 506px !important;
}
#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .meta-wrap {
top: -13rem !important;
}
}

/*iphone6+ portrait/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait){
#event-timeline .event-timeline .timeline-ad.timeline-native-ad {
min-height: 526px !important;
}

}

/*iphone5-6 portrait*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait){
#event-timeline .event-timeline .timeline-ad.timeline-native-ad {
min-height: 526px !important;
}

}

/*Tablet*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

#event-timeline .event-timeline .item.timeline-ad.timeline-native-ad {
min-height: 390px !important;
}
}

@media (min-width: 1025px) {
#event-timeline .event-timeline .item.timeline-ad.timeline-native-ad {
min-height: 470px !important;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.native-text {
margin-top: 10px !important;
}
}

/*mobile*/
@media only screen and (max-device-width: 736px) {
/*Blackspace fix for mobile*/
#event-timeline .event-timeline .timeline-ad.timeline-native-ad .ad-container .item .meta-wrap {
top: 0rem;
}
}