/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

html { height: 100%; min-height: 100%; position: relative; }
body { font-family: "helveneue"; min-height: 100%; position: relative; z-index: 0; }

a { color: #54C0E8; }

img {
  height: auto;
  max-width: 100%;
}

#header-wrapper { position: relative; z-index: auto; }

#topline { background: #2C3941; }

.region-topline .block .content { color: #ddd; text-transform: uppercase; font-size: 12px; line-height: 18px; }
.region-topline .block .content a { color: #eee; }

h1.page-header { border: 0 none; }

[class^="sr-only"] { display: none; }

.main-container { position: relative; z-index: 2; }

.page-content:before {
  display: table;
  content: " ";
}
.page-content:after {
  display: table;
  content: " ";
  clear: both;
}

.region-banner .block {
  z-index: -1;
}

.socialblue--sky .region-banner {
  position: relative;
  z-index: 1;
}

.socialblue--sky .gray-container {
  z-index: 1;
  padding-bottom: 40px;
}

.region-promo .block { margin-bottom: 30px; }

footer.footer a { color: #eee; }

#bottomline {
  background: #101820;
  padding: 22px 0 16px;
}
#bottomline a { text-decoration: underline; color: #FFF}

ul.menu--footer { list-style: none; margin: 0; padding: 0 0 0 5rem; }
ul.menu--footer > li { display: inline-block; padding: 0 15px; }
ul.menu--footer > li:first-of-type { padding-left: 0; }
ul.menu--footer > li:last-of-type { padding-right: 0; }

.footer-blocks {
  padding: 30px 15px 0;
}

#block-footeraddress .content {
  font-size: 18px;
  line-height: 30px;
}

#block-sociallinks .content h3 { font-weight: 600; margin: 0; line-height: 28px; }
ul.social-links { list-style: none; margin: 0; padding: 15px 0 0; }
ul.social-links > li { display: inline-block; padding: 0 10px; }
ul.social-links > li:first-of-type { padding-left: 0; }
ul.social-links > li a { display: block; color: #54C0E8; transition: color ease-out .25s; }
ul.social-links > li a:hover { color: #EEEEEE; }
ul.social-links > li a i { font-size: 42px; }

.poll .radio input[type="radio"] {
  margin: 0px;
}
.poll-view .field {
  margin-top: 10px;
}
.poll-view div.field--name-field-description {
  display: none;
}

.poll-view  form.showfield + div.field--name-field-description {
  display: block;
}

.tax-parent-left {
  float: left;
  margin-right: 5px;
}

.tax-parent-right-full {
  float: right;
  width: 100%;
}

.field--name-field-youtube .field--item {
  margin-bottom: 10px;
}

.navbar { position: static; }

@media (min-width: 992px) {

  .navbar .menu--account { margin-right: 0; }
}

.navbar-header {
  width: 100%;
}

#block-easl-account-menu {
  float: right;
  margin-top: 25px;
}
.path-search nav.tabs>ul.nav-tabs>li>a {
  background-color: #D3D3D3;
  color: #fff;
}
.path-search nav.tabs>ul.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
  color: #000;
}
.path-search nav.tabs>ul.nav-tabs>li.active>a {
  background-color: #A9A9A9;
  color: #fff;
}
.path-search nav.tabs>ul.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #000;
}

.view-forum-on-career-development h3 {
  font-weight: 300;
}

@media (min-width: 480px) {

  .footer-blocks .block { float: left; }
  #block-footeraddress .content { padding-bottom: 0; }

}
@media (min-width: 768px) {
  body { margin-top: 0; }


  #block-easl-footer { float: right; }
  #bottomline section.block { float: left; }
  footer.footer .logo { float: left; border-right: 1px solid rgba(255,255,255,.5); padding: 0px 15px 0px 0; }

  .footer-blocks { float: left; padding: 15px 25px 0; }

  ul.menu--footer { padding-left: 4rem; }

}
@media (min-width: 992px) {

  .region-promo { margin: 0 -15px; }
  .region-promo .block { float: left; width: 100%; padding: 0 15px 30px; margin-bottom: 0; }
  .region-promo.blocknum-2 .block { width: 50%; }
  .region-promo.blocknum-3 .block { width: 33.33333%; }
  .region-promo.blocknum-4 .block { width: 25%; }
  .region-promo .block h2.block-title { font-size: 22px; line-height: 28px; margin: 0; }

  #bottomline { font-size: 16px; }
  footer.footer .logo { padding-right: 45px; }

  .footer-blocks { padding: 15px 0 0 45px; }
  .footer-blocks .block { margin-right: 30px; }

}

/* ======== P a g e   t i t l e ======= */

.page-title-container { background-color: #54C0E8; color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; clear: both;}
.page-title-container.colour-preset-blue   { background-color: #005795; }
.page-title-container.colour-preset-lightblue { background-color: #5BC2E7; }
.page-title-container.colour-preset-orange { background-color: #EB6018; }
.page-title-container.colour-preset-brown  { background-color: #866D75; }
.page-title-container.colour-preset-red    { background-color: #DA1F4E; }
.page-title-container.colour-preset-green  { background-color: #00938F; }
.page-title-container.colour-preset-healthy-green  { background-color: #508541; }
.page-title-container.colour-preset-yellow { background-color: #F8BD3E; }

/* based on body class */
.colour-preset-blue   .page-title-container { background-color: #005795; }
.colour-preset-lightblue  .page-title-container{ background-color: #5BC2E7; }
.colour-preset-orange .page-title-container { background-color: #EB6018; }
.colour-preset-brown  .page-title-container { background-color: #866D75; }
.colour-preset-red    .page-title-container { background-color: #DA1F4E; }
.colour-preset-green  .page-title-container { background-color: #00938F; }
.colour-preset-healthy-green  .page-title-container { background-color: #508541; }
.colour-preset-yellow .page-title-container { background-color: #F8BD3E; }

/* based on webform category, see implementation in easl_quiz module */
.webform-colour-blue   .page-title-container { background-color: #005795; }
.webform-colour-orange .page-title-container { background-color: #EB6018; }
.webform-colour-brown  .page-title-container { background-color: #866D75; }
.webform-colour-red    .page-title-container { background-color: #DA1F4E; }
.webform-colour-green  .page-title-container { background-color: #00938F; }
.webform-colour-healthy_green  .page-title-container { background-color: #508541; }
.webform-colour-yellow .page-title-container { background-color: #F8BD3E; }

.page-title-container::before {
  display: block; content: ""; position: absolute; top: -50px; left: 0; height: 180px; width: 180px; opacity: 0.2;
  background-image: url(../images/easl-hex.png); background-repeat: no-repeat; background-size: cover; background-position: top right;
}

.page-title-container a { color: #fff; font-weight: 600; }
.page-title-container h1 { margin: 15px 0; padding: 0; font-weight: 300; font-size: 24px; line-height: 30px; }
.page-title-container .knowledge-area { margin: 10px 0; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 20px; }
.page-title-container .bookmark-link { margin: 10px 0; font-size: 14px; line-height: 20px; }

@media (min-width: 768px) {
  .page-title-container .inner-wrapper { position: relative; padding: 1rem 0 .5rem 0; }
  .page-title-container h1 { font-size: 28px; line-height: 36px; display: block; }
}

@media (min-width: 1200px) {
  .page-title-container h1 { font-size: 36px; line-height: 40px; }
}

/* ======== N o d e   p a g e =========*/

.path-node .full .field--name-body { margin: 15px 0 30px; font-size: 16px; }

/* ======== W e b c a s t   p a g e ========= */

.webcast-container { position: relative; }
.webcast-container a.download-webcast-file {
  display: block; color: transparent;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
}

.author-list { list-style: none; margin: 0 0 0 -20px; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.author-list li { flex: 1 0 calc(100% - 20px); padding: 10px; margin: 0 0 20px 20px; border-radius: 10px; box-shadow: 5px 5px 20px rgba(0,0,0,.25); position: relative; }
.author-list li .popup {
  display: none; position: absolute; top: 0; left: 0; z-index: 1;
  background-color: #FFFFFF; padding: 20px; box-shadow: 5px 5px 20px rgba(0,0,0,.25); border-radius: 10px;
}
.author-list li .popup .close { position: absolute; top: 15px; right: 15px; color: #5BC2E7; opacity: 0.8; }
.author-list li .popup .close:hover { opacity: 1; }
.author-list li .popup .close::before { display: block; content: "\f057"; font-family: "Font Awesome 5 Free"; font-weight: 400; }
.author-list li .popup .summary { font-size: 12px; line-height: 1.4; margin-top: 15px; text-align: left; }
.author-list li.active-popup .popup { display: block; }

.author-bio-tile { text-align: center; cursor: pointer; }
.author-bio-tile .author-image {
  display: inline-block; width: 150px; height: 150px; border-radius: 50%;
  background-position: center center; background-repeat: no-repeat; background-size: cover;
}
.author-bio-tile h4 { font-size: 22px; margin: 0; }

@media (min-width: 480px) {
  .author-list { position: relative; }
  .author-list li { flex: 1; position: static; }
  .author-list li .popup { left: 20px; right: 0; top: 60px; }
}

@media (min-width: 576px) {
  .node--course .course-banner { padding-bottom: 60%; }
  .author-list li .popup { left: calc(50% + 20px); right: auto; margin-left: -273px; width: 546px; top: 50%; margin-top: -100px; }
  .author-list li .popup .header { display: flex; align-items: center; }
  .author-list li .popup .author-image { width: 75px; height: 75px; }
  .author-list li .popup .info { text-align: left; padding-left: 24px; }
}

@media (min-width: 768px) {
  .node--course .course-banner { padding-bottom: 45%; }
}

@media (min-width: 992px) {
  .node--course .course-banner { margin: 0 0 15px; padding-bottom: 31.25%; border-radius: 10px; }
}

.easl-tabs { border-bottom: 1px solid #5BC2E7; }
.easl-tabs > li { width: 100%; }
.easl-tabs > li > a { color: inherit; border: 0 none; border-bottom: 6px solid #eee; }
.easl-tabs > li > a:hover,
.easl-tabs > li > a:focus { background-color: transparent; border: 0 none; border-bottom: 6px solid #eee; color: inherit; }

.easl-tabs > li.active > a,
.easl-tabs > li.active > a:hover,
.easl-tabs > li.active > a:focus {
  color: inherit; cursor: default; border: 0 none; border-bottom: 6px solid #004b87; font-weight: 700;
}

.panel-easl  { background-color: transparent; box-shadow: none; border-bottom: 1px solid #efefef; }
.panel-easl .panel-heading {  }
.panel-easl .panel-heading a { color: #5BC2E7; }
.panel-easl .panel-heading a:focus,
.panel-easl .panel-heading a:hover { text-decoration: none; }
.panel-easl .panel-heading + .panel-collapse > .panel-body,
.panel-easl .panel-heading + .panel-collapse > .list-group {
  border-top: 0 none;
}
.panel-easl .panel-title { padding: 0; }
.panel-easl .panel-title > a { display: block; padding: 10px 60px 10px 15px; position: relative; }
.panel-easl .panel-title > a::before { display: block; content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 7px; right: 10px; }
.panel-easl .panel-title > a.collapsed::before { content: "\f067"; }

@media (min-width: 360px) {
  .easl-tabs > li { width: 50%; }
}
@media (min-width: 576px) {
  .easl-tabs > li { width: 33.33333%; }
}
@media (min-width: 768px) {
  .easl-tabs > li { width: auto; }
  .easl-tabs > li > a,
  .easl-tabs > li > a:hover,
  .easl-tabs > li > a:focus { border: 0 none; border-bottom: 6px solid transparent; }
}

/* ======== V i e w s ========= */

@keyframes beacon {
  0% { opacity: 1; box-shadow: 0 0 10px rgba(0,0,0,0.75); }
  100% { opacity: 0; }
}

.view-knowledge-area .view-content::before, .view-knowledge-area .view-content::after { display: table; content: ""; }
.view-knowledge-area .view-content::after { clear: both; }

.view-knowledge-area .view-content .item { margin-bottom: 20px; }
.view-knowledge-area .view-content .colour-preset { border-width: 3px; border-style: solid; border-color: #ccc; }
.view-knowledge-area .view-content .item a { outline: none; position: relative; display: block; }
.view-knowledge-area .view-content .item a:hover { text-decoration: none; }
.view-knowledge-area .view-content .item a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; }
.view-knowledge-area .view-content .item a:hover::before { animation: beacon 1s ease-out; }
.view-knowledge-area .view-content .tile-header { position: relative; height: 220px; background-color: #ccc; }
.view-knowledge-area .view-content .tile-header .thumb {
  display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-repeat: no-repeat; background-size: cover; background-position: center center;
  filter: grayscale(1) opacity(.25) contrast(1.5);
}
.view-knowledge-area .view-content .colour-preset- .tile-header .thumb,
.view-knowledge-area .view-content .colour-preset-undefined .tile-header .thumb{
  filter: none;
}

.view-knowledge-area .view-content h3 {
  margin: 0; text-align: right; text-transform: uppercase; color: #fff;
  padding: 15px; width: 240px; font-size: 24px; line-height: 30px;
  position: absolute; right: 0; bottom: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.35);
}
.view-knowledge-area .view-content .intro {
  display: none; /* display: -webkit-box; */
  padding: 15px; color: #2C3941; text-decoration: none; font-size: 16px; line-height: 20px; height: 110px;
  overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}

.view-knowledge-area .view-content .colour-preset-blue { border-color: #005795; }
.view-knowledge-area .view-content .colour-preset-lightblue { border-color: #5BC2E7; }
.view-knowledge-area .view-content .colour-preset-orange { border-color: #EB6018; }
.view-knowledge-area .view-content .colour-preset-brown { border-color: #866D75; }
.view-knowledge-area .view-content .colour-preset-red { border-color: #DA1F4E; }
.view-knowledge-area .view-content .colour-preset-green { border-color: #00938F; }
.view-knowledge-area .view-content .colour-preset-healthy-green { border-color: #508541; }
.view-knowledge-area .view-content .colour-preset-yellow { border-color: #F8BD3E; }
.view-knowledge-area .view-content .colour-preset-blue   .tile-header { background-color: #005795; }
.view-knowledge-area .view-content .colour-preset-lightblue  .tile-header { background-color: #5BC2E7; }
.view-knowledge-area .view-content .colour-preset-orange .tile-header { background-color: #EB6018; }
.view-knowledge-area .view-content .colour-preset-brown  .tile-header { background-color: #866D75; }
.view-knowledge-area .view-content .colour-preset-red    .tile-header { background-color: #DA1F4E; }
.view-knowledge-area .view-content .colour-preset-green  .tile-header { background-color: #00938F; }
.view-knowledge-area .view-content .colour-preset-healthy-green  .tile-header { background-color: #508541; }
.view-knowledge-area .view-content .colour-preset-yellow .tile-header { background-color: #F8BD3E; }


@media (min-width: 576px) {
  .view-knowledge-area .view-content { margin: 0 -8px; }
  .view-knowledge-area .view-content .item { padding: 0 8px; width: 50%; float: left; }
}

@media (min-width: 992px) {
  .view-knowledge-area .view-content .item { width: 33.33333%; }
}

.view-fields .view-content::before, .view-fields .view-content::after { display: table; content: ""; }
.view-fields .view-content::after { clear: both; }

.view-fields .view-content .item { margin-bottom: 20px; text-align: center; }
.view-fields .view-content .item .image { display: inline-block; width: 128px; height: 128px; background-color: #54C0E8; border-radius: 64px; }
.view-fields .view-content .item .image::before { display: inline-block; content: ""; height: 128px; vertical-align: middle; }
.view-fields .view-content .item .image img { max-width: 50%; display: inline-block; vertical-align: middle; filter: grayscale(1) brightness(0); }
.view-fields .view-content .item a { transition: opacity 0.2s ease-out; }
.view-fields .view-content .item a:hover { text-decoration: none; opacity: .7; }
.view-fields .view-content .item h3 {
  display: block; margin: 10px auto 0; max-width: 240px; color: #54C0E8; font-weight: 600; font-size: 20px; line-height: 26px;
  height: 52px;
}

@media (min-width: 576px) {
  .view-fields .view-content { margin: 0 -8px; }
  .view-fields .view-content .item { padding: 0 8px; width: 50%; float: left; }
}

@media (min-width: 768px) {
  .view-fields .view-content .item { width: 25%; }
}

@media (min-width: 1200px) {
  .view-fields .view-content .item h3 { font-size: 24px; line-height: 30px; height: 60px; }
}

.tile { border: 1px solid #2C3941; position: relative; }
.tile > a { display: block; color: #2C3941; }
.tile > a:focus,
.tile > a:hover { text-decoration: none; }
.tile > a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; }
.tile > a:hover::before { animation: beacon 1s ease-out; }

.tile .knowledge-area { background-color: #005795; color: #fff; height: 50px; overflow: hidden; }
.tile .knowledge-area::before {
  display: inline-block; vertical-align: middle; height: 50px; width: 0; content: "";
}
.drupal-course .tile .knowledge-area { height: 100px; }
.drupal-course h4 { height: 75px; }

.tile .knowledge-area span {
  font-weight: 600; font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 8px 15px 6px;
  display: inline-block; vertical-align: middle;
}

.tile.session-tile .knowledge-area span { padding-right: 60px; }

.tile .knowledge-area .session-count {
  position: absolute; top: 0; right: 0; font-size: 13px; line-height: 30px; padding: 9px 15px;
}
.tile .knowledge-area .session-count::after {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f03d"; padding-left: 5px;
}

.tile .knowledge-area.colour-preset-blue    { background-color: #005795; }
.tile .knowledge-area.colour-preset-lightblue { background-color: #5BC2E7; }
.tile .knowledge-area.colour-preset-orange  { background-color: #EB6018; }
.tile .knowledge-area.colour-preset-brown   { background-color: #866D75; }
.tile .knowledge-area.colour-preset-red     { background-color: #DA1F4E; }
.tile .knowledge-area.colour-preset-green   { background-color: #00938F; }
.tile .knowledge-area.colour-preset-healthy-green   { background-color: #508541; }
.tile .knowledge-area.colour-preset-yellow  { background-color: #F8BD3E; }

.tile .webcast-container { background: #ccc; padding-bottom: 226px; position: relative; }
.tile .webcast,
.tile .webcastholder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.tile .thumb-container { background: #ccc; padding-bottom: 226px; position: relative; }
.tile .thumb {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #000;
  background-size: contain; background-position: center center; background-repeat: no-repeat;
}

.tile .info {
  height: 80px; overflow: hidden; margin: 5px 0; padding: 0 15px; font-size: 14px; line-height: 20px; font-weight: 400;
  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.tile .title { font-size: 16px; line-height: 20px; font-weight: 600; }

.tile .bookmark {
  position: absolute; z-index: 10; top: 40px; right: 10px; display: block; background: #fff; border-radius: 10px;
  font-size: 12px; line-height: 18px; padding: 2px 10px 0; font-weight: 600; box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
  max-width: 150px;
}

#block-quiz-category-tiles .colour-preset a::after {
  position: absolute; top: 10px; left: 10px; content: "";
  width: 84px; height: 100px; opacity: 0.75; filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));
  background: url("../images/quiz-icon.png") no-repeat;  background-size: contain;
}

@media (min-width: 1200px) {
  .tile .knowledge-area span { font-size: 16px; padding: 8px 15px 6px; }
}


.view-content-recent .item-list > ul { list-style: none; margin: 0 -8px; padding: 0 0 8px; }
.view-content-recent .item-list > ul::before, .view-content-recent .item-list > ul::after { display: table; content: ""; }
.view-content-recent .item-list > ul::after { clear: both; }
.view-content-recent .item-list > ul .item { margin: 0; padding: 8px; float: left; width: 100%; }
.view-content-recent .item-list > ul .item > a {
  background-image: url("../images/abstract.png"); background-size: cover; background-position: center left;
  background-color: #eee; display: block; height: 360px; position: relative; color: #fff;
}
.view-content-recent .item-list > ul .item > a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; }
.view-content-recent .item-list > ul .item > a:hover::before { animation: beacon 1s ease-out; }
.view-content-recent .item-list > ul .info {
  position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); padding: 15px;
  min-height: 105px;
}
.view-content-recent .item-list > ul .info h3 {
  margin: 0; font-size: 20px; line-height: 25px; font-weight: 600;
  max-height: 75px; overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}

@media (min-width: 768px) {
  .view-content-recent .item-list > ul .item { width: 50%; }
}

@media (min-width: 992px) {
  .view-content-recent .item-list > ul .item { width: 40%; }
  .view-content-recent .item-list > ul .item:nth-of-type(5n + 2) { width: 60%; }
  .view-content-recent .item-list > ul .item:nth-of-type(5n + 3) { width: 60%; }
}

.view-interested-in .item-list > ul { list-style: none; margin: 0 -8px; padding: 0 0 8px; }
.view-interested-in .item-list > ul::before, .view-interested-in .item-list > ul::after { display: table; content: ""; }
.view-interested-in .item-list > ul::after { clear: both; }
.view-interested-in .item-list > ul .item { margin: 0; padding: 8px; float: left; width: 100%; }
.view-interested-in .item-list > ul .item > a { display: block; height: 360px; position: relative; color: #fff; }
.view-interested-in .item-list > ul .item .thumb {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background-image: url("../images/abstract.png"); background-size: cover; background-position: center center;
  background-color: #eee; display: block;
}

.view-interested-in .item-list > ul .item > a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; }
.view-interested-in .item-list > ul .item > a:hover::before { animation: beacon 1s ease-out; }
.view-interested-in .item-list > ul .info {
  position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); padding: 15px;
  min-height: 105px;
}
.view-interested-in .item-list > ul .info h3 {
  margin: 0; font-size: 20px; line-height: 25px; font-weight: 600;
  max-height: 75px; overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}

@media (min-width: 768px) {
  .view-interested-in .item-list > ul .item { width: 50%; }
}

@media (min-width: 992px) {
  .view-interested-in .item-list > ul .item { width: 40%; }
  .view-interested-in .item-list > ul .item:nth-of-type(5n + 2) { width: 60%; }
  .view-interested-in .item-list > ul .item:nth-of-type(5n + 3) { width: 60%; }
}

.view-promoted-resources .item-list > ul { list-style: none; margin: 0 -15px; padding: 0; }
.view-promoted-resources .item-list > ul::before, .view-promoted-resources .item-list > ul::after { display: table; content: ""; }
.view-promoted-resources .item-list > ul::after { clear: both; }
.view-promoted-resources .item-list > ul .item { display: block; width: 100%; float: left; margin: 0; padding: 10px 15px; }
.view-promoted-resources .item-list > ul .item > a { display: block; position: relative; color: #2C3941; border: 1px solid #9EACAA; }
.view-promoted-resources .item-list > ul .item > a:hover { text-decoration: none; }
.view-promoted-resources .item-list > ul .item > a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; }
.view-promoted-resources .item-list > ul .item > a:hover::before { animation: beacon 1s ease-out; }
.view-promoted-resources .item-list > ul .item > a .thumb { padding-bottom: 33%; background-image: url("../images/abstract.png"); background-size: cover; background-position: center left; }
.view-promoted-resources .item-list > ul .item > a h3 {
  font-weight: 600; font-size: 16px; line-height: 20px; padding: 0 15px; margin: 10px 0; height: 60px;
  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}

@media (min-width: 480px) {
  .view-promoted-resources .item-list > ul .item > a .thumb { padding-bottom: 148px; }
}

@media (min-width: 768px) {
  .view-promoted-resources .item-list > ul .item { width: 50%; }
  .view-promoted-resources .item-list > ul .item > a .thumb { padding-bottom: 38%; }
  .view-promoted-resources .item-list > ul .item > a h3 { font-weight: 600; font-size: 14px; line-height: 16px; height: 48px; }
}

@media (min-width: 1200px) {
  .view-promoted-resources .item-list > ul .item > a .thumb { padding-bottom: 31%; }
}

.drupal-course .item {
  padding-bottom: 20px;
}
/* ======== Title for Company  ======== */

.company_image {
  bottom: 10px;
  position: relative;
  top: 0px;
}
@media (min-width: 768px) {
  .page-node-type-takeaway-article .company_image,
  .page-node-type-webcast-dynamic .company_image {
    top: -20px;
  }
  .company_image {
    margin-left: 40%;
    top: -40px;
  }
}

.view-cme-courses .view-header > h2 { font-size: 34px; line-height: 42px; color: #004b87; margin: 45px 0 30px; }
.view-cme-courses .view-content { display: flex; flex-wrap: wrap; margin: 0; clear: both; }
.view-cme-courses .views-row { flex: 0 0 100%; box-shadow: 5px 5px 45px rgba(0,0,0,.25); border-radius: 10px; margin: 0 0 20px; padding-bottom: 110px; position: relative; }
.view-cme-courses .tile--course { position: static; }
.view-cme-courses .tile--course .course-banner {
  height: 150px; border-radius: 10px 10px 0 0; position: relative;
  background-position: center center; background-size: cover;
}
.view-cme-courses .tile--course .course-banner .content {
  height: 50px; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(16,25,32,.5); color: #fff;
  display: flex; align-items: center;
}
.view-cme-courses .tile--course .course-banner .content h5 { margin: 0; font-size: 14px; line-height: 19px; padding: 0 10px; }
.view-cme-courses .tile--course h3 { font-size: 22px; line-height: 1.3; color: #004b87; margin: 0; padding: 10px; }

.view-cme-courses .tile--course .course-details { position: absolute; right: 0; bottom: 0; left: 0; padding: 10px; }
.view-cme-courses .tile--course .course-details .btn { width: 100%; }

.view-cme-courses .tile--course .course-details .content { padding: 8px 0; }
.view-cme-courses .tile--course .course-details .content .section {
  padding: 3px 0 3px 30px; position: relative; font-size: 14px; line-height: 19px; color: #979797;
  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.view-cme-courses .tile--course .course-details .content .section::before {
  display: block; content: ""; font-size: 20px; border-radius: 50%;
  position: absolute; top: 0; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 400;
}
.view-cme-courses .tile--course .course-details .content .section.duration::before { content: "\f017"; }
.view-cme-courses .tile--course .course-details .content .section.credits::before { content: "\f1b3"; font-weight: 700; }

.view-cme-courses .view-filters [type="submit"] { display: none; }
.view-cme-courses .view-filters .select-wrapper::after { color: #5BC2E7; right: 5px; }
.view-cme-courses .view-filters .select-wrapper select { border-radius: 25px; border-color: #5BC2E7; color: #004b87; }
.view-cme-courses .more-link { text-align: center; }
.view-cme-courses .more-link a {
  display: inline-block; padding: 12px 20px 8px; color: #5BC2E7; border: 2px solid #5BC2E7; background-color: #fff; border-radius: 6px;
  font-size: 18px; line-height: 1.333; position: relative;
}
.view-cme-courses .more-link a:focus,
.view-cme-courses .more-link a:hover {
  text-decoration: none; background-color: #f8f8f8;
}

@media (min-width: 576px) {
  .view-cme-courses .view-content { margin: 0 0 0 -20px; }
  .view-cme-courses .views-row { flex-basis: calc(50% - 20px); margin-left: 20px; }
}
@media (min-width: 992px) {
  .view-cme-courses .views-row { flex-basis: calc(33.33333% - 20px); }
}
@media (min-width: 1200px) {
  .view-cme-courses .view-header .course-list-banner .info { padding: 15px 50% 15px 90px; }
  .view-cme-courses .views-row { flex-basis: calc(25% - 20px); }
}

/* ======== T a x o n o m y   s e a r c h ======== */

.view-list-search-taxonomy .view-content::before, .view-list-search-taxonomy .view-content::after { display: table; content: ""; }
.view-list-search-taxonomy .view-content::after { clear: both; }
.view-list-search-taxonomy .view-content { padding-bottom: 30px; }
.view-list-search-taxonomy .view-content .item { text-align: center; border-radius: 5px; }
.view-list-search-taxonomy .view-content .item:hover { box-shadow: inset 0 0 20px rgba(0,0,0,.1); }
.view-list-search-taxonomy .view-content .item a:hover { text-decoration: none; }
.view-list-search-taxonomy .view-content .item h4 {
  color: #005795; font-weight: 600; font-size: 20px; margin: 30px 0 0; height: 48px;
  display: table-cell; vertical-align: middle;
}
.taxonomymenu .view-content .item h4 {
  color: #005795; font-weight: 600; font-size: 20px; margin: 30px 0 0; height: 57px;
  display: table-cell; vertical-align: middle;
}
.view-list-search-taxonomy .view-content .item .image-wrapper { height: 200px; }
.taxonomymenu .view-content .item .image-wrapper { height: auto;  }
.view-list-search-taxonomy .view-content .item .image-wrapper::before {
  height: 200px; width: 0; content: ""; display: inline-block; vertical-align: middle;
}
.taxonomymenu .view-content .item .image-wrapper::before {
  height: 0px; width: 0; content: ""; display: inline-block; vertical-align: middle;
}
.view-list-search-taxonomy .view-content .item .image-wrapper img {
  display: inline-block;
  max-width: 160px; max-height: 160px; width: auto; height: auto; vertical-align: middle;
}
.taxonomymenu .view-content .item .image-wrapper img {
  display: inline-block;
  width: auto; height: auto; vertical-align: middle;
  max-width: 100%; max-height: none;
  margin-bottom: 15px;
}

.view-takeaway-menu .view-content::before, .view-takeaway-menu .view-content::after { display: table; content: ""; }
.view-takeaway-menu .view-content::after { clear: both; }
.view-takeaway-menu .view-content { padding-bottom: 30px; }
.view-takeaway-menu .view-content .item { text-align: center; border-radius: 5px; }
.view-takeaway-menu .view-content .item:hover { box-shadow: inset 0 0 20px rgba(0,0,0,.1); }
.view-takeaway-menu .view-content .item a:hover { text-decoration: none; }
.view-takeaway-menu .view-content .item h4 {
  color: #005795; font-weight: 600; font-size: 20px; margin: 30px 0 0; height: 48px;
  display: table-cell; vertical-align: middle;
}
.view-takeaway-menu .view-content .item .image-wrapper {  }
.view-takeaway-menu .view-content .item .image-wrapper::before {
  width: 0; content: ""; display: inline-block; vertical-align: middle;
}
.view-takeaway-menu .view-content .item .image-wrapper img {
  display: inline-block;
  width: auto; height: auto; vertical-align: middle;
}

.view-list-industry .view-content::before, .view-list-industry .view-content::after { display: table; content: ""; }
.view-list-industry .view-content::after { clear: both; }
.view-list-industry .view-content { padding-bottom: 30px; }
.view-list-industry .view-content .item { text-align: center; border-radius: 5px; }
.view-list-industry .view-content .item:hover { box-shadow: inset 0 0 20px rgba(0,0,0,.1); }
.view-list-industry .view-content .item a:hover { text-decoration: none; }
.view-list-industry .view-content .item h4 {
  color: #005795; font-weight: 600; font-size: 20px; margin: 30px 0 0; height: 48px;
  display: table-cell; vertical-align: middle;
}
.view-list-industry .view-content .item .image-wrapper {  }
.view-list-industry .view-content .item .image-wrapper::before {
  width: 0; content: ""; display: inline-block; vertical-align: middle;
}
.view-list-industry .view-content .item .image-wrapper img {
  display: inline-block;
  width: auto; height: auto; vertical-align: middle;
  margin-bottom: 15px;
}

.taxonomy-breadcrumb { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.15); }
.taxonomy-breadcrumb .content { height: 75px; }
.taxonomy-breadcrumb .content::before { display: inline-block; content: ""; width: 1px; height: 75px; vertical-align: middle; }
.taxonomy-breadcrumb .content > * { display: inline-block; vertical-align: middle; }
.taxonomy-breadcrumb .content img { margin-right: 25px; max-height: 100%; }
.taxonomy-breadcrumb .content .section-label { font-size: 18px; font-weight: 600; max-width: 130px; color: #005795; line-height: 1.2; margin-right: 25px; }
.taxonomy-breadcrumb .content a.back-link { background: #005795; color: #eee; font-weight: 600; padding: 5px 15px 3px; border-radius: 3px; }
.taxonomy-breadcrumb .content a.back-link:focus,
.taxonomy-breadcrumb .content a.back-link:hover { text-decoration: none; background: #1474ba; color: #fff; }

.view-clinical-practice-guidelines-menu .thumb img {
  max-width: 100%;
  max-height: 100%;
}
.taxonomy-cpg .content .section-label {
  margin-left: 25px;
}
.taxonomy-cpg .content img {
  margin-right: 0px;
  filter: grayscale(1) opacity(.25) contrast(1.5);
}

.taxonomy-cpg .colour-preset-blue {
  background-color: #005795;
}
.taxonomy-cpg .colour-preset-lightblue {
  background-color: #5BC2E7;
}
.taxonomy-cpg .colour-preset-orange {
  background-color: #EB6018;
}
.taxonomy-cpg .colour-preset-brown {
  background-color: #866D75;
}
.taxonomy-cpg .colour-preset-red {
  background-color: #DA1F4E;
}
.taxonomy-cpg .colour-preset-green {
  background-color: #00938F;
}
.taxonomy-cpg .colour-preset-healthy-green {
  background-color: #508541;
}
.taxonomy-cpg .colour-preset-yellow {
  background-color: #F8BD3E;
}

/* ======== T a k e a w a y s ======== */

.view-takeaway-menu .view-content a { padding-bottom: 15px; display: block; }
.view-takeaway-menu .takeaway-tile { height: 175px; background-color: rgba(0,0,0,.25); position: relative; }
.view-takeaway-menu .takeaway-tile.colour-preset-blue    { background-color: #005795; }
.view-takeaway-menu .takeaway-tile.colour-preset-lightblue { background-color: #5BC2E7; }
.view-takeaway-menu .takeaway-tile.colour-preset-orange  { background-color: #EB6018; }
.view-takeaway-menu .takeaway-tile.colour-preset-brown   { background-color: #866D75; }
.view-takeaway-menu .takeaway-tile.colour-preset-red     { background-color: #DA1F4E; }
.view-takeaway-menu .takeaway-tile.colour-preset-green   { background-color: #00938F; }
.view-takeaway-menu .takeaway-tile.colour-preset-healthy-green { background-color: #508541; }
.view-takeaway-menu .takeaway-tile.colour-preset-yellow  { background-color: #F8BD3E; }

.view-takeaway-menu .takeaway-tile::before {
  content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;
  background-image: url(../images/easl-hex.png);
  background-repeat: no-repeat;
  background-size: 170px;
  background-position: -15px -40px;
  opacity: .2;
}

.view-takeaway-menu .takeaway-tile .inner-wrapper { position: absolute; z-index: 1; bottom: 0; right: 0; left: 0; }
.view-takeaway-menu .takeaway-tile .inner-wrapper h4 {
  color: #fff; text-align: right; text-transform: uppercase; padding: 8px;
  display: block; height: auto; margin: 0;
}

/* ======== S l i d e s h o w ============ */
.block-views-blockslideshow-block-1 { z-index: 0; position: relative; }
/*

.slick-slide .bg {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.slick-slide .bg .gr-overlay { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.slick-slide .content-wrapper {
  position: relative;
  padding: 22px; color: #fff;
}
.slick-slide h3 { margin: 10px 0; font-weight: 600; font-size: 30px; line-height: 38px; clear: both; }
.slick-slide .summary { font-size: 18px; font-weight: 300; line-height: 24px; margin: 10px 0; }
.slick-slide .readmore { margin: 15px 0 0; }

.slick-slide .ox-logo .content-wrapper h3::before {
  display: inline-block; content: ""; width: 60px; height: 70px;
  background-image: url(../images/oxford-cap.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  margin-right: 5px;
}

.slick-slide .livertree-logo.bg { background-position: center 85%; }
.slick-slide .livertree-logo .content-wrapper::before {
  display: inline-block; content: ""; width: 150px; height: 110px;
  background-image: url(../images/livertree-white.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  margin-right: 5px;
}

.slick-slide .quiz-logo.bg { background-position: right center; }
.slick-slide .quiz-logo .summary { padding-left: 80px; font-size: 32px; line-height: 1.1; }
.slick-slide .quiz-logo .readmore { padding-left: 80px; }
.slick-slide .quiz-logo .content-wrapper h3::before {
  display: inline-block; content: ""; width: 60px; height: 70px;
  background-image: url(../images/quiz-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  margin-right: 5px;
}

@media (min-width: 480px) {
  .slick-slide .bg { min-height: 320px; }
  .slick-slide .content-wrapper { position: absolute; padding: 30px; }
  .slick-slide .tl .content-wrapper { left: 0; right: 0; top: 0; text-align: left; }
  .slick-slide .tc .content-wrapper { left: 0; right: 0; top: 0; text-align: center; }
  .slick-slide .bl .content-wrapper { left: 0; right: 0; bottom: 0; text-align: left; }
  .slick-slide .bc .content-wrapper { left: 0; right: 0; bottom: 0; text-align: center; }
  .slick-slide .tr .content-wrapper { left: 0; right: 0; top: 0; text-align: right; }
  .slick-slide .br .content-wrapper { left: 0; right: 0; bottom: 0; text-align: right; }


  .slick-slide .type { font-size: 14px; line-height: 22px; margin: 50px 0; }
  .slick-slide h3 { margin: 15px 0; font-size: 44px; line-height: 52px; }
  .slick-slide .summary { margin: 15px 0; font-size: 24px; line-height: 28px; }
  .slick-slide .readmore { margin: 30px 0 0; }
  .slick-slide .readmore .btn { width: auto; padding-left: 40px; padding-right: 40px; }
}

@media (min-width: 768px) {
  .slick-slide .bg { min-height: 0; height: 360px; }
}

@media (min-width: 992px) {
  .slick-slide .quiz-logo .content-wrapper { padding: 50px 70px; }
}
*/

.easl-clear-both {
  clear: both;
}

.yi-blue           { color: #5BC2E7 !important; }
.heritage-blue     { color: #004B87 !important; }
.jhep-purple       { color: #523178 !important; }
.technical-black   { color: #101820 !important; }
.scientific-grey   { color: #A2ACAB !important; }
.live-red          { color: #EF3340 !important; }
.innovative-orange { color: #FF6720 !important; }
.healthy-green     { color: #508541 !important; }
.specialty-blue    { color: #004B87 !important; }
.specialty-brown   { color: #826B6A !important; }
.specialty-orange  { color: #FF6720 !important; }
.specialty-red     { color: #DB0B5B !important; }
.specialty-green   { color: #1A9586 !important; }
.specialty-yellow  { color: #FFBF3F !important; }



/* ======== R e c e n t l y   a c c e s s e d   b l o c k ========= */

.block .recently-read .item-list { background: #eee; border: 1px solid #ccc; padding: 5px; border-radius: 5px; }
.block .recently-read .item-list > ul { list-style: none; margin: 0; padding: 0; }
.block .recently-read .item-list > ul .item:nth-of-type(2n) { background: #fff; }
.block .recently-read .item-list > ul .item:last-of-type { border-bottom: 0 none; }

.block .recently-read .item-list a { display: block; font-size: 16px; line-height: 1.333333; font-weight: 500; margin: 0; padding: 15px 0 15px 60px; position: relative; }
.block .recently-read .item-list .type a::before {
  display: block; position: absolute; top: 50%; left: 15px; font-family: "Font Awesome 5 Free"; font-weight: 400;
  font-size: 24px; line-height: 24px; text-align: center; width: 32px; height: 24px; margin-top: -12px; content: "\f15b";
}

.block .recently-read .item-list .type-article a::before { content: "\f1ea"; font-weight: 900; }
.block .recently-read .item-list .type-page a::before { content: "\f05a"; font-weight: 900; }
.block .recently-read .item-list .type-easl_documents a::before { content: "\f15c"; }
.block .recently-read .item-list .type-Moodle a::before { content: "\f5da"; font-weight: 900; }
.block .recently-read .item-list .type-webcast_dynamic a::before { content: "\f108"; font-weight: 900; }

  /* ======== B o o k m a r k s   b l o c k ========= */

.block .my-bookmarks .item-list { background: #eee; border: 1px solid #ccc; padding: 5px; border-radius: 5px; }
.block .my-bookmarks .item-list > ul { list-style: none; margin: 0; padding: 0; }
.block .my-bookmarks .item-list > ul .item { border-bottom: 1px solid #ccc; }
.block .my-bookmarks .item-list > ul .item:last-of-type { border-bottom: 0 none; }
.block .my-bookmarks .item-list .flag-bookmark { float: right; width: 24px; height: 24px; overflow: hidden; margin: 12px 0 0 10px; }

.block .my-bookmarks .item-list .flag-bookmark > a { display: block; height: 24px; overflow: hidden; }
.block .my-bookmarks .item-list .flag-bookmark > a::before {
  display: block; content: "\f2ed"; font-family: "Font Awesome 5 Free" ; font-weight: 900;
  font-size: 15px; line-height: 24px; width: 24px; height: 24px; text-align: center;
}
.block .my-bookmarks .item-list .flag-bookmark.action-flag > a::before { content: "\f005"; }
.block .my-bookmarks .item-list .flag-bookmark.action-unflag > a::before { content: "\f2ed"; }
.block .my-bookmarks .item-list .flag-bookmark.flag-waiting > a { display: none; }


.block .my-bookmarks .item-list h3 { font-size: 16px; line-height: 1.333333; font-weight: 500; margin: 0; padding: 15px 0; }


/* ======== O t h e r   b l o c k s =========== */

.block-hero .ox-logo .content-wrapper h3::before {
  display: inline-block; content: ""; width: 60px; height: 70px;
  background-image: url(../images/oxford-cap.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  margin-right: 5px;
}

.block-hero .livertree-logo.bg { background-position: center 85%; height: 100px;}

.block-banner .quiz-icon .info h3::before {
  content: ""; max-width: 100%; width: 500px; height: 172px; opacity: 0.9;
  background: url("../images/06_EASL_Quiz_white_RGB.png") no-repeat;
  background-position: center center; background-size: contain; display: block; margin: 0 auto;
}

.block-banner .podcast-icon .info h3::before {
  content: ""; max-width: 100%; width: 560px; height: 180px; opacity: 0.9;
  background: url("../images/04_EASL_Studio_podcasts_white_RGB.png") no-repeat;
  background-position: center center; background-size: contain; display: inline-block;
}

.block-banner .easl-studio-icon .info h3::before {
  content: ""; max-width: 100%; width: 500px; height: 208px; opacity: 0.9;
  background: url("../images/03_EASL_Studio_white_RGB.png") no-repeat;
  background-position: center center; background-size: contain; display: block; margin: 0 auto;
}

.block-banner .podcast-icon-color .info h3::before {
  content: ""; max-width: 100%; width: 560px; height: 180px; opacity: 0.9;
  background: url("../images/04_EASL_Studio_podcasts_colour_CMYK.png") no-repeat;
  background-position: center center; background-size: contain; display: inline-block;
}

.block-banner .easl-studio-icon-color .info h3::before {
  content: ""; max-width: 100%; width: 500px; height: 208px; opacity: 0.9;
  background: url("../images/03_EASL_Studio_colour_CMYK.png") no-repeat;
  background-position: center center; background-size: contain; display: block; margin: 0 auto;
}

.block-banner .easl-policy-icon .info h3::before {
  content: ""; max-width: 100%; width: 500px; height: 210px; opacity: 0.9;
  background: url("../images/10_EASL_Policy_Dialogues_white_RGB.png") no-repeat;
  background-position: center center; background-size: contain; display: inline-block;
}

.block-banner .easl-nocolor::before{
  background: none;
}

.block-banner .bg.takeaways-logo { background-color: #113558; }

@media (min-width: 992px) {
  .block-banner .bg.takeaways-logo .info { text-align: center; padding: 0 30px; }
  .block-banner .bg.takeaways-logo .info::after {
    content: ""; display: inline-block; opacity: .85;
    width: 200px; height: 100px; margin-top: 10px;
    background-image: url(../images/takeaways-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

.easl-forum h3 {
  font-size: 20px;
}

.easl-forum .content {
  margin-left: 20px;
}
/* ======== S e a r c h ========= */

.easl-search { position: relative; padding-right: 0; margin-left: 15px; }
.easl-search form { position: relative; }

.easl-search form button {
  padding: 0;
  position: absolute;
  content: '';
  top: 5px;
  right: 5px;
  background-repeat: no-repeat;
  background-position: top;
  width: 38px;
  background-size: 35px;
  height: 38px;
  background-image: url(/themes/custom/easl/images/icons/search/search.svg);
}

#block-exposedformsolr-search-contentpage-1 .contextual { top: -1px; right: -20px; }

form[id^="views-exposed-form-solr-search-content"] { position: relative; }
form[id^="views-exposed-form-solr-search-content"].on-frontpage { top: 0; margin-bottom: 0; }
form[id^="views-exposed-form-solr-search-content"] .input-group { width: 100%; }
form[id^="views-exposed-form-solr-search-content"] .form-control {
  padding: 12px 40px 8px 16px;
  font-size: 18px;
  line-height: 1.333333;
  background: #FFFFFF;
  border: 1px solid #A2ACAB;
  border-radius: 23px;
  height: 46px;
}
form[id^="views-exposed-form-solr-search-content"] .input-group .form-control { border-radius: 6px; }
form[id^="views-exposed-form-solr-search-content"] .input-group .input-group-addon { display: none; }
form[id^="views-exposed-form-solr-search-content"] .form-actions { position: absolute; top: 90px; right: 0; z-index: 5; margin-top: 0; }
form[id^="views-exposed-form-solr-search-content"] .form-actions button[id^="edit-submit-solr-search-content"] {
  margin: 0; padding: 11px 14px; background: transparent;
  color: #999999; border: 0 none;
}
form[id^="views-exposed-form-solr-search-content"] .form-actions button[id^="edit-submit-solr-search-content"] .icon { font-size: 20px; }

form[id^="views-exposed-form-solr-search-content"] .form-actions button[id^="edit-reset"] {
  position: absolute; top: 48px; right: 0; margin-right: 0;
  font-size: 12px; font-weight: 600; padding: 3px 15px 2px; border-radius: 12px;
}
form[id^="views-exposed-form-solr-search-content"] .form-actions button[id^="edit-reset"] .icon { color: #54C0E8; }

.path-search .local-tasks-block {
  position: static;
}

/* ========= R e n d e r e d   f i e l d s ============ */

.field--label-inline .field--label { display: inline-block; min-width: 130px; }
.field--label-inline .field--items { display: inline-block; float: none; }
video { width: 100%; height: 100%; }
/* ========= I n p u t   f i e l d s =========== */

.input-lg { padding: 12px 16px 8px; font-size: 16px; }
.btn-lg { padding: 12px 20px 8px; }

input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
  line-height: 1.3333333;
}

.select-wrapper select { line-height: 1.2; }

select[multiple].input-lg { height: 225px; }
select[multiple].input-lg option { padding: 10px 5px 5px; }

/* ========= C h e c k b o x e s =========== */

input[type="checkbox"] { position: absolute; opacity: 0; z-index: 10; }
input[type="checkbox"] + label {
  position: relative; cursor: pointer; padding: 2px 0 0 30px;
  font-weight: 400; font-size: 16px;
}
input[type="checkbox"] + label::before {
  content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 9;
  width: 20px; height: 20px; border: 2px solid #999; background: white; border-radius: 2px;
}
input[type="checkbox"]:hover + label::before,
input[type="checkbox"]:focus + label::before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
input[type="checkbox"]:disabled + label { color: #b8b8b8; cursor: auto; }
input[type="checkbox"]:disabled + label::before { box-shadow: none; background: #ddd; }

input[type="checkbox"]:checked + label:after {
  content: ''; position: absolute; z-index: 10;
  left: 7px; top: 3px; width: 7px; height: 12px;
  border-width: 3px; border-style: none solid solid none; border-color: #45A2D0;
  transform: rotate(45deg);
}

/* ========= R a d i o s =========== */

input[type="radio"] { position: absolute; opacity: 0; z-index: 10; }
input[type="radio"] + label {
  position: relative; cursor: pointer; padding: 2px 0 0 30px;
  font-weight: 400; font-size: 16px;
}
input[type="radio"] + label::before {
  content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 9;
  width: 20px; height: 20px; border: 2px solid #999; background: white; border-radius: 9px;
}
input[type="radio"]:hover + label::before,
input[type="radio"]:focus + label::before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
input[type="radio"]:disabled + label { color: #b8b8b8; cursor: auto; }
input[type="radio"]:disabled + label::before { box-shadow: none; background: #ddd; }

input[type="radio"]:checked + label:after {
  content: ''; position: absolute; z-index: 10; left: 6px; top: 6px;
  width: 8px; height: 8px; background-color: #45A2D0; border-radius: 4px;
}

/* ========= S i d e b a r   c o n t e n t ========= */

aside .region-sidebar-first,
aside .region-sidebar-second { text-align: left; font-size: 2rem; line-height: 1.25; }
aside .region-sidebar-first .block h2.block-title { color: #54C0E8; font-size: 24px; font-weight: 600; border-bottom: 1px solid #54C0E8; margin: 20px 0; padding: 0 0 8px; }

ul.js-facets-widget { list-style: none; margin: 0; padding: 0; }
ul.js-facets-widget input[type="checkbox"] + label { font-size: 18px; padding: 2px 0 0 30px; }
ul.js-facets-widget input[type="checkbox"] + label .facet-item__count { font-size: 14px; }

/* ======== F o r m s ========= */

form .panel { border: 0 none; margin-bottom: 30px; }
form .panel > .panel-heading { margin: 0 0 30px 0 !important; background-color: transparent; box-shadow: inset 0 -1px 0 #2C3941; }
form .panel > .panel-body::before, form .panel > .panel-body::after { display: table; content: ""; }
form .panel > .panel-body::after { clear: both; }

form a.panel-title[data-toggle="collapse"] { position: relative; padding-left: 45px; font-size: 20px; }
form a.panel-title[data-toggle="collapse"]::before {
  content: "\f056"; font-family: "Font Awesome 5 Free"; display: block; font-weight: 900;
  position: absolute; top: 0; left: 0; font-size: 30px; color: #9EACAA;
}
form a.panel-title.collapsed[data-toggle="collapse"]::before { content: "\f055"; }

.form-actions { margin-top: 15px; }

.form-group::before, .form-group::after { display: table; content: ""; }
.form-group::after { clear: both; }

#user-login-form .login-help { padding-bottom: 15px; }

#user-register-form .info,
#aoe-container--description {
  padding-left: 30px; margin-bottom: 15px; position: relative; font-size: inherit; color: inherit;
}
#user-register-form .info::before,
#aoe-container--description::before {
  position: absolute; top: -6px; left: 0; color: #54C0E8; font-size: 20px;
  content: "\f05a"; font-family: "Font Awesome 5 Free"; display: block; font-weight: 900;
}

@media (min-width: 768px) {
  #user-register-form .panel > .panel-body > .form-wrapper,
  #user-register-form .panel > .panel-body > .form-item,
  #user-register-form .panel > .panel-body > #edit-account > .form-item,
  #user-register-form .panel > .panel-body > #subcats,
  #user-register-form .panel > .panel-body > #edit-account #edit-pass > .form-item { float: left; width: 50%; padding-right: 45px; }

  #user-register-form .panel > .panel-body > #edit-account > .form-item-mail { clear: both; }

  #user-register-form .panel > .panel-body > #edit-account { float: none; width: 100%; padding-right: 0; }
  #user-register-form .panel > .panel-body > #edit-account #edit-pass { float: left; width: 100%; padding-right: 0; }
  #user-register-form #edit-group-name > .panel-body > .form-wrapper { width: 33.33333%; }

  #user-form .panel > .panel-body > #edit-account > .form-item { width: 50%; padding-right: 45px; }
}

form.category-quiz .form-required::after { display: none; }
form.category-quiz input[type="checkbox"] + label,
form.category-quiz input[type="radio"] + label { font-size: inherit; }

form.webform-submission-add-form.category-quiz {
  margin: 5rem auto;
}

/* =========== C o l o r b o x ========== */

#cboxClose.cbox-close-plain {
  font-size: 22px; font-weight: 600; top: 16px; right: 12px;
  line-height: 21px;
}

/* =========== C o o k i e   p o p u p ============= */

#sliding-popup > div { padding-top: 15px; }

#sliding-popup .eu-cookie-compliance-message p { font-weight: 600; }
#sliding-popup .eu-cookie-compliance-message a { color: #54C0E8; }
#sliding-popup .eu-cookie-compliance-more-button { display: none; }

#popup-buttons button { transition: ease-out 0.25s; }

.eu-cookie-compliance-secondary-button {
  background: none transparent;
  padding: 7px 15px 3px;
  border: 1px solid #54C0E8;
  color: #54C0E8;
  text-transform: uppercase;
}
.eu-cookie-compliance-secondary-button:hover { border-color: #ffffff; color: #ffffff; }
.eu-cookie-compliance-secondary-button:active { position: relative; top: 1px; }

.eu-cookie-compliance-default-button {
  background: none #54C0E8;
  padding: 7px 15px 3px;
  border: 1px solid #54C0E8;
  color: #000000;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  font-weight: 400;
  font-family: helveneue;
}

.eu-cookie-compliance-default-button:hover { background: #ffffff; border-color: #ffffff; }

/* ============== T o u r ============ */


/* Default styles for the container */
.joyride-tip-guide {
  color: #fff;
  border-radius: 5px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .joyride-tip-guide {
    border-radius: 0;
  }
  .page-node-type-page .row article {
    padding: 0 10px;
  }
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
.joyride-tip-guide .joyride-nub {
  border: solid 14px rgba(0, 0, 0, 0.8);
}
.joyride-tip-guide .joyride-nub.top {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.joyride-tip-guide .joyride-nub.bottom {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.joyride-tip-guide .joyride-nub.right {
  border-top-color: transparent;
  border-right-color: transparent; /* LTR */
  border-bottom-color: transparent;
}
[dir="rtl"] .joyride-tip-guide .joyride-nub.right {
  border-right-color: rgba(0, 0, 0, 0.8);
  border-left-color: transparent;
}
.joyride-tip-guide .joyride-nub.left {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; /* LTR */
}
[dir="rtl"] .joyride-tip-guide .joyride-nub.left {
  border-right-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.8);
}
.joyride-tip-guide .joyride-nub.top-right {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

/* Typography */
.joyride-tip-guide h2 {
  color: #fff;
}
.joyride-tip-guide p {
  line-height: 1.385em;
}
.joyride-tip-guide a {
  color: #fff;
}

/* Button Style */
.joyride-tip-guide .joyride-next-tip {
  margin: 0;
}
.joyride-timer-indicator-wrap {
  border: solid 1px rgba(255, 255, 255, 0.1);
}
.joyride-timer-indicator {
  background: rgba(255, 255, 255, 0.25);
}

.joyride-close-tip {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.4em;
  font-weight: bold;
}
.joyride-close-tip:hover,
.joyride-close-tip:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}

.joyride-modal-bg {
  background: rgba(0, 0, 0, 0.5);
}

.joyride-expose-wrapper {
  background-color: #fff;
}

.joyride-expose-cover {
  background: transparent;
}

div[role=above_footer] {
  margin-top: 15px;
}

/* ============== M e n u   t i l e s ============ */

.field--name-field-menu-tile { display: flex; flex-wrap: wrap; }
.field--name-field-menu-tile .field--item { flex: 0 1 100%; border-radius: 5px; }
.field--name-field-menu-tile .field--item:hover { box-shadow: inset 0 0 20px rgba(0,0,0,.1); }

@media (min-width: 768px) {
  .field--name-field-menu-tile .field--item { flex-basis: 50%; }
}
@media (min-width: 992px) {
  .field--name-field-menu-tile .field--item { flex-basis: 33.33333%; }
}

.menu-tile { height: 0; padding-bottom: 65%; position: relative; }
.menu-tile a {
  position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; display: flex; justify-content: center; align-items: center;
  background-position: center center; background-size: cover; background-repeat: no-repeat; color: #fff;
}
.menu-tile a:focus,
.menu-tile a:hover { text-decoration: none; }
.menu-tile h3 { margin: 0; font-weight: 700; }

.menu-tile .colour-preset-blue      { background-color: #005795; }
.menu-tile .colour-preset-lightblue { background-color: #5BC2E7; }
.menu-tile .colour-preset-orange    { background-color: #EB6018; }
.menu-tile .colour-preset-brown     { background-color: #866D75; }
.menu-tile .colour-preset-red       { background-color: #DA1F4E; }
.menu-tile .colour-preset-green     { background-color: #00938F; }
.menu-tile .colour-preset-healthy-green { background-color: #508541; }
.menu-tile .colour-preset-yellow    { background-color: #F8BD3E; }
.menu-tile .colour-preset-purple    { background-color: #523178; }

/* ============== M i s c e l a n e o u s ============ */

.youtube-wrapper { position: relative; padding: 0 0 56.25%; /* 16:9 */ height: 0; }
.youtube-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.date-list-content ul.date-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.date-list-content ul.date-list > li {
  margin: 5px 0;
}

.date-list-content ul.date-list > li a {
  display: block;
  padding: 15px 30px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: inherit;
  transition: ease-out .2s;
}

.date-list-content ul.date-list > li a:hover {
  text-decoration: none;
  background-color: #e8e8e8;
}

.date-list-content ul.date-list > li h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0;
}

.date-list-content ul.date-list > li .subtitle {
  margin: 5px 0;
  font-size: 16px;
}

.date-list-content ul.date-list > li .published {
  margin: 5px 0;
  font-size: 14px;
  font-style: italic;
}

.date-list-content ul.date-list > li .published::before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  color: #999;
  font-style: normal;
  content: "\f073";
  padding-right: 5px;
}

.badge {
  border: 1px solid #000;
}

.badge {
  display: inline-block;
  padding: 0.6em 0.4em 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.badge--large {
  padding: 0 1em;
  font-size: 0.875rem;
  line-height: 2;
}

.badge__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.badge__icon {
  fill: #343434;
}

.badge__icon {
  width: 15px;
  height: 18px;
  padding: 0 1px;
}

.badge__icon ~ .badge__label {
  padding-left: 2px;
  font-weight: 400;
  font-size: 14px;
}

.badge__icon ~ .badge__label:first-of-type {
  padding-left: 4px;
}

@media (min-width: 600px) {
  .badge__label--description {
    display: inline;
    color: #777777;
  }
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.pt-0, .py-0 {
  padding-top: 0!important;
}
.pt-1, .py-1 {
  padding-top: 0.25rem!important;
}
.pt-2, .py-2 {
  padding-top: 0.5rem!important;
}
.pt-3, .py-3 {
  padding-top: 1rem!important;
}
.pt-4, .py-4 {
  padding-top: 1.5rem!important;
}
.pt-5, .py-5 {
  padding-top: 3rem!important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem!important;
}
.mt-1, .my-1 {
  margin-top: 0.25rem!important;
}
.mt-3, .my-3 {
  margin-top: 1rem!important;
}
.mt-4, .my-4 {
  margin-top: 1.5rem!important;
}
.mt-5, .my-5 {
  margin-top: 3rem!important;
}

.field--name-field-below-video img {
  height: auto;
}

.mr-3, .mx-3 {
  margin-right: 1rem!important;
}
.mr-4, .mx-4 {
  margin-right: 1.5rem!important;
}
.ml-0, .mx-0 {
  margin-left: 0!important;
}
.ml-1, .mx-1 {
  margin-left: 0.25rem!important;
}
.ml-2, .mx-2 {
  margin-left: 0.5rem!important;
}
.ml-3, .mx-3 {
  margin-left: 1rem!important;
}
.ml-4, .mx-4 {
  margin-left: 1.5rem!important;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem!important;
}
.mb-2, .my-2 {
  margin-bottom: 0.5rem!important;
}
.mb-3, .my-3 {
  margin-bottom: 1rem!important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem!important;
}
.mb-5, .my-5 {
  margin-bottom: 3rem!important;
}

.p-2 {
  padding: 0.5rem!important;
}
.p-1 {
  padding: 0.25rem!important;
}
.p-3 {
  padding: 1rem!important;
}
.p-4 {
  padding: 1.5rem!important;
}
.p-5 {
  padding: 3rem!important;
}

.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}

.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse!important;
  flex-direction: column-reverse!important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important;
}

.flex-row {
  -ms-flex-direction: row!important;
  flex-direction: row!important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
  }
}

.justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important;
}

.align-self-center {
  -ms-flex-item-align: center!important;
  align-self: center!important;
}

.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}

.justify-content-between {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}

.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
}

.flex-grow-1 {
  -ms-flex-positive: 1!important;
  flex-grow: 1!important;
}

.block-private-message-notification-block {
  float: right;
  margin-top: 1rem;
}

.dropdown-menu>li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.private-message-page-link {
  margin-left: 0.25rem;
}

.private-message-notification-wrapper.unread-threads .private-message-page-link {
  background-color: red;
}

.highlighter {
  display: none !important;
}


.gray-container {
  border-top: 2px solid #E5E5E5;
  background-color: #E5E5E5;
  padding-top: 1px;
  position: relative;
  z-index: 0;
}

.gray-container:before {
  /*content: " ";*/
  /*position: absolute;*/
  /*z-index: 1;*/
  /*top: 0;*/
  /*left: 0;*/
  /*height: 1px;*/
  /*width: 100%;*/
  /*border-top: 1px solid #004B87;*/
}

.gray-container .btn-link {
  width: 100%;
  text-align: left;
  font-size: 3rem;
  color: #5BC2E7;
  white-space: normal;
}
.gray-container .btn-link i {
  font-size: 2rem;
  font-weight: 100;
  color: #004B87;
  float: right;
}
.gray-container .btn:focus,
.gray-container .btn:active:focus,
.gray-container .btn-link:hover,
.gray-container .btn-link:focus {
  color: #5BC2E7;
  text-decoration: none;
  outline: none !important;
}
.gray-container .card-header {
  margin-bottom: 0;
}
.gray-container .collapse.show {
  display: block;
}
.gray-container .card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.gray-container .fa-caret-square-up {
  display: none;
}

.gray-container .fa-caret-square-down {
  display: inline-block;
}

.gray-container .collapsed .fa-caret-square-down {
  display: none;
}

.gray-container .collapsed .fa-caret-square-up {
  display: inline-block;
}

.no-border {
  border: none !important;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1.35rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  z-index: 999;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.region-siteinfo .btn {
  font-size: 1.5rem;
}

.view-groups .view-empty,
.view-topics .view-empty,
.view-group-members .view-empty,
.view-newest-groups .view-empty,
.view-latest-topics .view-empty {
  margin-top: 1rem;
  text-align: center;
}

.social-account-menu .badge {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  line-height: 0.7;
  border: 0.15rem solid white;
  font-size: smaller;
  vertical-align: baseline;
  padding-top: 6px;
  text-align: center;
}

.unread-threads .badge {
  color: white !important;
  background-color: red;
}

.view-activity-stream-notifications {
  padding: 0 1rem;
}

.view-activity-stream-notifications .media-left img {
  border-radius: 50%;
}

.hero .avatar img,
.stream-item .avatar img {
  width: 44px;
  height: 44px;
}

.form--post-create .filter-wrapper {
  display: none !important;
}

.page-node-type-page .paragraph--type--checklist,
.page-node-type-page .paragraph--type--formatted-content,
.page-node-type-page .paragraph--type--accordion {
  margin: auto;
  max-width: 1140px;
}

.shariff-button a {
  text-align: center !important;
}

.group-description {
  padding: 1rem 0;
  border-bottom: 1px solid lightgray;
  margin-bottom: 1rem;
}

.form-group:last-child .group-description {
  border-bottom: none;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .notification-bell>div.dropdown-menu.dropdown-menu-lg-right {
    margin-left: -140px;
    max-width: 375px;
  }
}

.notification-bell .dropdown-menu {
  padding: 0 15px;
}

.notification-bell .dropdown-item,
.notification-bell .dropdown-header {
  padding: 0;
}
.notification-bell .dropdown-item {
  margin: 5px 0;
}
.notification-bell .media-left {
  padding: 0;
}
.notification-bell .form-group {
  margin-bottom: 0;
}

.notification-bell .hero-avatar {
  border-radius: 50%;
  max-width: 3.5rem;
  max-height: 3.5rem;
}

.ui-dialog-titlebar-close {
  line-height: 1 !important;
  font-size: 2rem !important;
  border: none !important;
  background-color: transparent !important;
  margin-top: -13px !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.ui-dialog-titlebar-close:before {
  content: "\f057";
}

.node--unpublished__label {
  position: absolute;
  z-index: 9;
  width: 200px;
  height: 200px;
  background-color: rgba(255,255,255,0.7);
}

@media (max-width: 899px) {
  .btn--offcanvas-trigger svg.btn-icon {
    max-width: 2rem;
    max-height: 2rem;
    vertical-align: middle;
    margin-right: 0.5rem;
  }

  .offcanvas-tools svg.pull-left {
    max-width: 2rem;
    max-height: 2rem;
    vertical-align: middle;
  }

  .offcanvas-tools .btn-icon-toggle {
    padding: 0;
  }
  .off-canvas-right {
    -webkit-transform: translateX(80vw);
    transform: translateX(80vw);
    width: 80vw;
    padding-right: 5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.off-canvas {
  z-index: 999;
}

.form-item-vote .select-wrapper:after {
  display: none;
}

.fivestar-rating > div {
  display: block;
  text-align: center;
}

.indented {
  padding: 15px;
}

#CookiebotWidget {
  position: absolute !important;
}