/*
Theme Name: UDLibrary-3.0
Theme URI: https://github.com/tidythemes/blankslate
Author: University of Delaware Library (Ryan Neary, Web Developer II)
Author URI: http://tidythemes.com/
Description: Based on Blankslate template, internal file restructure of UDLibrary-3.0 theme.
Version: 1.0
License: GNU General Public Licenses
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    font-size: 100%;
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline
}

:root {
    font-size: 75%; /* this resets the font scale to 1 rem = 12 px */

    /* just proof of concept of css variables, do not use
    --color-blue-med:    green;
    --color-blue-dark:   purple;
    --color-blue-light:  aqua;
    --color-gold:        wheat;
    --color-gold-pale:   tan;
    --color-gray-light:  aliceblue;
    --color-gray-med:    orange; */

    /* let's define all of our custom colors!
       now you can just use "color: var(--color-blue-med);"
       to call that variable's stored hex code */
    --color-blue-med:     #00539f;
    --color-blue-dark:    #003c71;
	--color-blue-darker: #003566;
    --color-blue-light:   #00a0df;
    --color-blue-pale:    #f3f8fd;
	--color-blue-lighter: #e6f2fe;
    --color-gold:         #ffd200;
    --color-gold-pale:    #fdf0b2;    // changed from #fff688
    --color-gray-light:   #eeeeee;
    --color-gray-med:     #bdbdbd;
    --color-gray-dark:    #777;
	--color-black:        #000000;
}

body {
    line-height: 1
}

h1, h2, h3, h4 {
    font-family:    'greycliff_semibold';
    color:          var(--color-blue-med);
    line-height:    1;
    margin-bottom:  calc(0.75em + 0.5vmin);
    margin-bottom:  1.25em;
    letter-spacing: -0.025vmax;
}

h1 {
    font-size: calc(2rem + 0.5vw);
}

h2 {
    font-size: calc(1.125rem + 1.375vmin);
}

h3 {
    font-size: calc(1.25rem + 0.5vmin);
}

h4 {
    font-size: calc(1.25rem + 0.125vw);
}

article h2 {
    font-size: calc(1.125rem + 1.375vmin);
    margin-bottom: 0.875em;
}

table + h2, ol + h2, ul + h2, p + h2,
table + h3, ol + h3, ul + h3, p + h3,
table + h4, ol + h4, ul + h4, p + h4 {
    margin-top: calc(1rem + 3vmin);
}

ol,ul {
    list-style: none
}

strong {
    font-family: "greycliff_semibold"
}

blockquote,q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

.clear {
    clear: both
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important
}

.screen-reader-heading {
	margin: 0px;
	padding: 0px;
	color: transparent;
	height: 0px;
	width: 0px;
	visibility: hidden;
}

img,p,iframe,table,thead,tbody,form,fieldset,legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%
}

.alignleft {
    float: left;
    margin-right: 1.75rem;
    margin-bottom: 1.75rem
}

.alignright {
    float: right;
    margin-left: 1.75rem;
    margin-bottom: 1.75rem;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit
}

body {
    background: var(--color-gray-light);
    font-family: "greycliff_light","Open Sans",Arial,sans-serif;
    width: 100%;
    margin: 0
}

body.no_scroll {
    overflow: hidden
}

iframe,iframe body {
    margin: 0!important
}

input {
    font-family: "Open Sans"
}

#wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    left: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out
}

.container {
    width: 100%;
    max-width: 100rem;
    padding: 4vmin 4vmin;
    margin: 0 auto
}

#header {
    position: relative;
    z-index: 10
}

#content {
  /*
    padding-top: 3rem;
    */
    padding-bottom: 8vmin;
    min-height: 47rem
}

main {
    font-size: 1.375rem;
    font-size: calc(1.25rem + 0.125vw);
    line-height: 2rem
}

main.has-sidebar {
    display: inline-block;
    width: 100%;
    max-width: 67rem;
    max-width: 72%;
    vertical-align: top
}

.entry-content strong {
    font-family: "greycliff_semibold";
}

main p {
    margin-bottom: 1.25rem;
    font-size: calc(1.25rem + 0.125vw);
    line-height: 1.5;
}

main a {
    font-family: 'greycliff_semibold';
    color: var(--color-blue-med)
}

main img {
    height: auto;
}

p:empty {
    display:none;
}

em {
    font-style: italic
}

.has-sidebar section a:not(.btn),
.entry-content a:not(.btn) {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med)
}

.entry-content a:not(.btn):hover {
    color: var(--color-blue-dark)
}

.box__white,
.box__yellow {
    background: #fff;
    border-radius: 1rem;
    padding: calc(1rem + 2vmin);
    margin-bottom: 2rem;
}

.box__yellow {
    background: var(--color-gold-pale);
    border: 1px solid var(--color-gold);
    padding: calc(1rem + 1vmin);
}
.box__yellow>p:last-child {
    margin-bottom: 0;
}

.white-shadow {
    background: #fff;
    margin-bottom: 3rem;
    border-radius: 1rem;
    overflow: hidden
}

.back-to-top {
    position: fixed;
    bottom: 10rem;
    right: 3.75rem;
    border: 0;
    background: transparent;
    font-size: 0;
    width: 3.75rem;
    height: 3.75rem;
    cursor: pointer;
    display: none;
    z-index: 4;
    border-radius: 100%;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.16),0 0.25rem 0.5rem rgba(0,0,0,.16);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

button {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.back-to-top svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* screen reader links |||||||||||||||||||||||||||||||||||||||||||||||
  (invisible unless tabbed through for accessibilty) */

a.screen-reader {
    position: absolute;
    left: -9999px;
    left: 0;
    top: 0;
    opacity: 0;
    overflow: hidden
}

a.screen-reader:focus {
    opacity: 1;
    background: #fff;
    z-index: 2;
    padding: 0.75rem 1rem;
    font-size: 1.25rem;
    font-family: "Greycliff_Semibold";
    text-transform: uppercase;
    margin: 0.5rem
}




/* alert messages ||||||||||||||||||||||||||||||||||||||||||||||| */

.messages {
/*    width: 100%;
    position: relative;
    text-align: left;
    padding: 1.5rem 3rem;
    font-family: "greycliff_light";
*/
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--color-blue-dark);
    display: flex;
    position: relative;
}

#message-alert {
    background: var(--color-gold-pale);
}

#message-info {
    background: #dce4ec
}

#message-urgent {
    background: #e33;
    color: #fff
}

.message-open {
/*    max-width: 1150px;
    margin: 0 auto;
*/
    margin: 0 1.5rem;
    padding: 1.5rem 0;
    transition: 0.3s ease all
}

[data-viewport=mobile] .message-open {
    margin: 1.375rem 0rem;
    padding: 0;
}

.messages a {
    text-decoration: underline;
    color: var(--color-blue-dark)
}

#message-urgent a {
    color: #fff
}

.message-close {
    flex: 0 1 6rem;
    order: 2;
    width: 6rem;
}

[data-viewport=desktop] .message-close {
    position: absolute;
    right: 0;
    height: 100%;
    cursor: pointer;
    flex-shrink: 1;
    width: 6rem;
}

#message-close-urgent {
    display: none
}

.message-close .linea-svg svg {
    stroke-width: 4px;
    padding: 2px 2px 0
}

.message-dismissed {
    display: none;
    transition: 0.3s ease all;
    background: inherit
}

.destroy .message-open {
    opacity: 0
}

.destroy .message-dismissed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    letter-spacing: 0
}

.message-undo {
    margin: auto
}

.undo-btn {
    background: #fff;
    color: var(--color-blue-med);
    border-radius: 0.5rem;
    cursor: pointer;
    padding: 5px 1rem;
    display: inline-block;
    margin-left: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.notice {
	background: var(--color-gold-pale);
    border: 1px solid var(--color-gold);
    padding: 12px 18px;
    border-radius: 1rem;
	margin-bottom: 10px;
}
.notice p:last-of-type {
	margin: 0;
}




/* breadcrumbs ||||||||||||||||||||||||||||||||||||||||||||||| */

.breadcrumbs {
    font-size: 1.125rem;
    font-size: 0;
/*    color: #555;*/
	color: #444;
    margin-bottom: 4rem;
    width: 100%;
    text-align: left
}

body.home:not(.page-template-news) .breadcrumbs {
    max-width: 100rem;
    margin: 3rem auto 0;
    padding: 0 1.5rem
}

.breadcrumbs li,.breadcrumbs li>span {
    font-size: 1.125rem;
    display: inline-block;
    margin-right: 0.75rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.breadcrumbs li:not(.current-item):not(.current_item):after {
    content: "/"
}

.breadcrumbs a,
.breadcrumb a {
    text-decoration: none;
/*    color: #555;*/
	color: #444;
}

.breadcrumbs a:hover,
.breadcrumb a:hover {
    text-decoration: underline
}

.breadcrumbs .current-item,
.breadcrumbs .current_item,
.breadcrumbs .current {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
}





/* sidebar menu for subsite side menus ||||||||||||||||||||||||||||||||||||||||||||||| */

.sidebar-menu {
    display: inline-block;
    max-width: 27rem;
    max-width: 28%;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-right: 3.75rem
}

.sidebar-menu ul li {
    margin: 0;
    list-style: none;
    font-size: 1.375rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    line-height: 1.5rem;
    position: relative
}
/*
.sidebar-menu ul li a {
    display: block;
    text-decoration: none;
    color: #555;
    margin-bottom: 2rem
}

.sidebar-menu ul.sub-menu {
    display: none
}*/

#menu-sidebar-menu {
    margin-left: -0.625em;
    margin-bottom: 4rem;
}

#menu-sidebar-menu .level-2 a {
    font-family: 'Greycliff_Light';
}

#menu-sidebar-menu .level-2 a[aria-expanded=true] {
    font-family: 'greycliff_semibold';
}

#menu-sidebar-menu .sub-menu {
    padding-left: 1em;
}

#menu-sidebar-menu .sub-menu {
    border-left: 1px solid var(--color-gray-med);
    padding-left: 0.5em;
    margin: 0.5em 0 0.5em 1em;
}

#menu-sidebar-menu ul.sub-menu.is__expanded > li:first-of-type > a {
    margin-top: -0.5em;
}

#menu-sidebar-menu ul.sub-menu.is__expanded > li:last-of-type > a {
    margin-bottom: -0.5em;
}


#menu-sidebar-menu .sub-menu a:not(.sideSubmenuExpander):hover {
    text-decoration: underline;
}

.sidebar-menu ul.sub-menu li {
    font-family: "greycliff_light"
}

.sidebar-menu ul.sub-menu li a {
    padding-left: 1.5rem;
    padding-right: 2rem;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.sidebar-menu ul.sub-menu ul.sub-menu li a {
    padding-left: 3rem
}

#menu-sidebar-menu .sub-menu a {
    font-family: 'Greycliff_Light';
}

#menu-sidebar-menu .current-tutorial-ancestor a,
#menu-sidebar-menu .current-menu-item>.submenu-head-wrap a,
#menu-sidebar-menu .current-menu-item>a {
    color: var(--color-blue-dark);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
	text-decoration: underline;
}

#menu-sidebar-menu .current-menu-parent>a,
#menu-sidebar-menu a[aria-expanded=true] {
    font-family: 'Greycliff_SemiBold';
}

.new-down-arrow {
    display: table-cell;
    width: 100%;
    padding: 0 0.5rem;
    font-size: 1.5rem;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 100%
}

.new-down-arrow svg {
    display: table-cell;
    height: 100%;
    float: right;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

#sidr .down-black,
#menu-sidebar-menu .down-white {
    display: none
}

span.PDF {
    line-height: 2rem;
    display: inline-block;
    vertical-align: text-top;
    padding: 0 4px
}

span.PDF:after {
    content: url(images/icon-file-pdf-box.png)
}







/* inline images and captions ||||||||||||||||||||||||||||||||||||||||||||||| */

.wp-caption {
    margin: 0 auto;
    display: block;
    width: 90%;
    text-align: center;
    background: #ececec;
    border: 1px solid #e2e2e2;
    margin: 3rem 5%;
    padding: 1rem 1rem 1rem
}

.wp-caption.alignleft {
    margin-left: 0;
    margin-top: 0
}

.wp-caption.alignright {
    margin-right: 0;
    margin-top: 0
}

.wp-caption.alignnone {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.wp-caption img {
    max-height: 350px;
    height: auto;
    width: auto;
    display: block;
    margin: 0 auto 1.5rem
}

.type-post .entry-content img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    display: inline-block
}

.type-post .entry-content .wp-caption img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto 1.5rem
}

.wp-caption p,.wp-caption-text {
    font-size: 1.25rem;
    color: #000;
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    font-style: normal;
    line-height: 1.5
}
.wp-caption a {
	color: #024b8f;
}






/* tables ||||||||||||||||||||||||||||||||||||||||||||||| */

table {
    width: 100%;
/*    border: 0.25rem solid var(--color-gray-med);*/
	border: 0.25rem solid var(--color-blue-pale);
    border-radius: 1rem;
    overflow: hidden;
}

.entry-content table {
    margin-bottom: 2.25rem
}

tbody {
    color: var(--color-blue-dark)
}

/*
tr {
    background: #fff
}
*/

tr:nth-child(even) {
/*    background-color: var(--color-gray-light);*/
	background-color: var(--color-blue-pale);
}

th,td {
/*    border: 1px solid var(--color-gray-light);*/
	border: 1px solid var(--color-blue-pale);
    font-size: calc(1.125rem + 0.125vw);
    line-height: calc(1.25rem + 0.25vw);
    padding: calc(1rem + 0.25vw) calc(0.5rem + 0.25vw);
    border-width: 0 0
}

th {
    background: var(--color-gray-light);
    background: var(--color-blue-dark);
    color: var(--color-blue-dark);
    color: #fff;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    vertical-align: middle
}

td.price {
    text-align: center
}

td.td-right {
    text-align: right
}

td.date {
    text-align: center;
    width: 25%;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

td span.note {
    display: block;
    line-height: 1.5rem;
    margin-top: 1rem;
    font-style: italic;
    border-left: 1px solid #aaa;
    padding-left: 1rem;
    color: #777;
    font-size: 1.25rem
}

.tutorial-table td {
    vertical-align: middle
}

.tutorial-table td:first-of-type {
    text-align: center;
    padding: 2rem 0 1rem 1rem;
    width: 38%
}






/* blockquotes ||||||||||||||||||||||||||||||||||||||||||||||| */

blockquote {
    position: relative;
    padding: 0 calc(1rem + 2vmax);
    font-style: italic;
}

blockquote span,
blockquote .quote-by {
    display: block;
    display: flex;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.25;
    font-family: 'greycliff_semibold';
    letter-spacing: .25vmax;
    font-style: normal;
    margin-top: 2.5vmin;
    padding: 0.75rem 1.25rem;
    text-transform: uppercase;
    background: var(--color-gold-pale);
}

blockquote span:before {
    content: '\2013';
    padding-right: .75rem;
}

blockquote p:last-of-type {
    margin-bottom: 0
}






/* code sections, internal use only ||||||||||||||||||||||||||||||||||||||||||||||| */

p>code {
    font-family: monospace;
    background: #333;
    color: lightgreen;
    display: block;
    padding: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    border-left: 0.75rem solid darkseagreen
}





/* buttons |||||||||||||||||||||||||||||||||||||||||||||||
   (needs auditing!) */

.ud-form input[type="submit"],
input[type="submit"],
.ud-form input[type="reset"],
input[type="reset"],
.button,
.btn {
    background: linear-gradient(var(--color-blue-med),#00539a);
    color: #fff;
    display: table;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    padding: 1rem 2rem;
    padding: 0.75rem 2rem;
    font-size: 1.375rem;
    line-height: 2rem;
    border-radius: 0.75rem;
    border-radius: 2rem;
    box-shadow: 0 2px 1rem rgba(0,0,0,.2);
    font-family: "greycliff_semibold";
    cursor: pointer;
    border: 0
}
.format-opt.btn p {
	margin: 0;
	padding: 0;
}
.format-opt.btn {
	margin-bottom: 10px;
}
.format-opt.btn:last-child {
	margin-bottom: 0;
}
.format-opt.btn a, .format-opt.btn a:hover {
	color: white !important;
	text-decoration: none;
}
.format-opt.button-group {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	gap: 20px;
	margin: 2rem 0;
}
.entry-content>.format-opt.button-group:first-child {
	margin: 0 0 2rem;
}
.format-opt.button-group .button {
	margin: 0;
}

.ud-form input[type="submit"]:hover,
input[type="submit"]:hover,
.button:hover,
.btn:hover {
    background: var(--color-blue-light);
    color: #fff
}

.ud-form input[type="submit"].btn-lg,
input[type="submit"].btn-lg,
.btn.btn-lg {
    font-size: 1.75rem;
    padding: 1.5rem 2.25rem;
    border-radius: 1.5rem;
    border-radius: 3.75rem
}

.btn.btn-sm {
    font-size: 1.25rem;
    padding: 0.5rem 2rem
}

.btn.btn-pill {
    border-radius: 9rem
}

.btn-file .action-text {
    display: table-cell;
    vertical-align: middle
}

.btn-file .attach-size {
    display: block
}

.btn-file.btn-lg .attach-size {
    font-size: .75em;
    line-height: 1em;
    padding-top: 0.5rem
}

.btn-file .linea-svg {
    display: table-cell;
    vertical-align: middle;
    padding-right: 2rem
}

.btn-lg .linea-svg-inner {
    width: 3rem!important
}

a.btn.btn-wt {
    background: #fff;
    box-shadow: none;
    border: 1px solid #aac;
    line-height: 1.5rem;
    color: var(--color-blue-med)!important
}

a.btn.btn-wt:hover {
    color: #fff!important;
    border: 1px solid var(--color-blue-light)!important
}






/* linea svg icons |||||||||||||||||||||||||||||||||||||||||||||||
   (needs cleanup and possible retheming to padding-bottom:0 format)

   when linea-svg takes a class, it currently defines the color of the LINES, not the BACKGROUND */

.linea-svg {
    height: 100%
}

.linea-svg-inner {
    height: 100%;
    overflow: visible;
    display: block;
    display: flex;
    margin: 0 auto
}

.linea-svg svg {
    width: 100%;
    height: 100%;
    padding: 2px;
    overflow: visible;
    vertical-align: middle;
    align-self: center;
    stroke-width: 3px;
    fill: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: inherit
}

.linea-svg.white svg {
    stroke: #fff
}

.linea-svg.udblue svg {
    stroke: var(--color-blue-med)
}

.linea-svg.dkblue svg {
    stroke: var(--color-blue-dark)
}

.ud_circle.udblue svg {
    fill: var(--color-blue-med)!important;
    stroke: none!important
}

.ud_circle.white svg {
    fill: #fff!important;
    stroke: none!important
}

.meta-wrap .linea-svg.white path {
    stroke-color: #fff
}

.meta-wrap .linea-svg.udblue path {
    stroke-color: var(--color-blue-med)
}






/* main content sections (secondary pages) |||||||||||||||||||||||||||||||||||||||||||||||
   (there are so many different formats, especially ul and ol. tackling this in phase 2) */

.event-description ul,
.entry-content ul,
.entry-content ol {
/*    background: var(--color-gray-light);*/
	background: #f3f8fd;
    margin: 1.75rem 0;
    padding: 0.25rem 4rem;
    border-radius: 1rem;
}

.event-description li,
.entry-content li {
    margin: 1.25em 0;
    /* line-height: 1.25; */
    position: relative;
    color: var(--color-blue-dark);
    letter-spacing: -0.025vmax;
}

.entry-content ol ol > li,
.entry-content ol ul > li,
.entry-content ul ol > li,
.entry-content ul ul > li {
    margin: 0.5em 0;
    list-style-type: initial !important;
}

.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ol,
.entry-content ul ul {
    padding: 0 2rem;
    margin-top: 1.5rem;
}

.entry-content ol {
    counter-reset: linenumber;
}

.entry-content ol > li {
    counter-increment: linenumber;
    padding-left: 0.75rem;
}

.entry-content ul > li {
    list-style-type: disc;
    counter-increment: none;
}

.entry-content ul.compact,
.entry-content ul.contact {
    padding: 0.5rem 2.25rem 0.5rem 4rem
}

.entry-content ul.compact li,
.entry-content ul.contact li {
    margin: 1.5rem 0
}

ul > li::marker {
    font-size: 0.875em;
    color: var(--color-blue-light);
}

.entry-content ol > li::marker {
    content: counter(linenumber) ".";
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    font-size: 0.95em;
}

.entry-content ol ol > li::marker {
    content: counter(linenumber, lower-roman) ".";
}

.format-opt.mtoc {
	display: flex;
    justify-content: space-evenly;
	margin: 1.75rem 0 2rem;
	background: #f3f8fd;
	border-radius: 1rem;
	flex-wrap: wrap;
}
.format-opt .mtoc-column ul {
	margin: 0;
}
.mtoc-column li {
    margin: 1em 0;
}
.format-opt.htoc ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.htoc ul, .vtoc ul, .mtoc ul {
	padding: 0.5rem 2.5rem;
	margin-bottom: 2em;
}
.htoc>ul:first-child, .vtoc>ul:first-child, .mtoc>ul:first-child {
	margin-top: 0;
}
.htoc li, .vtoc li, .mtoc li {
	font-size: 15px;
	margin: .2em .7em;
	list-style-type: square !important;
}
.htoc li {
	list-style-type: none !important;
	margin-left: 0;
}
.htoc li:first-of-type {
	margin-left: .7em
}

.htoc li::before {
	content: '|';
	color: var(--color-blue-light);
    font-weight: bold;
	margin-right: .7em;
}
.htoc li:first-of-type::before {
	content: none;
}
.format-opt.sectionID {
	margin-bottom: 1.25em;
}


/* secondary page "blocks" |||||||||||||||||||||||||||||||||||||||||||||||
   (attempting to future-proof this concept with "secondary__blocks" main area type) */


.secondary__blocks {
    display: grid;
    margin-bottom: 4vmin;
}

.secondary__blocks-double {
    grid-template-columns: 1fr 1fr;
    gap: 4vmin;
}

.secondary__block {
    border-radius: 1rem;
    overflow: hidden;
/*    background: var(--color-gray-light);*/
	background: #0061b70a;
}

.secondary__block-img,
.secondary__block img {
    display: block;
}

.secondary__block h3 {
    background: var(--color-blue-dark);
    color: #fff;
    margin: 0;
    padding: 0.875em 1em;
    text-align: center;
}

.secondary__block h4 {
    background: var(--color-gray-med);
    color: var(--color-blue-dark);
    text-align: center;
    padding: 1.375vh 1.5vh;
    margin-bottom: 0;
}

.secondary__block p {
    padding: 2rem 2rem 0;
}

.secondary__block-ol,
.secondary__block ol,
.secondary__block-ul,
.secondary__block ul {
    border-radius: 0;
    font-family: 'Greycliff_SemiBold';
    background: 0 0 !important;
}

.secondary__block h3 + ul,
.secondary__block h3 + ol,
.secondary__block h4 + ul,
.secondary__block h4 + ol {
    margin-top: 0;
}

.secondary__block-ul li,
.secondary__block ul li {
    margin: 0;
}





 /* creates a white, rounded block background for default (secondary) page templates |||||||||||||||||||||||||||||||||||||||||||||||
    (also hours page) */

.page-template-default .entry-content,
.form__hours {
    background: #fff;
    padding: 3rem;
    border-radius: 1rem;
}

.hours__toggle, .hours__selector-location select.udselectbox, .hours__monthly-day {
	color: #014b90 !important;
}





/* new staff roster page |||||||||||||||||||||||||||||||||||||||||||||||
   (in development for phase 2 with grid. code here will likely become obsolete) */

ul.contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    background: transparent;
}

ul.contact li {
    list-style-type: none;
    flex-basis: 48%;
    background: var(--color-gray-light);
    border-radius: 1rem;
    padding: 1.75rem 2rem;
    margin: 0 0 2rem !important;
    font-family: 'Greycliff_SemiBold';
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    font-size: calc(0.875em + 0.125vw);
}

ul.profile, .format-opt.profile-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    background: transparent;
}

.format-opt.profile-grid {
    justify-content: center;
	margin-bottom: 1.25em !important;
}

ul.profile li {
    list-style-type: none;
    flex-basis: 30%;
    background: var(--color-gray-light);
    border-radius: 1rem;
    padding: 1.75rem 2rem;
    margin: 0 0rem 2rem !important;
    font-family: 'Greycliff_SemiBold';
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    font-size: calc(0.875em + 0.125vw);
    justify-content: center;
    text-align: center;
}

ul.profile.profile-grid li {
    margin: 0 1rem 2rem !important;
}

ul.profile li img {
  display: block;
  text-align: center;
}

ul.profile p {
  margin-bottom:0px;
  font-size: calc(1.1rem + 0.125vw);
}

/*
.staff-photo {
    flex-basis: 4rem;
    border-radius: 4rem;
    overflow: hidden;
    height: 4rem;
    margin-right: 1.5rem;
    min-width: 4rem;
}

.staff-info {
    flex-grow: 1;
    padding-right: 1em;
}

.staff-name {
    font-size: calc(1.5rem + 0.25vw);
    line-height: 2rem;
    margin-bottom: 0.5rem;
    color: var(--color-blue-med);
}

.staff-title {
    flex-basis: 100%;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}

.staff-contact {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.staff-phone {
    margin-bottom: 0.5rem;
    margin-right: 2rem;
}

.staff-skills:before,
.staff-phone:before,
.staff-email:before {
    content: 'P';
    content: '#';
    width: 2rem;
    height: 2rem;
    display: inline-block;
    font-family: 'Greycliff_SemiBold';
    background: #009ee1;
    color: #fff;
    line-height: 2rem;
    text-align: center;
    border-radius: 3rem;
    margin-right: 1rem;
}

.staff-email:before {
    content: '@';
}

.staff-skills:before {
    content: '!';
}

.staff-skills span {
    background: var(--color-gray-light);
    padding: 4px 1rem;
    color: var(--color-blue-dark);
    border-radius: 0.5rem;
    margin: 0 0 0.5rem 0.5rem;
    display: inline-block;
}
*/

section.contact-full {
    background: transparent;
    padding: 0;
}
.contact-full ul.contact {
    background: transparent;
}
.contact-full ul.contact li {
    background: #fff;
    flex-basis: 100%;
    flex-wrap: initial;
}
/*
.contact-full .staff-title {
    margin-bottom: 0;
}
.staff-skills {
    display: none;
}
.contact-full .staff-contact {
    flex-basis: 15rem;
    min-width: 15rem;
}
*/







/* forms, inputs |||||||||||||||||||||||||||||||||||||||||||||||
   (needs consolidation for phase 2) */

.ud-form {
    font-size: 1.375rem
}

.ud-form legend {
    color: #fff;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    font-size: 1.375rem;
    margin-bottom: 1rem;
    padding: 0;
    background: var(--color-blue-dark);
    padding: 0.75rem 1.5rem;
	border-radius: 2px;
    width: 100%;
    text-align: center;}

.ud-form fieldset {
    margin-bottom: 3.75rem;
    padding: 1.5rem 2rem;
    background: var(--color-gray-light);
    background: #fff;
    border: 1px solid var(--color-gray-light);
    border: 0;
    border-radius: 1rem
}

.ud-form fieldset .inline {
    display: table;
    width: 100%
}

.ud-form fieldset .inline.fixed {
    table-layout: fixed
}

.ud-form fieldset .inline p {
    font-size: 1.25rem;
    display: table-cell;
    padding: 0 0.5rem 0;
    text-align: center
}

.ud-form fieldset .inline p.short {
    width: 10%
}

.ud-form fieldset .inline p.long {
    width: 32%
}

.ud-form fieldset .inline p label {
    margin-bottom: 2.5px
}

.ud-form p.button-add {
    margin-top: 0.5rem;
    padding: 0 0.5rem;
    text-align: right
}

.ud-form .label-note {
    font-style: italic;
    font-size: 1.25rem;
    margin-left: 0.5rem;
}

.ud-form fieldset label {
    display: inline-block;
    max-width: 100%;
    margin: 0.5rem 0;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    padding: 0 0.25rem;
    color: #000;
    color: var(--color-blue-dark);
}

.ud-form .check-wrap,
.ud-form .radio-wrap,
.ud-form select,
.ud-form input#gcod,
.ud-form input[type="text"],
.ud-form textarea {
    font-family: "greycliff_semibold";
    display: block;
    width: 100%;
    height: 3rem;
    padding: 0.5rem 1rem;
    font-size: 1.375rem;
    line-height: 1.5;
    color: var(--color-blue-dark);
    background-color: var(--color-blue-pale);
    background-image: none;
    border: 1px solid #ccc;
    border: 0;
    border-radius: 1rem;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

.ud-form input[type="checkbox"],
.ud-form input[type="radio"] {
    margin-right: 0.75rem
}

.ud-form textarea {
    height: auto
}

p.require-note {
    font-style: italic;
    font-size: 1.25rem
}

p.captcha {
    text-align: center;
    margin-bottom: 3rem
}

input.captcha-field {
    width: 100px!important;
    display: inline-block!important
}

label.captcha-label {
    display: block;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    margin-bottom: 0.5rem
}

.ud-form button {
    font-family: "greycliff_semibold",sans-serif;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background: linear-gradient(var(--color-blue-med),var(--color-blue-dark));
    border: none;
    -webkit-appearance: none
}

.ud-form select.searchbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem
}

.ud-form select[multiple] {
    height: auto
}

.fieldset-wrap {
    display: flex;
    justify-content: space-between
}

#search-advanced {
    flex-basis: 30%;
    font-size: 1.25rem
}

#ud-search-field label {
    position: fixed;
    left: -999px
}

#search-advanced p {
    text-align: center
}

#ranking-factors {
    flex-basis: 65%
}

.ud-form .radio-blocks {
    display: flex;
    flex-wrap: wrap
}

.ud-form .radio-blocks .radio-set {
    flex-basis: calc(100% / 2);
    margin: 1.5rem 0;
    text-align: center;
    font-size: 1.25rem
}

.ud-form .check-wrap,
.ud-form .radio-wrap {
    border-radius: 0.25rem;
    background: #fff;
    display: inline-block;
    display: table;
    padding: 0;
    width: auto;
    width: fit-content;
    overflow: hidden
}

.ud-form .radio-blocks .radio-wrap {
    margin: 0 auto
}

.ud-form .check-wrap label,.ud-form .radio-wrap label {
    margin: 0;
    padding: 0.5rem 1rem;
    cursor: pointer;
    display: table-cell;
    text-align: center
}

.check-wrap label:not(:first-of-type),
.radio-wrap label:not(:first-of-type) {
    border-left: 1px solid rgba(0,0,0,.1)
}

.check-wrap input:not(:checked)+label:hover,
.radio-wrap input:not(:checked)+label:hover {
    background: var(--color-blue-dark);
    color: #fff
}

.check-wrap input,
.radio-wrap input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.check-wrap input:not(:checked)~.unrefined,
.check-wrap input:checked+label,
.radio-wrap input:checked+label {
    background: linear-gradient(var(--color-blue-med),var(--color-blue-dark));
    color: #fff
}

.agree-to-terms {
    padding: 1.5rem 2rem;
    background: var(--color-gray-light);
    border: 1px solid var(--color-gray-light);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    display: inline-block;
    border-radius: 1rem
}

span.captcha-code {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    background: var(--color-gray-light);
    padding: 0.5rem 1rem;
    margin: 0 0.75rem;
    border-radius: 1rem;
    color: var(--color-blue-dark);
    letter-spacing: 1px;
    display: inline-block;
    font-size: 1.375rem;
    height: 3rem;
    vertical-align: top
}






/* event rsvp page ||||||||||||||||||||||||||||||||||||||||||||||| */

.event-rsvp {
    background: #fff;
    padding: 0.5rem 2rem;
    border-radius: 0.75rem;
    border: 1px solid var(--color-gray-light)
}

.rsvp-event-listing {
    position: relative;
    padding: 0 1rem 0 3rem;
    margin: 2rem 0;
    font-size: 1.25rem
}

.rsvp-event-listing input[type="checkbox"] {
    position: absolute;
    left: 0
}

.rsvp-event-title {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    font-size: 1.375rem;
    line-height: 1.5rem;
    margin-bottom: 2px
}







/* ud search on webinator ||||||||||||||||||||||||||||||||||||||||||||||| */

.ud-search-page {
    font-size: 1.375rem;
    margin: 3.75rem 0
}

.ud-search-page>.container>p:first-of-type {
    display: none
}

.ud-search-page a {
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.ud-search-page a:hover {
    color: var(--color-blue-light)
}

.pagination {
    text-align: center;
    margin: 2rem 0
}

.pagination .button {
    padding: 0.5rem 1.5rem
}

.pagination .prev,
.pagination .pages,
.pagination .next {
    display: inline-block;
    margin: 0 1rem
}

.page-link {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    text-decoration: none;
    color: var(--color-blue-med);
    display: inline-block;
    border-radius: 2rem;
    margin: 0 4px;
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
    line-height: 3rem;
    font-size: 1.375rem
}

a.page-link:hover,
span.page-link {
    background: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: #fff
}

.prev .page-link,
.next .page-link {
    width: auto;
    padding: 0 1.25rem
}


.matching {
    text-align: center;
    padding: 0 0 1rem
}

#search-basic {
    display: none;
    display: block
}

#basic-advanced>div {
    display: inline-block;
    margin-right: 3rem
}

#advanced-options:not(.open) {
    display: none
}

.search-result {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 1px 2px #f0f0f0;
    margin: 2rem 0;
    padding: 1.75rem 2rem 1.5rem;
    line-height: 1.5rem;
    font-size: 1.25rem
}

.search-result-page {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1.375rem;
    text-decoration: none;
    border-bottom: 1px solid var(--color-gray-light);
    padding-bottom: 1.375rem
}

.search-result a {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    text-decoration: none
}

.search-result a:hover {
    text-decoration: underline
}

.search-result b {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: #5b5
}

.search-result-desc {
    display: block;
    margin-bottom: 0.75rem
}

.search-result-meta {
    font-size: 1rem;
    color: #999
}

.search-meta-spacer {
    display: inline-block;
    padding: 0 0.5rem
}






/* hours (old) |||||||||||||||||||||||||||||||||||||||||||||||
   (will likely be obsolete after phase 1, but test to be sure) */

.hours-select {
    margin-bottom: 2.5rem
}

.hours-select label {
    font-size: 1.25rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    margin-bottom: 2.5px;
    display: block
}

.hours-select select {
    width: 100%
}

#udcal-ajax {
    box-shadow: 0 0 1px 2px #f0f0f0
}

.udcal {
    line-height: 2rem;
    border: 0
}

.udcal-month {
    display: table;
    width: 100%;
    background: var(--color-blue-med)
}

#udcal-month-name,
.udcal-month-name,
.udcal-month-prev,
.udcal-month-next {
    display: table-cell;
    vertical-align: middle;
    line-height: 2rem;
    padding: 1rem 1.5rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    color: #fff;
    font-size: 1.5rem
}

#udcal-month-name,
.udcal-month-name {
    text-align: center;
    width: 50%
}

.udcal-month-prev {
    text-align: right;
    width: 25%
}

.udcal-month-next {
    text-align: left;
    width: 25%
}

.udcal-month a.month-nav {
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.udcal-month .linea-svg svg {
    stroke-width: 4px
}

.udcal td {
    width: calc(100% / 7);
    text-align: center;
    font-size: 1.25rem
}

.udcal-dow {
    border: 0;
    background: #c7d6e5;
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    padding: 2px 0
}

.udcal-day {
    padding: 4.5rem 0;
    background: #fff;
    border: 0;
    border: 1px solid #ececec;
    border-width: 0 1px 1px;
    position: relative
}

.udcal-day.today {
    background: #6596c3;
    color: #fff;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.udcal-day.shaded {
    background: var(--color-gray-light);
    color: #888
}

.udcal-times span {
    display: inline-block
}

.udcal-times span:nth-of-type(2) {
    padding: 0 2px
}

.udcal-daynum {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    padding: 2px 0.75rem;
    color: var(--color-blue-med);
    position: absolute;
    right: 0;
    top: 0
}

.today .udcal-daynum {
    color: #fff
}

.shaded .udcal-daynum {
    color: #999
}
.udcalendar {
    width: 100%;
    text-align: center
}

.udcalendarprev {
    padding-right: 4.5rem;
    width: 2.5rem;
    text-align: left;
    display: inline-block
}

a.udcalendarprev {
    color: #fff;
    text-decoration: none
}

.udcalendarnext {
    padding-left: 2.5rem;
    width: 2.5rem;
    text-align: right;
    display: inline-block
}

a.udcalendarnext {
    color: #fff;
    text-decoration: none
}

.udcalendarrowheading {
    display: block;
    width: 100%
}

.udcalendarheading {
    display: inline-block;
    width: 13.87%;
    clear: none;
    text-align: center;
    vertical-align: top;
    padding: 1rem;
    font-size: 1.5rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    margin-bottom: 1rem;
    line-height: 2rem
}

.udcalendarrow {
    display: block;
    width: 100%;
    height: 12rem
}

.udcalendarcol {
    display: inline-block;
    width: 14.2%;
    clear: none;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 1rem;
    font-size: 1.25rem;
    border: 1px solid #e2e2e2;
    background-color: #fff
}

.udcalendardate {
    text-align: right;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    padding-bottom: 1.375rem
}

.udcalendarcol.today {
    background-color: #fff;
    color: #555;
    border: 1px solid var(--color-blue-light);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.udcalendarcol.shaded {
    background-color: #ececec;
    color: #555
}

.udcalendarcol.shaded .udcalendardate {
    color: #555
}

.udcalendarcol.unavailable.shaded {
    background-color: #ececec;
    color: #555
}

.udcalendarcol.unavailable.shaded .udcalendardate {
    color: #555
}







/* main site header ||||||||||||||||||||||||||||||||||||||||||||||| */

#new-header-block {
    position: relative;
    z-index: 1
}

.subsite-name {
    background: var(--color-blue-med);
    color: #fff;
    font-size: 21px;
    line-height: 2rem;
    padding: 1rem;
    margin: 1rem 0 2rem;
    letter-spacing: .5pt
}

.ud-logo-block {
    background: var(--color-blue-med);
    border-bottom: 2px solid var(--color-gold);
    box-sizing: border-box;
    position: relative
}

.ud-logo-wrap {
    text-align: left;
    margin: 0 auto;
    padding: 1.75rem 1.75rem;
    padding-left: 1rem;
    max-width: 1170px;
    height: 11rem
}

.ud-logo-img {
    display: inline-block
}

.subsite-header {
    background: var(--color-blue-dark);
    font-size: 1.25rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5rem;
    font-family: "Greycliff_SemiBold"
}

.subsite-links {
    padding: 1.375rem 0
}

.subsite-header .library-link {
    font-size: 1.5rem;
    display: inline-block;
    letter-spacing: 1px;
}

.subsite-header .subsite-link {
    font-size: 1.5rem;
    margin-top: 3px;
    color: var(--color-gold);
    letter-spacing: 1px;
    font-family: "greycliff_semibold";
    display: inline-block;
    border-left: 1px solid #fff;
    padding-left: 1rem;
    margin-left: 5px
}

.subsite-header a {
    text-decoration: none;
    color: #fff
}

.subsite-header .subsite-link a {
    color: var(--color-gold)
}







/* secondary sidebar menu |||||||||||||||||||||||||||||||||||||||||||||||
   (compare to new-menu-css.css for redundancy with main nav, as these are very generic!) */

.main-menu-wrap {
    background-color: #fff;
    border-bottom: 1px solid var(--color-gray-light)
}

nav.main-menu {
    position: relative;
    padding-left: 0
}

nav .main-menu-inner {
    position: relative;
    padding: 0;
    max-width: 1170px
}

nav ul li {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 2rem;
    position: relative;
    z-index: 1
}

nav .library-menu-cat,nav ul li a {
    text-decoration: none;
    color: var(--color-blue-med);
    padding: 1rem 1.5rem;
    padding: 0;
    display: block
}

nav ul.sub-menu {
    display: none;
    position: absolute;
    top: 3.75rem;
    top: 100%;
    left: 0;
    background-color: var(--color-blue-med);
    width: 300px;
    z-index: -1;
    box-shadow: 0 0 1px 2px rgba(0,0,88,.1)
}

nav ul.sub-menu hr {
    border: none;
    background: var(--color-blue-light);
    height: 1px;
    opacity: 1;
    margin: 1rem 3rem
}

nav ul.sub-menu li {
    width: 100%
}

nav ul.sub-menu li a {
    color: #fff
}

nav li:active ul.sub-menu,
nav li:focus ul.sub-menu,
nav li:hover ul.sub-menu {
    display: block
}

nav .library-menu-cat {
    cursor: default;
    font-family: "Greycliff_SemiBold";
    font-size: 1.375rem;
    letter-spacing: .1px;
    text-transform: uppercase;
    background: #fff
}

.sub-contact {
    float: right;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    letter-spacing: 0
}






/* menu search box |||||||||||||||||||||||||||||||||||||||||||||||
   (may be obsolete with new-menu-css.css) */

.menu-button {
    position: initial;
    top: 0;
    height: 100%
}

#menu-search .menu-button-icon {
    right: 0
}

#menu-search #search-box {
    transform: translateY(-100%);
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s,visibility 0s linear 0.3s,z-index 0s linear 0.01s;
    display: unset;
    padding: 0;
    right: 0;
    border-width: 0 0 1px;
    width: 100%;
    z-index: -1;
    position: fixed;
    height: calc(100% - 82px);
    top: 82px
}

#menu-search.menu-active #search-box {
    transform: translateY(0%);
    visibility: visible;
    z-index: 1;
    transition-delay: 0s,0s,0.3s
}

#menu-search #search-box {
    background: var(--color-gray-light);
    background: #fff
}

.menu-button-icon {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    padding: 0 2rem
}

.menu-button-icon svg {
    stroke: rgba(255,255,255,.75)
}

#menu-search #ud-search-form {
    width: 100%;
    padding: 2.25rem 3rem;
    font-size: 1.375rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

#menu-search form {
    padding: 3.75rem
}

#menu-search form label {
    border: 1px solid var(--color-gray-light);
    margin-bottom: 0
}







/* sidr slide-in mobile side menu |||||||||||||||||||||||||||||||||||||||||||||||
   (obsolete, to be removed) */

#sidr-contact-wrap {
    background: #173c64;
    height: 13.75rem;
    padding: 1.5rem 1rem;
    text-align: center;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.sidr-contact-head {
    color: #eee;
    line-height: 2rem
}

.sidr-contact-head span {
    border-bottom: 2px solid rgba(255,211,0,.7);
    display: inline-block;
    padding: 0 1rem 1px;
    margin-bottom: 1.25rem
}

#sidr-contact-icons {
    display: table;
    width: 100%
}

#sidr-contact-icons li {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#sidr-contact-icons li a {
    padding: 0;
    color: #ddd;
    font-size: 1rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

#sidr-contact-icons li span {
    font-size: 1rem;
    color: #ddd
}

#sidr-contact-icons .linea-svg {
    background: var(--color-blue-light);
    border-radius: 3.75rem;
    height: 4rem;
    width: 4rem;
    margin: 0 auto
}

#sidr-contact-icons li:hover a,
#sidr-contact-icons li:focus a {
    background: none
}

#sidr-contact-icons li:hover .linea-svg
,#sidr-contact-icons li:focus .linea-svg {
    background: var(--color-blue-dark)
}







/* chat hours in main menu |||||||||||||||||||||||||||||||||||||||||||||||
   (i don't believe this is in use either) */

#chat-hours-check .chat {
    display: none
}

#chat-hours-check .chat-offline {
    opacity: .25
}

#chat-hours-check .chat-offline .linea-svg {
    background: none;
    border: 1px solid #ddd
}






/* search page content |||||||||||||||||||||||||||||||||||||||||||||||
   (unclear what this refers to) */

.search-page-content article {
    border-bottom: 1px solid var(--color-gray-light);
    padding: 2rem 1rem;
    font-size: 1.375rem
}

.search-page-content .entry-summary {
    line-height: 2rem;
    font-size: 1.25rem
}

.search-page-content .entry-summary p {
    margin-top: 1.5rem
}






/* 404 page ||||||||||||||||||||||||||||||||||||||||||||||| */

body.error404 .entry-title {
    text-align: center
}

.message-404 {
    text-align: center;
    margin: 0 auto 4.5rem;
    display: block
}

.message-404 .event-row {
    margin: 3rem auto 4.5rem;
    text-align: left;
    width: 100%;
    max-width: 67rem
}

.message-404 .safety-links {
    margin-top: 3rem;
    font-size: 1.25rem
}

.message-404 .safety-links a {
    display: inline-block;
    margin: 0 0.5rem 1rem
}







/* live chat widget ||||||||||||||||||||||||||||||||||||||||||||||| */
/*
#live-chat-widget {
    position: fixed;
    bottom: 5.5rem;
    right: 3.75rem;
    border-radius: 2rem 2rem;
    z-index: 99;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.16),0 0.25rem 0.5rem rgba(0,0,0,.16);
    transition: 0.3s ease all
}

.live-chat-header {
    background: #296090;
    color: #fff;
    border-radius: 2rem 2rem 0 0;
    text-align: center;
    line-height: 2rem;
    padding: 1rem 2rem;
    font-size: 1.25rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    display: none
}

#live-chat-widget iframe {
    height: 24rem;
    min-height: 350px;
    background: #d2e1ec;
    width: 27rem
}

#live-chat-button {
    height: 3.75rem;
    width: 3.75rem;
    display: block;
    cursor: pointer;
    bottom: 0;
    right: 0;
    padding: 1px;
    padding: 0;
    border: 0;
    border-radius: 2rem;
    background: var(--color-blue-light);
    font-size: 1.25rem;
}

.chat-open #live-chat-button {
    position: absolute;
    background: transparent;
}

.live-chat-open {
    background: var(--color-blue-light);
    border-radius: 5.5rem;
    height: 100%
}

.live-chat-open:hover {
    background: #2fbffd
}

.chat-open .live-chat-open {
    display: none
}

.live-chat-close {
    display: none;
    height: 100%
}

.chat-open .live-chat-close {
    display: block
}

.live-chat-open .linea-svg-inner {
    width: 2rem !important;
}

.live-chat-close .linea-svg-inner {
    width: 3.25rem !important;
}

.live-chat-open svg {
    stroke-width: 0.375rem
}

.live-chat-close svg {
    stroke-width: 0.25rem
}

.live-chat-wrap {
    padding: 0 1.5rem 1.5rem;
    background: #e5e5e5;
    border-radius: 2rem;
    display: none;
    border: 0.2rem solid var(--color-blue-light)
}

.chat-open .live-chat-wrap {
    display: block
}
*/







/* events datepicker ||||||||||||||||||||||||||||||||||||||||||||||| */

.new-filter-block {
    width: 100%;
    display: block;
    background: #fff;
    line-height: 2rem;
    position: relative;
    border-radius: 1rem;
    max-width: 30rem;
    max-width: unset;
    margin: 0 auto 2rem;
    overflow: hidden
}

.filter-bar {
    background: var(--color-blue-med);
    color: #fff;
    position: relative;
    z-index: 2
}

.filter-header {
    font-size: 1.5rem;
    line-height: 4rem;
    font-family: "greycliff_semibold";
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter__prev,
.filter__next {
    flex-basis: 4rem;
    cursor: pointer;
}

.filter__arrow {
    content: '';
    display: inline-block;
    border-width: 0.5rem 0.75rem;
    border-color: transparent #fff;
    border-style: solid;
}

.weekly-next .filter__arrow,
.filter__next .filter__arrow {
    border-right: 0;
}

.weekly-prev .filter__arrow,
.filter__prev .filter__arrow {
    border-left: 0;
}

.filter__prev:hover,
.filter__next:hover {
    background: var(--color-blue-light);
}

#refine {
    cursor: pointer;
    flex-grow: 1;
}

#refine:after {
    content: '';
    display: inline-block;
    height: 0.75rem;
    width: 0.75rem;
    border-right: 0.2rem solid;
    border-bottom: 0.2rem solid;
    transform: rotate(45deg);
    margin-bottom: 0.25rem;
    margin-left: 1rem;
    transition: 0.3s ease all;
}

#refine.refine-open:after {
    transform: rotate(225deg);
    margin-bottom: 0;
}

/*
#refine {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 1.5rem;
    font-size: 1.375rem;
    height: 100%;
}

.refine-open {
    background: #fff
}

.refine-open .linea-svg svg {
    stroke: var(--color-blue-med)
}
*/

.translucent-content {
    opacity: .5
}

#refinements {
    padding: 0;
    position: absolute;
    position: relative;
    right: 0;
    background: #fff;
    z-index: 1;
    display: block;
    max-width: 400px;
    margin: 0 auto;
}

.new-filter-block .select-fields,
.new-filter-block .date-refine {
    width: 50%;
    padding: 2rem 2rem 0;
    vertical-align: top;
    display: inline-block
}

.no-selects {
    right: 0;
    background: #fff;
    z-index: 1
}

.no-selects .date-refine {
    width: 100%
}

.new-filter-block .datepicker {
    width: 100%
}

.datepicker table {
    width: 100%;
    line-height: 3rem;
    font-size: 1.25rem;
    border: 0;
    border-collapse: separate;
}

.datepicker td,
.datepicker th {
    border: 0;
    color: var(--color-blue-dark);
    display: table-cell;
    min-width: 3rem;
    padding: 0;
    text-align: center;
    cursor: pointer;
    line-height: 3rem;
    background: var(--color-gray-light);
    border-radius: 0.75rem;
    font-family: 'greycliff_semibold';
    border: 0.25rem solid #fff;
}

.datepicker tr {
    table-layout: fixed;
    width: 100%
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: var(--color-gray-med);
    background: #fff;
}

.datepicker th.dow,
.datepicker th.dow:hover {
    color: var(--color-blue-med);
    background: #fff;
    cursor: default;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    font-size: 1rem;
    text-transform: uppercase
}

.datepicker thead th {
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    font-size: 1.375rem;
    letter-spacing: .5px;
    background: #fff;
    border: none;
}

.datepicker-years span.active,
.datepicker-months span.active,
.datepicker tr td.active.active,
.datepicker tr span.active.active {
    background: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: #fff;
    text-shadow: none
}

.datepicker-years .datepicker-switch:hover {
    cursor: default;
    background: #fff
}

.datepicker thead th:hover,
.datepicker td.day:hover {
    background: var(--color-gray-light);
}

.datepicker td.day.active:hover {
    background: var(--color-blue-med);
    color: #fff
}

.datepicker td.day.today:not(.active):hover {
    background: var(--color-gray-light);
    color: var(--color-blue-med)
}

.datepicker-years span.focused,
.datepicker-months span.focused,
.datepicker td.today {
    background: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: #fff
}

.datepicker .prev,
.datepicker .next {
    position: relative
}

.datepicker .arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    z-index: 3;
    width: 0;
    height: 0;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border-radius: 0;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    background: transparent
}

.datepicker .next .arrow {
    right: 1.5rem;
    border-left: 0.5rem solid var(--color-blue-med);
    border-right: 0
}

.datepicker .prev .arrow {
    left: 1.5rem;
    border-right: 0.5rem solid var(--color-blue-med);
    border-left: 0
}


.datepicker-years td,
.datepicker-months td {
    width: 100%;
    padding: 2rem 0;
    background: #fff;
}

span.year,
span.month {
    width: 20%;
    margin: 0.5rem 0.5rem;
    display: inline-block;
    padding: 1rem 0;
    border-radius: 0.75rem
}

span.year:hover,
span.month:hover {
    background: var(--color-gray-light)
}

.datepicker tfoot {
    display: none
}

/*
.datepicker tfoot.open {
    display: table-footer-group;
}
*/

.datepicker tfoot tr th {
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.datepicker tfoot th:not(.tfoot-space) {
    min-width: 7rem
}

.datepicker tfoot th:not(.tfoot-space):hover {
    background: var(--color-gray-light);
}

.datepicker tfoot .tfoot-space {
    background: inherit;
    cursor: default;
    min-width: 40px
}

.datepicker-dropdown {
    position: absolute;
    padding: 1.375rem 1.375rem;
    background: #fff;
    box-shadow: 0 0 1px 2px var(--color-gray-light);
    margin: 34px 1px
}

.datepicker-orient-top {
    margin: 46px 1px;
    margin: 1.375rem 1px
}

.datepicker-orient-bottom {
    margin: 1px
}

.datepick {
    position: relative
}

.datepick .datepicker {
    display: none;
    position: absolute;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
    right: 1px;
    z-index: 9999
}

.entry-content .datepick table {
    margin: 0
}

.datepick .datepicker>div {
    padding: 1rem;
    background: #fff;
    max-width: 300px
}

.datepick svg {
    stroke-width: 3px
}

.input-group-addon {
    position: absolute;
    bottom: 0.5rem;
    right: 0.75rem;
    cursor: pointer
}

#weekpicker tr:hover td.day {
    background: var(--color-gold-pale);
}

#weekpicker tr:hover td.day.active {
    background: var(--color-blue-light)
}

#weekpicker .datepicker tr:hover td.today {
    background: var(--color-blue-light);
    color: #fff;
}







/* exhibits |||||||||||||||||||||||||||||||||||||||||||||||
   (almost certain this is obsolete now that we have exhibits.lib) */

.exhibit-item {
    margin-bottom: 5.5rem
}

.exhibit-item a {
    color: var(--color-blue-med);
    text-decoration: none
}

.past .exhibit-meta,
.past .exhibit-meta a {
    color: var(--color-blue-light)
}

.past .linea-svg.udblue svg {
    fill: var(--color-blue-light)
}

.exhibit-title {
    margin-bottom: 0;
    background: var(--color-blue-med);
    color: #fff;
    font-size: 1.375rem;
    letter-spacing: .5px;
    text-align: center
}

.exhibit-title:hover {
    background: var(--color-blue-light)
}

.past .exhibit-title {
    background: var(--color-blue-light)
}

.exhibit-title a {
    padding: 1rem 1.5rem;
    display: block;
    color: #fff
}

.exhibit-info {
    padding: 2.25rem 3rem
}

.exhibit-image {
    display: inline-block;
    width: 25%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative
}

.exhibit-image img {
    width: 100%;
    height: auto;
    display: block
}

.exhibit-item button.expand {
    display: none;
    z-index: 2
}

.exhibit-text {
    display: inline-block;
    width: 75%;
    vertical-align: top;
    padding-left: 38.5px
}

.exhibit-desc {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 2rem
}

.exhibit-meta {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    line-height: 2rem;
    font-size: 1.25rem;
    padding: 1.5rem 0.5rem 0;
    border-top: 1px solid var(--color-gray-light)
}

.exhibit-meta .meta-inner {
    display: inline-block
}

.exhibit-meta .linea-svg {
    display: inline-block;
    width: 2rem;
    text-align: center;
    vertical-align: top
}

.exhibit-meta .meta-info {
    display: inline-block;
    vertical-align: top;
    padding-left: 1.5rem;
    max-width: 90%;
    width: 100%
}

.has-sidebar .online-version a {
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: var(--color-blue-med);
    padding: 1.5rem;
    width: 100%;
    display: block
}

.online-version a:hover {
    background: var(--color-blue-light)
}







/* events (results page) ||||||||||||||||||||||||||||||||||||||||||||||| */

.box__yellow + .events-list {
    margin-top: 4rem;
}

.no-calendar {
    font-size: 1rem;
    line-height: 2rem;
    display: block;
    letter-spacing: .25px;
    color: #888;
    font-style: italic;
    padding: 0 3rem
}

.refinements {
    display: none
}

.refinements.open {
    display: block
}

.events-cal-icon {
    font-size: 2rem;
    line-height: 1.5rem;
    display: block
}

.event-meta .meta-fullwidth {
    display: block;
    margin-top: 2px
}

.news-date {
    min-width: 2.5rem
}

.month-head {
    position: sticky;
    top: 2rem;
    background: var(--color-blue-dark);
    border-radius: 1rem;
    padding: 1rem 0;
    text-align: center;
    z-index: 2;
    color: #fff;
    letter-spacing: .5px;
    font-size: 1.5rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.month-head.past {
    background: #888
}

h2.event-list-month {
    text-align: center;
    background: var(--color-blue-dark);
    color: #fff;
    font-size: calc(1.25rem + 0.5vmin);
    padding: 0.75em;
    letter-spacing: .025vmax;
    letter-spacing: 0;
    display: block;
    border-radius: 1rem;
}

h2.event-list-month:not(:first-child) {
    margin-top: calc(2em + 2.5vmin);
}

#events-load-btn:disabled {
    display: none;
}

.events-results {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    text-align: left;
}

.events-list .events-results {
    margin-bottom: 3rem;
    margin-left: 2px;
}

.events-end {
    text-align: center;
    font-family: 'Greycliff_SemiBold';
    color: var(--color-blue-dark);
    margin-bottom: 3rem;
}

.events-end:before {
    content: "No more events to load";
}

/* hacky fix for regular events pages until we recode the ajax calls - RPN 2021.04.14
.events-results .events-results {
    display: contents;
}
 */

.events-results .event-row {
    margin: 0;
    padding: 0;
    color: var(--color-blue-med);
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.event-date {
    text-align: center;
    font-family: "greycliff_semibold";
    letter-spacing: 1px;
    line-height: 2rem;
    grid-column: -3;
    width: 4rem;
}

.same-day .event-date {
    opacity: 0
}

.event-month,
.event-dow {
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1rem;
    margin: 2px 0 0;
	color: #014b90;
}

.event-day {
    font-size: 2.25rem;
    margin: 1px 0
}

.event-block {
    display: grid;
    grid-template-columns: 1fr;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
}

.event-text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1.75rem;
}

.event-name {
    letter-spacing: -.025vw;
    margin: 0;
	font-size: calc(1.25rem + 0.5vmin);
}

.event-name a {
    text-decoration: none;
    color: inherit
}

.past h3 {
    color: #555
}

.event-name a:hover {
    text-decoration: underline
}

.event-meta {
    color: var(--color-blue-dark);
    font-size: 1.25rem;
    line-height: 1rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.event-meta .meta-sub:before {
    display: none;
}

.category-tag,
.meta-sub {
    background: var(--color-gray-light);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-family: 'greycliff_semibold';
    font-size: 1.125rem;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0;
}

.event-thumb {
    position: relative;
    display: flex;
    grid-column: -1;
    width: 14rem;
}

.event-thumb:not(.news-link-icon):before {
    content: '';
    height: 100%;
    display: block;
    position: absolute;
    background: linear-gradient(90deg,#fff,transparent);
    width: 100%;
}

.event-thumb img {
  /*  height: 100%;
    height: 9rem;
    max-width: unset; */
    width: auto;
    object-fit: cover;
}

.event-thumb-full img {
    height: 100%;
}

.grid-two {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.grid-two .event-row {
    grid-template-columns: 1fr 4rem;
}

.grid-two .event-date {
    grid-row: 1;
    grid-column: 2;
    z-index: 1;
    color: #fff;
    background: var(--color-blue-dark);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 4.75rem;
    height: 4.75rem;
    justify-self: right;
    border-radius: 0 1rem 0 1rem;
}

.grid-two .event-block {
    grid-column: 1 / -1;
    grid-row: 1 / span 2;
    grid-template-rows: min-content;
}

.grid-two .event-thumb {
    width: 100%;
    grid-column: 1 / -1;
    background: coral;
    grid-row: 1;
}

.grid-two .event-thumb::before {
    display: none;
}

.grid-two .event-text {
    gap: 1.75rem;
    padding: 1.75rem 2rem;
}

.grid-two .event-meta {
    flex-direction: column;
    align-items: flex-start;
}

.grid-two .meta-sub {
    background: none;
    border: 1px solid var(--color-gray-med);
}

.grid-two .event-month {
    margin: 0;
}




.weekly-view {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 3rem
}

.weekly-days,
.weekly-nums {
    display: table-row
}

.weekly-days {
    text-align: center;
    background: #c7d6e5;
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    text-transform: uppercase
}

.weekly-day,
.weekly-num {
    display: table-cell
}

.weekly-day {
    padding: 2px 0;
    font-size: 1.25rem
}

.weekly-num {
    background: #fff;
    border: 1px solid #eee;
    padding: 1.5rem;
    text-align: center;
    border-top: 0;
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.weekly-month {
    display: block;
    line-height: 1rem;
    font-size: 1rem;
    text-transform: uppercase
}

.weekly-daynum {
    display: block;
    font-size: 2rem;
    line-height: 2.5rem
}

.weekly-navs {
    background: var(--color-blue-light)
}

.weekly-nav {
    color: #fff;
    display: inline-block;
    padding: 1rem 1.5rem;
    cursor: pointer;
    font-size: 1.5rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.weekly-next {
    float: right;
    text-align: right
}

.weekly-nav div {
    display: inline-block;
}

#week-prev,
#week-next {
    font-size: 1.375rem;
    padding: 0 0.5rem
}

.event-multiday {
    line-height: 2rem;
    margin-bottom: 2rem;
    margin-left: 2rem
}

.event-multiday .event-date-block,
.multiday-dates {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    display: inline-block;
    width: 13.75rem
}

.event-multiday.past .event-date-block {
    background: inherit
}

.event-multiday .event-text {
    display: inline-block;
    vertical-align: top;
    padding-top: 0.5rem
}

.event-multiday .event-name a {
    text-decoration: none;
    color: #555
}

.event-multiday .event-location {
    display: none
}

.multi-date-block {
    background: var(--color-blue-med);
    color: #fff;
    width: 25%;
    text-align: center;
    line-height: 14.5px;
    padding: 1.5px 0;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase
}

.multi-date-spacer {
    display: inline-block;
    color: var(--color-blue-med);
    padding: 0 4px;
    font-size: 3rem
}

.multi-date-block .event-day {
    font-size: 1.375rem;
    padding-top: 0;
    padding-bottom: 4px
}

.multi-date-block .event-month {
    padding-top: 0;
    font-size: 1rem
}

span.meta-separator {
    padding: 0 4px
}

span.meta-separator:after {
    content: "\2022"
}

span.no-events {
    grid-column: span 2;
    text-align: center;
    margin: 2rem 0;
    font-family: 'Greycliff_SemiBold';
    letter-spacing: -0.025vmax;
    color: var(--color-blue-dark);
}







/* events (single event) ||||||||||||||||||||||||||||||||||||||||||||||| */

.event-rsvp-button,
.space-image,
.equipment-image,
.event-image {
    margin-bottom: 3rem
}

.space-image img,
.equipment-image img,
.event-image img {
    display: block;
    width: 100%;
    height: auto
}

.event-rsvp-button {
    padding: 0 25%;
    font-family: "greycliff_semibold"
}

.event-rsvp-button a {
    width: 100%
}

.time-date-wrap,
.other-meta {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    display: inline-block;
    color: var(--color-blue-med);
    line-height: 2rem;
    vertical-align: top
}

.calendar-buttons,
.time-date-wrap {
    width: 45%;
    float: left
}

.other-meta {
    width: 55%;
    float: right
}

.dates,
.organizer,
.venue-info-name {
    margin-bottom: 1rem
}

.dates-inner {
    margin-bottom: 7.5px
}

.date-info,
.time-info,
.organizer-info,
.venue-info {
    display: inline-block;
    vertical-align: top;
    padding-left: 1.5rem;
    max-width: 90%
}

.meta-wrap a {
    text-decoration: none
}

.calendar-buttons {
    margin-top: 1.5rem
}

.space-description,
.equipment-description,
.event-description {
    background: #fff;
    padding: 2.25rem 3rem;
    margin-bottom: 3rem;
    line-height: 2rem;
    font-family: "greycliff_light";
    font-size: 1.375rem
}

.tag-header,
.category-header {
    display: inline-block;
    font-size: 1.25rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    margin-right: 3px
}

.tags {
    margin-bottom: 1rem
}

.categories {
    margin-bottom: 3rem
}

.category-tag,
.tag-links,
.categories li,
.tags li {
    display: inline-block
}

span.category-tag a,
span.calendar-link a {
    background: var(--color-blue-med);
    font-size: 1rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    border-radius: 2rem;
    line-height: 2rem;
    display: inline-block;
    margin: 0 2.75px
}

span.label-topic a,
span.category-tag a {
    background: var(--color-gray-light)
}

.calendar-link {
    display: inline-block
}

span.calendar-link:hover a {
    background: var(--color-blue-light)
}

.label-topic a,
.category-tag a,
.calendar-link a {
    text-decoration: none;
    padding: 2px 9px;
    display: block
}

.calendar-link a {
    color: #fff
}

.tag-links a,
.category-tag a {
    color: var(--color-blue-med)
}

span.calendar-link.rsvp a:hover {
    background-color: var(--color-blue-light);
    color: #fff!important
}

.category-list {
    display: inline-block;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med)
}

.category-top {
    float: right;
    display: none;
    display: inline-block
}

.category-bottom {
    display: none
}

.meta-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 3rem;
    font-family: 'greycliff_semibold';
    color: var(--color-blue-med);
}

.meta-item {
    flex-basis: 50%;
    padding-right: 2rem;
}

#meta-date {
    order: 1
}

#meta-fee {
    order: 2
}

#meta-time {
    order: 3
}

#meta-venue {
    order: 4
}

#meta-organizer {
    order: 5
}

#meta-address {
    order: 6
}

#meta-cal {
    order: 7
}

.content-button-bar,
#calendar-buttons {
    margin: 0.75rem 0 0
}

.content-button-bar a,
#calendar-buttons .calendar-link {
    flex-basis: 30%;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    margin-right: 0.5rem
}

#calendar-buttons .calendar-link a {
    width: 100%;
    margin: 0
}

.event-is-over {
    order: 0;
    flex-basis: 100%;
    background: var(--color-gray-med);
    text-align: center;
    border-radius: 1rem;
    margin-bottom: 3rem;
    padding: 1rem 0;
    color: #222;
    font-family: "greycliff_semibold";
}







/* video games list |||||||||||||||||||||||||||||||||||||||||||||||
   (this uses 'events-results', which can produce some undesired grid effects. page needs rethinking as is) */

.games-page-content .events-results {
    display: block;
}

.last-updated {
    font-size: 18px;
    margin-bottom: 33px;
    font-family: 'greycliff_semibold';
    color: #7a7;
}

.company-links {
    margin-bottom: 33px;
    line-height: 22px;
    line-height: 27.5px;
    font-size: 15px;
}

.company-links span {
    display: inline-block;
    color: #555;
    font-family: 'greycliff_semibold';
    margin-right: 5.5px;
}

.company-links span:after {
    content: ':';
}

.company-links a {
    display: inline-block;
    font-family: 'greycliff_semibold';
    color: #3474b1;
    padding: 0 5.5px;
}

table.console-table {
   margin-bottom: 44px;
   font-family: 'greycliff_semibold';
}

.console-table th {
   background: #3474b1;
   color: #fff;
   font-family: 'greycliff_semibold';
   opacity: 0.8;
}

th.console-name {
   text-align: left;
    vertical-align: top;
}

th .console-logo {
   text-align: right;
    height: auto;
    padding-top:5px;
}

.microsoft th {
   background: #7b7;
   background: #92c83c;
}

.nintendo th {
   background: #90bbe6;
   background: #fc0c18;
}

.sega th {
   background: #556;
}

.sony th {
   background: #77b;
   background: #006bc7;
}

.console-table td,
.console-table th {
   padding: 8px 11px;
}

td.game-title {
   text-transform: capitalize;
}

.game-title span {
    float: right;
    font-family: 'greycliff_semibold';
    color: #7a7;
}

.console-table a {
   text-decoration: none;
   color: #3474b1;
}

.console-table a:hover {
   text-decoration: underline;
}

td.game-callnum {
   width: 33px;
   width: auto;
   text-align: right;
   text-transform: uppercase;
}






/* new games styling */

.games__results {
    font-family: 'Greycliff_SemiBold';
}

.company__group {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Greycliff_SemiBold';
    color: var(--color-blue-dark);
    margin-bottom: 0.75rem;
}

.company__group-name {
    flex-basis: 10rem;
}

.company__group-link {
    text-decoration: none;
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 0.375rem;
    margin-right: 0.5rem;
    font-size: 1.25rem;
    color: #fff;
}

.company__links {
    margin-bottom: 8vmin;
}

.console__block {
    margin-bottom: 6vmin;
}

.console__logo {
    height: 2rem;
}

.console__logo img {
    height: 100%;
}

.console__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
}

.console__header h3 {
    color: #fff;
    margin: 0;
}

.game__row {
    display: flex;
    text-transform: capitalize;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    line-height: 1;
    background: #fff;
    border-radius: 0.5rem;
    margin-top: 0.375rem;
}

.game__title a {
    text-decoration: none;
}

.game__call-no {
    flex-shrink: 0;
}

.microsoft {
   background: #7b7;
   background: #92c83c;
}

.nintendo {
   background: #90bbe6;
   background: #fc0c18;
}

.sega {
   background: #556;
}

.sony {
   background: #77b;
   background: #006bc7;
}







/* media lists |||||||||||||||||||||||||||||||||||||||||||||||
   (spaces, tutorials, games, equipment, anything repeated and listed out) */

.media-row {
    display: table;
    width: 100%;
    margin-bottom: 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 1.5rem 1.5rem
}

.space .media-row {
    padding: 2rem
}

.tutorial .media-row,
.video .media-row {
    padding: 0
}

/*
.media-row:hover {
    box-shadow: 0 1px 0.75rem 2px rgba(0,0,0,.3);
    transition: all ease 0.3s
}
*/

.media-row a {
    text-decoration: none;
    cursor: pointer
}

.media-row>a {
    display: table
}

.software .media-row a,
.equipment .media-row a {
    display: table;
    width: 100%
}

.media-thumb {
    display: table-cell;
    width: 22%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 1.5rem 0;
    padding: 0.5rem;
    padding: 0;
    line-height: 1rem
}

.media-thumb img {
    height: auto
}

.equipment .media-thumb,
.software .media-thumb {
    width: 10%
}

.product .media-thumb {
    background: #fff;
    width: 15%
}

.space .media-thumb {
    width: 30%;
    padding: 2rem 0 2rem 2rem;
    padding: 0 0.75rem 0 0;
    vertical-align: top
}

.space .media-thumb img {
    border-radius: 0.75rem
}

.equipment .media-thumb img,
.software .media-thumb img {
    width: 4.5rem;
    height: 4.5rem;
    padding: 0.5rem;
    border: 0
}

.product .media-thumb img {
    width: 77px;
    height: 77px;
    height: auto;
    padding: 0.5rem;
    border: 0
}







/* video tutorials ||||||||||||||||||||||||||||||||||||||||||||||| */

section.video .video .media-thumb,
section.tutorial .video .media-thumb,
.tutorial .media-thumb {
    background: var(--color-blue-med)
}

.tutorial .media-row:hover .media-thumb {
    background: var(--color-blue-dark)
}

.media-text {
    display: table-cell;
    padding: 1.5rem 2rem;
    padding: 0 4.5rem 0 2rem;
    vertical-align: middle
}

.space .media-text,
.video .media-text,
.tutorial .media-text {
    width: 80%;
}

.space .media-text {
    padding: 2rem;
    padding: 0 2rem;
    vertical-align: top
}

.product .media-text {
    width: 65%
}

.equipment .media-text {
    width: 85%
}

.media-title {
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    line-height: 1.5rem
}

.media-row a:hover .media-title {
    color: var(--color-blue-dark);
    text-decoration: underline
}

.media-license-logo {
    display: table-cell;
    vertical-align: middle;
    width: 25%
}

.media-license-logo img {
    width: 85%
}

.media-license-text {
    display: table-cell;
    vertical-align: top;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.media-meta {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #555;
    margin-top: 0.5rem;
    margin-top: 1rem;
    font-family: "greycliff_light"
}

.space .media-meta {
    margin-top: 1.5rem;
    font-size: 1.375rem;
    line-height: 1.75rem
}

.tutorial .media-meta,
.video .media-meta {
    font-size: 1.375rem
}

.media-meta .spacer {
    padding: 0 4px
}

.media-meta p {
    line-height: inherit;
    margin-bottom: inherit
}

.media-row .media-locations a {
    display: inline-block;
    width: auto;
}

.media-locations .meta-equip-oclc .meta-sub {
    background: var(--color-blue-med);
    border-radius: 1rem;
    color: #fff;
}

.media-locations a:hover .meta-sub,
.media-locations a:focus .meta-sub {
    background: var(--color-blue-light);
    color: #fff;
}

.media-locations svg {
    vertical-align: bottom;
    margin-left: -0.125em;
    margin-right: 0.375em;
}

.media-locations circle {
    stroke: var(--color-gray-light);
    stroke-width: 0.75rem;
}

.media-locations a:hover path,
.media-locations a:focus path {
    fill: #fff;
}

.media-locations a:hover circle,
.media-locations a:focus circle {
    fill: var(--color-blue-light);
    stroke: var(--color-blue-light);
}

.media-price,
.media-oclc {
    display: table-cell;
    width: 18%;
    padding: 0 2rem;
    background: #fff;
    vertical-align: middle
}

.media-price {
    width: 12%;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    font-size: 1.5rem
}

.space-avail,
.equip-oclc {
    margin-top: 3rem
}

.space-avail a,
.equip-oclc a {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}








/* blog posts ||||||||||||||||||||||||||||||||||||||||||||||| */

.type-post {
    line-height: 2rem
}

.type-post .entry-meta {
    font-size: 1.25rem;
    margin: 3.75rem 0 0;
    text-align: left;
    color: #777;
    border-top: 1px solid #ddd;
    padding-top: 1.5rem
}

a.blog-more-link {
    font-size: 1.25rem
}

#content .blog-post-title a {
    text-decoration: none;
    color: var(--color-blue-med)
}

#content .blog-post-title a:hover {
    text-decoration: underline
}

.single .blog-wrap header {
    text-align: center;
    position: relative;
    margin-bottom: 3rem
}

a.post-edit-link {
    font-size: 1.25rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.entry-meta a.post-edit-link {
    position: absolute;
    float: left;
    top: 0;
    right: 0
}

.tag-header {
    padding-top: 3px;
    margin-right: 0.75rem
}

.tag-links {
    vertical-align: top
}

.tag .entry-title a,
.category .entry-title a {
    text-decoration: none;
    color: var(--color-blue-med)
}

.blog-wrap {
    padding: 2.25rem 3rem
}

.blog-wrap .entry-title {
    text-transform: capitalize
}

.author-meta {
    font-size: 1.25rem;
    color: #666;
    margin-bottom: 1.5rem
}

.single .author-text {
    border-bottom: 2px solid #ffd302;
    padding: 0.75rem 1.5rem
}

.meta-sep {
    font-size: 1.25rem;
    padding: 0 4px;
    color: var(--color-blue-med)
}

span.archive-edit-link {
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    width: 8%;
    float: right;
    text-align: right
}

span.archive-edit-link a {
    background: #d44;
    border-radius: 4px;
    color: #fff!important;
    padding: 3px 7px
}

span.archive-edit-link a:hover {
    opacity: .8
}

span.archive-edit-link+a {
    display: inline-block;
    width: 90%;
    color: var(--color-blue-med);
    text-decoration: none
}

article+footer {
    padding: 0
}

#nav-below {
    min-height: 3rem
}

#nav-below>div {
    display: inline-block
}

#nav-below.tut-nav {
    text-align: center
}

#nav-below.tut-nav .nav-previous {
    padding: 1rem 1.5rem 0;
    width: 100%
}

#nav-below:not(.tut-nav) .nav-next {
    float: right
}

#nav-below:not(.tut-nav)>div a {
    background: var(--color-blue-med);
    color: #fff;
    padding: 4px 1.5rem;
    line-height: 2rem;
    font-size: 1.25rem;
    text-decoration: none;
    border-radius: 2rem;
    display: block;
    font-family: "greycliff_semibold"
}

#nav-below.tut-nav>div a {
    display: block;
    line-height: 26px
}

#nav-below>div a:hover {
    opacity: .8
}

.prev-blog-arrow,
.next-blog-arrow {
    height: 26px;
    display: inline-block
}

.prev-blog-arrow {
    margin-left: -1rem
}

.next-blog-arrow {
    margin-right: -1rem
}

#nav-below .linea-svg {
    display: inline-block;
    vertical-align: top
}








/* rss button |||||||||||||||||||||||||||||||||||||||||||||||
   (not on-theme, needs retheming and possibly analytics?) */

.rss {
    text-align: right;
    margin-bottom: 2rem
}

.rss a.btn {
/*    background: linear-gradient(#f09151,#e96a26);*/
	background: linear-gradient(#ff7111,#9c3003);
    display: inline-block;
    width: auto;
    padding: 0.5rem 1rem
}

.rss a.btn:hover {
    background: #f09151
}

.rss .linea-svg {
    padding-right: 0.5rem
}

.rss .action-text {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    line-height: 1.5rem
}

.rss .attach-size {
    font-size: .7em;
    line-height: 1.75rem
}

.rss svg {
    fill: #fff;
    stroke: 0
}

.udrss {
    display: inline-block;
    text-align: right;
    width: auto;
    clear: none;
    float: right;
    margin-bottom: 1rem
}

.udrss-desc {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 3px;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    font-size: 1.25rem;
    padding-right: 5px
}

.udrsstip {
    font-size: 1rem;
    line-height: 1rem
}






/* faq pages |||||||||||||||||||||||||||||||||||||||||||||||
   (force override of iframe styling) */

td.part-type {
    text-align: right
}

tr.std {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med)
}

.parts-list td {
    padding: 1rem 1.5rem
}

main .s-la-widget-embed {
    border: 0;
    padding: 0
}

main .s-la-widget {
    font-family: inherit;
    background-color: inherit;
    line-height: 2rem;
    color: #333
}

main .s-la-widget .s-la-askform-header,
main .s-la-widget .s-la-askform-intro,
main .s-la-widget .s-la-askform-reqnote {
    margin-bottom: 2rem
}

main .s-la-widget legend {
    font-size: 21px;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    margin-bottom: 2rem;
    border-bottom: 0;
    color: var(--color-blue-med);
    padding-top: 2.25rem
}

main .s-la-widget .s-la-widget-header {
    display: none
}

main .s-la-widget ul,
main .s-la-widget .s-la-content-faqlist ul,
main .s-la-widget .list-unstyled {
    padding: 1rem 2.25rem;
    margin: 2.25rem 2rem
}

.page-template-default .s-la-widget legend {
    padding-top: 12px;
}
.page-template-default .s-la-widget .btn-primary {
	background: linear-gradient(var(--color-blue-med),#00539a);
    color: #fff;
    display: table;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    padding: .5rem 3rem;
    line-height: 2rem;
    border-radius: 1.5rem;
    box-shadow: 0 2px 1rem rgba(0,0,0,.2);
    font-family: "greycliff_semibold";
    cursor: pointer;
    border: 0;
}
.page-template-default .s-la-widget .btn-primary:hover {
	background: var(--color-blue-light);
}







/* page navigation |||||||||||||||||||||||||||||||||||||||||||||||
   (for search results? unclear) */

.page-navigation {
    text-align: center
}

.page-numbers {
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    text-decoration: none
}

.page-navigation .current {
    background: var(--color-blue-med);
    color: #fff
}

.page-numbers:not(.current):hover {
    background: var(--color-gray-light)
}

.page-menu li {
    display: list-item;
    text-align: left;
    line-height: 2rem;
    font-size: 1.25rem
}

.page-menu li:after {
    display: none
}

.page-menu ul {
    list-style-type: disc;
    color: var(--color-blue-med)
}

.page-menu li a {
    text-decoration: none
}

.page-menu:before {
    content: "Page Sections";
    font-size: 1.5rem;
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    line-height: 2rem;
    margin-bottom: 2rem;
    display: block
}








/* venues ||||||||||||||||||||||||||||||||||||||||||||||| */

.block--rounded {
    border-radius: 1rem;
    overflow: hidden;
}

.venue {
    line-height: 2rem;
    margin-bottom: 6rem;
    display: flex;
    flex-wrap: wrap;
    font-family: 'greycliff_semibold';
    background-color: #fff;
}

.venue a {
    text-decoration: none;
    color: var(--color-blue-med);
}

.venue__header {
    background: var(--color-blue-med);
    letter-spacing: .25px;
    text-align: center;
    flex-basis: 100%;
}

.venue__header h3 {
    margin-bottom: 0;
}

.venue__header a {
    color: #fff;
    line-height: 4rem;
    display: block
}

.venue__header a:hover,
.venue__header a:focus {
    background: var(--color-blue-light)
}

.venue__bg {
    background-position: 0% 50%!important;
    flex-basis: 50%;
    min-height: 160px;
}

.venue__list {
    background: #fff;
    padding: 3rem;
    flex-basis: 50%;
    color: var(--color-blue-dark);
}

.iconlist__icon {
    margin-right: 1.375rem;
    height: 3rem;
    background: var(--color-gray-light);
    border-radius: 3rem;

}

.iconlist__icon .linea-svg {
    width: 3rem;
}

.iconlist__row {
    display: flex;
    margin: 0 0 1.375rem;
}

.iconlist__row:last-of-type {
    margin: 0;
}

.iconlist__data {
    flex-basis: 100%;
    padding: 0.5rem 0;
}

.iconlist__data--row {
    display: flex;
    justify-content: space-between;
}

.hours-row {
    display: none
}

.is--expanded .iconlist__data--row,
.all-hours .hours-row {
    display: flex
}

.hours-row.today {
    display: flex;
    color: var(--color-blue-med)
}

.hours-row,
.phone-row,
.iconlist__data--row {
    margin: 4px 0;
}

.hours-row.today,
.iconlist__data--row.current,
.iconlist__data--row:first-of-type {
    margin-top: 0;
}

.hours-row.today,
.iconlist__data--row.current,
.iconlist__data--row:last-of-type {
    margin-bottom: 0;
}

.hours-row span,
.phone-row span,
.iconlist__data--right,
.metadata__tag {
    margin-right: 0;
}

.iconlist__data--opener {
    height: 3rem;
}

.iconlist__data--opener svg {
    stroke-width: 4px;
    transition: 0.3s ease all
}

.all-hours .iconlist__data--opener svg {
    transform: rotate(180deg)
}







/* video (single pages) ||||||||||||||||||||||||||||||||||||||||||||||| */

.media-meta .meta-sub:not(:last-child):after {

}

.media-video-stub {
    border: 0 solid;
    position: relative;
    width: 100%;
    background: #333;
    padding-bottom: 56.25%
}

.media-video-stub iframe {
    position: absolute;
    height: 100%;
    width: 100%
}

.video-list {
    display: table;
    width: 100%;
    border: 1px solid var(--color-gray-light)
}

.video-item {
    display: table-row;
    width: 100%
}

.video-item a {
    width: 100%;
    display: block;
    line-height: 2rem;
    text-decoration: none;
    color: #aaa;
    color: var(--color-blue-med);
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #ececec
}

.video-item.current a {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.video-item a>div {
    display: table-cell;
    vertical-align: middle;
    opacity: .6;
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

.video-item:hover a>div,
.video-item.current a>div {
    opacity: 1;
    -webkit-filter: saturate(1);
    filter: saturate(1)
}

.video-symbol {
    padding-right: 1.5rem
}

.video-symbol svg {
    fill: var(--color-blue-med);
    fill: none;
    height: 2rem;
    width: 2rem;
    padding: 1px;
    vertical-align: middle
}

.current .video-symbol svg {
    background: var(--color-blue-med);
    border-radius: 100%
}

.video-symbol svg g {
    stroke-width: 2px;
    stroke: var(--color-blue-med)
}

.current .video-symbol svg .circle {
    fill: var(--color-blue-med)
}

.video-symbol svg .tri {
    fill: var(--color-blue-med);
    stroke-width: 0
}

.current .video-symbol svg .tri {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2px
}

.video-title {
    width: 100%
}

.video-dur {
    padding-left: 1.5rem
}

.media-description,
.transcripts {
    padding: 2.25rem 3rem
}

.media-desc {
    line-height: 2rem
}

.transcripts {
    line-height: 2rem;
    font-size: 1.375rem;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: #555
}

.transcript-row {
    display: table;
    border-bottom: 1px solid #ececec;
    padding: 4px 0;
    width: 100%
}

.transcript-row.written,
.transcript-row.timecode,
.transcript-row.resource {
    padding: 0.75rem 0
}

.written .pdf-icon,
.timecode .pdf-icon,
.resource .pdf-icon {
    display: table-cell;
    width: 1.75rem
}

.written .pdf-name,
.timecode .pdf-name,
.resource .pdf-name {
    display: table-cell;
    padding-left: 0.75rem;
    font-size: 1.25rem;
    vertical-align: middle
}

.pdf-name a:not(:hover) {
    text-decoration: none
}

.transcript-row:last-of-type {
    border-bottom: none
}

.transcript-header,.transcript-links {
    display: table-cell;
    vertical-align: middle
}

.transcript-links {
    width: 21.75rem
}

.transcript {
    display: table-cell;
    float: right;
    padding: 4px 0
}

.transcript a {
    background: #f44040;
    color: #fff;
    margin-left: 0.75rem;
    font-size: 1.25rem;
    text-decoration: none;
    padding: 2px 5px;
    display: table;
    border-radius: 4px;
    opacity: .9
}

.transcript:hover a {
    opacity: 1;
    color: #fff
}

.transcript .linea-svg,
.transcript .type {
    display: table-cell;
    vertical-align: middle
}

.transcript .type {
    padding-left: 7px;
    padding-right: 2px
}








/* software pages ||||||||||||||||||||||||||||||||||||||||||||||| */

.media-os {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.media-os img {
    height: 1.375rem;
    opacity: .1;
    padding: 0 1px
}

.media-os img.icon-win {
    padding: 1px
}

.mac .icon-mac,
.win .icon-win {
    opacity: .5
}








/* sitemaps ||||||||||||||||||||||||||||||||||||||||||||||| */

.sitemap-link a {
    text-decoration: none;
/*    color: var(--color-blue-med);*/
	color: #014b90;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.sitemap-content #menu-full-sitemap-menu {
    font-size: 0
}

ul.menu>.sitemap-section {
    font-size: 1.375rem;
    line-height: 2rem;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3rem
}

.sitemap-section .section-title {
    margin-bottom: 2rem
}

.sitemap-section a {
    text-decoration: none;
    color: var(--color-blue-dark);
}

.section-list {
    margin-bottom: 1rem;
    line-height: 2.25rem;
    padding: 0 1.5rem
}

.sitemap-section .section-list li {
    margin-bottom: 0;
    width: 100%;
    position: relative;
    line-height: 1.5rem;
    margin: 1rem 0
}

.sitemap-section .section-list a {
    margin-bottom: 0;
    font-size: 1.375rem;
    display: block;
    padding-left: 2rem
}

.sitemap-section .section-list li:before {
    content: "\2022";
    color: var(--color-blue-med);
    padding-right: 1rem;
    margin-bottom: 0;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    position: absolute;
    font-size: 1.75rem;
    line-height: 1rem
}



/* databases |||||||||||||||||||||||||||||||||||||||||||||||
   (still needs new naming conventions, layout retheme for phase 2) */

#results_table {
    padding-top: 1rem
}

.db-bottom-content {
    padding-top: 40px;
    text-align: center
}

.dbd-searchbox label {
    display: inline-block;
    width: 21.75rem;
    vertical-align: top
}

.dbd-searchbox label.dbd-searchlabel {
    width: auto;
    vertical-align: middle;
    padding-right: 1rem
}

input.searchbox {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    height: 34px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

input.searchbox:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6)
}

input.search-submit {
    margin-left: 1rem;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block
}

select.searchbox {
    vertical-align: middle;
    margin: 1rem 0;
    display: inline-block;
    height: 34px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

select.searchbox:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6)
}

.dbd-button-list .button {
    display: inline-block;
    margin-left: 1.375rem
}

input.udtextbox {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    height: 34px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

input.udtextbox:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6)
}

input.udtextboxsmall {
    width: 150px;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    height: 34px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

input.udtextbox:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6)
}

.udtextarea {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

.udtextarea:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6)
}

select.udselectbox {
    vertical-align: middle;
    font-family: "greycliff_semibold";
    margin: 0;
    border: 0;
    font-size: 1.75rem;
    display: inline-block;
    height: 34px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

select.udselectbox:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.75rem rgba(102,175,233,.6)
}

ol.formquestions label {
    font-family: "greycliff_semibold";
}

.forminstructions {
    display: inline-block;
    margin-left: 1.75rem;
    font-family: "greycliff_semibold";
    font-size: 1.25rem;
    color: #557
}

.call-no {
    width: 25%;
    display: inline-block
}

.result-item .item-desc {
    width: 75%;
    display: inline-block;
    font-size: 1.25rem
}

.buttons {
    margin-top: 1rem
}

.buttons .next {
    float: right
}

legend.dbresults {
    color: var(--color-gold);
    font-size: 1.5rem
}

.searchbox-radio {
    clear: left;
    margin-left: 70px;
    font-size: 1.25rem;
    margin-top: 1rem
}

.searchbox-radio-choice {
    display: inline-block;
    width: 170px
}

.searchbox-radio-choice label {
    display: inline-block;
    width: 130px
}

.dbd-button-list {
    display: inline-block
}

.dbd-button-list a {
    color: #555;
    font-size: 1.25rem
}

input.udtextbox.dbsearchbox {
    display: inline-block;
    width: 75%;
    margin-left: 0;
    margin-bottom: 1rem
}

.ud-form select.searchbox.dbselect {
    width: auto;
    margin-top: 5px;
    margin-left: 1.375rem
}

input.search-submit.dbgo {
    display: inline-block;
    margin-left: 1rem
}

.entry-content .action-button a,
.entry-content .button a,
.button a {
    color: #fff !important;
    text-decoration: none !important;
}

.db-button {
    margin: 1rem auto 2.25rem
}

.db-column {
    display: block;
    width: 100%!important;
    background: #fff;
    border-radius: 1rem;
    padding: 2.5rem 3rem;
    margin-bottom: 3.75rem
}

.db-rightcol p a {
    padding-left: 2rem;
    position: relative;
    line-height: 2.25rem
}

.db-rightcol p a:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    top: -6px
}

.db-rightcol div {
    padding: 1.5rem 2.25rem!important;
    padding-top: 0;
    background: #ececec!important;
    margin: 0;
    border: 1px solid #e2e2e2!important;
    border-radius: 0px!important;
    color: #557;
    font-size: 1.25rem
}

section.entry-content .db-button a {
    color: #fff;
    text-decoration: none
}

.dbd-results-nav {
    width: 100%;
    display: block;
    background: var(--color-blue-light);
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 4px 4px 0 0
}

.dbd-results-nav a {
    color: #fff
}

.dbd-results-nav a:hover {
    color: #fff
}

.dbd-results-nav-btm {
    width: 100%;
    display: block;
    background: var(--color-blue-light);
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 0 0 4px 4px;
    margin: 0
}

.dbd-results-nav-choices {
    display: inline-block;
    margin-right: 1rem
}

.dbd-results-nav-choices a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.dbd-results-nav-choices a:hover {
    text-decoration: underline;
    color: #fff
}

.dbd-results-nav-numbers {
    display: inline-block;
    width: 60%;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.dbd-results-nav-counters {
    display: inline-block;
    width: 40%;
    text-align: right;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #fff
}

.result {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 150%;
    width: 100%;
    border: 1px solid #e2e2e2;
    border-top: none
}

.result:first-child {
    border-top: 1px solid #e2e2e2
}

.result:nth-child(even) {
    background-color: #fff
}

.result:nth-child(odd) {
    background-color: #fff
}

.result>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 1rem
}

.databases__result-item {
    width: 100%
}

.databases__result a {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    color: var(--color-blue-med);
    text-decoration: underline;
    font-size: 1.25rem
}

.databases__result-item a:hover {
    text-decoration: underline
}

.result-citation-name {
    width: 20%
}

.result-citation-url {
    width: 80%
}

.result>div.result-item-detail {
    width: 100%;
    padding: 1.75rem 2.5rem
}

.result-field-row {
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px
}

.result-field-name {
    width: 20%;
    font-weight: 700;
    display: inline-block;
    float: left
}

.result-field-value {
    width: 80%;
    display: inline-block
}

.databases__result-pagelink {
    display: inline-block;
    text-align: left;
    float: right
}

.databases__result-pagelink a {
    color: var(--color-blue-med)
}

.more-info-btn {
    display: inline-block;
    text-align: left;
    float: right
}

.more-info-btn a {
    color: #fff
}








/* databases (frontpage) ||||||||||||||||||||||||||||||||||||||||||||||| */

/*
.databases__main {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 6vmin;
}
*/

a[name=results-start] {
    flex-basis: 100%;
}

.dbd-problem {
    float: right;
    float: none;
    font-family: 'Greycliff_SemiBold';
    font-size: .875em;
    margin: -2.5rem 0 3rem;
}

.dbd-problem a {
    color: var(--color-blue-med);
    /*
    display: inline-block;
    background: var(--color-gold-pale);
    padding: 0 0.75rem; */
    text-decoration: underline !important;
}

.databases__results {
  /*
    background: #fff;
    border-radius: 1rem;
    padding: calc(1rem + 1.5vmin); */
    text-align: left;
}

.databases__result {
    font-family: 'greycliff_semibold';
    line-height: 1.25;
    background: #fff;
    border-radius: 0.75rem;
    margin-bottom: 0.5rem;
}

/*
.databases__result:nth-child(odd) {
    background-color: var(--color-gray-light);
}
*/

.databases__result-item a {
    font-size: 1.25rem;
    text-decoration: none !important;
    letter-spacing: 0;
}

.databases__result-item,
.databases__result-pagelink {
    padding: 1.25rem;
}

.databases__result-subtitle {
    font-size: 1.125rem;
    color: var(--color-blue-dark);
    display: inline-block;
}

option {
    max-width: 20rem;
}

.databases__main input.search-submit {
    margin: 0;
}

.databases__search {
    background: #fff;
    border-radius: 1rem;
    padding: calc(1rem + 3vmin);
    text-align: left;
}

.databases__search-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.5rem;
}

.databases__search-label {
    color: var(--color-blue-med);
    font-family: 'Greycliff_SemiBold';
    flex: 16rem 0 0;
}

.databases__search-input {
    /* background: var(--color-gray-lt) !important; */
    border: 2px solid var(--color-gray-light);
    border-radius: 2rem;
    box-shadow: none !important;
    padding: 0 1rem;
    margin: 0;
    width: auto;
    font-family: 'Greycliff_SemiBold';
    font-size: inherit;
    color: var(--color-blue-dark);
    height: 3rem;
}

.azNav,
.databases__search-letters {
    display: flex;
    justify-content: flex-start;
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap
}

.azNav > a,
.databases__search-letter {
    background: var(--color-blue-med);
    margin: 0.125rem;
    padding: 0;
    text-align: center;
    min-width: 2.375rem;
    font-size: 1.25rem;
    line-height: 2.5rem;
    font-family: 'Greycliff_SemiBold';
    border-radius: 0.375rem;
    color: #fff;
}

.databases__search-letter:hover,
.databases__search-letter:focus {
    background: var(--color-blue-light);
}

.databases__search-letter.all {
    flex: 0 0 3.75rem
}

#dbsearch {
    width: 100%;
}

.databases__results-wrap {
    margin-top: 8vmin;
}

.databases__bottom-block {
    background: #fff;
    border-radius: 1rem;
    padding: 2.5rem 3rem;
    font-family: 'Greycliff_SemiBold';
    text-align: left;
}

.databases__bottom a {
    color: var(--color-blue-med);
}

section.db-content {
    color: #557
}

.db-content li {
    margin: 12px 0;
    font-size: 14px;
    line-height: 22px;
    padding: 0 3rem;
    position: relative
}

.db-content li a {
    color: var(--color-blue-med);
    text-decoration: underline
}

section.db-bottom-content {
    padding-top: 0;
    margin-bottom: 40px
}

.db-bottom-content section {
    padding-top: 0
}

.db-bottom-content section.white {
    background: #fff;
    color: var(--color-blue-med);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 22px
}

.db-bottom-content section.white h2 {
    background: var(--color-blue-light);
    color: #fff;
    border-radius: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 0;
    display: block;
    width: 100%
}







/* sup (superscript) |||||||||||||||||||||||||||||||||||||||||||||||
   (only used on database lists to show new items. sup may not be correct html element to use here) */

sup {
    background-color: var(--color-blue-med);
    color: #fff;
    font-family: 'Greycliff_SemiBold';
    vertical-align: initial;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 1rem;
    display: inline-block;
    margin-left: 0.25rem;
}

sup.new {
    background-color: var(--color-gold);
    color: var(--color-blue-dark);
}







/* faq pages ||||||||||||||||||||||||||||||||||||||||||||||| */

.faq-row {
    display: table;
    width: 100%;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    cursor: pointer;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    overflow: hidden;
    background: #fff
}

.faq-simple {
    display: table-row
}

.faq-date {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    vertical-align: top;
    text-align: center;
    background: var(--color-blue-med);
    background: transparent;
    min-width: 4.5rem
}

.faq-simple .faq-date {
    border-radius: 4px 0 0 4px;
    border-radius: 0
}

.faq-row:hover .faq-date,
.open .faq-date {
    background: #b7a66c;
    background: transparent
}

.faqreason-day,
.faq-day {
    color: #fff;
    color: var(--color-blue-med);
    font-size: 2.25rem;
    font-size: 1.75rem;
    font-size: 0;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax
}

.faqreason-day:before,
.faq-day:before {
    content: "Q";
    content: "+";
    font-size: 3rem;
    line-height: 3.75rem
}

.open .faqreason-day:before,
.open .faq-day:before {
    content: "A";
    content: "-"
}

.faq-month {
    font-size: 1rem;
    text-transform: uppercase;
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    letter-spacing: 1px;
    color: var(--color-gray-light);
    margin-bottom: -6px;
    margin-right: -2px
}

.faq-text {
    background: #fff;
    background: transparent;
    display: table-cell;
    padding: 2rem 2.25rem;
    padding: 1.5rem 2rem;
    padding-left: 0;
    width: 100%
}

.open .faq-text {
    transition: 0.3s ease all
}

.faq-name {
    color: var(--color-blue-med);
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    line-height: 1.5rem
}

.faq-row:hover .faq-name {
    color: var(--color-blue-dark)
}

.answer-expanded {
    font-size: 1.375rem;
    color: #555;
    line-height: 1.75rem;
    display: none;
    cursor: default
}

.answer-text {
    background: transparent;
    border: 1px solid var(--color-gray-med);
    border: 0;
    border-top: 1px solid var(--color-gray-light);
    padding: 1.5rem 0 0;
    margin: 1.5rem 0 0
}

.answer-expanded p {
    line-height: 1.75rem;
    margin-bottom: 1.5rem
}

.open .answer-expanded {
    display: block
}

.answer-expanded img {
    height: auto;
    margin: 0 auto;
    display: block;
    background: var(--color-gray-light);
    padding: 1rem;
    border-radius: 0.75rem
}

.answer-expanded a.faq-more {
    font-family: "greycliff_semibold";
    letter-spacing: -.025vmax;
    display: block;
    width: 100%;
    margin-top: 1.5rem;
    text-align: center
}

.faq-meta {
    color: #aaa
}

.faq-meta .spacer {
    padding: 0 4px
}








/* forms |||||||||||||||||||||||||||||||||||||||||||||||
   (more forms!) */

.udformfield {
    padding: 5px 5px 5px 0;
    margin-bottom: 1.75rem
}

.udformfield label {
    display: inline-block;
    width: 270px
}

.ud-form .btn-form {
    display: block
}







/* google codes and analytics ||||||||||||||||||||||||||||||||||||||||||||||| */

.gcode {
    font-size: 1.25rem;
    font-family: "greycliff_semibold";
    color: #555
}

.grecaptcha-badge {
    width: 304px!important;
    box-shadow: none!important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.75rem;
    margin-left: auto;
    margin-right: auto
}







/* chat widget iframe override (?) ||||||||||||||||||||||||||||||||||||||||||||||| */

#libchat_f6b5d8500ded5110ff77feab0432bbd0 {
    padding: 1rem!important;
    padding-top: 0px!important;
    margin-top: 0px!important;
    border: 0px!important;
    background: transparent!important
}

#libchat_f6b5d8500ded5110ff77feab0432bbd0 .lci_chat_load {
    padding: 0px!important;
    padding-right: 4rem!important;
    border: 0px!important;
    background: transparent!important
}









/* ================================================================================ */
/*         min-width: 1025                                                          */
/* ================================================================================ */

@media screen and (min-width: 1025px) {

    body.home:not(.page-template-news) #sidebar,
    #mobile-menu,
    #subsite-menu,
    .frontpage-submenu,
    .subsite-main-link,
    .side-menu-button {
        display:none!important
    }

    #sidebar .submenu-head-wrap {
        margin-bottom: 2rem;
        position: relative;
        padding-right: 2.25rem
    }

    aside {
        float: left
    }

    .subsite-links {
        display: block;
        width: 100%
    }

    .menu-button,
    .subsite-menu-icon {
        display: none
    }

    .event-meta .meta-sub:first-child:before {
        content:""
    }

    .databases__search-input:not(:last-child) {
        margin-right: 1rem;
    }
}





/* ================================================================================ */
/*                                                          max-width: 1024         */
/* ================================================================================ */

@media screen and (max-width: 1024px) {

    main.has-sidebar {
        width: 100%;
        max-width: 60rem;
        margin: 0 auto;
        display: block
    }

/* testing for horizontal scroll in new menu - 20210524 RPN
    #wrapper {
        overflow-x: initial
    }
*/
    .ud-logo-wrap {
        padding:1.375rem;
        padding-left: 1.375rem;
        height: 7.5rem
    }

    .ud-logo-img,
    .ud-logo-img img {
        height: 100%
    }

    .subsite-title {
        padding: 0 1.5rem
    }

    .subsite-header .subsite-link {
        margin-left: 4px
    }
/*
    .messages {
        font-size: 1.25rem;
        line-height: 1.375rem;
        padding: 1.25rem 3.75rem 1.25rem 1.5rem
    }
*/
    .undo-btn {
        padding: 0.75rem 1rem;
        border-radius: 0.75rem
    }

    .event-meta .spacer {
        float: left;
        padding: 0 0.75rem 0 2px
    }

    .btn.btn-lg {
        padding: 1rem 2rem;
        font-size: 1.5rem
    }

    .ud-logo-wrap {
        text-align: center;
        height: 7rem;
        padding: 1rem 0;
        height: 5.5rem
    }

    .ud-logo-block {
        background-size: 80%
    }

    .ud-logo-img {
        height: 4.5rem
    }

    .ud-logo-img img {
        height: 100%
    }

    .subsite-header {
        display: table;
        width: 100%;
        position: relative
    }

    .subsite-links {
        display: table-cell;
        vertical-align: middle
    }

    .subsite-header .subsite-link {
        margin-top: 0!important
    }

    .subsite-title {
        text-align: left;
        padding: 0 0 0 2rem
    }

    .subsite-header .subsite-link {
        border-left-width: 0;
        padding-left: 0;
        margin-left: 0;
        display: block
    }

    .subsite-main-link {
        display: initial
    }

    .subsite-menu-icon {
        display: table-cell;
        height: 100%;
        width: 15%;
        vertical-align: middle;
        padding: 0.5rem 0;
        position: absolute;
        right: 0
    }

    #alert-message {
        line-height: 1.5rem
    }

    #sidebar,
    .frontpage-submenu,
    .breadcrumbs,
    .subsite-menu-content {
        display: none
    }

    nav.main-menu {
        position: fixed;
        top: -9999px
    }

    #mobile-menu {
        display: unset
    }

    #subsite-menu,
    #search-mobile,
    .side-menu-button {
        display: block
    }

/*
    .entry-content ul {
        margin: 2.25rem 1.5rem;
        padding: 1.5rem 3rem
    }

    .entry-content li {
        padding: 0 1.5rem 0 2.25rem
    }
*/

    .footer-section {
        width: 50%;
        margin-bottom: 1rem
    }

    .sidebar-menu {
        visibility: hidden;
        transition: all 0.3s ease-in-out 0s,visibility 0s linear 0.3s,z-index 0s linear 0.3s;
        display: unset;
        background: #fff;
        width: 100%;
        max-width: none;
        padding-right: 0;
        position: fixed;
        top: 21rem;
        height: calc(100% - 21rem);
        overflow-y: scroll;
        z-index: -1;
        transform: translateY(-100%)
    }

    .tinted .sidebar-menu {
        transform: translateY(0%);
        visibility: visible;
        z-index: -1;
        transition-delay: 0s,0s,0.01s
    }

    .subsite-menu-content {
        background: #fff;
        position: relative;
        display: block;
        max-height: 100%
    }

    #side-main-menu ul.contact-menu {
        display: none
    }

    ul#menu-sidebar-menu {
        padding: 2rem 0 1.5rem
    }

    .sidebar-menu ul li {
        position: relative;
        text-align: left;
        font-size: 1.375rem
    }

    .sidebar-menu ul li a {
        margin: 0;
        padding: 1.5rem 3.75rem
    }

    .sidebar-menu ul li:last-of-type a {
        border-bottom: 0
    }

    .sidebar-menu ul.sub-menu ul li a {
        border-bottom: 0
    }

    .sidebar-menu .menu-item-home a {
        font-size: 1.375rem
    }

    .sidebar-menu ul.sub-menu {
        padding: 1rem 0;
        background: var(--color-gray-light);
        border-top: 1px solid var(--color-gray-light);
        border-bottom: 1px solid var(--color-gray-light);
        display: none
    }

    .sidebar-menu ul.sub-menu ul {
        background: var(--color-gray-light);
        margin: 1rem 0;
        border-color: var(--color-gray-light)
    }

    .sidebar-menu ul.sub-menu li a {
        padding: 0.75rem 4.5rem;
        font-size: 1.25rem
    }

    .sidebar-menu ul.sub-menu ul.sub-menu li a {
        padding-left: 5.5rem
    }

    .submenu-head-wrap {
        margin-bottom: 0;
        position: relative
    }

    .submenu-head-wrap a {
        width: 100%;
        display: inline-block!important
    }

    #menu-sidebar-menu .new-down-arrow {
        padding: 0 38.5px
    }

    #menu-main-menu .new-down-arrow {
        padding: 0 2rem
    }

    #menu-main-menu-slide .new-down-arrow {
        padding: 0 2rem
    }

    #menu-sidebar-menu .new-down-arrow polyline {
        stroke-width: 2px!important
    }

    .sub-contact {
        letter-spacing: 0
    }

    .refinements {
        display: flex;
        flex-direction: column
    }

    .new-filter-block .select-fields {
        order: 2;
        width: 100%;
        padding-top: 0
    }

    .new-filter-block #datepicker {
        order: 1;
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
    }

    .event-single .event-date-block {
        width: 15%
    }

    .event-single .event-text {
        width: 85%
    }

    .udcal th,
    .udcal td {
        font-size: 1.25rem
    }

    .udcal-day {
        padding: 38.5px 0.75rem
    }

    .udcal-daynum {
        padding: 0 5px
    }

    .event-rsvp-button,
    .space-image,
    .equipment-image,
    .event-image {
        margin-bottom: 2.25rem
    }

    .space-description,
    .equipment-description,
    .event-description,
    .meta-wrap {
        margin-bottom: 2rem;
        padding: 2.5rem;
    }

    .meta-value {
        line-height: 1.5rem;
        padding-right: 2rem
    }

    .mobile-meta {
        width: 100%
    }

    .time-and-date>div {
        margin-bottom: 1rem
    }

    .calendar-buttons {
        margin-top: 0.5rem
    }

    .dates-inner {
        margin-bottom: 0;
        display: inline-block
    }

    .media-description,
    .transcripts {
        padding: 2rem 2.25rem
    }

    .media-desc {
        margin-bottom: 0
    }

    .video-item a {
        line-height: 1.5rem;
        padding: 1.25rem 1.5rem;
        font-size: 1.25rem
    }

    .video-symbol svg {
        height: 2rem;
        width: 2rem
    }

    .transcript-header {
        font-size: 1.25rem
    }

    .transcript a {
        margin-left: 0.5rem;
        font-size: 1rem;
        padding: 1px 4px
    }

    .udformfield label {
        width: 100%
    }

    input.udtextbox.dbsearchbox {
        width: 100%;
        margin-bottom: 7px
    }

    .ud-form select.searchbox.dbselect {
        width: 80%;
        margin-left: 0
    }

    .databases__search-row {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .databases__search-label {
        flex-basis: 100%;
        margin-bottom: 0.5rem;
    }

    .databases__search-letters, .databases__search-input {
        margin: 0 0 1rem;
    }

    .databases__main input.search-submit {
        margin: 0 0 0 1rem;
    }

}


/* ================================================================================ */
/*                                                          max-width: 820          */
/* ================================================================================ */

@media screen and (max-width: 820px) {
	.event-thumb:not(.news-link-icon) {
		display: none;
	}	
}


/* ================================================================================ */
/*                                                          max-width: 767          */
/* ================================================================================ */

@media screen and (max-width: 767px) {

    .venue__list,
    .venue__bg {
        flex-basis: 100%;
    }

    .venue {
        margin-bottom: 4rem
    }

    .company__group {
        margin-bottom: 1rem;
    }

    .company__group-name {
        flex-basis: 100%;
    }

    .company__group-link {
        margin-bottom: 0.5rem;
    }

}







/* ================================================================================ */
/*                                                          max-width: 640          */
/* ================================================================================ */

@media screen and (max-width: 640px) {

    #content .container,
    body.home:not(.page-template-news) #content .container {
        padding: 0 1.5rem
    }

    .container {
        padding: 6vmin 4vmin;
    }

    .search-page-form .search-icon {
        width: 15%
    }

    #menu-search form {
        padding: 3rem
    }

    .side-menu-button .menu-icon .linea-svg-inner {
        width: 3.75rem!important
    }

    .menu-button-icon .linea-svg-inner {
        width: 2.25rem!important
    }

/*
    .entry-content ul {
        margin: 2rem 0;
        padding: 1rem 2.25rem
    }

    .entry-content li {
        padding: 0 1.5rem 0 2.25rem
    }
*/
    .entry-content ul.compact,
    .entry-content ul.contact {
        padding: 1rem 2.25rem
    }

    ul.contact li {
       flex-basis: 100%;
       font-size: calc(0.875em + 0.25vw);
    }

    ul.profile li {
       flex-basis: 48%;
       font-size: calc(0.875em + 0.25vw);
    }

    .secondary__blocks {
        grid-template-columns: 1fr;
    }

    .search-page-form .search-bar-label {
        width: 85%
    }

    #calendarSelect p {
        display: block;
        padding: 0
    }

    #udcal-ajax {
        margin: 0 -1rem
    }

    #udcal-month-name,
    .udcal-month-name {
        font-size: 1.5rem;
        width: 70%
    }

    .udcal-month-next,
    .udcal-month-prev {
        text-align: center;
        width: 15%
    }

    .udcal th,
    .udcal td {
        font-size: 1.25rem
    }

    .udcal-day {
        padding: 3rem 0.75rem
    }

    .udcal-daynum {
        line-height: 1.75rem;
        padding: 0 4px
    }

    .udcal-times {
        line-height: 1.25rem
    }

    .udcal-times span:nth-of-type(2) {
        padding: 0 1px
    }

    .event-rsvp-button,
    .space-image,
    .equipment-image,
    .event-image {
        margin-bottom: 2rem
    }

    .meta-wrap {
        padding: 2.5rem;
        margin-bottom: 1.5rem
    }

    .meta-item {
    flex-basis: 100%;
    }

    .event-meta .spacer {
        float: left;
        padding-right: 0.75rem
    }

    .meta-value {
        line-height: 1.5rem
    }

    #meta-date {
        order: 1
    }

    #meta-time {
        order: 2
    }

    #meta-fee {
        order: 3
    }

    #meta-organizer {
        order: 4
    }

    #meta-venue {
        order: 5
    }

    #meta-address {
        order: 6
    }

    #meta-cal {
        order: 7;
        margin-bottom: 0.5rem
    }

    #calendar-buttons {
        margin: 0.75rem 0 0
    }
/*
    .meta-sub {
        margin-bottom: 0.5rem;
    }

    .event-meta {
        margin-bottom: -0.5rem;
    }
    */

/*
    span.category-tag {
        font-size: 1rem;
        padding: 3px 1rem
    }
*/

    .slick-dots li button:before {
        font-size: 0.75rem!important
    }

    .filter-header {
        font-size: 1.375rem
    }

    .calendar-buttons,
    .time-date-wrap,
    .other-meta {
        width: 100%;
        float: none
    }

    .exhibit-item {
        margin: 0 1rem 5.5rem;
        padding: 0
    }

    .exhibit-info {
        padding: 0
    }

    .exhibit-image {
        width: 100%;
        display: block;
        height: 17rem;
        background: var(--color-blue-dark)
    }

    .exhibit-image img {
        opacity: .7
    }

    .exhibit-item button.expand {
        display: block
    }

    .exhibit-text {
        width: 100%;
        padding: 2.25rem 3rem;
        z-index: 1;
        position: relative;
        background: #fff
    }

    .exhibit-desc {
        padding: 0 1rem
    }

    .exhibit-meta {
        padding: 1.5rem 1rem 0
    }

    .sitemap-section {
        width: 100%
    }

    .udfaqcontentq {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 1.75rem;
        width: 83%
    }

    .udfaqcontenta {
        padding-top: 0;
        padding-bottom: 1rem;
        padding-right: 1.75rem;
        width: 83%
    }

    .udfaqmore {
        padding-top: 0;
        padding-bottom: 1.75rem;
        padding-right: 1.75rem;
        width: 83%
    }

/*
    .staff-name-block {
        width: 100%;
        border-bottom: 1px solid var(--color-gray-light);
        border-right: none;
        padding-bottom: 1rem
    }

    .staff-contact-block {
        width: 100%;
        padding-top: 1rem;
        margin-left: 0
    }

    .contact-full ul.contact li {
        flex-wrap: wrap;
    }

    .contact-full .staff-contact {
        flex-basis: 100%;
        margin-top: 1.5rem;
        margin-left: 5.5rem;
    }

    .staff-info {
        flex-basis: calc(100% - 6rem);
        padding: 0;
    }

    .staff-phone {
        margin-bottom: 0;
    }
*/

    .ud-form select.searchbox.dbselect {
        width: 70%;
        margin-left: 0
    }

    .databases__main input.search-submit {
        margin: 0;
    }

    .databases__search-input {
        width: 100%;
    }

/*
    .event-thumb:not(.news-link-icon) {
        display: none;
    }
*/
}





/* ================================================================================ */
/*                                                          max-width: 550          */
/* ================================================================================ */
/*
@media screen and (max-width: 550px) {

    .dbd-results-nav-numbers {
        width:100%
    }

    .dbd-results-nav-counters {
        width: 100%;
        text-align: left;
        padding-top: 0
    }

    .result-field-name {
        width: 100%;
        float: none
    }

    .result-field-value {
        width: 100%;
        float: none
    }

    .subsite-links {
        width: 85%
    }

    .subsite-links:not(.mainsite-links) .subsite-title {
        text-align: left
    }

    .subsite-menu-icon {
        position: relative
    }

}
*/




/* ================================================================================ */
/*                                                          max-width: 480          */
/* ================================================================================ */

@media screen and (max-width: 480px) {

    body.home:not(.page-template-news) #content {
        padding: 3rem 1.5rem
    }

    body.home:not(.page-template-news) #content .container {
        padding: 0 1.5rem
    }

/*
    .entry-content ul,
    .entry-content ul.compact,
    .entry-content ul.contact {
        margin: 2.25rem 1rem;
        padding: 0.5rem 2rem
    }
*/
    .entry-content li {
/*        font-size: 1.25rem;
        padding: 0 1rem 0 2rem;
*/        line-height: 1.5rem;
        margin: 1.5rem 0
    }

    #side-menu-link .menu-icon {
        padding: 0 1.5rem
    }

    .side-menu-button .menu-icon .linea-svg-inner {
        width: 3.75rem!important
    }

    .mobile .search-icon {
        padding: 0 2rem
    }

    .mobile .search-icon .linea-svg-inner {
        width: 3rem!important
    }

    .menu-button-icon .linea-svg-inner {
        width: 2.25rem!important
    }

    .ud-logo-wrap {
        padding: 1rem 0;
        height: 5rem
    }

    .subsite-links {
        padding: 1.25rem 0
    }

    .subsite-title.container {
        padding: 0 1.25rem
    }

    .subsite-header .subsite-link,
    .subsite-header .library-link {
        font-size: 1.375rem;
        line-height: 1.375rem
    }

    .search-page-form .search-icon {
        width: 16%
    }

    .search-page-form .search-bar-label {
        width: 84%
    }

    #refinements {
        width: 100%
    }

/*
    .new-filter-block #datepicker {
        padding: 3rem
    }
*/

    .datepicker td,
    .datepicker th {
        line-height: 2.5rem
    }

    .month-results {
        padding: 0.5rem 3rem
    }

    .event-single {
        margin: 2.25rem 0
    }

    .udcal th,
    .udcal td {
        font-size: 1rem
    }

    .udcal-day {
        padding: 3rem 0.75rem 2.25rem
    }

    .udcal-daynum {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .udcal-times {
        line-height: 1rem
    }

    .dates-inner {
        margin-bottom: 0;
        display: block
    }

    .filter-header {
        font-size: 1.375rem
    }

    ul#menu-sidebar-menu {
        padding: 1.5rem 0 1rem
    }

    .sidebar-menu ul li a {
        padding: 1.5rem 3rem
    }

    .sidebar-menu .submenu-head-wrap,
    .sidebar-menu ul li>a {
        border-bottom: 0
    }

    span.new-down-arrow {
        padding: 0 2.25rem
    }

    .sidebar-menu ul.sub-menu li a {
        padding: 0.75rem 3.75rem
    }

    .sidebar-menu ul.sub-menu ul.sub-menu li a {
        padding-left: 4.5rem
    }

    .slick-arrow-icon .linea-svg-inner {
        padding: 0 0.5rem
    }

    .exhibit-item {
        margin: 0 0 5.5rem;
        padding: 0
    }

    .exhibit-image {
        height: 10rem
    }

    .exhibit-text {
        padding: 2rem 2.25rem
    }

    .exhibit-meta {
        padding: 1.5rem 1rem 0
    }

    .subsite-header {
        letter-spacing: 2.5px
    }

    .udfaqcontentq {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 1.75rem;
        width: 75%
    }

    .udfaqcontenta {
        width: 75%
    }

    .udfaqmore {
        width: 75%
    }

    .ud-form select.searchbox.dbselect {
        width: 60%;
        margin-left: 0
    }

    .event-date {
        flex: 0 0 3rem
    }

    .event-day {
        font-size: 2rem;
        padding: 0 0 1px
    }

    .back-to-top {
        bottom: 7rem;
        right: 2rem
    }

    #live-chat-widget {
        bottom: 2.25rem;
        right: 2rem;
        margin-left: 2rem
    }

    #live-chat-widget iframe {
        width: 100vw
    }

/*
    .staff-photo {
        display: none;
    }

    .contact-full .staff-contact {
        margin-left: 0;
    }
*/

    ul.profile li {
       flex-basis: 100%;
    }
}





/* ================================================================================ */
/*                                                          max-width: 400          */
/* ================================================================================ */

@media screen and (max-width: 400px) {

    .ud-logo-img {
        height: 38.5px;
        width: auto
    }

    #side-menu-link .menu-icon {
        padding: 0 1rem
    }

    #side-menu-link .menu-icon .linea-svg-inner {
        width: 4rem!important
    }

    .subsite-menu-icon {
        padding: 0.75rem 0
    }

    #subsite-menu .menu-icon .linea-svg-inner {
        width: 38.5px!important;
        margin-right: 1rem!important
    }

    .subsite-header {
        letter-spacing: 1.75px
    }

    .subsite-links .subsite-title {
        padding: 0 1.5rem
    }

    .subsite-header .library-link {
        font-size: 1.375rem
    }

    .venue {
        margin-bottom: 3rem
    }

    .venue__list {
        padding: 2rem
    }

    .hours-row.today span,
    .venue-meta {
        font-size: 1.25rem;
    }

    .iconlist__data--right,
    .hours-row span,
    .phone-row span {
        font-size: 1.25rem
    }

    .new-filter-block #datepicker {
        padding: 2rem
    }

    .datepicker tfoot .tfoot-space,
    .datepicker td,
    .datepicker th {
        min-width: 3rem;
        max-width: 3rem
    }

    .month-results {
        padding: 0 2.25rem
    }

    .exhibit-desc {
        padding: 0.5rem 0;
        font-size: 1.25rem
    }

    .calendar-buttons {
        padding: 0 2rem
    }

}