@charset "utf-8";
/* Table of Content
==================================================
	1.0 - Transition
	1.1 - Event Shortcodes
	1.2 - Default Color
	1.3 - Responsive
	1.4 - Skin Color*/
	
	

	/*--------------------------------------------------------------
	1.0 - Transition
	--------------------------------------------------------------*/
	 .dt-sc-event-image-caption,  .dt-sc-event-image-caption .dt-sc-image-content:before, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text { -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; }	

	/*--------------------------------------------------------------
	1.1 - Event Shortcodes
	--------------------------------------------------------------*/
	.dt-sc-event-image-caption { float:left; clear:both; width:100%; margin:0; padding:0; border-left:1px solid; border-right:1px solid; }
	.dt-sc-event-image-caption .dt-sc-image-content { width:50%; padding:40px 30px; margin:0; float:left; position:relative; }
	.dt-sc-event-image-caption .dt-sc-image-content h3 { font-size:18px; line-height:28px; text-transform:uppercase; }
	.dt-sc-event-image-caption .dt-sc-image-wrapper { width:50%; margin:0; float:left; position:relative; }
	.dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; }
	.dt-sc-event-image-caption .dt-sc-image-wrapper { border-left:1px solid; }
	
	.dt-sc-event-image-caption .dt-sc-image-content:before { content:""; position:absolute; right:-15px; top:35px; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid; z-index:1; } 
	.dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text h3 { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:180px; text-align:center; width: 75%; }
	.dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text h3 span { font-size:50px; display:block; }
	
	/*--------------------------------------------------------------
	1.2 - Default Colors
	--------------------------------------------------------------*/	
	.dt-sc-event-image-caption:hover .dt-sc-image-content h3, .dt-sc-event-image-caption:hover .dt-sc-image-content p, .dt-sc-event-image-caption:hover .dt-sc-image-content ul, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text h3 { color:#ffffff; }	
	
	.dt-sc-event-image-caption { background:#ffffff; }
	.dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text { background:rgba(0, 0, 0, 0.8); }
	
	.dt-sc-event-image-caption .dt-sc-image-content:before { border-left-color:#ffffff; }
	.dt-sc-event-image-caption, .dt-sc-event-image-caption .dt-sc-image-wrapper { border-color:#ffffff; }	

	.dt-sc-events-list-wrapper { float:left; clear:both; width:100%; margin:0; padding:0; text-align:center; }
	.dt-sc-events-list-wrapper h3 { text-align:center; padding:20px 0; border-top:1px dashed; border-bottom:1px dashed; margin:0 0 50px; clear:both; }

	.dt-sc-events-list { display:inline-block; clear:both; width:95%; margin:0 auto 40px 5%; padding:0; position:relative; -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; text-align:center; }
	.dt-sc-events-list .dt-sc-event-date { border-right:1px solid; text-align:right; padding:0 30px 0 15px; width:23%; float:left; box-sizing:border-box; }
	.dt-sc-events-list .dt-sc-event-date h2 { font-size: 25px; font-weight:300; line-height: 50px; margin-bottom:0; }
	.dt-sc-events-list .dt-sc-event-date p { font-weight:bold; }
	.dt-sc-events-list .dt-sc-event-date p span { font-weight:normal; font-style:italic; }

	.dt-sc-events-list .dt-sc-event-title { width:58%; float:left; padding:22px 30px 5px; box-sizing:border-box; text-align:left; }
	.dt-sc-events-list .dt-sc-event-title h5 { font-size: 16px; margin-bottom:0; }
	.dt-sc-events-list .dt-sc-event-title h5 small { color: #222; display:block; font-size:14px; font-weight:normal; margin: 0 0 5px; text-transform:uppercase; }

	.dt-sc-events-list .dt-sc-event-duration { width:15%; float:left; text-align:center; }
	.dt-sc-events-list .dt-sc-event-duration h6 { font-size:30px; font-weight:300; background:url(../../images/grey-pattern.png) repeat; display:block; padding:20px 30px; width:100%; margin:0; box-sizing:border-box; float:left; }

	.dt-sc-events-list:hover { background:#ffffff; }
	.dt-sc-events-list:before { content:""; position:absolute; width:100%; height:3px; left:0; bottom:0; background:rgba(0, 0, 0, 0.05); opacity:0; -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-events-list:hover:before { opacity:1; }

	.dt-sc-events-list-wrapper h3, .dt-sc-events-list .dt-sc-event-date { border-color: rgba(0, 0, 0, 0.15); }	
	
	
	/*--------------------------------------------------------------
	1.3 - Responsive
	--------------------------------------------------------------*/
	
	/*----*****---- << Desktop >> ----*****----*/
	 @media only screen and (min-width:1200px) and (max-width:1380px) {
		
		.dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper { width:100%; }
		.dt-sc-event-image-caption .dt-sc-image-wrapper img { width:100%; }
		
	 }
		
	/* Note: Design for a width of 960px */	
    @media only screen and (min-width:992px) and (max-width:1199px) {
		
		/** Event Shortcodes **/
		.dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper { width:100%; }
		.dt-sc-event-image-caption .dt-sc-image-content::before { bottom:-22px; top:auto; transform: rotate(90deg); border-left-width:16px; right:30px; }
		.dt-sc-event-image-caption .dt-sc-image-wrapper img { width:100%; }
	
	}
	
	
	 /* Note: Design for a width of 768px */
    @media only screen and (min-width:768px) and (max-width:991px) {
 		
		/** Event Shortcodes **/
		.dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper { width:100%; }
		.dt-sc-event-image-caption .dt-sc-image-content::before { bottom:-22px; top:auto; transform: rotate(90deg); border-left-width:16px; right:30px; }
	
	}
	
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
	/* Common Styles for the devices below 767px width */
	@media only screen and (max-width: 767px) {
	
		/** Event Shortcodes **/
		.dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper { width:100%; }
		.dt-sc-event-image-caption .dt-sc-image-content::before { bottom:-22px; top:auto; transform: rotate(90deg); border-left-width:16px; right:30px; }
		.dt-sc-event-image-caption .dt-sc-image-wrapper > img { width:100%; }
		
	}