/* SET UP "Poppins" font family style used in WordPress theme */

/* FONT FACE DECLARATION - LIGHT */
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* FONT FACE DECLARATION - BOLD */
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

nav > .navigation {
    padding-left: 8px !important;
}

header > nav {
    padding: 0;
}

.closed:before, open:before {
    margin-top: 16px;
}

.open > .navigation {
    padding: 0;
}

/* MOVE admin bar above HEADER */
#user-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

/* HEADER - SET background Benshi image loaded from Assets and positioned/scaled EXACTLY the same as seen on WordPress */
header {
    position: fixed;
    background-color: rgba(0,0,0,0);
    background-image:
        linear-gradient(to bottom, rgba(0,0,0,0.30), rgba(0,0,0,0.30)),
        url('http://benshi.hamiltonlits.org/omeka/files/asset/37f277a258678962e957156065aec1c9322fb422.jpeg');
    background-size: cover;
    background-position: 24% 25%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    top: 0px;
    width: 100%;
    min-height: 85px;
    z-index: 999;
    border-bottom: 8px solid #dbe1d9;
}

/* ALIGN navigation text to left and change background color (also set width to fill browser window horizontally  */
.navigation {
    font-family:  'Poppins', sans-serif !important;
    font-size: calc(7pt + 0.25vw) !important;
    font-weight: 100 !important;
    padding: 0 20px 0 20px;
    text-align: center;
}

.navigation > li a {
    background-color: #000;
}

/* FORCE theme background color to dropdown body  */
.parent > ul:after {
    background-color: #dbe1d9 !important;
}

/* ADDED dark gray text color to dropdown navigation content holder (in case it isn't applied to <li>/<a> tags)  */
.parent > ul {
    color: #212121 !important;
    background-color: #dbe1d9 !important;
}

/* ADDED dark gray text color to dropdown navigation items  */
.parent > ul a {
    color: #212121;
    background-color: #dbe1d9;
}

@media screen and (max-width: 800px) {
    .open > ul a {
        color: #212121;
        background-color: #dbe1d9;
    }
}

/* ADJUST general content body formatting - removed padding, set unlimited max-width (100% the browser window's width) */
#content {
    text-align: center;
    padding: 0;
    max-width: none;
    background-color: #212121;
}

/* PUSH search tools downwards */
.browse-controls {
    margin-top: 100px;
}

/* MAKE container spacing of resources in wrapper */
#content > .browse-controls, #content > .resource-list {
    padding: 0 10vw;
}

/* CENTER all metadata text to middle of page (will later try putting this into table (in row and column form) */
dd.value > * {
    text-align: center;
    margin: auto;
}

/* FORMAT all H3 heading text to use Benshi's font */
.resource > h3 {
    font-family:  'Poppins', sans-serif, Helvetica, sans-serif;
    font-weight: 400;
}

/* ADJUST font thickness, family, and incorporated more padding around - this is for the top descriptive text above the items in grid form */
#content > .blocks > p:first-child {
    padding: 10pt 8vw;
    font-family:  'Poppins', sans-serif, Helvetica, sans-serif;
    font-weight: 400;
}

/* ADJUST padding to .item-showcase elements, removing their borders and adding dark gray theme background color */
.item-showcase {
    padding: 30pt 8vw;
    border: none;
    background-color: #212121;
}

/* FORMAT the website title to tightly match with the version on WordPress */
.site-title {
    font-size: 26px !important;
    font-family:  'Poppins', sans-serif, Helvetica, sans-serif !important;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 70.75px;
    letter-spacing: 3px;
    margin-left: 5px !important;
    margin-top: 6px !important;
    margin-right: 50px !important;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    padding: 0 0 0 10px !important;
}

/* FORCE Benshi Theme text color on certain elements (that are of high precedence) */
.site-title a, p, #content {
    color: #dbe1d9 !important;
}

/* ENSURE that the video elements slide under the header, not over! */
.mejs__container {
    z-index: -0.1;
}

/* push HEADER down ONLY if admin bar exists */
#user-bar + .site-header {
    top: 38px;
}

/* HIDE search box that is sticky against header above */
#search {
    display: none;
}

/* SET formats for main body of page */
.page {
    mask-image: linear-gradient(to top, black calc(100%), transparent 100%);
    background-color: #212121;
    /* background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(40, 40, 40, 1.0)),
        url('http://benshi.hamiltonlits.org/omeka/files/asset/37f277a258678962e957156065aec1c9322fb422.jpeg');
    background-size: cover;
    background-position: 24% 25%;
    background-attachment: fixed;
    background-repeat: no-repeat; */
    padding-top: 200px;
    padding-bottom: 140px;
    height: auto;
    min-height: unset;
}