/* @message-block */
.message-block {
  @include poly-padding-x--large;
  
	&__inner {
		display: flex;
		background-color: white;
		@include themify($themes) {
	      border: 1px solid themed('borderColor');
		}
		
		@media (max-width: $medium-screen) {
			flex-wrap: wrap;
		}
	}

	&__image {
		background-size: cover;
		background-position: center center;
		flex: 1;
		flex-basis: 50%;
		margin: -1px;
		min-width: 256px;

		&::before {
		    content:'';
		    float:left;
		    padding-top:100%;
		}
	}

	&__message {
		@include poly-padding--large;

		flex: 1;
		flex-basis: 50%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		overflow: visible;

		@media (max-width: $medium-screen) {
			padding-top: 4rem;
		}

		p:first-child {
			position: relative;
			&::before {
				content: "\"";
				font-size: 8em;
				font-weight: bold;
				font-family: $biryani;
				font-style: italic;
				line-height: 0;
				position: absolute;
				top: 0;
				left: -$base-spacing;

				@media (max-width: $medium-screen) {
					top: 12px;
				}
		
			}
		}
	}

	&__citation {
		font-weight: bold;
	}
}