/**
 * 
 *    THIS IS PART OF THE DRUPAL SHELL TEMPLATE THEMING
 * 
 * 
 *    DO NOT EDIT THIS FILE per individual site
 * 
 * 
 * @file
 * Subtheme specific CSS.
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~ GENERAL ~~~~~~~~~~~~~~~~~~~~~~~ */
.main-content article {
  /* If main body text is too long it won't wrap and it will push the main body below the left sidebar without this tweak */
  word-break: break-word;
}
/*~~~~~ BLOCKQUOTES ~~~~~*/
caption {
  text-align: left; /*needed in ckeditor*/
  /* overwrite _reboot.scss */

  caption-side: top;
}
/*~~~~~ BLOCKQUOTES ~~~~~*/
blockquote {
  padding-left: 1em;
  /* overwrite _reboot.scss */
  margin: 2em 0 2em 3em;
  border-left: 15px solid #055a8e;
}
/*~~~~~ ACCORDIONS ~~~~~*/
dl.ckeditor-accordion,
.ckeditor-accordion-container {
  clear: both;
}
/*~~~~~ TABLES ~~~~~*/
table * {
  /* Do not let table celss break on word */
  word-break: initial;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~ CONTAINER ~~~~~~~~~~~~~~~~~~~~~~~ */
@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }
}
/*~~~~~~~~~~~~~~~~~~~~~~ WORKFLOW/WORKBENCH/MODERATION STATES ~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~ WORKBENCH ~~~~~*/
.menu-item-all-files-and-media .toolbar-icon::before {
  background-image: url(../images/workbench-icon-files-media.svg);
}
.menu-item-archived-content .toolbar-icon::before {
  background-image: url(../images/workbench-icon-archive-content.svg);
}
.menu-item-edit-menus .toolbar-icon::before {
  background-image: url(../images/workbench-icon-edit-menu.svg);
}
/*~~~~~ MODERATION ~~~~~*/
.entity-moderation-form {
  align-items: center;
  padding: .5em .5em 0;
  padding: .5em;
  margin: 0 0 1em;
  margin-bottom: 0;
  background: #dce8ef;
  border: none;
}
.entity-moderation-form fieldset#edit-current .fieldset-content {
  display: flex;
  padding: .375rem .75rem;
  padding: 0 !important;
  font-weight: bold;
  background: #fff;
  background: none !important;
  border: 1px solid #ced4da;
  border: 0 !important;
  border-radius: .25rem;
  border-radius: 0 !important;
}
.entity-moderation-form input {
  height: auto;
  padding: 0;
  border-color: #444;
  border-radius: 0;
}
.entity-moderation-form label {
  display: block;
}
.entity-moderation-form button[type=submit] {
  margin-bottom: 1em;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.entity-moderation-form button[type=submit]:focus,
.entity-moderation-form button[type=submit].focus {
  box-shadow: 0 0 0 .2rem rgb(49 132 253 / 50%);
}
.entity-moderation-form button[type=submit]:hover,
.entity-moderation-form button[type=submit]:focus {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
}
/*~~~~~~~~~~~~~~~~~~~~~~ ADMIN TOOLBAR ~~~~~~~~~~~~~~~~~~~~~*/
.editor-user-role .toolbar-menu .menu-item-configuration,
.editor-user-role [data-link-title="Manage"] {
  /* hide configuration admin menu item from the admin toolbar */
  display: none !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~ MEDIA ~~~~~~~~~~~~~~~~~~~~~~~ */
img {
  max-width: 100%;
}
.align-center {
  text-align: center;
}
.node .field--type-image {
  float: none !important;
  margin: 0 !important;
}
.align-right {
  margin: 0 0 1em 1em;
}
.align-left {
  margin: 0 1em 1em 0;
}
/* ~~~~~ IMAGE SIZES ~~~~~ */
[media-view-mode="full_page_width_size_image"] {
  float: none;
  display: block;
  max-width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
[media-view-mode="extra_large_size_image"] {
  max-width: 600px;
}
[media-view-mode="large_size_image"] {
  max-width: 450px;
}
[media-view-mode="medium_size_image"] {
  max-width: 300px;
}
[media-view-mode="small_size_image"] {
  max-width: 175px;
}
[media-view-mode="thumbnail_size_image"] {
  max-width: 100px;
}
/* ~~~~~ FIGURES ~~~~~ */
/*fixes issue with RWD remote video inside a figure*/
.caption.caption-drupal-media {
  display: block;
}
.caption.caption-drupal-media figcaption {
  display: table-cell;
}
/* ~~~~~ DOCUMENT ~~~~~ */
.file {
  min-height: unset;
  padding-left: 0;
  background: none;
}
.embedded-entity .file,
.embedded-entity .field.field--name-field-media-document,
.cke_widget_drupalentityinline {
  display: inline !important;
}
/* ~~~~~ RWD MEDIA ~~~~~ */
[media-type-name~="remote-video"],
video,
audio {
  overflow: hidden;
  max-width: 100%;
}
[media-type-name~="remote-video"],
video {
  height: auto;
}
audio,
twitter-widget {
  width: 100% !important;
  /* allow media to go down to the smallest view mode available */
  min-width: 100px !important;
}
.EmbeddedTweet {
  max-width: none !important;
}
/* ~~~~~ REMOTE VIDEO & VIDEO MEDIA TYPES ~~~~~ */
/* make mebedded youtube iframes RWD */
[media-type-name~="remote-video"] {
  position: relative;
  overflow: hidden;
  min-width: 100px;
  height: 0;
  padding-bottom: 56.25%;
}
[media-type-name~="remote-video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ LOGO ~~~~~ */
#navbar-top {
  background-color: #fff;
}
.navbar-brand img {
  height: 54px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~ RIBBON ~~~~~~~~~~~~~~~~~~~~~~~ */
.ribbon {
  padding: 7px 0;
  font-size: 18px;
  background-color: #055a8e;
}
.ribbon * {
  color: #fff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~ SUPERFISH MENUS (TopNav, SideNav, FooterNav) ~~~~~~~~~~~~~~~~~~~~~~~ */
.sf-hidden {
  display: none;
}
#navbar-main {
  background-color: #4a4a4a;
}
#navbar-main .container {
  display: block;
}
#navbar-main .menuparent ul {
  background: #fff;
}
#navbar-main .sf-depth-1 a.sf-depth-1 {
  color: #fff;
}
#navbar-main .sf-depth-1 ul a.sf-depth-1 {
  color: #0071b3;
}
#navbar-main .sf-depth-1 a.is-active {
  color: #444;
  text-decoration: none;
  background: #fff;
}
#navbar-main .sf-depth-1.active-trail ul a.is-active,
#navbar-main .sf-depth-1.active-trail ol a.is-active {
  background: #f6f6f2;
}
/* Basic SuperFish */
.block-superfish .sf-menu {
  position: relative;
}
.block-superfish ul ul .menuparent {
  color: inherit !important;
}
.block-superfish .menuparent + ul > li > ul > li:first-of-type > a:first-of-type:after,
.block-superfish .menuparent + ul > li > ol > li:first-of-type > a:first-of-type:after,
.block-superfish .menuparent + ol > li > ul > li:first-of-type > a:first-of-type:after,
.block-superfish .menuparent + ol > li > ol > li:first-of-type > a:first-of-type:after,
.block-superfish .menuparent + ul > li:first-of-type > a:first-of-type:after,
.block-superfish .menuparent + ol > li:first-of-type > a:first-of-type:after {
  content: " Overview" !important;
}
/* Hover, Focus, Active */
.block-superfish ul ul a:hover,
.block-superfish ul ul a:focus,
.block-superfish ul ul a:active {
  text-decoration: none;
  background-color: #f6f6f2;
}
/* Mega Menu */
.block-superfish .sf-menu .sf-multicolumn-megamenu {
  position: unset;
}
.block-superfish .sf-menu .sf-multicolumn-megamenu .sf-multicolumn {
  top: 3.5em !important;
  left: 0 !important;
  width: 100% !important;
  background: #f6f6f2 !important;
}
#block-mainnavigation .sf-multicolumn-megamenu .sf-multicolumn-column a[aria-expanded="true"] > .sf-sub-indicator::after,
#block-mainnavigation  .sf-multicolumn-megamenu .sf-expanded > a > .sf-sub-indicator::after {
  content: "\2BC6";
  top: -5px;
}
.block-superfish .sf-menu .sf-multicolumn-megamenu .sf-multicolumn-column .menuparent.sf-with-ul + ul {
  position: relative;
  left: unset !important;
  width: auto !important;
}
.block-superfish .sf-menu .sf-multicolumn-megamenu .sf-multicolumn-column .menuparent.sf-with-ul + ul a {
  padding-left: 2.5em;
}
.block-superfish .sf-menu .sf-multicolumn-megamenu .sf-multicolumn-column.menuparent {
  border-left: 5px solid #444;
}
.block-superfish .sf-menu .sf-multicolumn-megamenu .sf-multicolumn-column > .menuparent {
  font-weight: bold;
  text-transform: uppercase;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
.block-superfish .sf-menu .sf-multicolumn-megamenu .sf-multicolumn-column > .menuparent,
.block-superfish .sf-menu .sf-multicolumn-column > ol > li > a[role="menuitem"] {
  width: calc(100% - 5px);
}
/* Top Menu Navigation */
#block-mainnavigation ul.sf-menu .sf-sub-indicator::after {
  content: "\2BC6";
  top: -5px;
}
#block-mainnavigation ul.sf-menu ul .sf-sub-indicator::after {
  content: "\2BC8";
  top: -2px;
}
#block-mainnavigation ul.sf-menu li:hover,
#block-mainnavigation ul.sf-menu li.sfHover,
#block-mainnavigation ul.sf-menu li:hover ul,
#block-mainnavigation ul.sf-menu li.sfHover ul {
  z-index: 500;
}
/* Side Menu Navigation */
#block-mainnavigation-2 ul.sf-menu {
  z-index: 495;
}
#block-mainnavigation-2 .menuparent {
  color: inherit !important;
}
#block-mainnavigation-2 ul {
  position: relative !important;
  top: 0 !important;
  width: auto !important;
  padding: 0;
  box-shadow: none !important;
}
#block-mainnavigation-2 ul ul a[role="menuitem"] {
  padding-left: 2em !important;
}
#block-mainnavigation-2 ul ul ul a[role="menuitem"] {
  padding-left: 3em !important;
}
#block-mainnavigation-2 ul ul ul ul a[role="menuitem"] {
  padding-left: 4em !important;
}
#block-mainnavigation-2 ul ul ul ul ul a[role="menuitem"] {
  padding-left: 5em !important;
}
#block-mainnavigation-2 ul ul ul ul ul ul a[role="menuitem"] {
  padding-left: 6em !important;
}
#block-mainnavigation-2 a.current .sub-arrow:hover {
  background-color: #000;
}
#block-mainnavigation-2 a[role="menuitem"] {
  padding: .5em 2em .5em 1em;
  border: 1px solid #bbb;
}
#block-mainnavigation-2 ul.sf-menu .sf-sub-indicator {
  right: 0;
  width: 2em;
  height: 2em;
  opacity: 1;
}
#block-mainnavigation-2 ul.sf-menu .sf-sub-indicator::after {
  content: "\002B";
  top: 50%;
  top: calc(50% - .5em);
  right: .5em;
  left: unset;
  font-size: 1.25em;
}
#block-mainnavigation-2 ul.sf-menu a[aria-expanded="true"] > .sf-sub-indicator::after {
  content: "\002D";
  right: .6em;
}
#block-mainnavigation-2 a:hover,
#block-mainnavigation-2 a:focus,
#block-mainnavigation-2 a:active {
  text-decoration: none;
  background-color: #e8e8e8;
}
/* Mobile Styling */
a#superfish-main-toggle {
  display: block;
  width: 100%;
  padding: .25em .5em;
  color: #fff;
  background: #007bff;
}
a#superfish-main-toggle:hover,
a#superfish-main-toggle:focus {
  background: #0256b1;
}
a#superfish-main-toggle:focus {
  box-shadow: 0 0 0 .2rem rgb(38 143 255 / 50%);
}
ul.sf-menu.sf-accordion,
ul.sf-menu.sf-accordion ul,
ul.sf-menu.sf-accordion li {
  float: none !important;
}
.sf-main.sf-accordion li li:hover > ul,
.sf-main.sf-accordion li li.sfHover > ul {
  position: relative !important;
  left: 0;
  float: none !important;
}
.sf-main.sf-accordion ul ul a[role="menuitem"] {
  padding-left: 2em !important;
}
.sf-main.sf-accordion ul ul ul a[role="menuitem"] {
  padding-left: 3em !important;
}
.sf-main.sf-accordion ul ul ul ul a[role="menuitem"] {
  padding-left: 4em !important;
}
.sf-main.sf-accordion ul ul ul ul ul a[role="menuitem"] {
  padding-left: 5em !important;
}
.sf-main.sf-accordion ul ul ul ul ul ul a[role="menuitem"] {
  padding-left: 6em !important;
}
.sf-main.sf-accordion a > .sf-sub-indicator::after {
  content: "\002B" !important;
  top: -5px !important;
}
.sf-main.sf-accordion a[aria-expanded="true"] > .sf-sub-indicator::after,
.sf-main.sf-accordion .sf-expanded > a > .sf-sub-indicator::after {
  content: "\002D" !important;
  right: .6em !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~ MAIN MENU AS A SIDEBAR ~~~~~~~~~~~~~~~~~~~~~~~ */
.sidebar .block-superfish ul.sf-menu ul {
  position: relative;
}
.sidebar ul.sf-menu.sf-vertical {
  width: auto;
}
.sidebar .block-superfish ul a {
  padding-left: 0;
}
.sidebar .block-superfish ul ul {
  padding-left: 1.5em;
}
.sidebar .block-superfish ul.sf-menu li:hover > ul,
.sidebar .block-superfish ul.sf-menu li.sfHover > ul {
  top: 0 !important;
  left: 0 !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~ VIEW - EXPOSED FILTERS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.views-exposed-form .row {
  margin-right: -5px;
  margin-left: -5px;
}
.views-exposed-form .row > fieldset,
.views-exposed-form .row > div {
  flex: 0 1 auto;
  width: auto;
  max-width: none;
  padding-right: 5px;
  padding-left: 5px;
}
.views-exposed-form .row .form-actions {
  align-self: flex-end;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Drupal User Login Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form#user-login-form:before {
    content: "Drupal User Login";
    text-align: center;
    background: #1350a0;
    color: #ffffff;
    width: calc(100% + 2rem);
    display: block;
    margin: -1rem -1rem 2rem;
    position: relative;
    padding: 1rem;
    font-size: 2rem;
    font-weight: bold;
}
form#user-login-form {
    margin: 3rem auto;
    padding: 1rem;
    max-width: 500px;
    box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .3);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Document Media - File size and type ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main a[data-ims-file-type-size]:after {
    content: " " attr(data-ims-file-type-size);
}