/* Generated on: Fri Mar 24 2023 21:27:58 GMT+0000 (Coordinated Universal Time) */ /* ========================================================================== normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css ========================================================================== */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-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}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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:monospace, monospace;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"]{-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:none}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ========================================================================== Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. ========================================================================== */ @font-face{font-family:'webflow-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0% 0%;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}fieldset{padding:0;margin:0;border:0}button,[type='button'],[type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0px}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0}.w-background-video--control>[hidden]{display:none !important}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^='w-icon-'],.w-slider-arrow-right [class^='w-icon-'],.w-slider-arrow-left [class*=' w-icon-'],.w-slider-arrow-right [class*=' w-icon-']{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-slider-force-show{display:block !important}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0px;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important} /* ========================================================================== Start of custom Webflow CSS ========================================================================== */ .w-form-formradioinput--inputType-custom { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-right-color: #ccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; width: 12px; height: 12px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0px 0px 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-top-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-right-width: 4px; border-top-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; border-right-color: #3898ec; } .w-form-formrecaptcha { margin-bottom: 8px; } .w-pagination-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .w-pagination-previous { display: block; color: #333; font-size: 14px; margin-left: 10px; margin-right: 10px; padding-top: 9px; padding-bottom: 9px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .w-pagination-next { display: block; color: #333; font-size: 14px; margin-left: 10px; margin-right: 10px; padding-top: 9px; padding-bottom: 9px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .w-checkbox { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox::before { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; } .w-checkbox::after { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; clear: both; } .w-checkbox-input { float: left; margin-bottom: 0px; margin-left: -20px; margin-right: 0px; margin-top: 4px; line-height: normal; } .w-checkbox-input--inputType-custom { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-right-color: #ccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; width: 12px; height: 12px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; border-top-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; border-right-color: #3898ec; background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0px 0px 3px 1px #3898ec; } body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-size: 14px; line-height: 20px; } h1 { position: relative; width: 100%; margin-top: 0px; margin-bottom: 10px; font-family: 'Larish Neue', Georgia, sans-serif; color: #0080c9; font-size: 40px; line-height: 40px; font-weight: 400; } h2 { width: 100%; margin-top: 0px; margin-bottom: 10px; font-family: 'Larish Neue', Georgia, sans-serif; color: #0080c9; font-size: 28px; line-height: 28px; font-weight: 400; } h3 { margin-top: 0px; margin-bottom: 10px; font-family: 'Larish Neue', Georgia, sans-serif; color: #0080c9; font-size: 18px; line-height: 18px; font-weight: 400; } h4 { position: relative; width: 100%; margin-top: 0px; margin-bottom: 10px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 18px; line-height: 28px; font-weight: 400; } h5 { width: 100%; margin-top: 0px; margin-bottom: 5px; font-family: franklin-gothic-urw, sans-serif; color: #a6a9ae; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } a { font-family: Brown, Arial, sans-serif; color: #b317ab; font-size: 16px; line-height: 26px; text-decoration: none; } .section-last { position: relative; margin-top: -100px; padding-top: 100px; padding-bottom: 1px; background-color: #212a36; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5d90daa47115f929a7cd54eb_CMH-symbol-pattern.png"); background-position: 0px 0px; background-size: 244px; background-repeat: repeat-x; } ._1300-container { z-index: 99; width: 1300px; max-width: 90%; margin-right: auto; margin-left: auto; transition: box-shadow 500ms ease; } ._1300-container.donate { position: relative; } ._1300-container.hide { display: none; } ._1300-container.announcement { position: absolute; display: flex; justify-content: space-between; } .div-block { display: flex; justify-content: space-between; align-items: center; } .h1-white { margin-top: 0px; margin-bottom: 0px; font-family: 'Larish Neue', Georgia, sans-serif; color: #fff; font-size: 40px; line-height: 40px; font-weight: 400; } .h1-white.center { position: relative; width: 100%; text-align: center; } .link-arrow { display: flex; margin-top: 15px; align-items: center; font-family: Brown, Arial, sans-serif; text-decoration: none; } .text-block { margin-right: 10px; color: #fff; font-size: 18px; line-height: 28px; } .footer-upcoming-events { margin-top: 75px; justify-content: space-between; align-items: flex-start; } .body { border-radius: 10px; } .h3 { margin-top: 0px; margin-bottom: 0px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 18px; line-height: 28px; font-weight: 400; } .h3.white { margin-top: 20px; margin-bottom: 0px; color: #fff; } .h3.center { width: 100%; margin-top: 0px; margin-bottom: 0px; text-align: center; } .h3.no-space { margin-bottom: 0px; } .h3.yellow { width: 100%; color: #ffa612; } .h3.berry { width: 100%; color: #b317ab; } .h3.green { width: 100%; color: #00c9b7; } .h3.purple { width: 100%; color: #665cc7; } .h3.blue { width: 100%; color: #0080c9; } .h3.lightblue { width: 100%; color: #98cbeb; } .body-text { width: 100%; margin-bottom: 0px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .body-text.center { width: 100%; margin-bottom: 0px; text-align: center; } .body-text.white { color: #fff; } .body-text.donors { line-height: 36px; } .body-text.gray { color: #a6a9ae; } .body-text.pop-up { width: 70%; } .body-text.digital-card { position: relative; } .body-text.mycmh-note.left { text-align: left; } .text-block-2 { margin-right: 5px; font-size: 16px; line-height: 26px; font-weight: 400; } .date-block { position: relative; display: flex; width: 70px; height: 70px; margin-top: -45px; margin-bottom: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; } .date-block.span { width: auto; padding-right: 20px; padding-left: 20px; flex-direction: row; } .date-month { font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .date-month.charcoal { color: #212a36; } .date-month.blue { color: #0080c9; } .date-date { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 25px; line-height: 25px; } .date-date.charcoal { color: #212a36; } .date-date.blue { color: #0080c9; } .newsletter-block { display: flex; margin-top: 25px; margin-bottom: -1px; justify-content: space-between; align-items: flex-end; } .div-block-2 { justify-content: flex-end; } .div-block-3 { width: 50%; margin-top: 25px; margin-bottom: 25px; } .newsletter-options { display: flex; margin-top: 20px; margin-bottom: 20px; justify-content: flex-start; } .newsletter-option { margin-right: 20px; margin-bottom: 0px; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; } .newsletter-field { height: 55px; border-style: none; border-width: 0px; border-color: #212a36; border-radius: 10px; font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; } .newsletter-field::-moz-placeholder { color: rgba(33, 42, 54, 0.5); } .newsletter-field::-ms-input-placeholder { color: rgba(33, 42, 54, 0.5); } .newsletter-field::placeholder { color: rgba(33, 42, 54, 0.5); } .newsletter-field.names { width: 32%; border: 2px solid #fff; transition: border-color 500ms ease; font-family: franklin-gothic-urw, sans-serif; } .newsletter-field.names:hover { border-color: #ffa612; } .newsletter-field.names.pop-up { border-style: solid; border-width: 2px; border-color: #a6a9ae; transition: border-color 500ms ease; } .newsletter-field.names.pop-up:hover { border-color: #0080c9; } .newsletter-field.pop-up { border-style: solid; border-width: 2px; border-color: #a6a9ae; transition: border-color 500ms ease; } .newsletter-field.pop-up:hover { border-color: #0080c9; } .newsletter-field.email { width: 33%; } .form-block { margin-top: 20px; margin-bottom: 0px; } .ghost-button { padding: 10px 25px; border-style: solid; border-width: 2px; border-color: #0080c9; border-radius: 50px; background-color: transparent; transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; text-align: center; } .ghost-button:hover { border-color: #0080c9; background-color: #0080c9; color: #fff; } .ghost-button.space { margin-right: 25px; } .ghost-button.charcoal { flex-direction: column; justify-content: center; align-items: center; border-color: #212a36; color: #212a36; } .ghost-button.charcoal:hover { border-color: #0080c9; color: #fff; } .ghost-button.charcoal.yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button.charcoal.berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button.charcoal.green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button.charcoal.purple { width: 200px; margin-right: 0px; margin-left: 0px; } .ghost-button.charcoal.purple:hover { border-color: #665cc7; background-color: #665cc7; color: #fff; } .ghost-button.charcoal.news { width: 150px; margin-top: 50px; } .ghost-button.charcoal.news:hover { border-color: #fa7c3d; } .ghost-button.charcoal.hide { display: none; } .ghost-button.mini { font-size: 14px; line-height: 24px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .ghost-button.mini:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button.mini.yellow:hover { color: #ffa612; } .ghost-button.mini.purple:hover { color: #665cc7; } .ghost-button.purple { width: auto; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .ghost-button.purple:hover { border-color: #fff; background-color: #fff; color: #665cc7; } .ghost-button.purple.white { color: #fff; } .ghost-button.purple.white:hover { color: #665cc7; } .ghost-button.white { margin-top: -10px; margin-right: 25px; padding-right: 25px; border-color: #fff; color: #fff; } .ghost-button.white:hover { border-style: none; border-color: #0080c9; background-color: transparent; } .ghost-button.white.hover-white { padding-right: 25px; color: #fff; } .ghost-button.white.hover-white:hover { border-color: #fff; background-color: #fff; color: #ffa612; } .ghost-button.white.purple:hover { border-color: #fff; color: #665cc7; } .ghost-button.white.blue:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button.educator-membership { width: auto; } .ghost-button.support { width: auto; border-color: #fff; color: #fff; } .ghost-button.support:hover { background-color: #fff; color: #fa7c3d; } .ghost-button.ghost-yellow { transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; } .ghost-button.ghost-yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button.ghost-berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button.ghost-green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button.ghost-purple:hover { border-color: #665cc7; background-color: #665cc7; } .ghost-button.tix { display: none; } .ghost-button.hide { display: none; } .section-footer { padding-top: 75px; padding-bottom: 75px; background-color: #0080c9; } .h2 { margin-top: 0px; margin-bottom: 0px; font-family: 'Larish Neue', Georgia, sans-serif; color: #0080c9; font-size: 28px; line-height: 28px; font-weight: 400; } .h2.white { color: #fff; } .h2.white.center { width: 100%; } .h2.numbers { margin-bottom: 15px; } .h2.green { margin-right: 25px; color: #00c9b7; } .h2.center { text-align: center; } .h2.center.yellow { color: #ffa612; } .h2.center.berry { color: #b317ab; } .footer-sponsors { display: flex; align-items: center; } .read-strong-logo { width: 55px; margin-right: 5px; } .read-strong-logo.aam { width: 90px; } .phillips66-logo { width: 55px; } .div-block-4 { display: flex; justify-content: space-between; align-items: center; } .footer-columns { display: flex; margin-top: 50px; justify-content: space-between; align-items: flex-start; } .div-block-5 { display: flex; width: 20%; margin-right: 100px; flex-direction: column; align-items: stretch; } .text-block-3 { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; } .footer-link { font-family: Brown, Arial, sans-serif; color: #fff; line-height: 34px; text-decoration: none; } .footer-link.hide { display: none; } .div-block-6 { display: flex; width: 25%; flex-direction: column; align-items: stretch; } .div-block-7 { display: flex; width: 22%; flex-direction: column; } .div-block-8 { display: flex; width: 22%; flex-direction: column; justify-content: flex-end; align-items: flex-end; } .social-media { margin-right: 50px; } .social-media.last { margin-right: 0px; } .section-topnav { position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 1000; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top: 7px solid #0080c9; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .section-topnav.green { z-index: 2000; border-top-color: #00c9b7; } .section-topnav.purple { z-index: 2000; border-top-color: #665cc7; } .section-topnav.yellow { z-index: 2000; border-top-color: #ffa612; } .section-topnav.berry { border-top-color: #b317ab; } .cmh-logo { -o-object-fit: contain; object-fit: contain; } .desktop-nav-menu { position: relative; z-index: 1000; display: flex; margin-top: -1px; justify-content: space-between; align-items: center; background-color: transparent; } .topnav-links { position: relative; top: 13px; display: flex; color: #333; } .topnav-link { margin-top: 2px; margin-right: 40px; padding-top: 0px; transition: color 500ms ease; font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 14px; line-height: 24px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .text-block-4 { color: #333; } .topnav-dropdown { display: flex; margin-top: 1px; margin-right: 10px; padding-top: 0px; padding-right: 15px; padding-left: 0px; align-items: center; background-color: transparent; transition: color 500ms ease; font-family: franklin-gothic-urw, sans-serif; color: #39133e; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .topnav-dropdown:hover { color: #212a36; } .topnav-dropdown.last { margin-top: -2px; margin-right: -8px; padding-right: 15px; padding-bottom: 17px; } .icon { margin-top: 3px; margin-right: 0px; color: #333; } .icon.mobile-dropdown.orange-dropdown { color: #fa7c3d; } .hours-bar { position: relative; z-index: 1000; display: block; width: 100%; height: 40px; align-items: center; background-color: #0080c9; } .bar-link { font-family: Brown, Arial, sans-serif; color: #fff; text-decoration: none; } .bar-link.right { position: relative; } .bar-link.opening-hours { position: relative; left: 0%; display: none; } .hours-block { display: flex; padding: 0px; justify-content: space-between; background-color: transparent; } .hero-message { font-family: 'Larish Neue', Georgia, sans-serif; color: #fff; font-size: 70px; line-height: 80px; text-align: center; } .hero-premessage { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 18px; line-height: 28px; font-weight: 400; text-align: center; } .hero-buttons { display: flex; margin-top: 50px; justify-content: center; align-items: center; } .section-upcoming-events { padding-top: 50px; padding-bottom: 50px; align-items: center; background-color: #faf9f7; } .h1 { margin-top: 0px; margin-bottom: 10px; font-family: 'Larish Neue', Georgia, sans-serif; color: #0080c9; font-size: 40px; line-height: 40px; font-weight: 400; } .h1.center { text-align: center; } .section-plan-visit { display: none; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .secondary-link { margin-right: 25px; font-family: Brown, Arial, sans-serif; color: #0080c9; text-decoration: none; } .secondary-link.tix { display: none; } .background-video { display: flex; height: 90vh; margin-top: 100px; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(33, 42, 54, 0.3); } .search-open-trigger { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10; width: 100%; height: 100%; cursor: pointer; } .fontawesome-close { position: absolute; right: 15px; transition: color 500ms ease; font-family: FontAwesome; color: #0080c9; font-size: 18px; line-height: 18px; font-weight: 400; text-align: center; cursor: pointer; } .fontawesome-close:hover { color: #fe4242; } .searchbar-close { position: absolute; right: 15px; display: block; transition: opacity 500ms ease; cursor: pointer; } .special-message { margin-bottom: 25px; padding: 15px; border-radius: 50px; background-color: #ffa612; font-family: Brown, Arial, sans-serif; color: #faf9f7; font-size: 16px; line-height: 26px; } ._3column-block { width: 32%; padding-bottom: 25px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; text-decoration: none; } ._3column-block:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } ._3column-photo { height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._3column-photo.fresh-cafe { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/60bebd63a1aa392aef88d4f2_Free-range-grilled-chicken-sandwich-147021907_3000x2008.jpeg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._3column-photo.birthday-parties { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/60beaa2e3ddd45ead86e8333_DSC_5294-min.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._3column-photo.fiddle-sticks { border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c6d4ca3871aade13940f_CMH-fiddlesticks.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._3column-photo.afterschool { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dcc7bf2160f751ef9e9fc6e_afterschool.jpg"); } ._3column-photo.family { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dcc7c408be6173a6a96a6a7_engagement.jpg"); } ._3column-photo.opendoors { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dcc7c545473761692dfc1a7_opendoors.jpg"); } ._3column-photo.myprojects { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/602437934383097d135c374b_Antonio_Uriarte_8_03.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._3column-photo.parentstars { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6127b17a536ee66e78b9be54_parentstars.jpeg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._3column-photo.familymath { border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6127b1af6b98e32e776ef07f_familymath.jpeg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .h4 { margin-top: 0px; margin-bottom: 10px; font-family: 'Larish Neue', Georgia, sans-serif; color: #0080c9; font-weight: 400; } .accent-divider { height: 2px; margin-top: 10px; padding-bottom: 20px; border-top-width: 2px; border-top-color: #ffa612; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5d9e3d3e63dd2920405d0d6b_CMH-divider-yellow.png"); background-position: 0px 0px; background-size: 6px; background-repeat: repeat-x; } .accent-divider.space { margin-bottom: 50px; } .accent-divider.accordion { padding-top: 7px; } ._3column-content { display: flex; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; } ._3column-content.left { padding-top: 15px; align-items: flex-start; } .link-text { color: #b317ab; font-size: 16px; line-height: 26px; } .image-5 { margin-left: 5px; } .section-featured-content { padding-top: 100px; padding-bottom: 100px; background-color: #fff; } .featured-block { display: flex; width: 49.5%; height: 350px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; text-decoration: none; } .featured-block:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } .featured-block.feature2 { position: relative; border-radius: 10px; } .featured-block.feature2:hover { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db1e9cc660cdd55091f51ca_CMH-exhibits.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } .featured-block.feature2 { position: relative; border-radius: 10px; background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db1e9cc660cdd55091f51ca_CMH-exhibits.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.sensoryfriendly { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.5), rgba(33, 42, 54, 0.5)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5da8c1245df54b29bfd2c586_sensory-friendly.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.exploreabilities { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.5), rgba(33, 42, 54, 0.5)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5da8c1745df54b094bd2c705_exploreabilities.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.sensoryfriendly { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5da75c22ff0cfa8b4445ec6e_visit-header.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; transition: background-color 500ms ease, box-shadow 500ms ease; } .featured-block.sensoryfriendly:hover { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5da75c22ff0cfa8b4445ec6e_visit-header.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.feature3 { position: relative; background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db1ea1b7ffdd4610670be5d_CMH-secret.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.feature3:hover { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db1ea1b7ffdd4610670be5d_CMH-secret.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.feature4 { position: relative; background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db1ed33d328c67c57760a3d_CMH-heartandseoul.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.feature4:hover { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db1ed33d328c67c57760a3d_CMH-heartandseoul.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.allexhibits { padding: 20px; background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/61ccda4877602287d34578ab_Children's_Museum_38.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-block.secret { padding: 20px; background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/60bea9ce4e33734310198387_Childrens_museum_273.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .featured-social-block { display: flex; width: 32%; height: 315px; margin-right: 5px; margin-left: 5px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; text-decoration: none; } .featured-social-block.social1 { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6202ee29f4cc443e9e804fc8_Facade_1.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-social-block.social2 { display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6202ef852db21eb4b481a597_Facade_3.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-social-block.social3 { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6202ee304fee94cc02c05b94_Facade_2.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-social-block.social4 { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db2020690bff6a7d9e1d2e5_CMH-social3.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-social-block.purple { padding: 20px; background-color: #665cc7; } .featured-social-block.fiddlesticks2 { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5eda90d6cd084e0f185a31ee_fiddle_sticks_puzzles.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-social-block.fiddlesticks3 { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5eda90df76f3226a619aed78_fiddle_sticks_puppet.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-social-block.fiddlesticks4 { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5eda90e8e00df014cc9edaeb_fiddle_sticks_science.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .label-header { font-family: franklin-gothic-urw, sans-serif; color: #a6a9ae; font-size: 12px; line-height: 22px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .label-header.white { position: relative; width: 100%; margin-bottom: 15px; color: #fff; font-weight: 700; text-align: center; letter-spacing: 1px; } .section-purchase { position: relative; padding: 50px 0px; flex-direction: column; justify-content: center; align-items: center; background-color: #faf9f7; } .left-column { width: 49%; padding-bottom: 25px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; text-decoration: none; } .left-column:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } ._2column-photo { height: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._2column-photo.citypass { display: flex; justify-content: center; align-items: center; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/63fe34f6b1f6837a97cf53a4_houston-350x200-img.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } ._2column-photo.fiddlesticks { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c6d4ca3871aade13940f_CMH-fiddlesticks.jpg"); } ._2column-photo.mro { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db86525024b237bd93e68af_CMH-poppingballoons.jpg"); } ._2column-photo.membership { display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/60bec03a3d63dbb3e045534b_Membership%20(2)-min.jpg"); } ._2column-content { display: flex; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; } .center-button { display: flex; justify-content: center; align-items: center; } .section-testimonials { display: none; padding-top: 50px; padding-bottom: 50px; background-color: #b317ab; } .topnav-feature-header { width: 100%; font-family: 'Larish Neue', Georgia, sans-serif; color: #fff; font-size: 20px; line-height: 25px; font-weight: 400; text-align: center; letter-spacing: 0px; text-transform: none; } .topnav-dropdown-menu { z-index: 2; padding-left: 15px; background-color: transparent; transition: color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #283e34; font-size: 14px; line-height: 24px; font-weight: 400; letter-spacing: 0px; text-transform: none; cursor: pointer; } .topnav-dropdown-menu:hover { background-color: rgba(146, 189, 37, 0.1); color: #9cbb44; font-weight: 400; } .topnav-dropdown-menu.w--current { color: #212a36; } .topnav-dropdown-menu.w--current:hover { color: #0080c9; } .topnav-dropdown-menu.menu-round { border-bottom-right-radius: 10px; } .topnav-dropdown-menu.menu-round:hover { border-bottom-left-radius: 10px; } .topnav-dropdown-menu.left-round:hover { border-bottom-left-radius: 10px; } .topnav-dropdown-menu.comingsoon { color: #a6a9ae; cursor: default; } .topnav-dropdown-menu.comingsoon:hover { background-color: transparent; } .topnav-dropdown-menu.purple-links:hover { background-color: rgba(102, 92, 199, 0.1); color: #665cc7; } .topnav-dropdown-menu.yellow-links:hover { background-color: rgba(255, 166, 18, 0.1); color: #ffa612; } .topnav-feature-text { width: 100%; margin-top: 25px; margin-bottom: 25px; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 14px; line-height: 24px; font-weight: 400; text-align: center; letter-spacing: 0px; text-transform: none; } .topnav-feature-text.smaller { margin-top: 10px; margin-bottom: 10px; } .columns-2 { display: none; justify-content: flex-start; } .column-7 { padding-right: 0px; padding-left: 0px; } .column-8 { padding-right: 0px; padding-left: 0px; } .column-9 { display: flex; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; border-bottom-right-radius: 10px; background-color: #ffa612; } .div-block-11 { border-bottom-left-radius: 10px; } .burger-line { width: 20px; margin-top: 2px; margin-bottom: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #2c363f; } .burger-line.bl-mid { width: 15px; } .topnav-mobile { left: auto; top: 0%; right: 0%; bottom: 0%; display: flex; width: 100%; max-height: 100vh; max-width: 310px; padding-top: 60px; padding-left: 10px; background-color: #39133e; } .nav-menu-pane { z-index: 998; display: none; overflow: auto; height: 100%; flex-direction: column; border-left: 1px solid #e0dede; box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.05); } .menu-search { display: flex; margin-bottom: 0px; padding: 12px 10px 10px; border-bottom: 1px solid #e0dede; } .search-input { height: 40px; margin-bottom: 0px; border-style: solid; border-width: 1px; border-color: #e0dede; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: rgba(224, 222, 222, 0.5); } .search-button { height: 40px; padding-right: 10px; padding-left: 10px; border-style: solid solid solid none; border-width: 1px; border-color: #e0dede; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), transparent); transition: background-color 200ms ease; color: #1d2329; font-size: 12px; font-weight: 700; } .search-button:hover { background-color: hsla(0, 0%, 96.1%, 0.05); } .mobile-menu-dropdown { display: flex; height: 40px; padding: 10px 20px 5px; align-items: center; border-top: 1px solid #e0dede; background-color: #f5f5f5; transition: background-color 200ms ease; color: #fa7c3d; font-weight: 700; } .mobile-menu-dropdown.w--open { background-color: #f5f5f5; } .menu-link-group { padding-top: 10px; padding-bottom: 10px; } .menu-dropdown-list { position: relative; background-color: #fa7c3d; color: #fa7c3d; } .menu-dropdown-list.w--open { padding-bottom: 10px; transition: all 200ms ease; } .mobile-menu-link { display: flex; width: 100%; height: 40px; padding-right: 20px; padding-left: 20px; align-items: center; transition: all 200ms ease; color: #1d2329; font-size: 14px; font-weight: 700; text-decoration: none; } .mobile-menu-dropdown-link { padding-top: 5px; padding-bottom: 5px; transition: all 200ms ease; color: #fa7c3d; font-size: 12px; font-weight: 700; } .menu-dropdown { margin-right: 0px; margin-left: 0px; color: #fa7c3d; } .burger-3 { display: none; width: 30px; height: 30px; padding: 5px; flex-direction: column; justify-content: center; align-items: flex-start; } .mobile-menu-icon { display: none; margin-left: 0px; padding: 0px; flex-direction: column; justify-content: center; align-items: center; } .mobile-menu-icon.w--open { background-color: transparent; } .navigation-flex { display: flex; } .logo-block { display: flex; width: 95px; height: 95px; justify-content: center; align-items: center; background-color: #0080c9; } .logo-block.w--current { width: 100px; flex-direction: column; justify-content: center; align-items: center; background-color: #0080c9; } .logo-block.yellow { background-color: #ffa612; } .logo-block.green { background-color: #00c9b7; } .logo-block.purple { background-color: #665cc7; } .logo-block.berry { background-color: #b317ab; } .logo-block.lightblue { background-color: #98cbeb; } .visit-feature { position: absolute; top: 0px; right: 1px; z-index: 3; display: flex; width: 45%; height: 100%; margin-right: -1px; padding: 20px; float: right; flex-direction: column; justify-content: center; align-items: center; background-color: #0080c9; text-decoration: none; cursor: default; } .visit-feature.ata-feature { background-color: #212a36; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db36272bb3a78a9487206f5_shapes-left.png"); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; } .navigation-links { align-items: center; } .topnav-secondary { position: relative; top: 7px; z-index: 2000; display: flex; justify-content: flex-end; align-items: center; } .navigation { z-index: 999; width: 1300px; max-width: 90%; background-color: #fff; } .topnav-menu.w--open { left: -375px; width: 650px; background-color: #fff; cursor: default; } .topnav-menu.exhibits { position: absolute; left: -322px; top: 57.5px; } .topnav-menu.exhibits.plan.w--open { border-radius: 0px; } .topnav-menu.community { left: -384px; top: 57px; width: 485px; } .topnav-menu.plan { background-color: #ddd; color: #333; } .topnav-menu.plan.w--open { position: absolute; left: -16px; top: 37px; width: 585px; margin-top: 2px; border-radius: 0px; background-color: #fff; box-shadow: 0 15px 20px 0 rgba(33, 42, 54, 0.1); } .topnav-menu.plan.exhibits.w--open { left: -489px; width: 835px; box-shadow: 0 15px 20px 0 rgba(33, 42, 54, 0.1); } .topnav-menu.plan.community { left: -394px; width: 500px; height: 300px; background-color: #fff; } .column-11 { display: flex; height: 100%; padding: 25px; flex-direction: column; justify-content: center; align-items: center; background-color: #665cc7; } .columns-3 { height: 100%; } .column-12 { padding-right: 0px; padding-left: 0px; } .form { margin-bottom: 25px; } .form.pop-up { display: flex; flex-direction: column; align-items: center; } .button { padding: 10px 25px; border-bottom: 3px solid #0080c9; border-radius: 50px; background-color: #fff; transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .button:hover { border-bottom-color: #0080c9; background-color: #0080c9; color: #fff; } .button.green { padding: 10px 25px; border-bottom-color: #00c9b7; border-radius: 50px; background-color: #fff; font-family: Brown, Arial, sans-serif; color: #00c9b7; font-size: 16px; line-height: 26px; text-align: center; } .button.green:hover { border-bottom-color: #0a998f; background-color: #00c9b7; color: #fff; } .button.yellow { border-bottom-color: #ffa612; transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; color: #ffa612; } .button.yellow:hover { border-bottom-color: #bc801c; background-color: #ffa612; color: #fff; } .button.berry { border-bottom-color: #b317ab; color: #b317ab; } .button.berry:hover { border-bottom-color: #861d87; background-color: #b317ab; color: #fff; } .button.purple { border-bottom-color: #665cc7; } .button.purple:hover { border-bottom-color: #514d9a; background-color: #665cc7; } .button.lightblue { border-bottom-color: #98cbeb; } .button.lightblue:hover { border-bottom-color: #4ba5da; background-color: #98cbeb; } .button.pop-up { border-bottom-color: #006aa7; background-color: #0080c9; color: #fff; } .button.pop-up:hover { border-bottom-color: #0080c9; background-color: #0095eb; } .button.rental { margin-left: 15px; } .section-event-header { position: relative; display: block; height: 500px; margin-top: 100px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e209c1a0ceff7658e3f2f00_storytime.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .event-flex { display: flex; justify-content: space-between; align-items: center; } .tickets-block { display: flex; width: 40%; flex-direction: row; justify-content: center; align-items: center; } .event-title-bg { position: absolute; top: 400px; width: 60%; height: 100px; align-items: center; border-top-right-radius: 10px; background-color: #00c9b7; } .line-label { display: flex; align-items: center; font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 12px; line-height: 22px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .line { width: 25px; height: 2px; margin-right: 5px; background-color: hsla(0, 0%, 100%, 0.3); } .event-title { position: absolute; left: 0%; top: 420px; right: 0%; z-index: 1000; width: 1300px; max-width: 90%; margin-right: auto; margin-bottom: 17px; margin-left: auto; } .section-event-overview { position: relative; min-height: 600px; } .event-info-flex { display: flex; justify-content: space-between; } .section-event-intro { padding-top: 25px; padding-bottom: 25px; background-color: #0ba; } .event-overview { width: 60%; padding-right: 50px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .gray-label { margin-bottom: 5px; font-family: franklin-gothic-urw, sans-serif; color: #a6a9ae; font-size: 14px; line-height: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .gray-label.center { margin-bottom: 25px; text-align: center; } .gray-label.center.sponsors { margin-bottom: 50px; } .gray-label.community-need { margin-bottom: 0px; } .gray-label.space { margin-top: 25px; } .gray-label.teks { position: relative; } .gray-info-box { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 40%; padding: 50px; border-bottom-left-radius: 10px; background-color: #faf9f7; } .gray-info-content { z-index: 1000; width: 70%; margin-top: 50px; } .event-details-text { margin-bottom: 25px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .event-details-text.event-time-range { margin-bottom: 0px; } .event-details-text.en-dash { margin-right: 5px; margin-bottom: 0px; margin-left: 5px; } .arrow-link { display: flex; align-items: center; font-family: Brown, Arial, sans-serif; color: #b317ab; font-size: 16px; line-height: 26px; font-weight: 400; text-decoration: none; } .arrow-link.space { margin-bottom: 25px; color: #b317ab; } .arrow-link.berry { color: #b317ab; } .arrow-link.white { color: #fff; } .image-6 { margin-top: -3px; margin-left: 5px; } .section-sponsors { padding-bottom: 50px; } .section-bring-home { position: relative; padding-top: 100px; padding-bottom: 100px; background-color: #faf9f7; } .more-app-icon { display: flex; width: 115px; height: 115px; margin-right: 20px; justify-content: center; align-items: center; border-radius: 10px; background-color: #0080c9; } .more-app-block { position: relative; display: flex; padding: 20px; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .more-app-block:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .more-app-block.exhibits { position: relative; margin-right: 10px; margin-left: 10px; transition: box-shadow 500ms ease; } .more-app-block.exhibits:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .more-description { display: flex; width: 100%; flex-direction: column; } .link-block-2 { margin-right: 20px; margin-left: 20px; } .link-block-3 { margin-right: 20px; margin-left: 20px; } .more-flex { display: flex; justify-content: space-between; align-items: center; } .store-icons { display: flex; align-items: center; } .rich-text-block { margin-bottom: 50px; } .collection-list-wrapper-4 { margin-top: 25px; flex-direction: column; justify-content: center; } .collection-list-2 { display: flex; justify-content: space-between; align-items: center; } .sponsor-names { margin-top: 25px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; font-weight: 400; text-align: center; } .color-overlay { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: none; background-color: rgba(33, 42, 54, 0.5); } .section-featured-events { margin-top: 110px; margin-right: 10px; margin-left: 10px; } .pattern-div { position: relative; z-index: 500; height: 100px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5d90daa47115f929a7cd54eb_CMH-symbol-pattern.png"); background-position: 0% 0%; background-size: 244px; background-repeat: repeat-x; opacity: 0.3; } .section-events { padding-bottom: 100px; } .event-calendar-wrapper { justify-content: center; } .event-calendar-item { width: 31%; margin-top: 50px; margin-right: 10px; margin-left: 10px; padding-bottom: 20px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .event-calendar-item:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } .event-calendar-list { display: flex; justify-content: flex-start; flex-wrap: wrap; } .event-content { padding-top: 20px; padding-right: 20px; padding-left: 20px; } .time-flex { display: flex; } .time-calendar { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 24px; font-weight: 400; } .time-range { margin-right: 5px; margin-left: 5px; font-family: Brown, Arial, sans-serif; color: #a6a9ae; line-height: 24px; font-weight: 400; } .event-preview { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .link-event-details { display: block; margin-top: 20px; font-family: Brown, Arial, sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; text-decoration: none; } .details-flex { display: flex; justify-content: space-between; align-items: flex-end; } .members-only { margin-top: -79px; padding: 5px 10px; border: 1px none #000; border-radius: 0px; opacity: 1; outline-color: #fff; outline-offset: 0px; outline-style: none; outline-width: 3px; font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 12px; line-height: 22px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .members-only:hover { margin-top: 0px; } .members-only:focus { margin-top: 0px; } .short-description-block { width: 60%; } .short-description { margin-bottom: 0px; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; } .featured-link { position: relative; display: flex; flex-direction: column; align-items: center; text-decoration: none; } .btn { padding: 12px 25px; border-bottom: 3px solid #212a36; border-radius: 50px; background-color: #fff; transition: color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .btn.green { border-bottom-color: #00c9b7; transition: color 500ms ease, border-color 500ms ease, background-color 500ms ease; color: #00c9b7; } .btn.green:hover { border-bottom-color: #009688; background-color: #00c9b7; color: #fff; } .btn.yellow { position: relative; border-bottom-color: #ffa612; transition: border-color 500ms ease, background-color 500ms ease; color: #ffa612; } .btn.yellow:hover { border-bottom-color: #bc801c; background-color: #ffa612; color: #fff; } .btn.blue { position: relative; width: 200px; border-bottom-color: #0080c9; transition: color 500ms ease, background-color 500ms ease; color: #0080c9; text-align: center; } .btn.blue:hover { border-bottom-color: #11547f; background-color: #0080c9; color: #fff; } .btn.purple { border-bottom-color: #665cc7; color: #665cc7; } .btn.purple:hover { border-bottom-color: #514d9a; background-color: #665cc7; color: #fff; } .div-block-14 { border-radius: 50px; background-color: rgba(0, 0, 0, 0.15); line-height: 26px; } .collection-item-6 { margin-bottom: 15px; padding: 15px; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .collection-item-6:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } .collection-list-6 { display: flex; flex-direction: column; } .featured-date-block { display: flex; width: 70px; height: 70px; margin-right: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; } .featured-date-block.span { width: auto; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; align-items: center; } .home-date-block { display: flex; } .home-event-list { display: flex; width: 100%; height: 100%; align-items: center; text-decoration: none; } .collection-list-wrapper-8 { width: 64%; } .defaultevents { position: relative; display: flex; margin-top: 50px; margin-bottom: 50px; flex-direction: row; justify-content: space-between; } .special-event { display: none; width: 100%; height: 560px; border-radius: 10px; background-color: #fff; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; text-decoration: none; } .special-event:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } .spacer-100 { height: 100px; border-radius: 10px; } .more-text { width: 100%; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } ._3column-flex { display: flex; margin-top: 50px; margin-bottom: 35px; justify-content: space-between; } .citypass-membership-flex { position: relative; display: flex; justify-content: space-between; } .featured-flex { position: relative; z-index: 950; display: flex; margin-bottom: 15px; justify-content: space-between; } .featured-flex.bottom { margin-bottom: 0px; } .social-flex { position: relative; display: flex; justify-content: space-between; } .hashtag { font-family: 'Larish Neue', Georgia, sans-serif; color: #fff; font-size: 40px; line-height: 40px; font-weight: 400; } .section-large-header { display: flex; height: 400px; margin-top: 100px; flex-direction: column; justify-content: center; align-items: stretch; background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-large-header.exhibits { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db1e9cc660cdd55091f51ca_CMH-exhibits.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-large-header.visit { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c47a24f8042edcaf01b2_header-plan-a-visit.jpg"); background-position: 0px 0px, 50% 50%; background-repeat: repeat, no-repeat; } .section-large-header.educators { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd8507923e10f64c407c3af_Teacher.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-large-header.community { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e2896ce959f703c35b9fc09_Facade_3.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-large-header.support { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/611439d41f66b0642e1acdb1_Museum_68.JPG"); background-position: 0px 0px, 50% 50%; } .section-large-header.membership { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e1e4b2314574f7e6bd82351_Membership.jpg"); background-position: 0px 0px, 50% 50%; } .section-large-header.classroom-curriculum { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5daf21c720017b4ccf415d86_shutterstock_641733190.jpg"); background-position: 0px 0px, 50% 50%; } .header-flex { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .left-flex { display: flex; width: 70%; flex-direction: column; } .featured-exhibit-link { margin-top: 10px; text-decoration: none; } .header-description { margin-top: 15px; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; } .section-exhibits { padding-bottom: 100px; } .map-flex { display: flex; margin-bottom: 50px; justify-content: space-between; align-items: center; } .map-download { display: flex; align-items: center; text-decoration: none; } .text-block-5 { font-family: Brown, Arial, sans-serif; color: #9cbb44; font-size: 16px; line-height: 26px; font-weight: 400; } .image-9 { margin-top: -3px; margin-left: 5px; } .image-9.vertical { width: 13px; height: auto; transform: rotate(90deg); } .collection-exhibits-wrapper { justify-content: space-between; } .collection-exhibit-item { width: 32%; margin-top: 50px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .collection-exhibit-item:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .collection-exhibits-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .exhibit-card { width: 100%; text-decoration: none; } .exhibit-content { padding-top: 20px; padding-right: 20px; padding-left: 20px; } .age-block { position: relative; display: flex; width: 70px; height: 70px; margin-top: -45px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; } .exhibit-preview { width: 100%; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .ages { font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .age { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; } .line-block { display: flex; align-items: center; font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 12px; line-height: 22px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .h1-banners { margin-top: 0px; margin-bottom: 0px; font-family: 'Larish Neue', Georgia, sans-serif; color: #fff; font-size: 50px; line-height: 50px; font-weight: 400; } .section-program-header { position: relative; height: 500px; margin-top: 100px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e20dd3a84108a49d5cdec98_WelcomeBaby.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .program-title-bg { position: absolute; top: 400px; width: 60%; height: 100px; border-top-right-radius: 10px; background-color: #7c74cf; } .program-title { position: absolute; left: 0%; top: 420px; right: 0%; z-index: 1000; width: 1300px; max-width: 90%; margin-right: auto; margin-left: auto; } .section-program-intro { padding-top: 25px; padding-bottom: 25px; background-color: #665cc7; } .program-flex { display: flex; } .section-program-overview { position: relative; min-height: 1000px; padding-bottom: 50px; } .rich-text-block-2 { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .program-info-flex { display: flex; justify-content: space-between; } .program-overview { width: 60%; padding-right: 50px; } .program-details-text { margin-bottom: 25px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .opt-in { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .opt-in-field { width: 200px; height: 45px; margin-bottom: 5px; border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.3); border-radius: 10px; font-family: Brown, Arial, sans-serif; color: #212a36; line-height: 24px; font-weight: 400; } .opt-in-field:focus { border-color: #665cc7; } .opt-in-field::-moz-placeholder { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 14px; line-height: 24px; } .opt-in-field::-ms-input-placeholder { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 14px; line-height: 24px; } .opt-in-field::placeholder { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 14px; line-height: 24px; } .charcoal-ghost-btn { padding: 8px 25px; border-style: solid; border-width: 2px; border-color: #39133e; border-radius: 50px; background-color: transparent; transition: background-color 500ms ease, color 500ms ease; font-family: Brown, Arial, sans-serif; color: #39133e; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .charcoal-ghost-btn:hover { border-color: #fa7c3d; background-color: #fa7c3d; color: #fff; } .charcoal-ghost-btn.purple { transition: background-color 500ms ease, border-color 500ms ease; } .charcoal-ghost-btn.purple:hover { border-color: #665cc7; background-color: #665cc7; color: #fff; } .charcoal-ghost-btn.green { width: 200px; transition: color 500ms ease, background-color 500ms ease; } .charcoal-ghost-btn.green:hover { border-color: #00c9b7; background-color: #00c9b7; color: #fff; } .form-2 { margin-top: 15px; } .section-quick-info { display: none; } .bringhome-flex { position: relative; display: flex; margin-top: 35px; margin-bottom: 25px; justify-content: space-between; } .accordion-item { width: 100%; } .accordion-item.berry { margin-bottom: 5px; padding: 25px; border-radius: 10px; background-color: #b317ab; } .accordion-item.yellow { margin-bottom: 5px; padding: 25px; border-radius: 10px; background-color: #ffa612; } .accordion-item.green { margin-bottom: 5px; padding: 25px; border-radius: 10px; background-color: #00c9b7; } .accordion-item.purple { padding: 25px; border-radius: 10px; background-color: #665cc7; } .accordion-item.filter-access { display: none; } .accordion-item.filter-group-language.hide { display: none; } .accordion-item.filter-group-age { display: none; } .accordion-item.hide { display: none; } .accordion-divider { height: 1px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; background-image: linear-gradient(180deg, rgba(166, 169, 174, 0.3), rgba(166, 169, 174, 0.3)); } .accordion-item-trigger { display: flex; margin-top: -5px; justify-content: space-between; align-items: center; cursor: pointer; } .accordion-item-trigger.our-response { justify-content: flex-start; } .accordion-header { display: inline-block; margin-top: 15px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 18px; line-height: 30px; font-weight: 400; } .accordion-header.white { color: #fff; } .down-arrow { position: static; width: 15px; margin-top: 5px; margin-right: 10px; direction: ltr; text-align: left; } .down-arrow.response { width: 12px; margin-top: 5px; margin-left: 5px; } .down-arrow.accordion { margin-top: -5px; } .accordion-item-content { overflow: hidden; } .section-accordions { padding-top: 50px; padding-bottom: 100px; } .collection-list-wrapper-9 { margin-bottom: 50px; } .collection-item-9 { padding: 5px; } .program-sponsors { margin-top: 50px; } .program-sponsors.mobile { display: none; } .collection-item-10 { margin-bottom: 25px; } .section-program-sponsors { padding-top: 50px; padding-bottom: 50px; } .outreach-sponsors-list { display: flex; justify-content: center; align-items: center; } .outreach-sponsors-item { display: flex; padding: 15px; justify-content: center; align-items: center; } .section-exhibit-header { position: relative; height: 500px; margin-top: 100px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dfd017da06e303ca7f0248e_1759_Jackman%2CKatie_440_AF.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .exhibit-title-bg { position: absolute; top: 400px; width: 60%; height: 100px; border-top-right-radius: 10px; background-color: #ffb335; } .exhibit-title { position: absolute; left: 0%; top: 420px; right: 0%; z-index: 1000; width: 1300px; max-width: 90%; margin-right: auto; margin-left: auto; } .section-exhibit-intro { padding-top: 25px; padding-bottom: 25px; background-color: #ffa612; } .exhibit-flex { display: flex; justify-content: space-between; align-items: center; } .section-exhibit-overview { position: relative; min-height: 800px; } .exhibit-info-flex { display: flex; justify-content: space-between; } .exhibit-overview { width: 60%; margin-top: 0px; padding-right: 50px; } .spacer-50 { height: 50px; } .image-11 { margin-left: 5px; } .image-11.hide { display: none; } .gray-details-text { margin-top: 0px; margin-bottom: 25px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .teks-info { position: relative; display: flex; margin-top: 25px; align-items: center; } .image-12 { margin-top: -7px; margin-left: 5px; cursor: help; } .exhibit-anchors { display: flex; margin-bottom: 50px; justify-content: flex-start; } .exhibit-anchor-link { margin-right: 50px; border-bottom: 2px solid transparent; transition: border-color 500ms ease, color 500ms ease; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-decoration: none; } .exhibit-anchor-link:hover { border-bottom: 2px solid #b317ab; color: #b317ab; } .exhibit-anchor-link.active { border-bottom: 2px solid #b317ab; color: #b317ab; } .section-exhibit-video { margin-top: 50px; } .section-exhibit-photos { margin-bottom: 50px; } .section-explore-exhibit { padding-top: 50px; padding-bottom: 10px; } .exhibit-feature-flex { display: flex; margin-bottom: 50px; justify-content: space-between; align-items: center; } .exhibit-feature-flex.flip { flex-direction: row-reverse; } .feature-img { width: 47%; height: 500px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/60c0ec889242821637e47ee7_Screenshot%202020-12-15%20121249.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .feature-description { width: 47%; } .section-age-activities { position: relative; padding-bottom: 25px; } .family-activities-content { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; text-align: left; } .section-guidelines { padding-bottom: 50px; } .mobile-button.yellow { display: none; } .mobile-button.green { display: none; } .section { display: none; } .exhibit-anchors-mobile { display: none; } .section-testimonial { padding-top: 100px; padding-bottom: 100px; background-color: #b317ab; } ._960-container { display: flex; width: 960px; max-width: 90%; margin-right: auto; margin-left: auto; flex-direction: column; align-items: flex-start; } ._960-container.testimonial { align-items: center; } ._960-container.center { justify-content: center; align-items: center; } .testimonial-author { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .testimonial-author-details { opacity: 0.7; font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 12px; line-height: 22px; font-weight: 700; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .image-13 { margin-bottom: 25px; } .event-logo-overlay { display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: center; align-items: center; background-color: rgba(33, 42, 54, 0.5); } .event-logo { width: 450px; margin-top: 100px; } .event-logo-container { display: flex; width: 1300px; height: 100%; max-width: 90%; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; } .image-14 { border-radius: 10px; } .section-program-testimonial { padding-top: 100px; padding-bottom: 100px; justify-content: center; background-color: #ffa612; } .left-item { margin-right: 50px; margin-bottom: 10px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; font-weight: 400; } .right-item { margin-bottom: 10px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; font-weight: 400; } .visit-columns { display: flex; } .hours-flex { display: flex; justify-content: space-between; align-items: flex-start; } .members-perks { display: flex; padding: 25px; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .regular-hours { width: 25%; } .regular-hours.full { width: 100%; } .spacer-45 { height: 45px; } .special-hours { width: 70%; } .seasonal-holiday-hours { width: 60%; } .seasonal-holiday-hours.desktop { display: flex; flex-direction: column; align-items: flex-start; } .seasonal-holiday-hours.mobile { display: none; } .members-blurb { margin-top: 13px; margin-right: 25px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .members-blurb.earlybird { width: 100%; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; padding-right: 25px; } .location { justify-content: space-between; align-items: center; } .address-link { transition: color 500ms ease; font-family: Brown, Arial, sans-serif; color: #39133e; font-size: 16px; line-height: 26px; font-weight: 400; text-decoration: none; } .address-link:hover { color: #b317ab; } .section-admission { margin-top: 50px; } .ticket-pricing { display: flex; margin-bottom: 15px; } .visitors { margin-right: 50px; } .visitor { width: 70%; font-family: Brown, Arial, sans-serif; color: #39133e; font-size: 16px; line-height: 26px; font-weight: 400; } .price { margin-bottom: 10px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .price.large { font-size: 18px; line-height: 28px; } .admission-flex { display: flex; justify-content: space-between; align-items: center; } .small-text { width: 100%; height: auto; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 12px; line-height: 22px; font-weight: 400; } .small-text.center { text-align: center; } .small-text.photo-caption { padding-top: 15px; color: #a6a9ae; } .small-text.secret { margin-left: 10px; } .admission-columns { width: 35%; padding-right: 50px; } .section-zig-zag { margin-top: 50px; } .zig-zag-flex { display: flex; padding-bottom: 50px; justify-content: space-between; align-items: center; } .zig-zag-flex.flip { flex-direction: row-reverse; } .zig-zag-flex.flip.hide { display: none; } .zig-zag-flex.hide { display: none; } .zig-zag-photo { width: 47%; height: 500px; border-radius: 10px; } .zig-zag-photo.freshcafe { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e21e1e1f0629a3baa0986ac_Fresh%20Cafe.jpg"); background-position: 50% 50%; background-size: cover; } .zig-zag-photo.fiddlesticks { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c6d4ca3871aade13940f_CMH-fiddlesticks.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.gearshop { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c7105cf50d353a7b4c89_CMH-gearshop.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.fieldexperiences { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6127eaf9add6f60420338f63_IMG_0180.jpg"); background-position: 50% 50%; background-size: cover; } .zig-zag-photo.focusedtours { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6127eade9a2ac139e29d9132_Childrens_museum_174.jpg"); background-position: 50% 50%; background-size: cover; } .zig-zag-photo.birthdays { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db204c5cfbcfbc9dda60326_CMH-birthdays.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.eatandshop { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c6d4ca3871aade13940f_CMH-fiddlesticks.jpg"); background-position: 50% 50%; background-size: cover; } .zig-zag-photo.groups { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dcc7cd6449e5958d5332b47_groups.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.selfguided { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d44188c99e76edbdf62c_FlowWorks.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.summergroups { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d4670aa529256079e3bd_SummerGroup.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.simplywonderful { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d4bb0aa529638979eb02_Birthday_3.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.anything { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d4df4c88a65585582384_Birthday_2.jpg"); background-position: 50% 50%; background-size: cover; } .zig-zag-photo.secret { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d4fd478a40b519f574d5_SECRET_Birthday.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.kidshall { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d5494c88a6c6fb58248d_KidsHall.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.brown { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d56f478a406398f575cf_Auditorium_2.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.duncan { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d58e88c99e3a91be0207_Duncan.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.secret-corporate { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d5b90b1ac59d3bea6799_SECRET_Corporate.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.opendoors { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d5fd0b1ac5206dea68c5_Facade_6.jpg"); background-position: 50% 50%; background-size: cover; } .zig-zag-photo.afterschool { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dfd08707de0dc3e6f9e3177_Field_2.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.family { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e04d623ed2a2734735e5c2d_Family.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.ftbend { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/60872bdbe2a9b1598cb5976b_DSC_0505.JPG"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .zig-zag-photo.summer-groups { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/629a5a01e4ddd99c4b848502_Museum_152.JPG"); background-position: 50% 50%; background-size: cover; } .zig-zag-content { width: 47%; } .faq-title-flex { display: flex; width: 100%; justify-content: space-between; } .section-small-header { display: flex; height: 200px; margin-top: 100px; flex-direction: column; justify-content: center; align-items: stretch; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5de135c1ee6c0af0cf34bdc1_Facade_3.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .section-small-header.admission { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e2091eedda96676b921d28b_TotSpot.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.eatshop { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5ddefc8b8f94ba90457f3f41_Fiddle_1.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.groups { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dcc7fb9160f75f6ebea21e8_groups-banner.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.birthdays { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db2054ceac4a49654f17341_header-birthdays.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.hostevent { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0d028ca3871957013d498_header-host-an-event.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.outreach { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e2894f845f6062a1b7843c0_Facade)2.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.getinvolved { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e28d19ec9f5b3f6b807ac56_Facade_6.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.parking { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c6185cf50d10867b489b_header-directions-and-parking.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.blue { background-color: #0080c9; background-image: linear-gradient(180deg, rgba(0, 128, 201, 0.5), rgba(0, 128, 201, 0.5)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db35b83419d4c7372e0364a_header-about-us.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.yellow { background-color: #ffa612; background-image: linear-gradient(180deg, rgba(255, 166, 18, 0.3), rgba(255, 166, 18, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db35ddb419d4c023be0431e_header-yellow.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.berry { background-color: #b317ab; background-image: linear-gradient(180deg, rgba(179, 23, 171, 0.5), rgba(179, 23, 171, 0.5)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db35ee824bb98b255b4e86a_header-berry.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.green { background-color: #00c9b7; background-image: linear-gradient(180deg, rgba(0, 201, 183, 0.7), rgba(0, 201, 183, 0.7)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db35f8a346adc7529fa93c9_header-green.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.purple { background-color: #665cc7; background-image: linear-gradient(180deg, rgba(102, 92, 199, 0.5), rgba(102, 92, 199, 0.5)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db35ff4bb3a78b01b71f77c_header-purple.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.classroom-curriculum { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e014cc8a656e00f17ac4f18_Math.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.faq { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5de135c1ee6c0af0cf34bdc1_Facade_3.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.genericpage-custom { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .section-small-header.dailybroadcast { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f720d86a2c1294808f3344b_broadcast-banner.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-small-header.comp-u-dopt { background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)), url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f720d86a2c1294808f3344b_broadcast-banner.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .section-intro { position: relative; transition: opacity 200ms ease; } .spacer-25 { height: 25px; } .left-content { padding-right: 50px; } .left-content._50percent { width: 50%; } .gray-box-content.top-space { padding-top: 50px; } .admission-page-flex { display: flex; margin-top: 50px; margin-bottom: 50px; justify-content: space-between; flex-wrap: wrap; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .price-column { display: flex; width: 25%; flex-direction: column; align-items: flex-start; } .section-waystosave { padding-bottom: 50px; } .section-parking { padding-bottom: 50px; } .parking-flex { display: flex; justify-content: space-between; } .garage-parking { width: 47%; margin-bottom: 0px; } .street-parking { width: 50%; } .section-directions { padding-bottom: 100px; } .driving-flex { display: flex; justify-content: space-between; } .driving { width: 47%; } .metro { width: 47%; } .spacer-35 { height: 35px; } .image-16 { width: 10px; margin-top: -3px; margin-left: 5px; } .image-16.vertical { width: auto; height: 10px; transform: rotate(0deg); } .section-questions { padding-bottom: 50px; } .circles-flex { display: flex; margin-bottom: 50px; justify-content: space-between; flex-wrap: wrap; } .circle { display: flex; width: 150px; height: 150px; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; background-color: #212a36; } .circle.yellow { background-color: #ffa612; } .circle.berry { background-color: #b317ab; } .circle.green { background-color: #00c9b7; } .circle.purple { background-color: #665cc7; } .circle.blue { background-color: #0080c9; } .circle.lightblue { background-color: #a6a9ae; } .circle-text { width: 100%; font-family: franklin-gothic-urw, sans-serif; color: #fff; font-weight: 700; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .section-home { position: relative; padding-top: 100px; padding-bottom: 100px; background-color: #faf9f7; } .home-item { margin-right: 10px; margin-left: 10px; flex: 1; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; text-decoration: none; } .home-item:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .home-photo { height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e0136389975b6ea50a000a8_Cereal.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .home-content { display: flex; padding: 25px; flex-direction: column; align-items: center; } .heading-2 { text-decoration: none; } .home-experience { position: relative; display: flex; justify-content: space-between; } .sponsor-logos-list { display: flex; margin-top: 25px; justify-content: space-between; } .sponsor-logos-item { display: flex; padding: 15px; justify-content: center; align-items: center; } .poc-flex { display: flex; align-items: flex-start; } .poc-headshot { width: 75px; height: 75px; margin-right: 25px; border-radius: 100px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .poc-headshot.alexandra-vasquez { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/62cf43b1a684191693d8b192_cmh_logo_480x272-01.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .poc-headshot.lydia-dungus { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0d3a571caa2d3a5c90983_headshot-Lydia-Dungus.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .poc-headshot.anna-nguyen { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6169efaa15acfe9f465afc74_Anna_Nguyen%20(2).jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .poc-headshot.tiffany-espinosa { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5ddc5f708ba5f562f6420716_Tiffany%20Espinosa.jpg"); } .poc-headshot.armando-orduna { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5ddc5f708ba5f562f6420716_Tiffany%20Espinosa.jpg"); } .poc-headshot.haniyyah-boxie { display: none; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f44149bb8897a313421715a_blank%20name%20and%20person.JPG"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%, 50% 50%; background-size: cover, cover; background-repeat: no-repeat, no-repeat; } .poc-headshot.tracy-golden { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 0px 0px, 50% 50%; background-size: 125px, cover; background-repeat: repeat, no-repeat; } .poc-headshot.ramona-pierre { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dde8dadd93e60b53fec6a4f_Ramona%20Pierre.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%, 50% 50%; background-size: cover, cover; background-repeat: no-repeat, no-repeat; } .focusedtours-flex { display: flex; justify-content: space-between; } .section-form { padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .form-field { width: 275px; border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.3); border-radius: 10px; transition: border-color 500ms ease; font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .form-field:hover { border-color: #ffa612; } .form-field::-moz-placeholder { color: #a6a9ae; } .form-field::-ms-input-placeholder { color: #a6a9ae; } .form-field::placeholder { color: #a6a9ae; } .form-field.dropdown { width: 100%; background-color: #fff; color: #212a36; font-size: 15px; } .form-field._100percent { width: 100%; } .left-fields { padding-right: 5px; } .right-fields { padding-left: 5px; } .form-birthdays { display: flex; flex-direction: column; align-items: center; } .form-birthdays.styleguide { align-items: flex-start; } .form-flex { display: flex; } .section-faq { padding-top: 50px; padding-bottom: 100px; } .contact-flex { display: flex; margin-top: 9px; } .image-17 { margin-top: -13px; margin-right: 10px; } .contact-phone { display: flex; margin-right: 25px; align-items: center; text-decoration: none; } .tabs { display: flex; } .tabs-menu { display: flex; width: 30%; padding-right: 50px; flex-direction: column; } .tabs-content { width: 70%; } .faq-tab { background-color: #fff; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; font-weight: 400; } .faq-tab:hover { background-color: #e4f0f6; } .faq-tab.w--current { background-color: #e4f0f6; color: #0080c9; } .section-faq-tabs { padding-bottom: 100px; } .pricing-flex { display: flex; justify-content: flex-start; } .party-members { width: 50%; } .party-nonmembers { width: 50%; } .section-party-gray { display: none; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .section-addons { display: none; } .addons-flex { display: flex; justify-content: space-around; } .addon { display: flex; margin-right: 5px; margin-left: 5px; padding: 50px 20px; flex-direction: column; justify-content: center; align-items: center; flex: 1; border-radius: 10px; background-color: #212a36; } .addon.purple { flex: 1; background-color: #665cc7; } .addon.green { background-color: #00c9b7; } .addon.yellow { background-color: #ffa612; } .addon.berry { background-color: #b317ab; } .section-facility-gray { padding-top: 50px; background-color: #faf9f7; } .div-block-16 { margin-right: 10px; margin-left: 10px; } .div-block-17 { display: flex; justify-content: space-between; flex: 1; } .div-block-18 { display: flex; justify-content: space-between; flex: 1; } .image-18 { position: absolute; left: 20px; top: 1167px; width: 60px; opacity: 0.2; } .image-19 { position: absolute; top: 725px; width: 100px; opacity: 0.2; } .image-20 { position: absolute; left: -45px; top: 1034px; z-index: 0; width: 200px; opacity: 0.2; } .image-22 { position: absolute; left: 5px; top: 1398px; width: 100px; opacity: 0.2; } .image-23 { position: absolute; left: 78px; top: 1405px; width: 100px; opacity: 0.2; } .image-24 { position: absolute; top: 512px; right: 0%; width: 100px; opacity: 0.2; } .image-25 { position: absolute; top: 1199px; right: 0%; width: 150px; opacity: 0.2; } .image-26 { position: absolute; top: 1367px; right: 2%; width: 100px; opacity: 0.2; } .image-27 { position: absolute; top: 1299px; right: 5%; width: 140px; opacity: 0.2; } .image-28 { position: absolute; left: 61%; top: 1508px; width: 50px; } .image-29 { position: absolute; left: 51px; width: 70px; opacity: 0.2; } .image-30 { position: absolute; left: -57px; top: 217px; width: 150px; opacity: 0.2; } .image-31 { position: absolute; left: 54px; top: 181px; width: 100px; opacity: 0.2; } .image-32 { position: absolute; left: 163px; top: 645px; width: 100px; opacity: 0.2; } .image-33 { position: absolute; top: 613px; width: 100px; opacity: 0.2; } .image-34 { position: absolute; top: 39px; right: 2%; width: 200px; opacity: 0.2; } .image-35 { position: absolute; top: 528px; right: 2%; width: 100px; opacity: 0.2; } .image-36 { position: absolute; top: 248px; right: 1%; width: 50px; opacity: 0.2; } .image-37 { position: absolute; top: 638px; right: 10%; width: 100px; opacity: 0.2; } .image-38 { width: 100px; margin-top: 2px; color: #fff; } .link-block-8 { margin-left: 25px; } .link-block-8.w--current { margin-left: 20px; } .section-intro-mobile { display: none; } .educators-flex { display: flex; justify-content: space-between; } .educators-left { width: 60%; } .educators-right { display: flex; width: 30%; flex-direction: column; } .side-block { margin-bottom: 25px; padding: 25px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); text-decoration: none; } .side-block.berry { display: flex; flex-direction: column; align-items: center; } .section-teks { padding-top: 50px; padding-bottom: 50px; } .teks-tabs { display: flex; width: 50%; margin-right: 50px; flex-direction: column; } .tabs-2 { display: flex; } .teks-tab { padding-top: 0px; padding-bottom: 20px; padding-left: 0px; background-color: transparent; transition: color 500ms ease; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-decoration: none; } .teks-tab:hover { color: #b317ab; } .teks-tab.w--current { background-color: transparent; color: #b317ab; } .teks-tabs-content { overflow: scroll; height: 500px; padding-right: 50px; } .link-block-9 { text-decoration: none; } .collection-item-16 { margin-bottom: 50px; } .collection-item-17 { margin-bottom: 50px; } .collection-item-18 { margin-bottom: 50px; } .collection-item-19 { margin-bottom: 50px; } .collection-item-20 { margin-bottom: 50px; } .collection-item-21 { margin-bottom: 50px; } .section-educator-outreach { padding-bottom: 50px; } .logo-flex { display: flex; align-items: center; } .title-flex { display: flex; justify-content: space-between; align-items: center; } .search { display: flex; width: 50%; margin-bottom: 0px; align-items: flex-start; } .search-input-3 { height: 46px; margin-right: 10px; margin-bottom: 0px; padding-right: 15px; padding-left: 15px; border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.3); border-radius: 50px; background-color: #faf9f7; font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .search-input-3::-moz-placeholder { color: rgba(33, 42, 54, 0.5); } .search-input-3::-ms-input-placeholder { color: rgba(33, 42, 54, 0.5); } .search-input-3::placeholder { color: rgba(33, 42, 54, 0.5); } .link { font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 18px; line-height: 28px; font-weight: 400; text-decoration: none; } .text-block-7 { font-family: Brown, Arial, sans-serif; color: rgba(33, 42, 54, 0.5); line-height: 25px; font-weight: 400; } .search-result-item { margin-bottom: 25px; } .section-search-results { padding-bottom: 100px; } .search-3 { display: flex; margin-bottom: 0px; align-items: flex-start; } .search-input-5 { width: 200px; height: 35px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; border: 0px solid #000; border-radius: 50px; background-color: #faf9f7; font-family: franklin-gothic-urw, sans-serif; color: #212a36; line-height: 24px; font-weight: 400; } .search-input-5::-moz-placeholder { color: #a6a9ae; } .search-input-5::-ms-input-placeholder { color: #a6a9ae; } .search-input-5::placeholder { color: #a6a9ae; } .search-button-3 { display: none; } .section-statistics { padding-bottom: 50px; background-color: #faf9f7; } .statistics-flex { display: flex; justify-content: space-between; } .statistic-block { display: flex; width: 25%; flex-direction: column; justify-content: center; align-items: center; } .statistic { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 50px; line-height: 50px; font-weight: 400; } .statistic.blue { color: #0080c9; } .statistic.yellow { color: #ffa612; } .statistic.berry { color: #b317ab; } .statistic.green { color: #00c9b7; } .section-community { position: relative; padding-top: 50px; padding-bottom: 50px; } .community-flex { display: flex; justify-content: space-between; } .community-left { width: 50%; padding-right: 50px; } .community-right { width: 50%; padding-left: 50px; } .section-impact { padding-bottom: 50px; } .div-block-22 { display: flex; margin-top: 25px; justify-content: flex-end; align-items: center; } .image-39 { margin-right: 25px; opacity: 0.5; } .image-40 { opacity: 0.5; } .our-impact { width: 70%; } .impact-flex { display: flex; justify-content: space-around; align-items: flex-start; } .annual-report { display: flex; width: 30%; justify-content: flex-end; } .section-needs { padding-bottom: 50px; } .needs-flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .needs-block { display: flex; width: 30%; margin-bottom: 100px; flex-direction: column; align-items: flex-start; } .number-circle { display: flex; width: 29px; margin-top: -6px; margin-right: 10px; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; background-color: #212a36; } .number-circle.yellow { background-color: #ffa612; } .number-circle.berry { background-color: #b317ab; } .number-circle.green { background-color: #00c9b7; } .number-circle.purple { background-color: #665cc7; } .number-circle.blue { background-color: #0080c9; } .number-circle.lightblue { background-color: #98cbeb; } .number-circle.holiday-green { background-color: #92bd25; } .number-circle.snowflake { background-color: #22b5ff; } .community-need { display: flex; margin-bottom: 10px; align-items: center; } .number-text { margin-top: 3px; font-family: Brown, Arial, sans-serif; color: #fff; font-weight: 400; } .section-donate-cta { padding-top: 100px; padding-bottom: 100px; flex-direction: column; justify-content: center; align-items: center; background-color: #665cc7; } .center-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .section-programs { padding-bottom: 50px; } .section-gray { margin-bottom: 50px; padding-top: 50px; background-color: #faf9f7; } .outreach-programs-flex { display: flex; padding-bottom: 50px; justify-content: flex-start; } .outreach-program-block { width: 33%; padding-right: 25px; } .program-link { text-decoration: none; } .section-volunteering { padding-top: 100px; padding-bottom: 100px; } .volunteer-flex { display: flex; justify-content: flex-start; flex-wrap: wrap; } .volunteer-block { width: 33%; margin-bottom: 50px; padding-right: 35px; } .section-donations { padding-top: 100px; padding-bottom: 100px; } .donations-flex { display: flex; margin-bottom: 50px; justify-content: space-between; flex-wrap: wrap; } .donation-block { display: flex; width: 33%; padding: 20px; flex-direction: column; justify-content: flex-start; align-items: center; } .donation { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 50px; line-height: 50px; font-weight: 400; } .donation.yellow { color: #ffa612; } .donation.berry { color: #b317ab; } .donation.green { color: #00c9b7; } .donation.purple { color: #665cc7; } .donation.blue { color: #0080c9; } .donation.lightblue { color: #98cbeb; } .div-block-23 { width: 100%; } .div-block-24 { display: flex; justify-content: center; align-items: flex-start; } .section-fundraising { padding-bottom: 100px; } .section-crew { padding-top: 100px; } .crew-flex { display: flex; justify-content: space-between; align-items: flex-start; } .crew-content { width: 47%; } .membership-card { width: 31%; margin-right: 10px; margin-bottom: 50px; margin-left: 10px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .membership-card:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } .membership-card.yellow:hover { box-shadow: 0 0 10px 0 rgba(255, 166, 18, 0.35); } .membership-card.berry:hover { box-shadow: 0 0 10px 0 rgba(179, 23, 171, 0.35); } .membership-card.green:hover { box-shadow: 0 0 10px 0 rgba(0, 201, 183, 0.35); } .membership-card.purple:hover { box-shadow: 0 0 10px 0 rgba(102, 92, 199, 0.35); } .membership-card.blue:hover { box-shadow: 0 0 10px 0 rgba(0, 128, 201, 0.35); } .membership-card.crew { width: 47%; } .membership-type { display: flex; height: 100px; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #212a36; } .membership-type.blue { background-color: #0080c9; } .membership-type.yellow { background-color: #ffa612; } .membership-type.berry { background-color: #b317ab; } .membership-type.green { flex-direction: column-reverse; background-color: #00c9b7; } .membership-type.purple { background-color: #665cc7; } .membership-content { padding: 30px; } .membership-details-flex { display: flex; justify-content: space-around; } .membership-details { display: flex; flex-direction: column; justify-content: center; align-items: center; } .section-sponsorship { padding-top: 100px; padding-bottom: 50px; } .sponsorship-flex { display: flex; justify-content: space-between; } .sponsorship-content { width: 47%; } .list-item { margin-top: 10px; margin-bottom: 10px; } .sponsorship-poc { width: 47%; } .sponsorship-card { border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .sponsorship-title { display: flex; padding: 25px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #ffa612; } .sponsorship-card-content { padding: 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff; } .crewmembers-flex { justify-content: space-between; } .crew-column { width: 25%; padding-right: 25px; } .crew-executives { display: flex; justify-content: flex-start; } .crew-founding { display: flex; } .crew-member { margin-bottom: 0px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; font-weight: 400; } .crew-member.title { margin-bottom: 25px; color: #a6a9ae; } .crew-member.executive { line-height: 26px; } .section-donors { padding-top: 50px; padding-bottom: 100px; } .donation-bubble { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; width: 100px; height: 100px; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; background-color: #665cc7; box-shadow: 0 0 20px 0 rgba(102, 92, 199, 0.5); transform: rotate(15deg); text-decoration: none; } .text-block-8 { font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 14px; line-height: 24px; font-weight: 700; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .section-membership { padding-top: 50px; padding-bottom: 50px; } .bonus-flex { display: flex; justify-content: space-between; } .bonus-perk { display: flex; width: 33%; padding: 30px; flex-direction: column; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; text-decoration: none; } .bonus-perk:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .spacer-10 { height: 10px; } .image-41 { width: 110px; } .image-42 { width: 125px; } .membership-flex { display: flex; justify-content: center; flex-wrap: wrap; } .link-2 { color: #b317ab; text-decoration: none; } .section-educators-membership { display: none; } .educators-membership { padding-top: 100px; padding-bottom: 100px; background-color: #0080c9; } .bonus-perk-block { display: flex; width: 30%; padding-right: 25px; flex-direction: column; justify-content: center; } .bestvalue { margin-left: 15px; padding: 5px 15px; border-radius: 50px; background-color: hsla(0, 0%, 100%, 0.35); font-family: franklin-gothic-urw, sans-serif; color: #fff; line-height: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .join-flex { display: flex; justify-content: space-between; } .gift-link { display: none; justify-content: flex-start; align-items: center; text-decoration: none; } .image-43 { margin-top: -2px; margin-left: 5px; } .div-block-27 { width: 70%; } .admission-content { width: 60%; padding-right: 50px; } .graybox-shapes { position: absolute; top: 323px; right: 0%; z-index: 900; display: none; width: 100px; } .faux-button { position: relative; display: flex; width: 200px; height: 50px; flex-direction: column; justify-content: center; align-items: center; border-bottom: 3px solid #212a36; border-radius: 50px; background-color: #fff; } .faux-button.yellow { position: static; border-bottom-color: #bc801c; } .faux-button.berry { border-bottom-color: #861d87; } .faux-button.green { border-bottom-color: #0a998f; } .faux-button.purple { border-bottom-color: #514d9a; } .faux-button.blue { border-bottom-color: #11547f; } .faux-button-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .faux-button-text.yellow { color: #ffa612; } .faux-button-text.berry { color: #b317ab; } .faux-button-text.green { color: #00c9b7; } .faux-button-text.purple { color: #665cc7; } .faux-button-text.blue { color: #0080c9; } .hover-overlays { display: flex; width: 100%; height: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: transparent; transition: background-color 500ms ease; } .hover-overlays:hover { background-color: rgba(33, 42, 54, 0.7); } .hover-overlays.berry:hover { background-color: rgba(179, 23, 171, 0.7); } .hover-overlays.yellow:hover { background-color: rgba(255, 166, 18, 0.7); } .hover-overlays.green:hover { background-color: rgba(0, 201, 183, 0.7); } .hover-overlays.purple:hover { background-color: rgba(102, 92, 199, 0.7); } .hover-overlays.blue { padding: 20px; } .hover-overlays.blue:hover { background-color: rgba(0, 128, 201, 0.7); } .overlay-charcoal { position: relative; display: flex; width: 100%; height: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-image: linear-gradient(180deg, rgba(33, 42, 54, 0.3), rgba(33, 42, 54, 0.3)); } .overlay-charcoal.events { padding: 25px; } .special-date-block { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; display: flex; width: 70px; height: 70px; margin-top: 20px; margin-left: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; } .text-block-9 { font-family: franklin-gothic-urw, sans-serif; color: #0080c9; line-height: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .text-block-10 { font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 25px; line-height: 25px; font-weight: 400; } .section-social-media { padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .heading-3 { margin-top: 10px; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 18px; line-height: 28px; font-weight: 400; } .special-events-flex { justify-content: space-between; } .calendar-special-event-block { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; text-decoration: none; } .special-event-date { margin-bottom: 15px; font-family: franklin-gothic-urw, sans-serif; color: #fff; line-height: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .special-upcoming-events { display: none; } .section-keep-exploring { position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .section-bonus-perks { padding-top: 100px; } .section-basic-intro { position: relative; } .content-flex { display: flex; justify-content: space-between; align-items: flex-start; } .content-left { width: 60%; padding-right: 50px; } .content-right { width: 40%; } .content-photo { width: 100%; height: 350px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/60a27faedc0b520d10cb5e7b_fflweb.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-photo.about-us { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db7008f4b13c537d5e8db67_CMH-aboutus.jpg"); } .content-photo.accessibility { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db871133a5d8ba04ef58a80_CMH-accessibility.jpg"); } .content-photo.contactus { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db8807c153619b56e2959ae_CMH-contactus.jpg"); } .content-photo.careers { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db886d321f4f7f1279a852a_CMH-careers.jpg"); } .content-photo.donationrequest { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db88aaaed8556db5f8ec9b5_CMH-donationrequest.jpg"); } .content-photo.digital-card { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/6092bd00122760bbb22d60aa_phone_digital_membership.jpg"); } .image-45 { position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; display: none; } .image-46 { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; display: none; } .section-privacy-policy { padding-bottom: 100px; } .section-history { padding-top: 50px; padding-bottom: 50px; } .history-flex { display: flex; justify-content: space-between; } .history-left { width: 47%; } .history-right { width: 47%; } .section-board { padding-top: 50px; } .board-row { display: flex; margin-bottom: 25px; justify-content: flex-start; } .board-member { width: 25%; } .board-title { font-family: Brown, Arial, sans-serif; color: #a6a9ae; line-height: 24px; font-weight: 400; } .section-downloads { padding-top: 100px; padding-bottom: 100px; } .event-photo { width: 100%; height: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5de555df6e274304b539f1e2_CMH-eventsloadbg.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .event-calendar-card { width: 100%; text-decoration: none; } .empty-state-text { opacity: 0; } .empty-state-bg { background-color: transparent; } .calendar-special-events-item { width: 33%; height: 350px; } .calendar-special-events-list { display: flex; justify-content: space-between; } .collection-list-wrapper-14 { display: none; width: 35%; } .footer-events-item { width: 400px; margin-right: 10px; margin-left: 10px; padding: 20px; border-radius: 10px; background-color: #fff; cursor: pointer; } .footer-events-wrapper { position: relative; z-index: 1; } .footer-events-list { display: flex; justify-content: space-between; } .exhibit-photo { width: 100%; height: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .video-slot-overlay { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: rgba(33, 42, 54, 0.5); } .play-button-circle { display: flex; width: 70px; height: 70px; flex-direction: column; justify-content: center; align-items: center; border-bottom: 3px solid #ffa612; border-radius: 100px; background-color: #fff; } .play-button-circle.broadcast { width: 55px; height: 55px; } .play-button-circle.related { width: 35px; height: 35px; } .image-47 { margin-left: 6px; } .image-48 { width: 125px; } .image-49 { margin-left: 6px; } .section-accessibility { padding-top: 50px; flex-direction: column; justify-content: center; align-items: center; } .div-block-28 { display: flex; width: 100%; justify-content: space-between; align-items: center; } .section-accessbility-events { margin-right: 10px; margin-left: 10px; } .section-contact { padding-top: 50px; padding-bottom: 50px; } .contact-row { display: flex; margin-bottom: 25px; flex-wrap: wrap; } .contact-block { width: 25%; margin-bottom: 25px; } .section-internships { padding-top: 50px; padding-bottom: 50px; } .collection-item-23 { margin-bottom: 100px; } .section-giftcard { padding-top: 50px; padding-bottom: 50px; } .section-news { padding-bottom: 50px; } .news-title-flex { display: flex; justify-content: space-between; } .news-preview { width: 60%; } .news-collection-item { margin-bottom: 50px; } .news-photo { width: 350px; height: 250px; margin-right: 50px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .news-photo:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .news-item-flex { display: flex; align-items: center; } .news-title-link { text-decoration: none; } .section-article { padding-bottom: 100px; } ._800-container { width: 800px; max-width: 90%; margin-right: auto; margin-left: auto; } .article-photo { width: 100%; height: 450px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/63863835f7060a63b3bc5d2f_martel.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .event-time-flex { display: flex; margin-bottom: 25px; } .event-time-flex.sundays { margin-bottom: 0px; } .section-classroom-curriculum { padding-bottom: 100px; } .cc-tabs { display: flex; } .cc-tabs-menu { display: flex; width: 20%; flex-direction: column; } .subject-tab { padding-top: 0px; padding-bottom: 20px; padding-left: 0px; background-color: #fff; transition: color 500ms ease; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .subject-tab:hover { background-color: #fff; font-family: Brown, Arial, sans-serif; color: #b317ab; font-size: 16px; line-height: 26px; font-weight: 400; } .subject-tab.w--current { background-color: #fff; color: #b317ab; } .cc-flex { display: flex; align-items: center; } .cc-photo { width: 350px; height: 250px; margin-right: 50px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .cc-preview { display: flex; width: 60%; flex-direction: column; align-items: flex-start; } .cc-english-item { margin-bottom: 50px; } .cc-title-link { text-decoration: none; } .collection-item-24 { margin-bottom: 50px; } .collection-item-25 { margin-bottom: 50px; } .collection-item-26 { margin-bottom: 50px; } .collection-item-27 { margin-bottom: 50px; } .collection-item-28 { margin-bottom: 50px; } .cc-tabs-content { width: 80%; } .empty-state { padding-top: 0px; background-color: #fff; } .classroom-curriculum-photo { width: 100%; height: 450px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .color-blocks { display: flex; height: 100%; justify-content: space-between; } .color-block1 { width: 10%; height: 100%; background-color: #ffa612; } .color-block1.yellow-10 { margin-right: 5px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .color-block1.berry-10 { margin-right: 5px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #b317ab; } .color-block1.purple-10 { margin-right: 5px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #665cc7; } .color-block3 { width: 10%; height: 100%; background-color: #665cc7; } .color-block3.purple-10 { margin-left: 5px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #665cc7; } .color-block3.yellow-10 { margin-left: 5px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #ffa612; } .color-block3.berry-10 { margin-left: 5px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #b317ab; } .color-block2 { width: 80%; height: 100%; background-color: #b317ab; } .color-block2.berry-80 { display: flex; margin-right: 5px; margin-left: 5px; padding: 25px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #b317ab; } .color-block2.purple-80 { display: flex; margin-right: 5px; margin-left: 5px; padding: 25px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #665cc7; } .color-block2.yellow-80 { display: flex; margin-right: 5px; margin-left: 5px; padding: 25px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #ffa612; } .slider { height: 400px; background-color: #fff; } .mask { background-color: #faf9f7; } .mask.exhibits { background-color: #fff; } .slide { border-radius: 10px; } .slide-2 { border-radius: 10px; } .slide-3 { border-radius: 10px; } .slide-nav { font-size: 7px; } .icon-4 { font-size: 25px; } .icon-5 { font-size: 25px; } .testimonial-content { display: flex; width: 800px; flex-direction: column; align-items: center; } .image-52 { width: 150px; margin-bottom: 5px; } .image-53 { width: 175px; margin-bottom: 5px; } .image-54 { width: 125px; margin-bottom: 5px; } .family-flex { display: flex; margin-bottom: 50px; justify-content: space-between; align-items: flex-start; } .family-left { width: 47%; } .family-right { width: 47%; } .white-down-arrow { width: 15px; margin-top: 5px; margin-right: 10px; } .calendar-special-title { text-decoration: none; } .icon-calendar { margin-top: -3px; margin-left: 5px; } .icon-calendar.flatpickr { margin-right: 10px; margin-left: 0px; } .date-picker { display: flex; align-items: center; font-family: Brown, Arial, sans-serif; color: #b317ab; font-size: 16px; line-height: 26px; font-weight: 400; text-decoration: none; } .calendar-filters-flex { justify-content: space-between; align-items: center; } .membership-filter-block { width: auto; margin-right: 0px; } .interest-filter-block { width: 32%; margin-right: 5px; margin-left: 5px; } .filter-events { display: none; margin-top: 0px; padding: 10px 25px; border-style: solid; border-width: 2px; border-color: #212a36; border-radius: 50px; background-color: #fff; transition: color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .filter-events:hover { border-color: #0080c9; background-color: #0080c9; color: #fff; } .radio-label { margin-right: 25px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .radio-label.last { margin-right: 0px; } .radio { margin-top: 5px; } .radio-flex { display: flex; } .form-4 { display: block; width: 100%; max-width: 100%; flex-direction: column; justify-content: flex-start; align-items: center; } .date-filter-block { width: auto; margin-right: 5px; } .form-block-2 { display: flex; justify-content: space-between; } .exhibit-photos-lightbox { width: 100%; height: 250px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .exhibit-photo-block { width: 100%; height: 100%; border-radius: 10px; } .exhibit-photos-item { padding-top: 5px; padding-right: 5px; padding-left: 5px; } .event-photos-lightbox { width: 100%; height: 250px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .event-photo-block { width: 100%; height: 100%; border-radius: 10px; } .event-photos-item { padding-top: 5px; padding-right: 5px; padding-left: 5px; } .center { text-align: center; } .center.yellow { color: #ffa612; } .center.berry { color: #b317ab; } .heading-4 { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 18px; line-height: 28px; font-weight: 400; } .h3-copy { margin-top: 0px; margin-bottom: 0px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 18px; line-height: 28px; font-weight: 400; } .h3-copy.white { margin-top: 20px; margin-bottom: 0px; color: #fff; } .h3-copy.center { width: 100%; margin-top: 0px; margin-bottom: 0px; text-align: center; } .h3-copy.no-space { margin-bottom: 0px; } .h3-copy.yellow { width: 100%; color: #ffa612; } .h3-copy.berry { width: 100%; color: #b317ab; } .h3-copy.green { width: 100%; color: #00c9b7; } .h3-copy.purple { width: 100%; color: #665cc7; } .h3-copy.blue { width: 100%; color: #0080c9; } .h3-copy.lightblue { width: 100%; color: #98cbeb; } .yellow { color: #ffa612; } .yellow.covid { color: #fff; } .berry { color: #b317ab; } .green { color: #00c9b7; } .lightblue { color: #98cbeb; } .blue { color: #fa7c3d; } .purple { color: #665cc7; } .white { color: #fff; } .white.instagram { margin-top: 15px; text-align: center; } .paragraph { color: #fff; font-size: 16px; line-height: 26px; text-align: center; } .image-55 { margin-bottom: 10px; } .image-56 { margin-bottom: 10px; } .image-57 { margin-bottom: 10px; } .div-block-29 { display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex: 0 0 auto; } .div-block-30 { display: flex; justify-content: space-between; } .rich-text-block-3 { text-align: center; } .section-sponsors-nologo { margin-bottom: 50px; } .styleguide-leftnav { width: 30%; } .styleguide-links-div { display: flex; margin-bottom: 25px; margin-left: 20px; flex-direction: column; align-items: flex-start; } .columns-4 { margin-top: 50px; } .styleguide-paragraph { color: #5a5a5a; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; } .styleguide-paragraph.letter { line-height: 20px; } .styleguide-paragraph.size { font-size: 16px; line-height: 20px; } .styleguide-paragraph.logo { margin-top: 15px; } .styleguide-paragraph.mobile { width: 150px; } .typography-specs { display: flex; height: 45px; align-items: center; } .list-item-2 { margin-bottom: 10px; } .column-47 { padding-right: 0px; } .styleguide-typography { width: 33%; margin-right: 25px; margin-bottom: 25px; padding: 25px; border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.1); border-radius: 10px; } .styleguide-typography.hierarchy { display: flex; margin-right: 0px; justify-content: space-between; border-bottom-color: #e2e2e2; } .styleguide-button { padding: 10px 25px; border-radius: 5px; background-color: #ff9700; color: #fff; font-weight: 400; letter-spacing: 0.5px; } .styleguide-button:hover { background-color: #ffab33; } .styleguide-button:active { background-color: #e58700; } .styleguide-button.pressed { background-color: #e58700; } .styleguide-button.secondary-pressed { background-color: #0193c1; } .styleguide-button.secondary { margin-top: auto; background-color: #02a4d7; } .styleguide-button.secondary:hover { background-color: #34b6df; } .styleguide-button.secondary:active { background-color: #0193c1; } .styleguide-button.hover { background-color: #ffab33; } .styleguide-button.disabled { background-color: #e2e2e2; color: #a1a1a1; } .styleguide-button.secondary-hover { background-color: #34b6df; } .styleguide-content { width: 70%; } .column-49 { padding-right: 0px; padding-left: 0px; } .styleguide-link { margin-left: 15px; transition: color 500ms ease; color: #a6a9ae; font-size: 16px; line-height: 26px; text-decoration: none; } .styleguide-link:hover { color: #b317ab; } .columns-5 { display: flex; align-items: stretch; } .hierarchy-column { display: flex; width: 20%; align-items: center; } .styleguide-h2 { color: #5a5a5a; font-size: 38px; line-height: 48px; font-weight: 300; } .white-title { color: #fff; font-size: 48px; line-height: 56px; font-weight: 300; text-align: center; text-shadow: 0 -1px 3px rgba(0, 0, 0, 0.29); } .styleguide-link-block { text-decoration: none; } .column-39 { padding-right: 10px; padding-left: 0px; } .brand-color { width: 150px; height: 150px; margin-bottom: 15px; border-radius: 10px; background-color: #212a36; } .brand-color.midnight { background-color: #001e33; color: rgba(51, 51, 51, 0.2); } .brand-color.cloud-gray { background-color: #fafafa; } .brand-color.sky-blue { background-color: #02a4d7; } .brand-color.cloud-blue { background-color: #eef9fc; } .brand-color.orange { background-color: #ff9700; } .brand-color.silver { background-color: #e2e2e2; } .brand-color.purple { background-color: #665cc7; } .brand-color.gradient2 { background-image: linear-gradient(180deg, #fad961, #f76b1c); } .brand-color.charcoal { background-color: #212a36; color: #212a36; } .brand-color.green { background-color: #00c9b7; } .brand-color.gradient1 { background-image: linear-gradient(180deg, #02a4d7, #35c283); } .brand-color.blue { background-color: #0080c9; } .brand-color.yellow { background-color: #ffa612; } .brand-color.berry { background-color: #b317ab; } .brand-color.lightblue { background-color: #98cbeb; } .brand-color.cream { border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.1); background-color: #faf9f7; } .brand-color.white { border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.1); background-color: #fff; } .brand-color.lightgray { background-color: #a6a9ae; } ._1300-container-2 { position: static; display: block; width: 1300px; max-width: 90%; margin-right: auto; margin-left: auto; flex-direction: row; justify-content: space-around; } ._1300-container-2.styleguide { display: flex; flex-direction: row; } .hierarchy-row { display: flex; padding: 25px; justify-content: space-around; } .hierarchy-row.cream { border-radius: 10px; background-color: #faf9f7; } .column-53 { padding-right: 0px; padding-left: 0px; } .list { margin-left: 40px; padding-left: 0px; color: #0080c9; list-style-type: disc; } .image-58 { margin-top: 3px; margin-left: 10px; color: #02a4d7; } .column-35 { padding-right: 0px; padding-left: 0px; } .styleguide-colors { width: 25%; margin-bottom: 50px; padding-right: 0px; } .styleguide-logos { display: flex; padding: 25px; flex-direction: column; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: #e2e2e2; border-radius: 10px; } .styleguide-h1 { margin-top: 0px; margin-bottom: 0px; color: #5a5a5a; font-size: 48px; line-height: 58px; font-weight: 300; } .styleguide-h1.bold { font-weight: 700; } .styleguide-h1.medium { font-weight: 500; } .styleguide-h1.regular { font-weight: 400; } .styleguide-h4 { margin-top: 0px; margin-bottom: 0px; color: #a1a1a1; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; } .styleguide-h4.categories { margin-top: 50px; margin-bottom: 50px; } .columns { margin-bottom: 50px; } .about-banner { display: flex; height: auto; min-height: 100%; padding-top: 130px; padding-bottom: 70px; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(0deg, #87d69e, #0091be); } .about-banner.styleguide { height: 200px; min-height: 0%; padding-top: 0px; padding-bottom: 0px; } .style-input { font-family: Nitti, sans-serif; color: #a6a9ae; font-weight: 400; } .styleguide-divider { height: 1px; margin-top: 50px; margin-bottom: 50px; background-color: #e2e2e2; } .styleguide-divider._100 { margin-top: 100px; margin-bottom: 100px; } .styleguide-text-link { display: flex; color: #006cb7; text-decoration: none; } .styleguide-text-link:hover { color: #02a4d7; } .styleguide-mobile { display: none; } .styleguide-typography-mobile { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #e2e2e2; } .div-block-31 { height: 150px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dc086cbb316f40c447c0972_pattern.jpg"); background-position: 0px 0px; background-size: contain; background-repeat: repeat-x; } .styleguide-input { font-family: Inconsolata, monospace; color: #5a5a5a; font-size: 16px; line-height: 26px; } .column-56 { padding-left: 0px; } .styleguide-h3 { margin-top: 0px; margin-bottom: 0px; color: #5a5a5a; font-size: 24px; line-height: 34px; font-weight: 400; } .column-57 { padding-right: 0px; } .section-style-guide { padding-bottom: 100px; } .styleguide-links { display: flex; margin-bottom: 25px; flex-direction: column; } .color-palette { display: flex; flex-wrap: wrap; } .styleguide-small-text { font-size: 12px; line-height: 12px; } .div-block-32 { color: #a6a9ae; } .typography { display: flex; } .text-block-11 { font-family: 'Larish Neue', Georgia, sans-serif; color: #212a36; font-size: 40px; line-height: 40px; } .text-block-12 { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 40px; line-height: 40px; font-weight: 400; } .text-block-13 { font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 40px; line-height: 40px; font-weight: 700; } .hierarchy { display: flex; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; border-bottom: 2px solid rgba(166, 169, 174, 0.1); } .styleguide { margin-bottom: 0px; } .lists-links { display: flex; justify-content: space-between; } .ordered-lists { width: 33%; } .unordered-lists { width: 33%; } .links { width: 33%; } .list-2 { font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; list-style-type: decimal; } .styleguide-flex { display: flex; justify-content: flex-start; } .buttons-flex { display: flex; flex-wrap: wrap; } .button-block { display: flex; width: 47%; margin-right: 25px; margin-bottom: 25px; padding-top: 25px; padding-bottom: 25px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #faf9f7; } .button-block.ghost { border-radius: 10px; background-color: #212a36; } .button-block.color { background-color: #212a36; } .button-block.background { width: 47%; border-radius: 10px; background-color: #212a36; } .logos-flex { display: flex; justify-content: flex-start; flex-wrap: wrap; } .logo-item { display: flex; width: 33%; margin-bottom: 25px; } .image-59 { width: 100px; height: 100%; margin-left: 25px; } .illustrations-flex { display: flex; } .illustration-image { display: flex; width: 20%; margin-bottom: 50px; justify-content: flex-start; align-items: center; } .heading-5 { width: 100%; } .heading-6 { width: 100%; } .primary-hero-cta { margin-right: 15px; } .secondary-hero-cta { margin-left: 15px; } .heading-7 { width: 100%; } .h5-white { color: #fff; } .h2-white { color: #fff; } .h2-white.center.sponsorship { margin-bottom: 0px; } .h2-white.footer { margin-bottom: 0px; } .h4-white { color: #fff; } .hours-location { display: flex; justify-content: space-between; } .day-time { display: flex; padding: 5px 10px; } .day-time.cream { align-items: center; border-radius: 10px; background-color: #faf9f7; } .day { width: 50%; } .time { width: 50%; } .day-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; } .time-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; } .visitor-cost { display: flex; margin-top: 5px; margin-bottom: 5px; padding: 5px 10px; align-items: center; } .visitor-cost.cream { border-radius: 10px; background-color: #faf9f7; } .visitor-text { color: #212a36; line-height: 26px; } .cost { width: 30%; } .cost-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; } .text-block-14 { line-height: 36px; } .ticket-prices { width: 25%; } .ticket-prices.admission-page { width: 100%; } .purchases { width: 70%; } .div-block-36.tix { display: none; } .parking-info-flex { display: flex; justify-content: space-between; align-items: center; } .parking-blurb { width: 47%; } .garage-price { display: flex; padding: 5px 10px; align-items: center; } .garage-price.cream { align-items: center; border-radius: 10px; background-color: #faf9f7; } .garage-hour { width: 70%; } .hour-price { width: 50%; } .garage-hour-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; font-weight: 400; } .hour-price-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; font-weight: 400; } .garage-street { display: flex; width: 60%; justify-content: space-between; } .special-messaging { display: flex; margin-top: -7px; padding-top: 10px; padding-bottom: 10px; align-items: center; background-color: transparent; } .special-messaging.other-pages { margin-top: 0px; } .exclamation { display: flex; width: 25px; height: 25px; margin-right: 10px; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; background-color: #fff; } .image-60 { width: 18px; height: 18px; margin-top: -3px; margin-right: 10px; } .collection-list-wrapper-15 { position: relative; } .announcement-bar { position: relative; z-index: 2000; margin-top: 5px; align-items: flex-start; } .announcement-text { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 14px; line-height: 14px; font-weight: 400; } .collection-list-wrapper-16 { display: flex; height: 400px; margin-top: 100px; flex-direction: row; justify-content: center; align-items: center; } .div-block-37 { width: 100%; height: 100%; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .collection-item-29 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; } .featured-exhibit-wrapper { height: 400px; margin-top: 100px; } .featured-exhibit-item { height: 400px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-overlay { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(33, 42, 54, 0.3); } .our-response { margin-top: 5px; padding-top: 10px; padding-bottom: 10px; font-family: Brown, Arial, sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; } .div-block-38 { display: flex; justify-content: space-between; } .tabs-content-2 { width: 80%; padding-left: 35px; } .kicker { display: block; max-width: 720px; margin-right: auto; margin-bottom: 18px; margin-left: auto; padding-right: 25px; padding-left: 25px; color: #78cec3; font-size: 21px; line-height: 31px; font-weight: 600; } .kicker.secondary { margin-bottom: 60px; } .tab-link { width: 14.28%; padding-right: 0px; padding-left: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: transparent; color: #78cec3; font-size: 14px; line-height: 24px; font-weight: 400; text-align: center; } .tab-link.w--current { background-color: #e4f0f6; color: #0080c9; font-weight: 800; } .tab-system { display: flex; } .tab-dropdown { display: none; } .tabs-menu-2 { display: flex; width: 20%; flex-direction: column; } .faq-general { margin-bottom: 50px; } .faq-prepare { margin-bottom: 50px; } .faq-discounts { margin-bottom: 50px; } .faq-exhibits { margin-bottom: 50px; } .faq-birthdays { margin-bottom: 50px; } .faq-host { margin-bottom: 50px; } .faq-groups { margin-bottom: 50px; } .faq-support { margin-bottom: 50px; } .left-categories { display: flex; width: 20%; margin-right: 50px; flex-direction: column; } .category-link { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; background-color: transparent; transition: all 500ms ease; color: #0080c9; } .category-link:hover { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #e4f0f6; } .right-content { width: 70%; } .menu-content-flex { display: flex; } .dropdown-toggle { display: none; } .policy-nav-title-2 { padding-right: 24px; padding-left: 24px; color: #424b65; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: 1.4px; } .faq-header { display: inline-block; color: #263147; font-size: 18px; line-height: 30px; font-weight: 500; } .container { display: block; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .policy-nav-wrapper { display: flex; padding: 40px; justify-content: center; align-items: center; border-bottom: 1px solid #e3eeee; } .wrapper-large-2 { display: block; max-width: 1100px; margin-right: auto; margin-left: auto; padding-top: 1px; } .wrapper-large-2.relative-wrapper { position: relative; } .faq-divider { height: 1px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; background-image: linear-gradient(180deg, #e3eeee, #e3eeee); } .faq-divider.last { margin-bottom: 50px; } .faq-links { color: #e96d80; font-style: normal; text-decoration: none; } .policy-nav-link-2 { padding-right: 24px; padding-left: 24px; transition: color 400ms ease; color: #e96d80; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 2px; text-decoration: none; } .policy-nav-link-2:hover { color: #842b38; } .heading-15 { margin-top: 45px; padding-bottom: 10px; color: #e96d80; font-size: 24px; line-height: 34px; font-weight: 500; } .policies-call-out-2 { position: relative; left: 0px; top: -106px; right: 0px; border: 1px solid #e3eeee; border-radius: 6px; background-image: linear-gradient(180deg, #fff, #fff); box-shadow: 0 1px 9px 3px rgba(0, 0, 0, 0.04); } .faq-answers { color: #263147; font-size: 16px; line-height: 24px; } .educator-events-list { position: relative; z-index: 999; display: flex; justify-content: space-between; } .featured-educator-event { height: 350px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .educator-events-item { width: 49.5%; border-radius: 10px; } .educator-overlay { display: flex; width: 100%; height: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: rgba(33, 42, 54, 0.3); } .educator-events-wrapper { margin-bottom: 75px; } .fundraising-list { position: relative; z-index: 999; display: flex; justify-content: space-between; } .fundraising-item { width: 49.5%; margin-right: 10px; margin-left: 10px; border-radius: 10px; } .fundraising-event { width: 100%; height: 350px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .fundraising-overlay { display: flex; width: 100%; height: 100%; padding: 35px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: rgba(33, 42, 54, 0.3); } .fundraising-list-wrapper { position: relative; z-index: 999; } .accessibility-events-list { display: flex; justify-content: space-between; } .accessibility-events-item { width: 49.5%; border-radius: 10px; } .accessibility-event { width: 100%; height: 350px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .accessibility-overlay { display: flex; width: 100%; height: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: rgba(33, 42, 54, 0.3); } .crew-photo { height: 300px; margin-bottom: 35px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e209fce3f41ca119ded9025_Crew_4.jpg"); background-position: 50% 0%; background-size: cover; } .topnav-drop-link { transition: color 500ms ease; font-family: franklin-gothic-urw, sans-serif; color: #333; font-size: 14px; line-height: 24px; font-weight: 700; } .feature-button { padding-right: 25px; padding-left: 25px; border: 2px solid #fff; border-radius: 50px; background-color: transparent; transition: background-color 500ms ease, color 500ms ease; color: #fff; font-size: 14px; line-height: 24px; font-weight: 400; text-align: center; letter-spacing: 0px; text-transform: none; } .feature-button:hover { background-color: #fff; color: #0080c9; } .feature-button.yellow:hover { color: #ffa612; } .feature-button.purple:hover { color: #665cc7; } .feature-button.info:hover { color: #d93272; } .feature-button.exhibits:hover { color: #ffa612; } .feature-button.community:hover { color: #665cc7; } .tabs-content-3 { padding: 35px; border-radius: 6px; background-color: #fff; text-align: left; } .tabs-content-3.scroll { overflow: scroll; height: 600px; } .tab-system-2 { display: none; } .tab-system-2.educators { display: block; } .tab-dropdown-2 { display: none; } .tabs-menu-3 { border-bottom: 2px solid #0080c9; text-align: center; } .container-2 { display: block; max-width: 750px; margin-right: auto; margin-left: auto; text-align: center; } .text-block-17 { color: #0080c9; font-weight: 400; } .text-block-18 { color: #0080c9; font-weight: 400; } .text-block-19 { color: #0080c9; font-weight: 400; } .text-block-20 { color: #0080c9; font-weight: 400; } .text-block-21 { color: #0080c9; font-weight: 400; } .text-block-22 { color: #0080c9; font-weight: 400; } .collection-item-30 { width: 30%; margin-bottom: 25px; } .collection-list-13 { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .link-block-10 { border-radius: 10px; } .coming-soon-overlay { display: flex; width: 100%; height: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: rgba(33, 42, 54, 0.8); } .text-block-23 { color: #b317ab; } .text-block-24 { color: #b317ab; } .section-donation-requests { padding-top: 50px; padding-bottom: 50px; } .footer-text { width: 100%; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 12px; line-height: 22px; } .div-block-39 { width: 100%; height: 100%; } .lightbox-link { width: 100%; height: 250px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .tabs-menu-4 { display: flex; flex-direction: column; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .teks-bubble { position: absolute; left: 41px; top: 22.5px; display: none; width: 200px; padding: 15px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } .teks-bubble.groups-page { left: 4px; top: 28.5px; display: none; } .empty-state-2 { background-color: transparent; } .empty-state-3 { display: none; } .collection-item-31 { width: 32%; } .collection-list-14 { display: flex; justify-content: space-between; flex-wrap: wrap; } .map { z-index: 950; } .section-map-mobile { display: none; } .section-mappattern-mobile { display: none; } .form-success { padding: 25px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .form-success.newsletter { width: 350px; } .error-text { font-family: Brown, Arial, sans-serif; color: #b317ab; font-weight: 400; } .error-text.newsletter { text-align: center; } .error-message { border-radius: 10px; background-color: rgba(179, 23, 171, 0.1); } .error-message.newsletter { width: 350px; background-color: #fff; } .map-right { width: 47%; } .map-left { width: 47%; } .image-61 { display: none; width: 20px; margin-top: -5px; margin-right: 5px; } .todays-events { position: relative; width: 35%; height: 560px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .todays-events:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .todays-date-block { display: flex; width: 70px; height: 70px; margin-right: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #0080c9; } .today-flex { display: flex; margin-bottom: 20px; align-items: center; } .todays-events-title { margin-bottom: 0px; color: #fff; text-align: center; } .todaysevents-item { padding-right: 20px; padding-bottom: 25px; padding-left: 20px; } .todays-events-banner { display: flex; height: 75px; margin-bottom: 25px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #0080c9; } .save-the-date { width: 35%; height: 560px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .savethedate-wrapper { width: 35%; height: 560px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(166, 169, 174, 0.1); } .savethedate-item { width: 100%; height: 100%; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .savethedate-list { width: 100%; height: 100%; } .savethedate-block { position: absolute; left: 20px; top: 20px; right: auto; bottom: auto; display: flex; width: 70px; height: 70px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; } .savethedate-block.span { width: auto; padding-right: 20px; padding-left: 20px; flex-direction: row; } .todaysevents { position: relative; display: none; margin-top: 50px; margin-bottom: 50px; justify-content: space-between; align-items: flex-start; } .div-block-40 { display: none; width: 125px; } .text-block-28 { display: none; } .address-phone-flex { display: flex; margin-bottom: 25px; justify-content: space-between; } .address-left { width: 47%; } .phone-right { width: 47%; } .image-62 { display: none; margin-right: 5px; } .section-our-history { padding-bottom: 50px; } .sharon-brier { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd40e5fe9c81279b4764870_Sharon%20Brier%20and%20Family.png"); background-position: 50% 0%; background-size: cover; } .sharon-brier.caitlyn { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/63dc2b9212d035111ad73e2b_cialtyn%20(2).jpg"); } .ann-mcfarlane { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd40f78a16d2a73bb80e852_Ann%20McFarlane%20and%20Sidney%20Hawkins.png"); background-position: 50% 0%; background-size: cover; } .ann-mcfarlane.cathy { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/63dc2c157803244642181029_Cathy%20Horn%20cropped.jpg"); } .chaille { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd410437030aa05d3828804_Chaille%20Cullinan%20and%20Sidney%20Hawkins.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .chaille.joey { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/63dc2c34ef3a5af95f4ab52a_Joel%20cropped.jpg"); } .gail { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd410e29cc0417a566142f8_Gail%20Adler%20and%20Julie%20Alexander.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .allen-flex { display: flex; justify-content: space-between; } .edward { width: 100%; height: 450px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd411986674eb60daf239b7_Edward%20Rudge%20Allen%20Jr.png"); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; } .randy { width: 100%; height: 450px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd411d47030aa034f8294c6_Randy%20Allen.png"); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; } .kathryn { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd4127c16d5e62cbbe763b3_Kathryn%20LE%20Rabinow.png"); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; } .max { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd412ef9cc04101ad614fdc_Max%20Lukens%20Carlene%20Pate%20Paul%20Murphy.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .mark { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd4138316d5e64048e77553_Mark%20Duffey%20Dan%20Parsley%20Lee%20Lahourcade.png"); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; } .lance { height: 550px; margin-bottom: 25px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5dd413d47030aaaea582a5c8_Lance%20Gilliam%20and%20Michael%20J%20Plank.png"); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; } .caption { display: flex; margin-bottom: 50px; padding: 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-image: linear-gradient(180deg, #faf9f7, #faf9f7); } .caption-text { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-weight: 400; text-align: center; } .div-block-41 { width: 47%; } .div-block-42 { width: 47%; } .name-flex { display: flex; justify-content: space-between; } .option-label { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; } .option-label.pop-up { color: #212a36; } .div-block-43 { display: flex; } .image-63 { position: relative; margin-top: 5px; margin-left: 5px; cursor: help; } .div-block-45 { position: relative; } .section-alignments { padding-top: 50px; padding-bottom: 50px; } .teks-title-flex { display: flex; justify-content: center; } .div-block-47 { margin-right: 7px; } .program-overlay { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background-color: rgba(33, 42, 54, 0.5); } .image-64 { width: 300px; margin-bottom: 25px; } .empty-state-4 { background-color: transparent; } .text-block-29 { opacity: 0; } .empty-state-5 { background-color: transparent; } .text-block-30 { color: transparent; } .outreach-programs-item { width: 33%; margin-bottom: 50px; padding-right: 25px; flex-direction: column; align-items: flex-start; } .outreach-programs-wrapper { padding-bottom: 50px; } .outreach-programs-list { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; } .text-block-31 { color: transparent; } .empty-state-6 { background-color: transparent; } .empty-state-7 { padding: 0px; background-color: transparent; } .image-gallery { margin-top: 50px; } .video-2 { margin-bottom: 50px; } .section-additional { padding-top: 50px; padding-bottom: 100px; } .additional-download { margin-top: 50px; margin-bottom: 50px; } .faq-donation { margin-bottom: 50px; } .div-block-48 { width: 50%; } .educator-membership-flex { display: flex; justify-content: space-between; } .featured-member-event { height: 350px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-member-overlay { display: flex; width: 100%; height: 100%; padding: 25px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: rgba(33, 42, 54, 0.3); } .members-events-list { position: relative; z-index: 999; display: flex; justify-content: space-between; } .members-event-item { width: 49.5%; padding-right: 5px; padding-left: 5px; } .executive-wrapper { margin-top: 50px; margin-bottom: 25px; } .executive-item { margin-bottom: 25px; padding-right: 0px; padding-left: 0px; } .directors-list { margin-bottom: 25px; padding-top: 25px; } .director-item { margin-bottom: 25px; padding-right: 0px; padding-left: 0px; } .advisory-wrapper { margin-top: 25px; margin-bottom: 25px; } .advisory-item { margin-bottom: 25px; padding-right: 0px; padding-left: 0px; } .life-wrapper { margin-top: 25px; } .life-item { margin-bottom: 25px; padding-right: 0px; padding-left: 0px; } .collection-item-32 { margin-bottom: 50px; } .english-reading { margin-right: 5px; border-radius: 50px; background-color: rgba(152, 203, 235, 0.2); } .subject-tag { padding: 3px 10px; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 12px; line-height: 22px; } .subject-tag.berry { color: #b317ab; } .subject-tag.yellow { color: #ffa612; } .subject-tag.gray { color: #a6a9ae; } .subject-tag.green { color: #00c9b7; } .subject-tag.purple { color: #665cc7; } .fine-arts { margin-right: 5px; border-radius: 50px; background-color: rgba(179, 23, 171, 0.1); } .subject-tags { display: flex; align-items: flex-start; } .mathematics { margin-right: 5px; border-radius: 50px; background-color: rgba(255, 166, 18, 0.15); } .physical-education { margin-right: 5px; border-radius: 50px; background-color: rgba(166, 169, 174, 0.15); } .science { margin-right: 5px; border-radius: 50px; background-color: rgba(0, 201, 183, 0.1); } .social-studies { margin-right: 5px; border-radius: 50px; background-color: rgba(102, 92, 199, 0.15); } .cc-filters-flex { display: flex; justify-content: space-between; } .cc-subject { width: 20%; } .cc-grade { width: 20%; } .cc-exhibit { width: 20%; } .cc-content { width: auto; } .priority-logos-wrapper { justify-content: center; } .priority-logos-list { display: flex; justify-content: center; align-items: center; } .priority-logos-item { display: flex; justify-content: center; } .image-65 { width: 225px; padding-bottom: 25px; } .collection-list-15 { display: flex; flex-wrap: wrap; align-items: flex-start; } .collection-list-wrapper-17 { overflow: hidden; } .field-exp-flex { display: flex; justify-content: space-between; align-items: flex-start; } .image-66 { width: 75px; } .charity-logos { margin-top: 25px; } .image-68 { margin-bottom: 25px; } .image-69 { width: 150px; -o-object-fit: contain; object-fit: contain; } .image-70 { width: 150px; -o-object-fit: contain; object-fit: contain; } .learning-diff-block { height: 350px; border-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; } .learning-diff-overlay { display: flex; width: 100%; height: 100%; padding: 25px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: rgba(33, 42, 54, 0.3); } .learning-diff-wrapper { position: relative; z-index: 999; } .empty-state-9 { background-color: transparent; } .empty-state-10 { background-color: transparent; } .empty-state-11 { background-color: transparent; } .section-pre-footer { margin-top: 0px; background-color: #212a36; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5d90daa47115f929a7cd54eb_CMH-symbol-pattern.png"); background-position: 50% 0%; background-size: 244px; background-repeat: repeat-x; } .html-embed-2 { display: none; } .tabs-mobile-dropdown { display: none; } .tabs-teks-content { margin-top: 0px; padding: 35px; border-radius: 6px; text-align: left; } .tab-link-2 { width: 16.66%; padding-right: 0px; padding-left: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: transparent; transition: all 500ms ease; color: #0080c9; font-weight: 400; text-align: center; } .tab-link-2:hover { background-color: #e4f0f6; } .tab-link-2.w--current { background-color: #0080c9; color: #fff; font-weight: 400; } .tabs-teks-menu { border-bottom: 2px solid #0080c9; text-align: center; } .readstrong-lockup { display: flex; margin-bottom: 10px; align-items: center; } .image-72 { margin-right: 15px; } .section-no-sponsor-logos { margin-bottom: 50px; } .home-experiences-collection { position: relative; } .home-experiences-list { display: flex; justify-content: space-between; } .home-experiences-item { display: flex; width: 50%; } .other-experiences-list { display: flex; justify-content: space-between; } .other-experiences-collection { position: relative; } .other-experiencss-item { display: flex; width: 50%; } .image-73 { position: absolute; top: 1101.77px; display: none; } .text-span { position: absolute; top: -9px; font-size: 20px; } .div-block-50 { display: flex; justify-content: center; align-items: flex-start; } .div-block-51 { width: 960px; max-width: 90%; margin-right: auto; margin-left: auto; } .link-3 { font-size: 18px; line-height: 28px; } .link-4 { font-size: 18px; line-height: 28px; } .collection-list-16 { display: flex; justify-content: flex-start; align-items: flex-start; } .collection-item-33 { display: flex; align-items: flex-start; } .text-block-32 { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; } .empty-state-12 { background-color: transparent; } .give-today { position: fixed; left: auto; top: 250px; right: 4%; bottom: auto; z-index: 1000; display: flex; width: 100px; height: 100px; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; background-color: #b317ab; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.3); } .div-block-53 { position: relative; width: 1300px; max-width: 90%; margin-right: auto; margin-left: auto; } .text-block-33 { color: #fff; line-height: 20px; text-align: center; } .donate-button { display: none; } .collection-item-34 { width: 25%; margin-bottom: 25px; padding-right: 25px; padding-left: 0px; } .collection-item-35 { padding-right: 0px; padding-left: 0px; } .collection-item-36 { width: 25%; margin-bottom: 25px; padding-right: 25px; padding-left: 0px; } .collection-list-17 { display: flex; flex-wrap: wrap; } .collection-list-18 { margin-bottom: 25px; } .collection-list-19 { display: flex; flex-wrap: wrap; } .div-block-54 { display: flex; justify-content: center; align-items: flex-start; } .support-blurb { display: flex; margin-bottom: 50px; flex-direction: column; align-items: center; } .text-block-36 { color: transparent; } .empty-state-13 { background-color: transparent; } .remove-color { color: #212a36; } .div-block-55 { width: 800px; max-width: 90%; margin-right: auto; margin-left: auto; } .div-block-55.honor { margin-top: 40px; } .div-block-56 { width: 800px; max-width: 90%; margin-right: auto; margin-left: auto; } .read-strong-block { display: flex; margin-bottom: 50px; padding: 35px; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .read-strong-content { display: flex; flex-direction: column; align-items: center; } .multiple-dates { margin-bottom: 25px; } .multiple-dates-flex { display: flex; align-items: flex-start; } .event-dates-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; } .event-dates-text.space { margin-right: 5px; } .div-block-57 { height: 50px; } .large-sponsor-text { width: 100%; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 18px; line-height: 28px; text-align: center; } .small-sponsor-text { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; text-align: center; } .div-block-58 { position: absolute; top: -100px; } .date-span { display: flex; } .date-start { display: flex; flex-direction: column; align-items: center; } .hyphen { margin-right: 5px; margin-left: 5px; color: #fff; } .hyphen.blue { color: #0080c9; } .text-block-37 { padding: 15px; border-radius: 10px; background-color: #faf9f7; font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; } .by-poetic { color: #fff; font-size: 12px; line-height: 22px; } .by-poetic-mobile { display: none; } .div-block-59 { margin-bottom: 25px; } .search-flex { display: flex; align-items: center; } .date-end { display: flex; flex-direction: column; align-items: center; } .homepage-events { margin-bottom: 0px; } .utility-page-wrap { display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; justify-content: center; align-items: center; } .utility-page-content { display: flex; width: 700px; flex-direction: column; align-items: center; text-align: center; } .image-74 { margin-bottom: 25px; } .text-block-38 { margin-top: 25px; } .recaptcha { margin-right: auto; margin-left: auto; } .recaptcha-2 { margin-right: auto; margin-left: auto; } .recaptcha-3 { margin-right: auto; margin-left: auto; } .recaptcha-4 { margin-right: auto; margin-left: auto; } .event-spans-sundays { margin-bottom: 25px; } .section-title-banner { position: relative; height: 500px; margin-top: 100px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e449c93716f7b6017cbb1cd_2020_springbreak_1920x700-02.jpg"); background-position: 50% 50%; background-size: cover; } .section-title-banner.exhibits { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; } .title { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 1300px; max-width: 90%; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; } .title.invisible { position: static; opacity: 0; } .banner-title { color: #fff; } .banner-subtitle { margin-bottom: 0px; color: #fff; } .line-subtitle { display: flex; margin-bottom: 10px; align-items: center; } .banner-color { position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; width: 60%; height: 120px; border-top-right-radius: 10px; background-color: #212a36; } .banner-color.longer { width: 85%; } .banner-color.yellow { background-color: #ffb335; } .banner-color.green { background-color: #00c9b7; } .banner-color.purple { background-color: #7066d4; } .title-banner-overlay { display: none; } .volunteer-list { display: flex; flex-wrap: wrap; } .volunteer-item { width: 33%; margin-top: 50px; padding-right: 50px; } .div-block-62 { display: flex; margin-bottom: 25px; justify-content: center; align-items: flex-start; } .collection-list-wrapper-18 { display: none; } .springbreak-events { position: relative; display: none; margin-top: 50px; margin-bottom: 50px; justify-content: space-between; } .div-block-63 { border-radius: 10px; background-color: #fff; } .link-block-11 { display: flex; margin-bottom: 15px; padding: 21px 15px 21px 20px; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; } .link-block-11:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); } .div-block-64 { position: relative; display: none; width: 25%; height: 128.5px; margin-right: 15px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; } .collection-list-wrapper-19 { width: 64%; } .div-block-65 { display: flex; width: 80px; margin-top: 0px; margin-bottom: 5px; margin-left: 0px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; opacity: 1; } .text-block-39 { color: #fff; font-size: 12px; line-height: 24px; } .paragraph-2 { margin-bottom: 0px; color: #a6a9ae; font-size: 14px; line-height: 20px; } .section-3 { padding-top: 200px; } .section-covid19 { position: relative; z-index: 1; display: none; padding-top: 20px; padding-bottom: 20px; background-color: #ffa612; } .covid19 { display: flex; justify-content: space-between; align-items: center; } .health-message { width: 90%; } .text-block-40 { font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; } .image-75 { margin-right: 20px; } .div-block-67 { display: flex; align-items: center; } .general-faq-collection { margin-top: 25px; margin-bottom: 0px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .prepare-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .discounts-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .exhibits-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .birthdays-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .hosting-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .groups-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .support-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .donation-faq-collection { margin-top: 25px; border-bottom: 1px solid rgba(166, 169, 174, 0.3); } .eventlogo { width: 300px; margin-bottom: 25px; } .covid-19-topnav { display: none; width: 100%; height: 40px; margin-top: -8px; justify-content: center; align-items: center; background-color: #b317ab; } .section-birthday-form { display: none; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .section-groups-form { display: none; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .div-block-68 { margin-top: 25px; margin-bottom: 25px; } .div-block-69 { display: flex; margin-top: 25px; margin-bottom: 50px; justify-content: center; } .pricing-box { overflow: hidden; width: 48%; padding-bottom: 30px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: #fff; box-shadow: none; transition: transform 200ms ease-out, box-shadow 200ms ease; } .upgrade-container { position: relative; z-index: 10; display: flex; overflow: hidden; width: 100%; max-width: 600px; min-height: 400px; margin: 100px auto 50px; padding: 60px 50px 50px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(22, 29, 37, 0.75); font-weight: 300; text-align: center; } .feature-wrapper { margin-bottom: 25px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #d9dadc; font-size: 15px; line-height: 32px; } .feature-text { display: inline-block; padding-left: 15px; } .upgrade-row { display: flex; width: 100%; justify-content: space-between; text-align: left; } .discount-label { margin-left: 10px; padding-top: 1px; padding-right: 10px; padding-left: 10px; border-radius: 5px; background-color: #28d893; color: #fff; font-size: 12px; } .hide-me-overlay { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 8888; overflow: auto; background-color: rgba(33, 42, 54, 0.97); } .price-duration { padding-left: 5px; font-size: 16px; font-weight: 500; } .pricing-column-contain { padding-right: 10%; padding-left: 10%; } .pricing-column-contain.top-price-contain { padding-top: 17px; padding-bottom: 15px; background-color: rgba(0, 0, 0, 0.03); font-size: 14px; font-weight: 700; text-align: center; } .pricing-column-contain.top-price-contain.green-price-contain { display: flex; justify-content: center; background-color: rgba(40, 216, 147, 0.1); color: #1ab478; } .close-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f0cd28583cf04a0405dcd2b_Artboard%201.png"); background-position: 50% 50%; background-size: 1920px; cursor: pointer; } .price-text { margin-bottom: 15px; padding-left: 6px; color: #919496; font-size: 12px; } .upgrade-accent { position: absolute; left: 0px; top: 0px; right: 0px; height: 10px; background-color: #28d893; } .price-2 { padding-left: 6px; font-size: 32px; font-weight: 400; } .upgrade-header { margin-bottom: 10px; font-size: 35px; line-height: 1.2em; font-weight: 900; } .upgrade-button { padding: 15px 22px; border-radius: 5px; background-color: #254054; box-shadow: 0 20px 30px -10px rgba(24, 16, 99, 0.36); transition: background-color 300ms ease, box-shadow 300ms ease; color: #fff; font-size: 15px; line-height: 1.6em; font-weight: 700; text-align: center; text-decoration: none; } .upgrade-button:hover { background-color: #000; box-shadow: 0 10px 20px -5px rgba(24, 16, 99, 0.36); } .upgrade-button.full-upgrade-button { display: block; } .upgrade-button.full-upgrade-button.primary-upgrade-button { background-color: #28d893; box-shadow: 0 20px 30px -10px rgba(24, 16, 99, 0.18); } .upgrade-button.full-upgrade-button.primary-upgrade-button:hover { background-color: #1cb176; box-shadow: 0 10px 10px -5px rgba(24, 16, 99, 0.18); } .modal-scroll { position: absolute; width: 100%; min-height: 100vh; padding: 50px 50px 100px; } .upgrade-text { margin-right: 20px; margin-bottom: 40px; margin-left: 20px; color: #000; font-size: 16px; } .feature-item.not-available { opacity: 0.5; filter: grayscale(100%); } .close-popup { position: absolute; left: auto; top: 20px; right: 20px; bottom: auto; } .generic-custom-overlay { display: flex; width: 100%; height: 100%; align-items: center; background-color: rgba(33, 42, 54, 0.35); } .div-block-70 { display: flex; width: 20%; justify-content: center; } .collection-item-37 { padding-right: 0px; padding-left: 0px; } .exhibit-menu-flex { display: flex; background-color: transparent; } .exhibits-menu-listings { width: 65%; background-color: transparent; } .exhibits-menu-featured { display: flex; width: 35%; padding: 30px; flex-direction: column; justify-content: center; align-items: center; background-color: #ffa612; } .hou-clean { width: 175px; margin-right: 0px; text-align: center; } .houclean-footer { display: block; margin-right: 0px; justify-content: center; text-align: center; } .section-member-events { position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .section-edu-membership { position: relative; display: none; transition: opacity 200ms ease; } .section-virtual-tour { height: 600px; margin-top: 100px; } .section-virtual-tour-title { padding-top: 35px; padding-bottom: 25px; background-color: #ffa612; } .section-virtual-overview { position: relative; padding-bottom: 100px; } .virtual-educators { margin-top: 50px; } .arrow-link-2 { display: flex; align-items: center; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-decoration: none; } .arrow-link-2.berry { color: #b317ab; } .youtube { margin-top: 50px; margin-bottom: 50px; } ._60-width { width: 60%; padding-right: 50px; } .tour-tips { margin-top: 50px; margin-bottom: 50px; } ._60-40-flex { display: flex; } ._40-width { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 40%; padding: 100px 50px 50px; border-bottom-left-radius: 10px; background-color: #faf9f7; } ._40-width.extra-padding { padding-right: 100px; } .allaccess-column { display: flex; width: 32%; } .allaccess-columns { position: relative; display: flex; margin-bottom: 50px; justify-content: space-between; } .allaccess-item { width: 100%; margin-right: 10px; margin-left: 10px; flex: 1; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: box-shadow 500ms ease; text-decoration: none; } .allaccess-item:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); } .access-photo { height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5e0136389975b6ea50a000a8_Cereal.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .access-photo.camp { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f6e711f07ced127af206096_crafts.jpg"); background-position: 50% 50%; background-size: cover; } .access-photo.fiddlesticks { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db0c6d4ca3871aade13940f_CMH-fiddlesticks.jpg"); background-position: 50% 50%; background-size: cover; } .access-photo.broadcast { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f6e71f344d9964a3b654140_broadcast.jpg"); background-position: 50% 50%; background-size: cover; } .access-photo.virtualexhibits { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f4a7b910009dd66c0b54f31_Carry%20Kids_Web2.jpg"); } .access-photo.alltimeaccess { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f454236477b634c240724ad_Photo%20Jun%2009%2C%2012%2039%2018%20PM.jpg"); } .outreach-title-flex { display: flex; align-items: center; } .outreach-virtual-tag { display: flex; margin-top: -14px; margin-left: 10px; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; } .tag-text-white { display: none; width: 115px; padding: 5px; color: #fff; font-size: 12px; line-height: 22px; text-align: center; } .section-dailybroadcast { padding-bottom: 100px; } .tab-link-tab-2 { padding-right: 0px; padding-left: 0px; border-bottom: 2px solid transparent; background-color: transparent; transition: all 500ms ease; color: #212a36; } .tab-link-tab-2:hover { border-bottom-color: #b317ab; color: #b317ab; } .tab-link-tab-2.w--current { border-bottom-color: #b317ab; background-color: transparent; color: #b317ab; } .explore-pp-tab { padding-right: 0px; padding-left: 0px; background-color: transparent; color: #212a36; text-align: center; } .explore-pp-tab.w--current { padding-right: 0px; padding-left: 0px; border-bottom: 2px solid #b317ab; background-color: transparent; color: #b317ab; } .explorebroadcast-tabs { display: flex; margin-top: 50px; padding-bottom: 0px; flex-direction: column; justify-content: flex-start; align-items: center; } .explorebroadcast-tabsmenu { display: flex; width: 700px; justify-content: space-between; } .interest-card { display: flex; width: 100%; height: 100%; padding: 35px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: all 500ms ease; } .interest-card:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.2); transform: translate(0px, -15px); } .explorebroadcast-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .interest-icon { height: 75px; margin-bottom: 15px; } .explorebroadcast-item { width: 32%; height: 300px; margin-bottom: 25px; } .explorebroadcast-wrapper { margin-top: 75px; } .explorebroadcast-tabs-content { width: 1300px; max-width: 90%; padding-right: 20px; padding-left: 20px; } .section-broadcast { position: relative; padding-bottom: 100px; } .video-3 { margin-top: 50px; margin-bottom: 50px; } .broadcast-link { transition: color 500ms ease; color: #212a36; font-size: 18px; line-height: 28px; } .broadcast-link:hover { color: #b317ab; } .related-thumbnail { width: 30%; height: 100px; margin-right: 15px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .related-video { display: flex; padding-right: 35px; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: all 500ms ease; } .related-video:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); transform: translate(0px, -5px); } .no-margin { margin-bottom: 0px; line-height: 21px; } .related-title { width: 60%; } .collection-item-38 { margin-bottom: 10px; } .collection-list-wrapper-20 { margin-top: 50px; } .section-broadcast-sponsors { padding-bottom: 100px; } .broadcast-sponsor { margin-top: 25px; margin-bottom: 25px; } .video-card { width: 100%; height: 100%; border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.1); transition: all 500ms ease; } .video-card:hover { box-shadow: 0 0 5px 0 rgba(33, 42, 54, 0.25); transform: translate(0px, -10px); } .video-thumbnail { height: 175px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .videos-list { display: flex; justify-content: flex-start; flex-wrap: wrap; } .videos-item { width: 23.46%; margin-right: 10px; margin-bottom: 25px; margin-left: 10px; } .video-title { display: flex; padding: 25px 25px 15px; flex-direction: column; align-items: flex-start; } .video-tags { display: flex; flex-wrap: wrap; } .video-tag { display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; } .video-tag-text { margin-right: 5px; margin-bottom: 5px; padding: 5px 15px; border-radius: 100px; background-color: rgba(33, 42, 54, 0.1); font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 12px; line-height: 22px; } .video-tag-text.blue { background-color: #e4f0f6; color: #0080c9; } .video-tag-text.berry { background-color: rgba(179, 23, 171, 0.1); color: #b317ab; } .video-tag-text.yellow { background-color: rgba(255, 166, 18, 0.1); color: #ffa612; } .video-tag-text.gray { background-color: rgba(166, 169, 174, 0.1); color: #a6a9ae; } .video-tag-text.green { background-color: rgba(0, 201, 183, 0.1); color: #00c9b7; } .video-tag-text.purple { background-color: rgba(102, 92, 199, 0.1); color: #665cc7; } .video-card-title { line-height: 21px; } .video-icon { width: 20px; margin-left: 7px; } .broadcast-overlay { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: rgba(33, 42, 54, 0.5); } .related-overlay { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; background-color: rgba(33, 42, 54, 0.5); } .video-icon-related { width: 10px; margin-left: 3px; } .comingsoon-tag { position: absolute; left: 130px; top: 9px; right: auto; bottom: auto; padding: 5px 15px; border-radius: 100px; background-color: rgba(0, 201, 183, 0.1); font-family: Brown, Arial, sans-serif; color: #00c9b7; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .relative-link { position: relative; } .comingsoon-tag2 { position: absolute; left: 146px; top: 9px; right: auto; bottom: auto; padding: 5px 15px; border-radius: 100px; background-color: rgba(152, 203, 235, 0.2); font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .comingsoon-tag3 { position: absolute; left: 175px; top: 9px; right: auto; bottom: auto; padding: 5px 15px; border-radius: 100px; background-color: rgba(152, 203, 235, 0.2); font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .section-signup { padding-top: 200px; padding-bottom: 100px; } .signup-form { width: 700px; } .field-label { font-family: franklin-gothic-urw, sans-serif; color: #a6a9ae; letter-spacing: 1px; text-transform: uppercase; } .field-input { height: 55px; border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.3); border-radius: 10px; background-color: #faf9f7; transition: border-color 500ms ease; font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; } .field-input:hover { border-color: #ffa612; } .form-item { width: 48%; margin-bottom: 10px; } .form-item.thirds { width: 32%; } .form-item.full { width: 100%; } .form-row { display: flex; justify-content: space-between; } .select-age { border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.3); border-radius: 10px; background-color: #faf9f7; transition: border-color 500ms ease; font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; } .select-age:hover { border-color: #0080c9; } .signup-radio-label { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; font-weight: 400; } .signup-radio-field { width: 35%; } .signup-radio-items { display: flex; height: 55px; justify-content: flex-start; align-items: center; } .educator-form-row { display: none; justify-content: space-between; } .signup-button { display: flex; flex-direction: column; justify-content: center; align-items: center; } .signup-form-container { display: flex; width: 960px; max-width: 90%; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; } .signup-form-container.testimonial { align-items: center; } .signup-form-container.center { justify-content: center; align-items: center; } .form-block-3 { margin-top: 50px; } .login-form { width: 700px; } .form-block-4 { margin-top: 50px; } .login-form-row { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .forgot-password-link { margin-top: 50px; border-bottom: 2px solid #b317ab; transition: color 500ms ease; color: #212a36; font-size: 14px; line-height: 24px; } .forgot-password-link:hover { color: #b317ab; } .create-account-btn { padding: 10px 25px; border: 2px solid #000; border-radius: 100px; transition: all 500ms ease; color: #212a36; } .create-account-btn:hover { border-color: #0080c9; background-color: #0080c9; color: #fff; } .my-account-link { padding: 10px 25px; border: 2px solid #fff; border-radius: 100px; transition: all 500ms ease; color: #fff; font-weight: 400; letter-spacing: 0px; text-transform: none; } .my-account-link:hover { background-color: #fff; color: #212a36; } .image-77 { width: 225px; margin-bottom: 25px; } .accent-divider-2 { height: 2px; margin-top: 10px; padding-bottom: 20px; border-top-width: 2px; border-top-color: #ffa612; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5d9e3d3e63dd2920405d0d6b_CMH-divider-yellow.png"); background-position: 0px 0px; background-size: 6px; background-repeat: repeat-x; } .virtual-key { margin-bottom: 50px; } .select-field { height: 55px; border: 2px solid #fff; border-radius: 10px; background-color: #fff; transition: border-color 500ms ease; font-family: franklin-gothic-urw, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; } .select-field:hover { border-color: #ffa612; } .userinformation-form { width: 700px; margin-top: 50px; } .section-deny { padding-top: 100px; padding-bottom: 100px; } .alltimeaccess-offerings { display: flex; margin-top: 100px; justify-content: flex-start; flex-wrap: wrap; } .alltimeaccess-column { width: 33%; margin-bottom: 50px; padding-right: 50px; } .ata-photo { width: 100%; height: 350px; border-radius: 10px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f442cb50f1e79c4217dc967_CMH_Facade.JPG"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .ata-photo.about-us { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db7008f4b13c537d5e8db67_CMH-aboutus.jpg"); } .ata-photo.accessibility { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db871133a5d8ba04ef58a80_CMH-accessibility.jpg"); } .ata-photo.contactus { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db8807c153619b56e2959ae_CMH-contactus.jpg"); } .ata-photo.careers { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db886d321f4f7f1279a852a_CMH-careers.jpg"); } .ata-photo.donationrequest { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5db88aaaed8556db5f8ec9b5_CMH-donationrequest.jpg"); } .section-join-cta { padding-top: 100px; padding-bottom: 100px; background-color: #665cc7; } .sign-up-form-block { margin-top: 50px; } .sign-up-form { width: 700px; } .section-signup-page { padding-top: 50px; padding-bottom: 100px; } .tabs-menu-5 { display: flex; justify-content: center; } .tab-link-tab-1 { border-bottom: 2px solid transparent; background-color: transparent; transition: all 500ms ease; color: rgba(179, 23, 171, 0.5); } .tab-link-tab-1:hover { border-bottom: 2px solid #b317ab; color: #b317ab; } .tab-link-tab-1.w--current { border-bottom: 2px solid #b317ab; background-color: #fff; color: #b317ab; } .tab-link-tab-2-2 { border-bottom: 2px solid transparent; background-color: #fff; transition: all 500ms ease; color: rgba(179, 23, 171, 0.5); } .tab-link-tab-2-2:hover { border-bottom: 2px solid #b317ab; color: #b317ab; } .tab-link-tab-2-2.w--current { border-bottom: 2px solid #b317ab; background-color: #fff; color: #b317ab; } .sign-up-form-copy { width: 700px; } .log-in-form { display: flex; width: 700px; flex-direction: column; align-items: center; } .form-5 { display: flex; width: 700px; margin-top: 50px; flex-direction: column; justify-content: flex-start; align-items: center; } .featured-video-flex { display: flex; margin-bottom: 50px; justify-content: space-between; } .featured-videos-left { display: flex; width: 100%; padding-right: 50px; flex-direction: column; align-items: center; } .featured-videos-right { width: 40%; } .video-4 { margin-top: 50px; margin-bottom: 50px; } .compudopt-flex { display: flex; margin-top: 50px; justify-content: space-between; flex-wrap: wrap; } .pp-card { position: relative; display: flex; height: 100%; margin-bottom: 15px; padding: 35px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: all 500ms ease; } .pp-card:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.2); transform: translate(0px, -15px); } .collection-list-wrapper-21 { margin-top: 50px; } .collection-item-39 { margin-bottom: 10px; } .section-pp-category { padding-bottom: 100px; } .section-compudopt-content { position: relative; padding-bottom: 100px; } .video-5 { margin-top: 50px; margin-bottom: 50px; } .collection-item-40 { margin-bottom: 10px; } .pp-item { width: 32%; margin-bottom: 15px; } .pp-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .pp-collection { margin-top: 75px; } .collection-list-21 { margin-top: 50px; } .pp-logo { display: none; padding: 15px; border-radius: 10px; background-color: #fff; } .image-78 { width: 225px; } .section-featured-virual-exhibit { height: 400px; margin-top: 100px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5f987a67a4423c6ae8a0bf79_virtualtours-header.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .section-virtual-tours { padding-bottom: 100px; } .virtual-linkblock { width: 100%; border-radius: 15px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: all 500ms ease; } .virtual-linkblock:hover { border-radius: 10px; box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.3); transform: translate(0px, -10px); } .top-photo { width: 100%; height: 200px; border-top-left-radius: 15px; border-top-right-radius: 15px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .virtual-item { display: block; width: 33%; padding: 15px; } .bottom-info { position: relative; padding: 20px; } .virtual-list { display: flex; justify-content: flex-start; flex-wrap: wrap; } .virtual-flex { display: flex; justify-content: space-between; } .virtual-filters { width: 25%; padding-left: 5%; } .virtual-collection { width: 70%; padding-right: 5%; } .checkbox-label { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .image-79 { width: 30px; } .filter-button { display: block; width: 100%; padding: 8px 25px; border-style: solid; border-width: 2px; border-color: #212a36; border-radius: 50px; background-color: transparent; transition: background-color 500ms ease, color 500ms ease; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .filter-button:hover { border-color: #92bd25; background-color: #92bd25; color: #fff; } .filter-button.purple { transition: background-color 500ms ease, border-color 500ms ease; } .filter-button.purple:hover { border-color: #665cc7; background-color: #665cc7; color: #fff; } .filter-button.green { width: 200px; transition: color 500ms ease, background-color 500ms ease; } .filter-button.green:hover { border-color: #00c9b7; background-color: #00c9b7; color: #fff; } .filter-button.filter { cursor: pointer; } .filter-button.filter:hover { border-color: #0080c9; background-color: #0080c9; } .filter-button.reset { cursor: pointer; } .filter-button.reset:hover { border-color: #0080c9; background-color: #0080c9; } .div-block-77 { background-color: #a6a9ae; } .collection-list-wrapper-23 { display: block; clear: both; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .empty-state-14 { background-color: #fff; } .comingsoon-tag-exhibit { padding: 5px 15px; border-radius: 100px; background-color: rgba(166, 169, 174, 0.15); font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .comingsoon-block { display: flex; } .image-80 { width: 125px; } .collection-list-22 { display: flex; justify-content: center; flex-wrap: wrap; } .collection-item-42 { display: flex; margin-right: 25px; margin-left: 25px; justify-content: center; align-items: center; } ._3d-trips { margin-bottom: 25px; } .section-pp { position: relative; padding-bottom: 100px; } .empty-state-15 { background-color: transparent; } .text-block-42 { font-family: Brown, Arial, sans-serif; color: #a6a9ae; } .holiday-green { color: #92bd25; } .snowflake { color: #22b5ff; } .pattern-div-secondary { position: relative; z-index: 500; height: 100px; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5d90daa47115f929a7cd54eb_CMH-symbol-pattern.png"); background-position: 50% 0%; background-size: 244px; background-repeat: repeat-x; opacity: 0.3; } .collection-item-43 { margin-bottom: 10px; } .collection-list-23 { margin-top: 50px; margin-bottom: 50px; } .broadcast-show { display: flex; margin-top: 5px; margin-bottom: 5px; padding: 5px 10px; align-items: center; border-radius: 10px; background-color: #fff; } .broadcast-show.cream { justify-content: space-between; border-radius: 10px; background-color: #faf9f7; } .broadcast-show-text { line-height: 26px; } .broadcast-show-time { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 36px; } .broadcast-schedule { width: 100%; } .broadcast-schedule.admission-page { width: 100%; } .show-name { width: 60%; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .show-time { width: 50%; } .show-stream { display: flex; width: 35px; height: 35px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #0080c9; transition: background-color 500ms ease; } .show-stream:hover { background-color: #004f7c; } .image-81 { width: 12px; } .image-82 { width: 20px; } .image-83 { width: 20px; } .pp-spacer { height: 200px; border-radius: 10px; } .broadcast-show-stack { display: flex; width: 40%; align-items: center; } .visitwebsite { margin-top: 50px; } .virtual-key-spanish { margin-bottom: 50px; } ._40-width-spanish { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 40%; padding: 100px 50px 50px; border-bottom-left-radius: 10px; background-color: #faf9f7; } ._40-width-spanish.extra-padding { padding-right: 100px; } .tour-tips-spanish { margin-top: 50px; margin-bottom: 50px; } .charity-navigator { position: relative; display: flex; padding: 35px; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: all 500ms ease; cursor: pointer; } .charity-navigator:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); transform: translate(0px, -15px); } .charity-navigator.support { margin-top: 100px; } .charity-navigator.about { margin-bottom: 50px; justify-content: space-between; } .image-84 { width: 175px; margin-top: -26px; margin-right: 25px; } .charity-text { width: 85%; padding-right: 50px; } .charity-cta { display: flex; align-items: center; } .charity-flex { display: flex; width: 70%; justify-content: space-between; } .image-85 { width: 115px; margin-right: 50px; } .charity-logos-block { display: flex; width: 30%; align-items: center; } .html-embed-4 { margin-bottom: 100px; } .readstrong { position: relative; display: flex; padding: 35px; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); transition: all 500ms ease; cursor: pointer; } .readstrong:hover { box-shadow: 0 0 10px 0 rgba(33, 42, 54, 0.35); transform: translate(0px, -15px); } .readstrong.support { margin-top: 100px; } .readstrong.about { margin-bottom: 50px; } .readstronglogos { display: flex; width: 25%; justify-content: center; align-items: flex-end; } .readstrongtext { width: 50%; padding-right: 50px; } .readstrongcta { display: flex; width: 50%; justify-content: flex-end; align-items: center; } .html-embed-5 { margin-bottom: 100px; } .private-rental { position: absolute; left: auto; top: auto; right: 66px; bottom: 11px; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; background-color: #a6a9ae; } .private-rental-text { padding: 5px 10px; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 12px; line-height: 12px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .birthday-video { display: none; } .radio-item { margin-right: 25px; } .left-align { text-align: left; } .membership-radio { margin-top: 15px; margin-bottom: 15px; } .underline-span { border-bottom: 2px solid #ffa612; } .underline-span.white { border-bottom-color: #ffa612; } .underline-span.pale-yellow { border-bottom-color: #ffc76d; } .mask-circle { display: flex; width: 120px; height: 120px; flex-direction: column; justify-content: center; align-items: center; border-radius: 100px; background-color: #fff; } .mask-icon { width: 85px; } .mask-icon.whitespace { margin-top: 0px; margin-right: 35px; margin-left: 0px; } .mask-block { margin-right: 35px; } .covid19-learnmore { display: none; width: 20%; justify-content: flex-end; } .covid19-charcoal { font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; } .covid19-whitespace { display: flex; justify-content: space-between; align-items: center; } .covid19-blurb { display: none; margin-top: 50px; margin-bottom: 100px; padding: 25px; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .spanish-tag { position: absolute; left: auto; top: 10px; right: 10px; bottom: auto; padding: 5px 10px; border-radius: 100px; background-image: linear-gradient(180deg, #e4f0f6, #e4f0f6); color: #0080c9; font-size: 10px; line-height: 12px; } .language-tabs { display: flex; margin-bottom: 25px; justify-content: center; } .language-tab { margin-right: 5px; margin-left: 5px; border-radius: 100px; background-color: #e4f0f6; transition: all 500ms ease; color: #0080c9; } .language-tab:hover { background-color: #0080c9; color: #fff; } .language-tab.w--current { background-color: #0080c9; color: #fff; } .language-tab-filter { margin-bottom: 15px; padding-right: 10px; text-align: right; } .bday-spacer { height: 200px; } .mycmh-icon { width: 75px; margin-bottom: 15px; } .mycmh-note { margin-top: 15px; color: #a6a9ae; font-size: 12px; line-height: 16px; text-align: center; } .mycmh-blurb { display: flex; margin-top: 50px; margin-bottom: 100px; padding: 25px; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(33, 42, 54, 0.1); } .mycmh-blurb.exhibits { position: relative; margin-top: 0px; margin-bottom: 0px; } .image-86 { width: 100px; margin-right: 25px; } .mycmh-content { display: flex; width: 90%; justify-content: space-between; align-items: center; } .mycmh-learnmore { display: none; width: 20%; justify-content: flex-end; } .covid-span { border-bottom: 2px solid hsla(0, 0%, 100%, 0.3); } .covid-span.yellow { border-bottom-color: #ffa612; } .covid-span.yellow-underline { border-bottom-color: #ffa612; } .section-sponsors-virtual { display: none; padding-bottom: 25px; } .image-87 { width: 150px; } .div-block-79 { margin-bottom: 50px; } .image-88 { width: 150px; } .virtual-tour-img { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .div-block-80 { display: flex; justify-content: center; align-items: flex-start; } .section-annualreport { padding-top: 50px; flex-direction: column; align-items: center; background-color: #faf9f7; } .heading-20 { position: relative; } .heading-21 { position: relative; } .form-downloads { display: flex; flex-direction: column; } .section-annualreport-archive { padding-top: 50px; padding-bottom: 50px; } .div-block-81 { display: none; } .div-block-82 { display: none; } .text-block-44 { display: none; } .heading-22 { display: none; } .link-5 { display: none; } .collection-list-wrapper-24 { display: none; } .collection-list-24 { display: none; } .dropdown-3 { margin-right: 0px; margin-left: 0px; border: 2px none #fff; border-radius: 50px; font-size: 16px; line-height: 26px; } .dropdown-3.hide { display: none; } .dropdown-toggle-2 { border-radius: 50px; } .text-block-45 { color: #0080c9; text-align: center; } .icon-7 { color: #0080c9; } .dropdown-tickets { background-color: transparent; color: #9cbb44; } .dropdown-tickets.w--open { display: flex; flex-direction: column; align-items: stretch; background-color: transparent; transform: translate(-38px, 0px); text-align: center; } .dropdown-link-2 { display: flex; margin: 20px; justify-content: center; border: 2px solid #fff; border-radius: 50px; background-color: #53b4f9; transform: translate(0px, 0px); color: #fff; } .dropdown-link-2:hover { background-color: #b317ab; } .dropdown-link-3 { margin: -14px 20px 20px; border: 2px solid #fff; border-radius: 50px; background-color: #53b4f9; color: #fff; } .dropdown-link-3:hover { background-color: #ffa612; } .ghost-button-copy { padding: 10px 25px; border-style: solid; border-width: 2px; border-color: #0080c9; border-radius: 50px; background-color: transparent; transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; text-align: center; } .ghost-button-copy:hover { border-color: #0080c9; background-color: #0080c9; color: #fff; } .ghost-button-copy.space { margin-right: 25px; } .ghost-button-copy.charcoal { flex-direction: column; justify-content: center; align-items: center; border-color: #212a36; color: #212a36; } .ghost-button-copy.charcoal:hover { border-color: #0080c9; color: #fff; } .ghost-button-copy.charcoal.yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button-copy.charcoal.berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button-copy.charcoal.green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button-copy.charcoal.purple { width: 200px; margin-right: 0px; margin-left: 0px; } .ghost-button-copy.charcoal.purple:hover { border-color: #665cc7; background-color: #665cc7; color: #fff; } .ghost-button-copy.charcoal.news { width: 150px; margin-top: 50px; } .ghost-button-copy.charcoal.news:hover { border-color: #fa7c3d; } .ghost-button-copy.charcoal.hide { display: none; } .ghost-button-copy.mini { font-size: 14px; line-height: 24px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .ghost-button-copy.mini:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button-copy.mini.yellow:hover { color: #ffa612; } .ghost-button-copy.mini.purple:hover { color: #665cc7; } .ghost-button-copy.purple { width: auto; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .ghost-button-copy.purple:hover { border-color: #fff; background-color: #fff; color: #665cc7; } .ghost-button-copy.purple.white { color: #fff; } .ghost-button-copy.purple.white:hover { color: #665cc7; } .ghost-button-copy.white { margin-top: -10px; margin-right: 25px; padding-right: 25px; border-color: #fff; color: #fff; text-align: center; } .ghost-button-copy.white:hover { border-style: solid; border-color: #fa7c3d; background-color: #fa7c3d; } .ghost-button-copy.white.hover-white:hover { border-color: #fff; background-color: #fff; color: #ffa612; } .ghost-button-copy.white.purple:hover { border-color: #fff; color: #665cc7; } .ghost-button-copy.white.blue:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button-copy.educator-membership { width: auto; } .ghost-button-copy.support { width: auto; border-color: #fff; color: #fff; } .ghost-button-copy.support:hover { background-color: #fff; color: #fa7c3d; } .ghost-button-copy.ghost-yellow { transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; } .ghost-button-copy.ghost-yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button-copy.ghost-berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button-copy.ghost-green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button-copy.ghost-purple:hover { border-color: #665cc7; background-color: #665cc7; } .ghost-button-copy.tix { display: none; } .ghost-button-copy.hide { display: none; } .dropdown-list-2 { perspective: 608px; text-align: left; } .dropdown-list-2.w--open { background-color: transparent; transform: translate(-75px, -19px); } .secondary-link-copy { display: none; margin-right: 25px; font-family: Brown, Arial, sans-serif; color: #0080c9; text-decoration: none; } .secondary-link-copy.tix { display: none; } .ghost-button-nav { padding: 10px 25px; border-style: solid; border-width: 2px; border-color: #0080c9; border-radius: 50px; background-color: transparent; transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; text-align: center; } .ghost-button-nav:hover { border-color: #0080c9; background-color: #0080c9; color: #fff; } .ghost-button-nav.space { margin-right: 25px; } .ghost-button-nav.charcoal { flex-direction: column; justify-content: center; align-items: center; border-color: #212a36; color: #212a36; } .ghost-button-nav.charcoal:hover { border-color: #0080c9; color: #fff; } .ghost-button-nav.charcoal.yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button-nav.charcoal.berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button-nav.charcoal.green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button-nav.charcoal.purple { width: 200px; margin-right: 0px; margin-left: 0px; } .ghost-button-nav.charcoal.purple:hover { border-color: #665cc7; background-color: #665cc7; color: #fff; } .ghost-button-nav.charcoal.news { width: 150px; margin-top: 50px; } .ghost-button-nav.charcoal.news:hover { border-color: #fa7c3d; } .ghost-button-nav.charcoal.hide { display: none; } .ghost-button-nav.mini { font-size: 14px; line-height: 24px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .ghost-button-nav.mini:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button-nav.mini.yellow:hover { color: #ffa612; } .ghost-button-nav.mini.purple:hover { color: #665cc7; } .ghost-button-nav.purple { width: auto; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .ghost-button-nav.purple:hover { border-color: #fff; background-color: #fff; color: #665cc7; } .ghost-button-nav.purple.white { color: #fff; } .ghost-button-nav.purple.white:hover { color: #665cc7; } .ghost-button-nav.white { margin-top: 0px; margin-right: 0px; padding: 0px 46px 0px 0px; border-width: 0px; border-color: #fff; border-radius: 0px; transition-property: none; color: #0080c9; } .ghost-button-nav.white:hover { border-style: none; border-color: #0080c9; border-radius: 0px; background-color: transparent; } .ghost-button-nav.white.hover-white:hover { border-color: #fff; background-color: #fff; color: #ffa612; } .ghost-button-nav.white.purple:hover { border-color: #fff; color: #665cc7; } .ghost-button-nav.white.blue:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button-nav.educator-membership { width: auto; } .ghost-button-nav.support { width: auto; border-color: #fff; color: #fff; } .ghost-button-nav.support:hover { background-color: #fff; color: #fa7c3d; } .ghost-button-nav.ghost-yellow { transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; } .ghost-button-nav.ghost-yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button-nav.ghost-berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button-nav.ghost-green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button-nav.ghost-purple:hover { border-color: #665cc7; background-color: #665cc7; } .ghost-button-nav.tix { display: none; } .ghost-button-nav.hide { display: none; } .dropdown-3-copy { display: none; margin-right: 0px; margin-left: 0px; border: 2px none #fff; border-radius: 50px; font-size: 16px; line-height: 26px; } .ghost-button-nav-copy { padding: 10px 25px; border-style: solid; border-width: 2px; border-color: #0080c9; border-radius: 50px; background-color: transparent; transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; text-align: center; } .ghost-button-nav-copy:hover { border-color: #0080c9; background-color: #0080c9; color: #fff; } .ghost-button-nav-copy.space { margin-right: 25px; } .ghost-button-nav-copy.charcoal { flex-direction: column; justify-content: center; align-items: center; border-color: #212a36; color: #212a36; } .ghost-button-nav-copy.charcoal:hover { border-color: #0080c9; color: #fff; } .ghost-button-nav-copy.charcoal.yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button-nav-copy.charcoal.berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button-nav-copy.charcoal.green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button-nav-copy.charcoal.purple { width: 200px; margin-right: 0px; margin-left: 0px; } .ghost-button-nav-copy.charcoal.purple:hover { border-color: #665cc7; background-color: #665cc7; color: #fff; } .ghost-button-nav-copy.charcoal.news { width: 150px; margin-top: 50px; } .ghost-button-nav-copy.charcoal.news:hover { border-color: #fa7c3d; } .ghost-button-nav-copy.charcoal.hide { display: none; } .ghost-button-nav-copy.mini { font-size: 14px; line-height: 24px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .ghost-button-nav-copy.mini:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button-nav-copy.mini.yellow:hover { color: #ffa612; } .ghost-button-nav-copy.mini.purple:hover { color: #665cc7; } .ghost-button-nav-copy.purple { width: auto; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .ghost-button-nav-copy.purple:hover { border-color: #fff; background-color: #fff; color: #665cc7; } .ghost-button-nav-copy.purple.white { color: #fff; } .ghost-button-nav-copy.purple.white:hover { color: #665cc7; } .ghost-button-nav-copy.white { margin-top: 0px; margin-right: 0px; padding: 0px 46px 0px 0px; border-width: 0px; border-color: #fff; border-radius: 0px; transition-property: none; color: #0080c9; } .ghost-button-nav-copy.white:hover { border-style: none; border-color: #0080c9; border-radius: 0px; background-color: transparent; } .ghost-button-nav-copy.white.hover-white:hover { border-color: #fff; background-color: #fff; color: #ffa612; } .ghost-button-nav-copy.white.purple:hover { border-color: #fff; color: #665cc7; } .ghost-button-nav-copy.white.blue:hover { border-color: #fff; background-color: #fff; color: #0080c9; } .ghost-button-nav-copy.educator-membership { width: auto; } .ghost-button-nav-copy.support { width: auto; border-color: #fff; color: #fff; } .ghost-button-nav-copy.support:hover { background-color: #fff; color: #fa7c3d; } .ghost-button-nav-copy.ghost-yellow { transition: border-color 500ms ease, color 500ms ease, background-color 500ms ease; } .ghost-button-nav-copy.ghost-yellow:hover { border-color: #ffa612; background-color: #ffa612; } .ghost-button-nav-copy.ghost-berry:hover { border-color: #b317ab; background-color: #b317ab; } .ghost-button-nav-copy.ghost-green:hover { border-color: #00c9b7; background-color: #00c9b7; } .ghost-button-nav-copy.ghost-purple:hover { border-color: #665cc7; background-color: #665cc7; } .ghost-button-nav-copy.tix { display: none; } .ghost-button-nav-copy.hide { display: none; } .dropdown-list-2-copy { perspective: 608px; text-align: left; } .dropdown-list-2-copy.w--open { background-color: transparent; transform: translate(-75px, -19px); } .text-block-45-copy { color: #0080c9; text-align: center; } .dropdown-3-copy { margin-right: 0px; margin-left: 0px; padding-left: 20px; border: 2px none #fff; border-radius: 50px; font-size: 16px; line-height: 26px; } .dropdown-link-2-copy { display: flex; margin: 20px; justify-content: center; border: 2px solid #fff; border-radius: 50px; background-color: #53b4f9; transform: translate(0px, 0px); color: #fff; } .dropdown-link-2-copy:hover { background-color: #b317ab; } .dropdown-link-3-copy { margin: -14px 20px 20px; border: 2px solid #fff; border-radius: 50px; background-color: #53b4f9; color: #fff; } .dropdown-link-3-copy:hover { background-color: #ffa612; } .mobile-menu-link-copy { display: flex; width: 100%; height: 40px; padding-right: 20px; padding-left: 20px; align-items: center; transition: all 200ms ease; color: #1d2329; font-size: 14px; font-weight: 700; text-decoration: none; } .mobile-menu-link-copy { display: flex; width: 100%; height: 40px; padding-right: 20px; padding-left: 20px; align-items: center; transition: all 200ms ease; color: #1d2329; font-size: 14px; font-weight: 700; text-decoration: none; } .image-89 { display: none; } .div-block-83 { width: 100px; } .div-block-84 { display: none; } .accordion-item-trigger-open { display: flex; margin-top: 0px; justify-content: space-between; align-items: center; } .accordion-item-trigger-open.our-response { justify-content: flex-start; } .text-block-46 { margin-top: 1px; color: #fa7c3d; } .text-block-47 { color: #fa7c3d; } .text-block-48 { color: #fa7c3d; } .text-block-49 { color: #fa7c3d; } .text-block-50 { color: #fa7c3d; } .text-block-51 { color: #fa7c3d; } .image-90 { position: absolute; left: -45px; top: 547px; width: 200px; opacity: 0.2; } .image-27-copy { position: absolute; top: 821px; right: 5%; width: 140px; opacity: 0.2; } .link-6 { color: #b317ab; } .link-7 { color: #b317ab; } .link-8 { color: #b317ab; } .text-block-52 { color: #b317ab; } .link-9 { color: #b317ab; } .link-10 { color: #b317ab; } .link-11 { color: #b317ab; } .link-12 { color: #b317ab; } .text-block-53 { color: #b317ab; } .text-block-54 { color: #b317ab; } .text-block-55 { color: #b317ab; } .text-block-56 { color: #b317ab; } .text-block-57 { color: #b317ab; } .text-block-58 { color: #b317ab; } .html-embed-6 { display: none; } .members-only { margin-top: 57px; } .membs { display: flex; margin-top: 0px; margin-right: 10px; margin-left: 10px; padding: 5px; align-items: center; font-family: franklin-gothic-urw, sans-serif; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } @media screen and (max-width: 991px) { .div-block { flex-direction: column; align-items: center; } .h1-white { width: 100%; text-align: center; } .h3.white { text-align: center; } .body-text.charity { text-align: center; } .newsletter-block { margin-top: 50px; margin-bottom: 100px; } .div-block-2 { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; width: 100%; } .div-block-3 { position: relative; width: 100%; } .ghost-button.white { display: none; } .section-footer { padding-bottom: 50px; } .h2.green { margin-right: 0px; text-align: center; } .footer-sponsors { margin-bottom: 25px; align-items: center; } .div-block-4 { flex-direction: column-reverse; } .footer-columns { margin-top: 25px; flex-direction: column; } .div-block-5 { width: 100%; align-items: center; } .footer-link { text-align: center; } .div-block-6 { width: 100%; align-items: center; } .div-block-7 { width: 100%; margin-bottom: 50px; align-items: center; } .div-block-8 { width: 100%; margin-bottom: 0px; justify-content: center; align-items: center; } .image-2 { position: absolute; left: 12.5%; top: auto; right: 0%; bottom: 0%; width: 75%; opacity: 0.25; } .desktop-nav-menu { margin-left: 5%; background-color: #39133e; } .topnav-links { display: flex; } .icon.mobile-dropdown { margin-top: 15px; margin-right: 20px; } .bar-link.right { display: none; } .featured-block { width: 49%; } .featured-social-block { width: 48.5%; height: 340px; margin-bottom: 10px; border-radius: 10px; } .featured-social-block.social4 { height: 200px; } .burger-line { border-radius: 20px; background-color: #fff; } .burger-line.bl-mid { border-radius: 50px; } .topnav-mobile { max-width: 100%; padding-top: 79px; padding-left: 0px; background-color: #fff; } .nav-menu-pane { display: block; margin-top: 14px; align-items: stretch; border-top: 2px solid #0080c9; border-left: 0px none transparent; box-shadow: none; } .menu-search { margin-right: 5%; margin-left: 5%; padding: 25px 0px 0px; align-items: center; border-bottom: 0px none transparent; } .search-input { height: 55px; margin-right: 10px; border-style: none; border-width: 0px; border-radius: 10px; background-color: #faf9f7; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; } .search-input::-moz-placeholder { color: #a6a9ae; } .search-input::-ms-input-placeholder { color: #a6a9ae; } .search-input::placeholder { color: #a6a9ae; } .search-button { display: none; height: 55px; padding-right: 32px; padding-left: 33px; border-style: solid; border-width: 2px; border-color: #212a36; border-radius: 50px; background-image: none; transition-duration: 500ms; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; font-weight: 400; } .search-button:hover { border-color: #0080c9; background-color: #0080c9; color: #fff; } .mobile-menu-dropdown { height: 45px; padding-left: 20px; border-top: 0px none transparent; background-color: transparent; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; font-weight: 400; } .mobile-menu-dropdown:hover { color: #0080c9; } .mobile-menu-dropdown.w--open { background-color: transparent; } .menu-link-group { margin-right: 5%; margin-left: 5%; color: #212a36; } .menu-dropdown-list.w--open { background-color: transparent; } .mobile-menu-link { height: 45px; padding-left: 20px; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; font-weight: 400; } .mobile-menu-link:hover { background-color: #fff; color: #0080c9; } .mobile-menu-dropdown-link { padding-left: 40px; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 14px; line-height: 24px; font-weight: 400; } .mobile-menu-dropdown-link:hover { background-color: #fff; color: #0080c9; } .mobile-menu-dropdown-link.w--current { color: #0080c9; } .menu-dropdown { width: 100%; color: #0080c9; } .menu-dropdown:hover { color: #0080c9; } .burger-3 { display: flex; } .mobile-menu-icon { display: block; margin-right: 35px; } .visit-feature { position: absolute; top: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .navigation-links { display: none; } .topnav-secondary { display: flex; } .navigation { max-width: 100%; background-color: #39133e; } .form { display: flex; flex-direction: column; align-items: center; } .button { display: flex; justify-content: center; align-items: center; } .button.yellow { border-bottom-color: #ffa612; } .event-flex { flex-direction: column; } .tickets-block { width: 100%; margin-top: 25px; } .event-title-bg { top: 375px; width: 100%; height: 125px; border-radius: 0px; } .line-label { margin-bottom: 15px; flex-direction: column-reverse; justify-content: center; } .line { width: 50px; margin-right: 0px; } .event-title { top: 400px; } .section-event-overview { min-height: 10px; } .event-overview { width: 75%; } .gray-info-box { top: 0%; display: none; padding-left: 50px; } .gray-info-box.flip { position: static; display: block; width: 100%; margin-top: 50px; padding: 35px; border-radius: 10px; } .gray-info-box.bdays { position: static; display: block; width: 100%; padding: 35px; border-radius: 10px; } .gray-info-content { width: 100%; margin-top: 0px; padding-top: 0px; } .more-app-icon { margin-bottom: 20px; } .more-app-block { display: block; flex-direction: column; justify-content: flex-start; } .more-description { display: flex; flex-direction: column; justify-content: center; align-items: center; } .link-block-2 { margin-left: 0px; } .more-flex { flex-direction: column; justify-content: flex-start; align-items: center; } .store-icons { display: flex; margin-top: 20px; margin-bottom: 20px; justify-content: center; align-items: center; } .section-featured-events { margin-top: 115px; } .pattern-div.hide { display: none; } .event-calendar-item { width: 47%; } .short-description-block { width: 100%; } .short-description { text-align: center; } .collection-list-wrapper-8 { width: 100%; } .defaultevents { flex-direction: column; } .special-event { width: 100%; height: 450px; } .more-text { text-align: center; } .featured-flex { z-index: 950; margin-bottom: 12px; } .social-flex { flex-wrap: wrap; } .hashtag { font-size: 20px; line-height: 20px; } .header-flex { flex-direction: column; } .left-flex { align-items: center; } .map-flex { flex-direction: column; } .collection-exhibit-item { width: 47%; } .line-block { margin-bottom: 25px; flex-direction: column-reverse; } .h1-banners { margin-bottom: 50px; text-align: center; } .h1-banners.no-cta { margin-bottom: 0px; } .program-title-bg { top: 375px; width: 100%; height: 125px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .program-title { top: 400px; } .program-flex { flex-direction: column; } .program-overview { width: 100%; padding-right: 0px; } .charcoal-ghost-btn { width: 200px; } .section-quick-info { display: block; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .accordion-header { padding-right: 25px; } .accordion-item-content { padding-right: 25px; } .program-sponsors { margin-top: 25px; } .collection-item-10 { margin-bottom: 25px; padding-top: 0px; } .exhibit-title-bg { top: 375px; width: 100%; height: 125px; border-radius: 0px; } .exhibit-title { top: 395px; } .exhibit-flex { flex-direction: column; } .section-exhibit-overview { min-height: auto; } .exhibit-overview { width: 100%; padding-right: 0px; } .exhibit-anchor-link { font-size: 14px; line-height: 20px; } .exhibit-anchor-link.active { font-size: 16px; } .exhibit-anchor-link.last { margin-right: 0px; } .section { display: block; padding-top: 50px; padding-bottom: 50px; background-color: #faf9f7; } .event-logo-overlay { justify-content: center; } .header-title { padding-right: 0px; } .left-items { width: 40%; } .right-items { width: 50%; } .hours-flex { flex-direction: column; } .members-perks { padding: 35px; flex-direction: column; } .regular-hours { width: 100%; } .special-hours { width: 100%; margin-top: 50px; } .seasonal-holiday-hours { width: 100%; } .seasonal-holiday-hours.desktop { display: none; } .seasonal-holiday-hours.mobile { display: block; } .members-blurb { margin-right: 0px; text-align: center; } .members-blurb.earlybird { padding-right: 0px; padding-bottom: 25px; } .location { margin-top: 50px; } .visitor { width: 50%; } .admission-flex { flex-direction: column; align-items: flex-start; } .admission-columns { width: 100%; } .section-small-header { height: 300px; } .left-content._50percent { width: 100%; padding-right: 0px; } .gray-box-content.top-space { padding-top: 0px; } .price-column { width: 50%; margin-bottom: 25px; } .section-parking { margin-top: 0px; padding-top: 0px; } .parking-flex { flex-direction: column; } .garage-parking { width: 100%; } .street-parking { width: 100%; } .driving-flex { flex-direction: column; } .driving { width: 100%; padding-right: 0px; padding-bottom: 50px; } .metro { width: 100%; } .circles-flex { justify-content: center; flex-wrap: wrap; } .circle { margin-bottom: 20px; } .sponsor-logos-list { justify-content: center; flex-wrap: wrap; align-items: center; align-content: flex-start; } .contact-flex { flex-direction: column; } .addons-flex { flex-direction: column; } .addon { margin-right: 5px; margin-bottom: 10px; margin-left: 5px; } .link-block-8 { margin-left: 20px; } .section-intro-mobile { display: flex; margin-bottom: 50px; padding-bottom: 50px; flex-direction: column; align-items: center; background-color: #faf9f7; } .educators-flex { flex-direction: column; } .educators-left { width: 100%; margin-bottom: 50px; } .educators-right { display: flex; width: 100%; flex-direction: column; justify-content: space-between; } .side-block { margin-bottom: 25px; flex: 1; } .search { width: 100%; margin-top: 25px; justify-content: space-between; align-items: stretch; } .search-input-3 { width: 500px; } .section-statistics { padding-bottom: 0px; } .statistics-flex { flex-wrap: wrap; align-items: flex-start; } .statistic-block { width: 50%; margin-bottom: 50px; } .community-flex { flex-direction: column; } .community-left { width: 100%; padding-right: 0px; } .community-right { width: 100%; padding-top: 50px; padding-left: 0px; } .div-block-22 { justify-content: flex-start; } .our-impact { width: 100%; padding-right: 0px; } .impact-flex { flex-direction: column; } .annual-report { width: 100%; padding-top: 50px; padding-left: 0px; } .needs-block { width: 100%; } .section-volunteering { padding-top: 0px; } .volunteer-block { width: 50%; } .section-donations { padding-top: 50px; padding-bottom: 50px; } .membership-card { width: 47%; margin-right: 0px; margin-left: 0px; } .membership-type.green { flex-direction: column-reverse; } .membership-flex { justify-content: space-between; } .join-flex { flex-direction: column-reverse; align-items: center; } .gift-link { margin-top: 25px; } .div-block-27 { width: 100%; } .admission-content { width: 100%; padding-right: 0px; } .graybox-shapes { top: -89px; display: none; width: 125px; } .section-bonus-perks { padding-top: 50px; } .content-flex { flex-direction: column; align-items: flex-start; } .content-left { width: 100%; padding-right: 0px; } .content-right { width: 100%; margin-top: 50px; } .image-45 { display: none; } .image-46 { display: none; } .board-row { margin-bottom: 0px; flex-wrap: nowrap; } .board-member { width: 33%; margin-bottom: 25px; padding-right: 25px; } .board-member.last { padding-right: 0px; } .calendar-special-events-item { width: 100%; padding-bottom: 10px; } .calendar-special-events-list { flex-direction: column; } .collection-list-wrapper-14 { width: 100%; margin-bottom: 15px; } .footer-events-item { width: 100%; margin-right: 0px; margin-bottom: 50px; margin-left: 0px; } .footer-events-list { flex-direction: column; } .contact-row { flex-wrap: wrap; } .contact-block { width: 50%; margin-bottom: 25px; } .news-photo { height: 350px; } ._800-container { width: 80%; } .testimonial-content { width: 100%; } .membership-filter-block { margin-bottom: 5px; } .interest-filter-block { width: 100%; margin-top: 15px; margin-bottom: 15px; } .filter-events { margin-top: 0px; } .form-4 { flex-direction: column; } .date-filter-block { margin-bottom: 15px; } .form-block-2 { flex-direction: column; } .h3-copy.white { text-align: center; } .div-block-29 { flex-direction: column; align-items: flex-start; } .styleguide-leftnav { display: none; } .typography-specs { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(166, 169, 174, 0.15); } .styleguide-content { width: 100%; } .column-40 { padding-right: 0px; padding-left: 0px; } .brand-color { width: 100px; height: 100px; } .column-53 { margin-top: 25px; } .column-35 { margin-top: 25px; } .styleguide-colors { width: 33%; padding-right: 0px; } .styleguide-mobile { display: block; } .styleguide-desktop { display: none; } .styleguide-typography-mobile { padding: 25px; border-bottom-width: 0px; border-bottom-color: rgba(166, 169, 174, 0.1); } .styleguide-typography-mobile.first { padding: 25px; flex-direction: column; align-items: flex-start; border-top: 2px solid rgba(166, 169, 174, 0.1); border-bottom-width: 0px; border-bottom-color: rgba(166, 169, 174, 0.1); } .styleguide-typography-mobile.last { margin-bottom: 50px; } .styleguide-typography-mobile.cream { padding: 25px; border-bottom-width: 0px; border-radius: 10px; background-color: #faf9f7; } .column-56 { padding-right: 0px; } .column-57 { margin-top: 25px; padding-left: 0px; } .hierarchy { display: none; } .lists-links { flex-wrap: wrap; } .ordered-lists { width: 50%; margin-bottom: 25px; } .unordered-lists { width: 50%; margin-bottom: 25px; } .links { width: 50%; } .buttons-flex { justify-content: space-between; } .button-block { width: 47.5%; margin-right: 0px; } .button-block.background { width: 47.5%; } .logo-item { width: 50%; } .hours-location { flex-direction: column; } .center-mobile { text-align: center; } .cost { width: 50%; } .ticket-prices { width: 100%; margin-bottom: 50px; } .purchases { width: 100%; } .div-block-36 { display: flex; justify-content: flex-start; align-items: center; } .parking-info-flex { flex-direction: column; } .parking-blurb { width: 100%; margin-bottom: 50px; } .garage-hour { width: 50%; } .hour-price { width: 50%; } .special-messaging { margin-top: -7px; } .div-block-38 { flex-direction: column; } .tabs-content-2 { margin-top: 40px; } .kicker { max-width: 610px; margin-bottom: 20px; } .left-categories { display: flex; width: 30%; margin-right: 25px; } .right-content { width: 70%; } .menu-content-flex { justify-content: space-between; } .faq-menu-link { background-color: #faf9f7; transition: background-color 500ms ease; color: #0080c9; } .faq-menu-link:hover { background-color: #e4f0f6; } .faq-menu-link.last { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .dropdown-2 { width: 100%; margin-bottom: 50px; border-radius: 10px 10px 0px 0px; background-color: #faf9f7; } .text-block-15 { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; font-weight: 400; } .icon-6 { color: #a6a9ae; } .dropdown-toggle { display: block; width: 100%; border-radius: 10px; } .dropdown-toggle.w--open { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .dropdown-list { border-bottom-left-radius: 0px; } .dropdown-list.w--open { border-bottom-right-radius: 0px; } .policy-nav-link-wrapper-2 { display: flex; padding-right: 24px; padding-left: 24px; justify-content: center; align-items: center; } .policy-nav-title-2 { width: 100%; margin-bottom: 20px; padding-right: 40px; padding-left: 40px; text-align: center; } .container { padding-right: 20px; padding-left: 20px; } .policy-nav-wrapper { display: block; padding-right: 0px; padding-left: 0px; } .wrapper-large-2 { padding-right: 10px; padding-left: 10px; } .policy-nav-link-2 { padding-right: 16px; padding-left: 16px; font-size: 15px; line-height: 22px; letter-spacing: 1px; } .policies-call-out-2 { top: -149px; margin-right: 24px; margin-left: 24px; } .tabs-content-3 { margin-top: 40px; } .styleguide-label { width: 30%; } .styleguide-specs { width: 70%; } .text-block-23 { font-size: 16px; line-height: 26px; } .text-block-24 { font-size: 16px; line-height: 26px; } .text-block-25 { line-height: 26px; } .more-app { text-align: center; } .footer-text { display: none; text-align: center; } .teks-bubble { z-index: 1000; } .section-map-mobile { display: block; padding-bottom: 50px; } .section-mappattern-mobile { display: block; } .form-success.newsletter { margin-right: auto; margin-left: auto; } .error-message.newsletter { margin-right: auto; margin-left: auto; } .map-right { width: 100%; } .map-left { width: 100%; margin-bottom: 50px; } .todays-events { width: 100%; height: auto; margin-bottom: 15px; } .savethedate-wrapper { width: 100%; height: 350px; margin-bottom: 15px; } .todaysevents { flex-direction: column; } .div-block-40 { display: flex; width: 200px; margin-right: auto; margin-left: auto; } .html-embed { width: 100%; } .text-block-28 { display: block; width: 100%; margin-top: 25px; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 12px; line-height: 22px; text-align: center; } .name-flex { width: 100%; } .outreach-programs-item { width: 50%; } .div-block-48 { width: 100%; } .educator-membership-flex { flex-direction: column; } .executive-item { width: 50%; } .director-item { width: 50%; } .advisory-item { width: 50%; } .life-item { width: 50%; } .image-71 { width: 150px; } .tabs-teks-content { margin-top: 40px; } .image-73 { display: none; } .donate-button { display: block; } .collection-item-34 { width: 50%; } .collection-item-35 { width: 50%; } .collection-item-36 { width: 50%; } .heading-19 { text-align: center; } .read-strong-block { flex-direction: column; } .read-strong-logos { margin-bottom: 25px; } .by-poetic { display: none; } .by-poetic-mobile { display: block; width: 100%; margin-top: 25px; justify-content: center; align-items: center; color: #fff; font-size: 12px; line-height: 22px; text-align: center; } .search-flex { flex-direction: column; } .exhibit-h1 { text-align: center; } .banner-title { font-size: 30px; line-height: 30px; text-align: center; } .banner-subtitle { margin-bottom: 10px; } .line-subtitle { flex-direction: column-reverse; text-align: center; } .banner-color { width: 100%; border-top-right-radius: 0px; } .volunteer-item { width: 50%; } .springbreak-events { flex-direction: column; } .collection-list-wrapper-19 { width: 100%; } .covid19 { align-items: flex-start; } .health-message { width: 100%; } .image-75 { margin-right: 0px; margin-bottom: 20px; } .div-block-67 { margin-bottom: 20px; flex-direction: column; } .modal-scroll { padding-top: 50px; padding-right: 5%; padding-left: 5%; } .div-block-70 { display: none; width: 100%; justify-content: center; } ._60-width { width: 100%; padding-right: 0px; } ._60-40-flex { flex-direction: column; } ._40-width { position: static; width: 100%; padding-top: 50px; border-radius: 10px; } ._40-width.extra-padding { padding-right: 50px; } .allaccess-column { width: 100%; margin-bottom: 25px; } .allaccess-columns { margin-bottom: 0px; flex-wrap: wrap; } .section-dailybroadcast { padding-bottom: 0px; } .explore-pp-tab { padding-right: 0px; padding-left: 0px; } .explorebroadcast-tabsmenu { width: 600px; } .explorebroadcast-list { padding-right: 20px; padding-left: 20px; } .explorebroadcast-item { width: 48%; } .explorebroadcast-tabs-content { padding-right: 0px; padding-left: 0px; } .videos-item { width: 47%; } .signup-form { width: 650px; } .signup-form-container { width: 90%; } .userinformation-form { width: 650px; } .alltimeaccess-column { width: 50%; } .sign-up-form { width: 650px; } .sign-up-form-copy { width: 650px; } .log-in-form { width: 650px; } .featured-video-flex { flex-direction: column; } .featured-videos-left { width: 100%; margin-bottom: 50px; padding-right: 0px; } .featured-videos-right { width: 100%; } .section-compudopt { padding-bottom: 50px; } .pp-item { width: 32%; margin-bottom: 0px; padding: 10px; } .virtual-item { width: 50%; } .virtual-flex { flex-direction: column; } .virtual-filters { width: 100%; padding-right: 5%; } .virtual-collection { width: 100%; padding-left: 5%; } .filter-button { justify-content: space-between; } .collection-item-42 { margin-bottom: 25px; } .section-pp { padding-bottom: 50px; } .pattern-div-secondary.hide { display: none; } .broadcast-schedule { width: 100%; margin-bottom: 50px; } .show-name { width: 50%; } .show-time { width: 70%; } .pp-spacer { height: 50px; } .broadcast-show-stack { width: 50%; justify-content: flex-end; } ._40-width-spanish { position: static; width: 100%; padding-top: 50px; border-radius: 10px; } ._40-width-spanish.extra-padding { padding-right: 50px; } .charity-navigator { flex-direction: column; align-items: center; } .charity-navigator.support { margin-top: 50px; } .charity-text { width: auto; margin-bottom: 25px; padding-right: 0px; } .charity-cta { justify-content: center; } .charity-flex { flex-direction: column; } .h2-charity { text-align: center; } .image-85 { margin-right: 0px; } .charity-logos-block { width: auto; margin-bottom: 25px; align-items: center; } .readstrong { flex-direction: column; align-items: center; } .readstrong.support { margin-top: 50px; } .readstronglogos { width: auto; margin-bottom: 25px; align-items: flex-end; } .readstrongtext { width: auto; margin-bottom: 25px; padding-right: 0px; } .readstrongcta { width: 100%; justify-content: center; } .text-block-43 { text-align: center; } .covid19-learnmore { display: block; width: 100%; margin-top: 25px; justify-content: flex-start; } .covid19-whitespace { align-items: flex-start; } .covid19-blurb { padding: 35px; flex-direction: column; } .bday-spacer { display: none; } .mycmh-blurb { padding: 35px; flex-direction: column; } .image-86 { margin-right: 0px; margin-bottom: 15px; } .mycmh-content { width: 100%; align-items: flex-start; } .mycmh-learnmore { display: block; width: 100%; margin-top: 25px; justify-content: flex-start; } .dropdown-3 { display: block; } .text-block-45 { text-align: left; } .icon-7 { color: #212a36; } .dropdown-link-2 { margin-right: 10px; margin-left: 20px; padding-right: 5px; padding-left: 50px; justify-content: flex-start; } .dropdown-link-3 { display: flex; padding-left: 50px; } .dropdown-list-2-copy { width: 70%; } .text-block-45-copy { text-align: left; } .dropdown-3-copy { display: block; } .dropdown-3-copy.hide { display: none; } .dropdown-link-2-copy { margin-right: 10px; margin-left: 20px; padding-right: 5px; padding-left: 50px; justify-content: flex-start; } .dropdown-link-3-copy { display: flex; padding-left: 50px; } .mobile-menu-link-copy { height: 45px; padding-left: 20px; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; font-weight: 400; } .mobile-menu-link-copy:hover { background-color: #fff; color: #0080c9; } .mobile-menu-link-copy { height: 45px; padding-left: 20px; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; line-height: 26px; font-weight: 400; } .mobile-menu-link-copy:hover { background-color: #fff; color: #0080c9; } .membs { display: flex; width: 90%; margin-top: 29px; margin-left: 0px; justify-content: flex-start; } } @media screen and (max-width: 767px) { ._1300-container.announcement { max-width: 100%; } .h1-white.center { font-size: 30px; line-height: 30px; } .body-text.charity { text-align: center; } .newsletter-block { margin-top: 50px; } .div-block-2 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; } .div-block-3 { position: relative; width: 100%; } .newsletter-field { width: 100%; } .ghost-button.charcoal.hide { display: none; } .ghost-button.white { display: none; margin-bottom: 15px; justify-content: flex-start; } .ghost-button.white.space { margin-bottom: 15px; justify-content: center; } .footer-sponsors { display: flex; align-items: center; } .image-2 { left: auto; top: auto; right: 0%; bottom: 0%; width: 100%; opacity: 0.25; } .cmh-logo { width: 45px; } .desktop-nav-menu { margin-top: 0px; margin-left: 0%; } .text-block-4 { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; font-weight: 400; } .bar-link.right { display: none; } .hero-message { font-size: 50px; line-height: 60px; } .background-video { transform: rotate(0deg); } ._3column-block { width: 100%; margin-bottom: 20px; } .featured-block { width: 100%; margin-bottom: 15px; } .featured-block.sensoryfriendly { margin-bottom: 10px; } .featured-block.exploreabilities { margin-bottom: 10px; } .featured-social-block { width: 48%; height: 250px; margin-bottom: 12px; } .left-column { width: 100%; margin-bottom: 20px; } .topnav-dropdown-menu { margin-left: 0px; } .nav-menu-pane { margin-top: -4px; } .mobile-menu-icon { margin-right: 20px; } .logo-block { display: flex; width: 75px; height: 75px; padding: 10px; justify-content: center; align-items: center; } .logo-block.w--current { width: 75px; height: 75px; padding: 10px; } .visit-feature { height: 0px; } .navigation { height: 75px; } .topnav-menu.w--open { width: 95%; background-image: linear-gradient(180deg, #eee, #eee); } .section-event-header { margin-top: 80px; } .event-title-bg { left: auto; width: 100%; border-top-left-radius: 0px; border-top-right-radius: 0px; } .event-info-flex { flex-direction: column-reverse; } .event-overview { width: 75%; padding-right: 0px; } .gray-info-box { position: absolute; display: none; width: 100%; height: 625px; } .gray-info-box.flip { height: auto; } .gray-info-box.bdays { height: auto; padding: 25px; } .gray-info-content { width: 100%; padding-left: 0px; } .more-app-block.exhibits { margin-right: 0px; margin-left: 0px; } .section-featured-events { margin-top: 87px; } .pattern-div.hide { display: none; } .event-calendar-item { width: 100%; } .collection-list-wrapper-8 { width: 100%; } .defaultevents { flex-direction: column; } .special-event { width: 100%; height: 350px; } ._3column-flex { flex-direction: column; } .citypass-membership-flex { flex-direction: column; } .featured-flex { margin-bottom: 0px; flex-direction: column; } .social-flex { flex-wrap: wrap; } .section-large-header { height: 400px; margin-top: 82px; } .header-flex { flex-direction: column; justify-content: center; } .left-flex { width: 100%; } .header-description { text-align: center; } .map-flex { flex-direction: column; justify-content: center; } .map-download { margin-top: 25px; } .collection-exhibit-item { width: 100%; } .line-block { flex-direction: column-reverse; } .h1-banners { text-align: center; } .h1-banners.no-cta { margin-bottom: 0px; } .section-program-header { margin-top: 81px; } .program-title-bg { left: auto; width: 100%; border-radius: 0px; } .program-overview { width: 100%; padding-right: 0px; } .opt-in-field { width: 100%; } .charcoal-ghost-btn.purple { width: 100%; } .charcoal-ghost-btn.full { width: 100%; } .section-quick-info { display: block; padding-top: 50px; padding-bottom: 25px; background-color: #faf9f7; } .bringhome-flex { margin-bottom: 0px; flex-direction: column; } .down-arrow { width: 10px; } .program-sponsors.mobile { display: block; } .collection-list-wrapper-10 { flex-direction: row; align-items: center; } .collection-list-8 { display: flex; justify-content: space-between; align-items: center; } .collection-item-11 { display: flex; justify-content: center; } .section-exhibit-header { margin-top: 80px; } .exhibit-overview { width: 100%; padding-right: 0px; } .spacer-50.exhibits { display: none; } .exhibit-anchors { justify-content: flex-start; } .exhibit-anchor-link { margin-right: 35px; font-size: 16px; line-height: 26px; } .exhibit-anchor-link.active { font-size: 16px; line-height: 26px; } .exhibit-feature-flex { flex-direction: column; } .exhibit-feature-flex.flip { flex-direction: column; } .feature-img { width: 100%; height: 300px; margin-bottom: 50px; } .feature-description { width: 100%; } .section { display: block; background-color: #faf9f7; } .header-title { padding-right: 0px; } .left-items { width: 50%; } .hours-flex { flex-direction: column; } .zig-zag-flex { flex-direction: column-reverse; } .zig-zag-flex.flip { flex-direction: column-reverse; } .zig-zag-photo { width: 100%; height: 300px; } .zig-zag-content { width: 100%; padding-top: 50px; } .faq-title-flex { flex-direction: column; } .section-small-header { margin-top: 82px; } .section-intro { padding-top: 0px; } .left-content._50percent { width: 100%; padding-right: 0px; } .parking-flex { flex-direction: column; } .garage-parking { width: 100%; margin-bottom: 0px; } .street-parking { width: 100%; } .driving-flex { flex-direction: column; } .driving { width: 100%; margin-bottom: 50px; padding-right: 0px; } .metro { width: 100%; } .circle.charcoal { display: none; } .section-home { padding-top: 50px; padding-bottom: 50px; } .home-item { margin-right: 0px; margin-bottom: 25px; margin-left: 0px; } .home-experience { flex-direction: column; } .focusedtours-flex { flex-direction: column; } .makerannex { margin-bottom: 25px; } .form-field.dropdown { width: 100%; } .section-faq { padding-bottom: 50px; } .tabs-menu { padding-right: 25px; } .party-members { width: 100%; } .party-nonmembers { width: 100%; } .addon { margin-right: 0px; margin-left: 0px; } .div-block-17 { flex-direction: column; } .div-block-18 { flex-direction: column; } .image-38 { width: 75px; } .link-block-8.w--current { margin-left: 15px; } .section-intro-mobile { display: flex; padding-bottom: 50px; background-color: #faf9f7; } .side-block { flex: 1; } .section-statistics { padding-bottom: 25px; } .statistics-flex { flex-direction: column; } .statistic-block { width: 100%; margin-bottom: 25px; } .needs-flex { flex-direction: column; } .needs-block { width: 100%; margin-bottom: 50px; } .outreach-programs-flex { padding-bottom: 0px; flex-direction: column; } .outreach-program-block { width: 100%; margin-bottom: 25px; padding-right: 0px; } .volunteer-flex { margin-bottom: 0px; flex-direction: column; } .volunteer-block { width: 100%; margin-bottom: 50px; padding-right: 0px; } .section-donations { padding-bottom: 50px; } .donations-flex { flex-direction: column; } .donations-flex.last { margin-bottom: 50px; } .donation-block { width: 100%; } .section-fundraising { padding-bottom: 50px; } .crew-flex { flex-direction: column; } .crew-content { width: 100%; } .membership-card { width: 100%; margin-bottom: 50px; } .membership-card.crew { width: 100%; } .sponsorship-flex { flex-direction: column; } .sponsorship-content { width: 100%; margin-bottom: 50px; } .sponsorship-poc { width: 100%; } .crew-column { width: 100%; padding-right: 0px; } .crew-executives { flex-wrap: wrap; } .crew-founding { flex-direction: column; flex-wrap: nowrap; } .donation-bubble { width: 75px; height: 75px; } .bonus-flex { flex-direction: column; } .bonus-perk { width: 100%; margin-top: 25px; } .membership-flex { margin-bottom: 0px; flex-direction: column; } .bonus-perk-block { width: 100%; padding-right: 0px; } .admission-content { width: 100%; padding-right: 0px; } .graybox-shapes { top: -120px; display: none; width: 100px; } .section-social-media { padding-bottom: 20px; } .heading-3 { font-size: 16px; line-height: 26px; } .special-upcoming-events { display: block; } .section-keep-exploring { padding-top: 50px; padding-bottom: 50px; } .history-flex { flex-direction: column; } .history-left { width: 100%; margin-bottom: 25px; } .history-right { width: 100%; } .board-row { flex-direction: row; flex-wrap: wrap; } .board-member { width: 50%; padding-right: 0px; } .play-button-circle.broadcast { width: 55px; height: 55px; } .div-block-28 { flex-direction: column; } .contact-block { width: 100%; } .news-title-flex { flex-direction: column; } .news-preview { width: 100%; } .news-photo { width: 100%; height: 250px; margin-right: 0px; margin-bottom: 25px; } .news-item-flex { flex-direction: column; } .article-photo { height: 250px; } .cc-tabs { flex-direction: column; } .cc-tabs-menu { width: 100%; } .cc-flex { flex-direction: column; } .cc-photo { width: 100%; margin-right: 0px; margin-bottom: 25px; } .cc-preview { width: 100%; } .cc-tabs-content { width: 100%; } .family-flex { flex-direction: column; } .family-left { width: 100%; margin-bottom: 50px; } .family-right { width: 100%; } .membership-filter-block { margin-bottom: 0px; } .interest-filter-block { margin-top: 15px; margin-bottom: 15px; } .filter-events { margin-top: 5px; } .radio-label { margin-bottom: 0px; } .radio-flex { margin-bottom: 0px; } .date-filter-block { margin-top: 15px; margin-bottom: 15px; } .exhibit-photos-item { padding-right: 0px; padding-left: 0px; } .white.instagram { display: none; } .paragraph { display: none; } .div-block-29 { flex-direction: column; } .styleguide-typography { display: block; } .column-46 { padding-right: 0px; padding-left: 0px; } .white-title { line-height: 56px; } .brand-color { width: 75px; height: 75px; margin-right: 25px; } .hierarchy-row { height: 125px; } .column-35 { margin-top: 25px; } .styleguide-colors { display: flex; width: 50%; margin-bottom: 25px; flex-direction: column; } .columns { display: block; margin-bottom: 0px; flex-direction: row; } .about-banner { padding-right: 20px; padding-left: 20px; } .color-palette { margin-bottom: 25px; } .ordered-lists { width: 100%; } .unordered-lists { width: 100%; } .links { width: 100%; } .illustrations-flex { justify-content: center; flex-wrap: wrap; } .illustration-image { width: 33%; justify-content: center; } .secondary-hero-cta { margin-left: -90px; } .shapes-left { display: none; } .shapes-right { display: none; } .featured-exhibit-wrapper { margin-top: 81px; } .tabs-content-2 { width: 100%; margin-top: 25px; padding: 25px 20px; } .kicker { max-width: 420px; margin-bottom: 20px; font-size: 20px; line-height: 28px; } .kicker.secondary { margin-bottom: 40px; } .tab-link { display: block; width: 100%; height: 50px; padding-top: 13px; padding-left: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: #fff; font-size: 18px; text-align: left; } .tab-link.w--current { background-color: #e3f5f2; color: #78cec3; font-weight: 600; } .tab-dropdown { display: block; height: 50px; padding-top: 12px; padding-left: 20px; border-style: solid; border-width: 2px; border-color: rgba(166, 169, 174, 0.3); border-radius: 10px; background-color: #faf9f7; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5da4e9badfaa0ebcce8fc759_icon-accordion.svg"); background-position: 95% 50%; background-size: 12px; background-repeat: no-repeat; color: #fff; font-size: 18px; font-weight: 800; text-align: left; letter-spacing: 0.2px; cursor: pointer; } .tab-dropdown:hover { background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5da4e9badfaa0ebcce8fc759_icon-accordion.svg"); background-size: 12px; } .tabs-menu-2 { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 50; display: flex; overflow: hidden; width: 100%; margin-top: -50px; margin-bottom: 0px; padding-top: 48px; border-style: none; border-right-width: 1px; border-right-color: #000; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 28px 28px 0 rgba(0, 0, 0, 0.08); cursor: pointer; } .faq-dropdown { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; font-weight: 400; } .policy-nav-link-wrapper-2 { padding-right: 10px; padding-left: 10px; font-size: 16px; } .faq-header { font-size: 16px; line-height: 24px; } .select-menu { z-index: 1; display: none; margin-bottom: 50px; } .policy-nav-wrapper { width: 100%; padding-top: 30px; padding-bottom: 20px; } .policy-nav-link-2 { padding-right: 10px; padding-left: 10px; text-align: center; } .heading-15 { font-size: 21px; line-height: 21px; } .policies-call-out-2 { top: -145px; } .educator-events-list { flex-direction: column; } .educator-events-item { width: 100%; margin-bottom: 15px; } .fundraising-list { flex-direction: column; } .fundraising-item { width: 100%; margin-bottom: 15px; } .accessibility-events-list { flex-direction: column; } .accessibility-events-item { width: 100%; margin-bottom: 15px; } .tabs-content-3 { margin-top: 25px; padding: 25px 20px; } .tab-dropdown-2 { display: block; height: 50px; padding-top: 12px; padding-left: 20px; border-radius: 10px; background-color: #faf9f7; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5da4e9badfaa0ebcce8fc759_icon-accordion.svg"); background-position: 95% 50%; background-size: 15px; background-repeat: no-repeat; color: #fff; font-size: 18px; font-weight: 800; text-align: left; cursor: pointer; } .tab-dropdown-2:hover { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; font-weight: 400; } .tabs-menu-3 { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 50; display: none; overflow: hidden; margin-top: -50px; margin-bottom: 0px; padding-top: 48px; border-style: none; border-right-width: 1px; border-right-color: #000; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 28px 28px 0 rgba(0, 0, 0, 0.08); cursor: pointer; } .text-block-17 { font-size: 16px; } .text-block-18 { font-size: 16px; } .text-block-19 { font-size: 16px; } .text-block-20 { font-size: 16px; } .text-block-21 { font-size: 16px; } .text-block-22 { font-size: 16px; } .styleguide-label { width: 50%; } .styleguide-specs { width: 50%; } .text-block-27 { font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: 0px; } .form-success.newsletter { width: 100%; } .error-message.newsletter { width: 100%; } .address-phone-flex { flex-direction: column; } .address-left { width: 100%; margin-bottom: 25px; } .phone-right { width: 100%; } .name-flex { width: 100%; } .outreach-programs-item { width: 100%; padding-right: 0px; } .members-events-list { flex-direction: column; } .members-event-item { width: 100%; margin-bottom: 10px; padding-right: 0px; padding-left: 0px; } .priority-logos-item { flex-wrap: wrap; } .learning-diff-block { height: 250px; margin-bottom: 15px; } .tabs-mobile-dropdown { display: block; height: 50px; padding-top: 12px; padding-left: 20px; border-radius: 3px; background-color: #faf9f7; background-image: url("https://assets-global.website-files.com/5d90d752d12b5bcf2d9d8632/5d979a1d1c6dca444a7959cb_dropdown-icon.svg"); background-position: 95% 50%; background-size: 20px; background-repeat: no-repeat; color: #fff; font-size: 18px; font-weight: 800; text-align: left; letter-spacing: 0.2px; cursor: pointer; } .tabs-teks-content { margin-top: 0px; padding: 25px 20px; } .tab-link-2 { display: block; width: 100%; height: 50px; padding-top: 13px; padding-left: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: #fff; font-size: 18px; text-align: left; } .tab-link-2.w--current { background-color: #faf9f7; color: #0080c9; font-size: 16px; font-weight: 400; } .tabs-teks-menu { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 50; display: none; overflow: hidden; margin-top: -50px; margin-bottom: 0px; padding-top: 48px; border-style: none; border-right-width: 1px; border-right-color: #000; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 28px 28px 0 rgba(0, 0, 0, 0.08); cursor: pointer; } .home-experiences-list { flex-direction: column; } .home-experiences-item { width: 100%; } .other-experiences-list { flex-direction: column; } .other-experiencss-item { width: 100%; } .give-today { display: none; } .collection-item-34 { width: 100%; padding-right: 0px; } .collection-item-35 { width: 100%; margin-bottom: 25px; } .collection-item-36 { width: 100%; padding-right: 0px; } .collection-list-18 { margin-bottom: 0px; } .div-block-60 { display: none; } .div-block-61 { display: none; } .section-title-banner { margin-top: 80px; } .title { display: none; } .banner-title { font-size: 40px; line-height: 40px; } .banner-color { display: none; } .title-banner-overlay { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(33, 42, 54, 0.5); } .banner-mobile-button { padding: 12px 25px; border: 2px solid #fff; border-radius: 50px; background-color: transparent; transition: border-color 500ms ease, background-color 500ms ease; color: #fff; text-align: center; } .banner-mobile-button:hover { border-color: #ffa612; background-color: #ffa612; } .banner-mobile-button.green:hover { border-color: #00c9b7; background-color: #00c9b7; } .title-banner-button { display: flex; justify-content: center; align-items: flex-start; } .title-banner-button.tix { display: none; } .events-mobile-button { display: flex; margin-top: 25px; justify-content: center; } .events-mobile-button.tix { display: none; } .volunteer-item { width: 100%; padding-right: 0px; } .pricing-box { width: 49%; } .upgrade-container { margin-bottom: 70px; padding-top: 50px; padding-right: 7%; padding-left: 7%; flex-direction: column; } .upgrade-row { width: 100%; } .pricing-column-contain.top-price-contain { padding: 12px 5% 11px; font-size: 13px; } .price-text { font-size: 11px; line-height: 1.5em; } .price-2 { font-size: 26px; } .upgrade-header { font-size: 30px; } .modal-scroll { overflow: auto; } .upgrade-text { margin-bottom: 30px; font-size: 14px; } .section-member-events { padding-top: 50px; padding-bottom: 50px; } .section-edu-membership { padding-top: 0px; } .section-virtual-tour { margin-top: 81px; } .section-virtual-overview { padding-bottom: 50px; } ._40-width { padding: 25px; } ._40-width.extra-padding { padding-right: 25px; } .allaccess-item { margin-right: 0px; margin-bottom: 25px; margin-left: 0px; } .explore-pp-tab { margin-bottom: 15px; } .explorebroadcast-tabs { padding-bottom: 50px; } .explorebroadcast-tabsmenu { width: auto; flex-direction: column; } .interest-card { padding: 25px; } .explorebroadcast-item { width: 100%; height: auto; } .collection-list-wrapper-20 { margin-top: 25px; } .video-card { display: flex; align-items: center; } .video-thumbnail { width: 30%; height: 100px; margin-right: 15px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; } .videos-item { width: 100%; margin-right: 0px; margin-left: 0px; } .video-title { padding: 0px; } .broadcast-overlay { border-top-right-radius: 0px; border-bottom-left-radius: 10px; } .related-overlay { border-top-right-radius: 0px; border-bottom-left-radius: 10px; } .div-block-71 { display: none; } .div-block-72 { display: none; } .div-block-73 { display: none; } .div-block-74 { display: none; } .section-signup { padding-top: 150px; padding-bottom: 50px; } .signup-form { width: 100%; } .form-item { width: 100%; } .form-item.thirds { width: 100%; } .form-row { flex-direction: column; align-items: flex-start; } .signup-radio-items { flex-direction: column; align-items: flex-start; } .educator-form-row { flex-direction: column; } .div-block-75 { display: none; } .div-block-76 { display: none; } .userinformation-form { width: 100%; } .section-deny { padding-top: 150px; padding-bottom: 50px; } .alltimeaccess-column { width: 100%; margin-bottom: 25px; padding-right: 0px; } .section-join-cta { padding-top: 150px; padding-bottom: 50px; } .sign-up-form-block { width: 100%; } .sign-up-form { width: 100%; } .section-signup-page { padding-top: 50px; padding-bottom: 50px; } .sign-up-form-copy { width: 100%; } .log-in-form { width: 100%; } .tabs-3 { width: 100%; } .form-5 { width: 100%; } .form-block-5 { width: 100%; } .pp-card { padding: 25px; } .pp-item { width: 50%; } .pp-collection { margin-top: 25px; } .section-featured-virual-exhibit { margin-top: 81px; } .filter-button.purple { width: 100%; } .filter-button.full { width: 100%; } .pattern-div-secondary.hide { display: none; } ._40-width-spanish { padding: 25px; } ._40-width-spanish.extra-padding { padding-right: 25px; } .charity-navigator { padding: 20px; flex-direction: column; align-items: center; } .charity-cta { justify-content: center; } .charity-flex { margin-top: 25px; } .h2-charity { text-align: center; } .charity-logos-block { margin-bottom: 0px; align-items: center; } .readstrong { padding: 20px; flex-direction: column; align-items: center; } .readstronglogos { margin-bottom: 0px; align-items: flex-end; } .readstrongcta { justify-content: center; } .mycmh-blurb { margin-bottom: 50px; padding: 25px; } .icon-7 { transform: rotate(-90deg); } .dropdown-tickets { left: 10px; display: flex; align-items: flex-end; } .dropdown-tickets.w--open { flex-direction: row; } .dropdown-link-2 { display: none; } .dropdown-link-3 { display: none; } .ghost-button-copy.charcoal.hide { display: none; } .ghost-button-copy.white { display: none; margin-bottom: 15px; justify-content: center; } .ghost-button-copy.white.space { margin-bottom: 15px; justify-content: center; } .dropdown-list-2 { display: none; background-color: transparent; transform: translate(0px, 0px); } .dropdown-list-2.w--open { transform: translate(90px, -119px); } .ghost-button-nav.charcoal.hide { display: none; } .ghost-button-nav.white { display: flex; margin-bottom: 15px; justify-content: center; } .ghost-button-nav.white.space { margin-bottom: 15px; justify-content: center; } .ghost-button-nav-copy.charcoal.hide { display: none; } .ghost-button-nav-copy.white { display: flex; margin-bottom: 15px; margin-left: 0px; padding-left: 20px; justify-content: center; } .ghost-button-nav-copy.white.space { margin-bottom: 15px; justify-content: center; } .dropdown-list-2-copy { display: flex; background-color: transparent; transform: translate(0px, 0px); } .dropdown-list-2-copy.w--open { transform: translate(90px, -119px); } .dropdown-3-copy { display: flex; padding-left: 0px; flex-direction: column; align-items: flex-start; } .mobile-menu-link-copy { display: none; } .membs { margin-left: 0px; } } @media screen and (max-width: 479px) { ._1300-container.announcement { max-width: 100%; } .div-block { flex-direction: column; } .h1-white { font-size: 35px; line-height: 35px; text-align: center; } .link-arrow.upcoming-events { margin-top: 25px; justify-content: center; } .h3.white { text-align: center; } .body-text.pop-up { width: 90%; } .newsletter-block { margin-top: 25px; margin-bottom: 50px; } .div-block-2 { left: auto; top: auto; right: 0%; bottom: 0%; overflow: hidden; } .newsletter-options { flex-direction: column; } .newsletter-options.pop-up { align-items: flex-start; } .newsletter-field.names { width: 100%; } .newsletter-field.names.pop-up { width: 90%; } .newsletter-field.pop-up { width: 90%; } .form-block.pop-up { width: 100%; } .ghost-button { width: 100%; text-align: center; } .ghost-button.space { width: 100%; margin-right: 0px; } .ghost-button.charcoal { width: 100%; } .ghost-button.charcoal.hide { display: none; } .ghost-button.top-space { width: 100%; margin-top: 10px; } .ghost-button.white { width: 100%; margin-bottom: 15px; } .ghost-button.white.space { margin-bottom: 15px; } .h2.white.center { text-align: center; } .footer-sponsors { flex-direction: column; align-items: center; } .image-2 { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; width: 500px; max-width: 500px; } .cmh-logo { width: 45px; } .bar-link.right { display: none; } .hero-message { font-size: 35px; line-height: 35px; } .hero-premessage { margin-bottom: 25px; } .hero-buttons { flex-direction: column; align-items: stretch; } .h1.center { font-size: 35px; line-height: 35px; } .background-video { margin-top: 75px; } .featured-block { margin-bottom: 10px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured-block.feature2 { padding-right: 0px; padding-left: 0px; } .featured-block.feature2 { padding-right: 20px; padding-left: 20px; } .featured-social-block { width: 48.5%; height: 150px; margin: 2px; } .featured-social-block.social4 { height: 150px; } .section-purchase { padding-top: 50px; padding-bottom: 50px; } .nav-menu-pane { position: absolute; width: 100%; margin-top: -4px; } .menu-search { padding-top: 15px; flex-direction: column; align-items: stretch; } .search-input { margin-right: 0px; } .search-button { height: 45px; margin-top: 10px; } .menu-dropdown { position: relative; } .logo-block.w--current { width: 75px; } .navigation-links { display: none; } .form { display: flex; flex-direction: column; } .button { width: 100%; margin-top: 20px; } .button.green { width: 100%; } .button.green.styleguide { margin-top: 0px; } .button.yellow { width: 100%; } .button.yellow.styleguide { margin-top: 0px; } .button.berry.styleguide { margin-top: 0px; } .button.purple.styleguide { margin-top: 0px; } .button.styleguide { margin-top: 0px; } .button.pop-up { width: 80%; margin-top: 0px; margin-bottom: 20px; } .button.tix.hide { display: none; } .button.rental { margin-left: 0px; } .event-flex { justify-content: center; } .tickets-block { flex-direction: column; } .event-title-bg { display: none; } .line-label { flex-direction: column-reverse; } .event-title { position: absolute; top: 200px; } .event-overview { width: 100%; } .more-description { text-align: center; } .link-block-3 { margin-right: 0px; } .collection-list-wrapper-4 { display: flex; align-items: center; } .collection-list-2 { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: flex-end; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-areas: "Area Area-2" "Area-3 Area-4" "Area-5 ."; -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto 16px auto; grid-template-rows: auto auto; } .collection-item-4 { display: flex; margin-bottom: 15px; justify-content: center; align-items: center; } .image-7 { max-width: 50%; } .color-overlay { position: static; display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; } .time-calendar.homepage { font-size: 12px; line-height: 22px; } .time-range.homepage { font-size: 12px; line-height: 22px; } .btn.blue { width: 100%; } .special-event { height: 400px; } .social-flex { align-content: center; } .section-large-header { margin-top: 82px; } .right-flex { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .map-download { width: 100%; justify-content: center; } .line-block { justify-content: center; } .h1-banners.no-cta { margin-bottom: 0px; } .program-title-bg { display: none; } .program-title { display: none; } .charcoal-ghost-btn { width: 100%; } .down-arrow { width: 10px; margin-left: 10px; } .collection-list-8 { flex-direction: column; justify-content: flex-start; align-items: center; } .collection-item-11 { margin-top: 25px; justify-content: center; } .outreach-sponsors-list { flex-direction: column; } .outreach-sponsors-item { display: flex; margin-top: 25px; justify-content: center; align-items: center; } .exhibit-title-bg { display: none; } .exhibit-title { top: 150px; } .section-exhibit-intro { position: relative; } .exhibit-overview { width: 100%; } .spacer-50.hide { display: none; } .exhibit-anchors { display: none; } .exhibit-anchor-link { margin-top: 15px; margin-right: 0px; } .exhibit-anchor-link.mobile { margin-top: 15px; } .mobile-button { width: 100%; margin-top: 25px; padding: 12px 15px 12px 25px; border: 2px solid #fff; border-radius: 50px; background-color: transparent; font-family: Brown, Arial, sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; } .mobile-button.yellow { display: block; transition: color 500ms ease, background-color 500ms ease; } .mobile-button.yellow:hover { background-color: #fff; color: #ffa612; } .mobile-button.green { display: block; transition: color 500ms ease, background-color 500ms ease; } .mobile-button.green:hover { background-color: #fff; color: #00c9b7; } .exhibit-anchors-mobile { display: flex; margin-bottom: 50px; flex-direction: column; align-items: flex-start; } .event-logo-overlay { flex-direction: column; } .left-items { width: 50%; } .regular-hours { width: 100%; } .location { flex-direction: column; align-items: flex-start; } .visitor { width: 70%; } .price.large { margin-top: -2px; } .zig-zag-photo { height: 300px; } .faq-title-flex { flex-direction: column; align-items: center; } .section-small-header.faq { height: 400px; } .left-content._50percent { padding-right: 0px; } .admission-page-flex { flex-direction: column; } .price-column { width: 100%; justify-content: space-between; } .section-waystosave { padding-top: 50px; padding-bottom: 50px; } .section-parking { padding-top: 0px; padding-bottom: 50px; } .section-directions { padding-top: 50px; padding-bottom: 50px; } .circle { width: 135px; height: 135px; } .poc-flex { flex-direction: column; align-items: flex-start; } .poc-headshot { margin-right: 0px; margin-bottom: 25px; } .section-form { padding-top: 50px; padding-bottom: 50px; } .form-field { width: 100%; } .form-field._100percent { height: 150px; } .left-fields { padding-right: 0px; } .right-fields { padding-left: 0px; } .form-flex { flex-direction: column; } .section-faq { padding-top: 50px; padding-bottom: 50px; } .section-party-packages { padding-bottom: 0px; } .pricing-flex { flex-direction: column; } .party-members { margin-bottom: 25px; } .party-nonmembers { margin-bottom: 25px; } .section-addons { padding-top: 50px; padding-bottom: 50px; } .link-block-8 { margin-left: 15px; } .div-block-19 { display: none; } .title-flex { flex-direction: column; align-items: flex-start; } .search { flex-direction: column; } .search-input-3 { width: 100%; margin-bottom: 15px; } .div-block-22 { justify-content: flex-start; } .admission-content { padding-right: 0px; } .graybox-shapes { position: absolute; top: -150px; width: 50px; } .heading-3 { display: none; font-size: 9px; line-height: 18px; } .content-photo { height: 300px; } .history-flex { flex-direction: column; } .board-row { flex-direction: column; } .board-member { width: 100%; } .article-photo { height: 250px; } .color-block1.yellow-10 { width: 5%; margin-right: 0px; } .color-block1.berry-10 { width: 5%; margin-right: 0px; } .color-block1.purple-10 { width: 5%; margin-right: 0px; } .color-block3.purple-10 { width: 5%; margin-left: 0px; } .color-block3.yellow-10 { width: 5%; margin-left: 0px; } .color-block3.berry-10 { width: 5%; margin-left: 0px; } .color-block2.berry-80 { width: 90%; padding: 10px; } .color-block2.purple-80 { width: 90%; } .color-block2.yellow-80 { width: 90%; } .slider { height: 550px; } .testimonial-content { padding: 10px; } .left-arrow { display: none; } .right-arrow { display: none; } .icon-calendar.flatpickr { margin-bottom: 15px; } .membership-filter-block { margin-bottom: 10px; } .interest-filter-block { display: block; margin: 15px 0px; } .radio-flex { margin-bottom: 0px; } .form-4 { flex-direction: column; justify-content: center; } .date-filter-block { margin-top: 15px; margin-bottom: 15px; } .form-block-2 { flex-direction: column; } .center { position: relative; } .h3-copy.white { text-align: center; } .div-block-29 { flex-direction: column; } .div-block-30 { flex-direction: column; } .typography-specs { height: auto; padding-top: 15px; padding-bottom: 15px; } .column-47 { margin-top: 25px; padding-left: 0px; } .styleguide-typography { width: 100%; margin-right: 0px; } .column-49 { margin-top: 25px; } .columns-5 { flex-direction: column; } .column-39 { padding-right: 0px; } .styleguide-colors { width: 47%; } .color-palette { justify-content: space-between; } .typography { flex-wrap: wrap; } .button-block { width: 100%; padding: 20px; } .button-block.background { width: 100%; padding: 20px; } .logo-item { width: 100%; align-items: center; } .illustrations-flex { justify-content: center; align-items: flex-start; } .illustration-image { width: 50%; } .primary-hero-cta { margin-right: 0px; margin-bottom: 15px; } .secondary-hero-cta { margin-left: 0px; } .h2-white.footer { text-align: center; } .shapes-left { display: none; } .shapes-right { display: none; } .div-block-35 { display: none; } .cost { width: 30%; } .garage-hour { width: 80%; } .hour-price { width: 20%; } .announcement-text { font-size: 12px; } .tabs-content-2 { margin-top: 30px; padding: 20px 15px; } .kicker { margin-bottom: 15px; padding-right: 0px; padding-left: 0px; font-size: 17px; line-height: 24px; } .kicker.secondary { margin-bottom: 21px; } .tab-link { padding-left: 15px; font-size: 16px; } .tab-dropdown { padding-top: 13px; padding-left: 15px; background-position: 94% 50%; font-size: 16px; } .tabs-menu-2 { display: none; } .left-categories { display: none; } .right-content { width: 100%; } .select-menu-dropdown { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; display: block; width: 100%; padding: 18px 20px; float: none; align-items: center; text-align: left; letter-spacing: 1px; } .select-menu-dropdown.w--open { border-radius: 10px 10px 0px 0px; background-color: #faf9f7; } .policy-nav-link-wrapper-2 { display: none; } .policy-nav-title-2 { display: none; } .text-block-16 { padding-top: 20px; padding-right: 20px; padding-left: 20px; border-color: #373d51; border-top-style: solid; border-top-width: 1px; background-image: linear-gradient(180deg, #424b65, #424b65); font-weight: 400; text-align: left; text-decoration: none; } .select-icon { position: relative; margin-top: 0px; margin-right: 0px; float: right; font-family: Brown, Arial, sans-serif; color: #212a36; font-size: 16px; line-height: 26px; font-weight: 400; text-align: right; } .faq-header { font-size: 16px; line-height: 24px; } .select-title { display: inline-block; font-family: Brown, Arial, sans-serif; color: #a6a9ae; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: 0px; } .faq-dropdown-wrapper { position: relative; margin-top: -65px; color: #fff; font-size: 16px; line-height: 24px; } .select-menu { position: relative; z-index: 1; margin-bottom: 50px; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #faf9f7; font-size: 16px; font-weight: 500; text-align: left; } .dropdown-link { display: block; } .dropdown-link.legal { text-decoration: none; } .dropdown-link.claims { text-decoration: none; } .dropdown-link.hrm { text-decoration: none; } .dropdown-link.general { text-decoration: none; } .policy-nav-wrapper { padding-top: 10px; padding-bottom: 10px; border-bottom-color: #424b65; background-image: linear-gradient(180deg, #424b65, #424b65); color: #fff; } .select-menu-links { display: block; background-color: #faf9f7; transition: background-color 500ms ease; font-family: Brown, Arial, sans-serif; color: #0080c9; font-size: 16px; font-weight: 400; } .select-menu-links:hover { background-color: #e4f0f6; } .select-menu-links.w--current { color: hsla(0, 0%, 100%, 0.8); } .select-menu-links.last { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .policy-nav-link-2 { overflow: hidden; width: 100%; } .dropdown-menu { display: block; padding: 20px; background-image: linear-gradient(180deg, #424b65, #424b65); color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; text-align: left; letter-spacing: 1px; cursor: pointer; } .heading-15 { margin-top: 35px; font-size: 21px; line-height: 21px; } .dropdown-content { position: absolute; overflow: hidden; width: 100%; color: #fff; font-size: 16px; line-height: 24px; text-decoration: none; } .policies-call-out-2 { top: -82px; margin-right: 10px; margin-left: 10px; padding-right: 0px; padding-left: 0px; } .select-menu-items { background-color: transparent; } .tabs-content-3 { margin-top: 30px; padding: 20px 15px; } .tab-dropdown-2 { padding-top: 13px; padding-left: 15px; background-position: 94% 50%; font-size: 16px; } .tabs-menu-3 { display: none; } .teks-bubble.groups-page { left: auto; right: 10%; display: none; } .savethedate-wrapper { height: 400px; } .sharon-brier { height: 300px; background-position: 50% 50%; } .ann-mcfarlane { height: 300px; } .chaille { height: 300px; } .gail { height: 300px; } .allen-flex { flex-direction: column; } .edward { height: 300px; } .randy { height: 300px; } .kathryn { height: 300px; } .max { height: 300px; } .mark { height: 300px; } .lance { height: 300px; } .div-block-41 { width: 100%; } .div-block-42 { width: 100%; } .name-flex { flex-direction: column; } .name-flex.pop-up { align-items: center; } .executive-item { width: 100%; } .director-item { width: 100%; } .advisory-item { width: 100%; } .life-item { width: 100%; } .image-65 { width: 225px; -o-object-fit: contain; object-fit: contain; } .tabs-mobile-dropdown { padding-top: 13px; padding-left: 15px; background-position: 94% 50%; font-size: 16px; } .tabs-teks-content { margin-top: 0px; padding: 20px 15px; } .tab-link-2 { padding-left: 15px; font-size: 16px; } .tabs-teks-menu { display: none; } .html-embed-3 { margin-bottom: 20px; } .div-block-49 { display: none; } .donate-button { width: 100%; flex-direction: column; } .text-block-34 { color: #b317ab; } .text-block-35 { color: #b317ab; } .homepage-events { font-size: 16px; line-height: 22px; } .menu-link { color: #0080c9; } .banner-mobile-button { width: 100%; } .covid19 { flex-direction: column; align-items: center; } .health-message { text-align: center; } .pricing-box { display: block; width: 100%; margin-bottom: 50px; } .upgrade-container { margin-top: 50px; margin-bottom: 70px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; } .upgrade-row { flex-direction: column; } .upgrade-text { margin-bottom: 25px; } .close-popup { top: 10px; right: 10px; } .image-76 { width: 25px; height: 25px; } .houclean-footer { margin-right: 0px; margin-bottom: 25px; } ._40-width.extra-padding { padding-right: 25px; } .explorebroadcast-tabs { margin-top: 25px; } .explorebroadcast-tabsmenu { width: auto; flex-direction: column; align-items: center; } .explorebroadcast-wrapper { margin-top: 25px; } .related-thumbnail { width: 40%; } .video-card { padding-right: 15px; } .video-thumbnail { width: 40%; height: 125px; } .video-title { width: 60%; } .video-card-title { font-size: 16px; line-height: 19px; } .ata-photo { height: 300px; } .pp-item { width: 100%; margin-bottom: 0px; } .pp-collection { margin-top: 25px; } .image-78 { width: 125px; } .virtual-item { width: 100%; padding-right: 0px; padding-left: 0px; } .filter-button { width: 100%; } .broadcast-show { flex-direction: column; align-items: flex-start; } .broadcast-show-time { line-height: 26px; } .show-name { width: 100%; } .show-time { width: 50%; } .broadcast-show-stack { width: 100%; justify-content: space-between; } ._40-width-spanish.extra-padding { padding-right: 25px; } .image-84 { margin-right: 0px; margin-bottom: 25px; } .charity-flex { width: 100%; } .image-85 { width: 100px; } .charity-logos-block { width: 100%; flex-direction: column; align-items: center; } .readstronglogos { flex-direction: column; align-items: center; } .section-party-adds { padding-bottom: 0px; } .mask-circle { width: 85px; height: 85px; } .mask-icon { width: 65px; } .mask-icon.whitespace { margin-right: 0px; margin-bottom: 35px; } .mask-block { margin-right: 0px; margin-bottom: 35px; } .covid19-whitespace { flex-direction: column; align-items: center; } .mycmh-content { flex-direction: column; align-items: center; } .ghost-button-copy { width: 100%; text-align: center; } .ghost-button-copy.space { width: 100%; margin-right: 0px; } .ghost-button-copy.charcoal { width: 100%; } .ghost-button-copy.charcoal.hide { display: none; } .ghost-button-copy.top-space { width: 100%; margin-top: 10px; } .ghost-button-copy.white { display: block; width: 100%; margin-bottom: 15px; } .ghost-button-copy.white.space { margin-bottom: 15px; } .ghost-button-nav { width: 100%; text-align: center; } .ghost-button-nav.space { width: 100%; margin-right: 0px; } .ghost-button-nav.charcoal { width: 100%; } .ghost-button-nav.charcoal.hide { display: none; } .ghost-button-nav.top-space { width: 100%; margin-top: 10px; } .ghost-button-nav.white { width: 100%; margin-bottom: 15px; } .ghost-button-nav.white.space { margin-bottom: 15px; } .ghost-button-nav-copy { width: 100%; text-align: center; } .ghost-button-nav-copy.space { width: 100%; margin-right: 0px; } .ghost-button-nav-copy.charcoal { width: 100%; } .ghost-button-nav-copy.charcoal.hide { display: none; } .ghost-button-nav-copy.top-space { width: 100%; margin-top: 10px; } .ghost-button-nav-copy.white { width: 100%; margin-bottom: 15px; justify-content: flex-start; } .ghost-button-nav-copy.white.space { margin-bottom: 15px; } } @font-face { font-family: 'Larish Neue'; src: url('https://assets.website-files.com/5d90d752d12b5bcf2d9d8632/5d90db9d124e071d4e11cf28_larish_neue.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Brown'; src: url('https://assets.website-files.com/5d90d752d12b5bcf2d9d8632/5d90deecd12b5b17e09df32a_brown.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Nitti'; src: url('https://assets.website-files.com/5d90d752d12b5bcf2d9d8632/5dc0a00615f9219df8f8cb52_Nitti%20Normal.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: auto; }