/* Mobile */
main[role="main"] {
  margin-top: 22px;
}

/* Tablet */
@media (min-width: 784px) and (max-width: 1024px) {
  main[role="main"] {
    margin-top: 30px;
  }
}

/* Desktop */
@media (min-width: 1025px) {
  main[role="main"] {
    margin-top: 0;
  }
}

#sliding-popup {
  width: 100%;
  font-size: 20px;
  padding: 20px 0;
}

#sliding-popup .popup-content {
  padding: 0px 12px;
  max-width: 1444px;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  #sliding-popup .popup-content {
    padding: 0px 150px;
  }
}

@media screen and (min-width: 1200px) {
  #sliding-popup .popup-content {
    padding: 0px 200px;
  }
}

@media screen and (min-width: 1470px) {
  #sliding-popup .popup-content {
    padding: 0;
  }
}

#sliding-popup .popup-content .eu-cookie-compliance-grid {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  text-align: left;
}

#sliding-popup .popup-content .eu-cookie-compliance-grid #popup-buttons {
  margin-left: 16px;
}

#sliding-popup
  .popup-content
  .eu-cookie-compliance-grid
  #popup-buttons
  .agree-button {
  background-color: rgb(107, 31, 153);
  border-radius: 4px;
  box-shadow: 5px 1px 30px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding: 14px 24px;
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.2s ease-in;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  color: #fff;
  font-family: "Montserrat", sans-serif;
}

#sliding-popup .popup-content p {
  margin-bottom: 0px;
}

#sliding-popup .popup-content p a {
  color: rgb(107, 31, 153);
}

@media screen and (min-width: 1200px) {
  .popup-content {
    padding: 0px 200px;
  }
}

@media screen and (min-width: 1024px) {
  .popup-content {
    padding: 0px 150px;
  }
}

.layout--twocol-section .layout__region.layout__region--first {
  padding-right: 15px;
}
/*this fixes easyreponsive bug with small images*/
img {
  width: 100%;
  transition: none;
}

#layout-builder-modal form {
  display: block;
}

.ui-dialog.media-library-widget-modal.ui-widget .ui-widget-content {
  height: 78% !important;
  max-height: none !important;
}

table, .table--default {
  display: table;
}

/* Alert banners */
/** The div with the class "alert-banner" is the container for the alert banner elements **/
.alert-banner {
  display: flex;
  flex-direction: row;
  height: 3.825em;
  justify-content: start;
  border-bottom: 0.03125rem solid rgba(107,31,153,1);
}

.alert-banner .icon {
  margin-left: 1em;
  margin-right: 1em;
}
.alert-banner .icon svg {
  height: 3.825em;
  /** change the background color from black to white **/
  fill: rgba(255,255,255,1);
}

.alert-banner-arrow {
  display: flex;
  position: relative;
  flex-direction: row;
  color: rgba(255,255,255,1);
  font-weight: 900;
  padding-right: 3rem;
}

[data-drupal-alert-severity="purple"] {
  background-color: rgba(107,31,153,1);
}

.alert-text::before {
  position: absolute;
}
/* creates alert banner arrow pointer */
.alert-text::after {
  content: "";
  position: absolute;
  right: -1rem;
  width: 0rem;
  display: inline-block;
}

.alert-text.purple::after {
  border-left: 1.6875em solid rgba(107,31,153,1);
}

.alert-text.blue::after {
  border-left: 1.6875em solid rgba(0,166,255,1);
}

.alert-text.yellow::after {
  border-left: 1.6875em solid rgba(231,157,12,1);
}

.alert-text.red::after {
  border-left: 1.6875em solid rgba(211,18,41,1);
}

.alert-text.black::after {
  border-left: 1.6875em solid rgba(35,35,35,1);
}

.alert-text {
  display: flex;
  flex-direction: column;
  justify-content: center;

}
.alert-banner > [data-drupal-alert-severity="blue"] {
  background-color: rgba(0,166,255,1);
}

.alert-banner > [data-drupal-alert-severity="black"] {
  background-color: rgba(35,35,35,1);
}

.alert-banner > [data-drupal-alert-severity="yellow"] {
  background-color: rgba(231,157,12,1);
}

.alert-banner > [data-drupal-alert-severity="red"] {
  background-color: rgba(211,18,41,1);
}

.alert-banner > [data-drupal-alert-icon] {
  display: inline;
  margin-left: 1rem;
  vertical-align: center;
  font-weight: 700;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.alert-link {
  display: flex;
}

.alert-link:hover {
  text-decoration: underline;
}

.link-icon {
  fill: rgba(107,31,153,1);
}

.link-icon svg {
  height: 1em;
  margin-top: 0.25em;
  margin-right: 0.25em;
}

/** Media queries for less than 1024px in width **/

@media (min-width: 300px) {
  .alert-banner {
    flex-direction: column;
    margin-top: 70px;
    border-bottom: none;
    text-align: center;
  }
  .alert-banner .icon svg {
    display: none;
  }
  .alert-banner-arrow,
  .link-text {
    font-size: 0.875rem;
    padding-top: 0.1rem;
    padding-bottom: 0.5rem;
  }
  .alert-arrow-text {
    text-wrap: balance;
  }
}
@media (min-width: 531px) {
  .alert-banner-arrow {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }
  .alert-arrow-text {
    text-wrap: balance;
  }
}

@media (min-width: 800px) {
  .alert-banner {
    flex-direction: row;
  }
  .alert-text::after {
    border-right: 1.6875em solid rgba(255,255,255,1);
    border-bottom: 2.15625em solid rgba(255,255,255,1);
    border-top: 2.18775em solid rgba(255,255,255,1);  
  }
}

@media (min-width: 825px) {
  .alert-banner {
    margin-top: 72px;
    flex-direction: row;
  }
  .alert-banner .icon svg {
    display: none;
  }
  .alert-banner-arrow,
  .link-text {
    font-size: 0.875rem;
  }
  .alert-text::after {
    border-right: 1.6875em solid rgba(255,255,255,1);
    border-bottom: 2.15625em solid rgba(255,255,255,1);
    border-top: 2.18775em solid rgba(255,255,255,1);  
  }
}
@media (min-width: 976px) {
  .alert-text::after {
    border-right: 1.8125em solid rgba(255,255,255,1);
    border-bottom: 2.15625em solid rgba(255,255,255,1);
    border-top: 2.28775em solid rgba(255,255,255,1);
  }
}
@media (min-width: 1024px) {
  .alert-banner {
    margin-top: 0px;
  }
  .alert-banner .icon svg {
    display: block;
    margin-top: -1em;
  }
  .alert-banner-arrow,
  .link-text {
    font-size: 1.125rem;
  }
  .alert-text::after {
    border-right: 1.8125em solid rgba(255,255,255,1);
    border-bottom: 1.75em solid rgba(255,255,255,1);
    border-top: 1.75em solid rgba(255,255,255,1);  
  }
  nav.main-navigation {
    top: 7.5rem;
  }
}
/**
::slotted([slot='flag']) {
  margin-bottom: 1.5rem;
  flex-shrink: 0;
  font-weight: 900;
}
@media (min-width: 768px) {

  ::slotted([slot='flag']) {
    margin-bottom: 0px;
  }

  ::slotted([slot='alerts']) {
    flex-grow: 1;
  }
}
;
**/