/* - OCMA Theme 2.00 - Designed and Developed by: Logan Sprout Dolence l-s-d.co - Component colors OCMA Blue: #6490D9 OCMA Tan: #F2EBD1 OCMA Text Grey: #666 OCMA Highlight Grey: B0B0B0 (or #999) OMCA Blue Highlight: #447CD8 - */ /* - Font Embeds - */ @font-face { font-family: OCMA Kent; src: url(fonts/KentBeta-Regular.woff) format("woff"); font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: OCMA Kent; src: url(fonts/KentBeta-RegularItalic.woff) format("woff"); font-weight: 400; font-style: italic; text-rendering: optimizeLegibility; } @font-face { font-family: OCMA Kent; src: url(fonts/KentBeta-Bold.woff) format("woff"); font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: OCMA Kent Stencil; src: url(fonts/KentBeta-StencilDisplay.woff) format("woff"); font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: OCMA Theinhardt; src: url(fonts/Theinhardt-Regular.woff) format("woff"); font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: OCMA Theinhardt; src: url(fonts/Theinhardt-Italic.woff) format("woff"); font-weight: 400; font-style: italic; text-rendering: optimizeLegibility; } @font-face { font-family: OCMA Theinhardt; src: url(fonts/Theinhardt-Medium.woff) format("woff"); font-weight: 500; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: OCMA Theinhardt; src: url(fonts/Theinhardt-MediumItalic.woff) format("woff"); font-weight: 500; font-style: italic; text-rendering: optimizeLegibility; } /*-------------------------------------------------------------- # OCMA 2.0 --------------------------------------------------------------*/ /* - OCMA Theme 2.00 - Designed and Developed by: Logan Sprout Dolence l-s-d.co - Component colors OCMA Blue: #6490D9 OCMA Tan: #F2EBD1 OCMA Text Grey: #666 OCMA Highlight Grey: B0B0B0 (or #999) OMCA Blue Highlight: #447CD8 - */ /* - CSS Reset - */ html{color:#666;background:#fff;scroll-behavior: smooth;} body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, figure {margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}span {text-decoration: none;} body {font-family:'OCMA Theinhardt';font-weight:normal;font-style:normal;margin:0;padding:0;font-size: 14px; line-height: 1.35em;font-feature-settings: 'pnum' on, 'lnum' on; color: #666;} * {box-sizing: border-box;} strong {font-weight: bold;} em {font-style: italic; font-weight: inherit;} img {width: 100%; height: auto;} .clear {clear: both;} a {color: inherit;} a:visited {color: inherit;} /* - - - - - - - - - - - - - - - - - - - - - - Headers - - - - - - - - - - - - - - - - - - - - - - */ header {width:100%;} body #site-header-wrapper {height:auto; position: -webkit-sticky;position: sticky; top:-1px; background: #6490D9; z-index: 99; } body.fixed-position #site-header-wrapper {overflow-y: scroll;height:100vh; } /* site header */ header#site-header {background: #6490D9; color: #fff; height: calc(2.25rem + 2.5rem);padding:1.125rem;transition: 0.25s;} .is-pinned header#site-header {height: calc(2.25rem + 1.75rem);} .is-pinned header#site-header.menu-open {height: 100%;} header#site-header.menu-open {height: auto; position: static;} header#site-header #menu-controller {display: flex; justify-content: space-between; align-items: center;} header#site-header #menu-controller > div {text-align: center;} header#site-header #menu-controller div span {display: none;} header#site-header .burger-wrapper {cursor: pointer; } header#site-header #menyAvPaa {display: none;} header#site-header #burger {position: static; cursor: pointer; width: 2.75rem; height: 2.5rem; display: flex; justify-content: space-between;flex-direction: column;margin:-0.5rem; padding:0.5rem; z-index: 75} header#site-header #burger > div {height: 0;background-color: #fff;transition: 0.25s;z-index: 999;padding-top:1.25pt; margin-top: -1.25pt;} header#site-header #menyAvPaa:checked ~ #burger > div {background-color: #fff;} header#site-header #menyAvPaa:checked ~ #burger > div:nth-child(1) {transform: translateY(0.75rem) rotate(45deg);} header#site-header #menyAvPaa:checked ~ #burger > div:nth-child(2) {opacity: 0;} header#site-header #menyAvPaa:checked ~ #burger > div:nth-child(3) {transform: translateY(-0.75rem) rotate(-45deg);} header#site-header #logo {height: 2.5rem; transition: 0.25s; z-index: 75;} header#site-header #logo svg {height: 100%; width: auto;} .is-pinned header#site-header #logo {height: 1.75rem;} header#site-header #search {width: 1.75rem; height: 1.5rem;margin-bottom: 0.125rem; cursor: pointer; z-index: 75; text-align: right;} header#site-header #search svg {stroke-width: 3; stroke: #fff; width: auto; height: 100%;float: right;} .menu-controller-group {display: flex; gap: 1.5rem; min-width: 33%;} #group-right {justify-content: flex-end;} .menu-controller-item#membership {} .menu-controller-item#membership a {text-decoration: none; color: #fff; padding:0.25rem 0.75rem 0.35rem; border: 1.25pt solid #fff; font-size: 0.9rem; line-height: 1em; font-weight: 500; font-family: 'OCMA Theinhardt'; border-radius: 2rem; letter-spacing: -0.025em; display: block;} .menu-controller-item#membership a:hover {color: #6490D9; background: #fff;} .menu-controller-item#tickets a {text-decoration: none; background: #fff; color: #6490D9; padding:0.25rem 0.75rem 0.35rem; border: 1.25pt solid #fff; font-size: 0.9rem; line-height: 1em; font-weight: 500; font-family: 'OCMA Theinhardt'; border-radius: 2rem; letter-spacing: -0.025em; display: block;} .menu-controller-item#tickets a:hover {color: #fff; background: #6490D9;} /* site search */ header#site-search {border-top: 1.25pt solid #999; margin-top: -1.25pt; background: #fff; display: none; height: 0; transition: 0.5s; padding:0; padding:1rem 1.125rem 1.125rem; font-family:'OCMA Theinhardt'; } header#site-search form {display: flex;} header#site-search form input {outline: none; border: none; background: none;width: 100%; font-size: 1.5rem; line-height: 1em; font-weight: 500; border-radius: 0; padding:0;} header#site-search form input::placeholder {color: #999; font-weight: 500;} header#site-search form button {max-width: 100px; cursor: pointer; outline: none; border: none; background: none; font-size: 1.5rem; line-height: 1em; font-weight: 500; -webkit-appearance: none; font-style: normal; font-family: inherit; color:#000; padding:0;} header#site-search.search-open {display: block; height: auto; } /* site alert */ header#site-alert {display: flex;justify-content: space-between; color: #666; align-items: center; padding:1.125rem; background: #fff;} header#site-alert h1, header#site-alert h2 {font-size: 1.15rem; line-height: 110%;} header#site-alert h2 {font-size: 1.05rem; line-height: 110%; font-weight: 500; font-family: 'OCMA Theinhardt';} header#site-alert a {color:#666; text-decoration: underline;} header#site-alert a:hover {color: #447CD8; text-decoration: none;} header#site-alert #alert-message {padding-right: 1rem;} header#site-alert #alert-controls {font-size: 1.5rem; line-height: 100%; cursor: pointer; padding:0.25rem; margin:-0.25rem; } header#site-alert #alert-controls span {display: none;} header#site-alert.hidden-alert {display: none;} /* nav */ nav#primary-menu { position: relative; display: none; padding: 1.125rem 0 0; z-index: 74; background: #6490D9;width: 100%; height: 100%;} #site-header-wrapper.menu-open nav#primary-menu {display: block;} nav#primary-menu ul {padding:2.25rem 0; text-align: center; border-bottom: 1.25pt solid #fff; border-top: 1.25pt solid #fff; } nav#primary-menu ul li {padding-bottom: 1.5rem;} nav#primary-menu ul li:last-child {padding-bottom: 0;} nav#primary-menu ul li a {text-decoration: none; font-family: 'OCMA Kent'; font-size: 2.5rem; line-height: 100%; display: inline-block; padding:0.125rem; color: #fff;} nav#primary-menu footer {} /* footer */ .footer-container {background: #6490D9; width: 100%; text-align:left; } footer.site-footer {background: #6490D9; width: 100%; color: #fff; padding: 1.75rem 1.125rem 4rem; max-width: 1440px;box-sizing: border-box; margin: 0 auto; font-family: 'OCMA Kent'; text-align:left;} #site-header-wrapper footer.site-footer {padding: 1.75rem 0 4rem;} footer.site-footer > div {padding-bottom: 2em;} footer.site-footer #address-footer, footer.site-footer #admission-footer {border-bottom: 1.125pt solid #fff; margin-bottom: 2em;} footer.site-footer #admission-footer {border-top: 1.125pt solid #fff; padding-top: 2em; width: 100%;} footer.site-footer #admission-footer h4 {font-family: 'OCMA Theinhardt'; font-weight: 500;} footer.site-footer #copyright-footer {display: flex; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 80%; line-height: 1.125em;justify-content: space-between; width: 100%; gap: 1em;} footer.site-footer #copyright-footer div {display: flex; gap: 1rem;} footer.site-footer #navigation-footer {display: flex; justify-content: space-between;} footer.site-footer #navigation-footer #navigation-links {display: flex; flex-wrap: wrap; width: 75%; gap: 1.5em 0;} footer.site-footer #navigation-footer #navigation-links a {display: block;padding: 0.125em 0;} footer.site-footer #navigation-footer #navigation-links div {width: 25%; } footer.site-footer #navigation-footer #social-links { width: 25%; min-width: 18em; padding-left: 2em; border-left: 1.125pt solid #fff; margin-left: 2em;border-top:none;padding-top: 0; margin-top: 0;} footer.site-footer #navigation-footer #social-links div#social-links-container {display: flex; gap: 0 1em;flex-wrap: wrap; padding-top: 0.125em;} footer.site-footer h4 {font-family: 'OCMA Theinhardt'; font-weight: 500;} footer.site-footer #address-footer h4 { font-family: 'OCMA Kent'; font-weight: 400; } footer.site-footer a {text-decoration: none; color: #fff;} footer.site-footer a:hover {text-decoration: underline; color: #fff;} #mc_embed_signup {padding-bottom: 1rem; width: 100%; padding-top: 0.5rem;} #mc_embed_signup .mailchimp-flex {display: flex; padding-top:0.25rem; justify-content: space-between; gap:0;} #mc_embed_signup input {background: none; border:1.125pt solid #fff; padding:0.65rem 0.5rem 0.5rem 0.5rem; outline: none; color:#fff; width: auto; display: block; width: 100%; border-radius:0; width: 100%; border-radius: 3em;} #mc_embed_signup input#mce-EMAIL, #mc_embed_signup .mc-field-group {width: 100%;} #mc_embed_signup input::placeholder {color: #fff; opacity: 75%;} #mc_embed_signup input[type=submit] {width: auto; border-left: none;} #mc_embed_signup #mc-embedded-subscribe {border-bottom-left-radius: 0;border-top-left-radius: 0;} #mc_embed_signup #mce-EMAIL {border-bottom-right-radius: 0;border-top-right-radius: 0;} /* MediaQueries - responsive */ @media only screen and (max-width: 650px) { header#site-header #logo {height: 1.75rem;} header#site-header {height: calc(2.25rem + 1.75rem);} .is-pinned header#site-header {height: calc(2.25rem + 1.75rem);} header#site-header footer.site-footer {padding-bottom: 8rem;} footer.site-footer #navigation-footer #navigation-links {width: 100%;} footer.site-footer #copyright-footer {flex-wrap: wrap;} footer.site-footer #copyright-footer > p {order: 2;} footer.site-footer #copyright-footer p, footer.site-footer #copyright-footer div {width: 100%;} footer.site-footer #copyright-footer div {order: 1;} footer.site-footer {} footer.site-footer > div {padding-bottom: 2em;} footer.site-footer #address-footer, footer.site-footer #admission-footer {border-bottom: 1.25pt solid #fff; margin-bottom: 2em;} footer.site-footer #admission-footer {border-top: 1.25pt solid #fff; padding-top: 2em; width: 100%;} footer.site-footer #admission-footer h4 {font-family: 'OCMA Theinhardt'; font-weight: 500;} footer.site-footer #copyright-footer {display: flex; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 80%; line-height: 1.125em;justify-content: space-between; width: 100%; gap: 1em;} footer.site-footer #copyright-footer div {display: flex; gap: 1rem;} footer.site-footer #navigation-footer {display: block; justify-content: space-between;} footer.site-footer #navigation-footer #navigation-links {display: flex; flex-wrap: wrap; width: 75%; gap: 1.5rem 0.5rem;} footer.site-footer #navigation-footer #navigation-links a {display: block;padding: 0.25em 0;} footer.site-footer #navigation-footer #navigation-links div {width: calc(50% - 0.25rem); } footer.site-footer #navigation-footer #social-links { width: 100%; padding-left: 0; border-left: none; border-top: 1.25pt solid #fff; margin-left: 0; padding-top: 2em; margin-top: 2em;} footer.site-footer #navigation-footer #social-links div#social-links-container {display: block; gap: 0 1em;flex-wrap: wrap; padding-top: 0.5em;} footer.site-footer #navigation-footer #social-links div a {display: block;padding: 0.25em 0;} footer.site-footer h4 {font-family: 'OCMA Theinhardt'; font-weight: 500;} footer.site-footer #address-footer h4 { font-family: 'OCMA Kent'; font-weight: 400; } footer.site-footer a {text-decoration: none; color: #fff;} footer.site-footer a:hover {text-decoration: underline; color: #fff;} #mc_embed_signup .mailchimp-flex {} #mc_embed_signup .mailchimp-flex input {text-align: center;} header#site-alert h1 {font-size: 1rem; line-height: 110%;} header#site-alert h2 {font-size: 0.95rem; line-height: 110%;} nav#primary-menu ul li a {font-size: 1.75rem; line-height: 100%;} .menu-controller-item#membership, .menu-controller-item#tickets {display: none;} .menu-controller-group {min-width: 0;} } .fixed-position {overflow: hidden;} a#smallticketbutton {display: block; text-align: center; text-decoration: none; background: #fff; color: #6490D9; padding:0.25rem 0.75rem 0.35rem; border: 1.25pt solid #6490D9; font-size: 0.9rem; line-height: 1em; font-weight: 500; font-family: 'OCMA Theinhardt'; border-radius: 2rem; letter-spacing: -0.025em;} a#smallticketbutton:hover {background: #6490D9; color: #fff;} /* - - - - - - - - - - - - - - - - - - - - - - Pages - - - - - - - - - - - - - - - - - - - - - - */ /* homepage */ .ocmahomepage {} .ocmahomepage #homepage-hero {} .ocmahomepage #homepage-hero a {color: #6490D9;} .ocmahomepage #homepage-hero h1 span {font-family: 'OCMA Kent'; font-weight: 400;} .ocmahomepage .exhibitions h1, .ocmahomepage h1.calendarheading, .ocmahomepage h1.artartistheading {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 28px; line-height: 1.125em; padding-bottom: 1.25rem;} .ocmahomepage #homepage-hero h1 span {font-family: 'OCMA Theinhardt'; font-weight: 500; line-height: 0.9em;} .ocmahomepage h1.calendarheading {padding-bottom: 0;} .ocmahomepage h1.artartistheading {padding-top: 1.5rem; padding-bottom: 1rem;} .ocmahomepage .artartistsdescriptor {font-family: 'OCMA Kent'; font-weight: 400; font-size: 36px; line-height: 1.125em; padding-bottom: 1.25rem;} .ocmahomepage .exhibitions .mobile-flex {display: flex;} .ocmahomepage .exhibitions article h2, .ocmahomepage .exhibitions article h4 {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 17px !important; line-height: 1.125em !important; padding:0 !important;} .ocmahomepage .exhibitions article h2 {font-style: italic; color: #666 !important;} .ocmahomepage .exhibitions article h4 {color:#B0B0B0 !important;} .ocmahomepage main .exhibitions .mobile-flex article {width: calc(50% - 0.75rem);} .ocmahomepage main .exhibitions .mobile-flex article:last-child {} .ocmahomepage main .exhibitions .mobile-flex article {width: calc(33.3% - 1rem);} .ocmahomepage main .exhibitions .mobile-flex article:nth-child(1), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(2), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(3) {width: calc(50% - 0.75rem);} @media only screen and (max-width: 900px) { .ocmahomepage main .exhibitions .mobile-flex article {width: calc(50% - 0.75rem);} } /* .ocmahomepage main .exhibitions .mobile-flex article:first-child {width: 100%;} .ocmahomepage main .exhibitions .mobile-flex article:nth-child(3), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(4), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(5) {width: calc(33.3% - 1rem);} .ocmahomepage main .exhibitions .mobile-flex article:nth-child(5), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(6), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(7) {width: calc(33.3% - 1rem);} .ocmahomepage main .exhibitions .mobile-flex article:nth-child(3), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(4), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(5) {width: calc(33.3% - 1rem);}*/ /* .ocmahomepage main .exhibitions .mobile-flex article:nth-child(5), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(6), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(7) {width: calc(33.3% - 1rem);}*/ .ocmahomepage main .exhibitions .mobile-flex#upcomingExhibitions article, .ocmahomepage main .exhibitions .mobile-flex#upcomingExhibitions article:first-child {width: calc(50% - 0.75rem);} main a.homepagebutton {width: 100%; display: block; text-align: center; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 24px; line-height: 1em; padding: 0.7em 0.8em 0.8em; border: 1.25pt solid #6490d9; color: #6490d9; text-decoration: none; margin-bottom: 2rem; margin-top:1.5rem; transition: 0.25s; border-radius: 3em;} main .exhibitions a.homepagebutton {margin-top:1.5rem;} main .calendar a.homepagebutton {margin-top:0;} main a.homepagebutton span {display: inline-block; position: static; padding-left: 0.5rem; height: 0.75em;} main a.homepagebutton span svg {stroke: #6490d9; height: 100%; width: auto;transition: 0.25s; } main a.homepagebutton:hover {background: #6490d9; color: #fff;} main a.homepagebutton:hover span svg {stroke: #FFF;} .ocmahomepage main #upcoming article h2.calendareventtitle, .specialevents-wrapper h2 {padding:0.125rem 0 0; font-family: 'OCMA theinhardt'; font-weight: 500; font-size:0.9rem; line-height: 1.125em;} .specialevents-wrapper h2 {padding:0;} .ocmahomepage .calendar-wrapper h4, .ocmahomepage .specialevents-wrapper h4 {color:#B0B0B0 !important;} #main .calendar-wrapper, #main .specialevents-wrapper {display: flex; flex-wrap: wrap; gap: 1.25rem; padding-top: 1rem;} #main .calendar .calendar-wrapper a {width: calc(25% - 0.9375rem);} #main .specialevents-wrapper a {width: calc(50% - 0.625rem); text-decoration: none;} #main .specialevents-wrapper {padding-bottom: 1.75rem;} #main .specialevents-wrapper a:hover h2 {color: #000;} #main .specialevents-wrapper h4 {font-family: 'OCMA Theinhardt'; font-weight: 500;} @media only screen and (max-width: 650px) { #main .specialevents-wrapper {padding-bottom: 1.5rem;} } /* Exhibition page */ .exhibitions-page h1 {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 30px; line-height: 1.125em; width: 100%; padding-bottom: 1.5rem;} h1.exhibitionsUpcomingheading, .exhibitions-page h1.exhibitionsPastheading { padding-top:1.5rem; margin-top:1.5rem; border-top: solid 1.125pt #B0B0B0;} .exhibitions-page h2, .exhibitions-page h4 {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 18px !important; line-height: 1.125em !important; padding:0 !important;} .exhibitions-page h2 {font-style: italic; color: #666 !important;} .exhibitions-page h4 {color:#B0B0B0 !important;} section.exhibitionsUpcoming a, section.exhibitionsCurrent a {width: calc(50% - 0.75rem);} section.exhibitionsUpcoming a:first-child, section.exhibitionsCurrent a:first-child {} section.exhibitionsPast a {width: calc(25% - 1.125rem);} /* Exhibition individual page */ .exhibitionthumbnail {width: 100%;} .exhibitionthumbnail img {display: block;} .exhibitiontitleanddate {width: 100%; padding-top:1.5rem; padding-bottom: 1.5rem;} .exhibitiontitleanddate h2, .exhibitiontitleanddate h4 {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 28px; line-height: 1.125em; padding:0;} .exhibitiontitleanddate h2 {font-style: italic; color: #666;} .exhibitiontitleanddate h4 {color:#B0B0B0;} .exhibitioninformation {width: 66.6%; padding-right: 0.75rem; float: left;} .exhibitioninformation > div {font-size: 18px; line-height: 1.3em;} .exhibitionrelated {width: 33.3%; padding-left: 0.75rem; float: right;} #exhibition-individual.clear {padding-bottom: 1.75rem; margin-bottom:1.75rem; border-bottom: 1.25pt solid #B0B0B0; width: 100%;} /* Calendar */ #datepicker {width: 250px; min-width: 250px; background: #fff; padding: .125rem; text-align: center; box-sizing: border-box; border: 1.25pt solid #B0B0B0; font-family: 'OCMA theinhardt'; font-weight: 500 !important; font-size: 90%; line-height: 1em; color: #999999; height: auto; position: sticky; top: 6rem; z-index: 70;} #datepicker .ui-datepicker-header:after {clear: both;} #datepicker a { text-decoration: none; } #datepicker table {margin:0;} #datepicker table th {font-weight: 500 !important; text-align: center;} #datepicker table thead tr {border-bottom: 1.25pt solid #B0B0B0;} #datepicker table tr {height: 2.5rem;} #datepicker .ui-datepicker-prev {float: left; width: 25%; text-align: left ; padding-left: 5px; cursor: pointer; color: #6490D9;} #datepicker .ui-datepicker-next {float: right; width: 25%; text-align: right; padding-right: 5px; cursor: pointer; color: #6490D9;} #datepicker .ui-datepicker-title {float: left; width: 50%;} #datepicker table td {padding:0.125rem;} #datepicker table td a {width: 100%; height: 2rem; display: block; display: flex;justify-content: center;align-content: center;flex-direction: column; cursor: default;} #datepicker table td a:hover {color: inherit;} #datepicker table .linked a {border: 1.25pt solid #6490D9; color: #6490D9; cursor: pointer;} #datepicker table .linked a:hover {background: #6490D9; color: #fff;} #datepicker table .ui-datepicker-today a {border-radius: 100%; background:#666; color: #fff;} #datepicker table .ui-datepicker-today a:hover {color: #fff;} #datepicker table .ui-datepicker-today.linked a {border: 1.25pt solid #6490D9; color: #fff;border-radius: 100%; background:#6490D9;} #datepicker table .ui-datepicker-today.linked a:hover {border: 1.25pt solid #6490D9; color: #fff;border-radius: 100%; background:#000;} #newcalendarwrapper {display: flex; flex-wrap: nowrap; gap: 0 2rem; align-items: flex-start;offset-anchor: 6rem;} #newcalendarwrapper #newcalendarcontent {display: flex; flex-wrap: wrap; gap: 2rem 0; width: 100%;} #newcalendarwrapper #newcalendarcontent h1 {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 30px; line-height: 1.125em; width: 100%; margin-top:-0.25em;} #newcalendarwrapper .month {width: 100%;display: flex; flex-wrap: wrap; gap: 1.5rem; border-bottom: 1.125pt solid #b0b0b0; padding-bottom: 2rem;} #newcalendarwrapper .today.month {border-bottom:none; padding-bottom: 0;} #newcalendarwrapper .past.month {border-bottom:none; padding-bottom: 0;} #newcalendarwrapper .month:last-child {border-bottom: none;} #newcalendarwrapper .month > h2 {width: 100%; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 20px; line-height: 1.125em; width: 100%; margin-top:-0.25em;} #newcalendarwrapper .month .event {width: calc(33.3% - 1rem);scroll-margin-top: 8rem;} #newcalendarwrapper .month.today .event {width: calc(50% - 0.75rem);} #newcalendarwrapper .month.past .event {width: calc(25% - 1.125rem);} #newcalendarwrapper .month .event a {text-decoration: none; } #newcalendarwrapper .month .event a h3 {font-family: 'OCMA theinhardt'; font-weight: 500;font-size: 15px; line-height: 1.125em; width: 100%; color: #666; padding-top: 0.5rem;} #newcalendarwrapper .month .event a h4 {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 15px; line-height: 1.125em; width: 100%; color: #b0b0b0;} #newcalendarwrapper .month .event a h5 {font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 13px; line-height: 1.125em; width: 100%; color: #b0b0b0; padding-bottom: 0.25rem;} #newcalendarwrapper .month .event a img {display: block;} #newcalendarwrapper .month .event a:hover h3 {color: #111;transition: 0.25s;} #newcalendarwrapper .month .event a:hover h4, #newcalendarwrapper .month .event a:hover h5 {color: #888;transition: 0.25s;} .exhibitionsonview {width: 100%; display: flex; flex-wrap: wrap; gap:1.5rem; border-bottom: 1.125pt solid #b0b0b0; padding-bottom: 1.5rem;} .exhibitionsonview h2.exhibitionsonviewheading {width: 100%; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 20px; line-height: 1.125em;} .exhibitionsonview article {width: calc(33% - 1rem);} .exhibitionsonview article a {text-decoration: none;} .exhibitionsonview article a h2, .exhibitionsonview article a h4 {font-family: 'OCMA Theinhardt'; font-weight: 500;} .exhibitionsonview article a h2 {color: #666; font-size: 15px; line-height: 1.125em;} .exhibitionsonview article a h4 {color: #b0b0b0; font-size: 15px; line-height: 1.125em;} #newcalendarwrapper h1.pasteventsheading {} #newclandarsinglecontent {width: 100%;} #newclandarsinglecontent > h1, #newclandarsinglecontent > h2 {font-family: 'OCMA Theinhardt'; font-weight: 500;} #newclandarsinglecontent > h1 {font-size: 26px; line-height: 1.25em; margin-top: -0.25em; color: #666;} #newclandarsinglecontent > h2 {font-size: 18px; line-height: 1.25em; margin-top: -0.25em; color: #b0b0b0; padding-top:0.5rem;} #newcalendarwrapper figure {padding-top: 1rem;padding-bottom: 1.5em;} #newcalendarwrapper figure img {display: block;} #newcalendarwrapper figcaption {padding-top:0.25rem; font-family: 'OCMA Theinhardt'; font-weight: 500;} #newcalendarwrapper .eventdescription, #newcalendarwrapper .entry-content {font-size: 18px; line-height: 1.3em;} #newcalendarwrapper .eventdescription p + p {padding-top: 1em;} #newcalendarwrapper .entry-content {padding-top: 1em;} #newcalendarwrapper .eventdescription div + p {padding-top: 1.5rem;} #newcalendarwrapper .eventdescription a:hover {color:#6490d9; text-decoration: none;} #newcalendarwrapper .eventdescription a.wp-block-button__link:hover {color:#fff;} #newclandarsinglecontent .exhibitionsonview {border-bottom: none; border-top: 1.125pt solid #b0b0b0; padding-top: 1.5rem; margin-top: 9rem;} @media only screen and (max-width: 975px) { section.exhibitionsUpcoming a, section.exhibitionsCurrent a {width: calc(50% - 0.75rem);} section.exhibitionsUpcoming a:first-child, section.exhibitionsCurrent a:first-child {} section.exhibitionsPast a {width: calc(33% - 1rem);} #newcalendarwrapper .month .event {width: calc(50% - 0.75rem);} } @media only screen and (max-width: 800px) { #datepicker {display: none;} #newcalendarwrapper .month.today .event {width: 100%;} } @media only screen and (max-width: 650px) { .ocmahomepage .exhibitions h1, .ocmahomepage h1.calendarheading, .ocmahomepage h1.artartistheading, .ocmahomepage .artartistsdescriptor, .exhibitions-page h1 {font-size: 22px; line-height: 1.125em;} .ocmahomepage #homepage-hero h1 span {line-height: 0.9em;} .ocmahomepage main a.homepagebutton {font-size: 20px; line-height: 1em; margin-top: 1rem;} .ocmahomepage main .calendar a.homepagebutton {margin-top: 0;} #main .calendar .calendar-wrapper a {width: calc(50% - 0.625rem);} .ocmahomepage .exhibitions .mobile-flex {flex-direction: column;} .ocmahomepage main .exhibitions .mobile-flex article, .ocmahomepage main .exhibitions .mobile-flex#upcomingExhibitions article, .ocmahomepage main .exhibitions .mobile-flex#upcomingExhibitions article:first-child, .ocmahomepage main .exhibitions .mobile-flex article:nth-child(1), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(2), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(3), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(4), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(5), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(6), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(7), .ocmahomepage main .exhibitions .mobile-flex article:nth-child(8) {width: 100%;} section.exhibitionsUpcoming a, section.exhibitionsCurrent a {width: 100%;} section.exhibitionsPast a {width: calc(50% - 0.75rem);} .exhibitiontitleanddate h2, .exhibitiontitleanddate h4 {font-size: 20px; line-height: 1.125em;} .exhibitioninformation, .exhibitionrelated {width: 100%; padding-right: 0; padding-left: 0; float: none;} .exhibitioninformation > div {font-size: 16px; line-height: 1.3em;} .ocmahomepage main .exhibitions a.homepagebutton {margin-top:0;} .ocmahomepage h1.exhibitionsUpcomingheading, .ocmahomepage .exhibitions-page h1.exhibitionsPastheading {margin-top:0;} #newcalendarwrapper #newcalendarcontent h1 {font-size: 22px; line-height: 1.125em; margin-top:0;} #newcalendarwrapper .month h2 {font-size: 18px; line-height: 1.125em; margin-top:-0.125em;} #newcalendarwrapper .month .event {width: 100%;} #newcalendarwrapper .month.past .event {width: calc(50% - 0.75rem);} #newcalendarwrapper .month .event a h3 {font-size: 18px; line-height: 1.125em;} #newcalendarwrapper .month .event a h4 {font-size: 15px; line-height: 1.125em;} .exhibitionsonview article {width: calc(50% - 0.75rem);} #newcalendarwrapper .eventdescription, #newcalendarwrapper .entry-content {font-size: 16px; line-height: 1.3em;} } .page-id-14 .entry-content .wp-block-column p + p {padding-top:0.5em;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - CSS Reset - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html{color:#666;background:#6490D9} body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, figure {margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}span {text-decoration: none;} body {font-family:'OCMA Kent';font-weight:normal;font-style:normal;margin:0;padding:0;font-size: 14px; line-height: 1.35em;font-feature-settings: 'pnum' on, 'lnum' on; color: #666;} * {box-sizing: border-box;} strong {font-weight: bold;} em {font-style: italic; font-weight: inherit;} img {width: 100%; height: auto;} .clear {clear: both;} a {color: inherit;} a:visited {color: inherit;} /* - Main - */ header.site-header {background: #F2EBD1; padding: 2em 2em 1.5em; display: flex; align-items: baseline; flex-direction: row; flex-wrap: nowrap; width: 100%; justify-content: space-between; position: static; top: 0;} header.site-header a, header.site-header a:visited {color: #6490D9; text-decoration: none;} header.site-header a:hover {color: #447CD8;} header.site-header #logo h1 {font-family: OCMA Kent Stencil; font-size: 4em; line-height: .75em; display: none;} header.site-header #logo a {display: block;} header.site-header nav ul {display: flex;} header.site-header nav ul li {padding-left: 2em;} header.site-header nav ul li a {font-size: 1.25em; line-height: 1em;} header.site-header nav ul li a:hover { border-bottom: 1.25pt solid #447CD8;} header.site-header nav ul li a#search span {display: none;} header.site-header nav ul li a#search svg {height: 1rem; width: auto; stroke-width: 1.5; stroke: #6490D9;} header.site-header nav ul li a#search:hover svg {stroke: #447CD8;} header.alert-header {color: #fff; background: #6490D9; position: static; bottom: 0; left: 0; right: 0; padding: 1em 2em 0.75em; display: flex; justify-content: space-between; align-items: baseline; display: none; z-index: 9999999;} header.alert-header h3 {font-size: 1rem; line-height: 1.25em; display: inline-block;} header.alert-header h4 {font-size: 0.8rem; line-height: 1em;font-family: "OCMA Theinhardt"; font-weight: 500; display: inline-block;} header.alert-header #open-closed {} header.alert-header #weather {display: none;} header.alert-header #open-closed h4 {padding-left: 1rem;} header.mobile-alerts-header {color: #fff; background: #6490D9; position: static; bottom: 0; left: 0; right: 0; padding: 1em 2em 0.75em; display: flex; justify-content: space-between; align-items: baseline; display: block; clear: both; } /* header after scrolling down */ header.site-header #logo {position: relative; bottom: -0.13rem;} header.site-header #logo svg {height: 3em; width: auto; opacity: 1; display: block; transition: opacity 0.1s;} /* scaled down size header.site-header #logo svg {height: 1.1em;} */ header.site-header #logo span {display: block; font-family: 'OCMA Kent Stencil'; font-size: 1.3em; line-height: 1em; position: absolute; bottom: -0.16rem; width: 275px; opacity: 0; transition: opacity 0.1s;} #main {min-height: 200vh; background: #fff; width: 100%;} .box1 {height: 400px; width: 80%; margin-left: 20%; background: purple; padding-bottom: 3rem;} .box2 {height: 400px; width: 50%; background: yellow; padding-bottom: 3rem;} .box3 {height: 400px; width: 40%; margin-left: 50%; background: red; padding-bottom: 3rem;} .box4 {height: 400px; width: 70%; background: greenyellow; padding-bottom: 3rem;} .box5 {height: 400px; width: 80%; margin-left: 20%; background: blue; padding-bottom: 3rem;} .box6 {height: 400px; width: 100%; background: black; padding-bottom: 3rem;} main {min-height: 80vh; background: #fff; width: 100%; padding: 1.5rem; max-width: 1440px; margin: 0 auto;} main #homepage-hero {margin: -1.5rem -1.5rem 0;} main #homepage-hero {text-decoration: none; display: inline-block; width: 100%; color: #666;} main #homepage-hero img {width: 100%; height: auto;} main #homepage-hero h1 {font-size: 30px; line-height: 1.125em; padding: 1.5rem 1.5rem 0; max-width: calc(1400px + 3rem); margin: 0 auto; box-sizing: border-box; color: inherit;} main #homepage-hero h4 { font-family: 'OCMA theinhardt'; font-weight: 500;padding: .25rem 1.5rem 0; max-width: calc(1400px + 3rem); margin: 0 auto; color: inherit;} #homepage-hero h1 a {color: #666;} #homepage-hero h1 a:hover {color: #447CD8; text-decoration: none;} main #upcoming {padding: 1.5rem 0 0; border-top: 1.25pt solid #b0b0b0; border-bottom: 1.25pt solid #b0b0b0; max-width: 1400px; margin: 0 auto;} main #upcoming:nth-child(1) {/* border-top: 1.25pt solid #b0b0b0; margin-top: 1.5rem; */ padding-top: 0;} main #upcoming.art-artists {border-bottom: none;} main #upcoming article {padding-bottom: 1.5rem;} main #upcoming article a {text-decoration: none;} main #upcoming article h2 {font-size: 22px; line-height: 1.125em; padding: 0.5rem 0 0.25rem;color: #666} main #upcoming article a:hover h2, main #upcoming article a:hover h4 {color: #333} main #upcoming article h4 {font-family: 'OCMA theinhardt'; font-weight: 500;color: #666} main #upcoming article h5 {font-family: 'OCMA theinhardt'; font-weight: 500; font-size: 90%; line-height: 1.125em; color: #B0B0B0; padding-bottom: 0.5rem;} main #upcoming a.button {width: 100%; padding: 0.85rem 0.5rem 0.5rem; box-sizing: border-box; display: block; border: 1.25pt solid #6490d9; color: #6490d9; font-size: 20px; line-height: 1.125em; text-decoration: none; margin-bottom: 2rem; position: relative; border-radius: 3em;} main #upcoming a.button span {display: block; position: absolute; right: 0.75rem; top: 28%} main #upcoming a.button span svg {stroke: #6490d9;} main #upcoming a.button:hover {background: #6490d9; color: #fff;} main #upcoming a.button:hover span svg {stroke: #FFF;} #main #art-artists-homepage a.button {width: 100%; padding: 0.85rem 0.5rem 0.5rem; box-sizing: border-box; display: block; border: 1.25pt solid #6490d9; color: #6490d9; font-size: 20px; line-height: 1.125em; text-decoration: none; margin-bottom: 2rem; position: relative; margin-top: 1.5rem; border-radius: 3em;} #main #art-artists-homepage a.button span {display: block; position: absolute; right: 0.75rem; top: 28%} #main #art-artists-homepage a.button span svg {stroke: #6490d9;} #main #art-artists-homepage a.button:hover {background: #6490d9; color: #fff;} #main #art-artists-homepage a.button:hover span svg {stroke: #FFF;} @media only screen and (min-width: 650px) { /*page specific*/ main .exhibitions .mobile-flex {display: flex; width: 100%; gap: 1.5rem; flex-wrap: wrap;box-sizing: border-box;} main .exhibitions .mobile-flex article {width: calc(50% - 0.75rem); box-sizing: border-box; padding-bottom: 0.5rem !important;} main #upcoming a.button {width: auto; padding: 1rem 4rem 0.75rem 2rem; display: inline-block;} main #upcoming a.button span {display: block; position: absolute; right: 2rem; top: 32%} #main #art-artists-homepage a.button {width: auto; padding: 1rem 4rem 0.75rem 2rem; display: inline-block;} #main #art-artists-homepage a.button span {display: block; position: absolute; right: 2rem; top: 32%} } @media only screen and (min-width: 900px) { /*page specific*/ main .exhibitions .mobile-flex {display: flex; width: 100%; gap: 1.5rem; flex-wrap: wrap;box-sizing: border-box;} main .exhibitions .mobile-flex article {width: calc(33% - 1rem); box-sizing: border-box; padding-bottom: 0.5rem !important;} main #upcoming a.button {width: auto; padding: 1rem 4rem 0.75rem 2rem; display: inline-block;} main #upcoming a.button span {display: block; position: absolute; right: 2rem; top: 32%} #main #art-artists-homepage a.button {width: auto; padding: 1rem 4rem 0.75rem 2rem; display: inline-block;} #main #art-artists-homepage a.button span {display: block; position: absolute; right: 2rem; top: 32%} main #homepage-hero h4 { padding-bottom: 0.5rem;} main #upcoming {padding: 1.5rem 0 0;} } #main {min-height: 80vh; background: #fff; width: 100%; margin: 0 auto;} #main #homepage-hero {} #main #homepage-hero .homepage-slider {text-decoration: none; display: inline-block; width: 100%; color: #666;} #main #homepage-hero .homepage-slider-link {text-decoration: none; display: inline-block; width: 100%; color: #666;} #main #homepage-hero .homepage-slider img {width: 100%; height: auto;} #main #homepage-hero h1 {font-size: 48px; line-height: 1.125em; padding: 1.5rem 1.5rem 0; max-width: calc(1400px + 3rem); margin: 0 auto; box-sizing: border-box; color: inherit;max-width: 1440px;} #main #homepage-hero h1.THEART {font-family: 'OCMA Theinhardt'; font-weight: 500;padding: 0 1.5rem 0;font-size: 44px; line-height: 1.125em; } #main #homepage-hero h2 {font-size: 18px; line-height: 1.125em; padding: 0.5rem 1.5rem 0; max-width: calc(1400px + 3rem); margin: 0 auto; box-sizing: border-box; color: inherit;max-width: 1440px;} #main #homepage-hero {font-size: 12px; line-height: 1.125em; margin: 0 auto; box-sizing: border-box; color: inherit;} #main #homepage-hero h4 { font-family: 'OCMA theinhardt'; font-weight: 500;padding: .25rem 1.5rem 0; max-width: calc(1400px + 3rem); margin: 0 auto; color: inherit;max-width: 1440px;} #main #homepage-hero h3 {font-size: 18px; line-height: 1.125em; padding: 1.5rem 0 1rem; } .opening-logos {display: block; padding: 1rem 0 0; max-width: calc(1400px + 3rem); margin: 0 auto; box-sizing: border-box; width: 100%; display: block;} .opening-logos h3 {padding-bottom: 1rem;} .opening-logos a {margin-right: 3rem; display: inline-block;box-sizing: border-box; text-decoration: none;} .opening-logos a img {width: auto !important; height: 90px !important; display: inline-block;} #homepage-hero {margin: -0.5rem -1.5rem 0;padding-top:0.5rem;} #homepage-hero .divider {height: 1.25pt; background: #B0B0B0; width: calc(100% - 3rem); margin: 1.5rem 1.5rem 0;} @media only screen and (max-width: 650px) { #homepage-hero {margin: -1.5rem -1.5rem 0;padding-top:0;} #homepage-hero .divider {margin: 1.5rem 1.5rem 0;} } @media only screen and (min-width: 900px) { /*page specific*/ #main #homepage-hero h4 { padding-bottom: 0.5rem;} } @media only screen and (max-width: 975px) { .opening-logos a {margin-right: 1.5rem;} .opening-logos a img {width: auto !important; height: 50px !important;} #main #homepage-hero h1 {font-size: 36px; line-height: 1.125em;} #main #homepage-hero h1.THEART {font-size: 32px; line-height: 1.125em; } } @media only screen and (max-width: 600px) { .opening-logos a {margin-right: 1rem;} .opening-logos a img {width: auto !important; height: 40px !important;} #main #homepage-hero h1 {font-size: 22px; line-height: 1.125em;} #main #homepage-hero h1.THEART {font-size: 18px; line-height: 1.125em; } } .burger-wrapper { cursor: pointer; } #menyAvPaa { display: none; } #burger { position: static; cursor: pointer; width: 2rem; height: 2rem; display: flex; justify-content: space-between; flex-direction: column; margin-top: 0.5em; } #burger > div { height: 2px; background-color: #6490D9; transition: 0.25s; z-index: 999; } #menyAvPaa:checked ~ #burger > div { background-color: #6490D9; } #menyAvPaa:checked ~ #burger > div:nth-child(1) { transform: translateY(15px) rotate(45deg); } #menyAvPaa:checked ~ #burger > div:nth-child(2) { opacity: 0; } #menyAvPaa:checked ~ #burger > div:nth-child(3) { transform: translateY(-15px) rotate(-45deg); } header.site-header {display: block;padding: 1.5em 1.5em 0;} header.site-header #logo {float: left; padding-bottom: 1.5em;} header.site-header .mobile-button {display: block; float: right;} header.site-header .mobile-button:after {clear: both;} header.mobile-alert-header {clear: both;color: #fff; background: #6490D9; padding: 1em 1.5em 1em; display: flex; justify-content: space-between; align-items: baseline; display: block;margin-left: -1.5em; margin-right: -1.5em; margin-top: 1.5em;} header.mobile-alert-header h3 {font-size: 1rem; line-height: 1.25em; display: inline-block;} header.mobile-alert-header h4 {font-size: 0.8rem; line-height: 1em;font-family: "OCMA Theinhardt"; font-weight: 500; display: block; padding-left: 0;} header.site-header nav {width: 100%; padding-top: 2em;} header.site-header nav ul {display: block; padding-top: 1rem; border-bottom: 1.25pt solid #6490d9; margin-bottom: 2em;} header.site-header nav ul li {padding-left: 0; padding-bottom: 2.5em;} header.site-header nav ul li a {font-size: 2.5em; line-height: 1em;} header.site-header nav ul li a#search svg {transform: scale(1.75) translateY(-0.15rem); } header.site-header nav ul li a#search span {display: inline-block;padding-left: 1rem;} @media only screen and (max-width: 1100px) { body {font-size: 14px; line-height: 1.35em;} } @media only screen and (max-width: 1050px) { body {font-size: 13px; line-height: 1.35em;} } @media only screen and (max-width: 1000px) { body {font-size: 12px; line-height: 1.35em;} } @media only screen and (max-width: 950px) { body {font-size: 14px; line-height: 1.35em;} } @media only screen and (max-width: 600px) { header.site-header #logo svg {height: 3em !important;} } @media only screen and (min-width: 975px) { header.site-header #logo svg {height: 3.5em; width: auto; opacity: 1; display: block; transition: opacity 0.1s;} header.site-header {background: #F2EBD1; padding: 2em 2em 1.5em; display: flex; align-items: baseline; flex-direction: row; flex-wrap: nowrap; width: 100%; justify-content: space-between; position: sticky; top: 0; z-index: 9999999;} header.mobile-alert-header {display: none;} header.site-header #logo {float: none; padding-bottom: 0;} header.site-header .mobile-button {display: none;} header.site-header nav {width: auto; padding-top: 0;} header.site-header nav {display: block;} header.site-header nav ul {display: flex; padding-top: 0; border-bottom: none; margin-bottom: 0;} header.site-header nav ul li {padding-left: 2em;padding-bottom: 0;} header.site-header nav ul li a {font-size: 1.25em; line-height: 1em;} header.site-header nav ul li a:hover { border-bottom: 1.25pt solid #447CD8;} header.site-header nav ul li a#search span {display: none;} header.site-header nav ul li a#search svg {height: 1rem; width: auto; stroke-width: 1.5; stroke: #6490D9;transform: scale(1) translateY(0); } header.site-header {background: #F2EBD1; padding: 2em 2em 1.5em; display: flex; align-items: baseline; flex-direction: row; flex-wrap: nowrap; width: 100%; justify-content: space-between; position: sticky; top: 0;} header.alert-header {color: #fff; background: #6490D9; position: fixed; bottom: 0; left: 0; right: 0; padding: 1em 2em 0.75em; display: flex; justify-content: space-between; align-items: baseline; display: flex;} header.alert-header #weather {display: block;} header.alert-header.mobile {display: none;} header.site-header .mobile-button {display: none;} } /* WP SPECIFIC */ #breadcrumbs {list-style:none;margin:0.25em 0 1em;overflow:hidden;} #breadcrumbs li {display:inline-block;vertical-align:middle;margin-right:0.35em; color: #999;font-weight: 500; font-family: "OCMA Theinhardt"; font-weight: 500;} #breadcrumbs li a {text-decoration: none; color: #999;} #breadcrumbs li a:hover {text-decoration: underline; color: #777;} #breadcrumbs li strong {font-weight: 500;} #breadcrumbs .separator {color:#B0B0B0;} .wp-block-button a.wp-block-button__link {width: 100%; padding: 0.85rem 2rem 0.5rem 1rem; box-sizing: border-box; display: block; border: 1.25pt solid #6490d9; color: #6490d9; font-size: 20px; line-height: 1.125em; text-decoration: none; position: relative; border-radius: 0; background: none; text-align: left; min-width: 300px; border-radius: 5em;} .wp-block-button a.wp-block-button__link:after {border: solid #6490d9;border-width: 0 1.5pt 1.5pt 0;padding: 0.3em;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); position:absolute; top: 0.7em; right: 1rem; z-index: 9999; content:'';} .wp-block-button a.wp-block-button__link span {display: block; position: absolute; right: 0.75rem; top: 28%} .wp-block-button a.wp-block-button__link span svg {stroke: #6490d9;} .wp-block-button a.wp-block-button__link:hover {background: #6490d9; color: #fff;} .wp-block-button a.wp-block-button__link:hover:after {border-color: #fff;} .wp-block-button a.button:hover span svg {stroke: #FFF;} @media only screen and (min-width: 900px) { .wp-block-button a.wp-block-button__link a.button {width: auto; padding: 1rem 4rem 0.75rem 2rem; display: inline-block;} .wp-block-button a.wp-block-button__link a.button span {display: block; position: absolute; right: 2rem; top: 32%} } .entry-content > p, .entry-content > figure, .entry-content > .wp-block-buttons {padding-bottom: 1.5em;} #open-closed h3 a, #open-closed .mobile-content h3 a {text-decoration: underline; color: white;} #open-closed h3 a:hover {text-decoration: none; color: white;} hr.wp-block-separator {border: none; background-color: #B0B0B0; height: 1.25pt; margin-bottom: 2rem;} .entry-content {margin: 0 auto;} .entry-content p + p, .entry-content h3 + p {padding-top: 1em;} .entry-content h3 {font-family: 'OCMA Theinhardt'; font-weight: 500; color: #999;} .entry-content p {color: #666;} .entry-content p a {text-decoration: underline; color: inherit;} .entry-content p a:hover {text-decoration: none;} .entry-content ul {list-style: disc; margin-left: 1em;} .entry-content .sectionFlex {display: flex; gap: 2rem; padding-bottom: 2rem;} .entry-content .visitMain { font-size: 1.5rem; line-height: 1.125em; width: 40%;} .entry-content .one-column { width: 20%; } .entry-content .pageFlex {display: flex; flex-wrap: wrap;} .entry-content article + .pageFlex {padding-top: 1.5rem;} .entry-content article.pageArticle {width: calc(50% - 1rem); color: #666; border-bottom: solid 1.25pt #b0b0b0; padding: 0 0 2rem; margin: 0 1rem 2rem;} .entry-content article.pageArticle:nth-child(odd) {margin-left: 0;} .entry-content article.pageArticle:nth-child(even) {margin-right: 0;} .entry-content h2 {font-size: 1.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; line-height: 1.125em;} .entry-content article.pageArticle .wp-block-button {margin-top: 1rem;} header.entry-header {width: 100%; border-bottom: solid 1.25pt #b0b0b0; padding-bottom: 2rem; margin-bottom: 2rem;} header.entry-header h1 {font-size: 40px; line-height: 1.125em;} /* Exhibitions Archive */ .exhibitions.archive a {text-decoration: none; color: #666;} .exhibitions.archive a:hover {color: #333;} .exhibitions.archive a h2.exhibitionDate {font-size: 22px; line-height: 1.125em; padding-top: 0.5rem;} .exhibitions.archive a h4.exhibitionDate {font-family: 'OCMA Theinhardt'; font-weight: 500; line-height: 1.125em;padding-top: 0.125rem;} .exhibitions.archive a h5 {font-family: 'OCMA theinhardt'; font-weight: 500; font-size: 90%; line-height: 1.125em; color: #B0B0B0; padding-bottom: 0.5rem;} .exhibitionListings section {display: flex; gap: 1.5rem; flex-wrap: wrap;} section.exhibitionsPast h2 {width: 100%; font-size: 1.75rem; line-height: 1.125em;} iframe.googlemaps {width: calc(50% - 1rem) !important; height: 400px !important;margin-bottom: 1.5rem;} .pt-cv-grid .pt-cv-ifield p.pt-cv-title a {font-size: 0.9rem;font-family: 'OCMA theinhardt'; font-weight: 500;line-height: 1.125em;color: #666 ;} .pt-cv-content p {font-family: 'OCMA theinhardt'; font-weight: 400;font-size: 0.9rem;line-height: 1.125em;padding: 0;margin: 0; color: #666 !important;} span.italics {font-style: italic;} .entry-content .pt-cv-content p + p {padding-top: 0;} .pt-cv-view .pt-cv-title {margin-bottom: 0;} .cvp-live-button {display: none !important;} .tempCollection {height: 250px;width: 100%; background-size: cover; background-repeat: no-repeat;} section.ExhibitionInfo h2 {font-size: 32px; line-height: 1.125em;} section.ExhibitionInfo h4 {font-family: 'OCMA Theinhardt'; font-weight: 500; line-height: 1.125em;padding-top: 0.125rem; padding-bottom: 1.5rem;} section.ExhibitionInfo {display: flex; width: 100%; gap: 2rem; padding-bottom: 2rem; border-bottom: 1.25pt solid #B0B0B0; margin-bottom: 2rem; justify-content: space-between;} .ExhibitionInfoSection {width: calc(66.6% - 1rem); order: 1;} .ExhibitionInfoThumbnail {width: calc(33.3% - 1rem);order: 2;} .ExhibitionInfoThumbnail img {width: 100%;} .ExhibitionInfoFlex {display: flex; gap: 1.25rem; min-width: calc(50% - 1rem); flex-direction: column;} .exhibitionDescription {min-width: calc(50% - 1rem);} .exhibitionExtraInfo {padding-top: 1em;} .exhibitionExtraInfo strong {font-family: 'OCMA Theinhardt'; font-weight: 500; padding-bottom: 0.125rem; display: inline-block;} .exhibitionExtraInfoItem {min-width: calc(50% - 1rem);} .individualExhibition .entry-content {display: flex; flex-wrap: wrap; gap: 2rem;} .individualExhibition .entry-content figure {width: calc(50% - 1rem)} .individualExhibition .entry-content figure img {} .individualExhibition .entry-content figcaption {padding-top: 0.5rem;font-family: 'OCMA Theinhardt'; font-weight: 500;} .homepage-slider img {line-height: 0%; display: block;} .homepage-slider .desktop-slider {position: relative; padding-bottom: 50%; overflow: hidden; } .homepage-slider .desktop-slider img {position: absolute; top: 0;} .homepage-slider .mobile-slider {position: relative; padding-bottom: 152.38095%; overflow: hidden; display: none;} .homepage-slider .mobile-slider img {position: absolute; top: 0;} .shop .desktop {display: block;} .shop .mobile {display: none;} .wp-block-group__inner-container h3 {font-size: 18px; line-height: 1.125em; color: #666;padding-bottom: 1.5rem;} .wp-block-column strong {font-family: 'OCMA theinhardt'; font-weight: 500;color: #666; font-size: 100%;} .entry-content .wp-block-column p + p, .entry-content .wp-block-column h3 + p {padding-top: 0;} .entry-content .wp-block-column p + h4, .entry-content .wp-block-column h4 + h4 {padding-top: 1em;} .entry-content .wp-block-column h4 em {font-style: normal; display: inline-block; padding-right: 0.5em;} a.job-listing {display: block; text-decoration: none; color: #666; width: calc(33.3% - 1rem); display: flex; flex-direction: column; justify-content: space-between; border: 1.25pt solid #6490D9; background: #fff; padding:1rem; border-radius: 1rem; text-decoration: none; min-height: 450px;} a.job-listing:hover {color:#fff; background: #6490D9;} .job-listing .short-description {padding-bottom: 1rem;} .job-listing .short-description p + p {margin-top: 0.75rem;} .job-listing h2.job-title {font-size: 22px; line-height: 1.125em; padding: 0 0 0.75rem;} .jobpostingsindividual .job-listing {width: 100%; max-width: 900px;} .jobpostingsindividual .job-listing strong {font-family: 'OCMA theinhardt'; font-weight: 500;color: #666; font-size: 100%; display: block; padding-bottom: 0.25rem;} .jobpostingsindividual .job-listing h3 {font-size: 18px; line-height: 1.125em; color: #666;padding-bottom: 0.5rem; padding-top: 1rem;} .jobpostingsindividual .job-listing h2 {font-size: 30px; line-height: 1.125em;} .jobpostingsindividual .job-listing .long-description p + p {margin-top: 0.75rem;} .jobpostingsindividual .job-listing .long-description ul {list-style-type: circle; padding-left: 1rem;} .open-postings {display: flex; flex-wrap: wrap; gap: 1.5rem; padding-bottom: 1.5rem;} .job-listing .moreinformation {padding: 1rem 0 0 0; font-family: 'OCMA theinhardt'; font-weight: 500; } @media only screen and (max-width: 975px) { a.job-listing {width: calc(50% - 0.75rem); min-height: 300px; } .entry-content .sectionFlex {padding-bottom: 2rem; flex-wrap: wrap;} .entry-content .visitMain { font-size: 1.5rem; line-height: 1.125em; width: 100%; border-bottom: solid 1.25pt #b0b0b0; padding-bottom: 1.5rem; margin-bottom: 1rem;} .entry-content .one-column { width: calc(25% - 0.75rem); } .wp-block-button {width: 100%;} .wp-block-button .wp-block-button__link {padding: 1rem 1.25rem 0.75rem !important;} .wp-block-button a.wp-block-button__link:after {top: 0.9em; right: 1.25rem;} iframe.googlemaps {width: 100% !important; height: 400px !important;} .exhibitions.archive section.exhibitionsPast a h2.exhibitionDate {font-size: 18px; line-height: 1.125em; padding-top: 0.25rem;} .exhibitions.archive a h4.exhibitionDate {font-size: 90%;line-height: 1.125em;padding-top: 0.125rem;} .exhibitions.archive a h5 {font-size: 80%; line-height: 1.125em; padding-bottom: 0.25rem;} .ExhibitionInfoFlex {display: flex; gap: 1.25rem; min-width: 100%; flex-wrap: wrap;} .exhibitionDescription {min-width: 100%;} .exhibitionExtraInfo {gap: 1rem; flex-direction: column;} .exhibitionExtraInfoItem {min-width: 100%;} } @media only screen and (max-width: 650px) { a.job-listing {width: 100%; min-height: 0;} .ExhibitionInfoSection {width: 100%; order: 2;} .ExhibitionInfoThumbnail {width: 100%; order: 1;} section.ExhibitionInfo {flex-wrap: wrap;gap: 1rem;} .individualExhibition .entry-content {gap: 0;} .individualExhibition .entry-content figure {width: 100%;} .individualExhibition .entry-content figcaption {font-size: 90%; line-height: 1.125em;} .entry-content .sectionFlex {display: block; padding-bottom: 0;} .entry-content .one-column { width: 100%;border-bottom: solid 1.25pt #b0b0b0; padding-bottom: 1.5rem; margin-bottom: 1.5rem;} .entry-content .one-column:last-child {display: flex; flex-wrap: wrap;} .entry-content .one-column:last-child h3 {width: 100%;} .entry-content .one-column:last-child p {width: 50%;} .entry-content .pageFlex {display: block;} .entry-content article + .pageFlex {padding-top: 0;} .entry-content article.pageArticle {width: 100%; border-bottom: solid 1.25pt #b0b0b0; padding-bottom: 1.5rem; margin-bottom: 1.5rem;} .entry-content article.pageArticle:last-child {border-bottom: none;} .entry-content article.pageArticle:nth-child(odd) {margin: 0 0 2rem;} .entry-content article.pageArticle:nth-child(even) {margin: 0 0 2rem;} .pt-cv-grid .pt-cv-ifield p.pt-cv-title a {font-size: 0.75rem;line-height: 1.125em;} .pt-cv-content p {font-size: 0.75rem;line-height: 1.125em;} section.exhibitionsUpcoming a, section.exhibitionsCurrent a {width: 100%;} section.exhibitionsPast a {width: calc(50% - 1rem);} .exhibitions.archive section.exhibitionsPast a h2.exhibitionDate {font-size: 17px; line-height: 1.125em; padding-top: 0.25rem;} .exhibitions.archive section.exhibitionsPast a h4.exhibitionDate {font-size: 75%;line-height: 1.125em;padding-top: 0.125rem;} .homepage-slider .desktop-slider {display: none;} .homepage-slider .mobile-slider {display: block;} .shop .desktop {display: none;} .shop .mobile {display: block;} } .Artwork-Page {display: flex; flex-wrap: wrap; gap: 1.5rem;} .Artwork-Page header {display: none;} .Artwork-Page article {width: calc(25% - 1.125rem);} .Artwork-Page article a {text-decoration: none; color: inherit;} .Artwork-Page article a:hover {text-decoration: none; color: #333;} .Artwork-Page article h4, .Artwork-Page article h5, .Artwork-Page article h6 {font-family: 'OCMA Theinhardt'; font-weight: 400; line-height: 1.125em; font-size: 90%;} .Artwork-Page article h4 {font-weight: 500; } .Artwork-Page article h5 {font-style: italic;} .Artwork-Page article h6 {} .artworkIndividualImage {max-height: 75vh;} .artworkIndividualImage img {max-width: 100%;height: auto; width: auto!important;max-height: 65vh;} .artworkIndividualMeta {padding-top: 1.5rem;display: flex; gap: 1.5rem; border-bottom: solid 1.25pt #b0b0b0; padding-bottom: 1.5rem;} .artworkIndividualMeta h4, .artworkIndividualMeta h5, .artworkIndividualMeta h6 {font-family: 'OCMA Theinhardt'; font-weight: 400; line-height: 1.125em; font-size: 100%;} .artworkIndividualMeta h4 {font-weight: 500; } .artworkIndividualMeta h5 {font-style: italic;} .artworkIndividualMeta h6 {} .artworkIndividualImageAdditional {margin-top: 1.5rem; border-bottom: solid 1.25pt #b0b0b0;border-bottom: solid 1.25pt #b0b0b0; padding-bottom: 1.5rem;} .artworkIndividualImageAdditional .additionalimgcontainer {max-height: 75vh; margin-top: 1rem; } .artworkIndividualImageAdditional img {max-width: 100%;height: auto; width: auto!important;max-height: 65vh;} .artworkIndividualMeta .section {width: calc(25% - 1.125rem);} .artworkIndividualMeta .section#rights {width: calc(50% - 1.125rem);} .artworkIndividualMeta .section#rights, .artworkIndividualMeta .section#mediumSize { padding-top: 1em; } .artworkIndividualRelated {display: flex; flex-wrap: wrap; gap: 1.5rem; padding-top: 1.5rem; flex-wrap: wrap;} .artworkIndividualRelated h3, .artworkIndividualImageAdditional h3 {width: 100%; font-family: 'OCMA Theinhardt'; font-weight: 400; line-height: 1.125em;font-weight: 500; padding-bottom: 1rem;} .artworkIndividualImageAdditional h3 {padding-bottom: 0;} .artworkIndividualRelated article {width: calc(25% - 1.125rem);} .artworkIndividualRelated article h4, .artworkIndividualRelated article h5, .artworkIndividualRelated article h6 {font-family: 'OCMA Theinhardt'; font-weight: 400; line-height: 1.125em; font-size: 90%;} .artworkIndividualRelated article a {text-decoration: none; color: inherit;} .artworkIndividualRelated article a:hover {text-decoration: none; color: #333;} .artworkIndividualRelated article h4 {font-weight: 500; } .artworkIndividualRelated article h5 {font-style: italic;} #artistslisting {display: flex; gap: 1.5rem; flex-wrap: wrap; padding-bottom: 2rem;} #artistslisting.imagetext article {width: calc(20% - 1.2rem);} #artistslisting article a {text-decoration: none; color: inherit;} #artistslisting article a:hover {text-decoration: none; color: #333;} #artistslisting.imagetext article h4 {font-family: 'OCMA Theinhardt'; font-weight: 400; line-height: 1.125em; font-size: 90%;font-weight: 500; } #artistslisting.textonly {display: flex; gap: 0.125rem 1.5rem; flex-wrap: wrap;} #artistslisting.textonly article img {display: none;} #artistslisting.textonly article {width: calc(25% - 1.125rem);} #artistslisting.textonly article h4 {font-size: 22px; line-height: 1.125em; margin-top: 0.5rem; text-indent: -1rem; margin-left: 1rem;} #artistslisting div {width: 100%; flex: none; border-bottom: solid 1.25pt #b0b0b0; font-size: 24px; padding-bottom: 0.5rem;padding-top: 2.5rem;} #artistslisting div:nth-child(1) {border-bottom: 0; padding-top: 0; margin-top: -3rem; z-index: 2;} #artistslisting.textonly div {margin-bottom: 0.5rem;} .post, .page { margin: 0 0 0; } .viewadjuster {text-align: right; width: 100%; border-bottom: solid 1.25pt #b0b0b0; padding-bottom: 0.5rem; margin-bottom: 1rem; z-index: 99; position: relative;} .viewadjuster svg {height: 1.5rem; width: auto; cursor: pointer;stroke-width: 1.5; margin-left: 0.75rem; stroke: #B0B0B0; z-index: 99;} .viewadjuster svg:hover {stroke: #333;} .viewadjuster svg.active {stroke: #666;} .viewadjuster svg.active:hover {stroke: #333;} .viewadjuster h4 {font-family: 'OCMA Theinhardt'; font-weight: 400; line-height: 1.125em; font-size: 90%;font-weight: 500; display: inline-block; } .search-form {display: flex; gap: 1.5rem; padding: 0 0 1.5rem;} .search-form input.search-field, .search-form input.search-submit { box-sizing: border-box; display: block; outline: none; border: solid 1.25pt #6490D9; background: none; color: #6490D9; border-radius: 3em; padding: 0.5rem 1rem; font-size: 1rem; } .search-form label {width: calc(80% - 0.75rem); display: block;} .search-form input {-webkit-appearance: none; border-radius: 0;} .search-form input.search-field {width: 100%;} .search-form input.search-submit {width: calc(20% - 0.75rem);cursor: pointer;} .search-form input.search-submit:hover {color: #fff; background: #6490D9;} #categoriesheader form {width: 100%;} #categoriesheader {display: flex; gap: 1.5rem;} #categoriesheader .search {width: calc(75.5% - 0.75rem);} #categoriesheader .sortby {width: calc(24.5% - 0.75rem);} #categoriesheader .sortby select {box-sizing: border-box; display: block; outline: none; border: solid 1.25pt #6490D9; background: none; color: #6490D9; border-radius: 0; padding: 0.68rem 1rem; width: 100%;font-size: 1rem;} h1#jqueryreplace2 {font-size: 32px; line-height: 1.125em;} #collectionbio {width: 100%; max-width: 600px; padding-bottom: 1.5rem;} #twolinks {width: 100%; max-width: 600px; display: flex; gap: 1.5rem; padding-bottom: 1.5rem;} .art-artist-page #categoriesheader {width: 100%; max-width: 600px; } #twolinks a.wp-block-button__link {width: calc(50% - 0.75rem); padding: 0.85rem 2rem 0.5rem 1rem; box-sizing: border-box; display: block; border: 1.25pt solid #6490d9; color: #6490d9; font-size: 20px; line-height: 1.125em; text-decoration: none; position: relative; background: none; text-align: left; border-radius: 3em;} #twolinks a.wp-block-button__link:after {border: solid #6490d9;border-width: 0 1.5pt 1.5pt 0;padding: 0.3em;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); position:absolute; top: 0.7em; right: 1rem; z-index: 9999; content:'';} .art-artist-page .randomselection {border-top: solid 1.25pt #b0b0b0; padding-top: 1.5rem;} .randomselection {display: flex; gap: 1.5rem;} .randomselection article {width: calc(20% - 1.25rem);} .randomselection article h4, .randomselection article h5, .randomselection article h6 {font-family: 'OCMA Theinhardt'; font-weight: 400; line-height: 1.125em; font-size: 90%; } .randomselection article a {text-decoration: none; color: inherit;} .randomselection article a:hover {text-decoration: none; color: #333;} .randomselection article h4 {font-weight: 500; } .randomselection article h5 {font-style: italic;} #main #art-artists-homepage h2 {width: 100%;} #main #art-artists-homepage article h2 {font-size: 22px; line-height: 1.125em; padding: 2rem 0 1.5rem;color: #666} .all-calendar {} .all-calendar-wrapper {display: flex; flex-wrap: nowrap; gap: 1.5rem; align-items: flex-start;} .all-calendar-wrapper .calendarEvents {display: flex; flex-wrap: wrap; gap: 0 1.5rem;} .all-calendar-wrapper .calendarEvents article {width: calc(33.3% - 1rem); padding-bottom: 1.5rem;} .all-calendar-wrapper .calendarEvents article a {color: inherit; text-decoration: none;} .all-calendar-wrapper .calendarEvents article a:hover h2, .all-calendar-wrapper .calendarEvents article a:hover .description { color: #333; } .all-calendar-wrapper .calendarEvents article a:hover h5 {color: #999;} .all-calendar-wrapper .calendarEvents article a:hover h4 {color: #777;} .all-calendar-wrapper .calendarEvents article a h2 {font-size: 18px; line-height: 1.125em; padding: 0.5rem 0 0.25rem;} .all-calendar-wrapper .calendarEvents article a h4 {font-family: 'OCMA theinhardt'; font-weight: 500;color: #666; font-size: 100%; color: #999;} .all-calendar-wrapper .calendarEvents article a h5 {font-family: 'OCMA theinhardt'; font-weight: 500; font-size: 90%; line-height: 1.125em; color: #B0B0B0; padding-bottom: 0.5rem;} .all-calendar-wrapper .calendarEvents article .description {font-size: 90%; line-height: 1.125em; padding-top: 0.5rem;} .all-calendar-wrapper .datedivider {padding: 1.5rem 0; margin: 1rem 0 0; width: 100%; flex: none; border-top: 1.25pt solid #B0B0B0; font-size: 22px; line-height: 1.125em; } .all-calendar-wrapper .datedivider:nth-child(1) {margin: 0; padding: 0 0 1.5rem; border-top: none;} .all-calendar-wrapper #past-events-link {padding: 2rem 0 1.5rem; margin-top: 1rem; border-top: 1.25pt solid #B0B0B0; flex: none; width: 100%;} .all-calendar-wrapper #past-events-link .wp-block-button {min-width: 300px; width: auto; display: inline-block;} .calendar-event h1 { font-size: 30px; line-height: 1.125em; } .calendar-event h2 { font-size: 20px; line-height: 1.125em; } .calendar-event-page {display: flex;} .calendar-event-image {width: 50%; order: 2; padding-left: 0.75rem;} .calendar-event {width: 50%; line-height: 1.125em; order: 1; padding-right: 0.75rem;} .calendar-event h2 {padding-bottom: 1.5rem;} .calendar-event h4 {font-family: 'OCMA theinhardt'; font-weight: 500;color: #666; padding-bottom: 1.5rem;} .calendar-event h3 {padding-bottom: 1rem;padding-top: 1.5rem;} .calendar-event a {color: inherit;} .calendar-event p + p {padding-top: 0.5rem;} .calendar-event .eventdescription {padding: 0 0;} /* .all-calendar .calendar-wrapper {display: flex; flex-wrap: wrap; gap: 1.5rem; padding-top: 1rem;} .calendar-event h1 { font-size: 30px; line-height: 1.125em; } .calendar-event h2 { font-size: 20px; line-height: 1.125em; } .calendar-event-page {display: flex;} .calendar-event-image {width: 50%; order: 2; padding-left: 0.75rem;} .calendar-event {width: 50%; line-height: 1.125em; order: 1; padding-right: 0.75rem;} .calendar-event h2 {padding-bottom: 2rem;} .calendar-event h4 {font-family: 'OCMA theinhardt'; font-weight: 500;color: #666; padding-bottom: 1.5rem;} .calendar-event h3 {padding-bottom: 1rem;padding-top: 1.5rem;} .calendar-event a {color: inherit;} .calendarEvents {width: 75%; padding-left: 2rem; line-height: 1.125em; display: flex; gap: 1.5rem;} .calendarEvents article {width: calc(33% - 0.75rem);} .calendarEvents article a {text-decoration: none; color: inherit;} .calendarEvents article h2 {} .calendarEvents article a:hover h2, .calendarEvents article a:hover h4 {color: #333} .calendarEvents article h4 {} .calendarEvents article h5 {} .calendarEvents {width: 75%; padding-left: 2rem; } */ @media only screen and (max-width: 975px) { .Artwork-Page article {width: calc(33% - 1rem);} .artworkIndividualRelated article {width: calc(33% - 1rem);} .artworkIndividualMeta {display: block;} .artworkIndividualMeta .section {width: 100%;} .artworkIndividualMeta .section#rights, .artworkIndividualMeta .section#mediumSize { padding-top: 0.25rem; } #artistslisting article {width: calc(33% - 1.125rem);} #artistslisting.textonly article {width: calc(50% - 0.75rem);} .randomselection {flex-wrap: wrap;} .randomselection article {width: calc(33% - 1.125rem);} #artistslisting.imagetext article {width: calc(25% - 1.125rem);} .all-calendar-wrapper .calendarEvents article {width: calc(50% - 0.75rem); padding-bottom: 1.5rem;} .calendar-event-page {display: block;} .calendar-event-image {width: 100%; padding-bottom: 1.5rem; padding-left: 0;} .calendar-event {width: 100%; padding-right: 0;} } @media only screen and (max-width: 650px) { .Artwork-Page article {width: calc(50% - 0.75rem);} .artworkIndividualRelated article {width: calc(50% - 0.75rem);} #artistslisting article {width: calc(50% - 0.75rem);} #artistslisting.textonly article {width: 100%;} #categoriesheader {display: flex; gap: 0; flex-wrap: wrap; padding-bottom: 1.5rem;} #categoriesheader .search {width: 100%;} #categoriesheader .sortby {width: 100%;} #twolinks {flex-wrap: wrap;} #twolinks a.wp-block-button__link {width: 100%;} .art-artist-page #categoriesheader {padding-bottom: 0;} .randomselection article {width: calc(50% - 0.75rem);} .search-form label {width: calc(65% - 0.75rem); display: block;} .search-form input.search-submit {width: calc(35% - 0.75rem);cursor: pointer;} .search-form input.search-field, .search-form input.search-submit {padding: 0.5rem 0.75rem;} #artistslisting.imagetext article {width: calc(33% - 1rem);} .calendarEvents {width: 100%; padding-left: 0;} .calendarEvents article {width: 100%;} .all-calendar-wrapper .calendarEvents article {width: 100%; padding-bottom: 1.5rem;} #main .calendar a {width: 100%;} } @media only screen and (max-width: 450px) { footer.site-footer #copyright-footer {flex-wrap: wrap;} footer.site-footer #copyright-footer > p {order: 2;} footer.site-footer #copyright-footer p, footer.site-footer #copyright-footer div {width: 100%;} footer.site-footer #copyright-footer div {order: 1;} } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery figure.wp-block-image figcaption {background: none; bottom: auto; color: #666; font-size: 12px; line-height: 1.3em; left: auto; margin-bottom: 0; max-height: 100%; overflow: visible; padding: 0.25rem 0 0; position: static; text-align: left; font-family: 'OCMA Theinhardt'; font-weight: 500;} .wp-block-gallery, .is-layout-flex {gap:1.5rem !important;} .columns-2 figure {width: calc(50% - 0.75rem);} .columns-3 figure {width: calc(33.3% - 1rem);} .wp-block-gallery.has-nested-images figcaption {text-align: left;color: #666; font-size: 12px; line-height: 1.3em;font-family: 'OCMA Theinhardt'; font-weight: 500; margin-top: -0.5rem;} .wp-block-columns {margin-bottom: 0;gap: 1.5rem;} figure.wp-block-image {width: calc(50% - );} figure.wp-block-gallery.has-nested-images { --gallery-block--gutter-size: 1.5rem; } .wp-block-columns {padding-bottom: 1.5rem;} @media only screen and (max-width: 650px) { figure.wp-block-gallery, .is-layout-flex {flex-direction: column;} figure.wp-block-gallery {width: 100%;} .columns-2 figure, .columns-3 figure, .wp-block-gallery figure {width: 100% !important;} } /* 230912 */ .hiddenlist {display: none;} .headeralertwrapper {width: 100%; padding: 0.75rem; position: fixed; bottom:1rem; z-index: 999999999999999;} .screen-reader {display: none;} header#emailalert { background: #6490D9; border-radius: 1rem; color: #fff; padding:1.25rem 1.25rem 1.5rem; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); box-sizing: border-box; position: relative; max-width: 1500px; margin:0 auto;} header#emailalert .closebutton {position: absolute; right:0.5rem;top:0.35rem;font-size: 1.85rem; line-height: 1em; padding:0.35rem; cursor: pointer;} header#emailalert h3 {font-family:'OCMA Kent'; font-weight: 400; font-size:1.35rem; line-height: 1.125em; padding-bottom:0.45rem;} header#emailalert h2 {font-family: 'OCMA theinhardt'; font-weight: 500; font-size:1.55rem; line-height: 1.1em;} header#emailalert a#ticketsbutton {display: block; background: #fff; padding: 1rem; font-family: 'OCMA theinhardt'; font-weight: 500; font-size:1.55rem; line-height: 1.1em; border-radius: 2rem; text-align: center; color: #6490D9; text-decoration: none; cursor: pointer; border: 2.5px solid #6490D9} header#emailalert a#ticketsbutton:hover {background: #6490D9; color: #fff; border-color: #fff;} @media only screen and (max-width: 800px) { header#emailalert h2 {font-size:1.25rem; line-height: 1.1em;} } header#emailalert input {color:#fff;background: none; outline: none; border: none;font-family: 'OCMA theinhardt'; font-weight: 500; font-size:1.5rem; padding:0.5rem 1.5rem 0.65rem; border: 3px solid #fff; border-radius: 0.5rem;} header#emailalert input::placeholder {color: #fff;} header#emailalert input[type="email"] {width: 100%;} header#emailalert input[type="submit"] {background: #fff; color:#6490D9;cursor:pointer;min-width: 200px;} header#emailalert .mc-field-group {width: 100%;} header#emailalert .emailalertcontent {display: flex; gap: 1.25rem; flex-direction: column;padding-right: 0.5rem;} header#emailalert .emailalertheads {} header#emailalert .emailalertform {width: 100%; position: relative;} header#emailalert .emailalertform form {display: flex; gap: 0.5rem; align-content: stretch; justify-content: center;} header#emailalert #mce-responses #mce-error-response {position: absolute; font-family: 'OCMA theinhardt'; font-weight: 500; font-size:1rem; background: #fff; padding:0.5rem 1rem; color:#6490D9; border-radius:1rem; top: -2.75rem; opacity: 0; transition: opacity 0.5s; left: 0;} header#emailalert.error #mce-responses #mce-error-response {opacity: 1;} header#emailalert.error {} header#emailalert #mce-responses #mce-success-response {position: absolute; font-family: 'OCMA theinhardt'; font-weight: 500; font-size:1.5rem; line-height: 1.45em; background: #fff; color:#6490D9; top:0; border-radius: 0.5rem; padding:0.5rem 1.5rem 0.65rem; border: 3px solid #fff; width: 100%; text-align: center; left: 0; opacity: 0; transition: opacity 0.5s;} header#emailalert.success #mce-responses #mce-success-response {opacity: 1;} header#emailalert.success input[type="submit"] {opacity: .5; cursor: default;} header#emailalert.success.error #mce-responses #mce-error-response {opacity: 0.5;} @media only screen and (max-width: 750px) { header#emailalert .emailalertcontent {flex-direction: column;} header#emailalert .emailalertform form {flex-direction: column; gap:1rem;} header#emailalert {padding:1.5rem 1.5rem 1.5rem;} header#emailalert #mce-responses #mce-error-response {position: static; top: 0.75rem;} } /* 240626 ocma x */ .ocma-x {background: #000; color: #fff} .ocma-x .ocma-x-logo {max-width: 1000px; margin:0 auto; text-align: center;} .ocma-x .ocma-x-logo svg {width: 100%; height: auto; margin: 0 auto; transition: all linear 0.6s} .ocma-x .ocma-x-logo.ocma-x-scrolled svg {width: 40%; height: auto; } .ocma-x .entry-content {max-width: 900px; margin: 0 auto; padding-bottom: 12rem; padding-top: 8rem;} .ocma-x .entry-content p {color: #fff; font-size: 200%; line-height: 1.2em;} .ocma-x .entry-header {display: none;} .ocma-x .ocma-x-navigation { width:100%; padding-top:1.5em; padding-bottom:4em; } .ocma-x .ocma-x-navigation a {text-decoration: none;} .ocma-x .ocma-x-navigation a svg {width: 3rem; height: auto;} .ocma-x .ocma-x-navigation a span {display: none;} @media only screen and (max-width: 750px) { .ocma-x .entry-content p {font-size: 150%; line-height: 1.2em;} } .entry-content p {min-height: 1.2em;} /* NEW LEARN PAGES */ .learn-page .entry-content h2 { font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 1.65rem; } .learn-page .entry-content .learn-description { font-size: 1rem; line-height: 1.25em; max-width: 700px; padding-bottom: 0.5rem; } .learn-page .description-content {border-bottom: 1.25pt solid #B0B0B0; padding-bottom: 1.5rem; margin-bottom: 1.5rem;} .learn-blocks {display: flex; gap: 2.5rem 1.5rem; flex-wrap: wrap; padding-bottom: 1rem;} .learn-blocks article {width: calc(50% - 0.75rem); } .learn-blocks article img {display: block; width: 100%; height: auto; padding-bottom: 0.5rem;} .learn-blocks article > a {display: block; text-decoration: none;} .learn-blocks article h3 {font-size: 1.25rem; padding-bottom: 0.75rem; line-height: 1.125em;} .learn-button {width: 100%; display: block; text-align: center; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 1.125rem; line-height: 1em; padding: 0.7em 0.8em 0.8em; border: 1.25pt solid #6490d9; color: #6490d9; text-decoration: none; margin-top:1rem; transition: 0.15s; border-radius: 3rem;} .learn-button span {display: inline-block; position: static; padding-left: 0.5rem; height: 0.75em;} .learn-button span svg {stroke: #6490d9; height: 100%; width: auto; transition: 0.15s} .learn-blocks a:hover .learn-button {background: #6490d9; color: #fff;} .learn-blocks a:hover .learn-button span svg {stroke: #FFF;} .learn-hero {padding-bottom: 1rem;} .learn-additional {border-top: 1.25pt solid #B0B0B0; padding-top: 1.5rem; margin-top: 1.5rem;} .learn-page .entry-content .learn-additional .learn-description {font-size: 0.9rem;line-height: 1.25em;} .learn-page-content {padding-bottom: 3rem;} @media only screen and (max-width: 750px) { .learn-blocks article {width: 100%; } } /* NEW SPECIAL EVENTS */ .special-events-page {} .special-events-page .entry-content {padding-bottom: 4rem;} .special-events-page .entry-content > div h2 {font-family: 'OCMA Theinhardt';font-weight: 500;font-size: 1.65rem;} .special-events-page .entry-content .specialevents-flex {display: flex; gap: 2.5rem 1.5rem; flex-wrap: wrap;} .special-events-page .entry-content .specialevents-flex article {width: calc(50% - 0.75rem);} @media only screen and (max-width: 750px) { .special-events-page .entry-content .specialevents-flex article {width: 100%;} } .special-events-page .entry-content .specialevents-flex article > img {padding-bottom: 0.65rem; display: block;} .special-events-page .entry-content .specialevents-flex article > h2 {padding-bottom: 0.125rem; padding-top:0; font-family: 'OCMA Theinhardt';font-weight: 500;font-size: 1.35rem; line-height: 1.125em;} .special-events-page .entry-content .specialevents-flex article > h3 {padding-bottom: 0.75rem; padding-top:0; font-family: 'OCMA Theinhardt';font-weight: 500;font-size: 1.35rem; line-height: 1.125em;} .special-events-page .entry-content .specialevents-flex article > .description {font-size: 0.95rem; line-height: 1.25em; padding-bottom: 0;} .specialevents-flex article > .button-group {padding-bottom: 1rem;} .specialevents-flex article > .button-group .event-button + .event-button {padding-top:0.75rem;} .specialevents-flex article > .button-group .event-button a {width: 100%; display: block; text-align: center; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 1.125rem; line-height: 1em; padding: 0.7em 0.8em 0.8em; border: 1.25pt solid #6490d9; color: #6490d9; text-decoration: none; margin-top:1rem; transition: 0.15s; border-radius: 3rem;} .specialevents-flex article > .button-group .event-button a span {display: inline-block; position: static; padding-left: 0.5rem; height: 0.75em;} .specialevents-flex article > .button-group .event-button a span svg {stroke: #6490d9; height: 100%; width: auto; transition: 0.15s} .specialevents-flex article > .button-group .event-button a:hover {background: #6490d9; color: #fff;} .specialevents-flex article > .button-group .event-button a:hover span svg {stroke: #FFF;} .specialevents-flex article > .gallery-group {padding-bottom: 0.75rem;} .specialevents-flex article > .gallery-group .gallery {margin-bottom: 0; display: block;} .specialevents-flex article > .gallery-group .gallery .gallery-flex {display: flex; gap: 1rem;} .specialevents-flex article > .gallery-group .gallery .gallery-flex img {display: block;} .specialevents-flex article > .gallery-group .gallery + .gallery {padding-top:1rem;} .specialevents-flex article > .gallery-group .gallery .gallery-caption {padding-top: 1rem;font-size: 12px; line-height: 1.25em; font-family: 'OCMA Theinhardt'; font-weight: 500;} .specialevents-flex article > .additional-group {padding-bottom: 0.75rem;} .specialevents-flex article > .additional-group .additional-group-text {} .specialevents-flex article > .additional-group .additional-group-text + .additional-group-text {padding-top: 1rem;} .special-events-page .entry-content .past {border-top: 1.25pt solid #B0B0B0; padding-top: 3rem; margin-top: 3rem;} .special-events-page .additional-page-information {border-top: 1.25pt solid #B0B0B0; padding-top: 3rem; margin-top: 3rem;} .special-events-page .additional-page-information .additional-page-information-content {font-size: 0.95rem; line-height: 1.25em; max-width: 750px; padding-bottom: 0.5rem; } /* SPECIAL EVENTS PAGE ARTSENSE */ .special-events-page .artsense > h2 {font-family: 'OCMA Theinhardt';font-weight: 500;font-size: 1.65rem;} .special-events-page .artsense > h3 {font-family: 'OCMA Kent';font-weight: 400; font-style: italic; font-size: 1.65rem; text-align: center; font-size: 1.5rem; line-height: 1.25em; padding-bottom: 0.5rem; color: black;} .special-events-page .artsense {} .artsense .button-group-artsense {display: flex; gap: 1.5rem; padding-bottom: 3rem; padding-top: 1.5rem;} @media only screen and (max-width: 750px) { .artsense .button-group-artsense {display: flex; gap: 1.5rem; padding-bottom: 3rem; flex-direction: column;} } .artsense .button-group-artsense .event-button {width: 100%; display: block;} .artsense .button-group-artsense .event-button a {width: 100%; display: block; text-align: center; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 1.125rem; line-height: 1em; padding: 0.7em 0.8em 0.8em; border: 1.25pt solid #00005f; color: #fff; background: #00005f; text-decoration: none; transition: 0.15s; border-radius: 3rem;} .artsense .button-group-artsense .event-button a span {display: inline-block; position: static; padding-left: 0.5rem; height: 0.75em;} .artsense .button-group-artsense .event-button a span svg {stroke: #fff; height: 100%; width: auto; transition: 0.15s} .artsense .button-group-artsense .event-button a:hover {color: #00005f; background: #fff;} .artsense .button-group-artsense .event-button a:hover span svg {stroke: #00005f;} .artsense .hero-description {font-size: 1.125rem; line-height: 1.25em; padding-bottom: 1.5rem; text-align: center;} .artsense .premier-sponsor {font-size: 1.125rem; line-height: 1.25em; padding-bottom: 1.5rem; text-align: center;} .artsense .premier-sponsor p {margin-bottom: 1rem;} .artsense .premier-sponsor img {width: 50%; margin: 0 auto;} @media only screen and (max-width: 750px) {.artsense .premier-sponsor img {width: 80%;}} .artsense .additional-support-logos {font-size: 1.125rem; line-height: 1.25em; padding-bottom: 3rem; text-align: center; padding-top: 1rem; } .artsense .additional-support-logos p {margin-bottom: 1rem;} .artsense .additional-copy {font-size: 1.125rem; line-height: 1.25em; padding-bottom: 0rem; text-align: center;} .artsense .gallery-group {padding-bottom: 0.75rem; border-top: 1.25pt solid #B0B0B0; padding-top: 3rem; margin-top: 3rem;} .artsense .gallery-group .gallery {margin-bottom: 0; display: block;} .artsense .gallery-group .gallery .gallery-flex {display: flex; gap: 1rem;} .artsense .gallery-group .gallery .gallery-flex img {display: block;} .artsense .gallery-group .gallery + .gallery {padding-top:1rem;} .artsense .gallery-group .gallery .gallery-caption {padding-top: 1rem;font-size: 12px; line-height: 1.25em; font-family: 'OCMA Theinhardt'; font-weight: 500;} .sponsorships {} .special-events-page .sponsorships > h2 {font-family: 'OCMA Theinhardt';font-weight: 500;font-size: 1.65rem;} .sponsorships .sponsorships-description {font-size: 1rem; line-height: 1.25em; max-width: 700px; padding-bottom: 0.5rem;} .sponsorships .sponsorship-blocks {display: flex; gap: 2.5rem 1.5rem; flex-wrap: wrap; align-items: stretch; padding-top: 1.5rem;} .sponsorships .sponsorship-blocks article {width: calc(50% - 0.75rem); padding:1rem; background: #3f6f5f; color: #fff; border-radius: 1rem; font-size: 1rem; line-height: 1.25em;} @media only screen and (max-width: 750px) { .sponsorships .sponsorship-blocks article {width: 100%; } } .sponsorships .sponsorship-blocks article h3 {color: #fff; font-size: 1.25rem; line-height: 1.25em; padding-bottom: 0.5em; } .sponsorships .sponsorship-blocks article p {color: #fff; } .sponsorships .sponsorship-blocks article p + p, .sponsorships .sponsorship-blocks article ul {padding-top: 0.5em;} .sponsorships .sponsorship-blocks article ul {padding-left: 1em;} .sponsorships .additional-copy {padding-bottom: 0.75rem; border-top: 1.25pt solid #B0B0B0; padding-top: 3rem; margin-top: 3rem;} .sponsorships .additional-copy .additional-copy-content {font-size: 1rem; line-height: 1.25em; max-width: 700px;} .sponsorships .button-group-sponsorship {padding-top: 0.75rem;} .sponsorships .button-group-sponsorship .event-button {width: 100%; display: block;} .sponsorships .button-group-sponsorship .event-button a {width: 100%; display: block; text-align: center; font-family: 'OCMA Theinhardt'; font-weight: 500; font-size: 1.125rem; line-height: 1em; padding: 0.7em 0.8em 0.8em; border: 1.25pt solid #fff; color: #3f6f5f; background: #fff; text-decoration: none; transition: 0.15s; border-radius: 3rem;} .sponsorships .button-group-sponsorship .event-button a span {display: inline-block; position: static; padding-left: 0.5rem; height: 0.75em;} .sponsorships .button-group-sponsorship .event-button a span svg {stroke: #3f6f5f; height: 100%; width: auto; transition: 0.15s} .sponsorships .button-group-sponsorship .event-button a:hover {color: #fff; background: #3f6f5f;} .sponsorships .button-group-sponsorship .event-button a:hover span svg {stroke: #fff;} .link-block a {text-decoration: none;}