/* CSS Document */ //--- Bottom of SINGLE Calendar Event RELATED view ------------- #relatedexhibitions .exhibitionitem .imagewrapper {overflow: hidden;} #relatedexhibitions .exhibitionitem img {transition: all 0.3s;} #relatedexhibitions .exhibitionitem a:hover img, #relatedexhibitions .exhibitionitem a:focus img {transform: scale3d(1.1,1.1,1);} #relatedexhibitions .exhibitionitem a .titlewrap {color: #020202; margin-top: 11px; font-size: calc(16pt + .3vw); font-family: "poppins"; font-weight: 600; line-height: 1.3em; letter-spacing: 1.5px} #relatedexhibitions .exhibitionitem .datewrap {display: inline-block;} #relatedexhibitions .exhibitionitem .datewrap .startdate {display: inline-block;} #relatedexhibitions .exhibitionitem .datewrap .enddate {display: inline-block;} // --- EXHIBITION TOP LEVEL PAGE, CURRENT AND FUTURE: //---------------------------------------------------------------------------------------------------------------------------------- #content.exhibitions-current .inner h1 {color: #101010; font-weight: 900; margin-top: 33px; } #content.exhibitions-current .inner h1:after {content: " "; background: #167e6f; margin: 22px 0 30px; display: block; width: 780px; height: 7px;} // --- EXHIBITION TOP LEVEL PAGE, PAST: //---------------------------------------------------------------------------------------------------------------------------------- #exhibitionfilterbar {position: relative; padding: 0; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; z-index: 700; } #exhibitionfilterbar:before {content: " "; width: 100%; height: 3px; margin-top: 0px; background-color: #d7d7d7; position: absolute; top: 21px; z-index: 1;} #exhibitionfilterbar .filterwrap {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 0 auto;} #exhibitionfilterbar .filtercat1 {background: #ffffff; color: #212121; border: 2px solid #ff8c01; width: 112px; padding: 9px 10px; margin-right: 40px; display: inline-block; text-align: center; cursor: pointer; box-sizing: border-box; transition: all 0.3s; z-index: 20;} #exhibitionfilterbar .filtercat1:nth-last-child(1) {margin-right: 0; } #exhibitionfilterbar .filtercat1.active {background: #ff8c01; color: #ffffff; } #exhibitionfilterbar .filtercat1:hover, #exhibitionfilterbar .filtercat1:focus {background: #ff8c01; color: #ffffff; } #exhibitionfilterbar .filterwrap .filtercat1 .titlewrap {font-size: calc(12pt + .2vw); font-weight: 700; letter-spacing: .5px; } #allexhibitions {background: #ffffff; padding: 30px 0 0 0;} #allexhibitions .inner {padding: 0 2%; box-sizing: border-box; display: flex; justify-content: flex-start; flex-wrap: wrap;} #allexhibitions .exhibitionitem {width: 21%; margin: 0 2% 50px; transition: all 0.8s;} #allexhibitions .exhibitionitem:nth-child(3n+3) {margin-right: 0;} #allexhibitions .exhibitionitem .imagewrapper {overflow: hidden; border: 2px solid #ebebeb; box-sizing: border-box; height: 220px;} #allexhibitions .exhibitionitem img {width: 100%; object-fit: cover; transition: all 0.3s;} #allexhibitions .exhibitionitem a:hover img, #allexhibitions .exhibitionitem a:focus img {transform: scale3d(1.1,1.1,1);} #allexhibitions .exhibitionitem a .titlewrap {color: #254661; margin: 19px 0 16px; font-size: calc(16pt + .02vw); font-family: "Raleway"; font-weight: 300; line-height: 1.3em; letter-spacing: 1.5px; text-decoration:none;} #allexhibitions .exhibitionitem .datewrap {width: 100%; color: #101010; font-size: calc(12pt + .02vw); margin-bottom: 12px; display: inline-block; text-transform: uppercase; } #allexhibitions .exhibitionitem .datewrap .startdate {display: inline-block;} #allexhibitions .exhibitionitem .datewrap .enddate {display: inline-block;} #allexhibitions .exhibitionitem .bluebar {width: 100%;} #allexhibitions .exhibitionitem .bluebar:after {content: " "; display: block; width: 100%; height: 5px; position: absolute; bottom: 0; background: #0098aa; } #allexhibitions .exhibitionitem .description p {width: 100%; color: #212121; margin-top: 0; line-height: 1.5em; } // #allexhibitions .exhibitionitem a .subtitlewrap {color: #282828; font-size: calc(12pt + .3vw); font-family: "poppins"; font-weight: 400; line-height: 1.2em; letter-spacing: 1.2px} #allexhibitions .exhibitionitem.nodisplay {transform: scale(0.0);} #allexhibitions .exhibitionitem.nodisplay .titlewrap {font-size: 0;} #allexhibitions .exhibitionitem.nodisplay .date-wrap {font-size: 0;} #allexhibitions .exhibitionitem.absolute {opacity: 0; width: 0px; margin: 0;} #allexhibitions .exhibitionitem.outofpricerange {transform: scale(0.0);} #allexhibitions .exhibitionitem.absolute2 {opacity: 0; width: 0px; margin: 0;} // --- EXHIBITION TOP LEVEL PAGE, TRAVELING: //---------------------------------------------------------------------------------------------------------------------------------- #content.exhibitions-traveling .inner h1:after {content: " "; background-color: #f69c00; width: 780px; height: 7px; margin: 25px 0 30px; display: block; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition {padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition:nth-last-child(1) {border-bottom: none; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside {width: 21.5%; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside .imagewrapper {border: 2px solid #c9c9c9; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside .imagecredit {color: #212121; font-size: 10pt; padding: 0 5%; margin-top: 5px; font-family: "Lato"; font-weight: 400; line-height: 1.25em; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside {width: 76%; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside .titlewrap {color: #254661; font-size: calc(14pt + .2vw); font-family: "Raleway"; font-weight: 500; margin-bottom: 20px;} #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside .bluebar:after {width: 252px; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside .description.summary {font-size: 11pt; margin: -18px 0 34px; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside .description.summary P {line-height: 1.7em; } // --- SINGLE EXHIBITION PAGE: //---------------------------------------------------------------------------------------------------------------------------------- #content.single-exhibition-page {background-color: #ffffff; padding-top: 37px; padding-bottom: 56px; } #content.single-exhibition-page .inner {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #content.single-exhibition-page .inner .leftside {width: calc(100% - 625px); } #content.single-exhibition-page .inner .leftside h1 {margin-top: 0; line-height: 1em; } #content.single-exhibition-page .inner .leftside h1:after {content: " "; background: #f69c00; margin: 26px 0 28px; display: block; width: 78%; height: 7px; } #content.single-exhibition-page .inner .leftside .show_date {font-size: calc(14pt + .3vw); font-weight: 700; margin-bottom: 24px; text-transform: uppercase; } #content.single-exhibition-page .inner .leftside .textwrap p {line-height: 1.75em; margin-bottom: 30px; } #content.single-exhibition-page .inner .rightside {width: 500px; } #content.single-exhibition-page .inner .rightside .related_events {background-color: #f0f0f0; } #content.single-exhibition-page .inner .rightside .related_events .titlebar h2 {background-color: #181818; color: #ffffff; font-size: calc(16pt + .15vw); font-weight: 700; padding: 14px 28px; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper {padding: 20px 28px; box-sizing: border-box; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem {margin-bottom: 20px; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem .topline {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem .topline .datewrap {color: #101010; margin-right: 12px; font-weight: 700; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem .topline .titlewrap a {color: #101010; text-decoration: underline; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem .topline .titlewrap a:hover, #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem .topline .titlewrap a:focus {color: #0098aa; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem .textwrap {color: #101010; } #content.single-exhibition-page .inner .rightside .related_events .callwrapper .relateditem .textwrap {line-height: 1.75em; } #content.single-exhibition-page .inner .leftside.fullwidth {width: 100%; } #repeating_artpiece_section {margin-bottom: -65px; } #repeating_artpiece_section .inner .callwrapper .itembox {margin-bottom: 68px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } #repeating_artpiece_section .inner .callwrapper .itembox .leftside {width: 58%; } #repeating_artpiece_section .inner .callwrapper .itembox .leftside .imagewrapper {border: 2px solid #c9c9c9; width: 100%; text-align: center; } #repeating_artpiece_section .inner .callwrapper .itembox .rightside {width: 40%; } #repeating_artpiece_section .inner .callwrapper .itembox .rightside .titlewrap {margin-bottom: 36px; } #repeating_artpiece_section .inner .callwrapper .itembox .rightside .titlewrap h4 {color: #101010; font-family: "Lato"; font-size: calc(16pt + .3vw); font-weight: 400; } #repeating_artpiece_section .inner .callwrapper .itembox .rightside .descriptionwrap p {line-height: 1.7em; } #repeating_artpiece_section .inner .callwrapper .itembox:nth-child(even) .leftside {order: 2; } #two_column_info .inner {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #two_column_info .inner .leftside {width: 48%; } #two_column_info .inner .leftside .descriptionwrap p {line-height: 1.7em; } #two_column_info .inner .rightside {width: 48%; } #two_column_info .inner .rightside .descriptionwrap p > iframe {width: 100% !important; } #logo_section .inner .callwrapper .sectionbox .titlewrap h2 {background-color: #181818; color: #ffffff; padding: 12px 14px; box-sizing: border-box; } #logo_section .inner .callwrapper .sectionbox .callwrapper {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox {width: 15.39%; margin-right: 1.53%; margin-bottom: 20px; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(6n+6) {margin-right: 0; } #backtoall .inner {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } #backtoall .inner .buttonwrap a.button.more-link {width: 245px; height: 50px; display: flex; justify-content: center; align-items: center; } .page-template-bfm_support_business_sponsors #two_column_info {padding-top: 0px;} .page-template-bfm_support_business_sponsors #logo_section .sectionbox .callwrapper {align-items: center;} .page-template-bfm_support_business_sponsors #logo_section .logotitlewrap {color: #181818; font-weight: 700; font-family: "Lato"; text-align: center; transition: all 0.3s;} .page-template-bfm_support_business_sponsors #logo_section .itembox:hover .logotitlewrap {color: #d03d25;} .page-template-bfm_support_business_sponsors #logo_section .itembox .imagewrapper {overflow: hidden; border: 1px solid #c6c6c6; box-sizing: border-box;} .page-template-bfm_support_business_sponsors #logo_section .itembox .imagewrapper img {transition: all 0.3s;} .page-template-bfm_support_business_sponsors #logo_section .itembox:hover .imagewrapper img {transform: scale3d(1.1,1.1,1);} /* Special Event Page */ .page-template-bfm_activitiesevents_special #two_column_info {padding-top: 0px;} .page-template-bfm_activitiesevents_special #logo_section .inner .callwrapper .sectionbox .titlewrap h2 {font-size: 1.1em; color: #101010; text-align: center; background: transparent; padding: 0;} .page-template-bfm_activitiesevents_special #logo_section .inner .callwrapper .sectionbox .callwrapper {justify-content: center; margin-bottom: 40px;} .page-template-bfm_activitiesevents_special #logo_section .sectionbox .callwrapper {align-items: center;} .page-template-bfm_activitiesevents_special #logo_section .logotitlewrap {color: #181818; font-weight: 700; font-family: "Lato"; text-align: center; transition: all 0.3s;} .page-template-bfm_activitiesevents_special #logo_section .itembox:hover .logotitlewrap {color: #d03d25;} .page-template-bfm_activitiesevents_special #logo_section .itembox .imagewrapper {overflow: hidden; border: 1px solid #c6c6c6; box-sizing: border-box;} .page-template-bfm_activitiesevents_special #logo_section .itembox .imagewrapper img {transition: all 0.3s;} .page-template-bfm_activitiesevents_special #logo_section .itembox:hover .imagewrapper img {transform: scale3d(1.1,1.1,1);} /* Art Library - Research Tools & Resources */ .page-template-bfm_visit_art_library_tools #logo_section .inner .callwrapper .sectionbox .titlewrap h2 {background-color: transparent; color: #d03d25; padding: 0;} .page-template-bfm_visit_art_library_tools #logo_section {padding-top: 0;} .page-template-bfm_visit_art_library_tools #logo_section .inner .callwrapper .sectionbox .callwrapper {justify-content: flex-start; margin-bottom: 40px;} .page-template-bfm_visit_art_library_tools #logo_section .sectionbox .callwrapper {align-items: center;} .page-template-bfm_visit_art_library_tools #logo_section .logotitlewrap {color: #181818; font-weight: 700; font-family: "Lato"; text-align: center; transition: all 0.3s;} .page-template-bfm_visit_art_library_tools #logo_section .itembox:hover .logotitlewrap {color: #d03d25;} .page-template-bfm_visit_art_library_tools #logo_section .itembox .imagewrapper {overflow: hidden; border: 1px solid #c6c6c6; box-sizing: border-box;} .page-template-bfm_visit_art_library_tools #logo_section .itembox .imagewrapper img {transition: all 0.3s;} .page-template-bfm_visit_art_library_tools #logo_section .itembox:hover .imagewrapper img {transform: scale3d(1.1,1.1,1);} @media only screen and (min-width: 1921px) { body {max-width: 1920px; display: block; margin: 0 auto;} } @media only screen and (max-width: 1700px) { #exhibitionfilterbar .filterwrap {width: calc(100% - 2% - 2%); justify-content: flex-start; } #exhibitionfilterbar .filtercat1 {width: 14%; margin-right: 3.2%; margin-bottom: 20px; } #exhibitionfilterbar .filtercat1:nth-child(6n+6) {margin-right: 0;} } @media only screen and (max-width: 1400px) { #content.single-exhibition-page .inner .leftside {width: 62%;} #content.single-exhibition-page .inner .rightside {width: 32%;} #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox {width: 23%; margin-right: 2.66%; margin-bottom: 20px; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(6n+6) {margin-right: 2.66%; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(4n+4) {margin-right: 0%; } } @media only screen and (max-width: 1350px) { #exhibitionfilterbar .filterwrap {width: calc(100% - 2% - 2%); justify-content: flex-start; } #exhibitionfilterbar .filtercat1:nth-child(6n+6) {margin-right: 2.5%;} #exhibitionfilterbar .filtercat1 {width: 18%; margin-right: 2.5%; margin-bottom: 20px; } #exhibitionfilterbar .filtercat1:nth-child(5n+5) {margin-right: 0;} } @media only screen and (max-width: 1100px) { #allexhibitions .exhibitionitem {width: 48%; margin: 0 1% 50px; } #content.single-exhibition-page .inner .leftside {width: 100%; } #content.single-exhibition-page .inner .leftside h1:after {width: 100%; } #content.single-exhibition-page .inner .rightside {width: 100%; } #repeating_artpiece_section .inner .callwrapper .itembox .leftside {width: 100%; } #repeating_artpiece_section .inner .callwrapper .itembox .leftside .imagewrapper {width: 100%; } #repeating_artpiece_section .inner .callwrapper .itembox .leftside .imagewrapper img {display: block; margin: 0 auto; } #repeating_artpiece_section .inner .callwrapper .itembox .rightside {width: 100%; } #repeating_artpiece_section .inner .callwrapper .itembox:nth-child(even) .leftside {order: 1; } #repeating_artpiece_section .inner .callwrapper .itembox:nth-child(even) .rightside {order: 2; } } @media only screen and (max-width: 1000px) { #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside {width: 100%; margin-bottom: 15px; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside .imagegroup .imagecredit {padding: 0; width: 250px; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside {width: 100%; } } @media only screen and (max-width: 820px) { #content.exhibitions-current .inner h1:after {width: 100%; } #two_column_info .inner .leftside {width: 100%; } #two_column_info .inner .rightside {width: 100%; } } @media only screen and (max-width: 800px) { #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox {width: 31%; margin-right: 3.5%; margin-bottom: 20px; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(6n+6) {margin-right: 0%; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(4n+4) {margin-right: 3.5%; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(3n+3) {margin-right: 0%; } #backtoall .inner .buttonwrap {width: 100%; margin-bottom: 20px; text-align: center; } #content.exhibitions-traveling .inner h1:after {width: 100%; } } @media only screen and (max-width: 600px) { #exhibitionfilterbar .filterwrap {width: calc(100% - 2% - 2%); justify-content: flex-start; } #exhibitionfilterbar .filtercat1 {width: 31%; margin-right: 3.5%; margin-bottom: 20px; } #exhibitionfilterbar .filtercat1:nth-child(5n+5) {margin-right: 3.5%; } #exhibitionfilterbar .filtercat1:nth-child(3n+3) {margin-right: 0; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside {width: 100%; margin-bottom: 15px; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside .imagegroup {text-align: center; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .leftside .imagegroup .imagecredit {margin: 0 auto; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside {width: 100%; text-align: center; } #alltravelingexhibitions .inner .exhibitionitem.traveling-exhibition .rightside .bluebar:after {width: 100%; } } @media only screen and (max-width: 500px) { #allexhibitions .exhibitionitem {width: 90%; margin: 0 auto 50px; } #logo_section .inner .callwrapper .sectionbox .callwrapper {justify-content: space-between; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(6n+6) {margin-right: 4%; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(4n+4) {margin-right: 4%; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(3n+3) {margin-right: 4%; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox {width: 48%; margin-right: 4%; margin-bottom: 20px; } #logo_section .inner .callwrapper .sectionbox .callwrapper .itembox:nth-child(2n+2) {margin-right: 0%; } } @media only screen and (max-width: 400px) {}