/*
    Any additional css required for theme compatibility with the Drupal UI
*/
.toolbar-oriented .toolbar-bar {
    z-index: 1250;
}

.drupal-tabs ul {
    display:flex;
}
.drupal-tabs li {
    display:block;
}
.drupal-tabs li a {
    display:block;
    border: 1px solid #1b82c4;
    border-bottom: 0;
    padding: 0 10px;
    margin: 10px 5px;
    color: #1b82c4;
    text-decoration: none;
}
.drupal-tabs li.is-active a {
    background: #e3eff6;
    color: black;
}
.drupal-tabs li a:hover,
.drupal-tabs li a:focus {
    background: #e3eff6;
    color: #1b82c4;
}

.drupal-tabs li a {

}


/*
  Don't allow the preview options to overlay with the page, because it clashes with the theme header.
*/
.node-preview-container {
    position: static;
}

img {
    max-width:100%;

    /* Drupal likes to output images with inline width/height, so we'll override those: */
    width: auto;
    height: auto;
}


.path-search .search-form {
    display:none;
}

/* Easier than converting Drupal's menu rending into the Bootstrap list-inline-item */
.site-footer__links .menu {
    display:table;
    margin: 0 auto;
    padding:0;
}
.site-footer__links .menu li {
    display:inline-block;
}
.site-footer__links .menu li:not(:last-child) {
    margin-right: 0.8em;
}


/* hide default h2 from search results */
.path-search h2 {
    display:none;
}



/* Form submit buttons are <input> elements and don't pick up the action link styles from the frontend codebase. So we'll shoehorn in some similar look & feel to all submit buttons. */
input.button {
    background: #4c7838;
    padding: 8px 18px;
    color:white;
    border:none;
    text-transform: uppercase;
}
input.button:hover,
input.button:focus {
    background: #366122;
}



/* In d8 ckeditor no longer allows us to customize width of the table or columns, so this is an attempt to force responsive tables to keep a reasonably readable cell width */
@media screen and (max-width:767px) {
    .text table td {
        min-width: 250px;
    }
}