/*
HMNS2022 CSS
*/
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
}
body, html{
    background-color:#FFF;
    color: #333;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 5px;
}
h1 {
    font-size: 3rem;
}
h2 {
    font-size: 2.25rem;
}
h3 {
    font-size: 1.5rem;
}
h4 {
    font-size: 1.25rem;
}
h5 {
    font-size: 1.1rem;
}
h6 {
    font-size: 1rem;
}
p {
    display: block;
    line-height: 1.5em;
    font-size: 1rem;
    margin: 0 0 10px;
}
ul, ol {
    padding: 0;
    font-size: 1rem;
    line-height: 1.5em;
}
b, strong {
    font-weight: bold;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #353535;
}
img, video {
    height: auto;
    vertical-align: middle;
    border: 0;
    max-width: 100%;
}
a {
    color: #346f92;
    text-decoration: none;
}
a {
    background: transparent;
}
a:hover, a:focus {
    color: #20445a;
    text-decoration: underline;
}

a:active, a:hover {
    outline: 0;
}
table {
    max-width: 100%;
    background-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
.text-muted {
    color: #999;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.alignright {
    float: right;
    max-width: 100%;
    height: auto;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    max-width: 100%;
    height: auto;
    text-align:center;
}
.alignleft {
    float: left;
    max-width: 100%;
    height: auto;
}
.alignnone {
    max-width: 100%;
    height: auto;
}
.black, a.black{
    color:#222;
    text-decoration: none;
}
.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}
.logo > img {
    //margin-top:  .5vw;
    //margin-left:  -1vw;
    max-width: 87%;
    //width: auto;
    height: 39px;
    vertical-align: middle;
}
h1#main-title a {
    color: white;
    text-decoration: none;
}
.hamburgercontainer{
    float:  right;
}
.hamburger1, .hamburger2, .hamburger3 {
  width: 35px;
  height: 5px;
  background-color: #dadada;
  margin: 6px 0;
  transition: 0.4s;
}
.change .hamburger1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .hamburger2 {opacity: 0;}

.change .hamburger3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
/* For mobile phones: */
[class*="col-"] {
 width: 100%;
 float: left;
 padding: 0px 10px 0px 10px;
}
.col-half {
    visibility: hidden;
    padding: 0px;
}
.head-navigation{
    overflow: hidden;
    margin-block: 0;
    display: none;
    font-weight: bold;
}
.show-piece + .show-piece{
    margin-top: 50px;
    padding-top: 0px;
    border-top: 1px dotted #dedede;
}
.show-piece{
    position: relative;
    overflow: hidden;
}
.showcase-image {
    top: 0px;
    margin-top: 20px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    /*background-color: #ccc;*/
    position: absolute;
    display: inline-block;
    vertical-align: top;
    bottom: 0;
}
.show-image{
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.showcase-preview{
    padding:20px;
    height: 225px;
    width: auto;
    margin-left: 225px;
    display: inline-block;
    vertical-align: top;
}
.pullover{
    position: absolute;
    top: 0;
    bottom:0;
    right: -20px;
    width: 500%;
    margin-left: -100%;
    z-index: 0;
    border-top: 1px dotted #dedede;
}
.above-pullover{
    position: relative;
    z-index: 1;
}
.pop-post{
    overflow:hidden;
}
.pop-image{
    height: 250px;
    margin-bottom: 20px;
}
.gray{
    background-color: #F3F3F3;
}
a.block + a.block{
    margin-top: 10px;
}
a.gray{
    color:#333;
}
.title-head, h2.widget-title, h3.widget-title{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display:block;
    margin-bottom:20px;
}
.m-t-20{
    margin-top:20px;
}
h1#main-title a, h1#main-title a:hover, h1#main-title a:focus, h1#main-title a:visited{
    color:#fff;
    text-decoration: none;
}
.block{
    display:block;
}
/*Main  Menu*/
#menu-main{
    display: none;
}

#menu-main.change{
    display: block;
}
.main{
    text-transform: uppercase;
    color:#676767;
}
.main .sub-menu {
    display:  none;
    font-weight: 400;
    font-size: .8rem;
    margin-left:15px;
}
.sub-menu li .sub-menu li {
    text-transform: initial;
}
.main .current-menu-item, .main .current-menu-ancestor {
    font-weight: bold;
}
.main .current-menu-item > .sub-menu, .main .current-menu-ancestor, .main .current-menu-ancestor > .sub-menu, .main .current-page-ancestor, .main .current-page-ancestor > .sub-menu {
    display:  block;
}
.main .current_page_item > a{
    background-color: #F4F4F4;
    padding: 12px;
    color: #555;
    border-left: 5px solid #ccc;
    margin: 5px 0 5px -15px;
    font-weight: bold;
}
.main li{
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
}
.main li a{
    text-decoration: none;
    color:inherit;
}
.main li a:hover{
    font-weight: bolder;
}
.home-container {
    grid-template-columns: 100%;
    gap: 10px;
    grid-auto-flow: row;
    justify-content: stretch;
    padding: 10px 10px 10px 10px;
    color: #111;
}
[class*="homepagearea-"]:hover {
    transform: scale(1.01);
}
[class*="homepagearea-"] {
    position: relative;
    text-align: center;
    border-color: #111;
    border-style: solid;
    border-width: 0px;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #333;
    box-shadow: 7px 7px 10px #333;
}
[class*="homepagearea-"] a {
    text-decoration: none;
    color:inherit;
}
.related-content{
    display: inline-block;
    vertical-align: top;
    padding-left: 5%;
    margin-top: 90vw;
    overflow: hidden;    
}
.full-image{    
    height: 100%;
    width: 100%;
    background-size: cover;
}
.relative-image {
    top: 10px;
    margin-top: 0px;
    margin-left: 0px;
    /*--rel-width: 80vw;
    width: calc(var(--rel-width));
    height: calc(var(--rel-width));
    background-color: #ccc;
    */
    width:  100%;
    height:  auto;
    overflow: hidden;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    bottom: 0;
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .hamburgercontainer {
        display: none;
    }
    .logo > img {
        max-width: 100%;
        padding-right: 30px;
        vertical-align: middle;
    }
    [class*="col-"] {
        padding: 1px 10px 0px 10px;
    }
    .home-container {
        display: grid;
        --screen-width: calc(84vw);
        grid-template-columns: repeat(4, calc(var(--screen-width) / 4));
        grid-template-rows: calc(var(--screen-width) * 9 / 16 / 2);
        grid-auto-rows: calc(var(--screen-width) * 9 / 16 / 4);
        padding: 3vw;
        gap: 3vw;
    }
    [class*="homepagearea-"] {
        position: relative;
        grid-column: span 1;        
        grid-row: span 1;        
        margin-bottom: 0px;
    }
    .homepagearea-1 {
        position: relative;
        grid-column: 1 / span 2;
        grid-row: 1;
        margin-bottom: 0px;
    }
    .homepagearea-2 {
        position: relative;
        grid-column: 3 / span 2;
        grid-row: 1;
        margin-bottom: 0px;
    }
    .homepagearea-3 {
        position: relative;
        grid-column: 2 / span 2;
        grid-row: span 2;
        margin-bottom: 0px;
    }
    .col-half {
        visibility: inherit;
        width: 4.16%;
    }
    .col-1 {
        width: 8.33%;
    }
    .col-2 {
        width: 16.66%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33%;
    }
    .col-5 {
        width: 41.66%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33%;
    }
    .col-8 {
        width: 66.66%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33%;
    }
    .col-11 {
        width: 91.66%;
    }
    .col-12 {
        width: 100%;
    }
    #menu-main, #menu-main.change{
        display: block;
    }
    .main li {
        display: none;
    }
    .main .current-menu-item > li, .main .current-menu-item > .sub-menu > li, .main .current-menu-ancestor > li, .main .current-menu-ancestor > .sub-menu > li,
    .main .current-menu-item, .main .current-menu-item > .sub-menu, .main .current-menu-ancestor, .main .current-menu-ancestor > .sub-menu {
        display:  block;
    }
    .head-navigation{
        display: block;
    }
    .related-content{
        margin-top: calc(100vw / 5.65 + 10px);
    }
    .relative-image {
        --rel-width: calc(100vw / 5.65 - 5px);
        width: calc(var(--rel-width));
        height: calc(var(--rel-width));
    }
}
@media only screen and (min-width: 1200px) {
    /* For desktop: */
    /* For desktop: */
    .logo > img {
        max-width: 87%;
        vertical-align: middle;
    }
   #donatebtn {
        width: 45%;
        float: left;
    }
    #memberbtn {
        width: 45%;
        float: right;
    }
}
.homepagearea-caption{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    position: absolute;
    bottom:  0;
    width:  100%;
    margin-top: auto;
    margin-bottom:  0px;
    padding: .5rem;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0px;
}
.homepagearea-caption-h{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    position: absolute;
    bottom:  0;
    width:  100%;
    margin-top: auto;
    margin-bottom:  0px;
    padding: .5rem;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.homepagearea-caption-s{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    bottom:  0;
    width:  100%;
    margin-top: auto;
    margin-bottom:  0px;
    padding: .5rem;
    opacity: 1;
    transform-origin: center bottom;
    transform: translateX(50%) rotate(-45deg) translateY(-150%);
    background-color: rgba(255, 0, 0, 0.6);
}
.homepagearea-caption-s: hover{
    transform: translateX(50%) rotate(-45deg) translateY(-150%);
}
.header {
 background-color: #111;
 color: #ffffff;
 padding: 15px;
}
.row::after {
 content: "";
 clear: both;
 display: table;
}
.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.btn {
    background-image: none;
    background: none;
    border: 2px solid #4380A5;
    border-radius: 25px;
    color: #4380A5;
    cursor: pointer;
    display: inline-block;
    font-size: .8rem;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 300ms ease;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.btn-default{
    border-radius: 25px;
    display: inline-block;
    padding: 12px 20px;
    line-height: 1;
    border: 2px solid #4380A5;
    font-weight: bold;
    font-size: .8rem;
    white-space: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4380A5;
}
.btn-default:hover, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}
.btn-color {
 color: #fff;
 background-color: #df8e2b;
 border: none;
 min-width: 10px;
 white-space: break-spaces;
}
.btn-member {
 color: #fff;
 background-color: #669E32;
 border: none;
 min-width: 10px;
 white-space: break-spaces;
}
.btn-white, .btn-default.btn-white{
    color:#fff;
    border-color: #fff;
}
.btn-white:hover, .btn-default.btn-white:hover{
    color:#333;
}
.btn-green, .btn-default.btn-green{
    color:#669E32;
    border-color: #669E32;
}
.btn-green:hover, .btn-default.btn-green:hover{
    background-color: #CDEF9D;
}
.btn.btn-round, .btn-round {
    padding: 12px;
    width: 40px;
}

.btn > span {
    display: block;
    padding-top: 4px;
    color: #999;
    font-size: .6rem;
}
.head-navigation.col-2, .head-navigation.col-3{
    padding-top: 0;
    padding-bottom: 0;
}
.head-navigation ul{
    padding: 0;
}
.head-navigation li{
    display: block;
}
.head-navigation li > a{
    color:#dadada;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8rem;
    line-height: 2em;
}
.head-navigation li > a:hover{
    font-weight: bolder;
}

.head-navigation li.current_page_item > a, .head-navigation li.current_page_ancestor > a{
    color: #fff;
}
.head-navigation li.current_page_item > a:hover, .head-navigation li.current_page_ancestor > a:hover{
    font-weight: bolder;
}

#storebtn {
    margin-top: 0px;
    margin-bottom: 5px;
}
#bottom-bar{
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color:#333;
    color:#fff;
}

.media, .media .media {
    margin-top: 15px;
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.divide-h5 {
    display: inline-block;
    border-left: 1px solid #dedede;
    padding-left: 15px;
    margin-left: 9px;
}
.divide-h5 li.active a{
    text-decoration: none;
    color: #F7F7F7;
    background-color: #4380A5;
    padding: 8px 15px;
    border-radius: 15px;
}
.divide-h5 li + li{
    padding-left:5px;
}
.divide-h5 a{
    display: block;
    text-decoration: none;
    color: #B8B8B8;
    background-color: #E5E5E5;
    padding: 8px 15px;
    border-radius: 15px;
}
.divide-h5 ul, .divide-h5 ol, .divide-h5 li{
    display:inline-block;
    padding:0;
    margin:0;
    vertical-align: middle;
}

/*Search*/
#search{
    max-height:     30px;
    margin: 5px 10px 0px 0px;    
}
#searchsubmit {
    margin-top: -20px;
    visibility: hidden;
    position: absolute;
    height: 0px;
    width: 0px;
    border: 0;
}
#s {
    background-color: rgba(255, 255, 255, 0.13);
    border: 0;
    border-radius: 25px;
    padding: 8px 20px;
    color: #888;
    display: block;
    width: 100%;
    font-size: .8rem;
    height: 38px;
}
#sx {
    border: 2px;
    border-style:   solid;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 10px;
    color: #888;
    display: block;
    width: 100%;
    font-size: .8rem;
    height: 38px;
}
.search-results + .search-results{
    border-top:1px solid #dedede;
    padding-top:30px;
    margin-top:30px;
}
.search-ticket-boon{
    background-color: #eaeaea;
    padding: 10px 15px;
    border-radius: 25px;
    font-size: .8rem;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: -15px;
    color:#797979;
}
.search-results .media-body{
    padding-left:15px;
}
.search-results a{
    text-decoration: none;
}
.search-results .inline{
    display: inline-block;
    padding: 0 10px;
}

/* Home Page */
.text-center {
    text-align: center;
}
.padding-top-10{
    padding-top:10px;
}
.padding-top-20{
    padding-top:20px;
}
.padding-top-40{
    padding-top:40px;
}
.padding-bottom-20{
    padding-bottom:20px;
}
.padding-bottom-40{
    padding-bottom:40px;
}
.bg-smoke{
    background-color:#f4f4f4;
}
.bg-orange{
    background-color:#E08F29;
    color:#fff;
}
.bg-gray{
    background-color:#EFEFEF;
}
.bottom-bar{
    font-weight: bold;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    background-color: #000;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    text-decoration: none;
    box-sizing: border-box;
    margin-top: 237px;
}
.bottom-bar > span{
    display: block;
    padding-top: 4px;
    color: #999;
}
.bottom-bar:hover{
    text-decoration: none;
    background-color:#E08F29;
    color:#fff;
}
.bottom-bar:hover > span{
    color: #653b18;
}
#planetarium-square > div, #butterfly-square > div, #gst-square > div{
    height: 290px;
    background-color:#2f2f2f;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
#planetarium-square > a, #butterfly-square > a, #gst-square > a{
    display: block;
    height: 290px;
    overflow: hidden;
    text-decoration: none;
    background-size: cover;
}
.bottom-shadow{
    visibility: hidden;
    position: absolute;
    left:-10px;
    right:-10px;
    bottom:-5px;
    height: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
}
.top-shadow{
    visibility: hidden;
    position: absolute;
    left:-10px;
    right:-10px;
    top:-5px;
    height: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
}
.bold-statement{
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    margin:0;
}
.category-thumbnail > a, .round > a, a.round{
    display: block;
    border-radius: 7%;
    -moz-border-radius: 5%;
    overflow: hidden;
    box-shadow: 7px 7px 10px #333;
    margin-bottom: 17px;
}
.category-thumbnail > a:hover, .round > a:hover, a.round:hover {
    transform: scale(1.01);
}
.round, a.round{
    text-decoration: none;
}
.round > span{
    border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    line-height: 5vw;
    text-align: center;
}
.round > span > span{
    display:block;
    text-transform: uppercase;
    line-height: 4vw;
    margin-top:-2vw;
}

/* Footer Classes  */
.footer {
 background-color: #111;
 color: #ffffff;
 padding: 15px;
}
.footer-relative{
    position: relative;
}
.footer-menu {
   color:#999;
}
.display-none,.btn > span.display-none, *.display-none{
    display: none;
}
.t-logo{
    background-repeat: no-repeat;
}
.f-logo{
    background-repeat: no-repeat;
}
.p-logo{
    background-repeat: no-repeat;
}
.b-logo{
    max-height: 45px;
    width: auto;
}
.y-logo{
}
.a-logo{
    background-size: cover;
}
.i-logo{
}
.k-logo{
}
.sslo{
    display:inline-block;
    width:45px;
    height:45px;
}
.sslo + .sslo{
    margin-left:5px;
}
.city-houston{
    background-repeat: no-repeat;
    background-size: 100%;
    display:inline-block;
    width:172px;
    height:45px;
    margin-top: -10px;
}
.city-pass{
    background-repeat: no-repeat;
    background-size: 100%;
    display:inline-block;
    width:98px;
    height:45px;
    margin-left:5px;
}

/* Sitewide Notification Head */
.notification-head a{
    color:#fff;
}
.notification-head a:hover{
    text-decoration: none;
}
.notification-head{
    text-align: center;
    color:#fff;
    background-color:#4380A5;
    font-weight: bold;
    padding:10px 0;
}

/*Homepage*/
.section-heading{
    font-weight: bold;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    color: #fff;
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}
#planetarium-square > div, #butterfly-square > div, #gst-square > div{
    height: 290px;
    background-color:#2f2f2f;
    position: relative;

    background-size: cover;
    background-repeat: no-repeat;
}
#planetarium-square > a, #butterfly-square > a, #gst-square > a{
    display: block;
    height: 290px;
    overflow: hidden;
    text-decoration: none;
    background-size: cover;
}
.bottom-bar:hover{
    text-decoration: none;
    background-color:#E08F29;
    color:#fff;
}
.bottom-bar:hover > span{
    color: #653b18;
}
.homepage-bar + .homepage-bar{
    margin-top: 20px;
}
.orange-line{
    background-color:#cc831f;
}
.blue-line{
    background-color:#4a89af;
}
.red-line{
    background-color:#bb3e3e;
}
.green-line{
    background-color:#779839;
}
.homepage-bar:hover{
    background-color:#000;
}
.homepage-bar{
    font-weight: bold;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF !important;
    display: block;
    left: 0;
    right: 0;
    text-decoration: none !important;
    bottom: 0;
    padding: 20px;
    text-decoration: none;
    box-sizing: border-box;
}

/*mapShell*/
#map-shell, #map{
    position: relative;
    overflow: hidden;
    height: 370px;
}
#map{
    background-image: url('/wp-content/themes/hmns2022blog/images/general-map.jpg');
    background-position: center center;
    background-size: cover;
    max-height: 370px;
}
#map.map-hmns {
    background-image: url('/wp-content/uploads/2015/10/hmns.jpg');
}
#map.map-sugarland{
    background-image: url('/wp-content/uploads/2015/10/sugar-land.jpg');
}
#map.map-george{
    background-image: url('/wp-content/uploads/2015/10/george.jpg');
}
.shield{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.18);
}
.padding-20{
    padding:20px;
}
.padding-10{
    padding:10px;
}
.map-box {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 7px 7px 10px #333;
    padding: 7px;
    margin-left: 15px;
    margin-right: 15px;
}
.map-box:hover {
    transform: scale(1.01);
}
.location-here{
    margin-top: 0px;
    height: 40px;
    background-color: #E08F29;
    font-size: .8rem;
    line-height: 40px;
    color: #fff;
}
.uppercase{
    text-transform: uppercase;
}
.bg-white{
    background-color:#fff;
    position: relative;
}
.btn-orange, .btn-default.btn-orange{
    color: #e08f29;
    border-color: #e08f29;
}
#donatebtn{
    margin-bottom: 5px;
}
.donate{
    color: #fff !important;
    background-color: #e08f29 !important;
    margin-top: 20px !important;
}

/*Breadcrumbs */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.glyphicon-home:before {
    content: "\e021"
}
#breadcrumb-container{
    background-color: #E0E0E0;
}
#breadcrumb-container > div > div > div.col-10{
    padding-top: 0px;
    padding-bottom: 0px;
}
#breadcrumbs{
    list-style:none;
    margin:0;
    overflow:hidden;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right: 15px;
    position: relative;
    font-size: .8rem;
}
#breadcrumbs li a{
    color:#777;
    text-decoration: none;
}
#breadcrumbs li.item-current{
    color:#777;
}
#breadcrumbs .separator{
    font-size:1.5rem;
    font-weight: 200;
    color:#ccc;
}
.separator{
    position: absolute;
    top: 0;
    right: 0px;
    display: block;
    border: 19px solid transparent;
    border-right: 0;
    border-left: 14px solid #c7c7c7;
}
.separator:before{
    position: absolute;
    top: -19px;
    right: 1px;
    display: block;
    border: 19px solid transparent;
    border-right: 0;
    border-left-color: #E0E0E0;
    border-left-width: 14px;
    border-left-style: solid;
    content: "";
}

/*Vertical Boon*/
.vertical-boon{
    background-color: #FFF8DB;
    padding: 15px;
    border-top: 5px solid #CD9B1A
}
.vertical-boon hr{
    border-color: #ECDCB4;
}
.vertical-boon p{
    font-size: .8rem;
}
.vertical-boon strong, .vertical-boon p a{
    display: block;
}

.block {
    display: block;
}
.font-sm {
    font-size: .8rem;
}
.font-med {
    font-size: .9rem;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important
}
#sidebar .current-menu-parent > a, .widget_nav_menu li.current-menu-parent > a, #sidebar ul#menu li.current-page-ancestor > a{
    font-weight: bold;
    color:#222;
}
.exhibit-data{
    border-top:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
    margin:20px 0;
    padding: 10px 0;
    color: #555;
    height: auto;
    width: 100%;
    display: inline-block;
}
.exhibit-data .pull-right{
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}
.exhibit-data .pull-left{
    color: #669E32;
    margin-top: 8px;
}
.exhibition-table > .row > .col-6 {
    padding-top: 0;
    padding-bottom: 0;
}
.entry{
    margin-top:20px;
}
.entry-header #start-date, .entry-header #end-date, .entry-header .date-divider{
    font-weight: bold;
    font-size: .8rem;
    color: #669E32;
    text-transform: uppercase;
}
.entry-header hr{
    margin-top: 30px;
    margin-bottom: 30px;
}
.entry-content:empty{
    display:none;
}
.entry-content + #categories{
    margin-top:40px;
}
.entry-content .wp-post-image {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.entry-content ul, .entry-content ol {
    display: block;
    margin-left: 20px;
    margin-bottom: 30px;
}
.entry-content ul li {
    list-style: disc;
    list-style-position: outside;
    color: #777;
}
.entry-content ol li {
    list-style: lower-alpha;
    list-style-position: outside;
    color: #777;
}
#exhibit-information strong, #today-side-schedule strong{
    display: block;
    font-weight: bold;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#exhibit-information .table strong, #today-side-schedule .table strong{
    display: block;
    font-weight: bold;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.ticket-container .btn{
    display: block;
}
* + .ticket-container{
    margin-top:30px;
}
.ticket-container, .curator-container{
    padding-top:30px;
    padding-bottom:10px;
    border-top:1px solid #eaeaea;
}
#more-options {
    background-color: #EFEFEF;
    clear: both;
    margin-top: -30px;
    margin-bottom: 30px;
    position: relative;
    padding: 25px;
}
.option-container{
    background-color: #FFF;
    padding: 10px;
    font-size: .8rem;
    text-align: center;
    border-top: 5px solid #4380A5;
}
.option-container .head > span {
    display: block;
    padding-top: 4px;
    color: #999;
}
.option-container .head > span + a{
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4380A5;
    display: block;
    margin-top:10px;
    text-decoration: none;
}
.option-container .head{
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
}

.collapse {
    display: none;
}
.collapse.in {
    display: block
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}
.collapseomatic{
    display:block;
}
.collapseomatic + .collapseomatic{
    margin-top: 10px;
}
.collapseomatic_content {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    padding: 20px;
    border-left: 5px solid #ccc;
}
.collapseomatic {
    padding: 0 0 10px 20px !important;
    font-weight: bold;
}

.category-thumbnail {
    margin: 20px auto 5px auto;
    min-height: 212px;
    max-width: 212px;
}
.sv > img {
    height: 100%;
    width: 100%;
}
.well.well-caution{
    font-size: .8rem;
    background-color: #FFF8CB;
    margin-top: 20px;
    color: #7E774A;
}
.well-caution strong.block{
    display: block;
    margin-bottom:10px;
    font-size: .8rem;
}
div.well.well-caution ul{
    margin-bottom:0;
}
.well{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 20%);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 20%);
    border:none;
    position: relative;
    z-index: 10;
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    min-height: 20px;
}
.well{
    overflow: hidden;
}
.well > table {
    position: relative;
    z-index: 0;
    margin-top: -1px;
    margin-bottom: 0;
}
.well td, th {
    padding: 2px;
}
#exhibit-information .well, #today-side-schedule .well, #map-shell .well{
    padding:0;
}
.cat-head{
    display:block;
}
.show-all{
    margin-top: 5px;
    background-color: #fff;
    font-size: .8rem;
    color: #444;
    cursor: pointer;
}
.side-mention {
    background-color: #F3F3F3;
    padding: 20px;
    margin-left: -30px;
    border-top: none;
    position: relative;
    right: -15px;
}
.cal-item {
    padding: 20px 0;
}
.cal-item-time{
    display: block;
    font-size: 12px;
    color:#777;
    text-transform: uppercase;
}
.cal-item-name{
    font-weight: bold;
    font-size: 14px;
    color:#000;
    text-transform: uppercase;
}
.cal-item + .cal-item{
    border-top:1px solid #eaeaea;
}
.cal-item input[type=submit] {
    display: inline-block;
    border: none;
    text-decoration: none;
    color: #F7F7F7;
    background-color: #4380A5;
    font-size: 11px;
    padding: 8px 15px;
    border-radius: 15px;
}
.tab-pane > .well {
    margin: 0;
}
.tab-pane > .col-12.well {
    margin: 0 15px;
}
.tab-pane > .well-lg, #eventSearch .well-lg {
    padding: 10px 30px;
    margin: 0;
}
.media.curator-container:first-child {
    margin-top: 30px;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.media > .pull-left {
    margin-right: 10px;
}
#photography-notice {
    background-color: #FFF3B9;
    padding: 12px;
    font-style: italic;
    color: #555;
    border-left: 5px solid #DAC76A;
    font-size: 12px;
    margin-top: 20px;
    display: inline-block;
}
.happening-title{
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom:10px;
    max-width: 90%;
}
#exhibit-information strong, #today-side-schedule strong{
    display: block;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#exhibit-information .table strong, #today-side-schedule .table strong{
    display: block;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.happening-title + p{
    position: relative;
    display: block;
    overflow: hidden;
}
.happening-title a{
    display: block;
    overflow: hidden;
}
.happening-title > span{
    display: block;
    font-size: 10px;
    padding-top: 4px;
    font-weight: normal;
    color: #999;
    letter-spacing: 0;
}
/*Shadow Box*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{}
#sb-title-inner{font-size:12px; color:#fff;
    padding:10px;}
    #sb-info,#sb-info-inner{height:20px;line-height:20px;}
    #sb-info-inner{font-size:12px;}
    #sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
    #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
    #sb-nav-close{color:#fff; font-weight:bold;}
    #sb-nav-next{background-image:url(next.png);}
    #sb-nav-previous{background-image:url(previous.png);}
    #sb-nav-play{background-image:url(play.png);}
    #sb-nav-pause{background-image:url(pause.png);}
    #sb-counter{float:left;width:45%;}
    #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
    #sb-counter a.sb-counter-current{text-decoration:underline;}
    div.sb-message{font-size:12px;padding:10px;text-align:center;}
    div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

    *,
    ::before,
    ::after {
      box-sizing: inherit;
      text-decoration: none;
      list-style-type: none;
      margin: 0;
      padding: 0;
  }

/*********** TAB LINKS **********/
.tab-list__list {
  display: inline-block;
  max-width: 100%;
}

.tab-list__item {
    padding-left: 2px;
    position: relative;
    float: left;
}

.tab-list__link:hover, .tab-list__link:focus {
    text-decoration: none;
}

.tab-list__link {
  color: #fff;
  text-transform: uppercase;
  background-color: #4380A5;
  display: block;
  padding: 0.8em 1.5em;
  border-radius: 5px 5px 0 0;
  transition: all 150ms ease-out;
  text-decoration: none;
}

.tab-list__link--is-active {
  color: #4380A5;
  background-color: #E5E5E5;
  transform: scaleY(1.1);
  transform-origin: center bottom;
}

/*********** TAB CONTAINERS **********/
.tab {
  border-radius: 0 3px 3px 3px;
  padding: 1.5em;
}

.tab__box {
  display: none;
}

.tab__box--is-visible {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
  grid-gap: 1.5em;
  justify-content: space-around;
}
#mc_embed_signup li {
    list-style: none;   
}
#facebook{
    background-image: url(images/facebook-share.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#twitter{
    background-image: url(images/twitter-share.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#pinterest{
    background-image: url(images/pinterest-share.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#instagram{
    background-image: url(images/instagram-share.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#youtube{
    background-image: url(images/youtube-share.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#tiktok{
    background-image: url(images/tiktok-share.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px;
}
.comment-count + .comment-count{
    margin-left: 15px;
}
.social-icon{
    display:inline-block;
    width: 50px;
    height:50px;
    border: none;
    /*background-color:#444;
    background-size: 50px;
    border-radius: 10%;
    border-width: 0;
    border: none;*/
    vertical-align: top;
    cursor: pointer;
}
.entry-header .media{
    overflow: visible;
}
.entry-header .media .pull-right{
    margin-top:-15px;
    margin-bottom:-15px;
}
.social-icon + .social-icon{
    margin-left:10px;
}
.comment-count{
    line-height: 1;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4380A5;
    display:inline-block;
}
#author-detail{
    padding:20px;
    margin-bottom: 30px;
    color:#777;
    background-color:#fff5e0;
}
#author-detail b{
    display:block;
    color:#333;
    margin-bottom: 10px;
}
#author-detail p{
    font-size:14px;
}
#comments{
    border-top: 1px solid #eaeaea;
    padding-top: 30px;
    font-size: 30px;
    line-height: 37px;
}
#respond .comment-reply-title{
    margin: 0 0 20px 0;
    padding-bottom: 20px;
}
/*Underwritter*/
p + .underwriter{
    margin-top:30px;
}
.underwriter {
    background-color: #F4F4F4;
    padding: 12px;
    font-style: italic;
    color: #555;
    border-left: 5px solid #ccc;
    font-size: 12px;
}
.underwriter + .underwriter{
    padding-top:0;
}
/*Youtube*/
p + .youtube-video, div + .youtube-video{
    margin-top: 30px;
    border-top: 1px solid #eaeaea;
    padding-top: 30px;
    clear: both;
}
.youtube-video + p{
    margin-top: 35px;
    border-top: 1px solid #eaeaea;
    padding-top: 30px;
}
.youtube-video + p:empty{
    display:none;
}
.entry-content:empty{
    display:none;
}
.entry-content + #categories{
margin-top:40px;
}
iframe{
    vertical-align: top;
}
.entry-content iframe {
        width: auto;
        height: auto;
    display: block;
    margin: auto;
}
.wp-block-image{
    margin: 50px 0 !important;
}
.relative-visible{
        position: relative;
}
.relative{
    position: relative;
    overflow: hidden;
}
.pullover-yellow{
    position: absolute;
    top: 0;
    bottom:0;
    right: -20px;
    width: 500%;
    margin-left: -100%;
    z-index: 0;
    background-color:#fff5e0;
}
.related-items{
    background-color:#fff;
    position: relative;
}