/* 	
  Custom overrides go here.
*/

/*
 * Override typygraphy+colors.css
 * Set H2-3-4-5 sizes on section pages
 */
.node-type-section article.article h1 {
  font-size: 2.52206em;
}

.node-type-section section.col-section.body h2 {
  font-size: 1.6em;
  line-height: 1.2em;
}

.node-type-section section.col-section.body h3 {
  font-size: 1.4em;
  line-height: 1.2em;
}

.node-type-section section.col-section.body h4 {
  font-size: 1.3em;
}

.node-type-section section.col-section.body h5 {
  font-size: 1em;
  font-weight: bold;
}

/*
 * Override components.css
 * Do not truncate and do not provide ellipse using css
 * Truncating should be done by Drupal.
 */
.excerpt__medium-tile p {
  overflow: auto;
  margin-bottom: inherit;
  max-height: inherit;
}

.excerpt__big-tile p {
  overflow: auto;
  margin-bottom: inherit;
  max-height: inherit;
}

.excerpt__medium-tile p::after,
.excerpt__big-tile p::after
{
  content: none;
}

/*
 * Styling for sidebar menu on MGov template
 */
aside ul.menu {
  margin-left: 0;
}

aside ul.menu li.leaf {
  list-style-image: none;
  list-style-type: none;
  margin-bottom: 1em;
}

/*
 * Pager styling
 */
ul.pager {
  border-top: solid #eee 1px;
  margin-left: 0;
  padding-top: 0.5em;
}

ul.pager li {
  display: inline;
  font-size: 0.9em;
  list-style-type: none;
}

ul.pager li a {
  color: #364652;

}

ul.pager li a:hover {
  text-decoration: underline;
}

/* Undo style injected by system.theme.css */	
.global-search .form-item {
  margin-top: auto;	
}

/*
 * System / admin style overrides.
 */
#panelizer-save-default,
#edit-save-default {
  display: none;	
}

/* Required to make the tabs appear correctly (TODO: integrate in lbhf.css */
ul.tabs.primary {
  margin: 0 0 1em 0;
  padding: 0.5em;
}

ul.tabs.primary li {
  border-right: solid #fff 1px;
}


/* Push article header down to stop it flowing over the tabs */
.node-type-article .pane-page-tabs {
  margin-bottom: 5em;
}

div.messages {
  margin-bottom: 1.5em;
}

/**
 * Add margin left to time tag in index_listing display.
 */
.metas__articles-index-listing time {
  margin-left: 0.3em;
}

/**
 * Fix width of the search button in the events results.
 */
.events-results-widget input[type=submit] {
  width: 100%;
}

/*
 * Reduce the width of the icons in events results page.
*/

.events-results-list .i__events::before {
  font-size: 3.5em;
}

/**
 * Add margin-bottom to third column panes when users are logged in.
 */
.lbhf-ipe-last-column .panels-ipe-portlet-wrapper {
  margin-bottom: 3em;
}

/**
 * Add some margin/padding/styling around images and image captions in articles/sections.
 */
 .media-element-container {
   margin-bottom: 2em;
 }

/**
 * Delete underline hover the media elements as images with captions.
 */
.media-element-container a:hover {
  text-decoration:none
}

 /* handle float: right */
 .media-element-container .file-image.float-right {
   float: right;
 }

.media-element-container .file-image.float-right img {
  margin-left: 1.4em;
  }

  /* Ensure caption left-aligns with image when img+caption float right. */
  .media-element-container .file-image.float-right .field-name-field-file-image-caption-text {
    margin-left: 2.2em;
  }

  /* handle float: left */
  .media-element-container .file-image.float-left {
    float: left;
  }

 .media-element-container .file-image.float-left img {
   margin-right: 1.4em;
   }

   /* Ensure first p tag after inline image has top margin (stop paragraphs from sticking together) */
 /*.media-element-container + p {
   margin-top: 1.5em;
 }*/

.field-name-field-file-image-caption-text {
  color: #6f8290; /* @txt-color-light */
  font-size: 0.73465em; /* @xsmall */
  padding-left: 2px;
}

.field-name-field-file-image-caption-text span.icon-photo {
  font-size: 1.5em;
  vertical-align: sub;
}


/**
 * Fix some field on search event results page.
 */
.events-results-widget .form-item-field-event-category-tid {
  margin-top:0;
}

.events-results-widget .form-item-field-event-category-tid .description {
  display:none;
}

input[type="submit"].form-button-disabled,
input[type="submit"].form-button-disabled:hover {
  background-color: #ebebeb !important;
  border-color: #ebebeb !important;
  color: #6f8290 !important;
}

/**
 * Override breadcrumb region bgcolor.
 */
.breadcrumb {
  background-color: #d92644 !important;
}

/** keep admin menu always visible */
body #admin-menu {
  display: block;
}

/* Set max width to attachments and disqus panes */
div.field-name-field-article-attachments,
div.field-name-field-section-attachments,
div.pane-node-disqus {
  max-width: 90%;
}

div.pane-node-disqus {
  border-bottom: 2px solid #ebebeb !important;
}

article.article {
  border-bottom: 2px solid #ffffff !important;
}

.panels-ipe-portlet-content .col-section.share {
  margin-bottom: 3em;
}

figure a > .figcap__body {
  display: inline-block;
}

#disqus_thread {
  max-width: 90%;
}


.i__body-accordion > br {
  display: none;
}

.lbhf-fire-checks-search-results {
  border-top: solid #ebebeb 1px;
  margin-top: 2em;
  padding-top: 2em;
}

ul.lbhf-nude-padded li {
  list-style-type: none;
  list-style-image: none;
  padding-top: 0.5em;
}

/* Override css from date.css. */
.form-item {
  margin-top: 1em;
}

.container-inline-date .form-item {
  margin: 0.4em 0;
}

.webform-container-inline select {
  width: initial;
  min-width: initial;
  max-width: initial;
}
