@charset "utf-8";
/* CSS Document */

/******** ====== Shortcode Event Types Starts here ========********/

/*----*****---- << Transition >> ----*****----*/
.dt-sc-event.type1 .dt-sc-event-meta, .dt-sc-event.type1 .dt-sc-event-meta p, .dt-sc-event.type1 .dt-sc-event-meta p span, .dt-sc-event.type2, .dt-sc-event.type2 .dt-sc-event-meta p, .dt-sc-event.type2 .dt-sc-event-meta, .dt-sc-event.type3 .dt-sc-event-date, .dt-sc-event.type3 .dt-sc-event-meta, .dt-sc-event.type4 .dt-sc-event-date::after, .dt-sc-event.type4 .dt-sc-event-date span, .dt-sc-event.type2 .dt-sc-event-date span, .dt-sc-event.type5 h2.entry-title, .dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-date, .dt-sc-event.type1 .dt-sc-event-meta:before { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }

.dt-sc-event .dt-sc-event-thumb { position:relative; }
.dt-sc-event h2.entry-title { font-size:20px; }

/*----*****---- << Type 1 >> ----*****----*/
.dt-sc-event.type1 { float:left; margin-bottom: 25px; overflow:hidden; position: relative; width:100%; }
.dt-sc-event.type1 .dt-sc-event-thumb { float:left; margin-bottom: 25px; position:relative; width:100%; }

.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-title-meta-wrapper { position: absolute; bottom: 0; left: 0; right: 0; }
.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title, .dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta { padding-left: 40px; padding-right: 40px; }

.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title { font-size: 24px; margin-bottom: 0; opacity: 0; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.dt-sc-event.type1:hover .dt-sc-event-thumb h2.entry-title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title a:not(:hover) { color: #fff; }
.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta { background:rgba(255,255,255, 0.92); float:left; padding-top: 25px; padding-bottom: 40px; position:relative; width:100%; }

.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta p { float:left; font-size: 15px; margin-bottom: 0; padding-left: 30px; position:relative; width: 100%; z-index:9; }
.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta p i { line-height: inherit; position: absolute; left: 0; top: 0; }
.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta .dt-sc-event-timing span,
.dt-sc-event.type2 .dt-sc-event-details .dt-sc-event-meta .dt-sc-event-timing span { display: inline; position: relative; }
.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta .dt-sc-event-timing span:before,
.dt-sc-event.type2 .dt-sc-event-details .dt-sc-event-meta .dt-sc-event-timing span:before { content: "\2044"; display: inline-block; text-align: center; width: 22px; }

.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta p { color:#555; }


.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta:before { content:""; float:left; height: auto; opacity: 0.7; pointer-events: none; position:absolute; bottom: 100%; left:0; width:100%; z-index: 0; }
.dt-sc-event.type1:hover .dt-sc-event-thumb .dt-sc-event-meta:before { padding-top: 120%; }

.dt-sc-event.type1 .dt-sc-events-read-more { color: #fff; font-size: 15px; font-weight: 500; line-height: normal; padding: 12px 30px; position: absolute; left: 50%; top: 100%; text-align: center; text-transform: capitalize; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.dt-sc-event.type1:hover .dt-sc-event-thumb .dt-sc-event-meta { background:rgba(255,255,255, 0.96); }
.dt-sc-event.type1:hover .dt-sc-event-thumb .dt-sc-event-meta:before, .dt-sc-event.type1 .dt-sc-events-read-more { background-color: #1b1b1b; }


/*----*****---- << Type 2 >> ----*****----*/
.dt-sc-event.type2 { background-color: #fff; border: 1px solid #f6f6f6; padding: 30px; }
.dt-sc-event.type2 .dt-sc-event-thumb { margin-bottom: 35px; }
.dt-sc-event.type2 .dt-sc-event-details { overflow: hidden; }
.dt-sc-event.type2 h2.entry-title { float: left; font-size: 24px; line-height: 1.5; margin-bottom: 30px; text-transform: capitalize; width: 100%; }
.dt-sc-event.type2 h2.entry-title a { color: inherit; }
.dt-sc-event.type2 h2.entry-title a:hover, .dt-sc-event.type2 .dt-sc-events-read-more:hover { opacity: 0.75; }

.dt-sc-event.type2 .dt-sc-event-meta { float: left; margin-bottom: 20px; width: 100%; }
.dt-sc-event.type2 .dt-sc-event-meta p, .dt-sc-event.type2 .dt-sc-events-read-more { font-weight: 500; }
.dt-sc-event.type2 .dt-sc-event-meta p { font-size: 16px; margin-bottom:0; }
.dt-sc-event.type2 .dt-sc-event-meta p.event-venue { -webkit-transition: none; transition: none; }
.dt-sc-event.type2 .dt-sc-events-read-more { display: inline-block; padding-right: 30px; position: relative; text-transform: capitalize; }
.dt-sc-event.type2 .dt-sc-events-read-more:after { background-color: rgba(0,0,0,0.15); content: ""; display: inline-block; height: 1px; margin: auto; position: absolute; top: 50%; left: 100%; width: 9999px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.dt-sc-event.type2:hover .dt-sc-events-read-more:after { background-color: #fff; }
.dt-sc-event.type2:hover { border-color: transparent; }

.dt-sc-event.type2 .dt-sc-event-meta, .dt-sc-event.type2 .dt-sc-events-read-more { color:#555; }
.dt-sc-event.type2:hover .dt-sc-event-meta, .dt-sc-event.type2:hover .dt-sc-event-meta .dt-sc-event-timing, .dt-sc-event.type2:hover h2.entry-title a, .dt-sc-event.type2:hover .dt-sc-events-read-more { color:#fff; }
.dt-sc-event.type2:hover .dt-sc-event-date span, .dt-sc-event.type2:hover .event-timing a { color:rgba(255,255,255, 0.5); }

.dt-sc-padding-left-adjustment { padding-left: 20px; }
.dt-sc-hr-space-adjustment .wpb_wrapper .dt-sc-one-third + .dt-sc-one-third + .dt-sc-one-third + .dt-sc-hr-invisible-small { margin: 25px 0 0; }

/*----*****---- << Type 3 >> ----*****----*/
.dt-sc-event.type3 .dt-sc-event-thumb img { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.dt-sc-event.type3 .dt-sc-event-date { color: #fff; font-size: 22px; font-weight: 300; margin-bottom: 0; padding: 15px; position: absolute; bottom: 0; right: 0; }
.dt-sc-event.type3 .dt-sc-event-date span { font-size: 24px; font-weight: 600; }

.dt-sc-event.type3 .dt-sc-event-meta { background:#f2f2f2; float:left; font-size:18px; margin-bottom:20px; margin-top:1px; padding:20px 10px; text-align:center; width:100%; }
.dt-sc-event.type3 .dt-sc-event-meta p { margin-bottom:0; }

.dt-sc-event.type3 h2.entry-title { font-size: 22px; text-transform: capitalize; }

/*.dt-sc-event.type3:hover .dt-sc-event-date { color:#1b1b1b; }*/
.dt-sc-event.type3:hover .dt-sc-event-meta { color:#fff; }
.dt-sc-event.type3:hover .dt-sc-event-meta a { color:rgba(255,255,255, 0.7); }

.dt-sc-event.type3:hover .dt-sc-event-thumb img { -webkit-filter: grayscale(100%); filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */
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 */ }

/*----*****---- << Type 4 >> ----*****----*/
.dt-sc-event.type4 { float:left; overflow:hidden; width:100%; }
.dt-sc-event.type4 h2.entry-title { background:rgba(255,255,255, 0.7); margin-bottom:0; padding:20px; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; }
.dt-sc-event.type4 .dt-sc-event-thumb { float:left; overflow:hidden; width:100%; }

.dt-sc-event.type4 .dt-sc-event-date { border-bottom:3px solid rgba(0,0,0,0.15); float:left; font-size:15px; font-style:italic; padding: 20px 0; position:relative; width:100%; }
.dt-sc-event.type4 .dt-sc-event-date span { float: left; font-size: 50px; font-style:normal; font-weight:bold; line-height: 48px; padding-right:10px; }

.dt-sc-event.type4 .dt-sc-event-date:after { border-bottom: 3px solid #ff0000; content: ""; float: left; position: absolute; bottom: -3px; left: 0; width: 0; }
.dt-sc-event.type4:hover .dt-sc-event-date:after { width:100%; }

.dt-sc-event.type4 img { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.dt-sc-event.type4:hover img { -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
.dt-sc-event.type4:hover .dt-sc-event-date span { color:#1b1b1b; }

/*----*****---- << Type 5 >> ----*****----*/
.dt-sc-event.type5 { 
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;	
}
.dt-sc-event.type5 .dt-sc-event-meta p { font-size:18px; font-weight:300; margin-bottom:7px; }
.dt-sc-event.type5 .dt-sc-event-meta .dt-sc-event-date { color:#1a323e; margin-bottom:3px; text-transform:uppercase; }
.dt-sc-event.type5 .dt-sc-event-meta .dt-sc-event-date i { font-style:normal; }
.dt-sc-event.type5 .dt-sc-event-date span, .dt-sc-event.type5 .dt-sc-event-date i { font-weight:600; }
.dt-sc-event.type5 .dt-sc-event-meta p.dt-sc-event-venue { color:#555; font-size:15px; }

.dt-sc-event.type5 h2.entry-title { font-size:22px; margin-bottom:30px; text-transform: capitalize; }

.dt-sc-event.type5 .dt-sc-event-cost, .dt-sc-event.type5 .dt-sc-events-read-more { background:#efefef; float:left; font-size:18px; margin-right:2px; padding:13px 20px; }
.dt-sc-event.type5 .dt-sc-events-read-more { color:#1b1b1b; }
.dt-sc-event.type5:hover .dt-sc-events-read-more { background:#1b1b1b; color:#fff;  }


	/*--------------------------------------------------------------
			Responsive
	--------------------------------------------------------------*/

		
	/*----*****---- << Desktop >> ----*****----*/

	@media only screen and (min-width: 992px) and (max-width: 1199px){

		.dt-sc-event.type2 h2.entry-title { font-size: 20px; }

	}

	@media only screen and (min-width: 768px) and (max-width: 991px){

		.dt-sc-event.type2 h2.entry-title { font-size: 16px; }

	}

	@media only screen and (min-width:1200px) and (max-width:1440px) {

		.dt-sc-event.type4 .dt-sc-event-date { font-size: 14px; }

		.dt-sc-events-list-type2-wrapper .dt-sc-events-list .dt-sc-event-date { padding: 0 20px 0 20px; }

	}
	
	/* Note: Design for a width of 960px */	
	@media only screen and (min-width:992px) and (max-width:1199px) {
		
		.dt-sc-event h2.entry-title, .dt-sc-event.type1 h2.entry-title, .dt-sc-event.type3 h2.entry-title, .dt-sc-event.type5 h2.entry-title { font-size:16px; }
		
		.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title, .dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta { padding-left: 25px; padding-right: 25px; }
		.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta p, .dt-sc-event.type1 .dt-sc-events-read-more { font-size: 14px; }

		.dt-sc-event.type2 .dt-sc-event-date span { font-size:45px; }
		.dt-sc-event.type2 .dt-sc-event-meta { font-size:14px; }
		.dt-sc-event.type2 .dt-sc-event-meta p { min-width:93px; }
		
		.dt-sc-event.type3 .dt-sc-event-meta { font-size:17px; }

		.dt-sc-event.type4 .dt-sc-event-date { font-size: 12px; }
		.dt-sc-event.type4 .dt-sc-event-date span { font-size: 40px; padding-right: 8px; }		
				
		.dt-sc-event.type5 .dt-sc-event-cost, .dt-sc-event.type5 .dt-sc-events-read-more { font-size: 16px; padding: 10px 15px; }


	}
	

	/* Note: Design for a width of 768px */
    @media only screen and (min-width:768px) and (max-width:991px) {
 		
		/** Event Shortcodes **/
		
		.dt-sc-event h2.entry-title, .dt-sc-event.type1 h2.entry-title, .dt-sc-event.type3 h2.entry-title, .dt-sc-event.type5 h2.entry-title { font-size:16px; }
		
		.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-title-meta-wrapper { position: relative; }
		.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title { position: absolute; bottom: 100%; }
		.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title, .dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta { padding-left: 20px; padding-right: 20px; }
		.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta p, .dt-sc-event.type1 .dt-sc-events-read-more { font-size: 13px; }
		.dt-sc-event.type1 .dt-sc-events-read-more { padding: 10px 20px; left: 58px; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
		
		.dt-sc-event.type2 h2.entry-title { font-size: 20px; }
		.dt-sc-event.type2 .dt-sc-event-date span { font-size:35px; line-height:40px; margin:0; width:100%; }
		.dt-sc-event.type2 .dt-sc-event-meta { font-size:14px; line-height:24px; }
		.dt-sc-event.type2 .dt-sc-event-meta > p { font-size: 14px; }
		.dt-sc-event.type2:hover .dt-sc-event-meta > p { padding-left:0px; }
		
		.dt-sc-event.type3 .dt-sc-event-date { font-size:18px; }
		.dt-sc-event.type3 .dt-sc-event-meta { font-size:16px; }
		
		.dt-sc-event.type4 h2.entry-title { font-size:15px; padding:10px; }
		.dt-sc-event.type4 .dt-sc-event-date { font-size: 12px; }
		.dt-sc-event.type4 .dt-sc-event-date span { font-size: 40px; padding-right: 8px; }
		
		.dt-sc-event.type5 { display: block; float: left; width: 100%; }
		.dt-sc-event.type5 .dt-sc-one-half { width:100%; }
		.dt-sc-event.type5 .dt-sc-one-half.first { margin-bottom:20px; }


	
	}

	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
	/* Common Styles for the devices below 767px width */
	@media only screen and (max-width: 767px) {
		
		.dt-sc-event.type5 { display: block; float: left; width: 100%; }
		.dt-sc-event.type5 .column:last-child { margin-bottom: 0; }

	}
	
	
	/* Common Styles for the devices below 479px width */
    @media only screen and (max-width: 479px) {
		.dt-sc-event h2.entry-title, .dt-sc-event.type1 h2.entry-title, .dt-sc-event.type3 h2.entry-title, .dt-sc-event.type5 h2.entry-title { font-size:16px; }

		.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-title-meta-wrapper { position: relative; }
		.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title { position: absolute; bottom: 100%; }
		.dt-sc-event.type1 .dt-sc-event-thumb h2.entry-title, .dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta { padding-left: 20px; padding-right: 20px; }
		.dt-sc-event.type1 .dt-sc-event-thumb .dt-sc-event-meta p, .dt-sc-event.type1 .dt-sc-events-read-more { font-size: 14px; }
		.dt-sc-event.type1 .dt-sc-events-read-more { font-size: 13px; padding: 10px 20px; left: 20px; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
		.vc_row-has-fill .dt-sc-event.type1 .dt-sc-events-read-more { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
		
		.dt-sc-event.type4 .dt-sc-event-date { font-size: 12px; }
		.dt-sc-event.type4 .dt-sc-event-date span { font-size: 40px; padding-right: 8px; }

		.dt-sc-event.type5 .dt-sc-event-meta p { font-size:15px; }

		.dt-sc-padding-left-adjustment { padding-left: 0px; }
		
	}