/**
 * BB Text Module Styles
 *
 * Styles that support the frontend of the BB text module
 */

/* Web fonts */
@font-face {
	font-family: 'franchisebold';
	src: url("../../assets/fonts/franchise-bold.woff") format("woff"), url("../../assets/fonts/franchise-bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ApexNew Medium';
	src: url("../../assets/fonts/ApexNew-V2-Medium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ApexNew Medium Italic';
	src: url("../../assets/fonts/ApexNew-V2-MediumItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ApexNew Book';
	src: url("../../assets/fonts/ApexNew-V2-Book.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ApexNew Book Italic';
	src: url("../../assets/fonts/ApexNew-V2-BookItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ApexNew Bold';
	src: url("../../assets/fonts/ApexNew-V2-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ApexNew Bold Italic';
	src: url("../../assets/fonts/ApexNew-V2-BoldItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url("../../assets/fonts/fontawesome-webfont.woff") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* Standard text elements */
.fl-rich-text {
	font-size: 1rem;
	font-family: 'AdobeGaramondW01-Regula', Georgia, serif;
	line-height: 1.5;
	color: #333;
}
@media screen and (min-width: 580px) {
	.fl-rich-text {
		font-size: 1.25rem;
	}
}
.fl-rich-text p {
	margin-top: 0;
}
.fl-rich-text a {
	color: #d8ab4c;
}
.fl-rich-text h1,
.fl-rich-text h2,
.fl-rich-text h3,
.fl-rich-text h4,
.fl-rich-text h5,
.fl-rich-text h6,
.fl-rich-text h1 strong,
.fl-rich-text h2 strong,
.fl-rich-text h3 strong,
.fl-rich-text h4 strong,
.fl-rich-text h5 strong,
.fl-rich-text h6 strong {
	line-height: 1.1;
	font-weight: normal;
	margin: 0 0 .5em 0;
}
.fl-rich-text h1,
.fl-rich-text h1 strong {
	font-size: 3rem;
	text-transform: uppercase;
	font-family: 'franchisebold', sans-serif;
	letter-spacing: -0.02em;
	line-height: 0.85;
}
@media screen and (min-width: 580px) {
	.fl-rich-text h1,
	.fl-rich-text h1 strong {
		font-size: 4rem;
	}
}
.fl-rich-text h2,
.fl-rich-text h2 strong {
	font-size: 1.5rem;
	text-transform: none;
	font-family: 'ApexNew Medium', sans-serif;
	letter-spacing: -0.02em;
	line-height: 1;
}
@media screen and (min-width: 580px) {
	.fl-rich-text h2,
	.fl-rich-text h2 strong {
		font-size: 2rem;
	}
}
.fl-rich-text h3,
.fl-rich-text h3 strong {
	font-size: 2rem;
	text-transform: uppercase;
	font-family: 'franchisebold', sans-serif;
	letter-spacing: -0.02em;
	line-height: 1;
}
.fl-rich-text h4,
.fl-rich-text h4 strong {
	font-size: 1.5rem;
	text-transform: none;
	font-family: 'ApexNew Medium', sans-serif;
	letter-spacing: -0.02em;
	line-height: 1;
}
.fl-rich-text h5,
.fl-rich-text h5 strong {
	font-size: 1.25rem;
	text-transform: none;
	font-family: 'ApexNew Medium', sans-serif;
	letter-spacing: -0.02em;
	line-height: 1;
}
.fl-rich-text h6,
.fl-rich-text h6 strong {
	font-size: 1rem;
	text-transform: none;
	font-family: 'ApexNew Medium', sans-serif;
	letter-spacing: -0.02em;
	line-height: 1;
}

/* Block quotes */
/* Binh moved styles into site.css */
.fl-rich-text .blockquote-author {
	font-size: 1.2rem;
	margin-left: 40px;
	display: block;
	font-family: 'ApexNew Medium', sans-serif;
}

.fl-rich-text .blockquote-author a {
	color: #000000;
	text-decoration: none;
}

.fl-rich-text .blockquote-author a:hover {
	color: #d8ab4c;
	text-decoration: underline;
}

/* Default images and captions for left, right and center */
.fl-rich-text .alignleft img,
.fl-rich-text .alignright img,
.fl-rich-text .aligncenter img {
	max-width: 100%;
	height: auto;
}
.fl-rich-text .wp-caption {
	max-width: 100%;
}
.fl-rich-text .wp-caption-text {
	color: #858585;
	font-size: 0.875rem;
	line-height: 1.2858;
	margin-top: 1.125rem;
}
.fl-rich-text .alignleft,
.fl-rich-text .alignright,
.fl-rich-text .aligncenter,
.fl-rich-text .wp-caption.alignleft,
.fl-rich-text .wp-caption.alignright,
.fl-rich-text .wp-caption.aligncenter {
	float: none;
	margin: 1.125rem 0;
	display: block;
}
@media screen and (min-width: 580px) {
	.fl-rich-text .alignleft,
	.fl-rich-text .wp-caption.alignleft {
		float: left;
		margin: 1.125rem 1.125rem 1.125rem 0;
	}
	.fl-rich-text .alignright,
	.fl-rich-text .wp-caption.alignright {
		float: right;
		margin: 1.125rem 0 1.125rem 1.125rem;
	}
	.fl-rich-text .aligncenter,
	.fl-rich-text .wp-caption.aligncenter {
		float: none;
		margin: 1.125rem auto;
	}
	.fl-rich-text .wp-caption-text {
		font-size: 1rem;
		line-height: 1.25;
	}
}
/* Default (none) images WITH captions get special DP styling */
.fl-rich-text .wp-caption.alignnone {
	position: relative;
	margin-top: 1.125rem;
	margin-bottom: 1.25rem;
}
.fl-rich-text .wp-caption.alignnone[style] {
	width: calc(100% - 40px) !important;
	margin-left: auto;
	margin-right: auto;
}
.fl-rich-text .wp-caption.alignnone img {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 580px) {
	.fl-rich-text .wp-caption.alignnone {
		float: left;
		display: block;
		margin-right: 0.38668%;
		margin-left: -6.27417%;
		margin-bottom: 1.75rem;
	}
	.fl-rich-text .wp-caption.alignnone[style] {
		width: 106.27417% !important; 
	}
	.fl-rich-text .wp-caption.alignnone:last-child {
		margin-right: 0;
	}
	.fl-rich-text .wp-caption.alignnone img,
	.fl-rich-text .wp-caption.alignnone .wp-caption-text {
		float: left;
		display: block;
		margin-right: 0.36385%;
		width: 94.09624%;
		margin-left: 5.90376%;
	}
	.fl-rich-text .wp-caption.alignnone img:last-child,
	.fl-rich-text .wp-caption.alignnone .wp-caption-text:last-child {
		margin-right: 0;
	}
}
@media screen and (min-width: 960px) {
	.fl-rich-text .wp-caption.alignnone {
		float: left;
		display: block;
		margin-right: 0.56343%;
		margin-left: -4.57107%;
		margin-top: 2.5rem;
		margin-bottom: 3.375rem;
	}
	.fl-rich-text .wp-caption.alignnone[style] {
		width: 113.7132% !important; 
	}
	.fl-rich-text .wp-caption.alignnone:last-child {
		margin-right: 0;
	}
	.fl-rich-text .wp-caption.alignnone img {
		float: left;
		display: block;
		margin-right: 0.49549%;
		width: 71.86126%;
		margin-left: 4.01982%;
	}
	.fl-rich-text .wp-caption.alignnone img:last-child {
		margin-right: 0;
	}
	.fl-rich-text .wp-caption.alignnone .wp-caption-text {
		margin-top: 0;
		float: left;
		display: block;
		margin-right: 0.49549%;
		width: 19.60361%;
		margin-left: 4.01982%;
	}
	.fl-rich-text .wp-caption.alignnone .wp-caption-text:last-child {
		margin-right: 0;
	}
}
.fl-rich-text .wp-caption.alignnone:before {
	content: '';
	width: 4px;
	height: 100%;
	background-color: #e7b850;
	position: absolute;
	left: -20px;
}
@media screen and (min-width: 960px) {
	.fl-rich-text .wp-caption.alignnone:before {
		left: -30px;
	}
}

/* Container sizing */
.fl-rich-text {
	width: calc(100% - 40px);
	margin: 0 auto;
}
@media screen and (min-width: 1260px) {
	/* Max width for parent wrapper is 1220px */
	.fl-rich-text {
		width: 100%;
	}
}