/* These styles are used in the backend editor AND in the Theme (frontend) */

/* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */
/* But that CSS is not active when using the backend-editor, so here is a good place to put  */
/* any custom css which should be active in the frontend website and also applied to editor. */
/* The goal is to make the visual editor display as like the final frontend view as possible */
/* so do not forget to configure the TinyMCE styles dropdown with elements to match these.   */

/* Suggested general non-tag-specific visual styles (for all websites) */

.list       { margin: 0.35rem 0; }
.stdtop     { margin-top: 0.65rem !important; }
.moretop    { margin-top: 0.8rem  !important; }
.lotstop    { margin-top: 1rem    !important; }
.hugetop    { margin-top: 1.3rem  !important; }
.stdbottom  { margin-bottom: 0.65rem !important; }
.morebottom { margin-bottom: 0.8rem  !important; }
.lotsbottom { margin-bottom: 1rem    !important; }
.hugebottom { margin-bottom: 1.3rem  !important; }

.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }

.beforelist { margin-bottom: 0.3rem; }

.lastitempx { padding-bottom: 12px !important; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; }

/* Revert to normal text within strong */
.notstrong { font-weight: normal; }

.smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; }

.small, .smallBold { font-size: 0.89rem; line-height: 1.2; }

/* Append your site-specific styles here */

/* Editor Width */

body#tinymce {
	max-width: 800px !important;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/* Typeface Imports */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Playfair+Display:700i');

/*@font-face {
	font-family: 'bsf-icons';
	src: url('fonts/bsf-icons/bsf-icons.eot?5kiojs');
	src: url('fonts/bsf-icons/bsf-icons.eot?5kiojs#iefix') format('embedded-opentype'),
	url('fonts/bsf-icons/bsf-icons.ttf?5kiojs') format('truetype'),
	url('fonts/bsf-icons/bsf-icons.woff?5kiojs') format('woff'),
	url('fonts/bsf-icons/bsf-icons.svg?5kiojs#bsf-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

h1, h2, h3, h4, h5, h6 {
	margin-top: 1.2em;
	margin-bottom: 0.9em;
}

/* Remove top margin from H2s, requested by Daryl. */

/*h2 {
	margin-top: 0px;
}*/

.no-margins h1,
.no-margins h2,
.no-margins h3,
.no-margins h4,
.no-margins h5,
.no-margins h6,
.no-margins p {
	margin: 0;
}

.red,
.red .fl-heading {
	color: #b31f36 !important;
}

/* Lists */

.mce-content-body ul,
article ul {
	font-family: "Lato", sans-serif;
	color: #58595b;
}

.mce-content-body ul li,
article ul li {
	font-size: .9em;
	margin-bottom: 24px;
	margin-top: 24px;
}

.mce-content-body ul li ul,
article ul li ul {
	margin-top: 20px;
}

.mce-content-body ul li ul li,
article ul li ul li {
	margin-top: 10px;
	margin-bottom: 10px;	
}

ol li {
	margin-bottom: 20px;
}

ol ol {
	margin-top: 20px;
	list-style: upper-alpha;
	font-size: .9em;
}

ol ol li {
	margin-bottom: 10px;
}

/* Images */

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 50px auto;
 }

.wp-caption {
	background: #f7f7f7;
	border: 1px solid #e6e6e6;
	max-width: 100%;
	padding: 0;
	text-align: left;
}

.wp-caption p {
	margin: 0;
}

.wp-caption p.wp-caption-text,
.wp-caption .wp-caption-dd {
	font-family: "Lato", sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	margin: 0;
	padding: 15px;
	text-align: left;
}

iframe.instagram-media {
	margin: 20px auto 50px auto !important;
	max-width: 100% !important;
	min-width: 100%;
}

/* Special */

.callout {
	display: block;
	background-color: #dcddde;
	padding: 20px;
	margin-bottom: 45px;
}

.callout p {
	font-size: 1.2em;
	font-style: italic;
}

.callout p:first-child {
	margin-top: 0;
}

.callout p:last-child {
	margin-bottom: 0;
}
