/* ==========================================================================
   Dropcaps shortcode styles
   ========================================================================== */

.qodef-dropcaps {
	@include qodefRelativeLayout();
	
	.qodef-m-letter {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		float: left;
		margin: 0 16px 5px 0;
		font-family: $heading-font;
		font-size: 90px;
		line-height: .8em;
		font-weight: 600;
		color: $main-color;
	}
	
	.qodef-m-text {
		display: inline;
		margin: 0;
	}
	
	&:not(.qodef-type--simple) {
		
		.qodef-m-letter {
			width: 40px;
			height: 40px;
			@include qodefH4Style();
			color: #fff;
			background-color: $main-color;
		}
	}
	
	&.qodef-type--circle {
		
		.qodef-m-letter {
			border-radius: 100%;
		}
	}
}