.callout.portrait_overlay {
	--callout-overlay: var(--callout-shift);
}

.callout.portrait_overlay .thumb {
	position: absolute;
	height: 100%;
}
.callout.portrait_overlay.big .thumb,
.callout.portrait_overlay.left .thumb,
.callout.portrait_overlay.right .thumb {
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
	
	width: 100%;
}

.callout.portrait_overlay article {
	background-color: transparent;
}

.callout article h1 {
	font-size: 1.5rem;
}

.callout article h2 {
	/*
	font-size: .9rem;
	
	margin-bottom: .25rem;
	*/
}

.callout .tag {
	top: .75rem;
	left: calc(-.75rem + 1px);
	font-size: .75rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
.callout .tag:after {
	border-width: 0 .75rem .75rem 0;
}

.callout.left .thumb,
.callout.right .thumb {
	flex-basis: 35%;
	-webkit-flex-basis: 35%;
	-moz-flex-basis: 35%;
	
	width: 35%;
}









/* CALLOUT ICON */
.callout article .icon {
	top: 2rem;
	right: 2rem;
	
	transform: translate3d(0, 0, 0) rotate(-30deg);
	-webkit-transform: translate3d(0, 0, 0) rotate(-30deg);
	-moz-transform: translate3d(0, 0, 0) rotate(-30deg);
}

.callout.left article .prompt,
.callout.right article .prompt {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	
	text-align: left;
}








/*
.callout.small article {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.callout.small article h1 {
	font-size: 1.25rem;
}









.callout.wide .thumb {
	flex-basis: 35%;
	-webkit-flex-basis: 35%;
	-moz-flex-basis: 35%;
}

.callout.wide article {
	padding: 1rem;
}
.callout.wide.icon article {
	padding-right: 1rem;
}

.callout.wide article h1 {
	font-size: 1.25rem;
}

.callout.wide article .icon {
	right: 1rem;
	
	font-size: 3rem;
}









.callout.bookmark {
	min-height: 0;
}
.callout.bookmark article {
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
}
.callout.bookmark article > div:last-child {
	display: none;
}
.callout.bookmark article > div:first-child {
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}












.callout.main {
	--callout-overlay: rgba(138, 60, 101, 0.6);
	
	height: auto;
	min-height: 15rem;
}

.callout.main .thumb {
	width: 100%;
}
.callout.main .thumb > .inner {
	width: 100%;
	left: 0;
}

.callout.main article {
	background-color: transparent;
	
	margin-top: 0;
	padding: 1.5rem;
	width: 100%;
	height: 100%;
	
	clip-path: none;
	
	overflow: hidden;
	
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}

@media (hover: hover) {
	.callout.main:hover article {
		clip-path: none;
	}
}

.callout.main article h2 {
	
}
.callout.main article p {
	font-size: .9rem;
}

@media (hover: hover) {
	.callout.main:hover article > * {
		transform: translate3d(0, -.5rem, 0);
		-webkit-transform: translate3d(0, -.5rem, 0);
		-moz-transform: translate3d(0, -.5rem, 0);
	}
}
*/