/**
 * @file
 * Banners Styling
 *
 * For the front page.
 */
/**
 * Legacy IE support.
 */
/**
 * Font faces, stacks and sizes.
 */
/**
 * Colors, etc.
 */
/**
 * Partials to be shared with all .scss files.
 */
/**
 * Layout element mixins.
 */
/* The white box with grey border that surrounds most content. */
/* The grey box that surrounds content. */
/* The white box containing the main content. Has a green top border. */
/* Content inset into the white box */
/* Content inset on grey background */
/* Content on a lightgrey background with darker border ie left nav and right column of a normal page */
/* Button-like styling for inset box that sits at normal white box level. */
/* Button with a plus icon to the left. */
/* standard button across site. */
/**
 * Text element mixins.
 */
/**
 * Front page banner
 */
/* These are used for placing the text on the banner consistently. */
/* line 20, ../sass/banners.scss */
.view-banner-slideshow {
  max-width: 920px;
  min-width: 100px;
}
/* line 24, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: inline-block;
  z-index: 999;
  width: 90px;
}
/* line 30, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views-slideshow-controls-text-pause a {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  background: #343434 url(../images/svg/media-icons/pause-btn.svgz) no-repeat center center;
  background-size: 8px 9px;
  float: left;
  margin-right: 3px;
}
/* line 40, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views-slideshow-controls-text-pause a:hover {
  background: #008265 url(../images/svg/media-icons/pause-btn.svgz) no-repeat center center;
}
/* line 44, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views-slideshow-controls-text-pause .pause-toggled {
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  background: #343434 url(../images/svg/media-icons/play-btn.svgz) no-repeat center center;
  background-size: 6px 7px;
  float: left;
  margin-right: 3px;
}
/* line 53, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views-slideshow-controls-text-pause .pause-toggled:hover {
  background: #008265 url(../images/svg/media-icons/play-btn.svgz) no-repeat center center;
}
/* line 59, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views-slideshow-controls-text-next a {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background: #343434 url(../images/svg/media-icons/forward-btn.svgz) no-repeat center center;
  background-size: 8px 6px;
  margin-right: 0;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  float: left;
}
/* line 69, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views-slideshow-controls-text-next a:hover {
  background: #008265 url(../images/svg/media-icons/forward-btn.svgz) no-repeat center center;
}
/* line 75, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background: #343434 url(../images/svg/media-icons/back-btn.svgz) no-repeat center center;
  background-size: 8px 6px;
  margin-right: 3px;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  float: left;
}
/* line 85, ../sass/banners.scss */
.view-banner-slideshow .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a:hover {
  background: #008265 url(../images/svg/media-icons/back-btn.svgz) no-repeat center center;
}

/* new slideshow code for inside pages and megamenu */
/* line 95, ../sass/banners.scss */
.views-slideshow-controls-bottom {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: inline-block;
  z-index: 999;
  width: 90px;
}
/* line 101, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-previous a {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background: #343434 url(../images/svg/media-icons/back-btn.svgz) no-repeat center center;
  background-size: 8px 6px;
  margin-right: 3px;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -9999px;
  float: left;
}
/* line 111, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-previous a:hover {
  background: #008265 url(../images/svg/media-icons/back-btn.svgz) no-repeat center center;
}
/* line 117, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-pause a {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -9999px;
  background: #343434 url(../images/svg/media-icons/pause-btn.svgz) no-repeat center center;
  background-size: 8px 9px;
  float: left;
  margin-right: 3px;
}
/* line 127, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-pause a:hover {
  background: #008265 url(../images/svg/media-icons/pause-btn.svgz) no-repeat center center;
}
/* line 131, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-pause .pause-toggled {
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -9999px;
  background: #343434 url(../images/svg/media-icons/play-btn.svgz) no-repeat center center;
  background-size: 6px 7px;
  float: left;
  margin-right: 3px;
}
/* line 140, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-pause .pause-toggled:hover {
  background: #008265 url(../images/svg/media-icons/play-btn.svgz) no-repeat center center;
}
/* line 146, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-next a {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background: #343434 url(../images/svg/media-icons/forward-btn.svgz) no-repeat center center;
  background-size: 8px 6px;
  margin-right: 0;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -9999px;
  float: left;
}
/* line 156, ../sass/banners.scss */
.views-slideshow-controls-bottom .views-slideshow-controls-text-next a:hover {
  background: #008265 url(../images/svg/media-icons/forward-btn.svgz) no-repeat center center;
}

/* line 164, ../sass/banners.scss */
#page-slideshow-list.disable-pauseplay .flex-pauseplay {
  display: none;
}

/* Non views based slideshow styles */
/* line 170, ../sass/banners.scss */
#page-slideshow-list {
  max-width: 920px;
  min-width: 100px;
  border: none;
  /* overriding flexslider default styles.. */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
/* line 179, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav {
  position: absolute;
  left: 0px;
  bottom: 10px;
}
/* line 183, ../sass/banners.scss */
#page-slideshow-list .flex-pauseplay {
  position: absolute;
  left: 24px;
  bottom: 3px;
}
/* line 187, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav, #page-slideshow-list .flex-pauseplay {
  display: inline-block;
  z-index: 999;
  width: 90px;
}
/* line 192, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a, #page-slideshow-list .flex-pauseplay a {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  opacity: 1;
}
/* line 199, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-pause, #page-slideshow-list .flex-pauseplay a.flex-pause {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  background: #343434 url(../images/svg/media-icons/pause-btn.svgz) no-repeat center center;
  background-size: 6px 7px;
  float: left;
  margin-right: 3px;
}
/* line 209, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-pause:hover, #page-slideshow-list .flex-pauseplay a.flex-pause:hover {
  background: #008265 url(../images/svg/media-icons/pause-btn.svgz) no-repeat center center;
}
/* line 214, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-play, #page-slideshow-list .flex-pauseplay a.flex-play {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  background: #343434 url(../images/svg/media-icons/play-btn.svgz) no-repeat center center;
  background-size: 6px 7px;
  float: left;
  margin-right: 3px;
}
/* line 224, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-play:hover, #page-slideshow-list .flex-pauseplay a.flex-play:hover {
  background: #008265 url(../images/svg/media-icons/play-btn.svgz) no-repeat center center;
}
/* line 229, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-next, #page-slideshow-list .flex-pauseplay a.flex-next {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background: #343434 url(../images/svg/media-icons/forward-btn.svgz) no-repeat center center;
  right: 10px;
  text-align: left;
  background-size: 8px 6px;
  margin-right: 0;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  float: left;
}
/* line 240, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-next:hover, #page-slideshow-list .flex-pauseplay a.flex-next:hover {
  background: #008265 url(../images/svg/media-icons/forward-btn.svgz) no-repeat center center;
}
/* line 245, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-prev, #page-slideshow-list .flex-pauseplay a.flex-prev {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background: #343434 url(../images/svg/media-icons/back-btn.svgz) no-repeat center center;
  background-size: 8px 6px;
  margin-right: 3px;
  width: 22px;
  height: 22px;
  display: block;
  text-indent: -999px;
  float: left;
  left: 10px;
}
/* line 256, ../sass/banners.scss */
#page-slideshow-list .flex-direction-nav a.flex-prev:hover, #page-slideshow-list .flex-pauseplay a.flex-prev:hover {
  background: #008265 url(../images/svg/media-icons/back-btn.svgz) no-repeat center center;
}

/* Disabled the flexslider created pause button. We need it enabled in the flexslider settings for our ctools pane slideshow */
/* line 264, ../sass/banners.scss */
.flexslider .flex-pauseplay a.flex-pause, .flexslider .flex-pauseplay a.flex-play {
  display: none;
}

/* line 268, ../sass/banners.scss */
.pane-slideshow .flex-pauseplay a.flex-pause, .pane-slideshow .flex-pauseplay a.flex-play {
  display: block;
}

/* End of non-views based slideshow styles */
/* This is a display suite view mode */
/* line 278, ../sass/banners.scss */
.node-page.view-mode-banner, .node-basic-publication.view-mode-banner {
  position: relative;
}
/* line 280, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields, .node-page.view-mode-banner .field-group-format-wrapper, .node-basic-publication.view-mode-banner .group_banner_text_fields, .node-basic-publication.view-mode-banner .field-group-format-wrapper {
  width: 100%;
  bottom: 0;
  padding: 0 10px 50px 10px;
  box-sizing: border-box;
}
/* line 286, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields h3, .node-page.view-mode-banner .field-group-format-wrapper h3, .node-basic-publication.view-mode-banner .group_banner_text_fields h3, .node-basic-publication.view-mode-banner .field-group-format-wrapper h3 {
  max-width: 100%;
  font-size: 1.714em;
  color: #333333;
  margin-bottom: 5px;
  line-height: 1em;
}
/* line 292, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields h3 a, .node-page.view-mode-banner .field-group-format-wrapper h3 a, .node-basic-publication.view-mode-banner .group_banner_text_fields h3 a, .node-basic-publication.view-mode-banner .field-group-format-wrapper h3 a {
  color: #333333;
  text-decoration: none;
}
/* line 297, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields p.field-banner-header-text, .node-page.view-mode-banner .field-group-format-wrapper p.field-banner-header-text, .node-basic-publication.view-mode-banner .group_banner_text_fields p.field-banner-header-text, .node-basic-publication.view-mode-banner .field-group-format-wrapper p.field-banner-header-text {
  max-width: 100%;
  margin: 0;
  padding: 0;
  padding-left: 0;
  font-size: 1.714em;
  color: #333333;
  margin-bottom: 5px;
  line-height: 1em;
}
/* line 306, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields p.field-banner-header-text a, .node-page.view-mode-banner .field-group-format-wrapper p.field-banner-header-text a, .node-basic-publication.view-mode-banner .group_banner_text_fields p.field-banner-header-text a, .node-basic-publication.view-mode-banner .field-group-format-wrapper p.field-banner-header-text a {
  color: #333333;
  text-decoration: none;
}
/* line 311, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields .field-banner-caption-text, .node-page.view-mode-banner .field-group-format-wrapper .field-banner-caption-text, .node-basic-publication.view-mode-banner .group_banner_text_fields .field-banner-caption-text, .node-basic-publication.view-mode-banner .field-group-format-wrapper .field-banner-caption-text {
  max-width: 100%;
  padding-left: 0;
  font-size: 1em;
  line-height: 1.4em;
}
/* line 316, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields .field-banner-caption-text a, .node-page.view-mode-banner .field-group-format-wrapper .field-banner-caption-text a, .node-basic-publication.view-mode-banner .group_banner_text_fields .field-banner-caption-text a, .node-basic-publication.view-mode-banner .field-group-format-wrapper .field-banner-caption-text a {
  color: #505050;
  display: block;
}
/* line 319, ../sass/banners.scss */
.node-page.view-mode-banner .group_banner_text_fields .field-banner-caption-text a:hover, .node-page.view-mode-banner .field-group-format-wrapper .field-banner-caption-text a:hover, .node-basic-publication.view-mode-banner .group_banner_text_fields .field-banner-caption-text a:hover, .node-basic-publication.view-mode-banner .field-group-format-wrapper .field-banner-caption-text a:hover {
  text-decoration: none;
}

/**
 * Media queries.
 */
/* Small screen & tablet devices */
/* Mobile devices */
@media all and (max-width: 767px) {
  /* line 342, ../sass/banners.scss */
  .seed-flexible-content-first .views-slideshow-controls-bottom {
    bottom: 34px;
  }

  /* line 347, ../sass/banners.scss */
  .views-slideshow-controls-bottom {
    bottom: 10px;
  }

  /**
  *Width for homepage(front page) banner field text
  */
  /* line 355, ../sass/banners.scss */
  .home-page-slideshow .field-banner-caption-text {
    width: 100%;
  }
}