* {
    -webkit-text-size-adjust: none;
}

.header,
.headerInner,
sub,
sup,
ul.mainNav li a {
    position: relative
}

.logoGlobal,
.megaMenuBottom,
.megaMenuRight,
.mmdLearn .megaMenuCenter,
.mmdLearn .megaMenuRight,
.mobileMenu a,
.planVisitBtn,
.searchButton,
nav.navGlobal,
nav.navGlobal ul li,
ul.mainNav .megaMenuDrop a,
ul.mainNav li a {
    box-sizing: border-box
}

body,
img {
    display: block
}

.planVisitPanel,
.slidehidden {
    visibility: hidden
}

#hpContactForm select,
.c-hamburger {
    -webkit-appearance: none;
    -moz-appearance: none
}

.gridBlockHover,
.hpm_Inner .copyBlock,
.innerBorder,
.progressBar,
a.columnBlockBtn,
a.gridBlockLink,
span.pvpColumnTitle {
    text-align: center
}

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

.containerWrap,
.outerWrap,
body {
    margin: 0 auto;
    position: relative
}

[placeholder] {
    text-overflow: ellipsis
}

::placeholder {
    text-overflow: ellipsis
}

::selection {
    background: #ed6444;
    color: #fff
}

::-moz-selection {
    background: #ed6444;
    color: #fff
}

.bx-controls-direction a:focus {
    outline: 0
}

.intAccSlideUpWrap em,
.intAccSlideUpWrap i,
i,
p em,
p i {
    font-family: Bliss-Italic;
    font-family: "Source Sans 3", san-serif;
    font-style: italic;
}

html {
    overflow: auto;
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
}

.bx-wrapper,
.megaMenuBottom,
.outerWrap,
body {
    overflow: hidden
}

body {
    min-width: 320px
}

sub,
sup {
    vertical-align: baseline;
    top: -.4em
}

sup {
    font-size: 70%
}

sub {
    top: .4em
}

em {
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
    font-style: italic;
}

h4 em,
h4 i {
    font-family: Bliss-BoldItalic;
    font-family: "Source Sans 3", san-serif;
    font-style: italic;
}

b {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-weight: 700;
}

.intAccSlideUpWrap div a,
.interiorWrap p a,
a.external-link,
a.internal-link,
ol a,
ul a {
    font-family: Bliss-MediumItalic;
    font-family: "Source Sans 3", san-serif;
    color: #494949;
    text-decoration: underline;
}

.interiorWrap p a:hover,
a.external-link:hover,
a.internal-link:hover {
    text-decoration: none;
    color: #714fa3
}

.heroContent em,
.heroSliderOuter a.cta,
.unselectable,
a.bx-next,
a.bx-prev,
span.fancy,
p.heroMessage {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.heroSliderOuter a.cta,
a.bx-next,
a.bx-prev {
    cursor: pointer;
}

.outerWrap {
    width: 100%;
}

.containerWrap {
    max-width: 1920px;
}

.header .containerWrap {
    max-width: none;
}

.header {
    height: 143px;
}

.headerInner {
    display: -webkit-flex;
    display: flex;
    left: 0;
    z-index: 17;
    top: 0;
}

.logoGlobal {
    background: #006bb6;
    float: left;
    padding: 22px 55px;
    display: block;
}

.logoGlobal .blueLogo,
.logoGlobal.active .whiteLogo {
    display: none;
}

.logoGlobal.active .blueLogo {
    display: block;
}

nav.navGlobal ul li {
    list-style: none;
    display: block;
    height: 100%;
    background: center bottom;
    transition: .3s ease;
    float: left;
}

.megaMenuDrop.mmdVisit.hovering {
    display: block !important;
}

.menuVisit .megaMenuDrop a:focus,
.menuVisit .megaMenuDrop a:hover {
    color: #faa996;
    outline: 0;
}

nav.navGlobal ul li:focus {
    outline: 0;
}

nav.navGlobal ul li a:focus,
nav.navGlobal ul li:focus a {
    color: #f39f0b;
    outline: 0;
}

.menuExplore .megaMenuDrop a:focus,
.menuExplore .megaMenuDrop a:hover,
.mmdExplore .megaMenuRight a.learnMore:focus,
.mmdExplore .megaMenuRight a.learnMore:hover {
    color: #58b7f9;
    outline: 0
}

.menuContribute .megaMenuDrop a:focus,
.menuContribute .megaMenuDrop a:hover,
.menuLearn .megaMenuDrop .megaMenuRight a:focus,
.menuLearn .megaMenuDrop .megaMenuRight a:hover,
.menuLearn .megaMenuDrop a:focus,
.menuLearn .megaMenuDrop a:hover {
    color: #fff;
    outline: 0
}

.menuContribute .megaMenuDrop .megaMenuRight a:focus,
.menuContribute .megaMenuDrop .megaMenuRight a:hover {
    color: #ab7b38;
    outline: 0
}

ul.supportNav li:nth-child(5) {
    display: none
}

nav.navGlobal .megaMenuDrop .megaMenuBottom a:focus,
nav.navGlobal .megaMenuDrop .megaMenuBottom a:hover {
    color: #b5b3b3;
    outline: 0
}

nav.navGlobal ul.mainNav li a {
    padding: 50px 30px 40px;
    display: block;
    cursor: pointer
}

nav.navGlobal ul.mainNav li:first-of-type a {
    padding-left: 60px
}

nav.navGlobal ul.mainNav li .megaMenuDrop a {
    padding: 0;
    clear: both
}

nav.navGlobal ul li a {
    text-decoration: none;
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 33px;
    line-height: 1.1;
    color: #fff;
    letter-spacing: 1px
}

.navGlobal ul.supportNav li a:focus,
.navGlobal ul.supportNav li a:hover,
nav.navGlobal ul li a.active,
nav.navGlobal ul li:focus>a,
nav.navGlobal ul li:hover>a {
    color: #f39f0b;
    outline: 0
}

.navGlobal ul.supportNav li a {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 24px;
    line-height: 1.1;
    padding: 57px 0 40px 20px;
    display: block;
    float: left
}

.navGlobal ul.supportNav li a:focus:after,
.navGlobal ul.supportNav li a:hover:after {
    color: #fff;
    outline: 0
}

ul.supportNav li:nth-child(-n+2) a:after {
    content: "|";
    margin-left: 25px;
    color: #fff
}

ul.mainNav li a {
    height: 143px
}

.megaMenuDrop,
img.menuCaret {
    position: absolute;
    left: 0;
    display: none
}

img.menuCaret {
    bottom: 0;
    right: 0;
    margin: 0 auto
}

ul.mainNav .megaMenuDrop a {
    height: auto
}

.megaMenuDrop {
    top: 100%;
    width: 58vw;
    max-width: 1113px
}

.megaMenuFlex {
    border-right: 1px solid #ccc
}

.megaMenuDrop.hovering {
    display: block !important
}

.searchButton,
nav.navGlobal {
    display: block
}

nav.navGlobal {
    float: left;
    width: 100%
}

ul.mainNav {
    float: left;
    height: 100%;
    position: relative
}

.headerHours,
.planVisitBtn {
    position: absolute;
    z-index: 5;
    right: 0
}

ul.supportNav {
    float: right;
    padding-right: 55px
}

.searchButton {
    border: 1px solid #fff;
    padding: 13px 12px 12px;
    cursor: pointer;
    margin-left: 50px;
    transition: border .2s ease;
    width: 52px;
    height: 53px;
    float: left;
    margin-top: 40px
}

.searchButton .blueIcon {
    display: none
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    color: #fff;
    transition: all .3s ease
}

.fa-search:before {
    content: "\f002"
}

.planVisitBtn:after,
a.learnMore:after,
nav.navGlobal .megaMenuBottom a:after {
    content: '>';
    font-weight: 700
}

.page-template-template-search .searchButton,
.searchButton:focus,
.searchButton:hover {
    border: 1px solid #f39f0b;
    color: #f39f0b;
    outline: 0
}

.headerInner.active .whiteIcon,
.page-template-template-search .searchBarWrap {
    display: none
}

.headerInner.active .blueIcon {
    display: block
}

.headerInner.active .searchButton {
    color: #373749
}

.megaMenuFlex {
    display: -webkit-flex;
    display: flex
}

.megaMenuLeft {
    background: #ed6444;
    float: left;
    width: 23.6%;
    padding: 40px 60px
}

.mmdExplore .megaMenuLeft {
    background: #006bb6
}

.mmdLearn .megaMenuLeft {
    background: #cdd323;
    width: 33.3%;
    box-sizing: border-box
}

.mmdLearn .megaMenuCenter {
    background: #dde16b;
    width: 33.3%;
    padding: 40px 60px
}

.mmdLearn .megaMenuRight {
    background: #cdd323;
    display: block;
    width: 33.4%;
    min-width: 0
}

.mmdContribute .megaMenuLeft {
    background: #efc385
}

.mmdLearn .megaMenuCenter a,
.mmdLearn .megaMenuLeft a {
    color: #302e2c
}

nav.navGlobal ul li .megaMenuLeft a,
nav.navGlobal ul li .mmdLearn .megaMenuCenter a,
nav.navGlobal ul li .mmdLearn .megaMenuRight a {
    float: left;
    clear: both;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 21px;
    line-height: 45px
}

nav.navGlobal .mmdLearn .megaMenuRight a {
    color: #302e2c;
    text-transform: none
}

nav.navGlobal ul li .mmdLearn .megaMenuCenter a.mainMegaLink,
nav.navGlobal ul li .mmdLearn .megaMenuRight a.mainMegaLink,
nav.navGlobal ul li a.mainMegaLink {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 26px;
    line-height: 45px;
    text-transform: uppercase
}

nav.navGlobal ul li a.mainMegaLink {
    line-height: 1.1 !important;
    margin-bottom: 10px
}

.megaMenuRight {
    float: left;
    width: 70%;
    background: #fff;
    padding: 40px 50px;
    display: -webkit-flex;
    display: flex;
    min-width: 698px
}

.mmr_Left {
    float: left;
    margin-right: 40px;
    min-width: 295px
}

.mmr_Left img {
    width: 100%;
    height: auto
}

.mmr_Right {
    width: 50%
}

.megaMenuRight span {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    color: #ed6444;
    font-size: 26px;
    line-height: 1.1;
    float: left;
    clear: both
}

.mmdExplore .megaMenuRight a.learnMore,
.mmdExplore .megaMenuRight span,
.mmdExplore em {
    color: #006bb6
}

.mmdContribute .megaMenuRight span,
.mmdContribute em {
    color: #ab7b38
}

.mmdContribute .megaMenuRight a.learnMore {
    color: #000
}

a.learnMore:after {
    font-size: 20px;
    padding-left: 10px;
    font-family: OratorStd;
    display: inline-block;
    line-height: 1
}

.mmdExplore em {
    margin: 20px 0 0
}

.mmdContribute .megaMenuLeft a {
    color: #302e2c
}

p.dropNoPad {
    margin-top: 8px
}

.megaMenuRight em {
    color: #555;
    float: left;
    clear: both
}

span.dropSubTitle {
    font-family: Archer-Medium-Pro;
    font-family: "Source Serif 4", serif;
    font-size: 24px
}

.planVisitBtn {
    color: #fff;
    display: block;
    background: #ed6444;
    top: 100%;
    cursor: pointer;
    font-size: 19px;
    padding: 15px 51px 13px 22px;
    letter-spacing: 1.5px;
    transition: all .2s ease;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
}

.planVisitBtn span {
    float: left;
    line-height: 1.6
}

.planVisitBtn:after {
    font-size: 25px;
    padding-left: 10px;
    font-family: OratorStd;
    margin-top: 7px;
    float: left;
    line-height: 1
}

.planVisitBtn:focus,
.planVisitBtn:hover {
    background: #fff;
    color: #ed6444;
    outline: 0
}

.planVisitBtn:focus:after,
.planVisitBtn:hover:after {
    color: #ed6444;
    outline: 0
}

.headerHours {
    color: #fff;
    top: 150%;
    width: 214px
}

.page-template-template-blog-interior .headerHours,
.page-template-template-blog-landing .headerHours {
    color: #373748
}

.headerHours span {
    float: left;
    clear: both;
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
    font-size: 15px
}

.headerHours span:first-of-type,
nav.navGlobal ul li .megaMenuRight a,
p {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
}

.headerHours span:first-of-type {
    letter-spacing: 1px
}

p {
    color: #555;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    float: left;
    clear: both;
    letter-spacing: .5px
}

nav.navGlobal ul li .megaMenuRight a {
    color: #ed6444;
    font-size: 19px;
    line-height: 1.2;
    text-transform: uppercase
}

.megaMenuBottom {
    clear: both;
    width: 100%;
    background: #2c2a29;
    padding: 20px 20px 20px 60px
}

nav.navGlobal .megaMenuBottom,
nav.navGlobal .megaMenuBottom a {
    float: left;
    color: #fff;
    font-family: Archer-Medium-Pro;
    font-family: "Source Serif 4", serif;
    font-size: 18px;
    text-decoration: none
}

nav.navGlobal .megaMenuBottom a:after {
    font-size: 16px;
    padding-left: 10px;
    font-family: OratorStd;
    display: inline-block;
    line-height: 1
}

.heroSliderOuter {
    position: relative;
    margin-top: -147px;
    z-index: 3
}

.bx-wrapper {
    position: relative;
    max-height: 1080px
}

.bx-viewport,
.bx-wrapper li {
    height: 0 !important;
    padding-bottom: 55% !important
}

li.slide01 {
    background: url(../images/hero_01.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide02 {
    background: url(../images/hero_02.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide03 {
    background: url(../images/hero_03.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide04 {
    background: url(../images/hero_04.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide05 {
    background: url(../images/hero_05.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide06 {
    background: url(../images/hero_06.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide07 {
    background: url(../images/hero_07.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide08 {
    background: url(../images/hero_08.jpg) 70% center no-repeat;
    background-size: cover
}

li.slide09 {
    background: url(../images/hero_09.jpg) 70% center no-repeat;
    background-size: cover
}

.bx-wrapper li img {
    width: 100%;
    display: block;
    position: absolute
}

.bx-pager.bx-default-pager {
    display: none
}

a.cta,
span.fancy {
    display: block;
    float: left
}

span.fancy {
    padding-left: 5px
}

.bx-controls-direction {
    position: absolute;
    right: 200px;
    bottom: 40%;
    width: 65px;
    height: 160px;
    transition: all .3s ease
}

a.bx-next,
a.bx-prev {
    right: 0;
    z-index: 11;
    text-indent: -9999px
}

a.bx-prev {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    border: 1px solid #fff;
    border-radius: 60px
}

a.bx-prev:hover {
    border: 1px solid #ebb210;
    outline: 0
}

.progressBar.hovering svg path:first-of-type,
.progressBar:focus svg path:first-of-type {
    stroke: #ebb210
}

.progressBar path:last-of-type {
    stroke-width: 4
}

a.bx-next:focus:after,
a.bx-next:focus:before,
a.bx-next:hover:after,
a.bx-next:hover:before,
a.bx-prev:focus:after,
a.bx-prev:focus:before,
a.bx-prev:hover:after,
a.bx-prev:hover:before {
    background: #ebb210;
    outline: 0
}

a.bx-next:after,
a.bx-next:before,
a.bx-prev:after,
a.bx-prev:before {
    top: 35%;
    left: 50%;
    width: 1px;
    height: 40%;
    background: #fff;
    content: '';
    position: absolute
}

a.bx-next:before,
a.bx-prev:before {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

a.bx-next:after,
a.bx-prev:after {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

a.bx-next {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 0;
    transform: rotate(180deg)
}

.heroContent {
    position: relative;
    z-index: 5;
    color: #fff;
    padding-left: 180px;
    max-width: 80%;
    padding-top: 15.8%
}

.heroContent em,
p.heroMessage {
    font-size: 1.5vw;
    line-height: 2.2vw;
    float: left;
    clear: both;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 40%;
    transition: all .3s ease;
    margin-left:150px;
    padding-left:5px;
}

p.heroMessage {
    font-family: Archer-Medium-Pro;
    font-family: "Source Serif 4", serif;
}

a.cta {
    clear: both;
    text-decoration: none;
    color: #ebb210;
    text-transform: uppercase;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;

    font-size: 1.58vw;
    border: 2px solid #ebb210;
    padding: 20px 30px;
    transition: all .2s ease;
    margin-left:150px;
    margin-top:5%;
}

.progressBar,
span.fancy {
    transition: all .3s ease
}

a.cta:focus,
a.cta:hover {
    color: #fff;
    background: #ebb210;
    outline: 0
}

span.fancy {
    font-family: SaturdayScript;
    font-size: 8vw;
    transform: rotate(0deg);
    margin-left: 150px;
    line-height: 1.2;
    margin-bottom: 30px;
    opacity: .6;

    font-family: "Source Serif 4", serif;
    transform:unset;
    font-size:90px;
    padding:0px;
    opacity:1;
    margin-bottom:10px;

}

.progressBar {
    position: absolute;
    z-index: 10;
    width: 62px;
    right: 204px;
    bottom: 40.5%;
    height: 62px
}

.progressBar svg {
    width: 62px;
    height: 62px;
    padding: 5px
}

.mobileMenu {
    width: 100%;
    height: calc(100% - 70px);
    background: #373749;
    position: fixed;
    z-index: 20;
    top: 0;
    left: -100%;
    transition: left .4s ease;
    overflow: auto;
    display: none;
    margin-top: 70px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.footer,
.footerOuter {
    z-index: 15;
    clear: both
}

.c-hamburger,
.footer,
.footerRow,
.homepageMain,
.inner,
.visibleSocial {
    overflow: hidden
}

.mobileMenu a {
     font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 20px
}

.mobileMenu a.active {
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
    font-style: italic;

}

.mobileMenu a.visitlinkbg.active {
    background: #ed6545
}

.mobileMenu a.explorelinkbg.active {
    background: #006bb6
}

.mobileMenu a.learnlinkbg.active {
    background: #cbc93a
}

.mobileMenu a.contributelinkbg.active {
    background: #efc385
}

.headerInner.active,
ul.inner {
    background: #fff
}

.mobileMenu a.toggle:after {
    content: '>';
    font-size: 25px;
    padding-right: 10px;
    font-family: OratorStd;
    margin-top: 7px;
    float: right;
    line-height: 1;
    font-weight: 700;
    transition: all .2s ease
}

.mobileMenu a.active:after {
    transform: rotate(90deg);
    padding-left: 15px;
    padding-right: 20px
}

.accordion li {
    border-bottom: 1px solid #fff;
    list-style: none
}

.accordion li ul li {
    border: none
}

.mobileMenu.active {
    left: 0
}

.mobileMenuButton {
    width: 40px;
    height: 40px;
    transition: border .3s ease
}

ul.inner li a {
    color: #373749;
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;

    letter-spacing: 1px
}

.headerInner.active .c-hamburger span,
.headerInner.active .c-hamburger span::after,
.headerInner.active .c-hamburger span::before {
    background-color: #373749
}

.headerInner.active .c-hamburger--htx.is-active span {
    background: 0 0
}

.c-hamburger {
    display: block;
    position: relative;
    padding: 0;
    width: 25px;
    height: 25px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    margin: 5px auto 0
}

.c-hamburger span,
.c-hamburger span::after,
.c-hamburger span::before {
    position: absolute;
    display: block;
    border-radius: 10px;
    height: 2px;
    width: 100%;
    left: 0
}

.c-hamburger:focus {
    outline: 0
}

.c-hamburger span {
    top: 14px;
    right: 18px;
    background: #fff
}

.c-hamburger span::after,
.c-hamburger span::before {
    background-color: #fff;
    content: ""
}

.footer,
.footerOuter,
.hiddenSocial {
    position: relative
}

.c-hamburger--htx,
.c-hamburger--htx.is-active,
.c-hamburger--htx.is-active span {
    background: 0 0
}

.c-hamburger span::before {
    top: -8px
}

.c-hamburger span::after {
    bottom: -8px
}

.c-hamburger--htx span {
    -webkit-transition: background 0s .2s;
    transition: background 0s .2s
}

.c-hamburger--htx span::after,
.c-hamburger--htx span::before {
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

.c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
}

.c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}

.c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-hamburger--htx.is-active span::after,
.c-hamburger--htx.is-active span::before {
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}

.cff-item {
    padding: 20px !important;
    border: 1px solid #fff !important;
    margin: 0 0 20px !important;
    border-radius: 5px;
    box-sizing: border-box !important
}

.homepageMain,
.interiorWrap {
    padding-bottom: 50px
}

.contactButton,
.hpm_Inner,
.pvpColumnBlockBG,
a.columnBlockBtn {
    box-sizing: border-box
}

.inner {
    padding-left: 1em;
    display: none
}

.eventCalendarInteriorWrap,
.eventCalendarInteriorWrap .intMain {
    padding-bottom: 0
}

.footerOuter {
    float: left;
    width: 100%
}

.footer {
    background: #5e536e;
    color: #fff;
    padding-bottom: 20px
}

.footerNavBanner {
    background: #efeff1;
    padding: 35px 0 20px
}

.footerFlex {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.footerInner {
    padding: 0 15px;
    max-width: 1172px;
    margin: 0 auto
}

.moreSocial:focus,
.moreSocial:hover,
.socialLink:focus,
.socialLink:hover {
    opacity: .7;
    outline: 0
}

.socialLinks {
    float: left;
    clear: both;
    margin-top: 10px
}

.socialLinks a {
    float: left;
    clear: none;
    margin-right: 25px
}

.socialLinks a:last-of-type {
    margin-right: 0
}

.visibleSocial {
    float: left;
    margin-bottom: 20px
}

.hiddenSocial {
    float: left;
    clear: both
}

.hiddenCover {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: #5e536e;
    transition: height .2s ease
}

.hiddenCover.show {
    height: 0
}

.newsletterHeadline {
    font-family: SaturdayScript;
    font-family: "Source Serif 4", serif;
    color: #cbc93a;
    font-size: 30px;
    line-height: unset;
    float: left;
    text-shadow: 2px 2px 2px #4a4156;
    margin-right: 50px;
    width: 320px;
    min-width: 320px;
    letter-spacing: 1px;

}

.newsletterWrap {
    display: -webkit-flex;
    display: flex;
    margin-top: 50px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#newsletterSignUp input,
.newsletterField,
table.dragndrop input {
    border: none;
    outline: 0;
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;

    color: #373748;
    font-size: 18px;
    line-height: 1.5;
    width: 100%;
    background: #fff;
    padding: 8px 20px;
    box-sizing: border-box;
    height: 43px;
    border-radius: 0
}

table.dragndrop input.signUpPage {
    border: 1px solid #000;
}

.newsletterField::-webkit-input-placeholder {
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;

    color: #373748;
    font-size: 18px;
    line-height: 1.5
}

.newsletterField::-moz-placeholder {
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;

    color: #373748;
    font-size: 18px;
    line-height: 1.5
}

.newsletterField:-ms-input-placeholder {
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;

    color: #373748;
    font-size: 18px;
    line-height: 1.5
}

.newsletterField:-moz-placeholder {
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;

    color: #373748;
    font-size: 18px;
    line-height: 1.5
}

#newsletterSignUp button,
.contactButton,
.footerNavBanner a,
button.newsletterBtn,
table.dragndrop button {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    font-size: 18px;
    text-transform: uppercase
}

#newsletterSignUp button,
button.newsletterBtn,
table.dragndrop button {
    background: #cbc93a;
    border: 1px solid #cdd323;
    outline: 0;
    color: #373748;
    line-height: 1;
    padding: 5px 40px;
    float: right;
    cursor: pointer;
    letter-spacing: 1px;
    transition: all .2s ease;
    height: 100%;
    margin: 0
}

#newsletterSignUp button:focus,
#newsletterSignUp button:hover,
button.newsletterBtn:focus,
button.newsletterBtn:hover,
table.dragndrop button:focus,
table.dragndrop button:hover {
    background: 0 0;
    color: #cbc93a;
    outline: 0
}

form#newsletterSignUp,
form.editor-dragndrop-form {
    width: 100%;
    float: right
}

#newsletterSignUp label {
    display: none
}

#newsletterSignUp .wpforms-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    float: right;
    height: 43px
}

#newsletterSignUp .wpforms-field-container {
    width: 100%;
    float: left;
    height: 43px
}

.wpforms-submit-container {
    float: left;
    height: 43px;
    width: 175px
}

.wpforms-field-hp {
    display: none;
}

.contactButton,
.footerNavBanner a {
    display: inline-block;
    line-height: 1.1;
    color: #373748;
    text-decoration: none;
    letter-spacing: 1px
}

.footerAddress,
.footerCopy {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
}

.footerNavBanner a:focus,
.footerNavBanner a:hover {
    text-decoration: underline;
    outline: 0
}

.footerAddress a,
.footerCopy a {
    text-decoration: none;
    color: #fff
}

.contactButton {
    display: inline-block;
    padding: 12px 20px;
    border: 1px solid #373748;
    margin-top: -15px;
    cursor: pointer;
    transition: background .2s ease
}

.contactButton:focus,
.contactButton:hover {
    background: #373748;
    color: #fff;
    outline: 0
}

.footerRow {
    margin-top: 20px;
    clear: both
}

.footerRowLeft {
    float: left;
    width: 40%;
    margin-right: 5%
}

.footerRowRight {
    float: right;
    width: 45%
}

.footerCopy {
    clear: both;
    float: left;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}

.nonprofit {
    display: inline-block;
    float: right;
    text-transform: uppercase;
}

.footerCopy a {
    margin-left: 25px
}

.footerAddress {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .5px;
    float: right
}

.footerAddress a {
    float: right;
    clear: both
}

.footerAddress a:focus,
.footerAddress a:hover,
.footerCopy a:focus,
.footerCopy a:hover {
    text-decoration: underline;
    outline: 0
}

.footerAddress span {
    float: right;
    clear: both
}

.planVisitPanel {
    position: absolute;
    z-index: 18;
    background: #fff;
    right: -700px;
    top: 0;
    max-width: 550px;
    width: 100%;
    transition: all .3s ease;
    overflow: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.pvp_header {
    max-height: 145px;
    overflow: hidden
}

.pvp_header img {
    max-width: 100%
}

.planVisitPanel.active {
    right: 0;
    visibility: visible
}

.getInTouch,
form#hpContactForm div {
    visibility: hidden
}

.pvp_title {
    background: #ed6545;
    padding: 10px 30px 11px;
    overflow: hidden;
    position: relative
}

.pvp_title h5 {
    font-size: 22px;
    line-height: 1.8;
    color: #fff;
    float: left;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;

    letter-spacing: 1px
}

.pvp_close {
    float: right;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0;
    margin-top: 8px;
    cursor: pointer
}

.pvp_close:after,
.pvp_close:before {
    position: absolute;
    right: 50%;
    width: 2px;
    height: 25px;
    background: #fff;
    content: '';
    top: 0
}

.pvp_close:focus,
.pvp_close:hover {
    opacity: .8;
    outline: 0
}

.pvp_close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: none;
    border-radius: 0
}

.pvp_close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: none;
    border-radius: 0
}

.pvpInnerTop,
.pvp_inner {
    border-left: 1px solid #acacac
}

.pvp_column {
    width: 50%;
    float: left
}

.pvp_inner {
    padding: 15px 30px;
    overflow: hidden;
    border-bottom: 1px solid #acacac;
    background: #fef1d9
}

.pvpInnerTop {
    background: #fff;
    border-bottom: none
}

.pvpSectionIcon {
    float: left;
    width: 15%
}

.pvpSectionIcon img {
    max-width: 72%;
    margin-right: 5px
}

.pvpSectionContent {
    float: left;
    width: 75%
}

span.sectionHeading {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;

    float: left;
    clear: both
}

.sectionHeading02 {
    margin-top: 6px
}

.pvpSectionContent span {
    clear: both;
    display: block;
    font-size: 16px;
    line-height: 1.4
}

.pvpAdmission span.sectionHeading {
    margin-bottom: 5px
}

.pvpSectionContent em {
    font-family: Bliss-BoldItalic;
    font-family: "Source Sans 3", san-serif;
}

.pvp_section {
    overflow: hidden;
    margin-bottom: 25px
}

.pvpAdmission {
    margin-bottom: 0
}

span.addInfo {
    margin-top: 15px
}

span.addInfo,
span.addInfo em {
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;
}

span.pvpColumnTitle {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;

    font-size: 18px;
    display: block;
    margin-bottom: 10px
}

.pvpInnerBottom .pvp_columnLeft {
    width: 42%;
    margin-right: 16%
}

.pvpInnerBottom .pvp_columnRight {
    width: 42%
}

.pvpColumnBlockBG img {
    width: 100%;
    display: block
}

.pvpColumnBlockBG {
    position: relative;
    border: 1px solid #3C3636;
    overflow: hidden
}

.pvpColumnBlockBGHover {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 101%;
    background: rgba(237, 101, 69, .85);
    display: table;
    opacity: 0;
    transition: opacity .3s ease
}

.pvp_columnLeft .pvpColumnBlockBG {
    height: 111px
}

.pvp_columnRight .pvpColumnBlockBG {
    height: 68px
}

.pvpColumnBlock:focus>.pvpColumnBlockBG>.pvpColumnBlockBGHover,
.pvpColumnBlock:hover>.pvpColumnBlockBG>.pvpColumnBlockBGHover {
    opacity: 1;
    outline: 0
}

.pvpColumnBlock span {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;

    color: #000;
    font-size: 22px;
    line-height: 1.2;
    margin-top: 5px;
    display: none
}

.pvpColumnBlock span:after {
    content: '>';
    font-size: 16px;
    font-family: monospace;
    border: 1px solid #000;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    float: right;
    margin-top: 3px
}

.pvpColumnBlockBGHover span:after,
.pvpColumnBlockBGHover span:before {
    position: absolute;
    right: 10%;
    width: 1px;
    height: 15px;
    background: #fff;
    content: ''
}

.pvpColumnBlockBGHover span {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;

    color: #fff;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 40px 0 20px
}

.cpHeading,
a.columnBlockBtn {
    font-family: Archer-Semibold;
    font-family: "Source Serif 4", serif;
}

.pvpColumnBlock,
a.columnBlockBtn {
    display: block;
    text-decoration: none
}

.pvpColumnBlockBGHover span:before {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    top: 50%
}

.pvpColumnBlockBGHover span:after {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    top: 46%;
    border: none;
    border-radius: 0
}

a.infoBlockBtn:after,
a.interiorCta:after {
    content: '>';
    font-weight: 700
}

.pvpColumnBlock {
    margin-bottom: 18px
}

.pvp_columnRight .pvpColumnBlock {
    margin-bottom: 18px
}

a.columnBlockBtn {
    width: 100%;
    background: #605470;
    color: #fff;
    padding: 6px;
    font-size: 15px
}

.pvp_columnRight a.columnBlockBtn {
    background: #006bb6
}

.columnBlockBtnInner {
    border: 1px solid #fff;
    padding: 15px;
    transition: border .2s ease
}

a.columnBlockBtn:focus>.columnBlockBtnInner,
a.columnBlockBtn:hover>.columnBlockBtnInner {
    border: 1px solid #605470;
    outline: 0
}

.pvp_columnRight a.columnBlockBtn:hover>.columnBlockBtnInner {
    border: 1px solid #006bb6;
    outline: 0
}

.hpm_Inner {
    padding: 0 30px;
    max-width: 800px;
    margin: 7.81vw auto 0
}

.hpGridInner {
    padding: 0 15px;
    max-width: 1172px;
    margin: 0 auto
}

.cpHeading {
    color: #516c85;
    font-size: 28px;
    line-height: 1.2
}

.cpHeading span {
     font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
}

.cpCopy {
     font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
    font-size: 22px;
    line-height: 35px;
    margin: 3.1vw 0;
    padding: 0
}

a.innerCta {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;

    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    color: #605470;
    border: 1px solid #605470;
    padding: 20px 60px;
    box-sizing: border-box;
    display: inline-block;
    clear: both;
    transition: all .2s ease
}

.hpGrid .rowWrapTop .rightBottom,
.hpGrid .rowWrapTop .rightTop,
.innerBorder,
.rowWrapBottom .left {
    padding: 15px;
    box-sizing: border-box
}

a.innerCta:focus,
a.innerCta:hover {
    color: #fff;
    border: 1px solid #fff;
    background: #605470;
    outline: 0
}

a.gridBlockLink {
    display: block;
    text-decoration: none;
    color: #fff;
    position: relative;
    height: 100%;
    overflow: hidden
}

.gridBlockBottomRowRightHover .hoverMore:focus span,
.gridBlockBottomRowRightHover .hoverMore:hover span,
span.hoverMore:focus,
span.hoverMore:hover {
    text-decoration: underline;
    outline: 0
}

.getInTouch,
.gridBlockBottomRight,
.gridBlockHover,
.gridBlockTopLeft {
    position: absolute;
    left: 0
}

.rowWrap {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 2.5%;
    height: 40.3vw;
    max-height: 600px
}

.rowWrap.rowWrapBottom {
    height: 37.3vw;
    max-height: 450px
}

.hpGrid .rowWrapTop .left {
    background: url(images/gridBG01.jpg) center center no-repeat;
    background-size: cover;
    height: 100%;
    width: 70%;
    margin-right: 2.5%
}

.rowWrapTop .right {
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 100%
}

.section.hpGrid {
    margin-top: 7.81vw
}

.hpGrid .rowWrapTop .rightTop {
    background: url(images/gridBG02.jpg) center center no-repeat;
    background-size: cover;
    height: 47.5%;
    margin-bottom: 8.8%
}

.hpGrid .rowWrapTop .rightBottom {
    background: url(images/gridBG03.jpg) center center no-repeat;
    background-size: cover;
    height: 47.5%;
    color: #000
}

.rowWrapBottom .left {
    background: url(images/gridBG04.jpg) center center no-repeat;
    background-size: cover;
    width: 30%;
    margin-right: 2.5%
}

.rowWrapBottom .right {
    background: url(images/gridBG05.jpg) center center no-repeat;
    background-size: cover;
    width: 70%
}

.gridBlockTopLeft {
    width: 100%;
    height: 100%;
    right: 0;
    display: table
}

.gridBlockBottomRight span,
.gridBlockTopLeft span {
    font-family: SaturdayScript;
    font-family: "Source Serif 4", serif;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 100px;
    transition: all .2s ease
}

.innerBorder {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.gridBlockBottomRowRightHover .innerBorder {
    padding: 35px
}

.rightBottom span,
.rightTop span,
.rowWrapBottom .left span {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 25px;
    line-height: 1.2;
    text-transform: uppercase;
    width: 100%;
    transition: all .2s ease
}

.rightBottom span span,
.rightTop span span,
.rowWrapBottom .left span span {
    font-size: 35px;
    display: block
}

.gridBlockBottomRight {
    width: 100%;
    height: 100%;
    right: 0;
    display: table
}

span.bull {
    display: inline;
    font-size: 25px
}

.bullLeft {
    padding-right: 25px
}

.bullRight {
    padding-left: 25px
}

.gridBlockHover {
    top: 0;
    width: 100.5%;
    height: 100.5%;
    padding: 15px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity .2s ease
}

.gridBlockTopLeftHover {
    background: #df5a2b
}

.gridBlockTopRightHover {
    background: #898d51
}

.gridBlockBottomRightHover {
    background: #f3d09c;
    padding: 15px 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.gridBlockBottomLeftHover {
    background: #605470
}

.gridBlockBottomRowRightHover {
    background: #ffe16d
}

.gridBlockBottomLeftHover .innerBorder,
.gridBlockTopRightHover .innerBorder {
    border: none
}

.gridBlockLink:focus .gridBlockHover,
.gridBlockLink:hover .gridBlockHover {
    opacity: 1;
    outline: 0
}

.rowWrapBottom .left span.hoverTitle,
span.hoverTitle {
    font-size: 25px;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;

    text-transform: uppercase;
    letter-spacing: 1px;
    display: block
}

.gridBlockHover p,
.gridBlockHover p span {
    font-family: Archer-Semibold;
    font-family: "Source Serif 4", serif;
}

.gridBlockTopRightHover span.hoverTitle,
.rowWrapBottom .left span.hoverTitle {
    font-size: 15px
}

.gridBlockHover p {
    font-size: 24px;
    line-height: 1.3;
    float: none;
    color: #fff;
    margin: 35px auto;
    letter-spacing: 1px
}

.gridBlockBottomLeftHover p,
.gridBlockTopRightHover p {
    margin: 1.4vw auto 0
}

.gridBlockHover p span {
    font-size: 25px;
    line-height: 1.5;
    display: block
}

span.hoverDate {
    text-transform: uppercase;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 15px;
    line-height: 1.1;
    display: block;
    margin-top: 11%;
    letter-spacing: 2px
}

.inDepthLabel,
a.marketLink {
    line-height: 1;
    padding: 15px 30px
}

.gridBlockBottomRightHover span.hoverDate {
    margin-top: 1.5vw;
    text-align: left
}

.innerFix {
    width: 100%
}

.rightBottom .hoverDate {
    color: #000;
    float: left;
    text-transform: none;
    letter-spacing: 0
}

.rightBottom p,
span.hoverSubText {
    color: #000;
    float: left;
    max-width: 100%;
    font-size: 18px;
    text-align: left;
    letter-spacing: 0
}

.rightBottom p {
    margin: 1vw auto
}

span.hoverSubText {
    font-size: 15px;
    text-transform: none;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
}

div.hoverMore span,
span.hoverMore {
    display: block;
    float: left;
    clear: both;
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
    font-size: 15px;
    text-transform: none;
    margin-top: 1.5vw
}

.inDepthLabel {
    float: left;
    color: #000;
    background: #fcd156;
    border: 1px solid #fff;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;

    font-size: 24px
}

.gridBlockBottomRowRightHover .innerBorder {
    display: block;
    text-align: left
}

.gridBlockBottomRowRightHover span.hoverTitle {
    color: #000;
    float: left;
    clear: both;
     font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 28px;
    margin-top: 3vw
}

.gridBlockHover.gridBlockBottomRowRightHover p {
    max-width: 100%;
    color: #000;
    float: left;
    clear: both;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    margin: 1.5vw auto
}

.gridBlockHover.gridBlockBottomRowRightHover .hoverMore {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
    float: left;
    margin-top: 4.15vw
}

.gridBlockBottomRowRightHover .hoverMore span {
    display: inline;
    float: none;
    color: #000
}

#hpContactForm button,
.infoBlock a,
a.infoBlockBtn,
a.marketLink {
    text-decoration: none
}

.gridBlockBottomRowRightHover .hoverMore:focus span.bull,
.gridBlockBottomRowRightHover .hoverMore:hover span.bull {
    text-decoration: none;
    outline: 0
}

.rightBottom .innerBorder span {
    color: #fff
}

.rightBottom .innerFix span {
    color: #000;
    text-align: left
}

.homePagePressWrap {
    clear: both;
    margin-bottom: 90px
}

.pressWrapInner {
    display: -webkit-flex;
    display: flex
}

a.marketLink,
span.hpPressAuthor {
    display: block;
    float: left;
    letter-spacing: .5px;
    clear: both
}

a.marketLink {
    color: #fff;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 24px;
    text-align: center;
    background: #516c85;
    border: 1px solid #516c85;
    box-sizing: border-box;
    margin-top: 40px
}

#hpContactForm button,
#hpContactForm input:focus,
#hpContactForm select:focus,
#hpContactForm textarea:focus {
    border: 1px solid #f39f0b
}

a.marketLink:focus,
a.marketLink:hover {
    background: 0 0;
    color: #516c85;
    outline: 0
}

.rightContent h3 {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 35px
}

.homePagePressWrap p,
span.hpPressAuthor,
span.hpPressTitle {
    font-size: 18px;
    line-height: 24px
}

span.hpPressTitle {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;

    float: left;
    clear: both;
    letter-spacing: .5px
}

span.hpPressAuthor {
    font-family: Bliss-Italic;
    font-family: "Source Sans 3", san-serif;
    font-style: italic;

}
.homePagePressWrap p {
    color: #000
}

.missionInner p,
h4.missionLabel {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    color: #29414f
}

.leftThumb {
    margin-right: 10%;
    width: 212px;
    min-width: 212px;
    transition: all .2s ease
}

.leftThumb img {
    width: 100%
}

.rightContent {
    overflow: hidden
}

.ihsMission {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 80px;
    float: left;
    clear: both;
    width: 100%
}

.ihsMission p {
    float: none
}

h4.missionLabel {
    width: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    font-size: 28px;
    line-height: 1
}

.missionInner p {
    font-size: 22px;
    line-height: 35px;
    letter-spacing: .5px
}

.missionInner p span {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
}

.ihsMission .hpm_Inner {
    max-width: 840px;
    padding: 0 15px;
    margin-top: 0
}

.getInTouch {
    width: 100%;
    z-index: 10;
    bottom: -220%;
    transition: all .4s ease
}

.fsLeft,
.fsRight {
    width: 50%
}

.getInTouch.show,
.getInTouch.show form#hpContactForm div {
    visibility: visible
}

.getInTouch.show {
    bottom: 100%
}

.formSection {
    background: #fff;
    position: relative
}

.formSectionInner {
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.fsLeft {
    margin-right: 3%
}

.closePanel,
.mapClose {
    position: absolute;
    right: 50px;
    top: 20px;
    cursor: pointer
}

.featuredBlogGrid .blogGridImg,
.mapWrap {
    position: relative
}

.closePanel:focus,
.closePanel:hover,
.mapClose:focus,
.mapClose:hover {
    opacity: .8;
    outline: 0
}

.mapClose {
    top: 75px
}

#hpContactForm button,
#hpContactForm input,
#hpContactForm select,
#hpContactForm textarea {
    float: left;
    clear: both;
    width: 100%
}

#hpContactForm input,
#hpContactForm option,
#hpContactForm select,
#hpContactForm textarea {
    background: #f3f3f3;
    border: none;
    margin-bottom: 15px;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    font-size: 18px;
    line-height: 1.2;
    padding: 10px;
    color: #000;
    box-sizing: border-box;
    outline: 0
}

#hpContactForm input::-webkit-input-placeholder,
#hpContactForm textarea::-webkit-input-placeholder {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    color: #000;
    font-size: 18px;
    line-height: 1.5
}

#hpContactForm input::-moz-placeholder,
#hpContactForm textarea::-moz-placeholder {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    color: #000;
    font-size: 18px;
    line-height: 1.5
}

#hpContactForm input:-ms-input-placeholder,
#hpContactForm textarea:-ms-input-placeholder {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    color: #373748;
    font-size: 18px;
    line-height: 1.5
}

#hpContactForm input:-moz-placeholder,
#hpContactForm textarea:-moz-placeholder {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    color: #373748;
    font-size: 18px;
    line-height: 1.5
}

#hpContactForm input,
#hpContactForm select,
#hpContactForm textarea {
    border: 1px solid #f3f1ee
}

form#hpContactForm label {
    display: none
}

.featuredBlogGrid,
a.grid-item {
    display: block
}

#hpContactForm textarea {
    resize: none
}

#hpContactForm select {
    appearance: none;
    background: url(images/dropArrow.png) 98% center no-repeat #f3f3f3
}

#hpContactForm button {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    font-size: 18px;
    line-height: 1;
    color: #fff;
    margin-bottom: 8px;
    text-transform: uppercase;
    padding: 10px 20px;
    letter-spacing: 1px;
    float: left;
    outline: 0;
    cursor: pointer;
    background: #f39f0b
}

#hpContactForm button:focus,
#hpContactForm button:hover {
    background: 0 0;
    color: #f39f0b;
    outline: 0
}

select {
    cursor: pointer
}

.mapWrap img {
    width: 100%
}

.mapWrap {
    overflow: hidden;
    width: 1920px;
    left: 50%;
    z-index: 4;
    margin-left: -960px;
    -webkit-box-shadow: 0 0 10px 3px rgba(135, 135, 135, .5);
    box-shadow: 0 0 10px 3px rgba(135, 135, 135, .5)
}

.formSection .hpGridInner {
    padding: 50px 15px 40px
}

h5.fsLabel {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 22px;
    line-height: 1;
    color: #000;
    margin-bottom: 15px;
    text-transform: uppercase
}

.infoBlock {
    overflow: hidden;
    margin-bottom: 15px;
    box-sizing: border-box;
    float: left;
    clear: both
}

a.infoBlockBtn {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;

    font-size: 18px;
    line-height: 1;
    color: #000;
    padding: 0;
    letter-spacing: 1px;
    float: left;
    clear: both;
    margin-bottom: 50px
}

a.infoBlockBtn:after {
    font-size: 12px;
    font-family: OratorStd;
    margin-left: 10px;
    float: right;
    line-height: 1;
    width: 20px;
    height: 20px;
    background: #f39f0b;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    padding-left: 2px;
    box-sizing: border-box
}

a.infoBlockBtn:focus,
a.infoBlockBtn:hover {
    background: 0 0;
    color: #f39f0b;
    outline: 0
}

.infoBlock span.title {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;

    font-size: 18px;
    line-height: 35px;
    margin-top: 10px
}

.hourBlock span:first-of-type {
    margin-top: 0
}

.infoBlock a,
.infoBlock span {
    float: left;
    clear: both;
    color: #000;
    display: block
}

span.panelHours {
    font-family: Bliss-Italic;
    font-family: "Source Sans 3", san-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 24px
}

.infoBlock a {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    font-size: 18px;
    line-height: 27px
}

.infoBlock a:focus,
.infoBlock a:hover {
    text-decoration: underline;
    outline: 0
}

.intRightBlock a,
a.grid-item {
    text-decoration: none
}

.page-template-template-event-calendar .menuActive nav.navGlobal,
.page-template-template-interior .menuActive nav.navGlobal,
.page-template-template-landing .menuActive nav.navGlobal {
    background: 0 0
}

nav.navGlobal {
    background: #1e417b;
}

.page-template-template-home nav.navGlobal {
    background: 0 0
}

.intHero {
    height: 0;
    padding-bottom: 31.6%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.eventCalendarInteriorWrap .intHero {
    background: url(/wp-content/themes/ihs/images/eventCal.jpg) 70% center/cover no-repeat
}

.intHeroInner {
    padding-left: 420px;
    padding-top: 24px;
    transition: all .3s ease;
    overflow: hidden
}

.intHero a.cta {
    margin-left: 0;
    margin-top: 8.5vw;
    border: 2px solid #fff;
    color: #fff
}

.intHero a.cta:focus,
.intHero a.cta:hover {
    background: #ebb210;
    border: 2px solid #ebb210
}


/* New Interior Structure */

ul.mainNav li a.intTemp {
    height: auto;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 8px 0px;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;

    font-size: 21px;
    letter-spacing: 1px;
}

.megaMenuLeft.intTemp.learn a.intTemp,
.megaMenuRight.intTemp.learn a.intTemp,
.megaMenuCenter.intTemp.learn a.intTemp {
    height: auto;
    display: block;
    color: #000;
    text-decoration: none;
}

.megaMenuLeft.intTemp.contribute a.intTemp,
.megaMenuRight.intTemp.contribute a.intTemp,
.megaMenuCenter.intTemp.contribute a.intTemp {
    height: auto;
    display: block;
    color: #000;
    text-decoration: none;
}

.megaMenuLeft.intTemp.explore a.intTemp:hover,
.megaMenuRight.intTemp.explore a.intTemp:hover,
.megaMenuCenter.intTemp.explore a.intTemp:hover {
    color: #58b7f9;
}

.megaMenuLeft.intTemp.visit a.intTemp:hover,
.megaMenuRight.intTemp.visit a.intTemp:hover,
.megaMenuCenter.intTemp.visit a.intTemp:hover {
    color: #faa996;
}

.megaMenuLeft.intTemp.learn a.intTemp:hover,
.megaMenuRight.intTemp.learn a.intTemp:hover,
.megaMenuCenter.intTemp.learn a.intTemp:hover {
    color: #fff;
}

.megaMenuLeft.intTemp.contribute a.intTemp:hover,
.megaMenuRight.intTemp.contribute a.intTemp:hover,
.megaMenuCenter.intTemp.contribute a.intTemp:hover {
    color: #fff;
}

.intRight .exhibitTickets .columnBlockBtn {
    background-image: url(/wp-content/themes/ihs/img/purchase-tickets.png);
    background-color: transparent;
    width: 280px;
    height: 114px;
    background-repeat: no-repeat;
    padding: 0;
    background-size: cover;
}

.sidebarAdImage {
    width: 100%;
    max-width: 280px;
    margin-top: 30px;
    float: left;
    clear: both;
}

.intRight .exhibitTickets .columnBlockBtn .columnBlockBtnInner {
    border: none;
    padding: 0;
    display: none;
}

ul.mainNav.intTemp {
    margin: 0px;
    padding: 0px;
    max-width: 290px;
    width: 100%;
    height: auto;
}

.megaMenuLeft.intTemp.explore {
    background: #006bb6;
    float: none;
    width: auto;
    padding: 20px 26px;
}

.megaMenuLeft.intTemp.visit {
    background: #ed6444;
    float: none;
    width: auto;
    padding: 10px 26px;
}

.megaMenuLeft.intTemp.learn,
.megaMenuCenter.intTemp.learn,
.megaMenuRight.intTemp.learn {
    background: #cdd323;
    float: none;
    width: auto;
    display: block;
    padding: 10px 26px;
    min-width: auto;
}

.megaMenuLeft.intTemp.contribute {
    background: #efc385;
    float: none;
    width: auto;
    padding: 10px 26px;
}

li.menuExplore.intTemp {
    border: 1px solid #006bb6;
    color: #fff
}

li.menuVisit.intTemp .intTempSideTitle {
    color: #ed6444;
    padding: 7px 26px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
}

li.menuVisit.intTemp {
    border: 1px solid #ed6444;
    color: #fff
}

li.menuExplore.intTemp .intTempSideTitle {
    color: #006bb6;
    padding: 7px 10px;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
}

li.menuLearn.intTemp {
    color: #fff
}

li.menuLearn.intTemp .intTempSideTitle {
    color: #cdd323;
    padding: 7px 10px;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000;
    border: 1px solid #cdd323;
}

li.menuContribute.intTemp {
    border: 1px solid #efc385;
    color: #fff
}

li.menuContribute.intTemp .intTempSideTitle {
    color: #efc385;
    padding: 7px 10px;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000;
}

.intMain.intTemp {
    padding-top: 15px;
    padding-bottom: 0px
}

.intMain {
    padding-top: 45px;
    padding-bottom: 100px
}

.intMain.landingInterior {
    padding: 0
}

.intMain h3 {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 28px;
    line-height: 1.1;
    color: #000;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    clear: both
}

.entry span,
.intAccSlideUpWrap div,
.intMain p,
.interiorWrap ol,
.interiorWrap ul {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 28px;
    color: #000
}

.page-id-112180 .intMain .wp-caption.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.page-id-112180 .intMain .wp-caption.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.page-id-112180 .intMain h3 {
    float: none;
    clear: none;
}

.page-id-112180 .intMain p {
    float: none;
    clear: none;
}

.intAccSlideUpWrap div {
    margin: 10px 0;
    letter-spacing: .5px
}

.blogContent h4,
.intLeft h4,
.longCopyInterior h4,
h1.pageTitle,
span.blogGridTitle {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-weight: 700;
    float: left;
    clear: both
}

.longCopyInterior .intLeft p:first-of-type {
    margin-top: 0
}

.intPad .ltcRight p:first-of-type {
    margin: 20px 0
}

.blogContent h4,
.intLeft h4,
.longCopyInterior h4 {
    color: #000;
    font-size: 21px;
    line-height: 1.2;
    margin-top: 20px
}

.intRightImg img {
    width: 100%;
    border: 10px solid #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(214, 214, 214, .8);
    box-shadow: 0 2px 4px 2px rgba(214, 214, 214, .8);
    box-sizing: border-box
}

.exhibitSearchThumb img,
.layoutFourThumb img,
.ltcLeft img,
.searchHelpInner {
    -webkit-box-shadow: 0 2px 4px 2px rgba(214, 214, 214, .8);
    box-sizing: border-box
}

.exhibitSearchThumb img,
.ltcLeft img {
    box-shadow: 0 2px 4px 2px rgba(214, 214, 214, .8)
}

h1.pageTitle {
    font-size: 56px;
    line-height: 1.2;
    margin-top: 50px;
    color: #fff;
    transition: all .3s ease;
    max-width: 80%
}

.intMain.blogDetail,
.intMain.blogLandingMain {
    padding-top: 25px
}

.blogDetail h1.pageTitle,
.blogLandingMain h1.pageTitle {
    color: #29414f;
    float: left;
    margin-top: 20px;
    line-height: 1.2
}

.blogDetail h1.pageTitle {
    max-width: 70%
}

a.grid-item {
    color: #000
}

.featuredBlogGrid .blogGridInnerBorder {
    padding: 15px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    z-index: 4
}

.blogGridInnerBorder div {
    border: 1px solid #fff;
    width: 100%;
    height: 100%
}

.blogDetail ul.breadcrumbs li,
.blogDetail ul.breadcrumbs li a,
.blogLandingMain ul.breadcrumbs li,
.blogLandingMain ul.breadcrumbs li a {
    color: #29414f
}

.blogDetail .intPad,
.blogLandingMain .intPad {
    padding-top: 0
}

.blogDetail .intPad {
    overflow: hidden
}

span.blogGridTitle {
    color: #282c47;
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 24px;
    margin-top: 18px
}

span.blogGridDescription p {
    float: left;
    clear: both;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    color: #929292;
    letter-spacing: .5px;
    line-height: 25px;
    font-size: 16px;
    margin: 0
}

.intRightColumnContent h4 {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 22px;
    line-height: 24px
}

.intRightColumnContent .planAFieldTripCustom h4 {
    margin-bottom: 10px;
    margin-top: 25px;
    float: left;
    clear: both
}

.intRightColumnContent h4:first-of-type {
    margin-top: 0
}

.intRightColumnContent .planAFieldTripCustom p {
    margin: 0 0 20px
}

.intRightBlock02 h4 {
    font-size: 18px
}

.intRightBlock a,
.intRightBlock p,
.intRightBlock span {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 35px;
    color: #000
}

.intRightBlock p,
.sideBarAdditional p {
    margin: 0
}

.intPad {
    padding: 90px 30px 0;
    max-width: 1172px;
    margin: 0 auto
}

.landingInterior .intPad {
    padding-top: 22px
}

.shareWrap {
    float: right;
    margin-right: 30px
}

.intRightBlock,
.intRightBlock a,
.intRightBlock span,
a.intCta {
    float: left;
    clear: both;
}

a.intCta.contentCta {
    margin-top: 0px;
    display: none;
    color: #fff;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    font-family: Bliss-Bold !important;
    font-family: "Source Sans 3", san-serif;
    font-weight:700px;
}

.intColumnWrap {
    display: -webkit-flex;
    display: flex;
    margin-top: 100px
}

.events-template-default .intColumnWrap,
.intRight.noImage .intRightBlock {
    margin-top: 0
}

.intLeft {
    width: 60%;
    margin-right: 5%
}

.intLeft img {
    width: auto;
    max-width: 100%;
}

.intRight {
    width: 35%
}

.intRightBlock {
    margin-top: 50px
}

.intRightBlock span.learnMore {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
}

.exhibitBlockInner {
    display: -webkit-flex;
    display: flex
}

.exhibitBlockLeft {
    min-width: 150px;
    overflow: hidden;
    max-width: 150px;
    min-height: 123px;
    max-height: 123px
}

.exhibitBlockInner .intRightBlock {
    margin-top: 0
}

.exhibitBlockLeft img {
    transition: transform .3s ease;
    width: 100%
}

a.exhibitBlock:focus .exhibitBlockLeft img,
a.exhibitBlock:hover .exhibitBlockLeft img {
    transform: scale(1.1)
}

a.exhibitBlock:focus .learnMore,
a.exhibitBlock:hover .learnMore {
    text-decoration: underline
}

.exhibitBlockRight {
    margin-left: 30px
}

.exhibitBlockRight .intRightBlock p {
    line-height: 1.4;
    margin: 10px 0
}

.exhibitBlock {
    margin-bottom: 45px;
    display: block;
    color: #000
}

.intRightColumnContent.sideBarType02 a.intCta {
    margin-top: 0;
    margin-bottom: 45px
}

.statementSection {
    background: #e8eaec;
    padding: 50px 15px;
    text-align: center;
    margin-top: 50px;
    margin-bottom:20px;
    clear: both;
    overflow: hidden
}

span.ctaSupportiveText {
    float: left;
    clear: both;
    max-width: 250px;
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 10px
}

.gridWrapper {
    clear: both
}

.grid-item {
    width: 31%;
    margin: 0 2% 2% 0
}

.blogGridImg,
.gridImage div {
    overflow: hidden;
    display: block
}

.blogGridImg img,
.gridImage img {
    transition: transform .3s ease;
    transform: scale(1)
}

.grid a:focus,
a.grid-item:focus {
    outline: 0
}

a.grid-item:focus .blogGridImg img,
a.grid-item:hover .blogGridImg img {
    transform: scale(1.1)
}

.grid .grid-item:focus .gridImage img,
.grid .grid-item:hover .gridImage img {
    transform: scale(1.03)
}

.grid-item--width2 {
    width: 64%
}

.grid-item img {
    width: 100%;
    height: auto
}

.loadMoreButton {
    text-align: center;
    border: 1px solid #9e9e9e;
    display: block;
    padding: 12px 20px;
    box-sizing: border-box;
    width: 145px;
    margin: 50px auto 0;
    float: none;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    color: #373748;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.1;
    cursor: pointer;
    letter-spacing: 1px;
    transition: background .2s ease
}

.loadMoreButton:focus,
.loadMoreButton:hover {
    color: #fff;
    background: #373748;
    border: 1px solid #373748
}

.statementSection .intPad {
    padding: 0
}

.statementSection p,
.statementSection span {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    color: #29414f;
    font-size: 20px;
    line-height: 35px;
    width: 100%
}

a.interiorCta {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 20px;
    line-height: 35px;
    float: left;
    clear: both;
    color: #000;
    text-decoration: none;
    margin-top: 30px;
    text-transform: uppercase
}

a.interiorCta:after {
    font-size: 17px;
    padding-left: 15px;
    font-family: OratorStd;
    margin-top: 14px;
    float: right;
    line-height: 1;
    color: #58b7f9
}

a.interiorCta:focus,
a.interiorCta:hover {
    color: #58b7f9
}

a.intCta {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    background: #58b7f9;
    padding: 15px 30px;
    text-decoration: none;
    margin-top: 45px;
    border: 1px solid #58b7f9;
    transition: all .2s ease
}

.intRightColumnContent .intCta {
    width: 100%;
    text-align: center;
    box-sizing: border-box
}

a.intCta:hover {
    background: 0 0;
    color: #58b7f9
}

ul.breadcrumbs li,
ul.breadcrumbs li a {
    display: inline-block;
    list-style-type: none;
    color: #fff;
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: .5px
}

.sectionRuleTitle h2,
.sectionRuleTitle h4,
h2.sectionSpecial {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 36px;
    line-height: 1.2
}

ul.breadcrumbs li a {
    color: #fff;
    text-decoration: none
}

.landingInterior ul.breadcrumbs li a {
    color: #29414f;
    text-decoration: none
}

.landingInterior ul.breadcrumbs li {
    color: #29414f
}

ul.breadcrumbs li a:focus,
ul.breadcrumbs li a:hover {
    text-decoration: underline
}

.eventBlock,
.landingColumnBlock a,
a.blockCta,
a.ui-state-default {
    text-decoration: none
}

ul.breadcrumbs li:after {
    content: '/';
    display: inline-block;
    margin: 0 8px
}

ul.breadcrumbs li:last-of-type a {
    font-family: Bliss-Bold
}

ul.breadcrumbs li:last-of-type:after {
    content: ''
}

h2.sectionSpecial {
    text-align: center;
    width: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    color: #29414f;
    justify-content: center
}

h2.sectionSpecial span {
    float: left;
    margin: 0 5%;
    width: auto;
    display: inline-block
}

.sectionRuleTitle {
    text-align: center;
    border-top: 1px solid #dfdfdf;
    margin-top: 10px
}

.intPad .sectionRuleTitle {
    margin-bottom: 50px
}

.sectionRuleTitle h2,
.sectionRuleTitle h4 {
    color: #29414f;
    padding: 0 30px;
    background: #fff;
    display: inline-block;
    width: auto;
    position: relative;
    top: -25px
}

.sectionRuleTitle h4.missionLabel {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 28px;
    line-height: 1;
    top: -15px
}

h2.sectionSpecial:after,
h2.sectionSpecial:before {
    content: '';
    border-top: 1px solid #dfdfdf;
    width: 30%;
    display: block;
    float: left;
    margin-top: 16px
}

.shareWrap a {
    display: inline-block;
    padding: 0 15px
}

.shareWrap a:focus,
.shareWrap a:hover {
    opacity: .6;
    outline: 0
}

.ltcLeft img {
    width: 100%;
    border: 10px solid #fff
}

.ltcLeft,
.ltcRight {
    width: 50%
}

.landingTwoColumnMain {
    display: -webkit-flex;
    display: flex;
    margin-top: 80px;
    margin-bottom: 120px
}

.ltcLeft {
    margin-right: 5%
}

.ltcRight p {
    color: #000
}

h1.landingHeading {
    color: #29414f;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 56px;
    line-height: 1.2;
    margin-top: 50px;
    transition: all .3s ease
}

span.landingSubheading {
    float: left;
    display: block;
    clear: both;
    font-family: Archer-Medium-Pro;
    font-family: "Source Serif 4", serif;
    font-size: 30px;
    line-height: 35px
}

span.landingSubheading i {
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
}

p.landingAddressBlock {
    font-size: 18px
}

.landingThreeColumn,
.landingTwoColumn {
    margin-top: 50px;
    overflow: hidden
}

.landingColumnBlock {
    width: 366px;
    margin-right: 30px;
    float: left;
    text-align: center;
    margin-bottom: 80px
}

.landingColumnBlock a .blockImg {
    transition: background-size .2s ease-in;
    background-size: cover !important;
}

.landingColumnBlock a:focus .landingInnerBorder,
.landingColumnBlock a:hover .landingInnerBorder {
    border: 1px solid transparent
}

.landingColumnsRow .landingColumnBlock:last-of-type {
    margin-right: 0
}

.landingInnerBorder {
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    transition: border .2s ease-in;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.landingColumnBlock .blockImg {
    width: 100%;
    height: 302px;
    padding: 15px;
    box-sizing: border-box
}

.landingColumnBlock01 .blockImg {
    background: url(/wp-content/themes/ihs/images/blockImg01.jpg) center center/cover no-repeat
}

.landingColumnBlock02 .blockImg {
    background: url(/wp-content/themes/ihs/images/blockImg02.jpg) center center/cover no-repeat
}

.landingColumnBlock03 .blockImg {
    background: url(/wp-content/themes/ihs/images/blockImg03.jpg) center center/cover no-repeat
}

a.blockCta {
    clear: both;
    display: inline-block;
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
    text-transform: uppercase;
    font-size: 16px;
    color: #605470;
    border: 1px solid #605470;
    padding: 20px 40px;
    box-sizing: border-box;
    transition: all .2s ease;
    width: 302px;
    margin-top: 40px
}

a.blockCta:hover {
    background: #605470;
    color: #fff
}

.landingColumnBlock p {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    display: block;
    width: 100%;
    text-align: center;
    height: 100px
}

.landingTwoColumn .landingColumnBlock p {
    width: 80%;
    margin: 0 auto;
    float: none
}

span.blockTitle {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 40px;
    display: block;
    margin-bottom: 10px
}

.blockImg span {
    font-family: SaturdayScript;
    font-family: "Source Serif 4", serif;
    color: #fff;
    font-size: 50px;
    line-height: 1.2
}

.landingTwoColumn .landingColumnBlock {
    width: 564px
}

.landingTwoColumn .landingColumnBlock .blockImg {
    height: 459px
}

.landingTwoColumn .blockImg span {
    line-height: 459px
}

p.emphasis {
    text-align: center;
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
    max-width: 760px;
    display: block;
    float: none;
    margin: 50px auto 0
}

.eventCalOuter {
    margin-top: 120px
}

.eventBlock {
    display: block;
    width: 366px;
    margin-right: 30px;
    float: left;
    text-align: center;
    margin-bottom: 80px;
    border: 1px solid #959595;
    position: relative
}

button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    display: none
}

.eventBlock.blockarts-theater .tagWrap,
.eventBlock.blockevents .tagWrap,
.eventBlock.blockfamily-history .tagWrap,
.eventBlock.blockseasonal .tagWrap {
    background: #f39f0b
}

.eventBlock.blockexhibits .tagWrap {
    background: #ed6444
}

.eventBlock.blockfor-educators .tagWrap {
    background: #cbc93a
}

.eventBlock.blockfor-members .tagWrap {
    background: #605470
}

.eventCalMain .eventBlock:last-of-type {
    margin-right: 0
}

.eventImgWrap {
    width: 100%;
    overflow: hidden;
    height: 298px;
    border-bottom: 1px solid #ddd;
}

.eventImage {
    width: 100%;
    height: auto;
    transition: all .3s ease
}

.eventBlock img.featuredBanner {
    position: absolute;
    top: -4px;
    right: -6px;
    width: auto;
    z-index: 2
}

.eventBlock:focus {
    outline: 0
}

.eventBlock:hover .eventImage,
.eventBlock:focus .eventImage {
    transform: scale(1.1)
}

.eventBlock:focus {
    border: 1px solid #f39f0b;
}

.tagWrap {
    display: inline-block;
    margin: -25px auto 0;
    color: #fff;
    padding: 6px;
    box-sizing: border-box;
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 19px;
    text-transform: uppercase;
    position: relative;
    z-index: 5
}

.tagInner {
    border: 1px solid #fff;
    padding: 10px 20px
}

.tagWrap.eventTag {
    background: #f39f0b
}

.tagWrap.exhibitTag {
    background: #ed6444
}

.eventBlockMain {
    padding: 0 20px 20px;
    box-sizing: border-box
}

.eventBlockMain h3 {
    color: #37383a;
    font-size: 24px;
    line-height: 26px;
    margin-top: 30px;
    height: 78px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: center;
    float: none
}

.al_inner,
.dateInnerWrap {
    -webkit-flex-direction: column
}

.eventBlockMain h3 span {
    display: block;
    width: 100%
}

span.eventDate,
span.eventTime {
    display: block;
    color: #37383a
}

span.eventDate {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 24px;
    line-height: 1.2
}

span.eventTime {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
    font-size: 19px;
    line-height: 1.2;
    margin-top: 8px
}

.admissionBtn,
.admissionRight h4 {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    letter-spacing: 1px
}

.admissionWrap {
    clear: both;
    width: 100%;
    background: #ed6545;
    display: -webkit-flex;
    display: flex;
    color: #fff;
    height: 598px
}

.admissionLeft {
    width: 40%;
    background: #ed6545;
    padding: 130px 0
}

.admissionRight {
    width: 60%;
    background: #df492b;
    padding: 130px 0
}

.al_inner {
    float: right;
    text-align: left;
    padding: 0 0 0 30px;
    display: flex;
    flex-direction: column
}

.admissionBtn {
    padding-right: 6.5vw;
    float: left;
    clear: both;
    display: block;
    cursor: pointer;
    font-size: 23px;
    line-height: 1.1;
    margin-bottom: 40px;
    position: relative
}

.ar_inner {
    padding: 0 30px 0 6.5vw
}

.admissionBtn span {
    padding-bottom: 5px
}

.al_inner span.admissionBtn:last-of-type {
    margin-bottom: 0
}

.admissionBtn:hover span {
    opacity: .8
}

.activeAdmissionBtn span {
    border-bottom: 2px solid #fff
}

.admissionPanel {
    display: none
}

.activeAdmissionPanel {
    display: block
}

.activeAdmissionBtn:after {
    content: url(images/admissionRightCaret.png);
    position: absolute;
    right: -20px;
    bottom: -25px
}

.admissionRight h4 {
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 20px
}

.admissionRight span,
.admissionRight ul li {
    list-style: none;
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 13px
}

.admissionRight ul li span {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    width: 45px;
    display: inline-block
}

span.admissionSupportText {
    font-family: Bliss-Italic;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 1.1;
    margin-top: 32px;
    display: block;
    margin-bottom: 0
}

.admissionPanel span {
    float: left;
    clear: both
}

.admissionRight span.sectionHeading {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
}

.filterBtn label {
    display: block;
    float: left
}

.filterBtn.selected span {
    background: #f39f0b
}

.filterButtonsOuter {
    float: right;
    margin-top: 12px
}

.filterButton,
.mapBtn {
    float: left;
    text-align: center;
    margin-right: 60px;
    position: relative;
    z-index: 5
}

.filterButton.eventsFilter {
    padding-right: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid grey
}

.filterButtonsOuter div.filterButton:last-of-type {
    margin-right: 0
}

.filterBtn,
.filterBtn span {
    margin: 0 auto;
    display: block
}

.filterButton label,
.mapBtn label {
    display: block;
    padding-top: 18px;
    font-size: 16px;
    line-height: 1.1;
    float: left;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    cursor: pointer
}

.filterBtn {
    width: 26px;
    height: 26px;
    border-radius: 30px;
    background: #fff;
    border: 2px solid #373748;
    padding: 0;
    cursor: pointer
}

.filterBtn:focus {
    outline: 0;
    border: 2px solid #f39f0b;
}

.filterDropBtn:focus,
.filterDropBtnSearch:focus {
    color: #f39f0b;
    outline: none;
}

.filterBtn span {
    width: 18px;
    height: 18px;
    background: #ccc;
    border-radius: 30px
}

#ArtTheaterFilter.selected span,
#eventsFilter.selected span,
#familyHistoryFilter.selected span,
#seasonalFilter.selected span {
    background: #f39f0b
}

#exhibitFilter.selected span {
    background: #ed6444
}

#membersFilter.selected span {
    background: #605470
}

#educatorsFilter.selected span {
    background: #cbc93a
}

.filterDropBtn,
.filterDropBtnSearch {
    width: 12px;
    height: 12px;
    display: block;
    margin-left: 12px;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 0;
    font-family: OratorStd;
    line-height: 1;
    font-weight: 700
}

.dynamicIcon span,
span.day {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
}

.filterDropBtnSearch {
    bottom: 11px
}

.filterDropBtn.active,
.filterDropBtnSearch.active {
    transform: rotate(90deg);
    bottom: 10px;
    right: 2px
}

.filterDrop {
    position: absolute;
    left: 0;
    width: 100%;
    background: #ebebeb;
    border-radius: 5px;
    padding: 5px 3px;
    top: calc(100% + 8px);
    display: none;
    z-index: 10
}

.filterDrop.show {
    display: block
}

.dropButton {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 7px;
    border-bottom: 1px solid #fff;
    box-sizing: border-box
}

.filterDrop div.dropButton:last-of-type {
    border: none
}

.dropButton .filterBtn {
    float: left
}

.filterButton .dropButton label {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    padding-top: 0
}

.dateWrapper {
    float: left
}

.dynamicIcon {
    float: left;
    background: #ed6444;
    color: #fff;
    padding: 3px
}

.dynamicIcon span {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 1.2;
    box-sizing: border-box;
    padding-bottom: 6px
}

span.day {
    background: #fff;
    color: #ed6444;
    font-size: 47px;
    line-height: 1;
    padding: 1px 10px
}

.inputSelectWrap {
    float: left
}

#jrange {
    position: relative;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
}

#jrange input {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    border: none;
    border-bottom: 1px solid grey;
    padding: 10px 0;
    font-size: 23px;
    line-height: 1.2;
    color: #37383a;
    margin: 16px 0 12px;
    min-width: 290px
}

#jrange input::-webkit-input-placeholder {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 23px;
    line-height: 1.2;
    color: #37383a
}

#jrange input::-moz-placeholder {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 23px;
    line-height: 1.2;
    color: #37383a
}

#jrange input:-ms-input-placeholder {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 23px;
    line-height: 1.2;
    color: #37383a
}

#jrange input:-moz-placeholder {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 23px;
    line-height: 1.2;
    color: #37383a
}

.datePickerHeader {
    font-size: 22px;
    line-height: 1.1;
    color: #555;
    font-family: Archer-Medium-Pro;
    font-family: "Source Serif 4", serif;
    letter-spacing: .5px
}

.datePickerResultsCount {
    display: block;
    clear: both;
    float: left;
    font-size: 16px;
    line-height: 1.1;
    color: #000;
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;
}

.datePickerResultsCount span {
    color: #ed6444;
    font-family: Bliss-BoldItalic;
    font-family: "Source Sans 3", san-serif;
}

.dateInnerWrap {
    float: left;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-left: 21px
}

button.applyFilter,
button.triggerEventCategoryFilter {
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;
    font-size: 16px;
    line-height: 1.1;
    color: #373748;
    display: block;
    float: right;
    clear: both;
    cursor: pointer;
    margin-top: -20px;
    background: 0 0;
    border: 1px solid #9e9e9e;
    padding: 5px 15px
}

.clearFloat {
    clear: both;
    display: block
}

.eventCalHeader {
    margin-bottom: 30px
}

.hasDatepicker {
    position: absolute !important;
    background: #ebebeb;
    border-radius: 5px;
    top: 100% !important;
    z-index: 15;
    padding: 20px
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    font-size: 20px
}

span.ui-icon.ui-icon-circle-triangle-w {
    margin-right: 20px
}

select.ui-datepicker-month,
select.ui-datepicker-year {
    border: none;
    border-bottom: 1px solid #000;
    margin-right: 15px;
    width: 40%;
    font-size: 16px;
    background: #ebebeb
}

.blogFilterWrap select,
.blogFilterWrap ul li button {
    font-size: 23px;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
}

.ui-datepicker-header a {
    cursor: pointer
}

.ui-datepicker-header a:last-of-type {
    float: right
}

select.ui-datepicker-month {
    float: left
}

select.ui-datepicker-year {
    float: right;
    margin-right: 0
}

button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    width: 100%;
    margin-bottom: 0;
    margin-top: 20px;
    background: 0 0;
    border: none;
    border: 1px solid #ed6444;
    text-transform: uppercase;
    padding: 5px 0;
    color: #ed6444;
    cursor: pointer
}

button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover {
    color: #fff;
    background: #ed6444
}

table.ui-datepicker-calendar td {
    padding: 5px;
    text-align: center
}

a.ui-state-default {
    color: #000;
    border: none
}

a.ui-state-default:hover {
    text-decoration: underline
}

.ui-datepicker-header a:hover {
    color: #ed6444
}

.ui-datepicker-current-day a,
td.date-range-selected a,
td.date-range-selected.ui-datepicker-current-day a {
    color: #fff
}

.ui-datepicker-title {
    overflow: hidden;
    margin-top: 20px
}

table.ui-datepicker-calendar {
    padding-top: 10px
}

.ui-datepicker-current-day {
    background: #f39f0b
}

td.date-range-selected,
td.date-range-selected.ui-datepicker-current-day {
    background: #ed6444
}

.blogFilterWrap ul li {
    list-style: none;
    display: inline;
    margin-right: 50px
}

.blogFilterWrap ul li:last-of-type {
    margin-right: 0
}

.blogFilterWrap ul li button {
    background: 0 0;
    border: none;
    cursor: pointer;
    line-height: 1.1;
    color: #373748;
    padding: 0
}

.blogFilterWrap button.active,
.blogFilterWrap select option.active {
    color: #f39f0b
}

.blogFilterWrap button:focus,
.blogFilterWrap button:hover,
.blogFilterWrap select:focus,
.blogFilterWrap select:hover {
    color: #f39f0b;
    outline: 0
}

.blogFilterWrap select option {
    color: #373748
}

.blogFilterWrap select {
    border: none;
    line-height: 1.2;
    color: #373748;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/dropArrow.png) right 28% no-repeat;
    padding-right: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid grey
}

.blogFilterWrap select::-ms-expand {
    display: none
}

.pagWrap {
    margin-top: 30px;
    margin-bottom: 40px;
    overflow: hidden
}

.blogFilterWrap {
    float: right;
    margin-top: 40px
}

.interiorWrap .blogFilterWrap ul {
    float: none;
    clear: none;
    width: auto
}

ul.blogPagination li {
    margin: 0
}

ul.blogPagination li a {
    cursor: pointer;
    padding: 0 10px;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 16px;
    line-height: 1.1;
    color: #373748;
    text-decoration: none
}

ul.blogPagination li a.active,
ul.blogPagination li a:focus,
ul.blogPagination li a:hover {
    text-decoration: underline
}

.interiorWrap .blogFilterWrap ul.blogPagination {
    float: right;
    margin-right: 70px;
    margin-top: 5px;
    padding-left: 0
}

button.applyFilter {
    margin-top: 0;
    float: right;
    clear: none
}

ul.blogPagination li.nextSet a {
    font-family: OratorStd;
    font-weight: 700
}

button.applyFilter:focus,
button.applyFilter:hover,
button.triggerEventCategoryFilter:focus,
button.triggerEventCategoryFilter:hover {
    outline: 0;
    color: #fff;
    background: #373748;
    border: 1px solid #373748
}

.interactiveMapOuter {
    background: rgba(55, 55, 72, .8);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 16;
    top: 0;
    left: -100%;
    opacity: 0
}

.interactiveMapOuter.show {
    -webkit-animation: interactiveMapAnimation .3s;
    -webkit-animation-fill-mode: forwards;
    animation: interactiveMapAnimation .3s;
    animation-fill-mode: forwards
}

@-webkit-keyframes interactiveMapAnimation {
    0% {
        opacity: 0;
        left: -100%
    }
    20%,
    50% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes interactiveMapAnimation {
    0% {
        opacity: 0;
        left: -100%
    }
    20%,
    50% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 0
    }
}

.searchBarWrap .searchClose:hover,
.searchHelpClose:hover {
    opacity: .8
}

.interactiveMapWrap {
    position: absolute;
    width: 100%;
    transition: top .5s ease;
    top: -100%
}

.interactiveMapOuter.show .interactiveMapWrap {
    top: 143px
}

.interactiveMap {
    text-align: center;
    margin-top: 30px
}

.interactiveMapInner {
    background: #fff;
    overflow: hidden;
    position: relative
}

.intMap {
    display: none
}

.intMap.showMap {
    display: inline-block;
    max-width: 100%;
    padding: 0 15px;
    box-sizing: border-box
}

.interactiveMapBtns {
    overflow: hidden;
    max-width: 500px;
    margin: 50px auto
}

.interactiveMapBtns div:last-of-type {
    margin-right: 0
}

.interactiveMapInner h1.pageTitle {
    color: #434242
}

a.pdfMapButton {
    display: none
}

.searchBarWrap {
    position: absolute;
    left: 0;
    z-index: 30;
    top: -400px;
    width: 100%;
    background: #29414f;
    height: 143px;
    transition: top .3s ease
}

.searchBarWrap .searchClose {
    position: absolute;
    right: 60px;
    cursor: pointer;
    top: 45px
}

.searchBarWrap .searchHeader {
    padding: 40px 15px 0;
    box-sizing: border-box;
    max-width: 900px;
    margin: 0 auto
}

.searchBarWrap.showSearchBar {
    top: 0
}

.searchOuter {
    height: 100%;
    width: 100%;
    z-index: 16;
    top: 0;
    position: relative
}

.searchInner {
    width: 100%;
    max-width: 1287px;
    margin: 60px auto 0;
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    position: relative
}

.searchHeader {
    display: -webkit-flex;
    display: flex
}

button.searchBarButton {
    width: 268px;
    background: 0 0;
    color: #f39f0b;
    border: 1px solid #f39f0b;
    text-transform: uppercase;
    margin-left: 28px;
    padding: 15px 30px;
    font-family: Archer-Medium-Pro;
    font-family: "Source Serif 4", serif;
    font-size: 28px;
    line-height: 1.1;
    cursor: pointer;
    letter-spacing: 1px
}

button.searchBarButton:focus,
button.searchBarButton:hover {
    background: #f39f0b;
    color: #fff
}

input.searchBar {
    width: 80%;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 28px;
    line-height: 1.2;
    padding: 10px 30px
}

.sectionHeader.closed {
    background: #afafaf
}

.sectionHeader:focus {
    background: #cf8709;
}

.sectionHeader.closed:focus,
.sectionHeaderCustom:focus {
    background: #f39f0b;
}

.sectionHeader,
.sectionHeaderCustom {
    background: #f39f0b;
    color: #fff;
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    padding: 10px 20px 10px 30px;
    font-size: 24px;
    line-height: 1.1;
    cursor: pointer;
    letter-spacing: 1px
}

.sectionHeader.closed:hover {
    background: #f39f0b
}

.sectionHeader img,
.sectionHeaderCustom img {
    float: right;
    margin-top: 8px
}

.sectionHeader.closed img,
.sectionHeaderCustom.closed img {
    transform: rotate(-90deg)
}

.sectionHeader .resultsCount {
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
}

.innerFilterRight button,
.searchHelp {
    font-family: Bliss-LightItalic;
    font-family: "Source Sans 3", san-serif;
    cursor: pointer
}

.searchSection.searchFilters {
    margin-top: -40px;
    position: relative;
    z-index: 1
}

.searchSection {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.searchSection.hide {
    display: none
}

.searchHelp {
    float: right;
    margin: 20px 0;
    color: #4e4e4e;
    position: relative;
    z-index: 2
}

.searchHelp img {
    float: right;
    margin-left: 10px
}

.searchFilterBtnWrap .filterBtn {
    float: left;
    width: 20px;
    height: 20px
}

.searchFilterBtnWrap .filterBtn span {
    width: 12px;
    height: 12px
}

.innerFilterLeft {
    display: -webkit-flex;
    display: flex;
    float: left;
    padding: 20px 0 40px
}

.innerFilterRight {
    float: left;
    padding: 20px 0 40px;
    margin-left: 20px
}

.innerFilterRight button {
    float: left;
    clear: both;
    color: #545454;
    font-size: 18px;
    line-height: 1.1;
    padding: 6px 20px;
    width: 140px;
    background: 0 0;
    border: 1px solid #545454
}

.innerFilterRight button:focus,
.innerFilterRight button:hover {
    background: #545454;
    color: #fff
}

button.applySearchFilter {
    margin-bottom: 13px;
    background: 0 0;
    color: #f39f0b;
    border: 1px solid #f39f0b
}

button.applySearchFilter:focus,
button.applySearchFilter:hover {
    background: #f39f0b;
    color: #fff
}

.filterColumnGroup {
    float: left;
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: column;
    margin-right: 50px
}

.searchFilterBtnWrap {
    margin: 10px 0;
    position: relative
}

.searchFilterBtnWrap label {
    padding-left: 10px;
    cursor: pointer
}

.collectionCustom {
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 1px solid grey
}

.searchFilters .sectionHeaderCustom {
    background: 0 0;
    color: #000;
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    padding-left: 0
}

.searchSection.searchFilters .sectionHeaderCustom img {
    margin-left: 20px;
    display: none
}

.searchFilters .slideUpWrap {
    clear: both;
    padding: 0;
    overflow: visible
}

.searchFilters .sectionHeaderCustom.closed img {
    transform: rotate(0deg)
}

.searchFilters .sectionHeaderCustom img {
    transform: rotate(-90deg)
}

.searchFilterBtnWrap .filterDrop {
    width: 170px
}

.exhibitSearchThumb img {
    width: 100%;
    border: 6px solid #fff;
    min-width: 263px
}

.layoutFourThumb img,
.searchHelpInner {
    box-shadow: 0 2px 4px 2px rgba(214, 214, 214, .8)
}

.exhibitSearchThumb {
    min-width: 263px
}

.slideUpWrap {
    overflow: hidden;
    padding: 60px 0 15px;
    display: none
}

.searchGroupWrap div:first-child .slideUpWrap,
.searchSection.searchFilters .slideUpWrap {
    display: block
}

.exhibitsRowLeft {
    width: 48%;
    float: left;
    margin-right: 4%
}

.exhibitsRowColumn a {
    display: -webkit-flex;
    display: flex;
    color: #000
}

.exhibitsRowRight {
    width: 48%;
    float: left
}

.exhibitSearchCopy p,
.exhibitSearchCopy span,
.layoutFiveCopy p,
.layoutFiveCopy span,
.layoutFourCopy p,
.layoutFourCopy span,
.layoutThreeCopy p,
.layoutThreeCopy span,
h4.exhibitSearchTitle,
h4.layoutFiveTitle,
h4.layoutFourTitle,
h4.layoutThreeTitle {
    float: left;
    clear: both
}

h4.exhibitSearchTitle,
h4.layoutFiveTitle,
h4.layoutFourTitle,
h4.layoutThreeTitle {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 5px
}

h4.layoutFiveTitle,
h4.layoutFourTitle,
h4.layoutThreeTitle {
    font-size: 20px
}

.exhibitSearchCopy p,
.exhibitSearchCopy span {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    letter-spacing: normal
}

.exhibitSearchCopy p {
    margin: 20px 0 35px
}

.layoutFourCopy p,
.layoutThreeCopy p {
    margin: 10px 0 20px
}

.layoutFiveCopy p,
.layoutFiveCopy span,
.layoutFourCopy p,
.layoutFourCopy span,
.layoutThreeCopy p,
.layoutThreeCopy span {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    letter-spacing: normal
}

.exhibitSearchCopy,
.layoutFourCopy,
.layoutThreeCopy {
    margin-left: 24px
}

.exhibitSearchCopy .learnMore img,
.layoutFiveCopy .learnMore img,
.layoutFourCopy .learnMore img,
.layoutThreeCopy .learnMore img {
    float: right;
    margin-left: 15px
}

.layoutFourLeft,
.layoutThreeLeft,
.layoutTwoLeft {
    width: 48%;
    margin-right: 4%;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #999;
    color: #37383a
}

.layoutFourRight,
.layoutThreeRight,
.layoutTwoRight {
    width: 48%;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #999;
    color: #37383a
}

.layoutFourLeft,
.layoutFourRight,
.layoutThreeLeft,
.layoutThreeRight {
    border: none
}

.rightBlock {
    width: 45px;
    float: right;
    background: url(images/rightArrowWhite.png) center 50% no-repeat #f39f0b;
    transition: width .2s ease
}

.layoutTwoRow a:hover .rightBlock {
    width: 65px
}

.layoutTwoInner {
    overflow: hidden;
    width: 100%;
    padding: 18px 30px
}

.layoutTwoInner h4,
.layoutTwoInner span {
    float: left;
    clear: both
}

.layoutFiveRow,
.layoutFourRow,
.layoutThreeRow,
.layoutTwoRow {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 48px
}

.layoutTwoInner h4 {
    min-height: 75px;
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 22px;
    line-height: 26px
}

.layoutTwoDate {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
    font-size: 17px;
    line-height: 1.2
}

.layoutTwoDate span {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    margin-right: 5px
}

.loadMoreButtonWrap {
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.loadMoreButtonWrap .loadMoreButton {
    min-width: 145px;
    margin: 0 50px
}

.hRule {
    width: 50%;
    height: 1px;
    background: #dfdfdf
}

.closeSectionButton {
    text-align: center;
    width: 100%;
    border: 1px solid #F39F0A;
    box-sizing: border-box;
    cursor: pointer;
    padding: 13px 0;
    margin-top: 25px;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #555;
    transition: background .3s ease;
    clear: both
}

.closeSectionButton:hover {
    color: #fff;
    background: #F39F0A
}

.layoutFiveBlock a,
.layoutFourLeft a,
.layoutFourRight a,
.layoutThreeLeft a,
.layoutThreeRight a {
    display: -webkit-flex;
    display: flex;
    color: #000
}

.layoutThreeThumb,
.layoutThreeThumb img {
    min-width: 94px;
    max-width: 94px
}

.layoutFourThumb {
    min-width: 120px;
    max-width: 120px;
    max-height: 120px;
    overflow: hidden;
}

.layoutFourThumb img {
    width: 100%;
    min-height: 100%;
    border: 6px solid #fff
}

.layoutFiveSideBar {
    width: 11px;
    float: left;
    background: #006bb6;
    min-width: 11px;
    margin-right: 20px
}

.search .learnMore {
    font-size: 20px
}

.layoutFiveBlock {
    width: 30.6%;
    margin-right: 4%
}

.layoutFiveBlock.fiveBlockLast {
    margin-right: 0
}

.layoutFiveCopy p {
    margin-top: 0
}

.searchSectionLast {
    clear: both;
    padding-top: 50px
}

.searchSectionLast span {
    display: block;
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
    font-size: 22px;
    line-height: 30px;
    width: 100%;
    text-align: center
}

.searchSectionLast a,
.searchSectionLast a span {
    display: block;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #000;
    text-decoration: none;
    width: auto;
    text-align: left
}

.layoutFiveRow a:hover .learnMore,
.layoutFourRow a:hover .learnMore,
.searchExhibitsRow a:hover .learnMore,
.searchHelp:hover,
.searchSectionLast a:hover span {
    text-decoration: underline
}

.searchSectionLast a {
    max-width: 305px;
    margin: 10px auto 0;
    overflow: hidden
}

a.backTopWrap {
    max-width: none;
    margin: 0
}

.searchSectionLast a span {
    float: left;
    display: block;
    text-align: left;
    width: auto
}

.searchSectionLast a img {
    float: left;
    display: block;
    margin: 5px 0 0 15px
}

.searchBackTop {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    background: #f39f0b;
    color: #fff;
    padding: 15px 30px;
    width: 280px;
    margin: 60px auto 0;
    clear: both;
    cursor: pointer;
    display: block;
    border: 1px solid #f39f0b
}

.searchBackTop:hover {
    background: #fff;
    color: #f39f0b
}

.searchExhibitsRow {
    margin-bottom: 30px;
    float: left;
    clear: both;
    width: 100%
}

.blogInteriorWrap {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 30px;
    clear: both;
    float: left
}

.searchHelpPanel {
    position: absolute;
    top: -100vh;
    left: auto;
    background: #fff;
    right: auto;
    z-index: 5;
    width: 93%;
    box-sizing: border-box;
    transition: top .4s ease-out
}

.searchHelpPanel.show {
    top: 0
}

.searchHelpInner {
    border: 10px solid #fff;
    background: #e5e4df;
    padding: 50px 30px 10px;
    position: relative;
    overflow: hidden
}

.searchHelpClose {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    cursor: pointer
}

.searchHelpPanel h1 {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 28px;
    line-height: 1.1;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    clear: both
}

.searchHelpPanel h2 {
    float: left;
    clear: both;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    letter-spacing: 1px;
    margin-top: 20px
}

.searchHelpPanel p,
.searchHelpPanel ul li {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    float: left;
    clear: both;
    list-style: none
}

.searchHelpPanel ul {
    margin: 0 0 20px;
    float: left;
    clear: both
}

.searchHelpPanel ul li:before {
    content: "•";
    color: #006bb6;
    font-size: 20px;
    margin-right: 10px
}

.blogContent {
    width: 65%;
    margin-right: 4%
}

.blogSideBar {
    width: 31%;
    background: #fef1d9;
    padding-bottom: 40px
}

.blogSideBarHeader {
    border-bottom: 1px solid #fff
}

.blogSideBarInner {
    padding: 30px 45px;
    overflow: hidden
}

.blogSideBarHeader .blogSideBarInner {
    padding: 45px 45px 30px
}

.blogHeroImage {
    position: relative;
    margin-bottom: 70px
}

.blogHeroImage img {
    width: 100%;
    border: 10px solid #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(214, 214, 214, .8);
    box-shadow: 0 2px 4px 2px rgba(214, 214, 214, .8);
    box-sizing: border-box
}

.newsPressLandingWrap .pagWrap {
    margin-bottom: 0
}

.pressLandingHeader {
    background: #f39f0b;
    clear: both;
    float: left;
    color: #fff;
    padding: 10px 30px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px
}

.pressLandingHeader h4 {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 0
}

.pressLandingHeader h4 span {
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;

}

span.releaseTitle {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 28px;
    float: left;
    clear: both
}

span.releaseTitle em,
span.releaseTitle i {
    font-family: Bliss-BoldItalic;
    font-family: "Source Sans 3", san-serif;
}

span.releaseDate {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;

    font-size: 16px;
    line-height: 24px;
    float: left;
    clear: both;
    margin-bottom: 15px
}

a.releaseReadMore {
    font-family: Bliss-BoldItalic;
    font-family: "Source Sans 3", san-serif;
    color: #000;
    text-decoration: none;
    float: left;
    clear: both
}

a.releaseReadMore:hover {
    text-decoration: underline
}

.pressRelease {
    overflow: hidden;
    clear: both;
    display: block;
    float: left;
    padding: 40px 0 20px
}

.blogFilterWrap.newsPressBottomPag {
    width: 31%;
    margin-top: 0
}

.interiorWrap .blogFilterWrap.newsPressBottomPag ul.blogPagination {
    float: left
}

.blogContent .pressRelease p {
    margin-bottom: 0
}

h2.blogPostDate {
    position: absolute;
    top: 45px;
    left: 45px;
    font-family: SaturdayScript;
    font-family: "Source Serif 4", serif;
    color: #fff;
    font-size: 70px;
    letter-spacing: 1px;
    line-height: 1.2;
    text-shadow: 1px 1px 5px #000;
}

.blogContent p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 40px
}

.blogContent img {
    margin: 0 auto 40px;
    width: auto;
    max-width: 100%;
}

.blogContent .blogHeroImage img {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.blogContent p img {
    padding: 0
}

.blogSideBarTitle {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 22px;
    line-height: 1.2
}

.blogSideBar a,
.blogSideBar span {
    float: left;
    clear: both
}

.blogSideBar .loadMoreButton {
    clear: both;
    margin-top: 50px
}

span.blogSideBarDate {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 5px
}

.blogSideBar a {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #000;
    text-decoration: none
}

.blogSideBar a:focus,
.blogSideBar a:hover {
    text-decoration: underline;
    outline: 0
}

section.blogGroup {
    overflow: hidden;
    border-bottom: 1px solid #fff;
    padding: 30px 45px 0
}

.blogSideBar section:last-of-type {
    border-bottom: none
}

.blogSideBarHeader img {
    display: none
}

.blogPostFooter {
    float: left;
    clear: both;
    margin-top: 20px;
    width: 100%
}

.authorWrap {
    display: -webkit-flex;
    display: flex
}

.authorPhoto {
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    margin-right: 30px
}

.controlLeft,
.controlRight {
    max-width: 270px;
    overflow: hidden
}

.authorPhoto img {
    width: 100%;
    margin-top: 8px
}

.authorBio p {
    font-family: Bliss-Italic;
    font-family: "Source Sans 3", san-serif;
    font-size: 16px;
    line-height: 30px;
    color: #707070;
    margin: 0
}

.authorBio p b,
.authorBio p strong {
    font-family: Bliss-BoldItalic;
    font-family: "Source Sans 3", san-serif;
}

b,
strong {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-weight:700;
}

.blogControls span,
.blogPostShare span {
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 16px;
    line-height: 1.2
}

.blogPostShare {
    overflow: hidden;
    margin-top: 30px
}

.blogPostShare span {
    color: #333;
    float: left
}

.blogPostShare .shareWrap {
    float: left;
    margin-right: 0;
    margin-left: 10px
}

.shareWrap img {
    margin: 0 auto
}

.blogControls {
    padding: 35px 0 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 50px;
    overflow: hidden
}

.controlLeft {
    float: left
}

.controlRight {
    float: right
}

.blogControls span {
    color: #666
}

.controlLeft .caret,
.controlRight .caret {
    font-family: OratorStd;
    font-weight: 700
}

.controlLeft span {
    float: left
}

.controlRight span {
    float: right
}

.controlLeft .caret {
    margin-right: 12px;
    padding-top: 4px
}

.controlRight .caret {
    margin-left: 12px;
    padding-top: 5px
}

.blogControls .previousStoryTitle {
    color: #333;
    float: left;
    clear: both;
    margin-top: 10px
}

.blogControls .nextStoryTitle {
    color: #333;
    float: right;
    clear: both;
    text-align: right;
    margin-top: 10px
}

.contentBlock,
.supportBlock {
    float: left;
    width: 100%;
    clear: both
}

.blogControls a:focus {
    outline: 0
}

.blogControls a:focus span:nth-of-type(2),
.blogControls a:hover span:nth-of-type(2) {
    text-decoration: underline
}

.supportBlock {
    background: #f9cf85;
    padding: 16px;
    margin-top: 45px;
    box-sizing: border-box
}

.supportBlockInner {
    border: 1px solid #fff;
    padding: 70px 30px 50px;
    text-align: center
}

.supportBlockInner span {
    display: block
}

.supportBlockInner img {
    display: inline-block;
    margin-top: 5px;
    margin-left: 15px
}

.supportBlockInner span {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 21px;
    line-height: 1.2;
    margin-top: 20px
}

.supportBlockInner span:first-of-type {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 30px;
    line-height: 1.2;
    color: #000;
    margin-top: 0
}

.supportBlockInner a {
    background: url(images/learnMoreIconWhite.png) right 20% no-repeat;
    background-size: 22px;
    padding-right: 40px;
    color: #000;
    text-decoration: none;
    padding-bottom: 5px;
    transition: border .2s ease
}

.supportBlockInner a:focus,
.supportBlockInner a:hover {
    outline: 0;
    border-bottom: 1px solid #000
}

.contentBlock {
    display: -webkit-flex;
    display: flex;
    max-width: 1536px;
    margin-top: 100px;
    margin-bottom: 50px
}

.contentBlock.imgRightOrientation {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    float: right
}

.contentBlock span.ctaSupportiveText {
    max-width: none
}

.contentImg {
    width: 48%;
    margin-right: 30px
}

.contentBlock.imgRightOrientation .contentImg {
    margin-left: 30px;
    margin-right: 0
}

.contentImg img {
    width: 100%;
    height: auto
}

.contentCopy {
    width: 50%;
    padding-right: 15px;
    box-sizing: border-box
}

.contentBlock.imgRightOrientation .contentCopy {
    padding-right: 0;
    padding-left: 30px;
    box-sizing: border-box
}

.contentCopy a,
.contentCopy h3,
.contentCopy p,
.contentCopy span {
    float: left;
    clear: both
}

.contentCopy p a {
    float: none;
    clear: none
}

.contentCopy h3 {
    margin-bottom: 10px
}

.contentBlock p {
    margin: 0 0 20px
}

.contentBlock p em {
    font-family: Bliss-BoldItalic;
    font-family: "Source Sans 3", san-serif;
}

.contentBlock a {
    color: #000;
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    text-transform: uppercase;
    font-size: 20px
}

.contentBlock p a {
    text-transform: none
}

.contentBlock .learnMore img {
    float: right;
    margin-left: 15px
}

.intAccBlock,
.intAccordion,
.sideBarBtnWrap,
.videoWrap,
span.intAccLabel {
    float: left;
    width: 100%
}

.contentSubHead {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 18px;
    margin-bottom: 20px
}

.contentBlock .learnMore:hover,
.contentInterior a.interiorCta:after,
.contentInterior a.interiorCta:focus,
.contentInterior a.interiorCta:hover {
    color: #f39f0b
}

.contentInterior .statementSection {
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box
}

.statementSection.nonQuote p {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 30px
}

.statementSection.nonQuote a {
    color: #29414f;
    display: inline;
    margin-right: 5px
}

.interiorWrap.contentInterior .intMain {
    overflow: hidden
}

.videoWrap {
    position: relative;
    clear: both
}

.videoWrap video {
    width: 100%;
    display: block
}

.videoOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    text-align: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    z-index: 1
}

.videoOverlay:hover {
    background: rgba(0, 0, 0, .15)
}

.videoOverlay img {
    display: none
}

.videoOverlay span {
    color: #fff
}

.videoOverlay .overlayTitle {
    font-family: SaturdayScript;
    font-family: "Source Serif 4", serif;
    font-size: 5vw;
    color: #fff
}

.contentInteriorTwo .intRightBlock {
    margin-bottom: 45px
}

.contentInteriorTwo .intRightBlock h4 {
    margin-bottom: 10px
}

.contentInteriorTwo .intRightBlock p {
    margin: 0
}

.contentInteriorTwo .intRightBlock a:hover {
    text-decoration: underline
}

.sideBarAdditional a,
a.shopLearnMore,
a.shopMoreCta {
    text-decoration: none
}

.contentInteriorTwo .intRightColumnContent.sideBarType02 a.intCta {
    margin-top: 25px;
    margin-bottom: 0
}

.sideBarBtnWrap {
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: column;
    clear: both;
    margin-top: 45px
}

.contentInteriorTwo .intRightColumnContent.sideBarType02 .sideBarBtnWrap a:first-of-type {
    margin-top: 0
}

.intAccordion {
    clear: both;
    margin: 20px 0
}

.intAccordion img {
    max-width: 100%;
    height: auto
}

.interiorVideoWrap {
    margin: 0 0 20px
}

.intAccBlock {
    clear: both;
    padding-bottom: 30px
}

span.intAccLabel {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;
    font-size: 20px;
    line-height: 1.2;
    display: block;
    padding-right: 10px;
    box-sizing: border-box;
    text-align: left
}

.botMainWrap span,
a.shopLearnMore,
a.shopMoreCta,
span.shopSupportCopy {
    font-family: Archer-Semibold;
    font-family: "Source Serif 4", serif;
}

.accArrow {
    float: right;
    width: 16px;
    height: 16px;
    background: url(images/accordionDropSprite.png);
    margin-top: 2px
}

.intAccHeader.open .accArrow {
    background-position: 0 16px
}

.intAccHeader {
    overflow: hidden;
    cursor: pointer;
    padding: 14px 0;
    border-bottom: 1px solid #29414f;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: center
}

.intAccSlideUpWrap {
    display: none;
    overflow: hidden;
    float: left;
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.page-id-110734 .intAccSlideUpWrap,
.page-id-113692 .intAccSlideUpWrap,
.page-id-113693 .intAccSlideUpWrap,
.page-id-525 .intAccSlideUpWrap,
.page-id-820 .intAccSlideUpWrap {
    display: block;
}

.intAccSlideUpWrap div {
    float: left;
    clear: both
}

.intAccSlideUpWrap .entry {
    width: 100%
}

.intAccSlideUpWrap p {
    float: left;
    clear: both
}

.shopLandingInterior .landingColumnBlock p {
    margin-bottom: 0;
    height: 90px;
    overflow: hidden
}

.shopLandingInterior .landingColumnBlock p.shopInfoPrice {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
    height: 50px
}

.shopLandingInterior a.blockCta,
a.shopLearnMore {
    margin-top: 20px
}

.shopLandingInterior .landingColumnBlock img {
    width: 100%
}

a.shopLearnMore {
    display: block;
    float: left;
    color: #000;
    text-transform: uppercase;
    font-size: 20px
}

a.shopLearnMore:hover,
a.shopMoreCta:hover {
    color: #f39f0b
}

a.shopLearnMore .learnMore img {
    float: right;
    margin-left: 15px
}

span.shopSupportCopy {
    display: block;
    float: left;
    clear: both;
    font-size: 18px;
    line-height: 28px;
    margin-top: 8px
}

a.shopMoreCta {
    float: right;
    display: block;
    color: #000;
    font-size: 20px;
    line-height: 1.2
}

a.shopMoreCta:after {
    content: url(images/rightArrowOrange.png);
    display: block;
    float: right;
    margin-left: 20px;
    margin-top: 2px
}

.shopLandingInterior .landingThreeColumn,
.shopLandingInterior .landingTwoColumn {
    margin-bottom: 100px
}

.botIntro {
    margin: 100px 0
}

.botIntro:after {
    content: "";
    display: table;
    clear: both
}

.botMainWrap span {
    float: left;
    clear: both;
    font-size: 18px
}

.botSingleColumn span {
    float: none;
    clear: none;
    display: inline-block
}

.botMainWrap ul li,
.botMainWrap.intAccordion span.intAccLabel {
    list-style: none;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 30px
}

.botSingleColumn {
    margin-bottom: 50px;
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 50px;
    float: left;
    width: 100%;
    clear: both
}

.botTripleColumn {
    margin-bottom: 100px;
    float: left;
    clear: both;
    width: 100%
}

ul.tripleStack {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.botMainWrap ul li span {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
}

.botMainWrap:after {
    content: '';
    display: table;
    clear: both
}

.sideBarAdditional {
    clear: both;
    float: left;
    margin-top: 100px
}

.sideBarAdditional a,
.sideBarAdditional span {
    float: left;
    clear: both;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 35px;
    color: #000
}

.sideBarAdditional a:hover {
    text-decoration: underline
}

.interiorForm {
    float: left;
    clear: both
}

span.formTitle {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 20px;
    clear: both;
    display: inline-block;
    margin-top: 20px
}

.interiorForm form div.BBFormContainer {
    border: none !important;
    padding: 0 !important
}

.interiorWrap .interiorForm legend div {
    background-color: transparent !important;
    position: relative;
    padding-left: 0 !important
}

.interiorWrap .interiorForm legend div label {
    font-family: Archer-Semibold !important;
    font-family: "Source Serif 4", serif;
    font-size: 18px;
    padding-top: 20px
}

.interiorWrap .interiorForm .BBDFormSectionPaymentInfo label {
    min-width: 156px !important
}

.interiorWrap .interiorForm label,
.interiorWrap .interiorForm span {
    text-align: left !important;
    width: auto !important;
    color: #000;
    min-width: 110px !important;
    font-family: Bliss-Regular !important
}

.interiorWrap .interiorForm input,
.interiorWrap .interiorForm select,
.interiorWrap .interiorForm textarea {
    background-color: #f3f3f3 !important;
    border: none !important
}

.BBMembershipOptionWrapper {
    border: none !important;
    background: 0 0 !important
}

.interiorWrap .interiorForm .BBWrapMembershipTitle {
    font-family: Archer-SemiBold;
    font-family: "Source Serif 4", serif;
    font-size: 18px !important;
    color: #000
}

.BBWrapMembershipDetails {
    float: left
}

.BBWrapMembershipDetails div {
    padding-left: 0 !important
}

.BBWrapMembershipLinks.BBAlignleft {
    float: right
}

.BBWrapMembershipLinks.BBAlignleft div {
    float: right;
    clear: both;
    background-color: #f39f0b !important;
    border: 1px solid #f39f0b !important;
    padding: 10px 20px !important;
    line-height: 1.2 !important;
    border-radius: 0 !important;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    text-transform: uppercase
}

.interiorWrap .interiorForm .BBWrapMembershipLinks.BBAlignleft div:hover,
.interiorWrap .interiorForm input[type=submit]:hover {
    background-color: transparent !important;
    color: #f39f0b !important
}

.interiorWrap .interiorForm input[type=submit] {
    background-color: #f39f0b !important;
    border: 1px solid #f39f0b !important;
    padding: 10px 20px !important;
    line-height: 1.2 !important;
    border-radius: 0 !important;
    color: #fff !important;
    box-shadow: none !important;
    margin-left: 20px !important
}

.BBWrapMembershipLinks.BBAlignleft div:last-of-type {
    background-color: transparent !important;
    border: none !important;
    color: #000;
    padding: 0 !important;
    margin: 10px 0;
    font-family: Bliss-Regular !important;
    font-family: "Source Sans 3", san-serif;
    text-transform: none !important
}

.BBFieldExpiration label,
.BBFormFieldContainer,
.BBFormSection.BBDFormSectionComments label,
.BBFormSection.BBDFormSectionComments textarea {
    margin-left: 0 !important
}

.BBWrapMembershipLinks.BBAlignleft div:last-of-type:hover {
    color: #f39f0b
}

.BBWrapMembershipOption {
    border-bottom: 1px solid #ccc
}

.BBMembershipForm {
    border-top: 1px solid #ccc;
    clear: both
}

.interiorWrap .interiorForm .BBFieldSecurityCode label {
    min-width: 0 !important
}

.BBLinkSecureInfo {
    color: #000 !important;
    margin-bottom: 20px;
    display: inline-block
}

.BBLinkSecureInfo:hover {
    border-bottom: 1px solid #000 !important
}

.BBWrapMembershipDescription {
    font-family: Archer-MediumItalic;
    font-family: "Source Serif 4", serif;
    color: #000
}

.interiorWrap .interiorForm .BBFormSummaryTotal span {
    font-family: Archer-Semibold !important;
    font-family: "Source Serif 4", serif;
    font-size: 28px !important
}

.BBFormRadioButtonContainer {
    width: 100%;
    max-width: none
}

.interiorWrap .interiorForm .BBFormRadioItem,
.interiorWrap .interiorForm .BBFormRadioItem label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important
}

.interiorWrap .interiorForm .BBFormRadioLabelGivingLevelSelected span {
    color: #fff !important
}

.BBFormRadioLabelGivingLevel {
    border: 1px solid #ccc !important
}

.BBFormRadioLabelGivingLevelSelected {
    background: #f39f0b !important;
    border: 1px solid #f39f0b !important
}

.interiorWrap .interiorForm span.BBFormRadioAmount,
.interiorWrap .interiorForm span.BBFormRadioDescription,
.interiorWrap .interiorForm span.BBFormRadioDescriptionOther {
    font-size: 20px;
    font-family: Archer-Semibold !important;
    font-family: "Source Serif 4", serif;
}

.BBFormSection.BBFormSectionMembershipDetails {
    border: none !important;
    background-color: transparent !important;
    background-image: none !important
}

span#bboxmembership_lnkChangeMembership {
    color: #000;
    text-decoration: underline
}

span#bboxmembership_lnkChangeMembership:hover {
    color: #f39f0b;
    text-decoration: none
}

.longCopyInterior .intAccSlideUpWrap {
    width: 100%;
    padding-top: 30px
}

.entry {
    display: -webkit-flex;
    display: flex
}

span.collectionTitle {
    clear: both;
    float: left;
    padding-right: 45px;
    width: 70%
}

span.collectionNumber {
    float: right;
    width: 30%;
    min-width: 70px;
    text-align: right
}

.fsLeftThankYou,
.sponserInner {
    text-align: center
}

.interiorWrap ol,
.interiorWrap ul {
    padding-left: 45px;
    font-family: Bliss-Regular;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 28px;
    float: left;
    clear: both;
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box
}

ul.breadcrumbs {
    margin: 0;
    padding: 0
}

.intTemp ul.breadcrumbs {
    margin: 0;
    padding: 0;
    height: 60px;
    background-color: #cbc835;
    padding: 20px 430px
}

.fb-comments {
    clear: both
}

div#wpdevar_comment_1 {
    float: left;
    clear: both;
    margin-top: 40px
}

div#wpdevar_comment_1 span:first-child {
    font-family: Archer-Bold;
    font-family: "Source Serif 4", serif !important;
    padding-left: 0 !important;
    font-size: 16px !important
}

.error404 ul.xoxo,
.error404 ul.xoxo ul,
ul.doubleStack,
ul.singleStack,
ul.tripleStack {
    padding-left: 0
}

.audioPlayerWrap {
    float: left;
    clear: both;
    margin: 40px 0;
    width: 100%
}

.audioPlayerWrap audio {
    width: 100%;
    cursor: pointer;
    border: 1px solid #ccc
}

.audioFileTitle {
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
    clear: both;
    float: left
}

.audioInnerWrap {
    clear: both
}

.audioFileTitle:after {
    content: url(images/speakerIcon.png);
    display: block;
    float: right;
    margin-left: 10px;
    margin-top: 2px
}

.error404 h3,
.staffRule,
.staffSectionLabel {
    float: left;
    clear: both
}

.staffDirectoryMainWrap .intAccHeader {
    border: none;
    position: relative
}

.staffDirectoryMainWrap .sectionRuleTitle {
    width: 100%;
    margin-bottom: 0
}

.staffDirectoryMainWrap .accArrow {
    position: absolute;
    right: 0;
    top: 0
}

.staffDirectoryMainWrap .intAccSlideUpWrap {
    width: 100%;
    padding-top: 0
}

.intAccSlideUpWrap div.staffEntry {
    width: 26%;
    float: left;
    margin-right: 10%;
    clear: none
}

.staffRule {
    width: 100%;
    height: 1px;
    background: #dfdfdf;
    margin: 10px 0 40px
}

.staffDirectoryMainWrap .stackWrap {
    float: left;
    clear: both;
    width: 100%
}

.staffSection {
    width: 100%;
    margin: 0 !important;
    padding-bottom: 20px
}

.staffRow {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px;
    width: 100%
}

.staffDirectoryMainWrap .stackWrap div:last-of-type {
    margin-right: 0
}

.staffSectionLabel {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 15px
}

.staffEntry span {
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;
    font-size: 18px;
    line-height: 1.3
}

.error404 h3,
.staffEntry .staffName {
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;
}

.error404 form#searchform {
    display: none
}

.error404 li {
    list-style: none
}

.error404 h3 {
    color: #000;
    font-size: 21px;
    line-height: 1.2;
    margin-top: 20px
}

.error404 li a:hover {
    text-decoration: underline
}

.error404 h1.landingHeading {
    margin-top: 0
}

.fsLeftThankYou h5.fsLabel {
    font-size: 35px
}

.fsLeftThankYou span {
    font-family: Archer-Medium-Pro;
    font-family: "Source Serif 4", serif;
    font-size: 24px
}

.interiorSponser {
    padding: 50px 0;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    clear: both;
    margin-top: 50px
}

.interiorSponser img.sponsor_desktop {
    display: block
}

.interiorSponser img.sponsor_mobile {
    display: none
}

.sponserInner img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.intPad.sponserInner {
    padding-top: 0
}


/*table.dragndrop {

    background-color: transparent !important;

}*/


/*table.dragndrop span{

	display: none !important;

}*/

table.dragndrop tr {
    display: block;
    float: left;
}

table.dragndrop button {
    height: 43px;
    float: left;
}

input.demographic.fieldInput {
    width: 500px;
}

table.dragndrop {
    width: 100%;
    display: block !important;
}

@media screen and (min-width:1920px) {
    .mapWrap {
        width: auto;
        max-width: 100%;
        max-height: 448px;
        left: auto;
        margin: 0
    }
    span.fancy {
        font-size: 90px;
    }
    .heroContent em,
    p.heroMessage {
        font-size: 28px;
        line-height: 1.5
    }
    a.cta {
        font-size: 30px
    }
    .heroContent {
        padding-top: 300px
    }
    .gridBlockBottomRight span,
    .gridBlockTopLeft span {
        font-size: 100px
    }
    span.bull {
        font-size: 25px
    }
    .rightBottom span span,
    .rightTop span span,
    .rowWrapBottom .left span span {
        font-size: 35px
    }
    .rightBottom span,
    .rightTop span,
    .rowWrapBottom .left span,
    span.hoverTitle {
        font-size: 25px
    }
    .gridBlockBottomLeftHover span.hoverTitle,
    .gridBlockTopRightHover span.hoverTitle,
    span.hoverDate,
    span.hoverMore,
    span.hoverSubText {
        font-size: 15px
    }
    .hpm_Inner,
    .section.hpGrid {
        margin-top: 150px
    }
    .cpCopy {
        margin: 60px 0
    }
    .gridBlockBottomRowRightHover span.hoverTitle,
    .gridBlockHover.gridBlockBottomRowRightHover .hoverMore {
        margin-top: 60px
    }
    .gridBlockHover.gridBlockBottomRowRightHover p {
        margin: 30px auto
    }
    .gridBlockBottomLeftHover p,
    .gridBlockTopRightHover p {
        margin: 25px auto 0
    }
}

@media screen and (max-width:1775px) {
    nav.navGlobal ul li .megaMenuLeft a,
    nav.navGlobal ul li .mmdLearn .megaMenuCenter a,
    nav.navGlobal ul li .mmdLearn .megaMenuRight a {
        font-size: 20px
    }
    nav.navGlobal ul li .mmdLearn .megaMenuCenter a.mainMegaLink,
    nav.navGlobal ul li .mmdLearn .megaMenuRight a.mainMegaLink,
    nav.navGlobal ul li a.mainMegaLink {
        font-size: 24px
    }
    .megaMenuRight {
        padding: 30px 50px
    }
}

@media screen and (max-width:1700px) {
    .megaMenuDrop {
        width: 987px
    }
    .blogFilterWrap {
        margin-top: 120px
    }
}
@media screen and (max-width:1660px) {
    nav.navGlobal ul li a {
        font-size: 26px
    }
    .navGlobal ul.supportNav li a {
        font-size: 20px;
        padding: 57px 0 40px 10px
    }
    ul.supportNav li:nth-child(-n+3) a:after {
        margin-left: 10px
    }
    .searchButton {
        margin-left: 20px;
        padding: 11px 11px 8px;
        width: 42px;
        height: 44px;
        margin-top: 48px;
        font-size: 20px
    }
    /*.header,
    .searchBarWrap,
    ul.mainNav li a {
        height: 116px
    }*/
}
@media screen and (max-width:1500px) {
    .bx-controls-direction {
        bottom: 30%
    }
    .progressBar {
        bottom: 30.6%
    }
}


@media screen and (max-width:1460px) {
    nav.navGlobal ul li a {
        font-size: 26px
    }
    nav.navGlobal ul.mainNav li a {
        padding: 40px 20px
    }
    .logoGlobal {
        width: 280px;
        padding: 22px 30px
    }
    .logoGlobal img {
        width: 100%;
        height: auto
    }
    .navGlobal ul.supportNav li a {
        font-size: 20px;
        padding: 45px 0 40px 10px
    }
    ul.supportNav li:first-of-type a:after {
        margin-left: 15px
    }
    .searchButton {
        margin-left: 20px;
        padding: 11px 11px 8px;
        width: 42px;
        height: 44px;
        margin-top: 35px;
        font-size: 20px
    }
    .header,
    .searchBarWrap,
    ul.mainNav li a {
        height: 116px
    }
    nav.navGlobal ul.mainNav li:first-of-type a {
        padding-left: 40px
    }
    nav.navGlobal ul.mainNav li .megaMenuDrop a {
        padding: 0
    }
    nav.navGlobal ul li .megaMenuLeft a,
    nav.navGlobal ul li .mmdLearn .megaMenuCenter a,
    nav.navGlobal ul li .mmdLearn .megaMenuRight a {
        font-size: 15px;
        line-height: 35px
    }
    .megaMenuRight span,
    nav.navGlobal ul li .mmdLearn .megaMenuCenter a.mainMegaLink,
    nav.navGlobal ul li .mmdLearn .megaMenuRight a.mainMegaLink,
    nav.navGlobal ul li a.mainMegaLink {
        font-size: 18px
    }
    .megaMenuRight p {
        font-size: 14px
    }
    nav.navGlobal .megaMenuBottom a,
    nav.navGlobal ul li .megaMenuRight a {
        font-size: 15px
    }
    .megaMenuDrop {
        width: 850px
    }
    .megaMenuLeft {
        padding: 40px;
        width: 20%
    }
    .megaMenuRight {
        min-width: 0;
        width: 80%;
        padding: 30px
    }
    .mmr_Left {
        min-width: 0
    }
    .megaMenuBottom {
        padding-left: 40px
    }
    .heroContent {
        padding-left: 100px
    }
    .intHeroInner {
        padding-left: 248px
    }
    h1.landingHeading,
    h1.pageTitle {
        font-size: 50px
    }
    .heroContent em,
    a.cta,
    p.heroMessage {
        margin-left: 180px
    }
    .intHero a.cta {
        margin-top: 5vw
    }
    .planVisitBtn {
        font-size: 16px;
        padding: 12px 51px 10px 22px
    }
    .planVisitBtn span {
        float: left;
        line-height: 1.9
    }
    .pvp_title {
        padding: 9px 30px 7px
    }
    .pvp_title h5 {
        font-size: 19px
    }
    .headerHours {
        width: 195px;
        padding-top: 5px
    }
    .headg-toperHours span {
        font-size: 15px
    }
    .bx-controls-direction {
        right: 160px
    }
    .progressBar {
        right: 164px
    }
    .searchBarWrap button.searchBarButton,
    .searchBarWrap input.searchBar {
        font-size: 22px;
        padding: 10px 20px
    }
    .heroSliderOuter {
        margin-top: -116px
    }
    .interactiveMapOuter.show .interactiveMapWrap {
        top: 116px
    }
    .searchInner {
        margin: 60px auto 0;
        height: calc(100% - 116px)
    }
    .searchBarWrap .searchHeader {
        padding: 35px 15px 0;
        max-width: 800px
    }
    .searchBarWrap .searchClose {
        width: 30px
    }
    .intTemp ul.breadcrumbs {
        padding: 18px 283px;
        height: 18px;
    }
}

@media screen and (max-width:1260px) {
    .bx-controls-direction {
        bottom: 20%
    }
    .progressBar {
        bottom: 20.6%
    }
    button.searchBarButton,
    input.searchBar {
        font-size: 22px
    }
    .searchBarWrap button.searchBarButton {
        width: 220px
    }
    .exhibitSearchThumb img {
        min-width: 220px;
        max-width: 220px
    }
    .exhibitSearchThumb {
        min-width: 220px
    }
    h4.exhibitSearchTitle,
    h4.layoutFiveTitle,
    h4.layoutFourTitle,
    h4.layoutThreeTitle {
        font-size: 20px
    }
    .exhibitSearchCopy span {
        font-size: 16px
    }
    .exhibitSearchCopy p {
        font-size: 16px;
        margin: 10px 0 20px
    }
    .layoutTwoInner h4 {
        font-size: 20px;
        min-height: 65px
    }
    .closeSectionButton,
    .layoutTwoDate,
    .loadMoreButton {
        font-size: 16px
    }
    .slideUpWrap {
        padding: 50px 0 15px
    }
    .sectionHeader,
    .sectionHeaderCustom {
        font-size: 22px
    }
    .search .learnMore {
        font-size: 18px
    }
    .searchFilters .sectionHeaderCustom {
        font-size: 20px
    }
    .searchInner {
        padding: 40px 30px
    }
}

@media screen and (max-width:1240px) {
    span.fancy {
        font-size: 6.5vw
    }
    .eventBlock,
    .landingColumnBlock {
        width: 256px
    }
    a.blockCta {
        width: 202px
    }
    .eventImgWrap,
    .landingColumnBlock .blockImg {
        height: 209px
    }
    .landingThreeColumn,
    .landingTwoColumn {
        width: 830px;
        margin: 50px auto 0
    }
    .eventBlockMain h3 {
        font-size: 16px;
        line-height: 20px;
        height: 58px
    }
    .tagWrap {
        font-size: 16px
    }
    .eventBlockMain {
        padding: 0 10px 10px
    }
    .tagInner {
        padding: 7px 10px
    }
    span.eventDate {
        font-size: 20px
    }
    span.eventTime {
        font-size: 16px
    }
    .eventCalMain {
        width: 835px;
        margin: 0 auto
    }
    .blockImg span {
        font-size: 50px
    }
    .landingTwoColumn .landingColumnBlock {
        width: 400px
    }
    .landingTwoColumn .landingColumnBlock .blockImg {
        height: 327px
    }
    .landingTwoColumn .blockImg span {
        line-height: 327px
    }
    .filterButton {
        margin-right: 40px
    }
    .gridBlockHover p {
        font-size: 18px
    }
}

@media screen and (max-width:1200px) {
    .gridBlockBottomRightHover {
        padding: 15px 30px
    }
    .rightBottom p,
    span.hoverSubText {
        font-size: 16px
    }
    span.hoverSubText {
        font-size: 13px
    }
    .rightBottom p {
        margin: 1.5vw auto
    }
}

@media screen and (max-width:1210px) {
    .megaMenuLeft {
        padding: 20px;
        width: 30%
    }
    .megaMenuRight,
    .mmdLearn .megaMenuCenter {
        padding: 20px
    }
    .megaMenuDrop {
        width: 650px
    }
    nav.navGlobal ul.mainNav li:first-of-type a {
        padding-left: 20px
    }
    nav.navGlobal ul.mainNav li .megaMenuDrop a {
        padding: 0
    }
    nav.navGlobal ul li a {
        font-size: 22px
    }
    .logoGlobal {
        width: 206px;
        min-width: 206px
    }
    .mmr_Left {
        display: none
    }
    .mmr_Right {
        width: 100%
    }
    .megaMenuBottom {
        padding-left: 20px
    }
    nav.navGlobal ul.mainNav li a {
        padding: 40px 15px
    }
    .navGlobal ul.supportNav li a {
        font-size: 18px;
        padding-left: 5px
    }
    ul.supportNav {
        padding-right: 30px
    }
    ul.supportNav li:first-of-type a:after {
        margin-left: 10px
    }
    .searchButton {
        margin-left: 20px;
        padding: 8px 8px 5px;
        width: 38px;
        height: 39px
    }
    .header,
    .searchBarWrap,
    ul.mainNav li a {
        height: 104px
    }
    .heroContent {
        padding-left: 80px;
        padding-top: 19%
    }
    .heroContent em,
    a.cta,
    p.heroMessage {
        margin-left: 145px
    }
    a.cta {
        font-size: 1.5vw;
        padding: 15px 20px
    }
    .intHero a.cta {
        margin-top: 4vw
    }
    .interactiveMapOuter.show .interactiveMapWrap {
        top: 104px
    }
    .searchInner {
        margin: 50px auto 0;
        height: calc(100% - 104px)
    }
    .intHeroInner {
        padding-left: 30px
    }
    h2.sectionSpecial {
        font-size: 30px
    }
    h1.pageTitle {
        margin-top: 5px;
        max-width: 95%
    }
    .sectionRuleTitle h2,
    .sectionRuleTitle h4 {
        font-size: 30px;
        top: -20px
    }
    h1.landingHeading,
    h1.pageTitle {
        font-size: 34px
    }
    .intMain {
        padding-top: 30px
    }
    .intColumnWrap {
        margin-top: 60px
    }
    .eventCalOuter {
        margin-top: 40px
    }
    .entry span,
    .intMain p,
    .interiorWrap ol,
    .interiorWrap ul {
        font-size: 18px;
        margin: 0 0 15px
    }
    .blogContent p {
        margin: 0 0 30px
    }
    .blogContent img {
        margin: 0 auto 30px
    }
    .blogHeroImage {
        margin-bottom: 50px
    }
    p.emphasis {
        margin: 40px auto 0
    }
    .landingColumnBlock p {
        font-size: 14px;
        line-height: 24px
    }
    .intMain h3 {
        margin-bottom: 20px;
        font-size: 24px
    }
    .contentCopy h3,
    .contentSubHead {
        margin-bottom: 10px
    }
    a.intCta {
        font-size: 14px;
        padding: 15px 20px
    }
    .admissionRight h4 {
        font-size: 32px
    }
    .admissionBtn {
        font-size: 20px
    }
    .admissionRight span,
    .admissionRight ul li,
    .authorBio p {
        font-size: 16px
    }
    .admissionBtn span {
        padding-bottom: 3px
    }
    .intLeft {
        width: 55%
    }
    .intRight {
        width: 40%
    }
    section.blogGroup {
        padding: 20px 30px 0
    }
    .blogSideBarHeader .blogSideBarInner {
        padding: 30px 30px 20px
    }
    .authorBio p {
        line-height: 30px
    }
    .searchBarWrap .searchHeader {
        max-width: 700px;
        padding-top: 30px
    }
    .searchBarWrap button.searchBarButton,
    .searchBarWrap input.searchBar {
        font-size: 20px;
        padding: 10px 20px
    }
    .searchBarWrap button.searchBarButton {
        width: 150px
    }
    .searchBarWrap .searchClose {
        top: 40px
    }
    .contentCopy span.learnMore {
        margin-top: 10px;
        font-size: 18px
    }
    a.shopLearnMore {
        font-size: 18px
    }
}

@media screen and (max-width:1095px) {
    input.demographic.fieldInput {
        width: 400px;
    }
}

@media screen and (max-width:1070px) {
    .bx-controls-direction {
        bottom: 10%
    }
    .progressBar {
        bottom: 10.6%
    }
    .exhibitSearchThumb img {
        min-width: 180px;
        max-width: 180px
    }
    .exhibitSearchThumb {
        min-width: 180px
    }
    .exhibitsRowLeft,
    .exhibitsRowRight {
        width: 100%;
        float: left;
        margin-right: 0;
        clear: both;
        margin-bottom: 30px
    }
    .layoutFiveRow,
    .layoutFourRow,
    .layoutThreeRow,
    .layoutTwoRow {
        -webkit-flex-direction: column;
        flex-direction: column;
        margin: 0
    }
    .layoutFourLeft,
    .layoutFourRight,
    .layoutThreeLeft,
    .layoutThreeRight,
    .layoutTwoLeft,
    .layoutTwoRight {
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
        margin-bottom: 30px
    }
    .layoutFiveBlock {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
}

@media screen and (max-width:1024px) {
    .blogFilterWrap ul li,
    .filterButton {
        margin-right: 30px
    }
    .gridBlockBottomRight span,
    .gridBlockTopLeft span {
        font-size: 75px
    }
    #jrange input {
        font-size: 20px;
        min-width: 230px;
        margin-top: 10px
    }
    #jrange input::-webkit-input-placeholder {
        font-size: 20px
    }
    #jrange input::-moz-placeholder {
        font-size: 20px
    }
    #jrange input:-ms-input-placeholder {
        font-size: 20px
    }
    #jrange input:-moz-placeholder {
        font-size: 20px
    }
    span.day {
        font-size: 40px
    }
    .filterButton label {
        font-size: 15px
    }
    .filterButtonsOuter {
        margin-top: 5px
    }
    .rightBottom span span,
    .rightTop span span,
    .rowWrapBottom .left span span,
    span.bull {
        font-size: 25px
    }
    .rightBottom span,
    .rightTop span,
    .rowWrapBottom .left span {
        font-size: 15px
    }
    .rowWrapBottom .left span.hoverTitle,
    span.hoverTitle {
        font-size: 25px
    }
    .hpGrid .rowWrapTop .left {
        width: 60%
    }
    .rowWrapTop .right {
        width: 40%
    }
    .gridBlockTopRightHover span.hoverTitle,
    .rowWrapBottom .left span.hoverTitle,
    span.hoverDate {
        font-size: 15px
    }
    .gridBlockBottomRowRightHover span.hoverTitle {
        font-size: 25px
    }
    .gridBlockHover.gridBlockBottomRowRightHover p {
        font-size: 16px
    }
    .gridBlockHover p,
    .inDepthLabel {
        font-size: 20px
    }
    .inDepthLabel {
        padding: 10px 25px
    }
    .rightBottom p,
    span.hoverSubText {
        font-size: 16px
    }
    ul.blogPagination li {
        margin: 0
    }
    .blogFilterWrap ul li button {
        font-size: 20px
    }
    .blogFilterWrap select {
        font-size: 20px;
        padding-right: 25px
    }
    ul.blogPagination {
        margin-right: 50px
    }
}

@media screen and (max-width:1000px) {
    input.demographic.fieldInput {
        width: 325px;
    }
    table.dragndrop button {
        padding: 5px 20px;
    }
}

@media screen and (max-width:920px) {
    .searchBarWrap .searchHeader {
        max-width: 600px
    }
}

@media screen and (min-width:901px) {
    .headerInner.active .blueIcon,
    .logoGlobal.active .blueLogo,
    .mobileMenu {
        display: none
    }
    .headerInner.active .whiteIcon,
    .logoGlobal.active .whiteLogo {
        display: block
    }
    .headerInner.active {
        background: 0 0
    }
    .headerInner.active .searchButton {
        border: 1px solid #fff;
        color: #fff
    }
    .page-template-template-event-calendar .menuActive nav.navGlobal,
    .page-template-template-event-calendar nav.navGlobal,
    .page-template-template-interior .menuActive nav.navGlobal,
    .page-template-template-interior nav.navGlobal,
    .page-template-template-landing .menuActive nav.navGlobal,
    .page-template-template-landing nav.navGlobal {
        background: #29414f
    }
    .searchFilters .slideUpWrap,
    .sideBarSectionWrap {
        display: block !important
    }
    .searchFilters .sectionHeaderCustom {
        cursor: default
    }
}

@media screen and (max-width:1000px) {
    .interiorSponser img.sponsor_desktop {
        display: none
    }
    .interiorSponser img.sponsor_mobile,
    .mobileMenu {
        display: block
    }
    .shareWrap {
        margin-right: 15px
    }
    .shareWrap a {
        padding: 0 10px
    }
    button.triggerEventCategoryFilter {
        width: 109px;
        margin: 40px auto 0;
        float: none
    }
    .eventCalOuter {
        margin-top: 60px
    }
    .eventCalHeader {
        margin-bottom: 60px
    }
    .dateWrapper {
        float: none;
        width: 330px;
        margin: 0 auto;
        padding-bottom: 30px
    }
    .filterButtonsOuter {
        float: none;
        clear: both;
        width: 458px;
        margin: 40px auto 0
    }
    .searchBarWrap {
        height: 70px
    }
    span.blockTitle {
        margin-top: 20px
    }
    .gridBlockLink .innerBorder {
        border: none
    }
    .gridBlockBottomRowRightHover .innerBorder {
        padding: 15px
    }
    .header,
    ul.mainNav li a {
        height: auto
    }
    .outerWrap.menuActive {
        position: fixed;
        z-index: 20
    }
    ul.mainNav,
    ul.supportNav li:nth-child(1),
    ul.supportNav li:nth-child(2),
    ul.supportNav li:nth-child(3) {
        display: none
    }
    ul.supportNav li:nth-child(5) {
        display: block
    }
    ul.supportNav li {
        float: left
    }
    .logoGlobal {
        background: 0 0;
        padding: 13px 16px;
        width: 155px;
        min-width: 155px
    }
    .headerInner {
        background: #f39f0b;
        height: 70px
    }
    .searchButton {
        margin-top: 15px;
        border: none;
        font-size: 22px
    }
    .headerInner.active nav.navGlobal {
        background: #fff;
    }
    .mobileMenuButton:focus,
    .mobileMenuButton:hover,
    .searchButton:focus,
    .searchButton:hover {
        border: none;
        opacity: .8;
        outline: 0
    }
    .mobileMenuButton {
        margin-top: 20px;
        margin-left: 10px
    }
    .heroContent em,
    a.cta,
    span.fancy,
    p.heroMessage {
        margin-left: 0
    }
    .searchButton:focus,
    .searchButton:hover {
        color: #fff;
        outline: 0
    }
    .logoGlobal img {
        width: 120px
    }
    .bx-controls-direction,
    .getInTouch,
    .progressBar {
        display: none
    }
    .bx-viewport,
    .bx-wrapper li {
        height: 475px !important;
        padding-bottom: 0 !important
    }
    .intHero {
        height: 279px;
        padding-bottom: 0
    }
    span.fancy {
        font-size: 70px;
        padding-left: 0;
        margin-bottom: 50px
    }
    .heroContent {
        padding-top: 120px;
        padding-left: 15px;
        max-width: 95%
    }
    .heroContent em,
    p.heroMessage {
        font-size: 18px;
        line-height: 1.4;
        max-width: 80%;
    }
    a.cta {
        font-size: 15px;
        padding: 10px 15px;
        margin-top: 50px
    }
    .headerHours span,
    .planVisitBtn {
        font-size: 12px
    }
    ul.supportNav {
        padding-right: 15px
    }
    .headerHours {
        right: auto;
        left: 15px;
        top: 90px;
        width: auto
    }
    .planVisitBtn {
        padding: 10px 15px;
        margin-top: 5px
    }
    .planVisitBtn:after,
    a.learnMore:after {
        font-size: 15px
    }
    .heroSliderOuter {
        margin-top: 0
    }
    .rowWrap,
    .rowWrap.rowWrapBottom {
        display: block;
        width: 100%;
        float: left;
        clear: both;
        height: auto;
        max-height: none
    }
    .hpGrid .rowWrapTop .left,
    .rowWrapBottom .left,
    .rowWrapBottom .right,
    .rowWrapTop .right {
        width: 100%
    }
    .hpGrid .rowWrapTop .left,
    .hpGrid .rowWrapTop .rightBottom,
    .hpGrid .rowWrapTop .rightTop,
    .rowWrapBottom .left,
    .rowWrapBottom .right {
        height: 40vw
    }
    .rowWrapTop .right {
        display: block
    }
    .hpGrid .rowWrapTop .left,
    .hpGrid .rowWrapTop .rightTop,
    .rowWrapBottom .left {
        margin-bottom: 15px
    }
    .cpHeading,
    .rightContent h3 {
        font-size: 24px
    }
    .cpCopy {
        font-size: 18px;
        line-height: 28px;
        margin: 25px 0
    }
    .homePagePressWrap p {
        margin: 15px 0
    }
    a.innerCta {
        font-size: 15px;
        padding: 15px 30px
    }
    .gridBlockBottomRight span,
    .gridBlockTopLeft span {
        font-size: 10vw
    }
    .rightBottom span span,
    .rightTop span span,
    .rowWrapBottom .left span span {
        font-size: 5vw
    }
    .gridBlockTopRightHover span.hoverTitle,
    .rowWrapBottom .left span.hoverTitle,
    span.bull,
    span.hoverDate,
    span.hoverTitle {
        font-size: 25px
    }
    span.hoverDate {
        margin-top: 0;
        font-size: 14px
    }
    .gridBlockTopRightHover span.hoverTitle,
    .rightBottom span,
    .rightTop span,
    .rowWrapBottom .left span,
    .rowWrapBottom .left span.hoverTitle {
        font-size: 18px
    }
    .gridBlockHover p {
        font-size: 22px
    }
    .homePagePressWrap {
        margin: 30px 0;
        float: left;
        clear: both
    }
    .homePagePressWrap .hpm_Inner {
        margin-top: 0
    }
    .rightContent h3 {
        margin-bottom: 20px
    }
    .homePagePressWrap p,
    span.hpPressTitle {
        font-size: 16px;
        line-height: 22px
    }
    a.marketLink {
        font-size: 16px
    }
    .ihsMission {
        float: left;
        clear: both;
        margin-top: 30px;
        margin-bottom: 0
    }
    h4.missionLabel span {
        margin: 0 40px
    }
    h4.missionLabel {
        font-size: 24px
    }
    .missionInner p {
        font-size: 18px;
        line-height: 26px
    }
    .footerNavBanner {
        display: none
    }
    .newsletterWrap {
        display: block;
        text-align: center;
        margin-top: 10px
    }
    .footer {
        padding-bottom: 20px
    }
    span.newsletterHeadline {
        line-height: 2;
        float: none;
        margin-right: 0
    }
    form#newsletterSignUp {
        width: 80%;
        float: none;
        margin: 0 auto
    }
    #newsletterSignUp input,
    .newsletterField,
    table.dragndrop input {
        font-size: 16px;
        height: 35px
    }
    #newsletterSignUp button,
    button.newsletterBtn,
    table.dragndrop button {
        font-size: 16px;
        padding: 5px 20px
    }
    table.dragndrop button {
        height: 35px;
    }
    .wpforms-submit-container {
        width: auto;
        height: 35px
    }
    .newsletterHeadline {
        font-size: 41px
    }
    .footerRow {
        width: 100%;
        margin: 0 auto;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse
    }
    .footerAddress {
        margin-top: 20px
    }
    .footerRowLeft {
        float: none;
        margin: 30px 0;
        width: 100%
    }
    #newsletterSignUp .wpforms-container {
        margin-bottom: 0
    }
    .socialLinks {
        float: none;
        width: 290px;
        margin: 0 auto;
        overflow: hidden
    }
    .footerAddress a,
    .footerCopy {
        width: 100%;
        text-align: center
    }
    .nonprofit {
        float: none;
    }
    .hiddenSocial {
        clear: none
    }
    .visibleSocial {
        margin-bottom: 0
    }
    .hiddenCover,
    .moreSocial {
        display: none
    }
    .footerAddress a {
        margin-left: 0;
        display: block;
        float: none;
        clear: both
    }
    .footerCopy {
        margin-top: 0
    }
    .footerRowRight {
        float: none;
        width: 370px;
        margin: 0 auto
    }
    .intLeft,
    .intRight {
        width: 100%
    }
    .intColumnWrap.intTemp .intLeft {
        width: 100%;
        max-width: 100%;
    }
    .intColumnWrap.intTemp .intRight {
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
    }
    .intPad.intTemp {
        padding: 30px 20px 0;
    }
    .intHero a.cta,
    h1.pageTitle {
        margin-top: 40px
    }
    .footerAddress span {
        margin-right: 0;
        float: left;
        clear: both;
        text-align: center;
        width: 100%
    }
    .intHeroInner {
        padding-left: 15px
    }
    ul.breadcrumbs {
        display: none
    }
    h1.pageTitle {
        font-size: 36px
    }
    h1.landingHeading {
        font-size: 40px
    }
    .landingTwoColumnMain {
        margin-top: 40px;
        margin-bottom: 75px
    }
    span.landingSubheading {
        font-size: 24px;
        line-height: 29px
    }
    .intColumnWrap {
        display: block;
        margin-top: 30px;
        float: left;
        clear: both;
        overflow: hidden
    }
    .intPad .sectionRuleTitle {
        margin-bottom: 20px
    }
    .intPad {
        padding: 70px 15px 0
    }
    .contentBlock.imgRightOrientation .contentCopy {
        padding-left: 15px
    }
    h2.sectionSpecial {
        font-size: 28px
    }
    .sectionRuleTitle h2,
    .sectionRuleTitle h4,
    .staffDirectoryMainWrap .sectionRuleTitle h2,
    .staffDirectoryMainWrap .sectionRuleTitle h4 {
        font-size: 26px;
        top: -18px;
        padding: 0 20px
    }
    .intMain {
        padding-top: 20px
    }
    .intMain h3 {
        font-size: 21px
    }
    .searchHelpPanel h1 {
        font-size: 24px
    }
    .landingColumnBlock p {
        font-size: 14px;
        line-height: 24px
    }
    .intRight {
        clear: both;
        margin-top: 40px;
        float: left;
        display: -webkit-flex;
        display: flex
    }
    .intRightImg {
        float: left;
        width: 50%;
        width: 350px;
        min-width: 350px
    }
    .intRightBlock {
        float: left;
        margin-top: 0;
        clear: none
    }
    .intRightBlock02 {
        margin-top: 20px
    }
    .intRightColumnContent h4 {
        font-size: 20px
    }
    .intRightBlock a,
    .intRightBlock span {
        font-size: 16px;
        line-height: 26px
    }
    .intRightColumnContent {
        margin-left: 30px
    }
    a.intCta {
        margin-top: 30px
    }
    a.intCta.contentCta {
        margin-top: 10px;
        display: none;
    }
    .landingThreeColumn,
    .landingTwoColumn {
        width: 520px
    }
    .eventBlock {
        width: 100%
    }
    .eventBlockMain h3 {
        height: 80px;
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 30px
    }
    span.eventTime {
        font-size: 19px
    }
    span.eventDate {
        font-size: 24px
    }
    p.emphasis {
        margin: 40px auto 0
    }
    .eventCalMain {
        width: 520px
    }
    .eventImgWrap,
    .landingColumnBlock .blockImg,
    .landingTwoColumn .landingColumnBlock .blockImg {
        height: 423px
    }
    .admissionWrap,
    .landingColumnBlock p {
        height: auto
    }
    .landingColumnBlock,
    .landingTwoColumn .landingColumnBlock {
        width: 100%;
        margin-right: 0
    }
    .landingColumnBlock {
        margin-bottom: 40px
    }
    a.blockCta {
        display: none
    }
    .shopLandingInterior a.blockCta {
        display: block;
        clear: both;
        float: left;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px
    }
    .admissionLeft {
        display: none
    }
    .admissionPanel {
        display: block !important;
        float: none;
        clear: both;
        margin: 0 auto 40px;
        max-width: 435px;
        overflow: hidden
    }
    .ar_inner .admissionPanel:last-of-type,
    .sideBarType02 a:last-of-type {
        margin-bottom: 0
    }
    .ar_inner {
        padding: 0
    }
    .admissionRight {
        width: 100%;
        padding: 50px 15px
    }
    span.admissionSupportText {
        margin-top: 10px
    }
    .intRightColumnContent.sideBarType02 {
        margin-left: 0;
        width: 100%
    }
    .sideBarType02 .exhibitBlock {
        width: 100%;
        float: left;
        clear: both
    }
    .intRight {
        margin-bottom: 40px
    }
    .interiorWrap.contentInterior .intRight {
        margin-bottom: 0
    }
    span.blogGridTitle {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px
    }
    span.blogGridDescription {
        line-height: 18px;
        font-size: 14px
    }
    .exhibitBlockRight {
        padding-right: 10px
    }
    .blogFilterWrap {
        margin-top: 45px
    }
    .interactiveMapOuter.show .interactiveMapWrap {
        top: 70px
    }
    .searchInner {
        margin: 50px auto 0;
        height: calc(100% - 70px)
    }
    .blogContent,
    .interiorWrap .blogFilterWrap ul.blogPagination {
        margin-right: 0
    }
    .innerFilterLeft {
        display: block
    }
    .filterColumnGroup {
        display: block;
        width: 100%;
        float: left;
        clear: both
    }
    .searchFilters .sectionHeaderCustom,
    .searchFilters .slideUpWrap {
        margin-left: 0;
        padding-left: 0
    }
    .searchFilterBtnWrap {
        display: block;
        float: left;
        clear: both
    }
    .searchFilterBtnWrap label,
    .searchFilterBtnWrap span.label {
        padding-left: 0;
        float: left
    }
    .searchFilterBtnWrap .filterBtn {
        float: right;
        width: 20px;
        height: 20px
    }
    .searchFilterBtnWrap {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        margin: 0
    }
    .innerFilterLeft,
    .searchFilters {
        overflow: hidden;
        width: 100%;
        float: none
    }
    .searchInner {
        padding: 30px 15px
    }
    .searchFilterBtnWrap .filterDrop {
        width: 100%
    }
    .collectionCustom button,
    .collectionCustom label,
    .searchFilterBtnWrap .filterDropBtnSearch {
        display: none
    }
    .collectionCustom .filterDrop button,
    .collectionCustom .filterDrop label {
        display: block
    }
    .searchFilterBtnWrap.collectionCustom .dropButton {
        padding: 10px 0;
        border-bottom: 1px solid #ccc
    }
    .searchFilterBtnWrap.collectionCustom {
        padding: 0
    }
    .searchFilterBtnWrap.collectionCustom span.label {
        display: none
    }
    .searchFilterBtnWrap.collectionCustom .filterDrop {
        position: relative;
        display: block;
        background: 0 0;
        padding: 0
    }
    .searchFilterBtnWrap.collectionCustom label:after {
        content: "(Collections)";
        float: right;
        padding-left: 10px;
        font-family: Bliss-LightItalic;
        font-family: "Source Sans 3", san-serif;

        font-size: 12px;
        padding-top: 3px;
        color: #ccc
    }
    .innerFilterRight {
        width: 100%;
        margin: 0
    }
    .innerFilterRight button {
        width: 100%;
        box-sizing: border-box
    }
    button.searchBarButton,
    input.searchBar {
        font-size: 18px;
        padding: 10px 20px
    }
    button.searchBarButton {
        width: 200px
    }
    .blogInteriorWrap {
        flex-direction: column
    }
    .blogFilterWrap.newsPressBottomPag {
        width: 100%;
        margin-top: 0
    }
    .blogFilterWrap.newsPressBottomPag button.applyFilter.newsPressBottomNext {
        float: right
    }
    .blogContent {
        width: 100%
    }
    .blogSideBar {
        width: 100%;
        margin-top: 30px;
        padding-bottom: 0
    }
    .blogSideBar .loadMoreButton {
        margin-bottom: 45px
    }
    .blogSideBar a,
    .contentBlock {
        margin-bottom: 20px
    }
    .blogSideBarHeader {
        cursor: pointer
    }
    .blogSideBarHeader .blogSideBarInner,
    section.blogGroup {
        padding: 20px
    }
    .intMain {
        overflow: hidden;
        padding-bottom: 0
    }
    .intMain.blogDetail {
        padding-bottom: 50px
    }
    .blogSideBarHeader img {
        float: right;
        margin-top: 5px;
        display: block
    }
    .blogSideBarHeader.closed img {
        transform: rotate(180deg)
    }
    .sideBarSectionWrap.mobileSideBar {
        display: none
    }
    .blogSideBarTitle {
        font-size: 18px
    }
    .supportBlockInner span {
        font-size: 18px;
        margin-top: 10px
    }
    .supportBlockInner span:first-of-type {
        font-size: 26px;
        margin-top: 0
    }
    .supportBlockInner {
        padding: 40px 30px 30px
    }
    .blogDetail h1.pageTitle,
    .blogLandingMain h1.pageTitle {
        margin-top: 50px
    }
    .blogDetail h1.pageTitle {
        max-width: 100%
    }
    .searchSection.searchFilters .sectionHeaderCustom img {
        display: block;
        margin-top: 4px;
    }
    .searchBarWrap .searchClose {
        top: 28px;
        width: 20px;
        right: 15px
    }
    .searchBarWrap button.searchBarButton,
    .searchBarWrap input.searchBar {
        font-size: 18px;
        padding: 5px 15px
    }
    .searchBarWrap button.searchBarButton {
        width: 120px;
        font-size: 16px;
        margin-left: 10px
    }
    .searchBarWrap .searchHeader {
        max-width: 500px;
        padding-top: 18px
    }
    .contentBlock {
        margin-top: 50px
    }
    .contentBlock .intMain h3 {
        margin-bottom: 30px
    }
    .contentBlock.imgRightOrientation .contentImg,
    .contentSubHead {
        margin-top: 0
    }
    .statementSection {
        padding: 30px 15px;
        margin-top: 20px
    }
    .statementSection.nonQuote p {
        font-size: 24px
    }
    .contentInteriorTwo .exhibitBlockRight {
        margin-left: 0;
        width: 100%
    }
    .contentInteriorTwo .intRightBlock {
        margin-bottom: 30px;
        float: left;
        clear: both;
        width: 100%
    }
    .contentInteriorTwo .intRightColumnContent.sideBarType02 a.intCta {
        width: 100%;
        box-sizing: border-box;
        text-align: center
    }
    .sideBarBtnWrap {
        width: 100%
    }
    a.shopMoreCta {
        float: left
    }
    .botIntro {
        margin: 50px 0
    }
    .botTripleColumn {
        margin-bottom: 50px
    }
    table.dragndrop {
        width: 451px;
        margin: 0 auto;
    }
}

@media screen and (max-width:850px) {
    .contentImg {
        width: 100%
    }
    .contentBlock,
    .contentBlock.imgRightOrientation {
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .contentCopy {
        width: 100%;
        margin-top: 30px;
        padding: 0 15px
    }
    .contentBlock.imgRightOrientation .contentImg {
        margin-left: 0
    }
    .statementSection p,
    .statementSection span {
        font-size: 18px
    }
    .interiorWrap.contentInterior .intMain {
        padding-bottom: 30px
    }
}

@media screen and (max-width:768px) {
    .landingThreeColumn,
    .landingTwoColumn {
        width: 100%
    }
    .intRightImg {
        width: 300px;
        min-width: 300px
    }
    .landingTwoColumnMain {
        display: block
    }
    .ltcLeft {
        width: 100%;
        margin-right: 0
    }
    .ltcLeft img {
        width: auto;
        max-width: 100%;
        margin: 0 auto
    }
    .ltcRight {
        width: 100%;
        overflow: hidden;
        margin-top: 40px
    }
    h1.landingHeading,
    h1.pageTitle {
        font-size: 35px
    }
    .sectionRuleTitle h2,
    .sectionRuleTitle h4,
    .staffDirectoryMainWrap .sectionRuleTitle h2,
    .staffDirectoryMainWrap .sectionRuleTitle h4 {
        font-size: 24px
    }
    .blogFilterWrap {
        clear: both
    }
    .blogFilterWrap ul li {
        margin-right: 20px
    }
    ul.blogPagination li {
        margin: 0
    }
    .blogFilterWrap ul li button {
        font-size: 16px
    }
    .intPad {
        padding-top: 60px
    }
    .blogContent h4,
    .intLeft h4,
    .longCopyInterior h4 {
        font-size: 17px;
        line-height: 27px
    }
    .blogFilterWrap select {
        font-size: 16px;
        background-size: 10px 6px
    }
    .entry span,
    .intMain p,
    .interiorWrap ol,
    .interiorWrap ul,
    .searchHelpPanel p {
        margin: 10px 0;
        font-size: 16px;
        line-height: 27px
    }
    .intAccSlideUpWrap div {
        font-size: 16px;
        line-height: 27px
    }
    span.intAccLabel {
        font-size: 18px
    }
    .intAccBlock {
        padding-bottom: 10px
    }
    .intAccordion,
    .interiorVideoWrap {
        margin: 10px 0
    }
    .contentInteriorTwo p.emphasis {
        margin-top: 30px
    }
    .searchHelpPanel ul li {
        font-size: 16px;
        line-height: 27px
    }
    .searchHelpPanel h2 {
        font-size: 18px
    }
    .searchHelpClose {
        width: 20px
    }
    .searchHelpPanel ul {
        margin-bottom: 10px
    }
    .blogContent p {
        margin: 0 0 20px
    }
    .blogContent img {
        margin: 0 auto 20px
    }
    h2.blogPostDate {
        font-size: 50px
    }
    .intMain h3 {
        font-size: 19px
    }
    .staffDirectoryMainWrap .sectionRuleTitle {
        width: 100%;
        margin-bottom: 0;
        text-align: center;
        border-top: 1px solid #dfdfdf;
        margin-top: 10px
    }
    ul.tripleStack {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    a.interiorCta {
        font-size: 18px
    }
    .botMainWrap span {
        font-size: 16px
    }
    .botMainWrap ul li,
    .botMainWrap.intAccordion span.intAccLabel {
        list-style: none;
        font-family: Bliss-Bold;
        font-family: "Source Sans 3", san-serif;

        font-size: 16px;
        line-height: 28px
    }
}

@media screen and (max-width:700px) {
    .gridBlockBottomRowRightHover span.hoverTitle,
    .gridBlockTopRightHover span.hoverTitle,
    .rowWrapBottom .left span.hoverTitle,
    span.hoverDate {
        font-size: 22px
    }
    .inDepthLabel {
        padding: 8px 15px;
        font-size: 15px
    }
    .gridBlockHover.gridBlockBottomRowRightHover p {
        font-size: 14px
    }
    .gridBlockHover p {
        font-size: 16px
    }
    .gridBlockTopRightHover span.hoverTitle,
    .rowWrapBottom .left span.hoverTitle,
    span.hoverDate {
        font-size: 15px
    }
    .hpGrid .rowWrapTop .left,
    .hpGrid .rowWrapTop .rightBottom,
    .hpGrid .rowWrapTop .rightTop,
    .rowWrapBottom .left,
    .rowWrapBottom .right {
        height: 280px
    }
    .gridBlockHover.gridBlockBottomRowRightHover .hoverMore {
        margin-top: 30px
    }
    .sideBarType02 .exhibitBlock {
        width: 100%;
        clear: both
    }
    .interactiveMapOuter,
    .interactiveMapOuter.show,
    a.interactiveMapButton {
        display: none
    }
    a.pdfMapButton {
        display: block
    }
}

@media screen and (max-width:650px) {
    span.fancy {
        font-size: 50px;
        margin-bottom: 30px
    }
    .heroContent em,
    p.heroMessage {
        font-size: 16px
    }
    a.cta {
        font-size: 12px;
        margin-top: 40px
    }
    #newsletterSignUp button,
    .footerAddress,
    button.newsletterBtn,
    table.dragndrop button {
        font-size: 14px
    }
    table.dragndrop button {
        height: 30px;
    }
    .leftThumb {
        width: 150px;
        min-width: 150px
    }
    form#newsletterSignUp {
        width: 100%
    }
    #newsletterSignUp input,
    .newsletterField,
    table.dragndrop input {
        font-size: 14px;
        height: 30px
    }
    .wpforms-submit-container {
        height: 30px
    }
    .footerAddress {
        margin-top: 15px;
        line-height: 18px
    }
    .footerRowRight {
        width: 300px
    }
    .socialLinks a img {
        width: 80%
    }
    .footerCopy {
        font-size: 10px
    }
    .staffRow {
        flex-direction: column;
        margin-bottom: 0
    }
    .intAccSlideUpWrap div.staffEntry {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .staffDirectoryMainWrap .intAccBlock {
        margin-bottom: 0
    }
    .staffSectionLabel {
        font-size: 18px
    }
    .staffRule {
        margin-bottom: 20px
    }
}

@media screen and (max-width:600px) {
    a.intCta.contentCta {
        margin-top: 15px;
        display: block;
    }
    .intRightImg {
        width: 220px;
        min-width: 220px
    }
    .interiorWrap ol,
    .interiorWrap ul {
        padding-left: 20px
    }
    .eventImgWrap {
        height: 245px
    }
    .eventCalMain {
        width: 300px
    }
    .eventBlockMain h3 {
        height: 58px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px
    }
    span.eventDate {
        font-size: 20px
    }
    span.eventTime {
        font-size: 16px
    }
    .eventBlock {
        margin-bottom: 50px;
        margin-right: 0;
        box-sizing: border-box
    }
    .landingColumnBlock .blockImg,
    .landingTwoColumn .landingColumnBlock .blockImg {
        height: 244px
    }
    .landingColumnBlock {
        width: 100%;
        margin-right: 0
    }
    h2.sectionSpecial {
        font-size: 24px
    }
    .sectionRuleTitle h2,
    .sectionRuleTitle h4 {
        font-size: 22px
    }
    .staffDirectoryMainWrap .sectionRuleTitle h2,
    .staffDirectoryMainWrap .sectionRuleTitle h4 {
        font-size: 20px
    }
    h1.pageTitle {
        font-size: 30px
    }
    .intMain h3 {
        font-size: 16px
    }
    .eventCalendarInteriorWrap h2.sectionSpecial span {
        min-width: 205px
    }
    .datePickerHeader {
        font-size: 20px
    }
    #jrange input {
        font-size: 16px;
        margin-top: 5px;
        min-width: 190px
    }
    span.day {
        font-size: 35px
    }
    span.month {
        font-size: 17px
    }
    button.searchBarButton,
    input.searchBar {
        font-size: 18px;
        padding: 5px 15px
    }
    button.searchBarButton {
        width: 150px;
        margin-left: 10px
    }
    .searchFilters .sectionHeaderCustom {
        font-size: 16px
    }
    .sectionHeader {
        font-size: 18px;
        padding-left: 15px
    }
    .sectionHeader img,
    .sectionHeaderCustom img {
        margin-top: 4px
    }
    h4.exhibitSearchTitle,
    h4.layoutFiveTitle,
    h4.layoutFourTitle,
    h4.layoutThreeTitle {
        font-size: 16px
    }
    .exhibitSearchCopy p,
    .exhibitSearchCopy span {
        font-size: 14px
    }
    .layoutTwoInner h4 {
        font-size: 16px;
        min-height: 65px;
        line-height: 20px
    }
    .closeSectionButton,
    .layoutTwoDate,
    .loadMoreButton {
        font-size: 15px
    }
    .search .learnMore {
        font-size: 16px
    }
    .layoutTwoInner {
        padding: 18px 20px
    }
    .slideUpWrap {
        padding: 30px 0 15px
    }
    .loadMoreButtonWrap .loadMoreButton {
        min-width: 135px;
        margin: 0 20px
    }
    h2.blogPostDate {
        font-size: 40px;
        left: 30px;
        top: 30px
    }
    .supportBlockInner span:first-of-type {
        font-size: 22px;
        margin-top: 0
    }
    .supportBlockInner span {
        font-size: 16px;
        margin-top: 6px
    }
    .supportBlockInner {
        padding: 30px 10px
    }
    .supportBlock {
        margin-top: 30px
    }
    .blogControls span {
        font-size: 14px
    }
    .controlRight {
        max-width: 200px
    }
    .supportBlockInner a {
        background-size: 15px;
        padding-right: 25px
    }
    .searchSection.searchFilters {
        margin-top: 0
    }
    .searchSection.searchFilters .sectionHeaderCustom img {
        width: 15px;
        margin-left: 15px
    }
    .searchBarWrap .searchHeader {
        max-width: 400px
    }
    .interiorWrap .interiorForm label,
    .interiorWrap .interiorForm span {
        width: 100% !important;
        float: left;
        clear: both
    }
    .interiorWrap .interiorForm input,
    .interiorWrap .interiorForm select,
    .interiorWrap .interiorForm textarea {
        width: 100% !important;
        float: left;
        clear: both;
        max-width: none !important
    }
    .BBFieldBillingStateZip input,
    .BBFieldBillingStateZip select,
    .BBFieldExpiration input,
    .BBFieldExpiration select {
        margin-bottom: 10px !important
    }
    .interiorWrap .interiorForm input[type=submit] {
        margin-left: 0 !important
    }
    .interiorWrap .interiorForm input[type=checkbox] {
        width: auto !important
    }
    .interiorWrap .interiorForm span.BBTinyAmount {
        width: auto !important;
        clear: none !important;
        float: none !important
    }
    .interiorWrap .interiorForm .BBFormSummaryTotal span {
        font-size: 22px !important
    }
    .interiorWrap .interiorForm span.BBFormRadioAmount,
    .interiorWrap .interiorForm span.BBFormRadioDescription,
    .interiorWrap .interiorForm span.BBFormRadioDescriptionOther {
        font-size: 18px
    }
    .BBFormRadioButtonContainer label {
        padding: 10px !important
    }
    .BBWrapMembershipLinks.BBAlignleft {
        float: left;
        padding-left: 0 !important
    }
    div#bboxmembership_membershipBlock_divJoinNow {
        float: left;
        margin-right: 10px;
        clear: both;
        font-size: 12px
    }
    .BBWrapMembershipTitle {
        width: 100% !important;
        max-width: none;
        display: block !important
    }
    .BBWrapMembershipDetails {
        width: 100%
    }
    .BBWrapMembershipLinks.BBAlignleft div {
        float: left;
        clear: none
    }
    .BBWrapMembershipOption {
        padding-bottom: 20px
    }
    .BBMembershipOptionWrapper {
        margin-bottom: 0 !important
    }
    span.formTitle {
        font-size: 18px
    }
}

@media screen and (max-width:550px) {
    .pvpColumnBlockBGHover span,
    .pvp_title h5 {
        font-size: 20px
    }
    .pvp_inner {
        padding: 15px 20px
    }
    .pvpInnerBottom .pvp_columnLeft {
        width: 100%;
        margin-right: 0
    }
    .pvpInnerBottom .pvp_columnRight {
        width: 100%;
        margin-top: 40px
    }
    .pvp_columnLeft .pvpColumnBlockBG,
    .pvp_columnRight .pvpColumnBlockBG {
        height: 101px
    }
    .pvpColumnBlockBGHover span:after,
    .pvpColumnBlockBGHover span:before {
        height: 15px
    }
    .outerWrap.panelActive {
        position: fixed
    }
    .planVisitPanel {
        position: fixed;
        height: 100%;
        overflow: auto
    }
    .pvp_close,
    .pvp_close:after,
    .pvp_close:before {
        height: 20px
    }
    .pvp_column {
        width: 100%
    }
    .pvpSectionIcon img {
        max-width: 100%;
        margin-right: 0
    }
    .pvpSectionIcon {
        float: left;
        width: 25px;
        margin-right: 10px
    }
    .pvp_title {
        padding: 10px 20px 11px
    }
    .pvp_close {
        width: 20px;
        margin-top: 8px
    }
    .pvpAdmission {
        margin-top: 25px
    }
    span.pvpColumnTitle {
        text-align: left
    }
    .pvpColumnBlockBGHover {
        background: rgba(0, 0, 0, .45);
        opacity: 1
    }
    .pressWrapInner {
        display: block
    }
    .leftThumb {
        width: 204px;
        margin: 0 auto 40px;
        min-width: 0
    }
    .intRightImg,
    a.innerCta,
    a.intCta,
    a.marketLink {
        width: 100%
    }
    .homePagePressWrap .hpm_Inner {
        margin-top: 0
    }
    .hpm_Inner {
        padding: 0 15px
    }
    .footerOuter.panelActive {
        display: none
    }
    .intRight {
        display: block;
        border-top: 1px solid #dfdfdf;
        padding-top: 30px
    }
    .intRightImg img {
        display: none
    }
    a.intCta {
        text-align: center;
        box-sizing: border-box
    }
    .intRightColumnContent {
        margin-left: 0;
        float: none;
        clear: both;
        width: 100%;
        overflow: hidden
    }
    .intRightBlock {
        float: left;
        margin-top: 20px;
        clear: both
    }
}

@media screen and (max-width:510px) {
    .filterButtonsOuter {
        width: auto;
        margin-top: 20px
    }
    .filterButton.eventsFilter {
        padding-right: 0
    }
    .filterButton.eventsFilter button,
    .filterButton.eventsFilter label,
    .filterDropBtn,
    .filterDropBtnSearch {
        display: none
    }
    .filterButton.eventsFilter .filterDrop button,
    .filterButton.eventsFilter .filterDrop label,
    .filterDrop {
        display: block !important
    }
    .filterButton {
        float: left;
        clear: both;
        width: 100%
    }
    .filterDrop {
        position: relative;
        background: 0 0;
        padding: 0;
        top: 0
    }
    .dropButton .filterBtn,
    .filterBtn {
        float: right
    }
    .filterButton .dropButton label {
        margin-left: 0;
        margin-top: 5px
    }
    .filterButton label {
        margin-top: 5px;
        padding-top: 0
    }
    .ui-datepicker-buttonpane.ui-widget-content,
    .ui-datepicker-title {
        margin-top: 10px
    }
    .dropButton,
    .filterButton {
        padding: 10px 0;
        border-bottom: 1px solid #ccc
    }
    .filterButton.eventsFilter {
        border-bottom: 1px solid #ccc;
        padding: 0
    }
    .filterBtn {
        width: 22px;
        height: 22px
    }
    .filterBtn span {
        width: 14px;
        height: 14px
    }
    .filterButton.eventsFilter label:after {
        content: "(Events and Programs)";
        float: right;
        padding-left: 10px;
        font-family: Bliss-LightItalic;
        font-family: "Source Sans 3", san-serif;

        font-size: 12px;
        padding-top: 3px;
        color: #ccc
    }
    span.ui-icon.ui-icon-circle-triangle-e,
    span.ui-icon.ui-icon-circle-triangle-w {
        font-size: 15px
    }
    select.ui-datepicker-month,
    select.ui-datepicker-year {
        font-size: 16px
    }
    table.ui-datepicker-calendar td,
    th {
        font-size: 13px
    }
    button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
    button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
        font-size: 12px
    }
    .hasDatepicker {
        left: -30px !important
    }
    .authorPhoto {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        margin-right: 20px
    }
}

@media screen and (max-width:500px) {
    input.demographic.fieldInput {
        width: 255px;
    }
    table.dragndrop {
        width: 372px;
    }
}

@media screen and (max-width:495px) {
    .blogFilterWrap select,
    .blogFilterWrap ul li button {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #ccc
    }
    .blogFilterWrap ul,
    .blogGrid {
        overflow: hidden
    }
    .blogFilterWrap {
        float: left;
        width: 100%;
        margin-top: 20px
    }
    .blogFilterWrap ul li {
        float: left;
        clear: both;
        width: 100%
    }
    .blogFilterWrap ul li button {
        text-align: left
    }
    .blogFilterWrap select {
        font-size: 16px;
        background-size: auto;
        background-position: 99% 50%
    }
    ul.blogPagination {
        text-align: center;
        clear: both;
        margin: 0;
        float: none
    }
    ul.blogPagination li {
        display: inline;
        float: none
    }
    button.applyFilter {
        width: 109px;
        margin: 0 auto 30px;
        float: none
    }
    .blogGrid {
        height: auto !important
    }
    .blogGrid a.grid-item {
        display: block;
        float: left;
        clear: both;
        width: 100%;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 30px
    }
    .loadMoreButton {
        clear: both
    }
    h2.blogPostDate {
        font-size: 30px
    }
    .searchBarWrap .searchHeader {
        max-width: 350px;
        float: left
    }
    .searchBarWrap button.searchBarButton,
    .searchBarWrap input.searchBar {
        font-size: 16px;
        padding: 5px 10px
    }
    .searchBarWrap button.searchBarButton {
        width: 100px;
        font-size: 14px
    }
}

@media screen and (max-width:480px) {
    .heroContent {
        padding-top: 90px
    }
    .gridBlockBottomRowRightHover span.hoverTitle,
    .gridBlockTopRightHover span.hoverTitle,
    .rowWrapBottom .left span.hoverTitle,
    span.hoverDate,
    span.hoverTitle {
        font-size: 16px
    }
    .gridBlockHover.gridBlockBottomRowRightHover p,
    .gridBlockTopRightHover span.hoverTitle,
    .inDepthLabel,
    .rowWrapBottom .left span.hoverTitle,
    span.hoverDate {
        font-size: 12px
    }
    .rightBottom span,
    .rightTop span,
    .rowWrapBottom .left span {
        font-size: 15px
    }
    .gridBlockTopLeftHover p {
        margin: 22px auto
    }
    .rightBottom p {
        margin: 12px auto
    }
    .statementSection,
    div.hoverMore span,
    span.hoverMore {
        margin-top: 20px
    }
    .exhibitSearchThumb img {
        min-width: 120px;
        max-width: 120px
    }
    .exhibitSearchThumb {
        min-width: 120px
    }
    .searchHelpPanel h1 {
        font-size: 20px
    }
    .searchHelpPanel h2 {
        font-size: 17px
    }
    .searchHelpInner {
        border: none;
        width: 100%;
        box-shadow: none
    }
    .searchHelpPanel {
        left: 0;
        width: 100%
    }
}

@media screen and (max-width:448px) {
    .botSingleColumn,
    .botTripleColumn {
        margin-bottom: 30px
    }
    .blogContent img {
        max-width: 100%
    }
    ul.tripleStack {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .botSingleColumn {
        padding-bottom: 30px
    }
    .sectionRuleTitle h2,
    .sectionRuleTitle h4 {
        padding: 0 10px
    }
}

@media screen and (max-width:420px) {
    input.demographic.fieldInput {
        width: 200px;
    }
    table.dragndrop {
        width: 317px;
    }
}

@media screen and (max-width:400px) {
    .pvpColumnBlockBGHover span {
        font-size: 17px;
        padding: 0 20px 0 10px
    }
    .exhibitBlockLeft {
        min-width: 120px;
        max-width: 120px;
        min-height: 93px;
        max-height: 93px
    }
    button.searchBarButton,
    input.searchBar {
        font-size: 16px;
        padding: 5px 10px
    }
    button.searchBarButton {
        width: 100px
    }
    .authorPhoto,
    .blogContent img {
        max-width: 100%;
        width: auto
    }
    .authorPhoto {
        min-width: 0;
        margin-right: 0
    }
    .authorWrap {
        -webkit-flex-direction: column;
        flex-direction: column
    }
    h1.pageTitle {
        font-size: 24px
    }
}

@media screen and (max-width:380px) {
    .footerAddress {
        font-size: 12px;
        margin-top: 5px
    }
    .footerRowRight {
        width: 260px
    }
    .footerRowLeft {
        margin: 20px 0
    }
    .socialLinks a {
        margin-right: 15px
    }
    .socialLinks {
        width: 230px
    }
    .footerCopy a {
        margin-left: 10px
    }
    .newsletterWrap {
        margin-top: 0
    }
    .blogControls span {
        font-size: 11px
    }
    .controlRight {
        max-width: 120px
    }
    .supportBlockInner span {
        font-size: 12px;
        margin-top: 5px
    }
    .supportBlockInner span:first-of-type {
        font-size: 18px;
        margin-top: 0
    }
    .blogControls {
        padding: 20px 0;
        margin-top: 30px
    }
    .searchBarWrap .searchHeader {
        max-width: 270px
    }
}

@media screen and (max-width:365px) {
    input.demographic.fieldInput {
        width: 180px;
    }
    table.dragndrop {
        width: 277px;
    }
    table.dragndrop button {
        padding: 5px 10px
    }
}

@media screen and (max-width:350px) {
    .eventCalMain {
        width: 298px
    }
}

@media screen and (max-width:336px) {
    .eventCalMain,
    .landingThreeColumn,
    .landingTwoColumn {
        width: 290px
    }
}

@media screen and (max-width:320px) {
    .hasDatepicker {
        left: -45px !important
    }
}

.layoutFourCopy p:nth-last-of-type(1),
.layoutFourCopy p:nth-last-of-type(3) {
    display: none
}

.sa-icon.sa-warning.pulseWarning {
    display: none !important;
}

.megaMenuLeft a {
    white-space: nowrap;
}


/*************************

***** DONATION MODAL *****

**************************/

.adModal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: auto;
}

.modalWrap {
    position: absolute;
    z-index: 55;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    max-width: 840px;
}

.modalImg {
    width: 100%;
}

.modalImg img {
    width: 100%;
    height: auto;
    display: block;
}

.adModal h3 {
    font-size: 35px;
    font-family: Bliss-Medium;
    font-family: "Source Sans 3", san-serif;

    line-height: 1.3;
    color: #fff;
}

a.modalCta {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    letter-spacing: 3px;
    font-size: 20px;
    background: #002b49;
    padding: 30px 20px;
    border: 2px solid #fff;
    text-align: center;
    white-space: nowrap;
    transition: all .2s ease-out;
}

a.modalCta:hover {
    background: #fff;
    color: #002b49;
}

.modalFlex {
    display: -webkit-flex;
    display: flex;
    margin-top: 20px;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.modalCopy {
    background: #7a99ac;
    padding: 25px 30px;
}

.modalCopy p {
    color: #002b49;
    font-size: 20px;
    line-height: 1.5;
    margin: 0 30px 0 0;
}

.adModalClose {
    float: right;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.adModalClose:after,
.adModalClose:before {
    position: absolute;
    right: 50%;
    width: 4px;
    height: 35px;
    background: #ffffff;
    transition: background .2s ease-out;
    content: '';
    top: 0;
}

.adModalClose:hover:after,
.adModalClose:hover:before {
    background: #c1c1c1;
}

.adModalClose:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: none;
    border-radius: 0;
}

.adModalClose:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: none;
    border-radius: 0;
}

@media screen and (max-width:980px) {
    .modalWrap {
        max-width: 600px;
    }
}

@media screen and (max-width:700px) {
    .modalWrap {
        max-width: 80%;
    }
    .modalFlex {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    a.modalCta {
        margin: 30px auto 0;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 15px;
        font-size: 18px;
    }
    .modalCopy {
        text-align: center;
    }
    .adModal h3 {
        font-size: 28px;
    }
    .modalCopy p {
        font-size: 18px;
        margin: 0;
    }
}

@media screen and (max-width:500px) {
    .adModal h3 {
        font-size: 25px;
        line-height: 1.2;
    }
    .modalCopy p {
        font-size: 16px;
    }
    a.modalCta {
        margin: 20px auto 0;
        padding: 16px 12px;
        font-size: 16px;
    }
    .modalCopy {
        padding: 20px 25px;
    }
    .adModalClose {
        transform: scale(.7);
    }
}

@media screen and (max-width:400px) {
    .adModal h3 {
        font-size: 22px;
    }
    .modalCopy p,
    a.modalCta {
        font-size: 14px;
    }
    .modalCopy {
        padding: 15px;
    }
}


/*************************

***** DONATION MODAL *****

**************************/


/*************************

***** WP Captions *****

**************************/

.wp-caption {
    clear: both;
    margin-bottom: 40px;
}

.wp-caption img {
    margin: 0;
}

p.wp-caption-text {
    font-family: 'Bliss-Italic';
    font-family: "Source Sans 3", san-serif;
    font-size: 15px;
    padding-top: 5px;
    line-height: 1.4;
}

@media screen and (max-width:1140px) {
    .wp-caption {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:768px) {
    .wp-caption {
        margin-bottom: 20px;
    }
    p.wp-caption-text {
        font-size: 14px;
    }
}


/*************************

*** Collections Indexes **

**************************/

.indexAccordion .intAccSlideUpWrap .entry {
    display: block;
    width: 90%;
    float: left;
    clear: none;
}

.indexAccordion span.collectionTitle {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
}

.indexAccordion span.collectionNumber {
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-family: Bliss-Light;
    font-family: "Source Sans 3", san-serif;

    margin: 0;
}


/*.indexAccordion .intAccHeader{

	border-bottom: none;

}*/

#indexWrap {
    display: flex;
    flex-direction: row;
}

.entryFlexRow {
    display: -webkit-flex;
    display: flex;
    width: 50%;
    padding-left: 5px;
    flex-direction: column;
}

.entryFlexRow div.entry:first-of-type {
    margin-right: 45px;
}

.alphaFlex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0 40px 0;
    clear: both;
}

.alphaFlex a {
      font-family: Archer-Bold;
    font-family: "Source Serif 4", serif;;
    font-family: "Source Serif 4", serif;
    font-size: 24px;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
}

.alphaFlex a:hover,
.alphaFlex a.active {
    color: #f39f0b;
}

.alphaFlex a.active {
    text-decoration: underline;
    cursor: default;
}

.mobileIndexChooser {
    display: none;
}

.intAccHeader.indexAccHeader {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    cursor: default;
}

ul.indexPagination {
    width: 40%;
    text-align: right;
    margin: 0;
    float: right;
}

ul.indexPagination li {
    list-style: none;
    display: inline;
}

.indexPagination a {
    cursor: pointer;
    padding: 0 10px;
    font-family: Bliss-Bold;
    font-family: "Source Sans 3", san-serif;

    font-size: 16px;
    line-height: 1.1;
    color: #373748;
    text-decoration: none;
}

.indexPagination li.nextSet a {
    font-family: OratorStd;
    font-weight: 700;
}

.indexAccHeader span.intAccLabel {
    width: 60%;
}

.indexPagination a.active,
.indexPagination a:hover {
    text-decoration: underline;
}

.entryFlexRow:last-of-type {
    margin-bottom: 40px;
}

@media screen and (max-width: 1140px) {
    .indexAccordion span.collectionTitle,
    .indexAccordion span.collectionNumber {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1000px) {
    .alphaFlex a {
        font-size: 18px;
        padding: 0 5px;
    }
}

@media screen and (max-width: 768px) {
    .mobileIndexChooser {
        display: block;
        width: 80%;
        font-size: 18px;
        margin: 10px 0;
        float: left;
        padding: 10px 5px;
    }
    .alphaFlex {
        display: none;
    }
    .indexPagination a {
        font-size: 14px;
        padding: 0 7px;
    }
}

@media screen and (max-width: 600px) {
    .indexAccordion .intAccSlideUpWrap .entry {
        width: 100%;
    }
    .entryFlexRow {
        display: block;
    }
    .intAccHeader.disabledAcc.indexAccHeader {
        display: block;
    }
    .indexAccHeader span.intAccLabel {
        width: 100%;
    }
    ul.indexPagination {
        float: right;
        margin-top: 30px;
        width: 100%;
    }
    .mobileIndexChooser {
        width: 100%;
    }
    .intAccSlideUpWrap {
        display: flex;
        flex-direction: column;
    }
    .indexAccordion .intAccSlideUpWrap .entry {
        display: block;
        width: 100%;
        float: left;
        clear: none;
    }
    .entryFlexRow {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        padding-left: 5px;
        flex-direction: column;
    }
}

.postid-114370 .alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.page-id-106098 .blockImg span {
    font-size:50px;
}



.entry-content iframe,
.wp-block-embed__wrapper iframe,
iframe[src*="youtube.com"] {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  display: block;
}