/**
 * @file
 * Use this CSS file to override components CSS rules
 */
/**
 * CLW Overrides
 *  1. BACKGROUND IMAGE BLOCK - BANNER overrides
 *  2. BREADCRUMB overrides
 *  3. MASONRY CLASSES
 *  4. FLEXSLIDER CLASSES
 *  5. BOXES
 *  6. PULLQUOTES WITH FONTAWESOME QUOTES
 *  7. NOTEPAPER PULLQUOTES  - for masonry blocks and sidebars
 *  8. PULLQUOTES -- TAN BG and GENTLE CODE
 *  9. TIMELINE
 * 10. Modal Page popup CLICK CLASSES
 * 11. ICON DIVIDERS
 * 12. BLOCKQUOTES
 * 13. EVENTS
 */

/*----------------------------------------------------------
    1. BACKGROUND IMAGE BLOCK - BANNER overrides
----------------------------------------------------------*/
.tp-mask-wrap { opacity: 0.9; }
.tp-caption__title, .tp-caption__buttons-container, .tp-caption__button, a.tp-caption__button,  a.tp-caption__button:hover { opacity: 1.0; }
/* .tparrows { width: 50px; height: 50px; }
.tp-mask-wrap .tp-caption { opacity: 1.0 !important;} */


/*----------------------------------------------------------
    2. BREADCRUMB overrides
----------------------------------------------------------*/
.breadcrumb__items {
    text-align: left !important;
}


/*----------------------------------------------------------
    3. MASONRY CLASSES and ISOTOPE CLASSES
----------------------------------------------------------*/
.isotope-container, .view-masonry-display-page {
  background-color: #F5F5F5;
}
.view-masonry-display-page {
  padding-top: 15px;
  padding-bottom: 15px;
}

.isotope-container ul li {
  border-right: solid 2px #FFFFFF;
}
.view-masonry-display-page .views-field-field-tags {
	margin-top: 0;
	margin-bottom: 36px;
	font-size: 0.8em;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #336699;
	padding: 6px;
	border: 1px solid #336699;
	color: #f1f1f1;
}
.view-masonry-display-page .views-field-field-tags a {
  	color: #f1f1f1;
}
.view-masonry-display-page a.views-more-link { font-size: 12px; text-transform: uppercase; font-weight: 500; text-decoration: none; color: #5191CD; opacity: 0.6; filter: alpha(opacity=60); }
	.view-masonry-display-page a.views-more-link:hover { opacity: 1.0; filter: alpha(opacity=100); }
.view-masonry-display-page a.views-more-link::after {
    display: inline; font-family: 'Glyphicons Halflings'; font-weight: 500; content:"\e131"; padding-left: 3px; vertical-align: middle; color: #5191CD;
}
.view-masonry-display-page a.views-more-link {
    font-weight: 700;
}
.ctmasonry-teaser .month-date, .views-field-field-masonry-teaser-content-1 .month-date {
    margin-top: -47px;
/*     margin-right: -8px !important;
    margin-left: -8px !important; */
    margin-bottom: 12px;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px;
    border: none;
    color: #f1f1f1;
    font-weight: 400;
    text-align: center;
}



/* ISOTOPE CLASSES */
.isotope-item a.views-more-link, .masonry-item a.views-more-link {
    text-align: right;
}
a.views-more-link {
  margin: 0 0 10px 0px;
  display: block;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
}
a.views-more-link:hover {
  text-decoration: underline;
}
a.views-more-link:after {
/*  content: "\f105"; */
  content: "\f138";
  font-family: 'FontAwesome';
  font-size: 10px;
  margin-left: 10px;
  display: inline-block;
  line-height: 1;
}
.isotope-item .more-link a:after {
  content: "\f138";
}

.region--light-typography a.views-more-link {
  color: #ffffff;
}
.region--light-typography.region--black-background a.views-more-link:hover {
  text-decoration: none;
}
@media (max-width:767px) {
  .footer__section a.views-more-link,
  .footer-bottom__section a.views-more-link,
  .subfooter__section a.views-more-link {
    text-align: center;
  }
}
.isotope-container .views-field-title {
  padding-top: 0 !important; padding-bottom: 0 !important;
  margin-top: 0 !important; margin-bottom: 0 !important;
}
.isotope-item .views-row {
  border-bottom: 2px solid #336699;
}

h6.masonry-title a, h5.masonry-title a, h4.masonry-title a, h3.masonry-title a {
  padding-top: 0; padding-bottom: 0;
  margin-top: 0 !important; margin-bottom: 0 !important;
  text-transform: uppercase;
  font-weight: 500;
  color: #212121;
}
h6.masonry-title a:hover, h5.masonry-title a:hover, h4.masonry-title a:hover, h3.masonry-title a:hover {
  color: #336666;
}

/* suppress title on masonry teasers */
h3.masonry-title.notitle a, h4.masonry-title.notitle a,
h5.masonry-title.notitle a, h6.notitle a,
.notitle more-link a { display: none; visibility: hidden; }
.views-field-title .notitle, .notitle { display: none; visibility: hidden; }

#block-showcaseplus-views-block-mt-isotope-block-1 .views-field-field-image,
.view-display-id-page_6 .views-field-field-image,
.view-display-id-page_7 .views-field-field-image,
.view-display-id-page_8 .views-field-field-image,
.view-display-id-page_9 .views-field-field-image {
    margin-bottom: 10px !important;
}






/*----------------------------------------------------------
    4. FLEXSLIDER CLASSES
----------------------------------------------------------*/

/* remove background and border from ad tiles with NoBG_NoBorder checked */
h3.masonry-title.notitle a { display: none !important; }


 /* FLEXSLIDER SLIDESHOW CLASSES */

.container-fluid .region-banner .view-content .flexslider {
  max-width: 1920px;
  margin: 0 auto;
  margin-left: -18px;
  margin-right: -18px;
}
.section--page-header .flexslider {
  margin-left: -18px;
  margin-right: -18px;
}

/* Flexslider module */
.noroundedcorner {
  border-radius: 0;
}
.flexslider {
  background: #fff;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.flex-caption {
  width: 430px;
  white-space: normal !important;
  margin-left: 30px;
  position: absolute;
  bottom: 25px;
  background: rgba(0,0,0,0.77);
  color: #fff;
  padding: 20px;
  display: block;
  font-size: 30px;
  line-height: 1.15;
  border-radius: 6px;
}
.flex-caption a {
  color: #fff;
  text-transform: none;
}
.flex-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
div.section--page-header .flex-caption {
    width: 430px;
    white-space: normal !important;
    margin-left: 30px;
    position: absolute;
    bottom: 40px;
    background: rgba(0,0,0,0.77);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    padding: 20px;
    display: block;
    font-size: 30px;
    line-height: 1.15;
}

@media (max-width: 1199px) {
  .flex-caption {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .flex-caption {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .flex-caption {
    display: none;
  }
}
.flex-direction-nav a:before {
  font-size: 34px;
}
.flex-control-nav {
  bottom: 0;
  z-index: 2;
}
ul.slides.nodot {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

 /* FLEXSLIDER FOR HOMEPAGE SAINTS SLIDER */
.content-top-highlighted__container {
  margin-left: -45px;
  margin-right: -45px;
}
.content-top-highlighted .flexslider {
   background-color: #F4F4F4;
}
h6.nospread { letter-spacing: normal; }
.call-to-action h2 {
    font-size: 24px;
    margin: 0;
    text-transform: none;
    font-weight: 400;
    margin: 35px 0 25px;
}

/* FLEX SLIDER PREV and NEXT ARROWS SAINTS SLIDER */
.content-top-highlighted .flexslider .flex-direction-nav a,
.content-top-highlighted .flexslider .flex-direction-nav a {
display: block;
}
.content-top-highlighted .flex-direction-nav .flex-next { right: 0 !important; margin-right: -40px; opacity: 1 !important; }
.content-top-highlighted .flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: -40px; }
.content-top-highlighted .flexslider { width: 90%; margin: 0 auto; }



/* FLEXSLIDER INSIDE PAGES BANNER CLASSES */
/* for photocaption classes on the page banners,
/* see SAINTS PAGES in local-theme.css */



/*----------------------------------------------------------
    5. BOXES
----------------------------------------------------------*/
/**
 * @file
 * Visual styles for boxes taken from Simplecorp.
 * Additional styles added by clw
 */
.sidebar-second .box--shaded { background-color: #f1f1f1; padding: 10px 24px; }
div.indented {
  padding-left: 25px;
}
.successbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/success.png) no-repeat scroll 15px 15px #EEF4D4;
	border:1px solid #8FAD3D;
	color:#596C26;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.ideabox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/idea.png) no-repeat scroll 15px 15px #E1EBEB;
	border:1px solid #A8C6C6;
	color:#596C26;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.okbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/ok.png) no-repeat scroll 15px 15px #E9FFD2;
	border:1px solid #ACFF59;
	color:#596C26;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.questionbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/question.png) no-repeat scroll 15px 15px #DBE7ED;
	border:1px solid #9DACB5;
	color:#000;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.searchbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/search.png) no-repeat scroll 15px 15px #f5f5f5;
	border:1px solid #DDD;
	color:#596C26;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.thumbsupbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/thumbsup.png) no-repeat scroll 15px 15px #FCE2D4;
	border:1px solid #F1C0A8;
	color:#000;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.cancelbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/cancel.png) no-repeat scroll 15px 15px #FFC6C6;
	border:1px solid #FF9D9D;
	color:#C00;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.addbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/add.png) no-repeat scroll 15px 15px #EEF4D4;
	border:1px solid #8FAD3D;
	color:#596C26;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.warningbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/warning.png) no-repeat scroll 15px 15px #FFF6C2;
	border:1px solid #F4CD00;
	color:#957429;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.emptybox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:#FFF;
	border:1px solid #DDD;
	color:#000;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 25px;
}

.eventbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/event.png) no-repeat scroll 15px 15px #f5f5f5;
	border:1px solid #DDD;
	color:#333366;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

/* clw additions */
.justanote {
    border-left: 5px solid #e1e1e1;
    width: 96%;
    margin-bottom: 20px;
    padding: 2%;
    padding-left: 10px;
    display: inline-block;
}
.ocarmnote {
    border-left: 8px solid #4D1111;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 2%;
    padding-left: 14px;
    display: inline-block;
    font-weight: 300;
    line-height: 1.8em;
}
.finalnotes {
    border-left: 5px solid #e1e1e1;
    background-color: #f5f5f5;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 2%;
    padding-left: 10px;
    display: inline-block;
}

.mailbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/mail.png) no-repeat scroll 15px 15px #E9FFD2;
	border:1px solid #ACFF59;
	color:#596C26;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}
.pdfbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/pdficon.png) no-repeat scroll 15px 15px #FFFFFF;
	border:1px solid #CC0000;
	color:#212121;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.popebox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background: #DBE7ED;
	border:1px solid #9DACB5;
	color:#000;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding: 0 16px 10px 16px;
}

.crossbox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	/* background:url(../../images/shortcodes/icons/cross_button.png) no-repeat scroll 15px 15px #E9FFD2; */
	background-color: #E9FFD2;
	border:1px solid #ACFF59;
	color:#596C26;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:0 23px 9px 23px;
}
.crossbox h3 { background:url(../../images/shortcodes/icons/cross_button.png) no-repeat scroll left top #E9FFD2; padding: 6px 17px 10px 60px; }

.crossbox.advent { background-color: #e4d0ee; border:1px solid #ad6ecd; }
.crossbox.advent h3 { background:url(../../images/shortcodes/icons/cross_button_purple.png) no-repeat scroll left top #e4d0ee; padding: 6px 17px 10px 60px; }
.crossbox.advent p { color: #212121; font-size: 14px; hyphens: none; }
.crossbox .footnote { border-color: #212121; padding-top: 6px; }

.infobox
{
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background:url(../../images/shortcodes/icons/info.png) no-repeat scroll 15px 15px #DBE7ED;
	border:1px solid #9DACB5;
	color:#000;
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding:25px 25px 25px 80px;
}

.infobox h4 { margin-top: 0; padding-top: 0; }

.lentbox { border: 1px solid #999; padding: 12px; background: #DBE7ED; border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.christmasbox {
	border-radius: 6px;
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	background-color: #dfebfe; /* light blue */
/*	border:1px solid #4d70a7; */ /* medium blue */
	color:#223d96;/* dark blue */
	display:block;
	font-size:13px;
	line-height:24px;
	margin-bottom:20px;
	margin-top:20px;
	padding: 4px 17px 10px 17px;
}

.christmasbox /* blue */ {
  background: url(../../images/shortcodes/icons/snowflake_button_blue.png) left top no-repeat, url(../../images/lightbluebgsnow-1000x1039.jpg) left center repeat;
  background-position: 15px 15px, 0 0;
}

.christmasbox h3 { padding-left: 60px; }

/**
 * extra boxes
 * Visual styles for updated boxes.
 */
.messagebox {
  background-color: #faf9f6;
  width: calc(100% - .1em);
  max-width: 100%;
  padding: 1.5em 1.5em 1.5em 1.5em;
  border-left: 50px solid #000000;
  border-radius: 6px;
  position: relative;
  line-height: 1.5;
  margin-bottom: 12px;
}

.messagebox p {
    margin: 0 0 1em;

    &:last-child {
      margin-bottom: 0;
    }
  }

.messagebox h3::before {
    font-size: 30px;
    margin-left: -62px;
    padding-right: 35px;
    font-family: 'FontAwesome';
    color: #ffffff;
    content: " ";
}

.messagebox.messagebox--default {
  border-left-color: #E1E1E1;
}
.messagebox.messagebox--default h3::before {
    content: " ";
    margin-left: -33px;
}

.messagebox.messagebox--error {
  border-left: 50px solid #B22222;

}
.messagebox.messagebox--error h3::before {
    content: "\f140"; /* fa-bullseye */
}

.messagebox.messagebox--warning {
  border-left-color: #ff8c00;
}

.messagebox.messagebox--warning h3::before {
  content: "\f071"; /* fa-warning */
}

.messagebox.messagebox--success {
  border-left-color: #556B2F;
}

.messagebox.messagebox--success h3::before {
  content: "✔";
}

.messagebox.messagebox--olmlcc {
  border-left-color: #4D1111;
}

.messagebox.messagebox--olmlcc h3::before {
  font-size: 40px;
  font-family: Georgia, Times New Roman, Serif;
  content: "†";
  margin-left: -57px;
}

.messagebox.messagebox--olmlcc-meeting {
  border-left-color: #4D1111;
}

.messagebox.messagebox--olmlcc-meeting h3::before {
  content: "\f073"; /* fa-calendar */
}

.messagebox.messagebox--pdf {
  border-left-color: #BB111A;
}

.messagebox.messagebox--pdf h3::before {
  content: "\f1c1"; /* fa-file-pdf-o */
}

.messagebox.messagebox--olmlcc-meeting {
  border-left-color: #4D1111;
}

.messagebox.messagebox--snowflake {
  border-left-color: #233D92;
}

.messagebox.messagebox--snowflake h3::before {
  content: "\f2dc"; /* fa-snowflake-o */
}

.messagebox.messagebox--info {
  border-left-color: #233D92;
}

.messagebox.messagebox--info h3::before {
  content: "\f129"; /* fa-info */
  margin-left: -54px;
  padding-right: 41px;
}

.messagebox.messagebox--video {
  border-left-color: #233D92;
}

.messagebox.messagebox--video h3::before {
  content: "\f008"; /* fa-film */
  margin-left: -64px;
  padding-right: 41px;
}

.messagebox.messagebox--event {
  border-left-color: #642165;
}

.messagebox.messagebox--event h3::before {
  content: "\f073"; /* fa-calendar */
}



/*----------------------------------------------------------
    6. PULLQUOTES WITH FONTAWESOME QUOTES
----------------------------------------------------------*/
div.awe blockquote::before {
  content: '';
}
div.awe blockquote { border: 0 !important; padding: 0; margin: 0; font-size: 20px; font: italic 24px/2.0  "Georgia", Times, 'Times New Roman', serif;  padding: 0 !important;
border-bottom: 4pt solid #e1e1e1 !important; margin: 0 0 20px 0; border-left: 0px !important; float: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position: relative; }

div.awe blockquote span { font-family: "Arial Black", Gadget, sans-serif; font-style: normal; text-transform: uppercase; }
div.awe blockquote p { font: italic 24px/1.1  "Georgia", Times, 'Times New Roman', serif !important; line-height: 1.5em !important; }

div.awe blockquote p::before {
  font-family: FontAwesome;
  font-style: normal;
  font-size: 36px;
  content: '\f10d'; /*quote left icon*/
  padding-right: 10px;
  /* color: #BB111A; color: #AABEC8; color: #4D1111; */ color: #0066CC;
  opacity: 0.6 !important; filter: alpha(opacity=60 !important;)
}
div.awe blockquote p::after {
  font-family: FontAwesome;
  font-style: normal;
  font-size: 16px;
  content: '\f10e'; /*quote right icon*/
  position: relative;
  top: -6px;
  padding-left: 1px; /* margin-left: -2px; */
  /* color: #BB111A; color: #AABEC8; color: #4D1111; */ color: #0066CC;
  opacity: 0.6 !important; filter: alpha(opacity=60 !important;)
}
div.awe blockquote cite {
color: #999999;
font-size: 14px;
line-height: 20px;
display: block;
margin-top: -15px !important;
text-align: right;
}

div.awe blockquote cite::before {
    font-family:'FontAwesome';
    content: "\f100";
}
div.awe blockquote cite::after {
    font-family:'FontAwesome';
    content: "\f101";
}

/* Pullquotes/Blockquotes embedded in content and floating left or right */
blockquote.alignleft { float: left !important; margin: 10px 16px 10px 0 !important; width: 300px !important; }
blockquote.alignright { float: right !important; margin: 10px 0 10px 16px !important; width: 300px !important; }

blockquote.simple--block { border-top: none !important; }



/* ---------------------------------------------------------------------- */
/*  7.   NOTEPAPER PULLQUOTES  - for masonry blocks and sidebars
/* ---------------------------------------------------------------------- */
/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 * Licensed under the MIT License
 *
 * Sass/SCSS source: https://goo.gl/8hncj
 * PSD by Liam McCabe: https://goo.gl/md3Dj
 */

.notepaper blockquote { border: 0 !important; padding: 0; margin: 0; font-size: 20px; border-left: none; }

.notepaper {
  position: relative;
  margin: 30px auto;
  margin-bottom: 40px;
  padding: 29px 20px 20px 45px;
  line-height: 30px;
  color: #6a5f49;
  text-shadow: 0 1px 1px white;
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 1px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

.notepaper.tight { margin: 4px auto; }
.notepaper:before, .notepaper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper:before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}

.notepaper:after {
  z-index: -1;
  left: 0;
  right: 0;
  background: rgba(242, 246, 193, 0.9);
  border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

.quote {
  font-family: Georgia, serif;
  font-size: 14px !important;
  text-indent: 18px;
}

.curly-quotes:before, .curly-quotes:after {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 48px;
  font-size: 60px;
  opacity: .3;
  color: #212121 !important;
}

.curly-quotes:before {
  content: '\201C';
  margin-right: 4px;
  margin-left: -28px;
}
#block-showcaseplus-pullquotestyles .curly-quotes:before {
  margin-left: -43px;
}

#block-showcaseplus-pullquotestyles .curly-quotes:after {
  content: '';
}

.curly-quotes:after {
  content: '\201D';
  margin-left: 4px;
  margin-right: -10px;
}

.quote-by {
  display: block;
  padding-right: 10px;
  text-align: right;
  font-size: 16px;
  font-style: italic;
  color: #84775c;
}

.notepaper p {
  margin-top: 8px;
  text-indent: 0px;
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 8px;
}

.lt-ie8 .notepaper {
  padding: 15px 25px;
}

/* bibliography */
.book_abstract {
   margin-left: 20px;
   margin-bottom: 30px;
   padding-left: 10px;
   border-left: 5px solid #e1e1e1;
}



/*----------------------------------------------------------
    8. PULLQUOTES -- TAN BG and GENTLE CODE
----------------------------------------------------------*/
.bq-quote-container {
  background : repeat rgba(244, 237, 228, 1.0);
  overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.bq-quote-container .bq-main {
  position : relative;
}


.bq-quote-container .mb-wrap {
  margin : 20px auto;
  padding : 10px 10px 10px 20px;
  position : relative;
  width : 300px;
}

.bq-quote-container .mb-wrap p {
  margin : 0;
  padding : 0;
}

.bq-quote-container .mb-wrap blockquote {
  margin : 0;
  padding : 0;
  position : relative;
}

.bq-quote-container .mb-wrap cite {
  font-style : normal;
}

.bq-quote-container .mb-style-2 blockquote {
  padding-top : 150px;
}

.bq-quote-container .mb-style-2 blockquote:after {
    background: none repeat scroll 0 0 rgba(76, 18, 18, 0.9);
    border-radius: 50% 50% 50% 50%;
    color: rgba(175, 130, 105, 0.9);
    content: "❞";
    font-family: 'icons';
    font-size: 70px;
    height: 130px;
    left: 50%;
    line-height: 130px;
    margin-left: -65px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    top: 0;
    width: 130px;
}
.bq-quote-container .mb-style-2 blockquote:before {
    border-left: 5px solid rgba(235, 150, 108, 0.8);
    border-radius: 50% 50% 50% 50%;
    content: "";
    height: 300px;
    left: -20px;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: -1;
}

.bq-quote-container .mb-style-2 blockquote p {
  background : none repeat scroll 0 0 rgba(255, 248, 239, 0.5); /* words bg */
  background : none repeat scroll 0 0 rgba(255, 255, 255, 0.5); /* words bg */
  box-shadow : 0 -6px 0 rgba(255, 255, 255, 0.9); /* rules above words */
  color : rgba(76, 18, 18, 0.6);
  display : inline;
  font-family : Baskerville, Georgia, serif;
  font-style : italic;
  font-size : 28px;
  line-height : 46px;
  text-shadow : 0 1px 1px rgba(255, 255, 255, 0.5);
}

.bq-quote-container .mb-style-2 blockquote h3 {
  background : none repeat scroll 0 0 rgba(255, 248, 239, 0.5); /* words bg */
  background : none repeat scroll 0 0 rgba(255, 255, 255, 0.5); /* words bg */
  box-shadow : 0 -6px 0 rgba(255, 255, 255, 0.9); /* rules above words */
  color : rgba(76, 18, 18, 0.6);
  font-family : Baskerville, Georgia, serif;
  font-style : italic;
  font-size : 30px;
  line-height : 48px;
  text-shadow : 0 1px 1px rgba(255, 255, 255, 0.5);
}

.bq-quote-container .mb-attribution {
  text-align : right;
}

 .bq-quote-container .mb-author {
  color : #825e5c;
  font-size : 18px;
  font-weight : bold;
  padding-top : 10px;
  text-shadow : 0 1px 1px rgba(255, 255, 255, 0.1);
  text-transform : uppercase;
}

.bq-quote-container .mb-attribution {
  padding-bottom: 20px;
  padding-right: 20px;
  margin-top: -30px !important;
}
.bq-quote-container .mb-attribution p {
  padding-bottom: 0;
  margin-bottom: 0;
}

.bq-quote-container cite {
  font-size: 12px;
  line-height: 12px !important;
  letter-spacing: 1px;
  color : #D7AA94;
  font-style : italic;
}
.bq-quote-container cite a {
  color : #D7AA94;
  font-style : italic;
}

.bq-quote-container cite a:hover {
  color : #D48158;
}

/* Simple Quote */
.simple-bquote h3 {
  font-family : Baskerville, Georgia, serif;
  font-style : italic;
  font-size : 30px;
  line-height : 48px;
  text-transform: none;
  letter-spacing: normal;
}
.simple-bquote h3.first {
  margin-top: -34px !important;
  padding-top: 0 !important;
}
.simple-bquote p.footnote {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1px;
  color : #003399;
  color : #D7AA94;
  font-style : italic;
  text-align : right;
  padding-right : 10px;
}
.simple-bquote .video.horizontal.icon {
	color: rgba(153,153,153,0.6);
	color: rgba(33,33,33,0.6);
  font-family : Baskerville, Georgia, serif;
	font-size : 100px;
	z-index: 5;
 }
.simple-bquote .video.horizontal.divider:before, .simple-bquote .video.horizontal.divider:after {
 position:absolute;
 content:" ";
 z-index:3;
 width:47%;
 top:25%;
 height:0;
 border-top:8px solid rgba(0, 0, 0, 0.1);
 border-bottom:8px solid rgba(255,255,255,0.6)
}
/* Dark Elegance Pullquote */
.dark-elegance-pquote--container {
	border-radius: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	padding: 2px 16px 12px 16px;
	background-color: #522B29 /* caput mortuum */
}
.dark-elegance-pquote h3 {
  font-family : 'Raleway', Helvetica Neue, Arial, Sans-serif;
  font-weight: 300;
  font-size : 30px;
  line-height : 36px;
  letter-spacing: normal;
  text-transform: none;
	color: #ffffff;
	border-top: 2px dotted #C6AFB1;
}
.dark-elegance-pquote h3.first {
  padding-top: 0 !important;
}
.dark-elegance-pquote p.footnote {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1px;
  color: #C6AFB1; /* rose quartz */
  font-style : italic;
  font-weight : 700;
  text-align : right;
  padding-top : 8px;
  padding-right : 10px;
  border-bottom: 2px dotted #C6AFB1;
}
.dark-elegance-pquote h3:before {
  font-family: Helvetica Neue, Arial, Sans-serif;
  font-style: normal;
  font-size: 130px !important;
  content: '“';
  position: relative;
  top: 65px;
  padding-right: 10px;
  color: #C6AFB1; /* rose quartz */
  opacity: 0.6 !important; filter: alpha(opacity=60 !important;)
}




/*----------------------------------------------------------
    9. TIMELINE
----------------------------------------------------------*/
/**
 * @file
 * Visual styles for Conference Lite's timeline.
 */
.field--name-field-mt-tml-timeline-item {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.field--name-field-mt-tml-timeline-item:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 10px;
  background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 80%, rgba(238, 238, 238, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 80%,rgba(238, 238, 238, 0) 100%);
  background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 80%,rgba(238, 238, 238, 0) 100%);
  left: 50%;
  margin-left: -5px;
  border-radius: 10px;
}
.region--light-typography .field--name-field-mt-tml-timeline-item:before {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%,rgba(255, 255, 255, 0.4) 80%,rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%,rgba(255, 255, 255, 0.4) 80%,rgba(255, 255, 255, 0) 100%);
}
.field--name-field-mt-tml-timeline-item > .field__item {
  margin-bottom: 20px;
  position: relative;
}
.field--name-field-mt-tml-timeline-item > .field__item:first-child {
  margin-top: 20px;
}
.field--name-field-mt-tml-timeline-item > .field__item:before,
.field--name-field-mt-tml-timeline-item > .field__item:after {
  content: " ";
  display: table;
}
.field--name-field-mt-tml-timeline-item > .field__item:after {
  clear: both;
}
.field--name-field-mt-tml-timeline-item > .field__item .timeline-item {
  width: 46%;
  float: left;
  position: relative;
  text-align: right;
}
.field--name-field-mt-tml-timeline-item > .field__item .timeline-item.timeline-item--expired {
  opacity: 0.7;
}
.field--name-field-mt-tml-timeline-item > .field__item .timeline__header h5 {
  margin: 0 0 5px;
}
.field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  color: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 50%;
  margin-left: -10px;
  background-color: transparent;
  z-index: 100;
  border-radius: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: #c5c5c5;
  z-index: 10;
}
.region--white-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: #ffffff;
}
.region--gray-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: #f6f6f6;
}
.region--dark-gray-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: #575757;
}
.region--black-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: #000000;
}
.region--light-typography .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  border-color: rgba(255, 255, 255, 0.5);
}
.field--name-field-mt-tml-timeline-item > .field__item:nth-child(2n) .timeline-item {
  float: right;
  text-align: left;
}
@media (min-width: 1200px) {
  .field--name-field-mt-tml-timeline-item > .field__item .timeline-item {
    padding-right: 40px;
  }
  .field--name-field-mt-tml-timeline-item > .field__item:nth-child(2n) .timeline-item {
    padding-left: 40px;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .field--name-field-mt-tml-timeline-item:before {
    left: 10px;
  }
  .field--name-field-mt-tml-timeline-item > .field__item .timeline-item {
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
  }
  .field--name-field-mt-tml-timeline-item > .field__item .timeline__badge {
    left: 0px;
    margin-left: 0;
  }
  .field--name-field-mt-tml-timeline-item > .field__item .timeline-item {
    float: right;
    text-align: left;
  }
}
.field--name-field-mt-tml-timeline-date {
    font-size: 26px;
    font-weight: 700;
}


/*----------------------------------------------------------
    10. Modal Page popup CLICK CLASSES
        for text-links only (for button classes)
----------------------------------------------------------*/

/* add to text (p,span,div,h1,h2,h3,etc.) */
.modal--pop {
  color: #066fb2; /* dark blue */
  cursor: pointer;
}
.modal--pop:hover {
  color: #3592cd; /* light blue */
}
.modal--pop:focus {
  color: #3592cd; /* light blue */
}
/* ensures that button behavior is normal; do not add "modal--pop" to the button css */
a.button { cursor: pointer; }

/* round images for timeline */
img.tl--border {
    border: 6px solid #c5c5c5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 150px;
}
img.modal--pop:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}



/*----------------------------------------------------------
    11. ICON DIVIDERS
----------------------------------------------------------*/
.view-right-sidebar iframe {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* video icon divider */
.video.divider > .icon {
    margin: 0;
    font-size: 1rem;
    vertical-align: middle;
}
.video.horizontal.divider {
    line-height: 1;
}
.video.horizontal.divider {
 position:absolute;
 border:none;
 height:0;
 margin:0;
 background-color:transparent;
 font-size:.875rem;
 font-weight:700;
 text-align:center;
 text-transform:uppercase;
 color:rgba(0,0,0,0.8)
}
.video.horizontal.divider {
 position:relative;
 top:0;
 left:0;
 margin:1rem 1.5rem;
 height:auto;
 padding:0;
 line-height:1;
}
.video.horizontal.icon {
	color: #4D1111;
	font-size: 20px;
 }
.video.horizontal.divider:before, .video.horizontal.divider:after {
 position:absolute;
 content:" ";
 z-index:3;
 width:50%;
 top:50%;
 height:0;
 border-top:8px solid rgba(0, 0, 0, 0.1);
 border-bottom:8px solid rgba(255,255,255,0.6);
 border-bottom:8px solid rgba(255,255,255,0.1);
}
.region-featured .video.horizontal.divider:before, .region-featured .video.horizontal.divider:after {
 border-top:2px solid rgba(0, 0, 0, 0.1);
 border-bottom:2px solid rgba(255,255,255,0.6);
 border-bottom:2px solid rgba(255,255,255,0.1);
}
.video.horizontal.divider:before {
 left:0;
 margin-left:-1.5rem
}
.video.horizontal.divider:after {
 left:auto;
 right:0;
 margin-right:-1.5rem
}

hr.tight--divider { border: 0; height: 1px; color: #e1e2e3; background-color: #e1e2e3;  margin-top: 0; margin-bottom: 6px; }
hr.tight--divider--white { border: 0; height: 2px; color: #ffffff; background-color: #ffffff;  margin-top: 0; margin-bottom: 24px; }



/*----------------------------------------------------------
    12. BLOCKQUOTES
----------------------------------------------------------*/
/* default blockquote */
blockquote {
  display: block;
  font-style: normal;
  font-size: 22px;
  margin-top: 1em;
  margin-bottom: 1.5em;
  margin-left: 0;
  margin-right: 0;
  border-left: 8px double #E1E1E1;
  padding-left: 20px;
}
blockquote p {
    line-height: 1.4;
}
cite {
  font-style: normal;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
blockquote.style2, blockquote.style3, blockquote.style4, blockquote.hand, div.awe blockquote, .notepaper blockquote, .mb-style-2 blockquote {
  border-left: 0;

}
/* style2 */
blockquote.style2 {
  font-size: 22px;
  padding:0 0 0 150px;
  position: relative;
  margin: 40px 0 50px;
}
p + blockquote.style2 {
  margin-top: 30px;
}
blockquote.style2 p {
  line-height: 1.4;
}

/*blockquote quote symbol*/
blockquote.style2:before {
  position: absolute;
  font-family: Georgia, Times New Roman, Serif;
  content: "“";
  left: 70px;
  top: 0;
  font-style: normal;
  font-size: 122px;
  line-height: 1;
  font-weight: 400;
}
.region--colored-background blockquote.style2:before,
.region--black-background blockquote.style2:before,
.region--dark-background blockquote.style2:before {
  color: #ffffff;
}
blockquote.style2 cite, blockquote.style3 cite, blockquote.style4 cite,blockquote.hand cite {
  display: block;
  font-size: .6em;
  font-style: normal;
  text-transform: uppercase;
  text-align: right;
}

@media (max-width: 767px) {
  blockquote.style2 {
    padding:0 0 0 50px;
  }
  blockquote.style2:before {
    font-size: 90px; left: 0;
  }
}
/* blockquotes flushed left */
div.flush-left blockquote {
  padding: 0 0 0 50px;
/*   top: 0; */
  margin: 40px 0 0;
}

div.flush-left blockquote p {
  padding-top: 4px;
}
div.flush-left blockquote:before {
  left: 0;
  top: -12px;
}
div.flush-left cite {
  margin-right: 50px;
}
/* style3 */
blockquote.style3 {
  background: #F4F4F4 17px 21px;
  padding: 20px 20px 20px 55px !important;
  border-bottom: 1pt solid #e1e1e1;
  margin: 20px 0 40px 0 !important;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

blockquote.style3::before {
  position: absolute;
  top: -12px;
	content:"«";
  left: 20px;
  font-size: 60px;
}
blockquote.style3 p {
  font: italic 21px/1.6 "Georgia",Times,'Times New Roman',serif;
}

blockquote.style4:before, blockquote.hand:before {
	font-family: 'FontAwesome';
	content:"\f10d"; /*  fa-quote-right */
  left: 10px;
  font-size: 40px;
  padding-top: 12px;
}
blockquote.style4, blockquote.hand {
  background-color: #f8f8f8;
  border-bottom: 1pt solid #e1e1e1;
  margin-top: 20px;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 70px;
  padding-left: 95px;
}
blockquote.style4 {
  padding-left: 60px;
}
blockquote.style4:before {
  left: 0;
}

blockquote.hand p {
  font-family: Georgia, Times New Roman, Serif;
  font-style: italic;
  line-height: 1.5em;
  font-size: 20px;
}
blockquote.hand p em, blockquote.hand h6 em,
blockquote.hand h5 em, blockquote.hand h4 em,
blockquote.hand h3 em, blockquote.hand h2 em {
  font-style: normal;
}
.hand p, h5.hand {
  font-family: Georgia, Times New Roman, Serif;
  font-style: italic;
  line-height: 1.5em;
  font-size: 20px;
}
.hand p em, h5.hand em {
  font-style: normal;
}


/**
 * @file
 * Visual styles for article date and user.
 */
.node__submitted-info .node__submitted-date {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 2px;
    margin-left: -32px;
}




/*----------------------------------------------------------
    13. EVENTS
----------------------------------------------------------*/
/* one-off css */
.event-location {
    display:inline-block;
}
.event-venue {
     font-weight: 700;
}
.event-location, .event--location {
    text-transform: uppercase;
}
.event--location:before {
    content: "\f041"; /* fa-map-marker */
    font-family: 'FontAwesome';
    margin-right: 3px;
    color: #ccc;
    font-size: 16px;
}
.event-location a {
    text-decoration: none;
}
.event-location a:before {
    content: "\f041"; /* fa-map-marker */
    font-family: 'FontAwesome';
    margin-right: 3px; */
    color: #ccc !important;
}
.event-location .city--state, .event--location .city--state {
    padding-left: 12px;
}
.event-time:before {
    content: "\f017"; /* fa-clock-o */
    font-family: 'FontAwesome';
    color: #ccc;
    margin-right: 3px;
}
.event-info:before {
    content: "\f129"; /* fa-info */
    font-family: 'FontAwesome';
    color: #ccc;
    margin-right: 3px;
}
.event-title {
    font-size:20px;
    font-weight:600;
    line-height:1.2;
    padding-bottom:6px;
/*    margin-bottom:15px;
    padding-right:60px;
    border-bottom:1px solid #eaeaea; */
    position:relative;
}
.event-title a {
    color:#212121 !important;
}
.event-title a:hover {
    color:#537F92 !important; /* hover dark blue */
}
.event-notes {
    font-weight: 500;
    margin-top: 6px;
    padding-top:8px;
    border-top:1px solid #eaeaea;
}
.event-cancelled-title {
    font-size:20px;
    font-weight:600;
    line-height:1.2;
    padding-bottom:6px;
}
.event-cancelled-title:before {
    content: "\f06a"; /* fa-exclamation */
    font-family: 'FontAwesome';
    color: #CC0000;
    margin-right: 6px;
    font-size: 20px;
}
.event--image {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.event--image img {
    vetical-align: middle;
/*    border: 1px solid #ccc;
    padding: 2px; */
}