@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.chip-callout--info,.events-list .chip,.exhibitions-list .chip,.upcoming-list .upcoming--item .dates{width:100px;padding:1rem;text-align: center;font-size: 20px; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.2em}.events-list .teal.chip,.exhibitions-list .teal.chip,.teal.chip-callout--info,.upcoming-list .upcoming--item .teal.dates{background-color:#7dcdc3}.cadet.chip-callout--info,.events-list .cadet.chip,.exhibitions-list .cadet.chip,.upcoming-list .upcoming--item .cadet.dates{background-color:#465470}.events-list .red.chip,.exhibitions-list .red.chip,.red.chip-callout--info,.upcoming-list .upcoming--item .red.dates{background-color:#00ff32}.events-list .gold.chip,.exhibitions-list .gold.chip,.gold.chip-callout--info,.upcoming-list .upcoming--item .gold.dates{background-color:#ecb95c}.charcoal.chip-callout--info,.events-list .charcoal.chip,.exhibitions-list .charcoal.chip,.upcoming-list .upcoming--item .charcoal.dates{background-color:#555}.chip-callout .location:not(:empty):before,.events-list ul.tags li:first-child:before,.exhibitions-list ul.tags li:first-child:before,.main-footer .legal a:before,body.single-ai1ec_event .page-content time+address:before,body.single-ai1ec_event .page-content time .times:before,body.single-exhibition time+address:before{display:inline-block;content:"";width:5px;height:5px;background-color:#555;vertical-align:2px}@font-face{font-family:Franklin Gothic FS;src:url(../fonts/franklingothic-book-webfont-83e5cda6c7.eot);src:url(../fonts/franklingothic-book-webfont-83e5cda6c7.eot?#iefix) format("embedded-opentype"),url(../fonts/franklingothic-book-webfont-59096ee8db.woff2) format("woff2"),url(../fonts/franklingothic-book-webfont-092674cbda.woff) format("woff"),url(../fonts/franklingothic-book-webfont-17b9df1400.ttf) format("truetype"),url(../fonts/franklingothic-book-webfont-698c8fa595.svg#FranklinGothicFS-Book) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Franklin Gothic FS;src:url(../fonts/franklingothic-demi-webfont-8959101a83.eot);src:url(../fonts/franklingothic-demi-webfont-8959101a83.eot?#iefix) format("embedded-opentype"),url(../fonts/franklingothic-demi-webfont-9e92b3fe88.woff2) format("woff2"),url(../fonts/franklingothic-demi-webfont-32bdca1b50.woff) format("woff"),url(../fonts/franklingothic-demi-webfont-c4ba211182.ttf) format("truetype"),url(../fonts/franklingothic-demi-webfont-f843377466.svg#FranklinGothicFS-Demi) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Klavika Basic;src:url(../fonts/KlavikaBasic-Regular-b009b1af5c.eot);src:url(../fonts/KlavikaBasic-Regular-b009b1af5c.eot?#iefix) format("embedded-opentype"),url(../fonts/KlavikaBasic-Regular-ff63cd1f43.woff2) format("woff2"),url(../fonts/KlavikaBasic-Regular-e11100081b.woff) format("woff"),url(../fonts/KlavikaBasic-Regular-ecdf0b4f58.ttf) format("truetype"),url(../fonts/KlavikaBasic-Regular-24f9f32178.svg#KlavikaBasic-Regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Klavika Basic;src:url(../fonts/KlavikaBasic-Medium-2351af4d78.eot);src:url(../fonts/KlavikaBasic-Medium-2351af4d78.eot?#iefix) format("embedded-opentype"),url(../fonts/KlavikaBasic-Medium-383c8cf1fd.otf) format("opentype"),url(../fonts/KlavikaBasic-Medium-22ab73c993.woff) format("woff"),url(../fonts/KlavikaBasic-Medium-2927117053.ttf) format("truetype"),url(../fonts/KlavikaBasic-Medium-94c32233ba.svg#KlavikaBasic-Medium) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Klavika Basic;src:url(../fonts/KlavikaBasic-Bold-87c222746e.eot);src:url(../fonts/KlavikaBasic-Bold-87c222746e.eot?#iefix) format("embedded-opentype"),url(../fonts/KlavikaBasic-Bold-dfec7b8234.woff2) format("woff2"),url(../fonts/KlavikaBasic-Bold-0968ca487b.woff) format("woff"),url(../fonts/KlavikaBasic-Bold-400f2f050c.ttf) format("truetype"),url(../fonts/KlavikaBasic-Bold-f58dc7e17d.svg#KlavikaBasic-Bold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Klavika Basic;src:url(../fonts/KlavikaBasic-RegularItalic-efb2fe4817.eot);src:url(../fonts/KlavikaBasic-RegularItalic-efb2fe4817.eot?#iefix) format("embedded-opentype"),url(../fonts/KlavikaBasic-RegularItalic-ac38f7a456.woff2) format("woff2"),url(../fonts/KlavikaBasic-RegularItalic-56d8600fef.woff) format("woff"),url(../fonts/KlavikaBasic-RegularItalic-275da61cef.ttf) format("truetype"),url(../fonts/KlavikaBasic-RegularItalic-d461c4b553.svg#KlavikaBasic-RegularItalic) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Antonio;src:url(../fonts/antonio-light-webfont-f30e4b1f2b.eot);src:url(../fonts/antonio-light-webfont-f30e4b1f2b.eot?#iefix) format("embedded-opentype"),url(../fonts/antonio-light-webfont-4459a8275b.woff2) format("woff2"),url(../fonts/antonio-light-webfont-23b2864668.woff) format("woff"),url(../fonts/antonio-light-webfont-4f36016155.ttf) format("truetype"),url(../fonts/antonio-light-webfont-bc237d4e5f.svg#Antonio-Light) format("svg");font-weight:400;font-style:normal}@font-face{font-family:icons;src:url(../fonts/icons-aea3697335.eot);src:url(../fonts/icons-aea3697335.eot?#iefix) format("embedded-opentype"),url(../fonts/icons-81d69cbea2.woff) format("woff"),url(../fonts/icons-f8cd68a9b0.ttf) format("truetype"),url(../fonts/icons-afa5b42e18.svg#icons) format("svg");font-weight:400;font-style:normal}.icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;content:"";font-family:icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}.icon.-search:before{content:"ὐ"}.icon.-chevron:before{content:"▲"}.icon.-calendar:before{content:""}.icon.-hamburger:before{content:""}.icon.-instagram:before{content:""}.icon.-IE:before{content:""}.icon.-close:before{content:""}.icon.-IcoMoon:before{content:""}.icon.-search2:before{content:""}.icon.-visit:before{content:""}.icon.-accessibility:before{content:""}.icon.-address-book:before{content:""}.icon.-aid-kit:before{content:""}.icon.-airplane:before{content:""}.icon.-alarm:before{content:""}.icon.-amazon:before{content:""}.icon.-android:before{content:""}.icon.-angry:before{content:""}.icon.-angry2:before{content:""}.icon.-appleinc:before{content:""}.icon.-arrow-down-left:before{content:""}.icon.-arrow-down-left2:before{content:""}.icon.-arrow-down-right:before{content:""}.icon.-arrow-down-right2:before{content:""}.icon.-arrow-down:before{content:""}.icon.-arrow-down2:before{content:""}.icon.-arrow-left:before{content:""}.icon.-arrow-left2:before{content:""}.icon.-arrow-right:before{content:""}.icon.-arrow-right2:before{content:""}.icon.-arrow-up-left:before{content:""}.icon.-arrow-up-left2:before{content:""}.icon.-arrow-up-right:before{content:""}.icon.-arrow-up-right2:before{content:""}.icon.-arrow-up:before{content:""}.icon.-arrow-up2:before{content:""}.icon.-attachment:before{content:""}.icon.-backward:before{content:""}.icon.-backward2:before{content:""}.icon.-baffled:before{content:""}.icon.-baffled2:before{content:""}.icon.-barcode:before{content:""}.icon.-basecamp:before{content:""}.icon.-behance:before{content:""}.icon.-behance2:before{content:""}.icon.-bell:before{content:""}.icon.-bin:before{content:""}.icon.-bin2:before{content:""}.icon.-binoculars:before{content:""}.icon.-blocked:before{content:""}.icon.-blog:before{content:""}.icon.-blogger:before{content:""}.icon.-blogger2:before{content:""}.icon.-bold:before{content:""}.icon.-book:before{content:""}.icon.-bookmark:before{content:""}.icon.-bookmarks:before{content:""}.icon.-books:before{content:""}.icon.-box-add:before{content:""}.icon.-box-remove:before{content:""}.icon.-briefcase:before{content:""}.icon.-brightness-contrast:before{content:""}.icon.-bubble:before{content:""}.icon.-bubble2:before{content:""}.icon.-bubbles:before{content:""}.icon.-bubbles2:before{content:""}.icon.-bubbles3:before{content:""}.icon.-bubbles4:before{content:""}.icon.-bug:before{content:""}.icon.-bullhorn:before{content:""}.icon.-calculator:before{content:""}.icon.-print:before{content:""}.icon.-camera:before{content:""}.icon.-cancel-circle:before{content:""}.icon.-cart:before{content:""}.icon.-checkbox-checked:before{content:""}.icon.-checkbox-unchecked:before{content:""}.icon.-checkmark:before{content:""}.icon.-checkmark2:before{content:""}.icon.-chrome:before{content:""}.icon.-circle-down:before{content:""}.icon.-circle-left:before{content:""}.icon.-circle-right:before{content:""}.icon.-circle-up:before{content:""}.icon.-clear-formatting:before{content:""}.icon.-clipboard:before{content:""}.icon.-clock:before{content:""}.icon.-clock2:before{content:""}.icon.-cloud-check:before{content:""}.icon.-cloud-download:before{content:""}.icon.-cloud-upload:before{content:""}.icon.-cloud:before{content:""}.icon.-clubs:before{content:""}.icon.-codepen:before{content:""}.icon.-cog:before{content:""}.icon.-cogs:before{content:""}.icon.-coin-dollar:before{content:""}.icon.-coin-euro:before{content:""}.icon.-coin-pound:before{content:""}.icon.-coin-yen:before{content:""}.icon.-command:before{content:""}.icon.-compass:before{content:""}.icon.-compass2:before{content:""}.icon.-confused:before{content:""}.icon.-confused2:before{content:""}.icon.-connection:before{content:""}.icon.-contrast:before{content:""}.icon.-cool:before{content:""}.icon.-cool2:before{content:""}.icon.-copy:before{content:""}.icon.-credit-card:before{content:""}.icon.-crop:before{content:""}.icon.-cross:before{content:""}.icon.-crying:before{content:""}.icon.-crying2:before{content:""}.icon.-css3:before{content:""}.icon.-ctrl:before{content:""}.icon.-database:before{content:""}.icon.-delicious:before{content:""}.icon.-deviantart:before{content:""}.icon.-diamonds:before{content:""}.icon.-dice:before{content:""}.icon.-display:before{content:""}.icon.-download:before{content:""}.icon.-download2:before{content:""}.icon.-download3:before{content:""}.icon.-drawer:before{content:""}.icon.-drawer2:before{content:""}.icon.-dribbble:before{content:""}.icon.-drive:before{content:""}.icon.-dropbox:before{content:""}.icon.-droplet:before{content:""}.icon.-earth:before{content:""}.icon.-edge:before{content:""}.icon.-eject:before{content:""}.icon.-ello:before{content:""}.icon.-embed:before{content:""}.icon.-embed2:before{content:""}.icon.-enlarge:before{content:""}.icon.-enlarge2:before{content:""}.icon.-enter:before{content:""}.icon.-envelop:before{content:""}.icon.-equalizer:before{content:""}.icon.-equalizer2:before{content:""}.icon.-evil:before{content:""}.icon.-evil2:before{content:""}.icon.-exit:before{content:""}.icon.-eye-blocked:before{content:""}.icon.-eye-minus:before{content:""}.icon.-eye-plus:before{content:""}.icon.-eye:before{content:""}.icon.-eyedropper:before{content:""}.icon.-facebook:before{content:""}.icon.-facebook2:before{content:""}.icon.-feed:before{content:""}.icon.-file-empty:before{content:""}.icon.-file-excel:before{content:""}.icon.-file-music:before{content:""}.icon.-file-openoffice:before{content:""}.icon.-file-pdf:before{content:""}.icon.-file-picture:before{content:""}.icon.-file-play:before{content:""}.icon.-file-text:before{content:""}.icon.-file-text2:before{content:""}.icon.-file-video:before{content:""}.icon.-file-word:before{content:""}.icon.-file-zip:before{content:""}.icon.-files-empty:before{content:""}.icon.-film:before{content:""}.icon.-filter:before{content:""}.icon.-finder:before{content:""}.icon.-fire:before{content:""}.icon.-firefox:before{content:""}.icon.-first:before{content:""}.icon.-flag:before{content:""}.icon.-flattr:before{content:""}.icon.-flickr:before{content:""}.icon.-flickr2:before{content:""}.icon.-flickr3:before{content:""}.icon.-flickr4:before{content:""}.icon.-floppy-disk:before{content:""}.icon.-folder-download:before{content:""}.icon.-folder-minus:before{content:""}.icon.-folder-open:before{content:""}.icon.-folder-plus:before{content:""}.icon.-folder-upload:before{content:""}.icon.-folder:before{content:""}.icon.-font-size:before{content:""}.icon.-font:before{content:""}.icon.-forward:before{content:""}.icon.-forward2:before{content:""}.icon.-forward3:before{content:""}.icon.-foursquare:before{content:""}.icon.-frustrated:before{content:""}.icon.-frustrated2:before{content:""}.icon.-gift:before{content:""}.icon.-git:before{content:""}.icon.-github:before{content:""}.icon.-glass:before{content:""}.icon.-glass2:before{content:""}.icon.-google-drive:before{content:""}.icon.-google-plus:before{content:""}.icon.-google-plus2:before{content:""}.icon.-google-plus3:before{content:""}.icon.-google:before{content:""}.icon.-google2:before{content:""}.icon.-google3:before{content:""}.icon.-grin:before{content:""}.icon.-grin2:before{content:""}.icon.-hackernews:before{content:""}.icon.-hammer:before{content:""}.icon.-hammer2:before{content:""}.icon.-hangouts:before{content:""}.icon.-happy:before{content:""}.icon.-happy2:before{content:""}.icon.-headphones:before{content:""}.icon.-heart-broken:before{content:""}.icon.-heart:before{content:""}.icon.-hipster:before{content:""}.icon.-hipster2:before{content:""}.icon.-history:before{content:""}.icon.-home:before{content:""}.icon.-home2:before{content:""}.icon.-home3:before{content:""}.icon.-hour-glass:before{content:""}.icon.-html-five:before{content:""}.icon.-html-five2:before{content:""}.icon.-image:before{content:""}.icon.-images:before{content:""}.icon.-indent-decrease:before{content:""}.icon.-indent-increase:before{content:""}.icon.-infinite:before{content:""}.icon.-info:before{content:""}.icon.-insert-template:before{content:""}.icon.-italic:before{content:""}.icon.-joomla:before{content:""}.icon.-key:before{content:""}.icon.-key2:before{content:""}.icon.-keyboard:before{content:""}.icon.-lab:before{content:""}.icon.-lanyrd:before{content:""}.icon.-laptop:before{content:""}.icon.-last:before{content:""}.icon.-lastfm:before{content:""}.icon.-lastfm2:before{content:""}.icon.-leaf:before{content:""}.icon.-library:before{content:""}.icon.-libreoffice:before{content:""}.icon.-lifebuoy:before{content:""}.icon.-ligature:before{content:""}.icon.-ligature2:before{content:""}.icon.-link:before{content:""}.icon.-linkedin:before{content:""}.icon.-linkedin2:before{content:""}.icon.-list-numbered:before{content:""}.icon.-list:before{content:""}.icon.-list2:before{content:""}.icon.-location:before{content:""}.icon.-location2:before{content:""}.icon.-lock:before{content:""}.icon.-loop:before{content:""}.icon.-loop2:before{content:""}.icon.-ltr:before{content:""}.icon.-magic-wand:before{content:""}.icon.-magnet:before{content:""}.icon.-mail:before{content:""}.icon.-mail2:before{content:""}.icon.-mail3:before{content:""}.icon.-mail4:before{content:""}.icon.-make-group:before{content:""}.icon.-man-woman:before{content:""}.icon.-man:before{content:""}.icon.-map:before{content:""}.icon.-map2:before{content:""}.icon.-menu:before{content:""}.icon.-menu2:before{content:""}.icon.-menu3:before{content:""}.icon.-menu4:before{content:""}.icon.-meter:before{content:""}.icon.-meter2:before{content:""}.icon.-mic:before{content:""}.icon.-minus:before{content:""}.icon.-mobile:before{content:""}.icon.-mobile2:before{content:""}.icon.-move-down:before{content:""}.icon.-move-up:before{content:""}.icon.-mug:before{content:""}.icon.-music:before{content:""}.icon.-neutral:before{content:""}.icon.-neutral2:before{content:""}.icon.-new-tab:before{content:""}.icon.-newspaper:before{content:""}.icon.-next:before{content:""}.icon.-next2:before{content:""}.icon.-notification:before{content:""}.icon.-npm:before{content:""}.icon.-office:before{content:""}.icon.-omega:before{content:""}.icon.-onedrive:before{content:""}.icon.-opera:before{content:""}.icon.-opt:before{content:""}.icon.-pacman:before{content:""}.icon.-page-break:before{content:""}.icon.-pagebreak:before{content:""}.icon.-paint-format:before{content:""}.icon.-paragraph-center:before{content:""}.icon.-paragraph-justify:before{content:""}.icon.-paragraph-left:before{content:""}.icon.-paragraph-right:before{content:""}.icon.-paste:before{content:""}.icon.-pause:before{content:""}.icon.-pause2:before{content:""}.icon.-paypal:before{content:""}.icon.-pen:before{content:""}.icon.-pencil:before{content:""}.icon.-pencil2:before{content:""}.icon.-phone-hang-up:before{content:""}.icon.-phone:before{content:""}.icon.-pie-chart:before{content:""}.icon.-pilcrow:before{content:""}.icon.-pinterest:before{content:""}.icon.-pinterest2:before{content:""}.icon.-play:before{content:""}.icon.-play2:before{content:""}.icon.-play3:before{content:""}.icon.-plus:before{content:""}.icon.-podcast:before{content:""}.icon.-point-down:before{content:""}.icon.-point-left:before{content:""}.icon.-point-right:before{content:""}.icon.-point-up:before{content:""}.icon.-power-cord:before{content:""}.icon.-power:before{content:""}.icon.-previous:before{content:""}.icon.-previous2:before{content:""}.icon.-price-tag:before{content:""}.icon.-price-tags:before{content:""}.icon.-printer:before{content:""}.icon.-profile:before{content:""}.icon.-pushpin:before{content:""}.icon.-qrcode:before{content:""}.icon.-question:before{content:""}.icon.-quill:before{content:""}.icon.-quotes-left:before{content:""}.icon.-quotes-right:before{content:""}.icon.-radio-checked:before{content:""}.icon.-radio-checked2:before{content:""}.icon.-radio-unchecked:before{content:""}.icon.-reddit:before{content:""}.icon.-redo:before{content:""}.icon.-redo2:before{content:""}.icon.-renren:before{content:""}.icon.-reply:before{content:""}.icon.-road:before{content:""}.icon.-rocket:before{content:""}.icon.-rss:before{content:""}.icon.-rss2:before{content:""}.icon.-rtl:before{content:""}.icon.-sad:before{content:""}.icon.-sad2:before{content:""}.icon.-safari:before{content:""}.icon.-scissors:before{content:""}.icon.-section:before{content:""}.icon.-share:before{content:""}.icon.-share2:before{content:""}.icon.-shield:before{content:""}.icon.-shift:before{content:""}.icon.-shocked:before{content:""}.icon.-shocked2:before{content:""}.icon.-shrink:before{content:""}.icon.-shrink2:before{content:""}.icon.-shuffle:before{content:""}.icon.-sigma:before{content:""}.icon.-sina-weibo:before{content:""}.icon.-skype:before{content:""}.icon.-sleepy:before{content:""}.icon.-sleepy2:before{content:""}.icon.-smile:before{content:""}.icon.-smile2:before{content:""}.icon.-sort-alpha-asc:before{content:""}.icon.-sort-alpha-desc:before{content:""}.icon.-sort-amount-asc:before{content:""}.icon.-sort-amount-desc:before{content:""}.icon.-sort-numberic-desc:before{content:""}.icon.-sort-numeric-asc:before{content:""}.icon.-soundcloud:before{content:""}.icon.-soundcloud2:before{content:""}.icon.-spades:before{content:""}.icon.-spell-check:before{content:""}.icon.-sphere:before{content:""}.icon.-spinner:before{content:""}.icon.-spinner10:before{content:""}.icon.-spinner11:before{content:""}.icon.-spinner2:before{content:""}.icon.-spinner3:before{content:""}.icon.-spinner4:before{content:""}.icon.-spinner5:before{content:""}.icon.-spinner6:before{content:""}.icon.-spinner7:before{content:""}.icon.-spinner8:before{content:""}.icon.-spinner9:before{content:""}.icon.-spoon-knife:before{content:""}.icon.-spotify:before{content:""}.icon.-stack:before{content:""}.icon.-stackoverflow:before{content:""}.icon.-star-empty:before{content:""}.icon.-star-full:before{content:""}.icon.-star-half:before{content:""}.icon.-stats-bars:before{content:""}.icon.-stats-bars2:before{content:""}.icon.-stats-dots:before{content:""}.icon.-steam:before{content:""}.icon.-steam2:before{content:""}.icon.-stop:before{content:""}.icon.-stop2:before{content:""}.icon.-stopwatch:before{content:""}.icon.-strikethrough:before{content:""}.icon.-stumbleupon:before{content:""}.icon.-stumbleupon2:before{content:""}.icon.-subscript:before{content:""}.icon.-subscript2:before{content:""}.icon.-sun:before{content:""}.icon.-superscript:before{content:""}.icon.-superscript2:before{content:""}.icon.-svg:before{content:""}.icon.-switch:before{content:""}.icon.-tab:before{content:""}.icon.-table:before{content:""}.icon.-table2:before{content:""}.icon.-tablet:before{content:""}.icon.-target:before{content:""}.icon.-telegram:before{content:""}.icon.-terminal:before{content:""}.icon.-text-color:before{content:""}.icon.-text-height:before{content:""}.icon.-text-width:before{content:""}.icon.-ticket:before{content:""}.icon.-tongue:before{content:""}.icon.-tongue2:before{content:""}.icon.-tree:before{content:""}.icon.-trello:before{content:""}.icon.-trophy:before{content:""}.icon.-truck:before{content:""}.icon.-tumblr:before{content:""}.icon.-tumblr2:before{content:""}.icon.-tux:before{content:""}.icon.-tv:before{content:""}.icon.-twitch:before{content:""}.icon.-twitter:before{content:""}.icon.-underline:before{content:""}.icon.-undo:before{content:""}.icon.-undo2:before{content:""}.icon.-ungroup:before{content:""}.icon.-unlocked:before{content:""}.icon.-upload:before{content:""}.icon.-upload2:before{content:""}.icon.-upload3:before{content:""}.icon.-user-check:before{content:""}.icon.-user-minus:before{content:""}.icon.-user-plus:before{content:""}.icon.-user-tie:before{content:""}.icon.-user:before{content:""}.icon.-users:before{content:""}.icon.-video-camera:before{content:""}.icon.-vimeo:before{content:""}.icon.-vimeo2:before{content:""}.icon.-vine:before{content:""}.icon.-vk:before{content:""}.icon.-volume-decrease:before{content:""}.icon.-volume-high:before{content:""}.icon.-volume-increase:before{content:""}.icon.-volume-low:before{content:""}.icon.-volume-medium:before{content:""}.icon.-volume-mute:before{content:""}.icon.-volume-mute2:before{content:""}.icon.-warning:before{content:""}.icon.-whatsapp:before{content:""}.icon.-wikipedia:before{content:""}.icon.-windows:before{content:""}.icon.-windows8:before{content:""}.icon.-wink:before{content:""}.icon.-wink2:before{content:""}.icon.-woman:before{content:""}.icon.-wondering:before{content:""}.icon.-wondering2:before{content:""}.icon.-wordpress:before{content:""}.icon.-wrench:before{content:""}.icon.-x:before{content:""}.icon.-xing:before{content:""}.icon.-xing2:before{content:""}.icon.-yahoo:before{content:""}.icon.-yahoo2:before{content:""}.icon.-yelp:before{content:""}.icon.-youtube:before{content:""}.icon.-youtube2:before{content:""}.icon.-zoom-in:before{content:""}.icon.-zoom-out:before{content:""} /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ @import "https://fonts.googleapis.com/css2?family=Courier+Prime:ital@0;1&display=swap"; @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Light.woff2") format("woff2"), url("fonts/Carnegie-Soft_Light.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Light-Italic.woff2") format("woff2"), url("fonts/Carnegie-Soft_Light-Italic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Regular.woff2") format("woff2"), url("fonts/Carnegie-Soft_Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Regular-Italic.woff2") format("woff2"), url("fonts/Carnegie-Soft_Regular-Italic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Bold.woff2") format("woff2"), url("fonts/Carnegie-Soft_Bold.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Bold-Italic.woff2") format("woff2"), url("fonts/Carnegie-Soft_Bold-Italic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Marshmallow.woff2") format("woff2"), url("fonts/Carnegie-Soft_Marshmallow.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Carnegie Soft; src: url("../renamed-fonts/Carnegie-Soft_Marshmallow-Italic.woff2") format("woff2"), url("fonts/Carnegie-Soft_Marshmallow-Italic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: icons; src: url(../fonts/icons-aea3697335.eot); src: url(../fonts/icons-aea3697335.eot?#iefix) format("embedded-opentype"), url(../fonts/icons-81d69cbea2.woff) format("woff"), url(../fonts/icons-f8cd68a9b0.ttf) format("truetype"), url(../fonts/icons-afa5b42e18.svg#icons) format("svg"); font-weight: 400; font-style: normal } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 400 } dfn { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0 } textarea { overflow: auto } optgroup { font-weight: 400 } table { border-spacing: 0 } td, th { padding: 0 } body { background-color: #fff; color: #333; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: 1em; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .accent-text { font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400 } h1, h2, h3, h4, h5, h6 { font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; line-height: 1.2; font-weight: 400; font-style: normal; margin: 0 0 .75rem; text-rendering: optimizeLegibility } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: black !important; text-decoration: none; } .page-content h1, .page-content h2, .page-content h3, .page-content h4 { padding-top: 1.5rem } .page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child { padding-top: 0 } .level-1, h1 { font-size: 2.75em; font-weight: 400 } .level-1 em, .level-1.em, h1 em, h1.em { font-style: normal; font-weight: 400 } @media screen and (max-width:700px) { .level-1, h1 { font-size: 2em } } .level-2, h2 { font-size: 2em; font-weight: 400; } .level-2 em, .level-2.em, h2 em, h2.em { font-style: normal; font-weight: 400 } @media screen and (max-width:700px) { .level-2, h2 { font-size: 1.5em } } .level-3, h3 { font-size: 1.5em; text-transform: none; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400 } @media screen and (max-width:700px) { .level-3, h3 { font-size: 1.25em } } h3.alt { font-size: 2em; text-transform: none; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400 } @media screen and (max-width:1000px) { h3.alt { font-size: 1.75em } } @media screen and (max-width:700px) { h3.alt { font-size: 1.25em } } .level-4, caption, h4 { font-size: 1em; text-transform: none; font-weight: 400; margin-bottom: .25em } .level-4 em, .level-4.em, caption.em, caption em, h4 em, h4.em { font-style: normal; font-weight: 400 } .level-5, h5 { font-size: 1em; font-weight: 400 } .level-6, h6 { font-size: .875em; font-weight: 400 } p { margin: 0 0 .75rem } p:empty { margin: 0 } a { transition: color, .2s; color: black; text-decoration: none } a:active, a:hover { color: black; } hr { border-bottom: 1px solid rgba(0, 0, 0, .15); border-left: none; border-right: none; border-top: none; margin: 1.5rem 0 } hr.large { margin: 3.75rem 0 } hr.short { width: 20%; border-width: 3px } hr.thick { border-width: 3px; border-color: #333 } figure, img, picture { margin: 0; max-width: 100% } figure.default { margin: 1em 40px } pre { margin: 0; background: rgba(125, 205, 195, .25); display: inline } .quote { margin: 0 .75rem .75rem } blockquote { font-size: 1.15em; margin: 0 0 .75rem } .blockquote-attr { display: block } .blockquote-attr:before { content: "—" } cite { font-style: italic } figure { margin: 0 } figcaption { text-align: left } .hashtag { font-weight: 400 } .cadet.chip-callout--info, .category-tag.-cadet, .category-tag.-charcoal, .category-tag.-red, .charcoal.chip-callout--info, .events-list .cadet.chip, .events-list .charcoal.chip, .events-list .red.chip, .exhibitions-list .cadet.chip, .exhibitions-list .charcoal.chip, .exhibitions-list .red.chip, .horizontal-callout.photo-overlay.cadet, .horizontal-callout.photo-overlay.charcoal, .horizontal-callout.photo-overlay.red, .quickview, .red.chip-callout--info, .section-cadet, .section-red, .section-secondary, .sg-color-swatch:nth-child(10), .upcoming-list .upcoming--item .cadet.dates, .upcoming-list .upcoming--item .charcoal.dates, .upcoming-list .upcoming--item .red.dates, .vertical-callout.cadet, .vertical-callout.charcoal, .vertical-callout.red { color: #fff } .cadet.chip-callout--info a, .category-tag.-cadet a, .category-tag.-charcoal a, .category-tag.-red a, .charcoal.chip-callout--info a, .events-list .cadet.chip a, .events-list .charcoal.chip a, .events-list .red.chip a, .exhibitions-list .cadet.chip a, .exhibitions-list .charcoal.chip a, .exhibitions-list .red.chip a, .horizontal-callout.photo-overlay.cadet a, .horizontal-callout.photo-overlay.charcoal a, .horizontal-callout.photo-overlay.red a, .quickview a, .red.chip-callout--info a, .section-cadet a, .section-red a, .section-secondary a, .sg-color-swatch:nth-child(10) a, .upcoming-list .upcoming--item .cadet.dates a, .upcoming-list .upcoming--item .charcoal.dates a, .upcoming-list .upcoming--item .red.dates a, .vertical-callout.cadet a, .vertical-callout.charcoal a, .vertical-callout.red a { color: black; } .cadet.chip-callout--info a:hover, .category-tag.-cadet a:hover, .category-tag.-charcoal a:hover, .category-tag.-red a:hover, .charcoal.chip-callout--info a:hover, .events-list .cadet.chip a:hover, .events-list .charcoal.chip a:hover, .events-list .red.chip a:hover, .exhibitions-list .cadet.chip a:hover, .exhibitions-list .charcoal.chip a:hover, .exhibitions-list .red.chip a:hover, .horizontal-callout.photo-overlay.cadet a:hover, .horizontal-callout.photo-overlay.charcoal a:hover, .horizontal-callout.photo-overlay.red a:hover, .quickview a:hover, .red.chip-callout--info a:hover, .section-cadet a:hover, .section-red a:hover, .section-secondary a:hover, .sg-color-swatch:nth-child(10) a:hover, .upcoming-list .upcoming--item .cadet.dates a:hover, .upcoming-list .upcoming--item .charcoal.dates a:hover, .upcoming-list .upcoming--item .red.dates a:hover, .vertical-callout.cadet a:hover, .vertical-callout.charcoal a:hover, .vertical-callout.red a:hover { color: black; } .cadet.chip-callout--info a:active, .cadet.chip-callout--info a:focus, .category-tag.-cadet a:active, .category-tag.-cadet a:focus, .category-tag.-charcoal a:active, .category-tag.-charcoal a:focus, .category-tag.-red a:active, .category-tag.-red a:focus, .charcoal.chip-callout--info a:active, .charcoal.chip-callout--info a:focus, .events-list .cadet.chip a:active, .events-list .cadet.chip a:focus, .events-list .charcoal.chip a:active, .events-list .charcoal.chip a:focus, .events-list .red.chip a:active, .events-list .red.chip a:focus, .exhibitions-list .cadet.chip a:active, .exhibitions-list .cadet.chip a:focus, .exhibitions-list .charcoal.chip a:active, .exhibitions-list .charcoal.chip a:focus, .exhibitions-list .red.chip a:active, .exhibitions-list .red.chip a:focus, .horizontal-callout.photo-overlay.cadet a:active, .horizontal-callout.photo-overlay.cadet a:focus, .horizontal-callout.photo-overlay.charcoal a:active, .horizontal-callout.photo-overlay.charcoal a:focus, .horizontal-callout.photo-overlay.red a:active, .horizontal-callout.photo-overlay.red a:focus, .quickview a:active, .quickview a:focus, .red.chip-callout--info a:active, .red.chip-callout--info a:focus, .section-cadet a:active, .section-cadet a:focus, .section-red a:active, .section-red a:focus, .section-secondary a:active, .section-secondary a:focus, .sg-color-swatch:nth-child(10) a:active, .sg-color-swatch:nth-child(10) a:focus, .upcoming-list .upcoming--item .cadet.dates a:active, .upcoming-list .upcoming--item .cadet.dates a:focus, .upcoming-list .upcoming--item .charcoal.dates a:active, .upcoming-list .upcoming--item .charcoal.dates a:focus, .upcoming-list .upcoming--item .red.dates a:active, .upcoming-list .upcoming--item .red.dates a:focus, .vertical-callout.cadet a:active, .vertical-callout.cadet a:focus, .vertical-callout.charcoal a:active, .vertical-callout.charcoal a:focus, .vertical-callout.red a:active, .vertical-callout.red a:focus { color: #881834; outline: none } .cadet.chip-callout--info h1, .cadet.chip-callout--info h1 a, .cadet.chip-callout--info h2, .cadet.chip-callout--info h2 a, .cadet.chip-callout--info h3, .cadet.chip-callout--info h3 a, .cadet.chip-callout--info h4, .cadet.chip-callout--info h4 a, .cadet.chip-callout--info h5, .cadet.chip-callout--info h5 a, .cadet.chip-callout--info h6, .cadet.chip-callout--info h6 a, .category-tag.-cadet h1, .category-tag.-cadet h1 a, .category-tag.-cadet h2, .category-tag.-cadet h2 a, .category-tag.-cadet h3, .category-tag.-cadet h3 a, .category-tag.-cadet h4, .category-tag.-cadet h4 a, .category-tag.-cadet h5, .category-tag.-cadet h5 a, .category-tag.-cadet h6, .category-tag.-cadet h6 a, .category-tag.-charcoal h1, .category-tag.-charcoal h1 a, .category-tag.-charcoal h2, .category-tag.-charcoal h2 a, .category-tag.-charcoal h3, .category-tag.-charcoal h3 a, .category-tag.-charcoal h4, .category-tag.-charcoal h4 a, .category-tag.-charcoal h5, .category-tag.-charcoal h5 a, .category-tag.-charcoal h6, .category-tag.-charcoal h6 a, .category-tag.-red h1, .category-tag.-red h1 a, .category-tag.-red h2, .category-tag.-red h2 a, .category-tag.-red h3, .category-tag.-red h3 a, .category-tag.-red h4, .category-tag.-red h4 a, .category-tag.-red h5, .category-tag.-red h5 a, .category-tag.-red h6, .category-tag.-red h6 a, .charcoal.chip-callout--info h1, .charcoal.chip-callout--info h1 a, .charcoal.chip-callout--info h2, .charcoal.chip-callout--info h2 a, .charcoal.chip-callout--info h3, .charcoal.chip-callout--info h3 a, .charcoal.chip-callout--info h4, .charcoal.chip-callout--info h4 a, .charcoal.chip-callout--info h5, .charcoal.chip-callout--info h5 a, .charcoal.chip-callout--info h6, .charcoal.chip-callout--info h6 a, .events-list .cadet.chip h1, .events-list .cadet.chip h1 a, .events-list .cadet.chip h2, .events-list .cadet.chip h2 a, .events-list .cadet.chip h3, .events-list .cadet.chip h3 a, .events-list .cadet.chip h4, .events-list .cadet.chip h4 a, .events-list .cadet.chip h5, .events-list .cadet.chip h5 a, .events-list .cadet.chip h6, .events-list .cadet.chip h6 a, .events-list .charcoal.chip h1, .events-list .charcoal.chip h1 a, .events-list .charcoal.chip h2, .events-list .charcoal.chip h2 a, .events-list .charcoal.chip h3, .events-list .charcoal.chip h3 a, .events-list .charcoal.chip h4, .events-list .charcoal.chip h4 a, .events-list .charcoal.chip h5, .events-list .charcoal.chip h5 a, .events-list .charcoal.chip h6, .events-list .charcoal.chip h6 a, .events-list .red.chip h1, .events-list .red.chip h1 a, .events-list .red.chip h2, .events-list .red.chip h2 a, .events-list .red.chip h3, .events-list .red.chip h3 a, .events-list .red.chip h4, .events-list .red.chip h4 a, .events-list .red.chip h5, .events-list .red.chip h5 a, .events-list .red.chip h6, .events-list .red.chip h6 a, .exhibitions-list .cadet.chip h1, .exhibitions-list .cadet.chip h1 a, .exhibitions-list .cadet.chip h2, .exhibitions-list .cadet.chip h2 a, .exhibitions-list .cadet.chip h3, .exhibitions-list .cadet.chip h3 a, .exhibitions-list .cadet.chip h4, .exhibitions-list .cadet.chip h4 a, .exhibitions-list .cadet.chip h5, .exhibitions-list .cadet.chip h5 a, .exhibitions-list .cadet.chip h6, .exhibitions-list .cadet.chip h6 a, .exhibitions-list .charcoal.chip h1, .exhibitions-list .charcoal.chip h1 a, .exhibitions-list .charcoal.chip h2, .exhibitions-list .charcoal.chip h2 a, .exhibitions-list .charcoal.chip h3, .exhibitions-list .charcoal.chip h3 a, .exhibitions-list .charcoal.chip h4, .exhibitions-list .charcoal.chip h4 a, .exhibitions-list .charcoal.chip h5, .exhibitions-list .charcoal.chip h5 a, .exhibitions-list .charcoal.chip h6, .exhibitions-list .charcoal.chip h6 a, .exhibitions-list .red.chip h1, .exhibitions-list .red.chip h1 a, .exhibitions-list .red.chip h2, .exhibitions-list .red.chip h2 a, .exhibitions-list .red.chip h3, .exhibitions-list .red.chip h3 a, .exhibitions-list .red.chip h4, .exhibitions-list .red.chip h4 a, .exhibitions-list .red.chip h5, .exhibitions-list .red.chip h5 a, .exhibitions-list .red.chip h6, .exhibitions-list .red.chip h6 a, .horizontal-callout.photo-overlay.cadet h1, .horizontal-callout.photo-overlay.cadet h1 a, .horizontal-callout.photo-overlay.cadet h2, .horizontal-callout.photo-overlay.cadet h2 a, .horizontal-callout.photo-overlay.cadet h3, .horizontal-callout.photo-overlay.cadet h3 a, .horizontal-callout.photo-overlay.cadet h4, .horizontal-callout.photo-overlay.cadet h4 a, .horizontal-callout.photo-overlay.cadet h5, .horizontal-callout.photo-overlay.cadet h5 a, .horizontal-callout.photo-overlay.cadet h6, .horizontal-callout.photo-overlay.cadet h6 a, .horizontal-callout.photo-overlay.charcoal h1, .horizontal-callout.photo-overlay.charcoal h1 a, .horizontal-callout.photo-overlay.charcoal h2, .horizontal-callout.photo-overlay.charcoal h2 a, .horizontal-callout.photo-overlay.charcoal h3, .horizontal-callout.photo-overlay.charcoal h3 a, .horizontal-callout.photo-overlay.charcoal h4, .horizontal-callout.photo-overlay.charcoal h4 a, .horizontal-callout.photo-overlay.charcoal h5, .horizontal-callout.photo-overlay.charcoal h5 a, .horizontal-callout.photo-overlay.charcoal h6, .horizontal-callout.photo-overlay.charcoal h6 a, .horizontal-callout.photo-overlay.red h1, .horizontal-callout.photo-overlay.red h1 a, .horizontal-callout.photo-overlay.red h2, .horizontal-callout.photo-overlay.red h2 a, .horizontal-callout.photo-overlay.red h3, .horizontal-callout.photo-overlay.red h3 a, .horizontal-callout.photo-overlay.red h4, .horizontal-callout.photo-overlay.red h4 a, .horizontal-callout.photo-overlay.red h5, .horizontal-callout.photo-overlay.red h5 a, .horizontal-callout.photo-overlay.red h6, .horizontal-callout.photo-overlay.red h6 a, .quickview h1, .quickview h1 a, .quickview h2, .quickview h2 a, .quickview h3, .quickview h3 a, .quickview h4, .quickview h4 a, .quickview h5, .quickview h5 a, .quickview h6, .quickview h6 a, .red.chip-callout--info h1, .red.chip-callout--info h1 a, .red.chip-callout--info h2, .red.chip-callout--info h2 a, .red.chip-callout--info h3, .red.chip-callout--info h3 a, .red.chip-callout--info h4, .red.chip-callout--info h4 a, .red.chip-callout--info h5, .red.chip-callout--info h5 a, .red.chip-callout--info h6, .red.chip-callout--info h6 a, .section-cadet h1, .section-cadet h1 a, .section-cadet h2, .section-cadet h2 a, .section-cadet h3, .section-cadet h3 a, .section-cadet h4, .section-cadet h4 a, .section-cadet h5, .section-cadet h5 a, .section-cadet h6, .section-cadet h6 a, .section-red h1, .section-red h1 a, .section-red h2, .section-red h2 a, .section-red h3, .section-red h3 a, .section-red h4, .section-red h4 a, .section-red h5, .section-red h5 a, .section-red h6, .section-red h6 a, .section-secondary h1, .section-secondary h1 a, .section-secondary h2, .section-secondary h2 a, .section-secondary h3, .section-secondary h3 a, .section-secondary h4, .section-secondary h4 a, .section-secondary h5, .section-secondary h5 a, .section-secondary h6, .section-secondary h6 a, .sg-color-swatch:nth-child(10) h1, .sg-color-swatch:nth-child(10) h1 a, .sg-color-swatch:nth-child(10) h2, .sg-color-swatch:nth-child(10) h2 a, .sg-color-swatch:nth-child(10) h3, .sg-color-swatch:nth-child(10) h3 a, .sg-color-swatch:nth-child(10) h4, .sg-color-swatch:nth-child(10) h4 a, .sg-color-swatch:nth-child(10) h5, .sg-color-swatch:nth-child(10) h5 a, .sg-color-swatch:nth-child(10) h6, .sg-color-swatch:nth-child(10) h6 a, .upcoming-list .upcoming--item .cadet.dates h1, .upcoming-list .upcoming--item .cadet.dates h1 a, .upcoming-list .upcoming--item .cadet.dates h2, .upcoming-list .upcoming--item .cadet.dates h2 a, .upcoming-list .upcoming--item .cadet.dates h3, .upcoming-list .upcoming--item .cadet.dates h3 a, .upcoming-list .upcoming--item .cadet.dates h4, .upcoming-list .upcoming--item .cadet.dates h4 a, .upcoming-list .upcoming--item .cadet.dates h5, .upcoming-list .upcoming--item .cadet.dates h5 a, .upcoming-list .upcoming--item .cadet.dates h6, .upcoming-list .upcoming--item .cadet.dates h6 a, .upcoming-list .upcoming--item .charcoal.dates h1, .upcoming-list .upcoming--item .charcoal.dates h1 a, .upcoming-list .upcoming--item .charcoal.dates h2, .upcoming-list .upcoming--item .charcoal.dates h2 a, .upcoming-list .upcoming--item .charcoal.dates h3, .upcoming-list .upcoming--item .charcoal.dates h3 a, .upcoming-list .upcoming--item .charcoal.dates h4, .upcoming-list .upcoming--item .charcoal.dates h4 a, .upcoming-list .upcoming--item .charcoal.dates h5, .upcoming-list .upcoming--item .charcoal.dates h5 a, .upcoming-list .upcoming--item .charcoal.dates h6, .upcoming-list .upcoming--item .charcoal.dates h6 a, .upcoming-list .upcoming--item .red.dates h1, .upcoming-list .upcoming--item .red.dates h1 a, .upcoming-list .upcoming--item .red.dates h2, .upcoming-list .upcoming--item .red.dates h2 a, .upcoming-list .upcoming--item .red.dates h3, .upcoming-list .upcoming--item .red.dates h3 a, .upcoming-list .upcoming--item .red.dates h4, .upcoming-list .upcoming--item .red.dates h4 a, .upcoming-list .upcoming--item .red.dates h5, .upcoming-list .upcoming--item .red.dates h5 a, .upcoming-list .upcoming--item .red.dates h6, .upcoming-list .upcoming--item .red.dates h6 a, .vertical-callout.cadet h1, .vertical-callout.cadet h1 a, .vertical-callout.cadet h2, .vertical-callout.cadet h2 a, .vertical-callout.cadet h3, .vertical-callout.cadet h3 a, .vertical-callout.cadet h4, .vertical-callout.cadet h4 a, .vertical-callout.cadet h5, .vertical-callout.cadet h5 a, .vertical-callout.cadet h6, .vertical-callout.cadet h6 a, .vertical-callout.charcoal h1, .vertical-callout.charcoal h1 a, .vertical-callout.charcoal h2, .vertical-callout.charcoal h2 a, .vertical-callout.charcoal h3, .vertical-callout.charcoal h3 a, .vertical-callout.charcoal h4, .vertical-callout.charcoal h4 a, .vertical-callout.charcoal h5, .vertical-callout.charcoal h5 a, .vertical-callout.charcoal h6, .vertical-callout.charcoal h6 a, .vertical-callout.red h1, .vertical-callout.red h1 a, .vertical-callout.red h2, .vertical-callout.red h2 a, .vertical-callout.red h3, .vertical-callout.red h3 a, .vertical-callout.red h4, .vertical-callout.red h4 a, .vertical-callout.red h5, .vertical-callout.red h5 a, .vertical-callout.red h6, .vertical-callout.red h6 a { color: #fff } .cadet.chip-callout--info pre, .category-tag.-cadet pre, .category-tag.-charcoal pre, .category-tag.-red pre, .charcoal.chip-callout--info pre, .events-list .cadet.chip pre, .events-list .charcoal.chip pre, .events-list .red.chip pre, .exhibitions-list .cadet.chip pre, .exhibitions-list .charcoal.chip pre, .exhibitions-list .red.chip pre, .horizontal-callout.photo-overlay.cadet pre, .horizontal-callout.photo-overlay.charcoal pre, .horizontal-callout.photo-overlay.red pre, .quickview pre, .red.chip-callout--info pre, .section-cadet pre, .section-red pre, .section-secondary pre, .sg-color-swatch:nth-child(10) pre, .upcoming-list .upcoming--item .cadet.dates pre, .upcoming-list .upcoming--item .charcoal.dates pre, .upcoming-list .upcoming--item .red.dates pre, .vertical-callout.cadet pre, .vertical-callout.charcoal pre, .vertical-callout.red pre { border-color: #fff } .cadet.chip-callout--info hr, .category-tag.-cadet hr, .category-tag.-charcoal hr, .category-tag.-red hr, .charcoal.chip-callout--info hr, .events-list .cadet.chip hr, .events-list .charcoal.chip hr, .events-list .red.chip hr, .exhibitions-list .cadet.chip hr, .exhibitions-list .charcoal.chip hr, .exhibitions-list .red.chip hr, .horizontal-callout.photo-overlay.cadet hr, .horizontal-callout.photo-overlay.charcoal hr, .horizontal-callout.photo-overlay.red hr, .quickview hr, .red.chip-callout--info hr, .section-cadet hr, .section-red hr, .section-secondary hr, .sg-color-swatch:nth-child(10) hr, .upcoming-list .upcoming--item .cadet.dates hr, .upcoming-list .upcoming--item .charcoal.dates hr, .upcoming-list .upcoming--item .red.dates hr, .vertical-callout.cadet hr, .vertical-callout.charcoal hr, .vertical-callout.red hr { border-color: hsla(0, 0%, 100%, .25) } .cadet.chip-callout--info p, .category-tag.-cadet p, .category-tag.-charcoal p, .category-tag.-red p, .charcoal.chip-callout--info p, .events-list .cadet.chip p, .events-list .charcoal.chip p, .events-list .red.chip p, .exhibitions-list .cadet.chip p, .exhibitions-list .charcoal.chip p, .exhibitions-list .red.chip p, .horizontal-callout.photo-overlay.cadet p, .horizontal-callout.photo-overlay.charcoal p, .horizontal-callout.photo-overlay.red p, .quickview p, .red.chip-callout--info p, .section-cadet p, .section-red p, .section-secondary p, .sg-color-swatch:nth-child(10) p, .upcoming-list .upcoming--item .cadet.dates p, .upcoming-list .upcoming--item .charcoal.dates p, .upcoming-list .upcoming--item .red.dates p, .vertical-callout.cadet p, .vertical-callout.charcoal p, .vertical-callout.red p { color: #fff } fieldset, form { position: relative } fieldset { background-color: transparent; border: 0; margin: 0; padding: 0 } legend { font-weight: 400; margin-bottom: .375rem; padding: 0 } /* form input+label { display: block; position: absolute; width: 100%; font-weight: 100; text-transform: uppercase; text-align: center; color: #00ff32; margin: 0; padding: 0; z-index: 2; transform: translateY(-2.5em); transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } form input.has-value+label, form input:focus+label { opacity: 0 } input, select { display: block; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: 1em; border-radius: 0 } input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select[multiple], textarea { background-color: #fff; border: 2px solid #00ff32; box-sizing: border-box; box-shadow: 0 0 0 0 transparent; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: 1em; margin-bottom: .75rem; padding: .375rem; transition: box-shadow .2s; width: 100% } input:not([type]):hover, input[type=color]:hover, input[type=date]:hover, input[type=datetime-local]:hover, input[type=datetime]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, select[multiple]:hover, textarea:hover { box-shadow: 0 0 0 1px #00ff32 } input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select[multiple]:focus, textarea:focus { outline: none; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent } input:not([type]):focus:hover, input[type=color]:focus:hover, input[type=date]:focus:hover, input[type=datetime-local]:focus:hover, input[type=datetime]:focus:hover, input[type=email]:focus:hover, input[type=month]:focus:hover, input[type=number]:focus:hover, input[type=password]:focus:hover, input[type=search]:focus:hover, input[type=tel]:focus:hover, input[type=text]:focus:hover, input[type=time]:focus:hover, input[type=url]:focus:hover, input[type=week]:focus:hover, select[multiple]:focus:hover, textarea:focus:hover { box-shadow: 0 0 0 0 transparent } input:not([type]):disabled, input[type=color]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, select[multiple]:disabled, textarea:disabled { background-color: #f2f2f2; cursor: not-allowed } input:not([type]):disabled:hover, input[type=color]:disabled:hover, input[type=date]:disabled:hover, input[type=datetime-local]:disabled:hover, input[type=datetime]:disabled:hover, input[type=email]:disabled:hover, input[type=month]:disabled:hover, input[type=number]:disabled:hover, input[type=password]:disabled:hover, input[type=search]:disabled:hover, input[type=tel]:disabled:hover, input[type=text]:disabled:hover, input[type=time]:disabled:hover, input[type=url]:disabled:hover, input[type=week]:disabled:hover, select[multiple]:disabled:hover, textarea:disabled:hover { border: 1px solid rgba(0, 0, 0, .15) } textarea { resize: vertical } [type=search] { -webkit-appearance: none; -moz-appearance: none; appearance: none } [type=checkbox], [type=radio] { display: inline; margin-right: .375rem } [type=file] { margin-bottom: .75rem; width: 100% } select { margin-bottom: 1.5rem; max-width: 100%; width: auto } */ .menu-toggle { display: none } .blank-list { list-style-type: none; margin: 0; padding: 0 } ol { list-style-type: decimal } ol, ul { margin: 0 0 1.5rem; padding: 0 0 0 1.5rem } ul { list-style-type: disc } ul ul { list-style-type: circle } li ol, li ul { margin-top: .5rem; margin-bottom: 0 } dl { margin-bottom: .75rem } dl dt { font-weight: 400; margin-top: .75rem } dl dd { margin: 0 } table { border-collapse: collapse; margin: .75rem 0 1rem; table-layout: fixed; width: 100% } caption { margin: 0 0 .75rem } caption, th { text-align: center; /* was left */ font-size: 2rem; font-weight: 400; } th { border-bottom: 1px solid rgba(0, 0, 0, .3625); font-weight: 400 } td, th { padding: .75rem 0 } td { border-bottom: 1px solid rgba(0, 0, 0, .15) } td, th, tr { vertical-align: middle } tr:first-child td { padding-top: 0 } button { background: none; border: none } .btn, .btn-alt, .btn-block, .btn-lg, .btn-sm, [class^=btn-icon] { position: relative; display: inline-block; padding: .95em 1em .75em; color: black; background-color: white; border: 2px solid; border-width: max(2px,.17rem); border-color: black; border-radius: 9999px; padding: .394em .9em; text-decoration: none; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: 1em; font-weight: 400; text-transform: none; line-height: 1; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .2s; box-shadow: 0 0 0 0 rgba(0, 0, 0, .1) } .btn-alt:after, .btn-block:after, .btn-lg:after, .btn-sm:after, .btn:after, [class^=btn-icon]:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 solid transparent; content: ""; transition: all .2s; text-decoration: underline; } .btn-alt:focus, .btn-block:focus, .btn-lg:focus, .btn-sm:focus, .btn:focus, [class^=btn-icon]:focus { color: white; /*outline: thin dotted #333; outline-offset: -2px; text-decoration: underline; */ } .btn-alt:hover, .btn-block:hover, .btn-lg:hover, .btn-sm:hover, .btn:hover, [class^=btn-icon]:hover { color: white !important; text-decoration: none!important; } .btn-alt:hover:after, .btn-block:hover:after, .btn-lg:hover:after, .btn-sm:hover:after, .btn:hover:after, [class^=btn-icon]:hover:after { color: white !important; text-decoration: none!important; /* border-width: 2px; border-color: rgba(0, 0, 0, .1) */ } .active.btn, .active.btn-alt, .active.btn-block, .active.btn-lg, .active.btn-sm, .active[class^=btn-icon], .btn-alt:active, .btn-block:active, .btn-lg:active, .btn-sm:active, .btn:active, [class^=btn-icon]:active { outline: 0; background-image: none; box-shadow: 0 0 0 0 rgba(0, 0, 0, .3); transition: none .3s; transform: translateY(1px) } .active.btn, .active.btn-alt, .active.btn-block, .active.btn-lg, .active.btn-sm, .active[class^=btn-icon], .btn-alt:active, .btn-alt:focus, .btn-alt:hover, .btn-block:active, .btn-block:focus, .btn-block:hover, .btn-lg:active, .btn-lg:focus, .btn-lg:hover, .btn-sm:active, .btn-sm:focus, .btn-sm:hover, .btn:active, .btn:focus, .btn:hover, [class^=btn-icon]:active, [class^=btn-icon]:focus, [class^=btn-icon]:hover { color: #fff; background: black; } .btn-alt:disabled, .btn-block:disabled, .btn-lg:disabled, .btn-sm:disabled, .btn:disabled, .disabled.btn, .disabled.btn-alt, .disabled.btn-block, .disabled.btn-lg, .disabled.btn-sm, .disabled[class^=btn-icon], [class^=btn-icon]:disabled { background: #888 } .btn-alt { color: #333; background-color: transparent } .btn-alt:after { border-width: 2px; border-color: #00ff32 } .btn-alt.active, .btn-alt:active, .btn-alt:focus, .btn-alt:hover { background-color: rgba(0, 0, 0, .05); color: #333 } .btn-alt.active:after, .btn-alt:active:after, .btn-alt:focus:after, .btn-alt:hover:after { border-color: #00ff32 } .cadet.chip-callout--info .btn-alt, .category-tag.-cadet .btn-alt, .category-tag.-charcoal .btn-alt, .category-tag.-red .btn-alt, .charcoal.chip-callout--info .btn-alt, .events-list .cadet.chip .btn-alt, .events-list .charcoal.chip .btn-alt, .events-list .red.chip .btn-alt, .exhibitions-list .cadet.chip .btn-alt, .exhibitions-list .charcoal.chip .btn-alt, .exhibitions-list .red.chip .btn-alt, .horizontal-callout.photo-overlay.cadet .btn-alt, .horizontal-callout.photo-overlay.charcoal .btn-alt, .horizontal-callout.photo-overlay.red .btn-alt, .quickview .btn-alt, .red.chip-callout--info .btn-alt, .section-cadet .btn-alt, .section-red .btn-alt, .section-secondary .btn-alt, .sg-color-swatch:nth-child(10) .btn-alt, .upcoming-list .upcoming--item .cadet.dates .btn-alt, .upcoming-list .upcoming--item .charcoal.dates .btn-alt, .upcoming-list .upcoming--item .red.dates .btn-alt, .vertical-callout.cadet .btn-alt, .vertical-callout.charcoal .btn-alt, .vertical-callout.red .btn-alt { color: #dcdcdc!important } .cadet.chip-callout--info .btn-alt:after, .category-tag.-cadet .btn-alt:after, .category-tag.-charcoal .btn-alt:after, .category-tag.-red .btn-alt:after, .charcoal.chip-callout--info .btn-alt:after, .events-list .cadet.chip .btn-alt:after, .events-list .charcoal.chip .btn-alt:after, .events-list .red.chip .btn-alt:after, .exhibitions-list .cadet.chip .btn-alt:after, .exhibitions-list .charcoal.chip .btn-alt:after, .exhibitions-list .red.chip .btn-alt:after, .horizontal-callout.photo-overlay.cadet .btn-alt:after, .horizontal-callout.photo-overlay.charcoal .btn-alt:after, .horizontal-callout.photo-overlay.red .btn-alt:after, .quickview .btn-alt:after, .red.chip-callout--info .btn-alt:after, .section-cadet .btn-alt:after, .section-red .btn-alt:after, .section-secondary .btn-alt:after, .sg-color-swatch:nth-child(10) .btn-alt:after, .upcoming-list .upcoming--item .cadet.dates .btn-alt:after, .upcoming-list .upcoming--item .charcoal.dates .btn-alt:after, .upcoming-list .upcoming--item .red.dates .btn-alt:after, .vertical-callout.cadet .btn-alt:after, .vertical-callout.charcoal .btn-alt:after, .vertical-callout.red .btn-alt:after { border-color: #dcdcdc } .cadet.chip-callout--info .btn-alt.active, .cadet.chip-callout--info .btn-alt:active, .cadet.chip-callout--info .btn-alt:focus, .cadet.chip-callout--info .btn-alt:hover, .category-tag.-cadet .btn-alt.active, .category-tag.-cadet .btn-alt:active, .category-tag.-cadet .btn-alt:focus, .category-tag.-cadet .btn-alt:hover, .category-tag.-charcoal .btn-alt.active, .category-tag.-charcoal .btn-alt:active, .category-tag.-charcoal .btn-alt:focus, .category-tag.-charcoal .btn-alt:hover, .category-tag.-red .btn-alt.active, .category-tag.-red .btn-alt:active, .category-tag.-red .btn-alt:focus, .category-tag.-red .btn-alt:hover, .charcoal.chip-callout--info .btn-alt.active, .charcoal.chip-callout--info .btn-alt:active, .charcoal.chip-callout--info .btn-alt:focus, .charcoal.chip-callout--info .btn-alt:hover, .events-list .cadet.chip .btn-alt.active, .events-list .cadet.chip .btn-alt:active, .events-list .cadet.chip .btn-alt:focus, .events-list .cadet.chip .btn-alt:hover, .events-list .charcoal.chip .btn-alt.active, .events-list .charcoal.chip .btn-alt:active, .events-list .charcoal.chip .btn-alt:focus, .events-list .charcoal.chip .btn-alt:hover, .events-list .red.chip .btn-alt.active, .events-list .red.chip .btn-alt:active, .events-list .red.chip .btn-alt:focus, .events-list .red.chip .btn-alt:hover, .exhibitions-list .cadet.chip .btn-alt.active, .exhibitions-list .cadet.chip .btn-alt:active, .exhibitions-list .cadet.chip .btn-alt:focus, .exhibitions-list .cadet.chip .btn-alt:hover, .exhibitions-list .charcoal.chip .btn-alt.active, .exhibitions-list .charcoal.chip .btn-alt:active, .exhibitions-list .charcoal.chip .btn-alt:focus, .exhibitions-list .charcoal.chip .btn-alt:hover, .exhibitions-list .red.chip .btn-alt.active, .exhibitions-list .red.chip .btn-alt:active, .exhibitions-list .red.chip .btn-alt:focus, .exhibitions-list .red.chip .btn-alt:hover, .horizontal-callout.photo-overlay.cadet .btn-alt.active, .horizontal-callout.photo-overlay.cadet .btn-alt:active, .horizontal-callout.photo-overlay.cadet .btn-alt:focus, .horizontal-callout.photo-overlay.cadet .btn-alt:hover, .horizontal-callout.photo-overlay.charcoal .btn-alt.active, .horizontal-callout.photo-overlay.charcoal .btn-alt:active, .horizontal-callout.photo-overlay.charcoal .btn-alt:focus, .horizontal-callout.photo-overlay.charcoal .btn-alt:hover, .horizontal-callout.photo-overlay.red .btn-alt.active, .horizontal-callout.photo-overlay.red .btn-alt:active, .horizontal-callout.photo-overlay.red .btn-alt:focus, .horizontal-callout.photo-overlay.red .btn-alt:hover, .quickview .btn-alt.active, .quickview .btn-alt:active, .quickview .btn-alt:focus, .quickview .btn-alt:hover, .red.chip-callout--info .btn-alt.active, .red.chip-callout--info .btn-alt:active, .red.chip-callout--info .btn-alt:focus, .red.chip-callout--info .btn-alt:hover, .section-cadet .btn-alt.active, .section-cadet .btn-alt:active, .section-cadet .btn-alt:focus, .section-cadet .btn-alt:hover, .section-red .btn-alt.active, .section-red .btn-alt:active, .section-red .btn-alt:focus, .section-red .btn-alt:hover, .section-secondary .btn-alt.active, .section-secondary .btn-alt:active, .section-secondary .btn-alt:focus, .section-secondary .btn-alt:hover, .sg-color-swatch:nth-child(10) .btn-alt.active, .sg-color-swatch:nth-child(10) .btn-alt:active, .sg-color-swatch:nth-child(10) .btn-alt:focus, .sg-color-swatch:nth-child(10) .btn-alt:hover, .upcoming-list .upcoming--item .cadet.dates .btn-alt.active, .upcoming-list .upcoming--item .cadet.dates .btn-alt:active, .upcoming-list .upcoming--item .cadet.dates .btn-alt:focus, .upcoming-list .upcoming--item .cadet.dates .btn-alt:hover, .upcoming-list .upcoming--item .charcoal.dates .btn-alt.active, .upcoming-list .upcoming--item .charcoal.dates .btn-alt:active, .upcoming-list .upcoming--item .charcoal.dates .btn-alt:focus, .upcoming-list .upcoming--item .charcoal.dates .btn-alt:hover, .upcoming-list .upcoming--item .red.dates .btn-alt.active, .upcoming-list .upcoming--item .red.dates .btn-alt:active, .upcoming-list .upcoming--item .red.dates .btn-alt:focus, .upcoming-list .upcoming--item .red.dates .btn-alt:hover, .vertical-callout.cadet .btn-alt.active, .vertical-callout.cadet .btn-alt:active, .vertical-callout.cadet .btn-alt:focus, .vertical-callout.cadet .btn-alt:hover, .vertical-callout.charcoal .btn-alt.active, .vertical-callout.charcoal .btn-alt:active, .vertical-callout.charcoal .btn-alt:focus, .vertical-callout.charcoal .btn-alt:hover, .vertical-callout.red .btn-alt.active, .vertical-callout.red .btn-alt:active, .vertical-callout.red .btn-alt:focus, .vertical-callout.red .btn-alt:hover { background-color: hsla(0, 0%, 100%, .1); color: #333 } [class^=btn-icon] { position: relative; padding-left: 3.2em; color: #333; font-weight: 400; text-transform: none; background-color: rgba(0, 0, 0, .1) } [class^=btn-icon]:before { position: absolute; width: 1em; left: 25px; top: 7px; z-index: 99; transition: all .3s; background: none; content: ""; opacity: 1 } [class^=btn-icon].active, [class^=btn-icon]:active, [class^=btn-icon]:focus, [class^=btn-icon]:hover { color: #333 } [class^=btn-icon].active:before, [class^=btn-icon]:active:before, [class^=btn-icon]:focus:before, [class^=btn-icon]:hover:before { left: 10px; opacity: 1 } .cadet.chip-callout--info [class^=btn-icon], .category-tag.-cadet [class^=btn-icon], .category-tag.-charcoal [class^=btn-icon], .category-tag.-red [class^=btn-icon], .charcoal.chip-callout--info [class^=btn-icon], .events-list .cadet.chip [class^=btn-icon], .events-list .charcoal.chip [class^=btn-icon], .events-list .red.chip [class^=btn-icon], .exhibitions-list .cadet.chip [class^=btn-icon], .exhibitions-list .charcoal.chip [class^=btn-icon], .exhibitions-list .red.chip [class^=btn-icon], .horizontal-callout.photo-overlay.cadet [class^=btn-icon], .horizontal-callout.photo-overlay.charcoal [class^=btn-icon], .horizontal-callout.photo-overlay.red [class^=btn-icon], .quickview [class^=btn-icon], .red.chip-callout--info [class^=btn-icon], .section-cadet [class^=btn-icon], .section-red [class^=btn-icon], .section-secondary [class^=btn-icon], .sg-color-swatch:nth-child(10) [class^=btn-icon], .upcoming-list .upcoming--item .cadet.dates [class^=btn-icon], .upcoming-list .upcoming--item .charcoal.dates [class^=btn-icon], .upcoming-list .upcoming--item .red.dates [class^=btn-icon], .vertical-callout.cadet [class^=btn-icon], .vertical-callout.charcoal [class^=btn-icon], .vertical-callout.red [class^=btn-icon] { color: #fff; background-color: hsla(0, 0%, 100%, .2) } .cadet.chip-callout--info [class^=btn-icon].active, .cadet.chip-callout--info [class^=btn-icon]:active, .cadet.chip-callout--info [class^=btn-icon]:focus, .cadet.chip-callout--info [class^=btn-icon]:hover, .category-tag.-cadet [class^=btn-icon].active, .category-tag.-cadet [class^=btn-icon]:active, .category-tag.-cadet [class^=btn-icon]:focus, .category-tag.-cadet [class^=btn-icon]:hover, .category-tag.-charcoal [class^=btn-icon].active, .category-tag.-charcoal [class^=btn-icon]:active, .category-tag.-charcoal [class^=btn-icon]:focus, .category-tag.-charcoal [class^=btn-icon]:hover, .category-tag.-red [class^=btn-icon].active, .category-tag.-red [class^=btn-icon]:active, .category-tag.-red [class^=btn-icon]:focus, .category-tag.-red [class^=btn-icon]:hover, .charcoal.chip-callout--info [class^=btn-icon].active, .charcoal.chip-callout--info [class^=btn-icon]:active, .charcoal.chip-callout--info [class^=btn-icon]:focus, .charcoal.chip-callout--info [class^=btn-icon]:hover, .events-list .cadet.chip [class^=btn-icon].active, .events-list .cadet.chip [class^=btn-icon]:active, .events-list .cadet.chip [class^=btn-icon]:focus, .events-list .cadet.chip [class^=btn-icon]:hover, .events-list .charcoal.chip [class^=btn-icon].active, .events-list .charcoal.chip [class^=btn-icon]:active, .events-list .charcoal.chip [class^=btn-icon]:focus, .events-list .charcoal.chip [class^=btn-icon]:hover, .events-list .red.chip [class^=btn-icon].active, .events-list .red.chip [class^=btn-icon]:active, .events-list .red.chip [class^=btn-icon]:focus, .events-list .red.chip [class^=btn-icon]:hover, .exhibitions-list .cadet.chip [class^=btn-icon].active, .exhibitions-list .cadet.chip [class^=btn-icon]:active, .exhibitions-list .cadet.chip [class^=btn-icon]:focus, .exhibitions-list .cadet.chip [class^=btn-icon]:hover, .exhibitions-list .charcoal.chip [class^=btn-icon].active, .exhibitions-list .charcoal.chip [class^=btn-icon]:active, .exhibitions-list .charcoal.chip [class^=btn-icon]:focus, .exhibitions-list .charcoal.chip [class^=btn-icon]:hover, .exhibitions-list .red.chip [class^=btn-icon].active, .exhibitions-list .red.chip [class^=btn-icon]:active, .exhibitions-list .red.chip [class^=btn-icon]:focus, .exhibitions-list .red.chip [class^=btn-icon]:hover, .horizontal-callout.photo-overlay.cadet [class^=btn-icon].active, .horizontal-callout.photo-overlay.cadet [class^=btn-icon]:active, .horizontal-callout.photo-overlay.cadet [class^=btn-icon]:focus, .horizontal-callout.photo-overlay.cadet [class^=btn-icon]:hover, .horizontal-callout.photo-overlay.charcoal [class^=btn-icon].active, .horizontal-callout.photo-overlay.charcoal [class^=btn-icon]:active, .horizontal-callout.photo-overlay.charcoal [class^=btn-icon]:focus, .horizontal-callout.photo-overlay.charcoal [class^=btn-icon]:hover, .horizontal-callout.photo-overlay.red [class^=btn-icon].active, .horizontal-callout.photo-overlay.red [class^=btn-icon]:active, .horizontal-callout.photo-overlay.red [class^=btn-icon]:focus, .horizontal-callout.photo-overlay.red [class^=btn-icon]:hover, .quickview [class^=btn-icon].active, .quickview [class^=btn-icon]:active, .quickview [class^=btn-icon]:focus, .quickview [class^=btn-icon]:hover, .red.chip-callout--info [class^=btn-icon].active, .red.chip-callout--info [class^=btn-icon]:active, .red.chip-callout--info [class^=btn-icon]:focus, .red.chip-callout--info [class^=btn-icon]:hover, .section-cadet [class^=btn-icon].active, .section-cadet [class^=btn-icon]:active, .section-cadet [class^=btn-icon]:focus, .section-cadet [class^=btn-icon]:hover, .section-red [class^=btn-icon].active, .section-red [class^=btn-icon]:active, .section-red [class^=btn-icon]:focus, .section-red [class^=btn-icon]:hover, .section-secondary [class^=btn-icon].active, .section-secondary [class^=btn-icon]:active, .section-secondary [class^=btn-icon]:focus, .section-secondary [class^=btn-icon]:hover, .sg-color-swatch:nth-child(10) [class^=btn-icon].active, .sg-color-swatch:nth-child(10) [class^=btn-icon]:active, .sg-color-swatch:nth-child(10) [class^=btn-icon]:focus, .sg-color-swatch:nth-child(10) [class^=btn-icon]:hover, .upcoming-list .upcoming--item .cadet.dates [class^=btn-icon].active, .upcoming-list .upcoming--item .cadet.dates [class^=btn-icon]:active, .upcoming-list .upcoming--item .cadet.dates [class^=btn-icon]:focus, .upcoming-list .upcoming--item .cadet.dates [class^=btn-icon]:hover, .upcoming-list .upcoming--item .charcoal.dates [class^=btn-icon].active, .upcoming-list .upcoming--item .charcoal.dates [class^=btn-icon]:active, .upcoming-list .upcoming--item .charcoal.dates [class^=btn-icon]:focus, .upcoming-list .upcoming--item .charcoal.dates [class^=btn-icon]:hover, .upcoming-list .upcoming--item .red.dates [class^=btn-icon].active, .upcoming-list .upcoming--item .red.dates [class^=btn-icon]:active, .upcoming-list .upcoming--item .red.dates [class^=btn-icon]:focus, .upcoming-list .upcoming--item .red.dates [class^=btn-icon]:hover, .vertical-callout.cadet [class^=btn-icon].active, .vertical-callout.cadet [class^=btn-icon]:active, .vertical-callout.cadet [class^=btn-icon]:focus, .vertical-callout.cadet [class^=btn-icon]:hover, .vertical-callout.charcoal [class^=btn-icon].active, .vertical-callout.charcoal [class^=btn-icon]:active, .vertical-callout.charcoal [class^=btn-icon]:focus, .vertical-callout.charcoal [class^=btn-icon]:hover, .vertical-callout.red [class^=btn-icon].active, .vertical-callout.red [class^=btn-icon]:active, .vertical-callout.red [class^=btn-icon]:focus, .vertical-callout.red [class^=btn-icon]:hover { color: #fff } .btn-icon-calendar:before { content: url(../images/calendar-dark-dc1b5d4768.svg) } .cadet.chip-callout--info .btn-icon-calendar:before, .category-tag.-cadet .btn-icon-calendar:before, .category-tag.-charcoal .btn-icon-calendar:before, .category-tag.-red .btn-icon-calendar:before, .charcoal.chip-callout--info .btn-icon-calendar:before, .events-list .cadet.chip .btn-icon-calendar:before, .events-list .charcoal.chip .btn-icon-calendar:before, .events-list .red.chip .btn-icon-calendar:before, .exhibitions-list .cadet.chip .btn-icon-calendar:before, .exhibitions-list .charcoal.chip .btn-icon-calendar:before, .exhibitions-list .red.chip .btn-icon-calendar:before, .horizontal-callout.photo-overlay.cadet .btn-icon-calendar:before, .horizontal-callout.photo-overlay.charcoal .btn-icon-calendar:before, .horizontal-callout.photo-overlay.red .btn-icon-calendar:before, .quickview .btn-icon-calendar:before, .red.chip-callout--info .btn-icon-calendar:before, .section-cadet .btn-icon-calendar:before, .section-red .btn-icon-calendar:before, .section-secondary .btn-icon-calendar:before, .sg-color-swatch:nth-child(10) .btn-icon-calendar:before, .upcoming-list .upcoming--item .cadet.dates .btn-icon-calendar:before, .upcoming-list .upcoming--item .charcoal.dates .btn-icon-calendar:before, .upcoming-list .upcoming--item .red.dates .btn-icon-calendar:before, .vertical-callout.cadet .btn-icon-calendar:before, .vertical-callout.charcoal .btn-icon-calendar:before, .vertical-callout.red .btn-icon-calendar:before { content: url(../images/calendar-light-66c6df493b.svg) } .btn-lg { padding: 10px 35px!important; font-size: 1.5em!important } .btn-sm { padding: 5px 10px 3px!important; font-size: 1em!important } .btn-block { display: block!important; width: 100%!important; padding-left: 0!important; padding-right: 0!important } .btn-link { color: #aaa; text-decoration: underline } .cadet.chip-callout--info .btn-link, .category-tag.-cadet .btn-link, .category-tag.-charcoal .btn-link, .category-tag.-red .btn-link, .charcoal.chip-callout--info .btn-link, .events-list .cadet.chip .btn-link, .events-list .charcoal.chip .btn-link, .events-list .red.chip .btn-link, .exhibitions-list .cadet.chip .btn-link, .exhibitions-list .charcoal.chip .btn-link, .exhibitions-list .red.chip .btn-link, .horizontal-callout.photo-overlay.cadet .btn-link, .horizontal-callout.photo-overlay.charcoal .btn-link, .horizontal-callout.photo-overlay.red .btn-link, .quickview .btn-link, .red.chip-callout--info .btn-link, .section-cadet .btn-link, .section-red .btn-link, .section-secondary .btn-link, .sg-color-swatch:nth-child(10) .btn-link, .upcoming-list .upcoming--item .cadet.dates .btn-link, .upcoming-list .upcoming--item .charcoal.dates .btn-link, .upcoming-list .upcoming--item .red.dates .btn-link, .vertical-callout.cadet .btn-link, .vertical-callout.charcoal .btn-link, .vertical-callout.red .btn-link { color: #fff } .cadet.chip-callout--info .btn-link:hover, .category-tag.-cadet .btn-link:hover, .category-tag.-charcoal .btn-link:hover, .category-tag.-red .btn-link:hover, .charcoal.chip-callout--info .btn-link:hover, .events-list .cadet.chip .btn-link:hover, .events-list .charcoal.chip .btn-link:hover, .events-list .red.chip .btn-link:hover, .exhibitions-list .cadet.chip .btn-link:hover, .exhibitions-list .charcoal.chip .btn-link:hover, .exhibitions-list .red.chip .btn-link:hover, .horizontal-callout.photo-overlay.cadet .btn-link:hover, .horizontal-callout.photo-overlay.charcoal .btn-link:hover, .horizontal-callout.photo-overlay.red .btn-link:hover, .quickview .btn-link:hover, .red.chip-callout--info .btn-link:hover, .section-cadet .btn-link:hover, .section-red .btn-link:hover, .section-secondary .btn-link:hover, .sg-color-swatch:nth-child(10) .btn-link:hover, .upcoming-list .upcoming--item .cadet.dates .btn-link:hover, .upcoming-list .upcoming--item .charcoal.dates .btn-link:hover, .upcoming-list .upcoming--item .red.dates .btn-link:hover, .vertical-callout.cadet .btn-link:hover, .vertical-callout.charcoal .btn-link:hover, .vertical-callout.red .btn-link:hover { color: #dcdcdc } .btn-continue { color: #333; font-weight: 400 } .btn-continue:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none } .btn-continue:hover { text-decoration: none!important; color: #00ff32 } .btn-continue:before { margin-right: 5px; padding: 2px; color: #00ff32; font-size: .6rem; border: 3px solid #00ff32; border-radius: 10px } .btn-arrow { color: #333; font-weight: 400 } .btn-arrow:hover { color: #00ff32 } .btn-arrow:hover:after { border-color: #00ff32 } .btn-arrow.-next:after, .btn-arrow.-prev:before { padding: 2px; color: #00ff32; font-family: icons; font-size: .6rem; font-weight: 400; border: 3px solid #00ff32; border-radius: 10px } .btn-arrow.-next:after { content: ""; margin-left: 5px } .btn-arrow.-prev:before { content: ""; margin-right: 5px } .btn-arrow.btn.-next:after, .btn-arrow.btn.-prev:before { position: static; width: auto; height: auto; color: #fff; border-color: #fff } @keyframes a { 0% { opacity: .5; transform: matrix(.5, 0, 0, .5, 0, 0) } 4% { transform: matrix(.716, 0, 0, .716, 0, 0) } 7.91% { transform: matrix(.944, 0, 0, .944, 0, 0) } 11.91% { transform: matrix(1.095, 0, 0, 1.095, 0, 0) } 15.82% { transform: matrix(1.138, 0, 0, 1.138, 0, 0) } 20.42% { transform: matrix(1.098, 0, 0, 1.098, 0, 0) } 24.92% { transform: matrix(1.03, 0, 0, 1.03, 0, 0) } 29.53% { opacity: 1; transform: matrix(.98, 0, 0, .98, 0, 0) } 34.03% { transform: matrix(.965, 0, 0, .965, 0, 0) } 43.14% { transform: matrix(.993, 0, 0, .993, 0, 0) } 52.15% { transform: matrix(1.009, 0, 0, 1.009, 0, 0) } 70.37% { transform: matrix(.998, 0, 0, .998, 0, 0) } 88.59% { transform: matrix(1.001, 0, 0, 1.001, 0, 0) } to { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } } .animation-target { animation: animation .8s linear both } @keyframes b { 0% { opacity: 0; transform: translateY(-5%) } to { opacity: 1; transform: translateY(0) } } .container, .container-full, .container-full-sm, .hero { position: relative; width: 100%; margin: auto; padding-left: 9.75rem; padding-right: 9.75rem } .container-full-sm:after, .container-full:after, .container:after, .hero:after { clear: both; content: ""; display: table } .container-full-sm>:last-child, .container-full>:last-child, .container>:last-child, .hero>:last-child { margin-bottom: 0 } @media screen and (max-width:1200px) { .container { padding-left: 3.75rem; padding-right: 3.75rem } } @media screen and (max-width:1000px) { .container { padding-left: 0.5rem; padding-right: 0.5rem } } .container>:last-child { margin-bottom: 0 } @media screen and (max-width:1200px) { .container-full-sm { padding-left: 3.75rem; padding-right: 3.75rem } } @media screen and (max-width:1000px) { .container-full-sm { padding-left: 1.5rem; padding-right: 1.5rem } } @media screen and (max-width:700px) { .container-full-sm { padding: 0 } } .container-full, .hero { padding-left: 3.75rem; padding-right: 3.75rem; padding-left: 30px; /* Brette Richmonds requested change */ } @media screen and (max-width:1200px) { .container-full, .hero { padding: 0 } } .l-short { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; margin-bottom: 3.75rem } .l-short:last-child { margin-right: 0 } .l-short:after { clear: both; content: ""; display: table } .l-short:nth-child(3n) { margin-right: 0 } .l-short:nth-child(3n+1) { clear: left } @media screen and (max-width:1000px) { .l-short { float: left; display: block; margin-right: 3.57869%; width: 100%; margin-bottom: 3.75rem } .l-short:last-child { margin-right: 0 } .l-short:nth-last-child(2), .l-short:nth-last-child(3) { margin-bottom: 3.75rem } } .l-split { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; margin-bottom: 3.75rem } .l-split:last-child { margin-right: 0 } .l-split:after { clear: both; content: ""; display: table } .l-split:nth-child(2n) { margin-right: 0 } .l-split:nth-child(odd) { clear: left } @media screen and (max-width:1000px) { .l-split { float: left; display: block; margin-right: 3.57869%; width: 100% } .l-split:last-child { margin-right: 0 } .l-split:nth-last-child(2) { margin-bottom: 3.75rem } } .l-long { float: left; display: block; margin-right: 3.57869%; width: 65.47377%; margin-bottom: 3.75rem } .l-long:last-child { margin-right: 0 } .l-long:after { clear: both; content: ""; display: table } @media screen and (max-width:1000px) { .l-long { float: left; display: block; margin-right: 3.57869%; width: 100%; margin-bottom: 3.75rem } .l-long:last-child { margin-right: 0 } } .l-long>:last-child { margin-bottom: 0 } .l-middle { float: left; display: block; margin-right: 3.57869%; width: 65.47377%; margin-left: 17.26311%; margin-bottom: 3.75rem } .l-middle:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .l-middle { float: left; display: block; margin-right: 3.57869%; width: 100%; margin-left: 0 } .l-middle:last-child { margin-right: 0 } .l-middle:nth-last-child(2) { margin-bottom: 3.75rem } } .l-full { width: 100% } .l-full:after { clear: both; content: ""; display: table } .l-omega { margin-right: 0 } .l-alternate:after { clear: both; content: ""; display: table } .l-alternate:nth-child(odd)>:first-child { margin-right: 0; float: right } [class^=section] { position: relative; padding: 3.75rem 0; background: #fff; z-index: 1 } [class^=section]:after { clear: both; content: ""; display: table } @media screen and (max-width:700px) { [class^=section] { padding: 1.5rem 0 } } .section-primary { background: #fff; } .section-primary+.section-primary { padding-top: 0 } .section-secondary { background: #333 } .section-gold { background: #ecb95c } .section-teal { background: #7dcdc3 } .section-cadet { background: #465470 } .section-red { background: #00ff32 } .header-main { position: relative; width: 100%; padding: 0; z-index: 9999; border-bottom: 1px solid rgba(0, 0, 0, .15) } @media screen and (max-width:890px) { .header-main { background: #dcdcdc; border-bottom: none } .header-main .container { padding: 0 } } .header-main li { display: block; width: auto; margin: 0; padding: 0 } .header-main a { font-weight: 400 } .header-main.is-fixed { position: fixed; bottom: 100%; background: #fff; transition: transform .3s; transform: translateY(0); border-bottom: 1px solid rgba(0, 0, 0, .15) } .header-main.is-fixed.is-visible { transform: translateY(100%); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25) } .header-main.is-fixed .logo-l { display: none } .header-main.is-fixed .logo-m { display: block } @media screen and (max-width:520px) { .header-main.is-fixed .logo-m, .header-main.is-fixed .logo-s { display: none } } .nav-home { position: absolute; left: 0; top: 0; z-index: 999; overflow: hidden } @media screen and (max-width:1014px) { .nav-home { position: relative; background: #fff; width: 100%; overflow: visible } } .nav-home a, .nav-home button { top: 0; left: 0; z-index: 9 } .logo-l { position: relative; display: block; width: 220px; height: 220px; background: none } @media screen and (max-width:1200px) { .logo-l { display: none } } .logo-l svg { height: 100%; pointer-events: none } .logo-l path:first-child { fill: #000!important } .logo-l a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100px; z-index: 99; overflow: hidden; text-indent: -999px } .logo-m { display: none; position: relative; width: 190px; height: 60px; padding: 15px .75rem; opacity: 1; transition: all .5s; background: #000 } .logo-m svg { display: block } .logo-m path { fill: black !important; /* was white */ } .logo-m title { color: #fff } @media screen and (max-width:1200px) { .logo-m { display: block; } .logo-m path { fill: black !important; } svg { max-width: 100%; height: auto; } svg text { fill: black; } } @media screen and (max-width:890px) { .logo-m { position: absolute; } } @media screen and (max-width:520px) { .logo-m { display: none } } .logo-s { position: relative; display: none; width: 100%; padding: 1.5rem; opacity: 1; transition: all .5s; background: #000; text-align: center } .logo-s svg { display: block; width: 280px; margin: auto } .logo-s path { fill: black !important; /* was white */ } @media screen and (max-width:520px) { .logo-s { display: block } } .nav-container { max-width: none; height: 3.75rem; background: #fff } @media screen and (max-width:890px) { .nav-container { border: none; display: -ms-flexbox; display: flex; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } } .nav-container a.is-active, .nav-container button.is-active { background: #00ff32 } @media screen and (max-width:890px) { .nav-container a.is-active, .nav-container button.is-active { background: #333 } } @media screen and (max-width:890px) { .nav-container a { background: black } .nav-container a i { color: #fff!important } } .nav-global, .nav-global-persistant { position: relative; margin: 0; padding: 0; height: 100%; display: block; float: right; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; font-size: 1em } .nav-global-persistant ul, .nav-global ul { margin: 0; padding: 0 } .nav-global-persistant li, .nav-global li { position: relative; margin: 0; padding: 0; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center } .nav-global-persistant>li:hover>a, .nav-global-persistant>li:hover>button, .nav-global>li:hover>a, .nav-global>li:hover>button { color: #333; background: #fff; border-bottom: 3px solid #00ff32; } @media screen and (max-width:890px) { .nav-global-persistant>li:hover>a, .nav-global-persistant>li:hover>button, .nav-global>li:hover>a, .nav-global>li:hover>button { color: #fff; background: #333; border-bottom: 3px solid #00ff32; } } .nav-global-persistant a, .nav-global-persistant button, .nav-global a, .nav-global button { position: relative; height: 100%; padding: 1em .75rem; color: #333; font-weight: 400; border-bottom: 3px solid #fff; } .nav-global .cart-icon a { background: url(https://camps.artandnaturalhistory.org/wp-content/themes/cmoa/dist/images/camps/shoppingcart.png) no-repeat center center; font-size: 0px; position: relative; height: 100%; padding: 1em .75rem; color: #333; font-weight: 400; border-bottom: 3px solid #fff; } .nav-global .cart-icon a:hover { background: url(https://camps.artandnaturalhistory.org/wp-content/themes/cmoa/dist/images/camps/shoppingcart.png) no-repeat center center; font-size: 0px; position: relative; height: 100%; padding: 1em .75rem; color: #333; font-weight: 400; border-bottom: 3px solid #00ff32; } @media screen and (max-width:890px) { .nav-global-persistant a, .nav-global-persistant button, .nav-global a, .nav-global button { color: #fff; } } .nav-global-persistant .current-menu-ancestor a, .nav-global-persistant .current-menu-item a, .nav-global-persistant .current-page-ancestor a, .nav-global .current-menu-ancestor a, .nav-global .current-menu-item a, .nav-global .current-page-ancestor a { border-bottom: 3px solid black; } .nav-global-persistant .menu-item-has-children>a:before, .nav-global .menu-item-has-children>a:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "▲"; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none } .nav-global-persistant .menu-item-has-children a:before, .nav-global .menu-item-has-children a:before { position: relative; top: .5em; margin-left: .25em; float: right; display: block; font-size: .75em; transform: rotate(180deg) } .nav-global-persistant .menu-item-has-children:hover .sub-menu, .nav-global .menu-item-has-children:hover .sub-menu { display: block } .nav-global-persistant .sub-menu, .nav-global .sub-menu { position: absolute; top: 100%; right: 0; min-width: 100%; display: none; background: #00ff32 } .nav-global-persistant .sub-menu li:hover, .nav-global .sub-menu li:hover { background: #881834 } .nav-global-persistant .sub-menu a, .nav-global .sub-menu a { display: block; width: 100%; color: #fff; background: none; white-space: nowrap } .nav-global-persistant .sub-menu .current-menu-item a, .nav-global .sub-menu .current-menu-item a { border-bottom: none } @media screen and (max-width:890px) { .nav-global { display: none } } .nav-icon { position: relative; height: 100%; padding: 0 .5em; transition: all .3s; cursor: pointer; height: 3.75rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #333 } .nav-icon:hover { background: #00ff32; color: #fff } @media screen and (max-width:890px) { .nav-icon { border-left: 1px solid hsla(0, 0%, 100%, .25); padding: 0 1.15em; color: #fff } } .nav-icon i { position: relative; top: .2em; font-size: 1.2em } .nav-icon-hamburger { display: none; border-right: none } .nav-icon-hamburger .path-hamburger { opacity: 1 } @media screen and (max-width:890px) { .nav-icon-hamburger { display: -ms-flexbox; display: flex } } .nav-icon-search .path-search { opacity: 1 } .nav-icon-visit { border-left: none } .nav-icon-visit .path-visit { opacity: 1 } @media screen and (max-width:890px) { .nav-icon-cal { display: none } } .nav-icon:active i, .quickview-btn:active i { transform: scale(.8) } .is-active .nav-icon i, .nav-icon.is-active i { animation: a 1s ease-in 0s 1 normal none; color: #fff } .is-active .nav-icon i:before, .nav-icon.is-active i:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none } .is-deactivated .nav-icon i, .nav-icon.is-deactivated i { animation: a 1s ease-in 0s 1 normal none } .quickview.quickview-nav { padding: 0 } .quickview.quickview-nav ul { display: block; margin: 0; padding: 0; color: #fff; text-align: left } .quickview.quickview-nav ul:after { clear: both; content: ""; display: table } .quickview.quickview-nav li { position: relative; display: block; padding: 0; margin: 0; border-top: black 1px solid; /* top to separate menu items on mobile */ border-bottom: black 1px solid; /* top to separate menu items on mobile */ } .quickview.quickview-nav a { padding: .75rem 1.5rem; border-top: 1px solid hsla(0, 0%, 100%, .25); background-color: white; /* Erin Mobile Issue text black */ } .quickview.quickview-nav a:hover { color: black; } .quickview-nav>ul>li { margin: 0; padding: 0 } .quickview-nav>ul>li>a { font-size: 1.25em; font-weight: 400; display: block; color: #fff } .quickview-nav>ul>li>a:hover { background: #555 } .quickview-nav>ul .sub-menu { max-height: 0; overflow: hidden; transition: all .2s ease } .quickview-nav>ul .sub-menu li { position: relative; display: block; padding: 0; margin: 0; z-index: 99 } .quickview-nav>ul .sub-menu a { display: block; line-height: 1.1; color: #fff; background: #404040 } .quickview-nav__expand { position: absolute; top: 0; right: 0; height: 100%; display: block; padding: .7em .63em; border-top: 1px solid hsla(0, 0%, 100%, .25); background: #404040; font-weight: 400; font-size: 2em; line-height: 1; color: #fff; cursor: pointer } .quickview-nav__expand:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "▲"; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none; display: block; font-size: .5em; transition: all .3s; transform: rotate(-180deg) } .quickview-nav__expand.is-active:before { transform: rotate(0) } .quickview-nav__expand.is-active+.sub-menu { max-height: 600px } .nav-callout { position: relative; display: -ms-flexbox; display: flex; height: 100%; width: auto; float: left; -ms-flex-align: center; align-items: center; padding: 0 1.5rem; margin-left: 158px; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: 1em; text-align: left; font-weight: 400; color: #333; z-index: 99; transition: background .2s; } .nav-callout:after { clear: both; content: ""; display: table } .nav-callout.is-active, .nav-callout:hover { color: #333; background: #00ff32; color: #fff } .nav-callout.is-active .times, .nav-callout.is-active i, .nav-callout:hover .times, .nav-callout:hover i { color: #fff } .nav-callout .nav-icon { padding-right: 0 } .nav-callout .nav-icon:hover { background: none } @media screen and (max-width:1200px) { .nav-callout { margin-left: 190px } } @media screen and (max-width:890px) { .nav-callout { height: 3.75rem; color: #fff; text-align: right; -ms-flex: 1 0; flex: 1 0 } .nav-callout:hover { color: #fff } } @media screen and (max-width:700px) { .nav-callout { margin: 0 } } .nav-callout div { width: 100%; line-height: 1 } .nav-callout__logo { width: 200px; height: 27px } .open-times { font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; color: #00ff32; white-space: nowrap } @media screen and (max-width:890px) { .open-times { color: #fff } } .open-times .times { margin-bottom: 0; font-weight: 400; font-size: .75em; line-height: 1.2; text-transform: none } .quickview-container { position: absolute; width: 100%; max-height: 0; background: #333; overflow: hidden; transition: all .6s ease; z-index: 999 } .quickview-overlay { transition: opacity .5s; opacity: 0 } .quickview-container.is-active { max-height: 3000px; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .5) } .quickview-container.is-active .quickview { opacity: 1 } .quickview-container.is-active+.quickview-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .33; z-index: 100 } .quickview { display: none; position: relative; top: 0; left: 0; width: 100%; opacity: 0; padding: 6rem 3.75rem 3.75rem 9.75rem; text-align: right; z-index: 999999; overflow: hidden; transition: all .3s } @media screen and (max-width:1200px) { .quickview { padding: 3.75rem 1.5rem } } @media screen and (max-width:700px) { .quickview { padding: 1.5rem } } .quickview img { width: 100%; float: left } .quickview figcaption { font-weight: 400; font-size: 2em; margin-bottom: .5em; border-bottom: 1px solid #fff; text-align: left; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; } .quickview.is-active { display: block; animation: b .15s ease 0s 1 normal none } .quickview--close { position: relative; display: block; width: 100%; text-align: right; padding: 0 0 1.5rem; z-index: 999 } @media screen and (max-width:890px) { .quickview--close { padding: .75rem } } .quickview--close svg { width: 1em } .quickview--close path { fill: #fff!important } .quickview-visit.is-active { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .quickview-visit--details { float: left; display: block; margin-right: 3.57869%; width: 22.31598%; font-size: .9em } .quickview-visit--details:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .quickview-visit--details { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; padding-bottom: 1.5rem } .quickview-visit--details:last-child, .quickview-visit--details:nth-child(2n) { margin-right: 0 } .quickview-visit--details:nth-child(odd) { clear: left } } @media screen and (max-width:700px) { .quickview-visit--details { float: left; display: block; margin-right: 7.42302%; width: 207.42302%; -ms-flex-order: 3; order: 3 } .quickview-visit--details:last-child { margin-right: 0 } } .quickview-visit--day { position: relative; cursor: pointer; text-align: left; transition: all .3s; padding: .1em 0 } .quickview-visit--day:after { clear: both; content: ""; display: table } .quickview-visit--day h3 { display: inline-block; margin: 0; padding: 0; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400; font-size: 1em; text-transform: none; line-height: 1.5 } .quickview-visit--day .hours { position: relative; line-height: 1.5; float: right; padding-right: .25em } .quickview-visit--day:before { content: ""; display: block; width: .4em; height: .4em; margin: .6em .5em 0; float: left; background: #00ff32 } .quickview-visit--day.is-active { background: #00ff32 } .quickview-visit--day.is-active:before { background: #333 } .quickview-visit--day.is-active:after { height: 0; width: 0; border-bottom: .85em solid transparent; border-left: .85em solid #00ff32; border-top: .85em solid transparent; content: ""; position: absolute; top: 0; left: 100% } @media screen and (max-width:890px) { .quickview-visit--day.is-active:after { display: none } } .quickview-visit--admission { position: relative; text-align: left; padding: .25em } .quickview-visit--admission:nth-child(2n) { background: hsla(0, 0%, 100%, .1) } .quickview-visit--admission h3 { display: inline-block; max-width: 60%; margin: 0; padding: 0; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400; font-size: 1em; text-transform: none; line-height: 1.25 } @media screen and (max-width:890px) { .quickview-visit--admission h3 { max-width: 80% } } .quickview-visit--admission .price { position: absolute; line-height: 1.5; float: right; padding: .25em; bottom: 0; right: 0 } .quickview-visit--admission .featured-price { display: block; width: 100%; max-width: none; text-align: center; padding: 1em; border: 1px solid #fff; background: none!important; white-space: pre-line } .quickview-visit--callouts { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; margin-right: 0 } .quickview-visit--callouts:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .quickview-visit--callouts { float: left; display: block; margin-right: 3.57869%; width: 100% } .quickview-visit--callouts:last-child { margin-right: 0 } } @media screen and (max-width:700px) { .quickview-visit--callouts { -ms-flex-order: 0; order: 0 } } .quickview-visit--callouts aside { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; text-align: left } .quickview-visit--callouts aside:last-child { margin-right: 0 } @media screen and (max-width:700px) { .quickview-visit--callouts aside { float: left; display: block; margin-right: 7.42302%; width: 100%; margin-right: 0; margin-bottom: 1.5rem } .quickview-visit--callouts aside:last-child { margin-right: 0 } } .quickview-visit--callouts img { height: auto; padding-bottom: .75rem } @media screen and (max-width:700px) { .quickview-visit--callouts img { width: 20%; padding-bottom: 0; margin-right: .75rem } } .quickview-visit--callouts h4, .quickview-visit--callouts h5 { text-transform: none; margin-bottom: 0 } .quickview-visit--callouts h4 { font-weight: 400 } .quickview-visit--callouts a { color: #fff } .form-search { width: 100%; display: -ms-flexbox; display: flex; transition: all .3s } .form-search i { position: relative; left: 0; font-size: 1.75em; padding: 0 .33em } @media screen and (max-width:700px) { .form-search i { padding: 0 } } .form-search fieldset { -ms-flex: 1 0; flex: 1 0; display: block } .form-search input[type=button] { -ms-flex: 0 1 20%; flex: 0 1 20% } .form-search input[type=text] { color: #333; display: block; background: #fff; padding-bottom: 0; padding-left: .5em; margin-bottom: 0; height: 2em; border: 2px solid #dcdcdc; border-right: none; font-size: 2em } .form-search input[type=text]:hover, .form-search input[type=text]:hover:focus { box-shadow: none } .form-search input[type=text]:focus { border-color: #00ff32 } .form-search label { text-align: left; color: #333; font-size: 2em; padding-left: .5em; text-transform: none; transform: translateY(-110%) } .form-search .btn { background: #00ff32 } .form-search .btn:focus, .form-search .btn:hover { background: #881834 } .main-footer { padding-top: 2.625rem; margin-bottom: 3.75rem; border-top: 0.313rem solid black; /*border-top: 1px solid #ddd;*/ overflow: hidden } @media screen and (max-width:1200px) { .main-footer { padding-left: 1.5rem; padding-right: 1.5rem; margin-bottom: 1.5rem } } .main-footer small { display: inline-block; line-height: 1.25em } @media screen and (max-width:1000px) { .main-footer section:nth-child(3n) { margin-right: 0 } .main-footer section:nth-child(3n+1) { clear: left } } @media screen and (max-width:700px) { .main-footer section:nth-child(2n) { margin-right: 0 } .main-footer section:nth-child(odd) { clear: left } } .main-footer .logo { float: left; display: block; margin-right: 3.57869%; width: 13.68443% } .main-footer .logo:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .main-footer .logo { float: left; display: block; margin-right: 3.57869%; width: 13.68443% } .main-footer .logo:last-child { margin-right: 0 } } @media screen and (max-width:700px) { .main-footer .logo { float: left; display: block; margin-right: 7.42302%; width: 28.38465% } .main-footer .logo:last-child { margin-right: 0 } } .main-footer .logo path { /* fill: #00ff32 */ } .main-footer .location { float: left; display: block; margin-right: 3.57869%; width: 13.68443% } .main-footer .location:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .main-footer .location { float: left; display: block; margin-right: 3.57869%; width: 30.94754% } .main-footer .location:last-child { margin-right: 0 } } @media screen and (max-width:700px) { .main-footer .location { float: left; display: block; margin-right: 7.42302%; width: 64.19233% } .main-footer .location:last-child { margin-right: 0 } } .main-footer .navigation { float: left; display: block; margin-right: 3.57869%; width: 39.5791% } .main-footer .navigation:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .main-footer .navigation { float: left; display: block; margin-right: 3.57869%; width: 48.21066% } .main-footer .navigation:last-child { margin-right: 0 } } @media screen and (max-width:700px) { .main-footer .navigation { float: left; display: block; margin-right: 7.42302%; width: 100%; margin-top: 2.625rem } .main-footer .navigation:last-child { margin-right: 0 } } @media screen and (max-width:450px) { .main-footer .navigation { margin-top: .75rem } } .main-footer .navigation ul { list-style: none; padding: 0; column-count: 3 } @media screen and (max-width:450px) { .main-footer .navigation ul { column-count: 2 } } .main-footer .navigation ul li a { color: #000; font-weight: 400 } .main-footer .legal { margin-top: .75rem; text-align: center } .main-footer .legal a { margin-left: .5em } .main-footer .legal a:before { width: 4px; height: 4px; margin: 0 8px 0 2px } .main-footer .social { float: left; display: block; margin-right: 3.57869%; width: 22.31598% } .main-footer .social:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .main-footer .social { float: left; display: block; margin-right: 3.57869%; width: 100%; margin-top: .75rem; text-align: center } .main-footer .social:last-child { margin-right: 0 } } .main-footer .social ul.links { list-style: none; margin: .25em 0 1.5em; padding: 0 } .main-footer .social ul.links li { display: inline-block } .main-footer .social ul.links li a { display: block; line-height: 0; font-size: 1.25em; background: #c6c6c6; color: #fff; padding: 10px; margin-right: 4px; border-radius: 20px; text-align: center } .main-footer .social ul.links li a:hover { background: #aaa } .main-footer .social ul.links li a i { vertical-align: middle } .demo-nav { margin-bottom: 3.75rem; font-size: 1.5em; padding-top: 80px } .demo-nav a { margin-bottom: 1.5rem } .inline { display: inline } .center { text-align: center } .color { color: #00ff32 } @media screen and (max-width:890px) { .hide-small { display: none!important } } .hide-large { display: none } @media screen and (max-width:890px) { .hide-large { display: block } } figure.alignleft, img.alignleft { float: left; margin: .75rem 1.5rem 1.5rem 0 } @media screen and (max-width:700px) { figure.alignleft, img.alignleft { float: none; margin-right: 0 } } figure.alignright, img.alignright { float: right; margin: .75rem 0 1.5rem 1.5rem } @media screen and (max-width:700px) { figure.alignright, img.alignright { float: none; margin-left: 0 } } .alert { padding: 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, .15); display: none } .alert, .sg-color-swatch { background: #fff; text-align: center } .sg-color-swatch { width: 70px; height: 70px; float: left; margin-right: 10px; margin-bottom: 10px; border-radius: 100%; border: 1px solid rgba(0, 0, 0, .2); font-size: .8em; padding-top: 26px } .sg-color-swatch:nth-child(2) { background: #dcdcdc } .sg-color-swatch:nth-child(3) { background: #aaa } .sg-color-swatch:nth-child(4) { color: #fff; background: #333 } .sg-color-swatch:nth-child(5) { color: #fff; background: #000 } .sg-color-swatch:nth-child(6) { color: #fff; background: #881834 } .sg-color-swatch:nth-child(7) { color: #fff; background: #00ff32 } .sg-color-swatch:nth-child(8) { background: #7dcdc3 } .sg-color-swatch:nth-child(9) { background: #ecb95c } .sg-color-swatch:nth-child(10) { background: #465470 } .posts-navigation .nav-previous { float: left } .posts-navigation .nav-next { float: right } .fpo-bg:before { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/fpo-295f1b28af.jpg); background-size: cover; content: ""; z-index: -1; opacity: .2 } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden } .screen-reader-text:focus { clip: auto!important; color: inherit; background-color: inherit; display: inline-block; height: auto; width: auto; z-index: 100000 } .hero { position: relative; top: -1px; width: 100%; min-height: 1.5rem; max-height: 500px; overflow: hidden } @media screen and (max-width:1200px) { .hero { min-height: 0 } } @media screen and (max-width:1000px) { .hero { max-height: none } } .hero img { position: relative; display: block; width: 100%; height: auto } @media screen and (max-width:1000px) { .hero img { left: 50%; width: auto; max-width: none; height: 400px; transform: translateX(-50%) } } @media screen and (max-width:700px) { .hero img { height: 250px } } @media screen and (max-width:450px) { .hero img { height: 178px } } .hero-credit { padding-top: .5em; padding-bottom: .75rem } @media screen and (max-width:1000px) { .hero-credit { padding: .75rem 1.5rem } } .hero-credit p { margin: 0; color: #555; font-size: .875rem } .hero-credit+.section-primary { padding-top: 2.625rem } @media screen and (max-width:700px) { .hero-credit+.section-primary { padding-top: .75rem } } .tab-container { max-width: none } .tab-container, .tabs { position: relative; z-index: 99 } .tabs { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; left: 0; bottom: 0; padding-left: 6rem; font-size: .9em; width: 100%; background: #dcdcdc } .tabs:after { clear: both; content: ""; display: table } @media screen and (max-width:890px) { .tabs { padding: 0 .75rem; -ms-flex-pack: end; justify-content: flex-end; border-right: none; border-left: none } } @media screen and (max-width:700px) { .tabs { position: relative } } @media screen and (max-width:890px) { .tabs .container { padding: 0 } } .tabs li { float: right } .tabs a, .tabs button, .tabs li { position: relative; display: block } .tabs a, .tabs button { color: #000; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400; padding: .75rem; transition: all .3s } .tabs--links { display: block; width: auto; margin: 0; padding: 0; float: left } .tabs--links:after { clear: both; content: ""; display: table } .tabs--links li { position: relative; display: block; float: left } .tabs--links a:before { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 3px solid #00ff32; content: ""; opacity: 0; transition: all .2s } .tabs--links .current-menu-item a:before { opacity: 1!important } .tabs--links a:hover:before { opacity: .25 } .tabs--overflow { position: relative; display: none; width: auto; padding: 0; margin: 0; float: left } .tabs--overflow li { width: 100%; text-align: right; transition: all .3s } .tabs--menu:after { content: url(../images/carat-13f268d220.svg); display: inline-block; width: .6em; margin-left: 4px; transition: all .3s } .tabs--dropdown { position: absolute; right: 0; max-height: 0; min-width: 250px; padding: 0; margin: 0; overflow: hidden; opacity: 0; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25); border: 1px solid rgba(0, 0, 0, .15); border-width: 0; transition: opacity .3s ease-in-out; border-radius: 5px; transform: translateY(-4px) } .tabs--dropdown li { background: #fff } .tabs--dropdown li+li { border-top: 1px solid rgba(0, 0, 0, .15) } .tabs--dropdown li:hover { background: #dcdcdc } .tabs--bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: .3; overflow: hidden } .tabs--bg img { position: absolute; left: -2%; top: -5%; width: 104%; max-width: none; filter: blur(5px) } .tabs--overflow:hover .tabs--dropdown { opacity: 1; border-width: 1px; max-height: 1000px } .tabs--overflow.is-active { display: inline-block } .calendar-widget { float: left; display: block; margin-right: 3.57869%; width: 30.94754% } .calendar-widget:last-child { margin-right: 0 } .calendar-widget .calendar-nav ul { list-style: none; margin: 0 0 .75rem; padding: 0 } .calendar-widget .calendar-nav ul li { display: inline-block } .calendar-widget .calendar-nav .next-month, .calendar-widget .calendar-nav .prev-month { display: inline-block; width: 10%; font-size: 2.5em; color: #333; text-align: center; line-height: .5; vertical-align: middle } .calendar-widget .calendar-nav .next-month a, .calendar-widget .calendar-nav .prev-month a { padding: 0 .75rem; color: #333; cursor: pointer } .calendar-widget .calendar-nav .month-name { display: inline-block; width: 80%; color: #000; font-size: 1.1em; font-weight: 400; letter-spacing: 2px; text-transform: none; text-align: center; vertical-align: text-top } @media screen and (max-width:700px) { .calendar-widget .cal-split { float: left; display: block; margin-right: 7.42302%; width: 46.28849% } .calendar-widget .cal-split:last-child { margin-right: 0 } } @media screen and (max-width:450px) { .calendar-widget .cal-split { float: left; display: block; margin-right: 7.42302%; width: 100% } .calendar-widget .cal-split:last-child { margin-right: 0 } } .calendar-widget .loading .day-list { opacity: 0 } .calendar-widget .day-list { opacity: 1; overflow: hidden; transition: opacity .2s ease } .calendar-widget .day-list ul { list-style: none; margin: 0; padding: 0 } .calendar-widget .day-list ul li { float: left; display: block; margin-right: 3.57869%; width: 11.21827%; margin-top: .25em; margin-bottom: .25em; padding-top: .5em; padding-bottom: .5em; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: .75em; text-align: center; border: 1px solid transparent } .calendar-widget .day-list ul li:last-child { margin-right: 0 } .calendar-widget .day-list ul li.outside a { color: #4e4e4e; font-style: italic } .calendar-widget .day-list ul li.has-events a { text-decoration: underline } .calendar-widget .day-list ul li.today { background-color: #fff } .calendar-widget .day-list ul li.today a { color: #333 } .calendar-widget .day-list ul li.active { border: 1px solid #333 } .calendar-widget .day-list ul li a { color: #000; cursor: pointer } .calendar-widget .event-list { list-style: none; margin: 0; padding: 0 } .calendar-widget .event-list li { margin-bottom: 1.5em; overflow: hidden } .calendar-widget .event-list li .event-time { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; padding-top: .2em; font-size: .9em; font-weight: 400; letter-spacing: 2px; text-align: right } .calendar-widget .event-list li .event-time:last-child { margin-right: 0 } .calendar-widget .event-list li .event-name { float: left; display: block; margin-right: 3.57869%; width: 65.47377%; padding-left: .5em; font-size: 1.1em; line-height: 1.5rem } .calendar-widget .event-list li .event-name:last-child { margin-right: 0 } .calendar-widget .event-list li .event-name a { color: #333 } #react-datepicker { position: relative; margin-bottom: 1.5rem; z-index: 3 } #react-datepicker .calendar-widget { float: left; display: block; margin-right: 3.57869%; width: 100%; display: none; position: absolute; padding: 2em 1.5em; background-color: #ddd; transition: height .1s ease-in } #react-datepicker .calendar-widget:last-child { margin-right: 0 } #react-datepicker .calendar-widget.open { display: block } #react-datepicker .calendar-widget .day-list ul li { width: 14.28571%; margin: 0; padding: .9em; font-size: 1em } #react-datepicker .calendar-widget .day-list ul li.outside a { color: #555 } #react-datepicker .calendar-widget .day-list ul li.today { background-color: transparent; border: 1px solid #555 } #react-datepicker .calendar-widget .day-list ul li.selected { background-color: #fff } #react-datepicker .calendar-widget .day-list ul li.selected.today a { color: #465470 } #react-datepicker .calendar-widget .day-list ul li.end, #react-datepicker .calendar-widget .day-list ul li.start { background-color: #555 } #react-datepicker .calendar-widget .day-list ul li.end a, #react-datepicker .calendar-widget .day-list ul li.start a { color: #fff } #react-event-filter, .event-filter { position: relative; z-index: 2 } #react-event-filter ul.filter-list, .event-filter ul.filter-list { float: left; display: block; margin-right: 3.57869%; width: 100%; display: none; position: absolute; list-style: none; margin: 0; padding: 0; background-color: #ddd } #react-event-filter ul.filter-list:last-child, .event-filter ul.filter-list:last-child { margin-right: 0 } #react-event-filter ul.filter-list.open, .event-filter ul.filter-list.open { display: block } #react-event-filter ul.filter-list li.active, #react-event-filter ul.filter-list li:hover, .event-filter ul.filter-list li.active, .event-filter ul.filter-list li:hover { background: #555 } #react-event-filter ul.filter-list li.active a, #react-event-filter ul.filter-list li:hover a, .event-filter ul.filter-list li.active a, .event-filter ul.filter-list li:hover a { color: #fff } #react-event-filter ul.filter-list li a, .event-filter ul.filter-list li a { display: block; padding: .5em 1em; color: #333 } .event-filter { margin-bottom: 1.5rem } .calendar-control { margin-bottom: 1px; padding: .75rem; background-color: #ddd; cursor: pointer } .calendar-control:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "▲"; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none; float: right; margin-top: 3px; transition: all .3s; transform: rotate(-180deg) } .calendar-control.open:before { transform: rotate(0deg) } .calendar-control strong { text-transform: none; margin-right: 5px } .calendar-control .end-date:before { content: "–" } .horizontal-callout { position: relative; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; min-height: 12em; margin-bottom: 1rem; overflow: hidden } .horizontal-callout:after { clear: both; content: ""; display: table } @media screen and (max-width:700px) { .horizontal-callout { width: auto; margin-left: 1.5rem; margin-right: 1.5rem; margin-bottom: 1.5rem } } .horizontal-callout .level-4, .horizontal-callout caption, .horizontal-callout h4 { margin-bottom: .75rem } .horizontal-callout .content { position: relative; width: 67%; -ms-flex-item-align: center; align-self: center; padding-right: 1.5rem; border-right: 1px solid rgba(0, 0, 0, .15) } @media screen and (max-width:700px) { .horizontal-callout .content { width: 100%; padding-right: 0; padding-bottom: 1.5rem; border-right: none; text-align: center } } .horizontal-callout .content :last-child { margin-bottom: 0 } .horizontal-callout .action { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 33%; padding-left: 1.5rem; } .horizontal-callout .action :last-child { margin-bottom: 0 } @media screen and (max-width:700px) { .horizontal-callout .action { width: 100%; padding-left: 0 } } .horizontal-callout .action p { font-size: 1em; line-height: 1.2 } .horizontal-callout .bg-image { position: absolute; width: 100%; z-index: -1 } .horizontal-callout.photo-overlay { cursor: pointer } .horizontal-callout.photo-overlay .action { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; top: 0; left: 0; height: 100%; width: 40%; padding: 0 1.5rem 0 3rem; color: #333; background: rgba(236, 185, 92, .8); transition: all .5s; transform: translateX(-1.5rem) } @media screen and (max-width:1000px) { .horizontal-callout.photo-overlay .action { width: 90% } } @media screen and (max-width:700px) { .horizontal-callout.photo-overlay .action { width: 100%; padding-left: 1.5rem; transform: translateX(0) } } .horizontal-callout.photo-overlay:hover .action { transform: translateX(0) } .horizontal-callout.photo-overlay.teal .action { background: rgba(125, 205, 195, .8) } .horizontal-callout.photo-overlay.red .action { background: rgba(191, 13, 62, .8) } .horizontal-callout.photo-overlay.cadet .action { background: rgba(70, 84, 112, .8) } .horizontal-callout.photo-overlay.charcoal .action { background: rgba(85, 85, 85, .8) } .horizontal-callout.storyboard { -ms-flex-wrap: nowrap; flex-wrap: nowrap } @media screen and (max-width:700px) { .horizontal-callout.storyboard { display: block; max-height: none; background-color: rgba(0, 0, 0, .25) } } .horizontal-callout.storyboard .action { -ms-flex: 0 0 30%; flex: 0 0 30%; padding-left: 1.5rem } @media screen and (max-width:700px) { .horizontal-callout.storyboard .action { position: absolute; height: 100% } } @media screen and (max-width:700px) { .horizontal-callout.storyboard .action .callout { display: none } } .horizontal-callout.storyboard .action .callout h2 { color: #fff } .horizontal-callout.storyboard .action .callout a.btn, .horizontal-callout.storyboard .action .callout, .horizontal-callout.storyboard .action .callout, .horizontal-callout.storyboard .action .callout { font-size: .875em } .horizontal-callout.storyboard .action img { position: absolute; top: 0; left: 0 } .horizontal-callout.storyboard .post_lead { position: relative; padding: 1.5rem 3.75rem .75rem } @media screen and (max-width:700px) { .horizontal-callout.storyboard .post_lead { padding: 1.5rem } } .horizontal-callout.storyboard .post_lead h2 { display: none } @media screen and (max-width:700px) { .horizontal-callout.storyboard .post_lead h2 { display: block; color: #fff } } .horizontal-callout.storyboard .post_lead h3 { font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400 } @media screen and (max-width:890px) { .horizontal-callout.storyboard .post_lead h3 { font-size: 1.5rem } } .horizontal-callout.storyboard .post_lead h3 a { color: #333 } .horizontal-callout.storyboard .post_lead h3 a:hover { color: black; } @media screen and (max-width:700px) { .horizontal-callout.storyboard .post_lead h3 a, .horizontal-callout.storyboard .post_lead p { color: #fff } } @media screen and (max-width:700px) { .horizontal-callout.storyboard .storyboard__more-link { display: inline-block; padding: 0 4px; font-size: 80%; background-color: #fff } } .horizontal-callout.text { padding: 1.5rem } .horizontal-callout.sponsorship { display: block; padding: 1.5rem } .horizontal-callout.sponsorship .sponsorship-images { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.5rem; overflow: hidden } .horizontal-callout.sponsorship .sponsorship-images img { margin-right: 2.625rem; margin-bottom: 1.5rem; max-height: 133px } @media screen and (max-width:700px) { .horizontal-callout.sponsorship .sponsorship-images img { max-height: 100px } } @media screen and (max-width:450px) { .horizontal-callout.sponsorship .sponsorship-images img { max-height: none; float: left; display: block; margin-right: 7.42302%; width: 46.28849% } .horizontal-callout.sponsorship .sponsorship-images img:last-child, .horizontal-callout.sponsorship .sponsorship-images img:nth-child(2n) { margin-right: 0 } .horizontal-callout.sponsorship .sponsorship-images img:nth-child(odd) { clear: left } } .horizontal-callout.sponsorship :last-child { margin-bottom: 0 } .vertical-callout-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:700px) { .vertical-callout-group { -ms-flex-direction: column; flex-direction: column } } .vertical-callout { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; position: relative; background: #ecb95c; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 3.75rem; overflow: hidden } .vertical-callout:last-child { margin-right: 0 } @media screen and (max-width:700px) { .vertical-callout { display: block; width: 100%; margin-bottom: 1.5rem } } .vertical-callout h4 { margin-bottom: .75rem } .vertical-callout hr { width: 50% } .vertical-callout .content { position: relative; padding: 1.5rem; overflow: hidden; z-index: 2 } .vertical-callout .bg-image { -ms-flex-item-align: end; align-self: flex-end; -ms-flex: 0 0 auto; flex: 0 0 auto; vertical-align: bottom; width: 100%; display: block } @media screen and (max-width:700px) { .vertical-callout .bg-image { position: absolute; top: 0; left: 0; width: 100%; opacity: .2 } } .vertical-callout .bg-image img { display: block; width: 100% } .vertical-callout.teal { background: #7dcdc3 } .vertical-callout.cadet { background: #465470 } .vertical-callout.red { background: #00ff32 } .vertical-callout.charcoal { background: #555 } .chip-callout { position: relative; margin-bottom: 2.625rem; background: transparent; float: left; display: block; margin-right: 3.57869%; width: 30.94754% } .chip-callout:last-child, .chip-callout:nth-child(3n) { margin-right: 0 } .chip-callout:nth-child(3n+1) { clear: left } @media screen and (max-width:700px) { .chip-callout { float: left; display: block; margin-right: 7.42302%; width: 100%; margin-bottom: 3.75rem } .chip-callout:last-child { margin-right: 0 } } .chip-callout:nth-last-child(-n+3) { margin-bottom: 0 } @media screen and (max-width:700px) { .chip-callout:nth-last-child(-n+3) { margin-bottom: 2.625rem } } .chip-callout .location { font-weight: 400; text-transform: none } .chip-callout .location:not(:empty):before { margin: 0 7px 0 4px } .chip-callout h3 { margin-top: 0; margin-bottom: .75rem } .chip-callout h3 a { color: #333 } .chip-callout h4 { color: #555 } .chip-callout--image { position: relative; margin-bottom: 1.5rem; overflow: hidden } .chip-callout--image img { height: auto; vertical-align: bottom; display: block; width: 100%; transition: all 1.5s; backface-visibility: visible } .chip-callout--info { position: absolute; top: 0; left: 0; height: 100px; z-index: 9; pointer-events: none; transition: all 1s } @media screen and (max-width:1000px) { .chip-callout--info { position: relative; width: 100%; height: auto } } .chip-callout--info strong { display: block } @media screen and (max-width:1000px) { .chip-callout--info strong { display: inline } } .chip-callout--info p { margin-bottom: 0; color: black; } .chip-callout--link:hover .chip-callout--info { opacity: .6 } .chip-callout--link:hover img { opacity: .8; backface-visibility: visible } .chip-callout.chip-callout-featured { position: relative; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; background: #fff; padding: 1.5rem 0 0; margin: 0 0 3.75rem; border-top: none } .chip-callout.chip-callout-featured:after { clear: both; content: ""; display: table } .chip-callout.chip-callout-featured:hover .chip-callout--info { opacity: 1 } @media screen and (max-width:700px) { .chip-callout.chip-callout-featured { display: block; padding: 0; margin-top: -1.5rem } } .chip-callout.chip-callout-featured .chip-callout--info { position: relative; -ms-flex: 0 0 100px; flex: 0 0 100px } @media screen and (max-width:1000px) { .chip-callout.chip-callout-featured .chip-callout--info { height: 100px } } @media screen and (max-width:700px) { .chip-callout.chip-callout-featured .chip-callout--info { height: auto; margin-bottom: 1.5rem } } @media screen and (max-width:1000px) { .chip-callout.chip-callout-featured .chip-callout--info strong { display: block } } @media screen and (max-width:700px) { .chip-callout.chip-callout-featured .chip-callout--info strong { display: inline } } .chip-callout.chip-callout-featured .content { margin-left: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } @media screen and (max-width:700px) { .chip-callout.chip-callout-featured .content { margin-left: 0; display: block } } .chip-callout.chip-callout-featured .intro { width: 100%; } @media screen and (max-width:700px) { .chip-callout.chip-callout-featured .intro { display: block; margin-right: 0 } } .chip-callout.chip-callout-featured .intro h3 { margin: 0 } .chip-callout.chip-callout-featured .description { -ms-flex-item-align: center; align-self: center; padding-left: 3.05184%; border-left: 1px solid #d5d5d5 } @media screen and (max-width:700px) { .chip-callout.chip-callout-featured .description { padding-left: 0; border: none } } [itemprop=endDate], [itemprop=startDate] { text-transform: none } .bottom-callouts .bottom-callouts--block { float: left; display: block; margin-right: 3.57869%; width: 30.94754% } .bottom-callouts .bottom-callouts--block:last-child, .bottom-callouts .bottom-callouts--block:nth-child(3n) { margin-right: 0 } .bottom-callouts .bottom-callouts--block:nth-child(3n+1) { clear: left } @media screen and (max-width:890px) { .bottom-callouts .bottom-callouts--block { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; margin-bottom: 1.5rem } .bottom-callouts .bottom-callouts--block:last-child { margin-right: 0 } .bottom-callouts .bottom-callouts--block:nth-child(3n) { margin-right: 3.57869% } .bottom-callouts .bottom-callouts--block:nth-child(3n+1) { clear: none } .bottom-callouts .bottom-callouts--block:nth-child(2n) { margin-right: 0 } .bottom-callouts .bottom-callouts--block:nth-child(odd) { clear: left } } @media screen and (max-width:700px) { .bottom-callouts .bottom-callouts--block { float: left; display: block; margin-right: 7.42302%; width: 100% } .bottom-callouts .bottom-callouts--block:last-child { margin-right: 0 } } .bottom-callouts .bottom-callouts--block h3 a { color: #333 } .divided-columns { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 3.75rem } .divided-columns>* { width: 33%; padding: 0 1.5rem; border-left: 1px solid rgba(0, 0, 0, .15) } @media screen and (max-width:700px) { .divided-columns>* { width: 100%; padding: 0; border: none } } .divided-columns>:last-child { border-right: 1px solid rgba(0, 0, 0, .15) } @media screen and (max-width:700px) { .divided-columns>:last-child { border-right: none } } @media screen and (max-width:700px) { .divided-columns>*+* { border-top: 1px solid rgba(0, 0, 0, .15); padding-top: 1.5rem; margin-top: 1.5rem } } .sidebar { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; padding: .33rem 0 } .sidebar, .sidebar:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .sidebar { float: left; display: block; margin-right: 3.57869%; width: 100% } .sidebar:last-child { margin-right: 0 } } .sidebar ul { display: block; margin-bottom: .75rem; padding: 0 0 0 1.5rem; overflow: hidden } .sidebar li { margin: 0 0 .75rem; padding: 0; line-height: 1.2 } .sidebar li:last-child { margin-bottom: 0 } .sidebar>div { margin-bottom: 1.5rem; padding-bottom: .75rem; border-bottom: 1px solid rgba(0, 0, 0, .15) } .sidebar>div:last-child { padding-bottom: 0; border-bottom: none } .sidebar div.related { padding: 1.5rem; border: 1px solid #ddd } .sidebar div.related ul.items { list-style: none; margin: 0; padding: 0; font-size: 1.1em } .sidebar div.related ul.items li { margin-bottom: 1.5rem; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; line-height: 1.25 } .sidebar div.related ul.items li:last-child { margin-bottom: 0 } .sidebar div.related .items__related a { font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; } .sidebar div.related time { display: block; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; text-transform: none } .sidebar div.related hr:last-child { display: none } .sidebar__links img { height: auto } .sidebar__blocks { margin-bottom: 2.625rem } .sidebar__blocks:after { clear: both; content: ""; display: table } .sidebar__blocks ul { list-style: none; padding: 0 } .sidebar__blocks ul li { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; height: 0; padding-bottom: 40%; margin-bottom: .75rem; position: relative } .sidebar__blocks ul li:last-child, .sidebar__blocks ul li:nth-child(2n) { margin-right: 0 } .sidebar__blocks ul li:nth-child(odd) { clear: left } @media screen and (max-width:1000px) { .sidebar__blocks ul li { float: left; display: block; margin-right: 3.57869%; width: 22.31598%; padding-bottom: 20%; margin-bottom: 1.5rem } .sidebar__blocks ul li:last-child { margin-right: 0 } .sidebar__blocks ul li:nth-child(2n) { margin-right: 3.75rem } .sidebar__blocks ul li:nth-child(odd) { clear: none } } @media screen and (max-width:1000px) and (max-width:1000px) { .sidebar__blocks ul li:nth-child(2n) { margin-right: 1.5rem } } @media screen and (max-width:1000px) { .sidebar__blocks ul li:nth-child(4n) { margin-right: 0 } .sidebar__blocks ul li:nth-child(4n+1) { clear: left } } .sidebar__blocks img { position: absolute; min-width: 100%; min-height: 100%; opacity: .5; transition: all .5s } .sidebar__blocks span { display: inline-block; position: relative; padding: 10px; font-weight: 400; color: #fff; line-height: 1.25; z-index: 2 } .sidebar__blocks span:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "▲"; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none; margin-left: .5em; transform: rotate(90deg); float: right; font-size: .6em; line-height: 2.5 } .sidebar__blocks a { position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; background: #000 } .sidebar__blocks a:hover img { opacity: .8; transform: scale(1.2) } .sidebar__blocks a:hover span { /*text-shadow: 1px 1px 5px rgba(0, 0, 0, .5) */ } .sidebar__share-links { padding-top: 1.5rem } .sidebar__share-links .page-content__print, .sidebar__share-links .page-content__share-links { margin-bottom: .25rem; margin-left: 0 } .sidebar__share-links:before { display: block; padding-bottom: 1.5rem; border-top: 1px solid rgba(0, 0, 0, .15); content: "" } .sidebar--storyboard { padding-top: 0; padding-left: 1.5rem; border-left: 1px solid rgba(0, 0, 0, .15); font-size: 1rem } .sidebar--storyboard .sidebar__storyboard-intro { padding-right: 1.5rem; border: none } @media screen and (max-width:1000px) { .sidebar--storyboard { display: none } } .sidebar--storyboard [itemprop=author] { margin-bottom: 1.5rem } .sidebar--storyboard [itemprop=author] [itemprop=name] { display: block; font-weight: 400 } .sidebar--storyboard .contact-us { margin-bottom: 1.5rem; padding: 1.5rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } .sidebar--storyboard .contact-us h3, .sidebar--storyboard .contact-us p { margin-bottom: 0 } .sidebar .quickview-nav.quickview { display: block; border-bottom: none; opacity: 1 } .sidebar .quickview-nav.quickview>ul { border: 1px solid #aaa } .sidebar .quickview-nav.quickview>ul>li>a { font-size: 1.1em; color: #00ff32; border: none } .sidebar .quickview-nav.quickview>ul>li>a:hover { background-color: #fff } .sidebar .quickview-nav.quickview>ul .sub-menu a { color: #333; background-color: #fff } .sidebar .quickview-nav.quickview>ul .sub-menu .sub-menu { max-height: none } .sidebar .quickview-nav.quickview>ul .sub-menu .sub-menu li a { padding-left: 10% } .sidebar .quickview-nav.quickview>ul .sub-menu a:hover, .sidebar .quickview-nav.quickview>ul .sub-menu li.current-menu-item>a { color: #fff; background-color: #00ff32 } .sidebar .quickview-nav.quickview .quickview-nav__expand { background: #fff } .sidebar .quickview-nav.quickview .quickview-nav__expand:before { color: #333 } .sidebar .quickview-nav.quickview a { font-size: .875em; padding: .75rem 1rem; border-color: #ddd } .sidebar .quickview-nav.quickview .quickview-nav__expand { padding: .55em; border-left: 1px solid #ddd } .sidebar .quickview-nav.quickview .quickview-nav__expand:before { font-size: .45em } .project-list { overflow: hidden } .project-list article { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; margin-bottom: 1.5rem } .project-list article:last-child, .project-list article:nth-child(2n) { margin-right: 0 } .project-list article:nth-child(odd) { clear: left } @media screen and (max-width:700px) { .project-list article { float: left; display: block; margin-right: 7.42302%; width: 100%; margin-bottom: 2.625rem } .project-list article:last-child { margin-right: 0 } } .project-list__project { position: relative; margin-bottom: .75rem } .project-list__project img { width: 100%; vertical-align: bottom } .project-list__project h3 { position: relative; color: #fff; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: 3em; letter-spacing: 0; text-transform: none } .project-list__project h3 a { color: #fff } .project-list__project h3 a:hover { color: #eee } .project-list__project.-overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .33) } .project-list__callout { position: absolute; bottom: 0; left: 0; padding: .75rem 1.5rem; color: #fff; background-color: rgba(85, 85, 85, .85); font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; text-transform: none } .project-list__callout a { color: #fff } .project-list__intro { margin-top: .75rem; font-size: .875rem } .category-tag { display: inline-block; margin: 1.5rem 0; padding: .5rem .75rem; color: #555; background-color: #ddd; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: .875rem; font-weight: 400 } .category-tag.-teal { color: #333; background-color: #7dcdc3 } .category-tag.-cadet { color: #333; background-color: #465470 } .category-tag.-red { color: #333; background-color: #00ff32 } .category-tag.-gold { color: #333; background-color: #ecb95c } .category-tag.-charcoal { color: #333; background-color: #555 } .embed { position: relative; width: 100%; height: 0; padding-bottom: 56% } .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .items__related.-event .times { display: none } .cmoaorg.home .hero+.section-primary { padding-top: 0 } body.page h1+hr { border-bottom: 3px solid #333 } body.page h1+hr:last-child { margin-bottom: 2.625rem } body.page article.page-content { margin-bottom: 1.5rem } body.page article.page-content h2+hr { width: 25%; margin: 1rem 0 1.5rem; border-width: 3px } body.page article.page-content .callout { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; margin-top: 2.625rem } body.page article.page-content .callout:last-child, body.page article.page-content .callout:nth-child(3n) { margin-right: 0 } body.page article.page-content .callout:nth-child(3n+1) { clear: left } body.page article.page-content .callout h2+hr { width: 100% } body.page article.page-content .callout ul { list-style: none; margin: 0; padding: 0 } body.page article.page-content .callout ul li { margin-bottom: .75rem; line-height: 1.2em } body.page article.page-content a:hover, body.single article.page-content a:hover { text-decoration: underline } body.page article.page-content address, body.page article.page-content time, body.single article.page-content address, body.single article.page-content time { display: inline-block; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; text-transform: none } @media screen and (max-width:700px) { body.page article.page-content address, body.page article.page-content time, body.single article.page-content address, body.single article.page-content time { display: block } } body.page article.page-content address, body.single article.page-content address { font-style: normal } body.page article.page-content time, body.single article.page-content time { text-transform: none } body.page article.page-content img, body.single article.page-content img { height: auto } body.page article.page-content li, body.single article.page-content li { margin-bottom: .75rem } body.single-ai1ec_event h1, body.single-exhibition h1 { margin-bottom: .75rem; padding-top: .75rem } .highlight-text { background-color: #e4e54b } .container .calendar-controls { float: left; display: block; margin: 1%; width: 98%; } .container .calendar-controls:last-child { margin-right: 0 } @media screen and (max-width:1000px) { .container .calendar-controls { float: left; display: block; margin-right: 3.57869%; width: 100% } .container .calendar-controls:last-child { margin-right: 0 } } .container .calendar-controls__wrapper { float: left; display: block; margin-right: 3.57869%; width: 48.21066% } .container .calendar-controls__wrapper:last-child { margin-right: 0 } @media screen and (max-width:700px) { .container .calendar-controls__wrapper { float: left; display: block; margin-right: 7.42302%; width: 100% } .container .calendar-controls__wrapper:last-child { margin-right: 0 } } .events-list .item, .exhibitions-list .item { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: .75rem; padding: 2.625rem 0 0 0; border-top: 1px solid #ddd } @media screen and (max-width:700px) { .events-list .item, .exhibitions-list .item { display: block; margin-bottom: 0; padding-top: 0; overflow: hidden; border-top: none } } .events-list .exhibition h2, .events-list .item h2, .exhibitions-list .exhibition h2, .exhibitions-list .item h2 { margin: .2rem 0px .5rem 0px; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400; } .events-list .exhibition h2 a, .events-list .item h2 a, .exhibitions-list .exhibition h2 a, .exhibitions-list .item h2 a { color: #333; } .events-list .exhibition h2 a:hover, .events-list .item h2 a:hover, .exhibitions-list .exhibition h2 a:hover, .exhibitions-list .item h2 a:hover { color: #474747; } .events-list .chip, .exhibitions-list .chip { position: relative; float: left; display: block; height: 90px; width: 90px; max-height: 90px; padding-top: 20px; margin-right: 10px; } .events-list .chip:last-child, .exhibitions-list .chip:last-child { margin-right: 0 } .events-list .details, .exhibitions-list .details { float: left; display: block; margin-right: 3.57869%; width: 82.73689%; padding-left: .75rem; padding-bottom: 0px; margin-bottom: 0px; padding-top: 10px; } .events-list .details:last-child, .exhibitions-list .details:last-child { margin-right: 0 } @media screen and (max-width:700px) { .events-list .details, .exhibitions-list .details { float: right; display: block; min-height: 0; padding-left: 0; padding-top: 0px; width: calc(100% - 100px); } .events-list .details:last-child, .exhibitions-list .details:last-child { margin-right: 0 } } @media screen and (max-width:500px) { .events-list .details, .exhibitions-list .details { float: left; display: block; min-height: 0; padding-left: 0; padding-top: 0px; width: 100%; } } .events-list ul.categories, .events-list ul.tags, .exhibitions-list ul.categories, .exhibitions-list ul.tags { list-style: none; display: inline-block; margin: 0; padding: 0 } .events-list ul.categories li, .events-list ul.tags li, .exhibitions-list ul.categories li, .exhibitions-list ul.tags li { display: inline-block; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: .875em; color: #555; text-transform: none } .events-list ul.categories li:after, .events-list ul.tags li:after, .exhibitions-list ul.categories li:after, .exhibitions-list ul.tags li:after { content: "," } .events-list ul.categories li:last-child:after, .events-list ul.tags li:last-child:after, .exhibitions-list ul.categories li:last-child:after, .exhibitions-list ul.tags li:last-child:after { content: "" } .events-list ul.categories li a, .events-list ul.tags li a, .exhibitions-list ul.categories li a, .exhibitions-list ul.tags li a { color: #555 } .events-list ul.categories li a:hover, .events-list ul.tags li a:hover, .exhibitions-list ul.categories li a:hover, .exhibitions-list ul.tags li a:hover { color: black; text-decoration: none; } .events-list ul.categories li, .exhibitions-list ul.categories li { font-weight: 400 } .events-list ul.tags li:after, .exhibitions-list ul.tags li:after { content: ", " } .events-list ul.tags li:first-child:before, .exhibitions-list ul.tags li:first-child:before { margin: 0 7px 0 4px } .events-list ul.tags li:last-child:after, .exhibitions-list ul.tags li:last-child:after { content: "" } .calendar-filters { padding-bottom: 1rem } .calendar-filters__label { font-weight: 400 } .tag-link { text-transform: none } .tag-link:after { content: ", " } .tag-link:last-child:after { content: "" } body.single-ai1ec_event .page-content .time-location { margin-bottom: .75rem } body.single-ai1ec_event .page-content .time-location time { display: block } body.single-ai1ec_event .page-content .time-location time+address:before { display: none } body.single-ai1ec_event .page-content .time-location time strong { text-transform: none } body.single-ai1ec_event .page-content time .times { display: inline-block; text-transform: none } body.single-ai1ec_event .page-content time+address:before, body.single-ai1ec_event .page-content time .times:before { margin: 0 8px 0 4px } body.single-ai1ec_event .page-content .description { margin-bottom: 1.5rem } body.single-ai1ec_event .page-content .audiences li, body.single-ai1ec_event .page-content .categories li, body.single-ai1ec_event .page-content .tags li { margin-bottom: 2px } .exhibitions-list .exhibition { margin-bottom: 3.75rem; overflow: hidden } .exhibitions-list .exhibition:last-child { margin-bottom: 0 } @media screen and (max-width:700px) { .exhibitions-list .exhibition { position: relative; padding-top: 2.625rem } } .exhibitions-list .exhibition img { display: block; width: 100%; height: auto; margin-bottom: 1.5rem } @media screen and (max-width:700px) { .exhibitions-list .exhibition img { margin-bottom: 0 } } .exhibitions-list .exhibition .details { padding-left: 0 } @media screen and (max-width:700px) { .exhibitions-list .exhibition .details { padding-top: .75rem } } @media screen and (max-width:700px) { .exhibitions-list .chip { position: absolute; top: 0 } } .upcoming-list .upcoming--item { margin-bottom: 3.75rem } .upcoming-list .upcoming--item:last-child { margin-bottom: 2.625rem } .upcoming-list .upcoming--item h2 { margin-top: .75rem; font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: 400; line-height: 1.1 } .upcoming-list .upcoming--item h2 a { color: #333 } .upcoming-list .upcoming--item h2 a:hover { color: black; } .upcoming-list .upcoming--item a.item--image { display: block } .upcoming-list .upcoming--item a.item--image img { display: block; height: auto } .upcoming-list .upcoming--item .dates { display: block; width: auto; margin-bottom: 0 } .upcoming-list .upcoming--item .dates p { margin-bottom: 0 } body.single-exhibition time+address:before { margin: 0 4px 0 2px } @media screen and (max-width:700px) { body.single-exhibition time+address:before { display: none; content: ""; margin: 0 } } body.single-exhibition a.map-link { font-family: Carnegie Soft,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; text-transform: none } body.single-exhibition .exhibition-images { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center } body.single-exhibition .exhibition-images .item { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; position: relative; margin-bottom: 1.5rem; border: 1px solid #ddd } body.single-exhibition .exhibition-images .item:last-child, body.single-exhibition .exhibition-images .item:nth-child(3n) { margin-right: 0 } body.single-exhibition .exhibition-images .item:nth-child(3n+1) { clear: left } @media screen and (max-width:700px) { body.single-exhibition .exhibition-images .item { float: left; display: block; margin-right: 7.42302%; width: 46.28849% } body.single-exhibition .exhibition-images .item:last-child { margin-right: 0 } body.single-exhibition .exhibition-images .item:nth-child(3n) { margin-right: 3.57869% } body.single-exhibition .exhibition-images .item:nth-child(3n+1) { clear: none } body.single-exhibition .exhibition-images .item:nth-child(2n) { margin-right: 0 } body.single-exhibition .exhibition-images .item:nth-child(odd) { clear: left } } @media screen and (max-width:450px) { body.single-exhibition .exhibition-images .item { float: left; display: block; margin-right: 7.42302%; width: 100% } body.single-exhibition .exhibition-images .item:last-child { margin-right: 0 } } body.single-exhibition .exhibition-images .item a.image { position: relative; z-index: 1 } body.single-exhibition .exhibition-images .item img { vertical-align: middle } body.single-exhibition .exhibition-images .credit-link { position: absolute; bottom: 0; right: 0; display: block; padding: .65rem .75rem .15rem; background-color: #fff; color: #555; font-size: .875rem; z-index: 999; cursor: pointer } body.single-exhibition .exhibition-images .credit-link:focus, body.single-exhibition .exhibition-images .credit-link:hover { text-decoration: none } body.single-exhibition .exhibition-images .credit-link:focus+.credits, body.single-exhibition .exhibition-images .credit-link:hover+.credits { opacity: .8; z-index: 99 } body.single-exhibition .exhibition-images .credits { position: absolute; top: 0; left: 0; height: 100%; padding: .75rem; background: #fff; opacity: 0; transition: opacity .2s ease-out } body.single-exhibition .featherlight-next span, body.single-exhibition .featherlight-previous span { text-shadow: none } body.archive ul.sponsor-list { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0 } body.archive ul.sponsor-list li { float: left; display: block; margin-right: 3.57869%; width: 30.94754% } body.archive ul.sponsor-list li:last-child, body.archive ul.sponsor-list li:nth-child(3n) { margin-right: 0 } body.archive ul.sponsor-list li:nth-child(3n+1) { clear: left } .art-list .item { margin-bottom: 3.75rem } .art-list .item img { display: block; width: 100%; height: auto } .art-list .item h3, .art-list .item img { margin-bottom: .75rem } .program-list { margin-top: 2.625rem } .program-list .program--item { margin-bottom: 3.75rem; overflow: hidden } .program-list .program--item img { display: block; height: auto; margin-bottom: .75rem } .program-list .program--item h3 { margin-bottom: .75rem } .program-list .program--thumb { float: left; display: block; margin-right: 3.57869%; width: 22.31598% } .program-list .program--thumb:last-child { margin-right: 0 } .program-list .program--content { float: left; display: block; margin-right: 3.57869%; width: 74.10533% } .program-list .program--content:last-child { margin-right: 0 } .publication-list .publication--item, .search article { margin-bottom: 3.75rem } .search article h3 { margin-bottom: .75rem } .heading-row th { font-size: 1.2em; font-weight: 400; padding: 0px !important; } .product-row td { padding: 0px !important; } .total-row th { font-size: 1em; font-weight: 400; padding: 0px !important; } body.page article.page-content .link-checkout:after { font-family: icons; content: ""; margin-left: 5px; vertical-align: top } body.page article.page-content .link-checkout:hover { text-decoration: none } body.ie .nav-callout div { float: left; width: 130px; padding-top: 18px } body.ie .nav-callout .nav-icon { padding-top: 15px } @media screen and (max-width:890px) { body.ie .nav-callout { float: right; padding-top: 0 } } body.ie .nav-global li, body.ie .nav-global li a, body.ie .nav-icon { float: left } @media screen and (max-width:890px) { body.ie .nav-global-persistant { width: auto } body.ie .nav-global-persistant li { float: left } body.ie .nav-global-persistant .nav-icon-hamburger { display: block } } body.ie .chip-callout-featured .chip-callout--info { float: left; width: 100px; margin-right: 20px } body.ie .chip-callout-featured .intro { width: 50%; float: left } body.ie .chip-callout-featured .description { width: 30%; float: left } body.ie .horizontal-callout.photo-overlay h4 { padding-top: 70px } body.ie .horizontal-callout .content { width: 60%; float: left } body.ie .horizontal-callout .action { float: left; width: 40% } body.ie .nav-footer li { float: left; display: block; margin-right: 3.57869%; width: 48.21066% } body.ie .nav-footer li:last-child, body.ie .nav-footer li:nth-child(2n) { margin-right: 0 } body.ie .nav-footer li:nth-child(odd) { clear: left } body.ie .form-search fieldset { width: 80%; float: left; height: 4.1em } body.ie .form-search button { width: 20%; float: left } body.ie .events-list .item:after, body.ie .exhibitions-list .item:after { clear: both; content: ""; display: table } @media print { * { background: none!important; color: #333; position: relative!important; text-align: left!important } .logo-l, .nav-container, .nav-footer, .social { display: none!important } .header-main { border: none } img { max-width: 150px!important; height: auto!important } .container, .container-full, .container-full-sm, .footer-main, .hero { width: 100%; max-width: 100%; padding: 0 } .logo-m { display: block!important } .logo-m path { fill: #000!important } .main-footer .location { width: auto } .horizontal-callout { min-height: auto; padding: 0; border: none } .chip-callout { display: block!important } .chip-callout .content { padding: 0!important; margin: 0!important } .chip-callout--info { width: 100%!important; height: auto; padding: 0 0 1em } .chip-callout--info strong { display: inline } }