#html-body,
h1,
h2,
h3,
h4,
h5 {
    /* default font */
    font-family: 'Roboto', sans-serif;
}

:root {
    --problue: #01012E;
    --prored: #e3010a;
}

html {
    background-color: #f0f0f32e;
}

#footer {
    color: white !important;
}

#slideshow .uk-overlay-primary {
    background: rgba(0, 45, 114, 0.55);
    border-bottom: solid 5px var(--prored);
}

#slideshow .uk-button-default {
    color: white !important;
}

.home-overlay {
    width: 40%;
}

#utilities {
    /* the edit page link that appears when page is editable */
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
}


/* #region header */

#masthead-navbar::after
{
  content: '';
  height: 1px;
  background-color: #e1e1e1;
  margin-top: -0.9em;
  width: 100%;
  position: absolute;
}

/*
h2#masthead-logo:after {
    content: '';
    height: 1px;
    background-color: #e1e1e1;
    position: absolute;
    left: 7em;
    top: 4.2em;
    width: 28.2em;
}
*/

/* #endregion */

.uk-link,
a {
    color: #272626;
}

.uk-link,
a:hover {
    color: #757575;
}

footer a {
    color: white;
}

.uk-section-secondary:not(.uk-preserve-color) a:hover {
    color: #c2bfbf;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: none;
}

.uk-navbar-container {
    margin-top: 6.8rem;
}

.uk-navbar-nav>li>a {
    color: #272626;
    text-transform: none;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    font-size: 1.05rem;
    font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-decoration: none;
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0;
}

#offcanvas-toggle {
    /* the hamburger icon that toggles the mobile navigation */
    position: absolute;
    top: 15px;
    right: 15px;
}

.uk-offcanvas * a {
    color: #e0dede !important;
}

#offcanvas-nav .uk-search-input {
    /* the search box that appears in offcanvas nav */
    width: 100%;
}

img.uk-comment-avatar {
    /* avatar that appears in comments */
    width: 60px;
    height: 60px;
}

@media only screen and (max-width: 959px) {
    /* custom adjustments for mobile layouts under 960px */
    #masthead {
        /* primary nav is not visible, so it needs some padding here */
        padding-bottom: 20px;
    }
}


/****************************************************************
 * Bodycopy text and images
 *
 * These styles are good to have on any ProcessWire site
 *
 */

.tpl-home .uk-link,
a {
    text-decoration: none !important;
}

.uk-section-secondary {
    background: #01012E;
}

.align_left {
    /* for images placed in rich text editor */
    float: left;
    margin: 0 1em 0.5em 0;
    position: relative;
    top: 0.5em;
    max-width: 50%;
}

.align_right {
    /* for images placed in rich text editor */
    float: right;
    margin: 0 0 0.5em 1em;
    max-width: 50%;
}

.align_center {
    /* for images placed in rich text editor */
    display: block;
    margin: 1em auto;
    position: relative;
    top: 0.5em;
}

a.card-link>.uk-card,
.full-height {
    min-height: 100%;
}

figure {
    /* figure for image that has a caption */
    display: table;
    margin: 1em 0;
}

figure figcaption {
    /* display caption text below image contained to image width */
    display: table-caption;
    caption-side: bottom;
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 5px;
    color: #777;
}


/* #region langauges */

.languages li.current {
    color: var(--problue);
    font-weight: 400;
}

.languages li.current a:hover {
    color: var(--problue);
}

ul.languages {
    display: flex;
    list-style: none;
}

ul.languages li {
    padding-left: 1em;
}


/* #endregion */


/* footer */

footer h3 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
}

#footer p {
    margin-top: .3em;
}

#footer .address {
    line-height: 2em;
}

@media only screen and (max-width: 767px) {
    /* common PW mobile layout adjustments for widths under 768px */
    .align_left,
    .align_right,
    .align_center {
        /* display images in center rather than aligned */
        display: block;
        float: none;
        margin: 1em auto;
        max-width: 100%;
    }
    figure,
    figure figcaption {
        /* let figcaption display as wide as needed below image */
        display: block;
        text-align: center;
    }
    .masthead-logo img {
        width: 100%;
    }
}


/* #region cart */

.snip-header * {
    color: white !important;
}

button.snipcart-add-item.uk-button.uk-button-primary {
    background-color: green;
}


/* #endregion */