@import url('https://fonts.googleapis.com/css?family=Raleway|Spectral+SC|Teko|Vollkorn+SC');
@import url('https://fonts.googleapis.com/css?family=Cinzel|Libre+Baskerville|Montserrat|Open+Sans+Condensed:300|Quicksand');

.banner-container {
	background: #ffffff;
	overflow: hidden;
	position: relative;
}

.banner-container img {
	width: 100%;
	max-width: 100%;
}

.banner-container-title {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	width: 100%;
	font-size: 10px;
	height: 20em;
	max-width: 30em;
	margin: 0 auto 3em;
}

.banner-container-title::after {
	content: "";
	clear: both;
	display: table;
}

@media only screen and ( min-width: 820px ) {
	.banner-container-title {
		float: right;
		height: 24em;
		width: 25%;
	}
}

	.banner-container-title.part-1 { background-image: url("/today/wpassets/features/2018_gotliebmlk/images/series-title1.png"); }
	.banner-container-title.part-2 { background-image: url("/today/wpassets/features/2018_gotlieb/assets/seal.png"); }
	.banner-container-title.part-3 { background-image: url("/today/wpassets/features/2018_gotliebmlk/images/series-title3.png"); }
	.banner-container-title.part-4 { background-image: url("/today/wpassets/features/2018_gotliebmlk/images/series-title4.png"); }
	.banner-container-title.part-5 { background-image: url("/files/2018/10/PART-5-GOTLIEB.png"); }


.banner-container-content {
	margin: auto;
	max-width: 800px;
	overflow: hidden;
	text-align: center;
	padding: 1.84275vw;

	position: relative;
	z-index: 20;
}

@media only screen and ( min-width: 820px ) {
	.banner-container-content {
		text-align: left;
		margin: 0;
		width: 75%;
	}
}

h1.banner-container-hed {
	color:#9E3507;
	font-family: 'Libre Baskerville';
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: .25em;
	text-transform: uppercase;
}

@media only screen and ( min-width: 820px ) {
	h1.banner-container-hed {
		font-size: 60px;
	}
}

h2.banner-container-dek {
	color:#de9c19;
	font-family: 'Open Sans Condensed';
	font-size: 18px;
	line-height: 1.4;
	text-transform: uppercase;
	margin: 0 0 1.4em 0;
}

@media only screen and ( min-width: 820px ) {
	h2.banner-container-dek {
		font-size: 28px;
	}
}

.banner-container-bylines {
	color: #9E3507;
	font-family: 'Open Sans Condensed';
	font-size: 15px;
	line-height: 16px;
}

	.banner-container-bylines span {
		display: inline-block;
		padding: 8px;
	}

@media only screen and ( min-width: 820px ) {
	.banner-container-bylines span {
		display: block;
		padding: 4px 8px 4px 0;
	}
}

.banner-container-bgimage {
	margin: 0 -1.84275vw;
}

#content {
	border-top: 0px !important;
}

.treasures {
	color: #781F31;
	display: block;
	font-family: 'Great Vibes', cursive;
	text-transform: none;
	font-size: 115px;
	line-height: 132px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	margin: 10px 0;
}

.keeper {
	padding: 3px 15px;
	font-size: 35px;
	font-style: italic;
}

.entry a,
.entry a strong,
.entry a b,
.entry a:visited,
.entry a:visited strong,
.entry a:visited b {
	color: #E5AF44;
}

/* Captions */
.wp-caption:after {
	display: block;
	position: absolute;
	font-size: 400px;
	font-family: 'Playfair Display', serif;
	margin-top: -200px;
	margin-left: -80px;
	color: #d0a5a5;
	opacity: .4;
	z-index: 0;
	-webkit-animation-delay: -4s;
	-animation-delay: -4s;
	-webkit-animation: bobble 5s ease-in-out infinite;
	animation: bobble 5s ease-in-out infinite;
	-webkit-transform-origin: center center;
}

.wp-caption-text {
	position: relative;
	z-index: 2;
	display: block;
}

.entry div.alignright p {
	padding: 1em;
	border: 1em solid transparent;
	background: linear-gradient(white, #efefef) padding-box, url("/today/wpassets/features/2018_gotlieb/assets/wood-bg.jpg") border-box 0 / cover;
	background-size: 100%;
	box-shadow: 0 10px 4px -4px rgba(68, 68, 68, 0.6);
	top: -20px;
}

@media only screen and (max-width: 870px) {
	.wp-caption.item1 {
		width: 40%;
		display: block;
	}

	.wp-caption.item2 {
		width: 70%;
		display: block;
	}

	.wp-caption.item3 {
		width: 80%;
		display: block;
	}

	.wp-caption.item4 {
		width: 80%;
		display: block;
	}

	.keeper {
		font-size: 3.5vw;
	}

	.treasures {
		margin-top: 0;
		font-size: 10vw;
	}
}

@media only screen and (max-width: 770px) {
	body {
		width: auto;
	}

	.ch-story-title-table-cell {
		padding: 0;
		top: 2.9%;
		display: none;
	}

	.ch-story-title-table-cell h1 {
		font-size: 3em;
		text-align: center;
		margin: 0 0 0 0;
		padding: 0 0 15px 0;
	}

	.ch-story-title-table-cell h2 {
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		padding: 0;
	}

	.keeper {
		margin: 0;
		font-size: 3.5vw;
		top: 35px;
	}

	.treasures {
		margin-top: 0;
		font-size: 13vw;
	}
}


@media only screen and (max-width: 768px) {
	.intro-text p {
		font-size: 3vw;
	}

	.ch-story-title-table-cell {
		padding: 0;
		top: 450px;
		width: 380px;
		position: relative;
		margin: 0 auto;
	}

	.intro-banner {
		padding: 0;
	}

	.intro-text {
		text-align: center;
		padding: 30px 20px 30px 20px;
		width: auto;
	}

	.intro-text h1 {
		margin-bottom: 10px;
		text-align: center;
		line-height: 40px;
		text-transform: uppercase;
		color: #E6AF45;
	}

	.series-title {
		float: none;
		margin: 0 auto;
	}

	.keeper {
		font-size: 3.5vw;
		line-height: 80px;
	}
}

@media only screen and (max-width: 640px) {
	.nosidebar-story .entry div.alignright {
		margin-left: 0;
	}

	.intro-text p {
		font-size: 3vw;
	}

	.keeper {
		font-size: 3.3vw;
		line-height: 90px;
	}

	.treasures {
		margin-top: 0;
		font-size: 12vw;
		line-height: 50px;
	}
}

@media only screen and (max-width: 480px) {
	.keeper {
		font-size: 4.8vw;
		line-height: 95px;
	}

	.treasures {
		margin-top: 0;
		line-height: 28px;
		font-size: 16vw;
	}

	.intro-text p {
		font-size: 3.7vw;
	}

	.intro-text {
		padding-top: 22px;
	}
}

.dropcap {
	border: 5px solid #f3b79d;
	color: #9E3507;
	display: inline-block;
	float: left;
	font-family: 'Playfair Display', serif;
	font-size: 4em;
	font-weight: bold;
	line-height: 1;
	margin-right: 15px;
	margin-top: 8px;
	padding: .35em .25em;
}