/* -- Kai Pakotai Cafe --
	Unique styles for about page, aboutUs.html */

	/* display blocks in the right order */
.contentFlex.aboutR {
	flex-direction: row-reverse;
}

	/* position the whitespace*/
.contentLeft:not(.image), .contentRight:not(.image) {
	padding-bottom: 5rem;	
}

	/*need to reposition the captions for this page*/
.contentRight .caption {
	left: 3px;
	bottom: .2rem;
}

.contentLeft .caption.about {
	bottom: .2rem;
}
	/*Shift captions but only for the double column layout */
@media (min-width: 1000px) {
	
	.contentRight .caption {
		left: 2.7vw;
	}
}

	/*Size and proportion for the iFrame element.
	Without this padding, the iFrame height (set to 100%, align-items: center;) displays at only ~80px.
	Solution from Marshall (2020). https://www.benmarshall.me/responsive-iframes/ */
.contentLeft.iframeContainer {
	overflow: hidden;
	position: relative;
}

.iframeContainer iframe {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}

.iframeContainer {
	border: 3px solid #A18FD1;
}

@media (min-width: 1000px) {
	.contentLeft.iframeContainer {
		padding-top: 22%;
	}
}

@media (max-width: 1000px) {
	.contentLeft.iframeContainer {
		padding-top: 38%;
	}
}