@charset "utf-8";
/* Table of Content
==================================================
	1.0 - Blockquotes
	2.0 - Default Colors
	3.0 - Responsive*/

	/*--------------------------------------------------------------
	1.0 - Blockquotes
	--------------------------------------------------------------*/

	blockquote.type1 { padding: 20px; border: 4px double rgba(0, 0, 0, .15); }
	blockquote.type1 cite { text-align: right; display: block; }

	blockquote.type1 q, blockquote.type1 > p { font-size:18px; line-height:30px; display:inline-block; font-weight:400; padding:0 0 10px; margin-bottom:10px; }
	.dt-sc-dark-bg blockquote.type1 q { border-color:#ffffff; }

	blockquote[class*="type"].alignleft { text-align: left; width: 100%; margin: 0; }
	blockquote[class*="type"].alignright { text-align: right; width: 100%; margin: 0; }
	
	blockquote.type2, blockquote.type3 {overflow: hidden; position: relative; } 
	blockquote.type2 q { display: inline-block; font-size: 20px; line-height: 40px; padding: 0 0 35px; }
	blockquote.type2 q:after { content:""; }
	blockquote.type2 q:before { content: "\f10d"; display: block; float: left; font-family: "Font awesome 5 free"; font-size: 3em; font-style: normal; font-weight: 900; opacity: 0.2; line-height: normal; margin: 0px 20px 10px 0; }

	
	@media all and (-ms-high-contrast:none)
    {
    blockquote.type2 q:after { margin-top: 10px; } /* IE10 */
    *::-ms-backdrop, blockquote.type2 q:after { margin-top: 10px; } /* IE11 */
    }

	blockquote.type2 cite {  float: right; font-style: normal;position: relative; text-align: right; padding: 6px 15px; top: -23px; }
	blockquote.type2 cite:before { content: ""; position: absolute; width: 9999px; height: 1px; background-color: rgba(0, 0, 0, .15); right: 100%; top: 0; bottom: 0; margin: auto; }

	blockquote.type2.aligncenter cite { float: none; display: inline-block;  }
	
	blockquote.type3 { width:100%; float:left; position:relative; overflow:hidden; padding: 0 0 0 40px; border-left: 8px solid rgba(0, 0, 0, 0.2); }
	blockquote.type3 q { font-size: 24px; line-height: 38px; position: relative; color: #050505; font-weight: 300; }
	blockquote.type3 q:after, blockquote.type3 q:before { display: none;}
	blockquote.type3 cite { width:100%; float:right; text-align:right; margin-top: 15px; }

	blockquote.type3.small { border-left-width: 2px; padding-left: 30px; line-height: normal; }
	blockquote.type3.small q { color: #555555; font-size: 16px; font-style: italic; font-weight: 300; line-height: 28px; }

	blockquote.type4 { background: #000; font-size: 16px; line-height: 30px; padding: 30px; text-align: center; color: #fff; }
	blockquote.type4 > cite { display: inline-block; text-align: center; width: 100%; text-transform:uppercase; font-style:normal; }
	blockquote.type4 span { float: left; width: 100%; color:#fff; text-transform:capitalize; font-size:13px; }
	blockquote.type4 > q:before, blockquote.type4 > q:after { display: inline-block; font-size: 30px; text-align: center; width: 100%; position:relative; content: '"'; }
	blockquote.type4 > q:before { top:14px; }
	blockquote.type4 > q:after { bottom:-10px; }

	blockquote.type4:before { border: 3px dashed #fff; bottom: 5px; content: ''; left: 5px; position: absolute; right: 5px; top: 5px; }

	/*--------------------------------------------------------------
	2.0 - Default Colors
	--------------------------------------------------------------*/
	blockquote.type1 q, blockquote > p { border-color:rgba(0, 0, 0, 0.15); }
	
	
	/*--------------------------------------------------------------
	3.0 - Responsive
	--------------------------------------------------------------*/	
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		blockquote.type2 { width: 100%; }
	
	}