﻿
/*Heading Typo*/
h1, h2, h3, h4, h5, h6 {/* font-family: 'Roboto Condensed', sans-serif;*/ font-weight: 400; line-height: 1; margin: 0 0 10px 0; padding: 0; }

figure img { float: left; width: 100%; }


/* General Events Setup */
.cs-events .location-info > time { color: #EC2C3B; float: left; font-size: 14px; font-weight: 300; line-height: 1; margin: 0 0 5px; text-align: center; text-transform: uppercase; width: 40px; }
.cs-events .left-sp .location-info > time > span { font-size: 26px; font-weight: 300; }
.cs-events .csmap { border-radius: 8px; border: 1px solid #d1d1d1; display: none; margin: 0 0 30px; overflow: hidden; width: 100%; }
.cs-events .csmap iframe { border-radius: 8px; float: left; position: relative; }
.cs-events .csmap iframe:after { -webkit-box-shadow: -1px 0 3px 1px #ccc inset; border-radius: 8px; box-shadow: -1px 0 3px 1px #ccc inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 999; }
.cs-events .cstime { border: none; float: left; padding: 2px 0; text-align: left; width: 20%; }
.events-timeline .cstime {width: 19%;}
.cs-events .ev-inn section { overflow: hidden; padding: 0 0 30px 25px; }
.events-timeline .ev-inn section {padding: 0 0 0px 25px;}
.cs-events .cstime > time.time-period { color: #ec2c3b; font-size: 24px; line-height: 24px; text-transform: uppercase; }
/* Event Element Size */
.element-size-50 .cs-events .cstime > time.time-period {font-size: 16px;}
.cs-events .cstime > time.time-period i { color: #ec2c3b; font-size: 24px; margin: 0 7px 0 0; }
.cs-events section h2 { display: inline-block; font-size: 20px; text-transform: uppercase; }
.cs-events .ev-inn { background: #fcfcfc; float: left; padding: 20px 20px 0; width: 100%; }
.cs-events section figure { border-radius: 100%; float: right; margin: 0 0 0 15px; overflow: hidden; position: relative; }
.cs-events figcaption {position: inherit;}
.cs-events section figure:after { -moz-transition: all .75s ease-in-out; -ms-transform: scale(0); -ms-transition: all .75s ease-in-out; -o-transition: all .75s ease-in-out; -webkit-transform: scale(0); -webkit-transition: all .75s ease-in-out; background: rgba(0, 0, 0, 0.3); border-radius: 100%; content: ""; height: 110%; left: 0; opacity: 0; position: absolute; top: 0; transform: scale(0); transition: all .75s ease-in-out; visibility: hidden; width: 100%; z-index: 999; }
.col-md-12:last-child .blog-timeline:after {height: 85%;}
.cs-events section:hover figure:after { -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; transform: scale(1); visibility: visible; }
.cs-events section figure a {display: block;}
.cs-events section figure a:after { -moz-transition: all .75s ease-in-out; -ms-transform: rotate(360deg); -ms-transition: all .75s ease-in-out; -o-transition: all .75s ease-in-out; -webkit-transform: rotate(360deg); -webkit-transition: all .75s ease-in-out; color: #fff; content: "\f061"; font-family: FontAwesome; font-size: 80px; left: 50%; margin: -10px 0 0 -45px; opacity: 0; position: absolute; top: 50%; transform: rotate(360deg); transition: all .75s ease-in-out; visibility: hidden; z-index: 9999; }
.cs-events section:hover figure a:after { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); font-size: 35px; margin: -13px 0 0 -14px; opacity: 1; transform: rotate(0deg); visibility: visible; }
.cs-events .location-info > span { color: #999; font-size: 14px; font-weight: lighter; }
.cs-events .location-info > span i {margin: 0 10px 0 0;}
.cs-events .cs-cat-list { background: #f4f4f4; clear: both; font-size: 12px; overflow: hidden; text-transform: uppercase; }
.cs-events .cs-cat-list ul {display: inline-block;}
.cs-events .cs-cat-list ul li { display: inline-block; list-style: none; margin: 0 5px 0 0; vertical-align: middle; }
.cs-events .cs-cat-list ul li a {color: #999;}
.cs-events .cs-cat-list ul li a i {margin: 0 5px 0 0;}
.cs-events .cs-cat-list ul li a.custom-btn { background: #ec2c3b; border-radius: 0; color: #fff; float: left; line-height: 1; margin: 0 20px 0 0; overflow: inherit; padding: 14px 30px 11px 30px; position: relative; }
.cs-events .cs-cat-list ul li a.custom-btn:before {display: none;}
.cs-events .cs-cat-list ul li a.custom-btn:after { border-color: transparent transparent transparent #ec2c3c; border-style: solid; border-width: 20px 0 20px 10px; content: ""; height: 0; line-height: 0; position: absolute; right: -10px; top: 0; width: 0; }
.cs-events .cs-cat-list .toggle { background: #ececec; color: #999; cursor: pointer; float: right; padding: 9px 25px; }
.cs-events .cs-cat-list .toggle i { float: left; margin: 6px 7px 0px 0px; }
.cs-events .cs-cat-list .toggle:hover { background: #fff; border-bottom: 2px solid #EC2C3B; color: #EC2C3B; padding: 8px 25px; }
.cs-events .cs-cat-list ul li a.custom-btn.active:after {border-color: transparent transparent transparent #1dca66;}
.cs-events .cs-cat-list ul li a.custom-btn.active {background: #1dca66;}
.cs-events .cs-cat-list .toggle.active { background: #fff; border-bottom: 2px solid #ec2c3b; color: #ec2c3b; padding: 8px 25px; }
.cs-events .cs-cat-list .toggle.collapsed { background: #ececec; border: 0; color: #999; padding: 9px 25px; }
.cs-list.has-bullet-bg .ev-inn:before { border-color: rgba(246, 246, 246, 0); border-right-color: #f6f6f6; border-width: 15px; margin-top: -15px; }
.cs-events .cs-list.has-bullet-bg .ev-inn:after { border-color: rgba(252, 252, 252, 0); border-right-color: #fcfcfc; border-width: 12px; margin-top: -12px; }
.cs-events .cs-list.has-bullet-bg .ev-inn:after, .cs-events .cs-list.has-bullet-bg .ev-inn:before { border: solid transparent; content: " "; height: 0; position: absolute; right: 100%; top: 33px; width: 0; }
.cs-events .cs-list.has-bullet-bg .ev-inn { background: #fcfcfc; border: 1px solid #f6f6f6; position: relative; }
.cs-events .cs-list.has-bullet-bg .ev-inn { -webkit-box-shadow: 0 0 3px -1px #ccc; box-shadow: 0 0 3px -1px #ccc; padding: 20px 25px; position: relative; }
.cs-events .cstime i { color: #666; float: left; margin: 5px 3px 0 0; }
.cs-events .cstime span { color: #666; display: inline-block; margin: 0 0 8px; text-transform: uppercase; }
.events-timeline .cstime span {margin: 0 0 10px;}
.events-listing figcaption p {margin-bottom: 7px;}
.events-listing figure {width: 120px;}
.event-editor .gallery {margin: 0px -5px !important;}
/* Accordian */
.cs-events .panel-group {margin: 0;}
/* With Side Border */ .events-timeline { float: left; padding: 0 0 0 50px; position: relative; width: 100%; }
.events-timeline:before { background: #e0e0e0; content: ""; height: 113%; left: 15px; position: absolute; top: -10px; width: 1px; }
[class*="element-size-"] .col-md-12:last-child .events-timeline:before {height: 85%;}
.events-timeline .ev-inn { -webkit-box-shadow: 0 0 3px -1px #ccc; box-shadow: 0 0 3px -1px #ccc; padding: 20px 25px 20px 7px; position: relative; }
.events-timeline .ev-inn .cstime {position: relative;}
.events-timeline .ev-inn .cstime:before { background: #fff; border-radius: 100%; border: 2px solid #e1e1e1; content: ""; height: 17px; left: -51px; position: absolute; top: 5px; width: 17px; }
.events-timeline .ev-inn { background: #fcfcfc; border: 1px solid #f6f6f6; position: relative; }
.events-timeline .ev-inn:after, .events-timeline .ev-inn:before { border: solid transparent; content: " "; height: 0; position: absolute; right: 100%; top: 33px; width: 0; }
.events-timeline .ev-inn:after { border-color: rgba(252, 252, 252, 0); border-right-color: #fcfcfc; border-width: 12px; margin-top: -12px; }
.events-timeline .ev-inn:before { border-color: rgba(246, 246, 246, 0); border-right-color: #f6f6f6; border-width: 15px; margin-top: -15px; }
/* Events Classic View */
.events-classic { float: left; width: 100%; margin-bottom:15px; }
.events-classic figure { border: 1px solid #dbdbdb; padding: 2px; width: 164px; }
.events-classic figure ~ .left-sp {padding: 8px 0 0 195px;}
.events-classic figure {float: left;}
.events-classic .left-sp h2, .events-minimal .left-sp h2 { font-size: 16px; margin: 0 0 12px 0; text-transform: uppercase; }
.events-classic .left-sp h2 a, .events-minimal .left-sp h2 a {color: #000;text-decoration:none;}
.events-classic .left-sp .location-info { float: left; width: 100%; }
.events-classic .left-sp .location-info .cstime > time > span { font-size: 32px; font-weight: 300; }
.events-classic .left-sp .location-info .info { color: #999; display: inherit; font-size: 12px; padding: 0 0 0 50px; text-transform: uppercase; }
.events-classic .left-sp .location-info .info > span, .events-classic .left-sp .location-info .info > .time-period { float: left; width: 100%; }
.events-classic .left-sp .location-info .info > .time-period, .events-minimal .left-sp .location-info .info > .time-period { border-bottom: 1px dotted #999; margin: 0 0 4px; padding: 0 0 3px; }
.events-classic .left-sp .location-info .info > .time-period time {margin: 0 20px 0 0;}
.events-classic .left-sp .location-info .info > span i, .events-classic .left-sp .location-info .info > .time-period i {margin: 0 5px 0 0;}
.events-classic .left-sp .location-info .info > .time-period a.public {color: #1dca66;}
.events-classic .left-sp .location-info .info > .time-period a.booked {color: #296da1;}
.events-classic .left-sp .location-info .info > .time-period a { color: #dc3232; position: relative; text-transform: uppercase; }
.events-classic .left-sp .location-info .info > .time-period a:before { background: #b2b2b2; content: ""; height: 3px; left: -10px; margin: -2px 0 0; position: absolute; top: 50%; width: 3px; }

/* side Panel */
.event-sidebar { float: left; width: 100%; }
.event-sidebar figure { float: left; margin: 0 0 0px; }
.side-detail { float: left; font-size: 14px; width: 100%; }
.side-holder { float: left; padding: 0 15px; width: 100%; }
.cs-map-section { float: left; margin: 0 0 20px; width: 100%; }
.event-editor .post-options li { border-bottom: 1px dotted #e0e0e0; font-size: 12px; margin: 0 0 5px; padding: 0 0 3px; text-transform: uppercase; }
.event-editor .post-options li a {color: #999;}
.event-editor .post-options li i {color: #999;}
.event-editor .side-detail .custom-btn { background-color: #ec2c3b; display: inline-block; font-weight: 700; padding: 10px 0; text-align: center; width: 100%; }
.event-editor .side-detail ul li a {font-size: 12px;}
.event-editor .side-detail ul li span {margin: 0;}
.event-editor .side-detail > ul > li:first-child {padding: 0 0 5px;}
.event-editor .side-detail > ul > li {padding: 10px 0 3px;}
.cs-map-section {margin: 0 0 20px;}
.event-info { border-bottom: 1px dotted #e0e0e0; float: left; margin: 0 0 25px; padding: 0 0 10px; width: 100%; }
.event-info ul { float: left; width: 100%; }
.event-info ul li { color: #ec2c3b; float: left; font-size: 14px; font-weight: 500; margin: 0 0px 5px 0; text-transform: uppercase; vertical-align: top; width: 50%; }
.event-info ul li span { color: #999; display: block; font-weight: 300; line-height: 1; text-transform: uppercase; }
.event-info ul li span i { color: #999; font-size: 18px; margin: 0 10px 0 0; }
/* Speakers */
.event-speakers { border-bottom: 1px dotted #e0e0e0; float: left; margin: 0 0 30px; padding: 0 0 30px; width: 100%; }
.event-speakers h4 { color: #ec2c3b; display: inline-block; font-size: 14px; font-weight: 500; margin: 0 130px 15px 0; text-transform: uppercase; vertical-align: top; }
.event-speakers ul li { display: inline-block; margin: 0 40px 0 0; text-transform: uppercase; vertical-align: middle; }
.event-speakers ul li figure {float: left;}
.event-speakers ul li figure img {display: block;}
.event-speakers ul li .text {padding: 0;}
.event-speakers ul li figure ~ .text {padding: 5px 0 0 75px;}
.event-speakers ul li .text span { color: #999; display: block; line-height: 1; }
.event-speakers ul li .text a { color: #333; display: inline-block; font-size: 16px; }
