/* Front-end Admin styling */
/***********/
/* /global */
/***********/
/* Mixins used throughout the site */
/* mixins.sass */
/* Global sass mixins */
/* Modal window */
/* Modal window open */
/* Short content fix - keep the footer at the bottom */
/* Box Shadow */
/* Button */
/* Button Colors */
/* CSS transitions */
/* Icons */
/* Calculate Aspect Ratios */
/* Image Hover Effect */
/* Containers for items in standard article etc. */
/* Toggle Arrows */
/* Variables */
/* variables.sass */
/* All global variables and settings - this should be on every page!! */
/******* Viewport Widths *******/
/******* Spacing *******/
/******* Colors *******/
/* Variable formatting: $color[Description] */
/* Admin */
/* Forms */
/* Borders */
/* Icons */
/* Header */
/* Footer */
/* Front Page */
/* Advertorials */
/* Announcement */
/* Poll */
/* Game Details */
/* Reviews */
/* Image Galleries */
/* Scrollbars */
/* Modals */
/* Cover Gallery */
/* Summary Embeds */
/******* Images *******/
/******* Typography *******/
/* Font family stack */
/* Variable formatting: $font[Description] */
/* Common font sizes */
/* Common font weights */
/*****************/
/* /template */
/*****************/
/* Admin interface */
/* admin.sass */
/* Admin menu styling - such as log in and edit buttons.  Only for the front-end right now. */
/*************/
/* Styles */
/*************/
/* Move the top menu if the toolbar is open */
.toolbar li {
  margin: 0;
}

/* move the main content depending on toolbar position */
.toolbar-vertical .sticky {
  top: 120px;
}
@media screen and (max-width: 800px) {
  .toolbar-vertical .sticky {
    top: auto;
  }
}
.toolbar-vertical .top-bar {
  top: 48px;
}
.toolbar-vertical .slide-in {
  padding-top: 96px;
}
@media screen and (max-width: 800px) {
  .toolbar-vertical .header-hamburger {
    padding-top: 39px;
  }
}

.toolbar-horizontal .top-bar {
  top: 48px;
}
.toolbar-horizontal .slide-in {
  padding-top: 96px;
}
.toolbar-horizontal .sticky {
  top: 120px;
}
@media screen and (max-width: 800px) {
  .toolbar-horizontal .sticky {
    top: auto;
  }
}
.toolbar-horizontal.toolbar-tray-open .top-bar {
  top: 97px;
}
.toolbar-horizontal.toolbar-tray-open .slide-in {
  padding-top: 135px;
}
.toolbar-horizontal.toolbar-tray-open .sticky {
  top: 150px;
}

.toolbar-oriented .toolbar-bar {
  position: fixed;
}

.toolbar-hidden {
  padding-top: unset !important;
}
.toolbar-hidden.toolbar-vertical .top-bar, .toolbar-hidden.toolbar-horizontal .top-bar, .toolbar-hidden.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  top: 0;
  margin-left: 0;
}

.header-right-container .icon-hide {
  height: 2rem;
  width: 2rem;
  display: inline-block;
  margin: 0 0.5rem;
  text-indent: -9999px;
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  speak: none;
  margin: 0;
  mask-image: url("/themes/custom/gi5/includes/images/internal/eye-solid.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  background-color: #666666;
}
.header-right-container .icon-hide:hover {
  transition: all 0.3s ease;
}
.header-right-container .icon-hide.icon-toolbar-is-hidden {
  mask-image: url("/themes/custom/gi5/includes/images/internal/eye-slash-solid.svg");
}
@media screen and (max-width: 1150px) {
  .header-right-container .hide-toolbar-button-inline {
    width: 2rem;
    height: 6rem;
    position: absolute;
    top: 0;
    left: 2rem;
    z-index: 5;
    cursor: pointer;
    font-size: 1.7rem;
  }
  .header-right-container .hide-toolbar-button-inline .icon-hide {
    position: absolute;
    margin-top: 2.2rem;
  }
}

/* Header Menu */
#expanded-menu .block-local-tasks-block {
  background-color: #f6f6f6;
  padding: 10px;
  border-radius: 5px;
}

/* Hamburger menu admin block */
.block-local-tasks-block a:link, .block-local-tasks-block a:visited {
  color: black !important;
}
.block-local-tasks-block .tabs {
  font-family: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Menu account & edit buttons */
.field--name-dynamic-block-fieldnode-user-account-menu,
.field--name-dynamic-block-fieldnode-tabs,
.block-local-tasks-block, .content-tools {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.field--name-dynamic-block-fieldnode-user-account-menu h2,
.field--name-dynamic-block-fieldnode-tabs h2,
.block-local-tasks-block h2, .content-tools h2 {
  margin-bottom: 1rem;
  text-align: center;
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
}
.field--name-dynamic-block-fieldnode-user-account-menu ul,
.field--name-dynamic-block-fieldnode-tabs ul,
.block-local-tasks-block ul, .content-tools ul {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 0;
}
.field--name-dynamic-block-fieldnode-user-account-menu ul.tabs,
.field--name-dynamic-block-fieldnode-tabs ul.tabs,
.block-local-tasks-block ul.tabs, .content-tools ul.tabs {
  margin-bottom: 0;
}
.field--name-dynamic-block-fieldnode-user-account-menu ul li,
.field--name-dynamic-block-fieldnode-tabs ul li,
.block-local-tasks-block ul li, .content-tools ul li {
  margin: 0 0 7.5px;
  padding: 0;
  width: 100%;
}
.field--name-dynamic-block-fieldnode-user-account-menu ul li:last-of-type,
.field--name-dynamic-block-fieldnode-tabs ul li:last-of-type,
.block-local-tasks-block ul li:last-of-type, .content-tools ul li:last-of-type {
  margin-bottom: 0;
}
.layout-container .field--name-dynamic-block-fieldnode-user-account-menu ul a,
.layout-container .field--name-dynamic-block-fieldnode-tabs ul a,
.layout-container .block-local-tasks-block ul a, .layout-container .content-tools ul a {
  display: block;
  padding: 0.5rem 1rem;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  font-weight: 400;
  color: #000;
}
.layout-container .field--name-dynamic-block-fieldnode-user-account-menu ul a.is-active,
.layout-container .field--name-dynamic-block-fieldnode-tabs ul a.is-active,
.layout-container .block-local-tasks-block ul a.is-active, .layout-container .content-tools ul a.is-active {
  border-color: #3C59E0;
  color: #3C59E0;
  background-color: white;
}
.layout-container .field--name-dynamic-block-fieldnode-user-account-menu ul a:link, .layout-container .field--name-dynamic-block-fieldnode-user-account-menu ul a:visited,
.layout-container .field--name-dynamic-block-fieldnode-tabs ul a:link,
.layout-container .field--name-dynamic-block-fieldnode-tabs ul a:visited,
.layout-container .block-local-tasks-block ul a:link,
.layout-container .block-local-tasks-block ul a:visited, .layout-container .content-tools ul a:link, .layout-container .content-tools ul a:visited {
  color: #000;
}
.layout-container .field--name-dynamic-block-fieldnode-user-account-menu ul a:hover,
.layout-container .field--name-dynamic-block-fieldnode-tabs ul a:hover,
.layout-container .block-local-tasks-block ul a:hover, .layout-container .content-tools ul a:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}
.layout-container .field--name-dynamic-block-fieldnode-user-account-menu ul a:first-of-type,
.layout-container .field--name-dynamic-block-fieldnode-tabs ul a:first-of-type,
.layout-container .block-local-tasks-block ul a:first-of-type, .layout-container .content-tools ul a:first-of-type {
  margin-left: 0;
}
.layout-container .field--name-dynamic-block-fieldnode-user-account-menu ul a:last-of-type,
.layout-container .field--name-dynamic-block-fieldnode-tabs ul a:last-of-type,
.layout-container .block-local-tasks-block ul a:last-of-type, .layout-container .content-tools ul a:last-of-type {
  margin-right: 0;
}

.content-tools {
  background-color: #f6f6f6;
  padding: 1rem;
  border-radius: 5px;
  color: black !important;
}
.content-tools a:link, .content-tools a:visited {
  color: #4b4b4b !important;
}
.content-tools a:active, .content-tools a:hover {
  color: #717171 !important;
}
.content-tools a.button {
  color: white !important;
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
  margin-bottom: 1rem !important;
}
.content-tools table {
  background-color: transparent !important;
  border-color: #ccc !important;
  border: none !important;
  box-shadow: none !important;
}
.content-tools table tbody tr:nth-of-type(odd) {
  background-color: transparent !important;
}

/* Published status */
/* Unpublished */
.notice-unpublished {
  max-width: 770px;
  background-color: #ffffcc;
  border: 1px solid rgb(224.1155628, 156.7131876, 21.9084372);
  color: rgb(224.1155628, 156.7131876, 21.9084372);
  border-radius: 5px;
  margin: 0 auto 15px;
  padding: 15px;
  font-size: 1.4em;
  text-align: center;
}

.teaser.node--unpublished {
  background-color: #ffffcc;
}
.teaser.node--unpublished .page-title a {
  color: rgb(224.1155628, 156.7131876, 21.9084372);
}

/* Alert messages */
.messages {
  margin: 15px auto;
  max-width: 1400px;
  border-width: 1px;
  border-radius: 5px;
  line-height: 1.2;
  padding: 15px 15px 15px 30px;
  font-size: 1em;
  font-family: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.messages--status {
  color: rgb(77.35, 143.65, 77.35);
  background-color: #ddffdd;
  border-color: #99dd99;
  box-shadow: none;
}

.messages--error {
  color: rgb(233.0067872, 30.0172128, 97.6804042667);
  background-color: #ffdddd;
  border-color: rgb(233.0067872, 30.0172128, 97.6804042667);
  box-shadow: none;
}

.messages--warning {
  color: rgb(224.1155628, 156.7131876, 21.9084372);
  background-color: #ffffcc;
  border-color: rgb(224.1155628, 156.7131876, 21.9084372);
  box-shadow: none;
}

.messages--alert {
  background-color: #ffffcc;
  background-color: rgb(24.9646017699, 48.3185840708, 157.0353982301);
  border-color: rgb(224.1155628, 156.7131876, 21.9084372);
  border-color: #dbdbdb;
  color: rgb(224.1155628, 156.7131876, 21.9084372);
  color: white;
  padding: 15px;
}
.messages--alert .field--name-body *:first-child {
  margin-top: 0;
}
.messages--alert .field--name-body *:last-child {
  margin-bottom: 0;
}

/* Preview Content view settings */
.node-preview-container {
  background-color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 1.6em;
  border-top: #ccc solid 1px;
}
.node-preview-container .form-type-select {
  margin-left: 0;
  margin: 0;
  flex: 1;
  text-align: right;
}
@media only screen and (min-width: 36em) {
  .node-preview-container .form-type-select {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .node-preview-container .form-type-select {
    margin-bottom: 15px;
  }
}
.node-preview-container a {
  font-weight: 700;
  text-decoration: none;
}

.node-preview-form-select {
  margin: 0 auto;
  max-width: 1400px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .node-preview-form-select {
    flex-direction: column-reverse;
  }
}
.node-preview-form-select .node-preview-backlink {
  padding: 10px;
  display: inline-block;
  border: none;
  border-bottom: none;
  background-color: #3C59E0;
  color: white;
  font-size: 0.9em;
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.node-preview-form-select .node-preview-backlink:link, .node-preview-form-select .node-preview-backlink:visited, .node-preview-form-select .node-preview-backlink:hover, .node-preview-form-select .node-preview-backlink:active {
  color: white;
  box-shadow: none;
  border: none;
  background-image: none;
}
.node-preview-form-select .node-preview-backlink:hover, .node-preview-form-select .node-preview-backlink:active {
  background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
}
.node-preview-form-select .node-preview-backlink:focus {
  background-color: rgb(148.0088495575, 163.9203539823, 237.9911504425);
  color: white;
  border: none;
  box-shadow: none;
  background-image: none;
}
@media screen and (max-width: 800px) {
  .node-preview-form-select .node-preview-backlink {
    margin-bottom: 15px;
  }
}

#toolbar-administration {
  font-size: 1.6rem;
}

.toolbar {
  font-family: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.toolbar li {
  margin: 0;
}
.toolbar .toolbar-bar {
  background-color: #4b4b4b;
}
.toolbar .toolbar-bar .toolbar-item {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 1.6rem;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
  font-weight: 400;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
  background-image: none;
  background-color: #3C59E0;
}
.toolbar .toolbar-icon.toolbar-handle:focus {
  background-color: transparent;
}
.toolbar .toolbar-tray a {
  color: #4b4b4b;
}
.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a, .toolbar .toolbar-tray a.is-active {
  text-decoration: none;
  font-weight: normal;
}
.toolbar .toolbar-tray a.is-active, .toolbar .toolbar-tray .menu-item--active {
  background-color: rgb(236.017699115, 238.8407079646, 251.982300885);
}

.toolbar-oriented .toolbar-tray-vertical {
  width: 25rem;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  margin-left: 25rem;
}