@charset "UTF-8"; html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } button, [type='button'], [type='reset'], [type='submit'] { appearance: none; background-color: #0777b3; border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1em; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.75em 1.5em; text-align: center; text-decoration: none; transition: background-color 150ms ease; user-select: none; vertical-align: middle; white-space: nowrap; } button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus { background-color: #065f8f; color: #fff; } button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled { cursor: not-allowed; opacity: 0.5; } button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover { background-color: #0777b3; } fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; } legend { font-weight: 600; margin-bottom: 0.375em; padding: 0; } label { display: block; font-weight: 600; margin-bottom: 0.375em; } input, select, textarea { display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1em; } [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea { appearance: none; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; margin-bottom: 0.75em; padding: 0.5em; transition: border-color 150ms ease; width: 100%; } [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover { border-color: #a3a3a3; } [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus { border-color: #0777b3; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(6, 103, 154, 0.7); outline: none; } [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled { background-color: #f2f2f2; cursor: not-allowed; } [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover { border: 1px solid #ccc; } [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder { color: #858585; } textarea { resize: vertical; } [type="checkbox"], [type="radio"] { display: inline; margin-right: 0.375em; } [type="file"] { margin-bottom: 0.75em; width: 100%; } select { margin-bottom: 0.75em; width: 100%; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html, body { height: 100%; } ul, ol { list-style-type: none; margin: 0; padding: 0; } dl { margin: 0; } dt { font-weight: 600; margin: 0; } dd { margin: 0; } figure { margin: 0; } img, picture { margin: 0; max-width: 100%; } table { border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; } th { border-bottom: 1px solid #999999; font-weight: 600; padding: 0.75em 0; text-align: left; } td { border-bottom: 1px solid #ccc; padding: 0.75em 0; } tr, td, th { vertical-align: middle; } body { color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1em; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1.25em; line-height: 1.2; margin: 0 0 0.75em; } p { margin: 0 0 0.75em; } a { color: #0777b3; text-decoration: none; transition: color 150ms ease; } a:active, a:focus, a:hover { color: #055986; } hr { border-bottom: 1px solid #ccc; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; } /* Preload images */ body:after { content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../img/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body { margin: 0; opacity: 0; } body.custom-element { color: #Fff; } #wpadminbar { display: none; } .no-display { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } #main-content button { width: 202px; height: 52px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .button { width: 202px; height: 52px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: table-cell; color: #fff !important; text-align: center; background: #0777B3; text-transform: uppercase; vertical-align: middle; font-weight: bold; } @media screen and (max-width: 640px) { .button { width: 212px; } } .button:hover { color: #000; background: #115A81; } button { font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .gallery-wrapper { max-width: 600px; font-size: 0; } .gallery-wrapper br { display: none; } select { border-radius: 0; } select option { border-radius: 0; } a button { border-radius: 0; width: 120px; height: 35px; line-height: 14px; font-size: 16px; margin-bottom: 38px; background: #0193aa; transition: background 0.1s linear; } a button:hover { background: #000; } a .external { display: block; float: left; background: url("../../src/img/external_link.gif"); width: 20px; margin-left: -4px; margin-right: 5px; } article a { font-size: 12px; line-height: 18px; font-weight: bold; } @media screen and (max-width: 415px) { article a { font-size: 14px; line-height: 22px; } } .promo-sponsor { text-transform: uppercase; color: #777; font-weight: bold; position: relative; font-size: 12px; line-height: 18px; } .promo-sponsor:after { content: ""; width: 17px; height: 10px; display: block; position: absolute; top: 1px; right: -25px; background: url("../../src/img/external_link.png"); background-size: contain; background-repeat: no-repeat; } .promo-sponsor:hover { color: #777; } .promo-sponsor:active, .promo-sponsor:focus { color: #777; } .mobile-tablet-item { display: none; } @media screen and (max-width: 640px) { .mobile-tablet-item { display: block; } } .desktop-item { display: block; } @media screen and (max-width: 640px) { .desktop-item { display: none; } } @media screen and (min-width: 640px) and (max-width: 850px) { #application #filters .mobile-tablet-item { display: block; } #application #filters .desktop-item { display: none; } #application #filters .cuisines .gluten, #application #filters .cuisines .vegan, #application #filters .cuisines .vegetarian { display: block !important; } #application #filters .cuisines h5 { display: block !important; } #application #filters .neighborhoods .filter-item { width: 48% !important; } #application #filters button { font-size: 11px; margin-right: 2px; padding-left: 4px; padding-right: 22px; } #application #filters .cToggle:before { content: "More filters" !important; } #application #filters .nToggle:after, #application #filters .cToggle:after, #application #filters .mToggle:after { color: #000; } #application #filters .nToggle { float: left; min-width: 82px; width: 41%; margin: 0 1%; margin-left: 0; } #application #filters .mToggle { float: left; min-width: 48px; width: 22%; margin: 0 1%; } #application #filters .cToggle { float: right; min-width: 82px; width: 32%; margin: 0 1%; margin-right: 0; } #twitter-widget-0 { min-width: 175px !important; } } .bold { font-weight: bold; } .small { font-size: 10px; } #masterModal { position: fixed; top: 27%; left: 50%; width: 500px; background: #fff; box-shadow: 4px 4px 28px #444; padding: 36px 32px; margin-left: -250px; z-index: 9999999999999999999; } #masterModal .error { color: red; font-weight: bold; } @media screen and (max-width: 640px) { #masterModal { top: 1%; width: 95%; margin-left: 2.5%; left: inherit; max-height: 97%; overflow: scroll; } } #masterModal .modal-close { position: absolute; top: 0px; right: 10px; font-size: 30px; cursor: pointer; } #masterModal h2 { font-family: "urw-din-condensed"; font-size: 28px; line-height: 28px; margin-bottom: 12px; text-transform: uppercase; font-weight: 600; } #masterModal p { font-size: 12px; line-height: 18px; } #masterModal hr { margin-bottom: 12px; } #masterModal a { font-weight: bold; font-size: 12px; line-height: 18px; } #masterModal .login-button { display: inline-block; width: 48%; } #masterModal .login-button:first-of-type, #masterModal .login-button:nth-of-type(3) { margin-right: 10px; } #masterModal .login-button input { border-radius: 0; height: 35px; line-height: 35px; } #masterModal .login-button input[type=submit] { width: 100%; line-height: inherit; text-transform: uppercase; } #masterModal .login-forgot-user-pass a { font-size: 11px !important; cursor: pointer; } .modal-wrapper { display: none; position: fixed; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; z-index: 9999; } .modal { display: none; } @media screen and (max-width: 640px) { .single-post .cycloneslider, .page .cycloneslider, .home .cycloneslider { display: none; } .single-post #main #desktop-sidebar, .page #main #desktop-sidebar, .home #main #desktop-sidebar { padding: 0; } .home #main #desktop-sidebar { display: block; } } /* Wordpress Overrides */ .customize-control-image .container { background: #aaa; background-image: linear-gradient(45deg, #555 25%, transparent 25%, transparent), linear-gradient(-45deg, #555 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #555 75%), linear-gradient(-45deg, transparent 75%, #555 75%); background-size: 10px 10px; } .strip-username .login-username { display: none; } /* Easy Fancybox 2 */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* Pick A Date */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .picker__input { cursor: default; } .picker__input.picker__input--active { border-color: #0089ec; } .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; position: fixed; transition: background .15s ease-out,-webkit-transform 0s .15s; transition: background .15s ease-out,transform 0s .15s; -webkit-backface-visibility: hidden; } /*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ .picker__frame, .picker__holder { top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .picker__frame { position: absolute; margin: 0 auto; min-width: 256px; max-width: 666px; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transition: all .15s ease-out; } .picker__wrap { display: table; width: 100%; height: 100%; } @media (min-height: 33.875em) { .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; } .picker__wrap { display: block; } } .picker__box { background: #fff; display: table-cell; vertical-align: middle; } @media (min-height: 26.5em) { .picker__box { font-size: 1.25em; } } @media (min-height: 33.875em) { .picker__box { display: block; font-size: 1.33em; border: 1px solid #777; border-top-color: #898989; border-bottom-width: 0; border-radius: 5px 5px 0 0; box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } @media (min-height: 40.125em) { .picker__frame { margin-bottom: 7.5%; } .picker__box { font-size: 1.5em; border-bottom-width: 1px; border-radius: 5px; } } .picker--opened .picker__holder { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); zoom: 1; background: rgba(0, 0, 0, 0.32); transition: background .15s ease-out; } .picker--opened .picker__frame { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } @media (min-height: 33.875em) { .picker--opened .picker__frame { top: auto; bottom: 0; } } .picker__footer, .picker__header, .picker__table { text-align: center; } .picker__day--highlighted, .picker__select--month:focus, .picker__select--year:focus { border-color: #0089ec; } .picker__box { padding: 0 1em; } .picker__header { position: relative; margin-top: .75em; } .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: .25em; margin-right: .25em; } .picker__year { color: #999; font-size: .8em; font-style: italic; } .picker__select--month, .picker__select--year { border: 1px solid #b7b7b7; height: 2em; padding: .5em; margin-left: .25em; margin-right: .25em; } .picker__select--month { width: 35%; } .picker__select--year { width: 22.5%; } .picker__nav--next, .picker__nav--prev { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -.25em; } .picker__nav--prev { left: -1em; padding-right: 1.25em; } .picker__nav--next { right: -1em; padding-left: 1.25em; } @media (min-width: 24.5em) { .picker__select--month, .picker__select--year { margin-top: -.5em; } .picker__nav--next, .picker__nav--prev { top: -.33em; } .picker__nav--prev { padding-right: 1.5em; } .picker__nav--next { padding-left: 1.5em; } } .picker__nav--next:before, .picker__nav--prev:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: .75em solid #000; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: .75em solid #000; } .picker__nav--next:hover, .picker__nav--prev:hover { cursor: pointer; color: #000; background: #b1dcfb; } .picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover { cursor: default; background: 0 0; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } .picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover { color: #000; cursor: pointer; background: #b1dcfb; } .picker__table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: .75em; margin-bottom: .5em; } @media (min-height: 33.875em) { .picker__table { margin-bottom: .75em; } } .picker__table td { margin: 0; padding: 0; } .picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999; font-weight: 500; } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } } .picker__day { padding: .3125em 0; font-weight: 200; border: 1px solid transparent; } .picker__day--today { position: relative; } .picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: .5em solid #0059bc; border-left: .5em solid transparent; } .picker__day--disabled:before { border-top-color: #aaa; } .picker__day--outfocus { color: #ddd; } .picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover { background: #0089ec; color: #fff; } .picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover { background: #f5f5f5; border-color: #f5f5f5; color: #ddd; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbb; } .picker__button--clear, .picker__button--close, .picker__button--today { border: 1px solid #fff; background: #fff; font-size: .8em; padding: .66em 0; font-weight: 700; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover { cursor: pointer; color: #000; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--clear:focus, .picker__button--close:focus, .picker__button--today:focus { background: #b1dcfb; border-color: #0089ec; outline: 0; } .picker__button--clear:before, .picker__button--close:before, .picker__button--today:before { position: relative; display: inline-block; height: 0; } .picker__button--clear:before, .picker__button--today:before { content: " "; margin-right: .45em; } .picker__button--today:before { top: -.05em; width: 0; border-top: .66em solid #0059bc; border-left: .66em solid transparent; } .picker__button--clear:before { top: -.25em; width: .66em; border-top: 3px solid #e20; } .picker__button--close:before { content: "\D7"; top: -.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #ddd; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaa; } .weekpicker { background-color: #ffffff; border: 1px solid #ccc; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; display: none; position: absolute; z-index: 900; padding: 12px; font-size: 10px; top: 28px !important; left: 0 !important; } .week-nav span { cursor: pointer; } .weekpicker table { font-weight: bold; text-align: center !important; } .weekpicker table td { padding: 2px 8px !important; height: 18px !important; line-height: 18px !important; } .weekpicker table td.week-label { padding: 0 !important; text-align: left !important; } .weekpicker .head td, .weekpicker td.span0, .weekpicker .calendar .span1 { color: #444; } .weekpicker .week-nav { font-weight: bold; text-align: center; padding: 4px 0; font-size: 130%; } .week-nav .button { width: inherit; height: inherit; display: inline; background: inherit; color: #000 !important; } .weekpicker .week-nav .prev, .weekpicker .week-nav .next { cursor: pointer; } .weekpicker .calendar { padding: 5px; } .weekpicker .calendar td { padding: 0px 5px; text-align: center; vertical-align: middle; } .weekpicker .calendar td.month-col { vertical-align: top; } .weekpicker .week .box0, .weekpicker .week .box1 { cursor: pointer; } .weekpicker .week-label { width: 20px; padding: 0 5px; font-weight: bold; } .weekpicker .calendar .box0 { background-color: #F7F7F7; color: #A19E98; } .weekpicker .calendar .box1 { background-color: #FFFFFF; color: #A19E98; } .weekpicker td.span0, .weekpicker .calendar .span1 { border-top: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; } .weekpicker .calendar .box0, .weekpicker .calendar .box1 { border: 1px solid #E7E7E7; } .weekpicker .highlighted .box0, .weekpicker .highlighted .box1 { background-image: -webkit-linear-gradient(#D2D2D2, #c0c0c0, #c0c0c0); background-color: #D2D2D2; color: #7F7E7C; } .weekpicker .week-nav, .weekpicker .selected .box0, .weekpicker .selected .box1 { background-color: #dfdfdf; color: #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .clearfix:after { content: " "; display: table; clear: both; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } #searchform label { display: none !important; } #searchform input { display: block; float: left; width: 100%; } #searchform #searchsubmit { clear: both; display: block; float: none; margin: 0 auto; width: 150px; } .search-results .search-container { margin: 9px auto 0; } .search-results .search-container .search-page-title { font-family: "urw-din-condensed" !important; font-weight: 600; font-style: normal; text-transform: uppercase; font-size: 28px !important; line-height: 28px; text-align: left; display: block; margin-bottom: 8px !important; } .search-results .search-container .search-page-results { border-top: 1px solid #ddd; } .search-results .search-container .search-page-results ul li { padding: 15px 0; border-bottom: 1px solid #ddd; } .search-results .search-container .search-page-results ul li .search-post-image { width: 15%; float: left; display: inline-block; } .search-results .search-container .search-page-results ul li .search-post-content { width: 83%; margin-left: 2%; float: left; display: inline-block; } .search-results .search-container .search-page-results ul li .search-post-content .search-post-title { font-family: "urw-din-condensed"; font-weight: 600; font-style: normal; font-size: 28px !important; line-height: 28px; text-transform: uppercase; margin-top: 8px; margin-bottom: 8px; } .search-results .search-container .search-page-results ul li .search-post-content .search-post-link { font-size: 12px; line-height: 18px; text-align: left; display: block; } .search-results .search-container .search-page-results ul li .search-post-content .search-post-excerpt { font-size: 14px; font-weight: 400; line-height: 18px; text-align: left; display: block; } .search-results .search-container .search-page-results ul li .search-post-content .search-post-excerpt p { margin-bottom: 5px !important; } .search-results .search-container .search-page-form { margin-top: 15px; margin-bottom: 10px; } .search-results .search-container .search-page-form h3 { font-family: "urw-din-condensed" !important; font-weight: 600; font-style: normal; text-transform: uppercase; font-size: 28px !important; line-height: 28px; text-align: left; display: block; margin-bottom: 8px !important; } .search-results .search-container .search-page-form #searchform #s { float: left; display: inline-block; width: 78%; margin-top: 2px; height: 32px; } .search-results .search-container .search-page-form #searchform #searchsubmit { clear: none; float: left; display: inline-block; width: 20%; margin-left: 2%; margin-top: 2px; border-radius: 0; background: #0777B3; color: #fff; text-transform: uppercase; padding: 9px 10px !important; font-size: 14px; } @media only screen and (max-width: 768px) { .search-results .search-container { width: 100%; padding-left: 15px; padding-right: 15px; } } .error404 #main #main-content h1 { font-size: 32px !important; text-align: center !important; line-height: 32px !important; text-transform: uppercase !important; margin-bottom: 18px !important; font-family: "urw-din-condensed" !important; font-weight: 600 !important; color: #000; } .error404 #main #main-content h2 { text-align: center !important; font-size: 28px !important; line-height: 28px !important; text-transform: uppercase !important; margin-bottom: 18px !important; font-family: "urw-din-condensed" !important; font-weight: 600 !important; color: #000; } .error404 #main #main-content p { font-size: 12px; line-height: 18px; margin-bottom: 8px; text-align: center; } .error404 #main #main-content a { font-size: 12px; font-weight: bold; color: #0777b3; } .error404 #main #main-content a:active, .error404 #main #main-content a:focus { box-shadow: none; outline: none; } .error404 #main #main-content #searchform label { display: none !important; } .error404 #main #main-content #searchform input { display: block; float: left; width: 100%; } .error404 #main #main-content #searchform #searchsubmit { clear: both; display: block; float: none; margin: 0 auto; width: 218px; background: #0777b3 !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; text-transform: uppercase; font-family: Arial, Helvetica,sans-serif; font-size: 12px; font-weight: bold; } /* Let's make the Wordpress Admin bar a little darker */ #wpadminbar { background: #000 !important; } .menu-container .menu-item-object-custom { cursor: pointer; position: relative; margin-left: 15px; } .menu-container .menu-item-object-custom.open > a:after { content: ""; position: absolute; right: 6px; top: 7px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fff; } .menu-container .menu-item-object-custom.closed > a:after { content: ""; position: absolute; right: 6px; top: 7px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; } @media screen and (max-width: 1000px) { .menu-container .menu-item-object-custom { display: none; } } .mobile-tablet .menu-container.desktop { display: none; } .desktop a[title="login"] { width: 60px; display: block; text-align: left; padding: 0 10px; height: 44px; padding-top: 8px; margin-top: -8px; } .login-dropdown { display: none; background: #000; position: absolute; top: 45px; right: -11px; font-size: 11px; color: #fff; width: 160px; padding: 0 8px; } .login-dropdown a { color: #fff; } .login-dropdown a:first-of-type li { border-bottom: 1px solid #888; } .login-dropdown li { padding: 6px 0; } .navbar-spacer { top: 0; height: 50px; width: 100%; visibility: hidden; } .navbar-container { background-color: #222222; background: #212121; width: 100%; height: 54px; position: fixed; top: 0; margin: 0; z-index: 5000; } .logo { background-position: center center; background-repeat: no-repeat; float: left; background-size: contain; background-origin: content-box; } .logo.site { overflow: hidden; text-indent: 101%; white-space: nowrap; margin-left: 12px; width: 141px; height: 21px; margin-top: 17px; max-width: 78%; margin-right: 8px; } @media screen and (max-width: 640px) { .logo.site { width: 30px; margin-left: 8px; margin-right: 2px; } } .logo.project { overflow: hidden; text-indent: 101%; white-space: nowrap; height: 51px; width: 380px; max-width: 380px; background-position: center center; } @media screen and (max-width: 640px) { .logo.project { background-size: contain; width: 60%; margin-top: 0px; margin-left: 8px; } } .logo:nth-of-type(2) { border-left: 1px solid #888; } .navbar { max-width: 1200px; margin-left: auto; margin-right: auto; height: 100%; min-height: 50px; max-width: 1000px; position: relative; left: 0; } .navbar::after { clear: both; content: ""; display: block; } .navbar:after { content: none; } .menu-container .menu-top-level-navigation-container { float: none; } .menu-container .menu-top-level-navigation-container .menu-item, .menu-container .menu-top-level-navigation-container .social-icon { transition: color 0.1s linear; } .menu-container .menu-top-level-navigation-container .menu-item:hover a, .menu-container .menu-top-level-navigation-container .menu-item.current_page_item a, .menu-container .menu-top-level-navigation-container .social-icon:hover a, .menu-container .menu-top-level-navigation-container .social-icon.current_page_item a { color: #fff !important; } .menu-container .current-menu-item, .menu-container .current-menu-item a, .menu-container .current_page_item, .menu-container .current_page_item a { text-decoration: underline; } @media screen and (max-width: 1000px) { .menu-container .current-menu-item, .menu-container .current-menu-item a, .menu-container .current_page_item, .menu-container .current_page_item a { text-decoration: none; } } .menu-container .fa { font-size: 14px; } .menu-container .fa-facebook { padding-left: 1px; font-size: 16px; line-height: 12px; margin-top: 4px; position: relative; top: 1px; } .menu-container .fa-twitter { padding-left: 2px; font-size: 16px; line-height: 12px; position: relative; top: 1px; } .menu-container .fa-envelope-o { line-height: 12px; } .menu-container.mobile { top: 0; position: fixed; right: 0; } @media screen and (min-width: 1017px) { .menu-container.mobile { display: none; } } .menu-container.mobile .menu-toggle { position: absolute; right: -2px; background-color: #212121; border-radius: 0; color: #fff; height: 50px; outline: 0; font-size: 24px; padding: 8px 20px 8px 20px; transition: color 0.1s linear; } .menu-container.mobile .menu-toggle:active { color: #0093A9; } .menu-container.mobile .menu-top-level-navigation-container { position: absolute; top: 0; right: -299px; background: #212121; padding-bottom: 10px; width: 300px; padding-bottom: 99999px; } .menu-container.mobile .menu-top-level-navigation-container #menu-top-level-navigation { padding-left: 20px; } .menu-container.mobile .menu-top-level-navigation-container #menu-top-level-navigation li { padding: 13px 15px 13px 0; border-bottom: thin solid rgba(255, 255, 255, 0.1); } .menu-container.mobile .menu-top-level-navigation-container #menu-top-level-navigation li:hover a { color: #fff !important; } .menu-container.mobile .menu-top-level-navigation-container #menu-top-level-navigation li a { color: rgba(255, 255, 255, 0.3); font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 15.5px 10px 15.5px 0; transition: all 0.5s ease; font-size: 13px; } .menu-container.mobile .menu-top-level-navigation-container .social-icons { padding-bottom: 8px; } .menu-container.mobile .menu-top-level-navigation-container .social-icons .social-icon:hover a { color: #222; } .menu-container.mobile .menu-top-level-navigation-container .social-icons .social-icon:first-of-type { margin-left: 20px; } .menu-container.mobile .menu-top-level-navigation-container .social-icons .social-icon:not(:last-child) { margin-right: 1.3em; } .menu-container.desktop .social-icons { margin-left: 10px; padding-left: 10px; float: right; margin-right: 4px; } @media screen and (min-width: 768px) { .menu-container.desktop .social-icons { display: inline-block; float: right; } } .menu-container.desktop .menu.tablet-desktop { float: right; border-right: 1px solid #444; height: 25px; margin-top: 12px; } .menu-container.desktop .menu.tablet-desktop .menu-item { margin: 0; margin-left: 25px; } .menu-container.desktop .menu.tablet-desktop .menu-item:last-of-type { margin-right: 10px; margin-left: 15px; } .menu-container.desktop .menu.tablet-desktop .menu-item { display: inline-block; } .menu-container.desktop .menu.tablet-desktop .menu-item.mobile-only { display: none; } @media screen and (max-width: 640px) { .menu-container.desktop .menu.tablet-desktop .menu-item.mobile-only { display: block; } } .menu-container.desktop .menu.tablet-desktop .menu-item a { color: white; font-size: 11px; font-weight: bold; text-transform: capitalize; } .menu-container .social-icon { background-color: #959595; border-radius: 50%; display: inline-block; height: 24px; margin: golden-ratio(1em, 1)/2 4px 0 4px; text-align: center; transition: background-color 0.5s ease; width: 24px; font-size: 12px; margin-top: 13px; } .menu-container .social-icon a, .menu-container .social-icon a:hover { color: #222222; display: block; margin-top: 5px; } .menu-container .social-icon:hover { background-color: white; } .menu-container .social-icon:not(:last-child) { margin-right: 5px; } #carousel { max-width: 1000px; margin: 0 auto; color: #000; } button { border-radius: 0; line-height: 18px; text-transform: uppercase; } .mobile-only { display: none; } @media screen and (max-width: 415px) { .mobile-only { display: initial; } } .no-desktop { display: none; } @media screen and (max-width: 1000px) { .no-desktop { display: initial; } } .tweak3 { list-style: none; } .contextual { margin-top: 28px; } @media screen and (max-width: 415px) { .contextual { display: none; } } .quotes .small { display: block; padding-left: 10px; margin-top: -3px; } .quotes br { display: none; } @media screen and (max-width: 415px) { .quotes { margin-bottom: -60px; } } .quote { z-index: 1; position: relative; margin-top: 32px; padding-left: 10px; margin-bottom: 0px !important; } @media screen and (max-width: 415px) { .quote { margin-bottom: 6px !important; margin-top: 50px; } } .quote-mark { line-height: 18px; font-size: 120px; color: #ccc; margin-top: 22px; clear: none; position: absolute; z-index: -5; margin-left: -10px; } .small.bold { display: block; margin-top: 8px; } @media screen and (max-width: 415px) { .small.bold { margin-top: 6; font-size: 12px; line-height: 20px; } } @media screen and (max-width: 415px) { .small { font-size: 12px; line-height: 20px; } } #main { max-width: 1200px; margin-left: auto; margin-right: auto; background: #fff; max-width: 1000px; margin: 0 auto; padding-top: 50px; padding-bottom: 76px; min-height: 800px; } #main::after { clear: both; content: ""; display: block; } @media screen and (max-width: 640px) { #main { padding-top: 0px; } } @media screen and (max-width: 415px) { #main { padding-bottom: 49px; } } @media screen and (max-width: 640px) { #main #main-content .category-promo h2 { padding-left: 8px; padding-right: 8px; } } #main #main-content h2 { font-family: sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 28px; font-weight: bold; margin-bottom: 0; } @media screen and (max-width: 640px) { #main #main-content h2 { line-height: 1.1em; } } #main #main-content h2:first-child { text-transform: uppercase; margin-top: 0px; } #main #main-content .widget .button { line-height: 16px; } #main #main-content #menu-this-weeks-lesson-plans li { margin: 16px 0; } #main #main-content #menu-this-weeks-lesson-plans li:first-of-type { margin-top: 15px; } #main #main-content #menu-this-weeks-lesson-plans li:last-of-type { margin-bottom: 16px; } #main #main-content .faq strong { font-size: 12px; max-width: 85%; display: block; margin-top: 27px; } @media screen and (max-width: 640px) { #main #main-content .faq strong { margin-top: 0; max-width: 78%; } } #main #main-content .faq p:not(.answer) { display: none; } @media screen and (max-width: 640px) { #main #main-content .faq .answer { margin-top: 18px; } } @media screen and (max-width: 640px) { #main #main-content .faq .question { border: 1px solid #ccc; padding: 18px 12px; margin-bottom: 4px; position: relative; } } #main #main-content .faq .header { position: relative; } @media screen and (max-width: 415px) { #main #main-content .faq { margin-bottom: 15px; } } #main #main-content > li { list-style: none; } #main #main-content > li .widgettitle { max-width: 200px; } #main #main-content > li.widget { margin-bottom: 17px; } #main #main-content > li.widget li { line-height: 28px; font-size: 14px; } #main #main-content > li.widget.widget_text { margin-bottom: 40px; } @media screen and (max-width: 640px) { #main #main-content.Homepage article { border: 1px solid #ccc; } } #main h3 { font-family: 'Knockout 52 A', 'Knockout 52 B'; font-weight: 400; font-style: normal; margin-bottom: 16px; } #main h4 { font-family: 'Knockout 52 A', 'Knockout 52 B'; font-weight: 400; font-style: normal; font-size: 28px; text-transform: uppercase; margin-top: 28px; } #main #main-content { margin-right: 0; width: 71.4%; padding-left: 50px; padding-right: 63px; float: left; position: relative; } @media screen and (max-width: 640px) { #main #main-content { float: left; display: block; margin-right: 2.3576520234%; width: 100%; padding-bottom: 23px; padding-left: 20px; padding-right: 20px; padding-top: 18px; border-bottom: 1px solid #BCBDBC; margin-bottom: 30px; } #main #main-content:last-child { margin-right: 0; } } @media screen and (min-width: 640px) and (max-width: 850px) { #main #main-content { padding-left: 50px; padding-right: 28px; width: 65%; } } #main #main-content.no-sidebar { width: 100%; border-right: 0; } #main #main-content h5 { font-family: 'Knockout 52 A', 'Knockout 52 B'; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 18px; } #main #main-content p { font-size: 12px; line-height: 18px; } @media screen and (max-width: 640px) { #main #main-content p { font-size: 14px; line-height: 22px; } } #main #main-content p > a { font-weight: bold; } #main #main-content .category-related-seattle-times-coverage .media p { font-size: 12px; } #main #main-content .category-resources strong { margin-bottom: 8px; } #main #main-content .item-detail h3 { margin-bottom: 0; font-size: 34px; max-width: 68%; line-height: 34px; } #main #main-content .item-detail h4 { font-size: 26px; } #main #main-content .item-detail h5 { margin-top: 24px; } #main #main-content .item-detail .book-now { margin-top: 12px; display: block; height: 30px; } #main #main-content .item-detail .meal-types { margin-top: 12px; font-size: 12px; font-weight: bold; max-width: 75%; } #main #main-content .item-detail .cuisines { display: block; font-size: 20px; color: #515151; margin-top: -2px; } @media screen and (max-width: 640px) { #main #main-content .item-detail .cuisines { margin-top: -2px; } } #main #main-content .item-detail strong { font-family: 'Knockout 52 A', 'Knockout 52 B'; font-weight: 400; font-style: normal; font-size: 10px; } #main #main-content .item-detail .meal-pricing { margin-top: -4px; text-transform: uppercase; } #main #main-content .item-detail h5 { font-family: 'Knockout 52 A', 'Knockout 52 B'; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 16px; } #main #main-content .item-detail p { font-size: 14px; line-height: 20px; margin-bottom: 16px; } #main #main-content .page-blurb { margin-bottom: 28px; border-bottom: 1px solid #bcbdbc; padding-bottom: 40px; line-height: 20px; } @media screen and (max-width: 640px) { #main #main-content .page-blurb { border-bottom: 0; } } #main #main-content .page-blurb h3 { font-size: 18px; font-family: Arial; font-weight: bold; } #main #main-content .page-blurb br { display: none; } #main #main-content .page-blurb p > strong { margin-top: 32px; display: block; } #main #main-content .page-blurb p:last-of-type { margin-bottom: 0; } #main #main-content .brightcove, #main #main-content .youtube, #main #main-content .media { display: inline-block; cursor: pointer; width: 23%; margin-right: 1%; vertical-align: top; min-height: 100px; } @media screen and (max-width: 640px) { #main #main-content .brightcove, #main #main-content .youtube, #main #main-content .media { width: 47%; margin-right: 4%; } #main #main-content .brightcove:nth-child(even), #main #main-content .youtube:nth-child(even), #main #main-content .media:nth-child(even) { margin-right: 0; } } #main #main-content .brightcove p, #main #main-content .youtube p, #main #main-content .media p { color: #000; font-size: 12px; line-height: 14px; } #main #main-content .brightcove p, #main #main-content .youtube p, #main #main-content .media p { font-size: 12px; color: #0777b3; padding: 0px 3px; } #main #main-content .brightcove p.title, #main #main-content .youtube p.title, #main #main-content .media p.title { color: #000; font-weight: normal; } #main #main-content .brightcove .title, #main #main-content .youtube .title, #main #main-content .media .title { font-size: 14px; font-weight: bold; color: #0093a9; margin-bottom: 4px; margin-top: 8px; padding: 0px 3px; } #main #main-content .brightcove .thumb, #main #main-content .youtube .thumb, #main #main-content .media .thumb { position: relative; width: 100%; height: 100px; overflow: hidden; background-size: contain; background-position: center center; background-repeat: no-repeat; } #main #main-content .brightcove .thumb img, #main #main-content .youtube .thumb img, #main #main-content .media .thumb img { position: absolute; left: 50%; top: 50%; height: auto; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #main #main-content .brightcove:not(.speaker):hover p, #main #main-content .youtube:not(.speaker):hover p, #main #main-content .media:not(.speaker):hover p { color: #000; text-decoration: underline; } #main #main-content .inline-block { display: inline-block; vertical-align: middle; padding: 4px; } #main #main-content .gallery .image img { width: auto; height: auto; } #main #main-content .BrightcoveExperience { max-width: 100%; } #main #main-content iframe { max-width: 100%; border: 0; } #main #main-content .video-player { margin-bottom: 38px; margin-top: 24px; height: 0; padding-bottom: 56.25%; position: relative; } #main #main-content .video-player .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main #main-content .category-campaign-archive br, #main #main-content .category-campaign-archive p { display: none; } #main #main-content .category-campaign-archive > a { display: inline-block; padding: 4px; } #main #main-content .attachment-post-thumbnail { float: left; margin-top: 0px; margin-right: 18px; height: auto; max-width: 140px; margin-bottom: 40px; } @media screen and (max-width: 640px) { #main #main-content .attachment-post-thumbnail { max-width: 90px; height: auto; margin-left: 10px; float: none; margin: 0 0 8px; } } #main #main-content article { padding-top: 1px; clear: both; position: relative; border-top: 1px solid #ccc; padding-bottom: 16px; padding-top: 17px; } @media screen and (min-width: 640px) and (max-width: 850px) { #main #main-content article { padding-bottom: 26px; } #main #main-content article .promo-sponsor { margin-bottom: 0 !important; } } @media screen and (max-width: 640px) { #main #main-content article { margin: 0px 0 2px !important; padding-top: 18px !important; padding-bottom: 5px; } } #main #main-content article:first-of-type { margin-top: 0; padding-top: 0px; border-top: 0; } @media screen and (max-width: 415px) { #main #main-content article:first-of-type { border-top: 1px solid #ccc; } } #main #main-content article .header { position: relative; } #main #main-content article .post-title-link { color: #000; } #main #main-content article h2 { font-size: 1.5em; } #main #main-content article h2.post-title { margin-bottom: 8px; line-height: 28px; font-size: 26px; } @media screen and (max-width: 640px) { #main #main-content article h2.post-title { margin-right: 48px; } } #main #main-content article .promo-sponsor { display: inline-block; margin-bottom: 13px; } #main #main-content article .promo-sponsor:after { top: 3px; } #main #main-content article h3 { font-size: 1.2em; font-weight: bold; max-width: 75%; } #main #main-content article h3.post-date { margin-top: -8px; } #main #main-content article p { line-height: 18px; margin-bottom: 20px; } @media screen and (max-width: 640px) { #main #main-content article p { font-size: 14px; line-height: 22px; } } #main #main-content article p a { font-weight: bold; } #main #main-content article ul { margin: 0 0 1.25em; padding-left: 22px; } @media screen and (max-width: 640px) { #main #main-content article ul { padding-left: 16px; } } #main #main-content article ul li { list-style: disc; margin-bottom: 8px; } @media screen and (max-width: 640px) { #main #main-content article ul li { font-size: 14px; line-height: 18px; margin-bottom: 12px; } } #main #main-content article.category-promo h3 { display: none; } #main #main-content article.category-promo h2 { font-size: 28px; line-height: 28px; text-transform: uppercase; margin-bottom: 18px; font-family: "urw-din-condensed"; font-weight: 600; } @media screen and (max-width: 640px) { #main #main-content article.category-promo h2 { font-size: 22px; line-height: 22px; } } #main #main-content article.category-promo p { font-size: 12px; line-height: 18px; margin-bottom: 8px; } @media screen and (max-width: 640px) { #main #main-content article.category-promo p { font-size: 14px; line-height: 22px; } } .cycloneslider { margin: 0 auto; } .cycloneslider .cycloneslider-prev { background-color: #b1b1b0 !important; box-shadow: none !important; opacity: 1 !important; left: 0 !important; } .cycloneslider .cycloneslider-prev .arrow { border-right: 6px solid #fff !important; } .cycloneslider .cycloneslider-prev:hover { background-color: #df5a26 !important; } @media screen and (max-width: 1000px) { .cycloneslider .cycloneslider-prev { margin-left: 8px; } } .cycloneslider .cycloneslider-next { background-color: #b1b1b0 !important; box-shadow: none !important; opacity: 1 !important; right: 0 !important; } .cycloneslider .cycloneslider-next .arrow { border-left: 6px solid #fff !important; } .cycloneslider .cycloneslider-next:hover { background-color: #df5a26 !important; } @media screen and (max-width: 1000px) { .cycloneslider .cycloneslider-next { margin-right: 8px; } } #cycloneslider-home-1 { display: block; } @media screen and (max-width: 640px) { #cycloneslider-home-1 { display: none; } } .cycloneslider[id*="Mobile"] { display: none; } @media screen and (max-width: 640px) { .cycloneslider[id*="Mobile"] { display: block; } } .cycloneslider-template-standard { margin-bottom: 0 !important; } .cycloneslider-template-standard .cycloneslider-pager { margin: 0 auto; background: #ccc; height: 30px !important; bottom: -30px !important; } .cycloneslider-template-standard .cycloneslider-pager span { height: 10px !important; width: 10px !important; border-radius: 5px !important; vertical-align: middle !important; box-shadow: none !important; background-color: #fff !important; margin-left: 15px !important; margin-top: 4px !important; } .cycloneslider-template-standard .cycloneslider-pager span:first-of-type { margin-left: 0; } .cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active { background-color: #df5a26 !important; } #lean_overlay { position: fixed; z-index: 9999999999999; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } #playerLightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999999; display: none; } #playerLightbox audio { width: 630px; border-radius: 5px; } #playerLightbox #overlay { width: 100%; height: 100%; position: fixed; overflow: hidden; left: 0px; top: 0px; padding: 0px; text-align: center; background: rgba(0, 0, 0, 0.7); } #playerLightbox #overlay:target { width: auto; height: auto; bottom: 0px; right: 0px; padding: 80px 100px 120px 100px; } #playerLightbox #content { margin: 0 auto; position: relative; top: 150px; text-align: center; } #playerLightbox #content > * { box-shadow: 0px 0px 12px #000; } #playerLightbox #content .close { width: 640px; text-align: right; border-radius: 0; display: block; margin: 0 auto; background: 0; box-shadow: none; outline: 0; } @media screen and (max-width: 640px) { #playerLightbox #content .close { width: 80%; } } #playerLightbox #content .close:before { content: "× "; } #playerLightbox #content .close:hover { color: #888; } @media screen and (max-width: 640px) { #playerLightbox #content { top: 30%; } #playerLightbox #content > * { max-width: 100%; height: auto; } } #map { height: 575px; max-width: 1000px; border-top: #85a7c3 solid 1px; border-bottom: #85a7c3 solid 1px; margin: 0 auto; width: 100%; } @media screen and (max-width: 640px) { #map { height: 300px; } } #map .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999; } @media screen and (min-width: 640px) { #map .overlay { display: none; } } #map h4 { margin-top: 0; padding-top: 0; max-width: 250px; line-height: 22px; font-size: 24px; padding-right: 24px; } #map .infobox-cuisine { margin: 0; } #map .infobox-link { font-weight: bold; } #map .infobox-address { margin-top: 18px; margin-bottom: 0; } #map .marker { display: none; } #map img { max-width: none; } .page #main #main-content .page-blurb { margin-bottom: 17px; } .page #main #main-content .page-blurb h2 { margin-bottom: 8px; } @media screen and (max-width: 640px) { .page #main #main-content .page-blurb h2 { margin-top: 0; margin-left: 0; margin-right: 0; } } .page #main #main-content .page-blurb p { margin-bottom: 12px; } .page #main #main-content .page-blurb p:last-of-type { margin-bottom: 0; } .page #main #main-content > h2 { display: none; } .page #main #main-content .post-title { margin-bottom: 8px; font-size: 26px; line-height: 28px; text-transform: uppercase; } @media screen and (max-width: 415px) { .page #main #main-content .post-title { font-size: 28px; } } .gallery { width: 118px; height: 118px; display: inline-block; margin-bottom: 2px; margin-right: 2px; } .gallery .thumb { width: 118px; height: 118px; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; } @media screen and (max-width: 640px) { .gallery { width: 90px; height: 90px; } .gallery .thumb { width: 90px; height: 90px; } } @media screen and (min-width: 640px) and (max-width: 850px) { .gallery { width: 82px; height: 82px; } .gallery .thumb { width: 82px; height: 82px; } } .event-coverage p { font-size: 14px; } .sponsor img { max-width: 150px; } .indicator { display: none; } .About-NIE article > .indicator { display: none !important; } .Homepage .indicator, .faq .indicator { display: none; position: absolute; width: 42px; line-height: 44px; text-align: center; right: 5px; background-image: url("../img/plus-grey.gif"); background-position: 2px 2px; padding-right: 3px; top: 50%; margin-top: -16px; } @media screen and (max-width: 640px) { .Homepage .indicator, .faq .indicator { width: 30px; line-height: 30px; display: inline; background-size: 85%; background-repeat: no-repeat; } } .selected .indicator { border: 1px solid #bcbdbc; background-image: url("../img/minus-grey.gif"); background-position: 2px 2px; height: 44px; } @media screen and (max-width: 640px) { .selected .indicator { height: 30px; } } .About-NIE .selected .indicator { border: 1px solid #bcbdbc; } .speaker { cursor: default !important; } .speaker .title { font-size: 11.5px !important; font-weight: bold !important; text-transform: uppercase; color: #000 !important; } .speaker p { font-size: 11px !important; color: #464646 !important; margin-bottom: 0 !important; } .speaker:hover { text-decoration: none; } .speaker .indicator { display: none; } @media screen and (max-width: 1000px) { .speaker { width: 100% !important; min-height: inherit !important; border: 1px solid #bcbdbc; padding: 8px; margin: 2px 0; } .speaker .toggle { clear: both; } .speaker .thumb { float: left; width: 50px !important; background-size: cover !important; height: 50px !important; margin-right: 12px; } .speaker .title { line-height: 50px !important; margin-top: 0 !important; font-size: 15px !important; } .speaker p { font-size: 14px !important; line-height: 16px !important; } .speaker dt { margin-top: 0; } .speaker dd { margin-top: 8px !important; font-size: 14px !important; } } .map-modal { visibility: hidden; position: fixed; top: 0; left: 0; z-index: 99999; height: 100%; width: 100%; padding-bottom: 50px; padding-top: 50px; } .map-modal #map { width: 100%; height: 100%; position: relative; } .map-modal > .bar { width: 100%; height: 50px; background: #292929; display: block; padding: 0; text-align: right; } .map-modal > .bar button { background: #292929; border-radius: 0; width: 50%; height: 50px; padding: 0; text-transform: uppercase; font-size: 14px; padding-right: 18px; position: relative; outline: 0; text-align: right; padding-right: 45px; } .map-modal > .bar button:after { content: "\00d7"; position: absolute; font-size: 28px; right: 16px; top: 11px; } .map-modal .overlay { display: none; } .fancybox-overlay { z-index: 7999; } .fancybox-skin { background-color: #000; } .fancybox-title { color: #fff; } /* Livewire Tweaks */ .home .category-speakers h2, .home .category-related-seattle-times-coverage h2, .home .category-event-sponsors h2 { font-family: Arial; font-size: 14px !important; text-transform: uppercase !important; font-weight: bold; } .home .category-speakers .post-date, .home .category-related-seattle-times-coverage .post-date, .home .category-event-sponsors .post-date { display: none; } .cntxt-how-did-you-hear { display: none; } .frm_style_formidable-style.with_frm_style input[type=submit] { font-weight: bold; text-transform: uppercase; } #main #main-content.Contact-Us br { display: block; } #main #main-content.Contact-Us p > a { display: block; } @media screen and (max-width: 415px) { #main #main-content.Contact-Us p > a { margin-bottom: 10px; } } #main #main-content.Contact-Us .page-blurb { border-bottom: 0; margin-bottom: 0; } @media screen and (max-width: 415px) { #main #main-content.Contact-Us { padding-bottom: 8px; } #main #main-content.Contact-Us .page-blurb { padding-bottom: 0; margin-bottom: 12px; } } #desktop-sidebar { padding-left: 34px; padding-right: 50px; width: 28.6%; float: left; } @media screen and (min-width: 640px) and (max-width: 850px) { #desktop-sidebar { padding-left: 17px; width: 35%; } } #desktop-sidebar .menu-item-object-custom { height: auto; margin-bottom: 6px; line-height: 18px; } #desktop-sidebar button { width: 202px; height: 52px; font-size: 12px; padding-top: 8px; font-weight: bold; } @media screen and (min-width: 640px) { #desktop-sidebar.mobile-tablet-item { display: none !important; } } #desktop-sidebar .promo-sponsor { text-transform: uppercase; color: #777; font-weight: bold; position: relative; display: inline; max-width: 85%; display: block; } #desktop-sidebar .promo-sponsor:after { content: ""; width: 17px; height: 10px; display: inline; background: url("../../src/img/external_link.png"); background-size: contain; background-repeat: no-repeat; margin-top: 3px; margin-left: 8px; top: inherit; right: inherit; } #desktop-sidebar .promo-sponsor:hover { color: #777; } @media screen and (max-width: 415px) { #desktop-sidebar .promo-sponsor:after { margin-top: 6px; } } @media screen and (max-width: 640px) { #desktop-sidebar { width: 100%; padding-left: 5%; padding-right: 5%; margin-top: 34px; } } #desktop-sidebar h2 { font-family: 'Knockout 52 A', 'Knockout 52 B'; color: #000; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 22px; margin-top: 14px; line-height: 22px; margin-bottom: 8px; margin-right: 10px; margin-top: 40px; } @media screen and (max-width: 415px) { #desktop-sidebar h2 { font-size: 26px; line-height: 28px; border-top: 1px solid #ccc; padding-top: 14px; } } #desktop-sidebar a { color: #0777B3; transition: color 0.1s linear; word-wrap: break-word; } #desktop-sidebar a:hover { color: #044669; } #desktop-sidebar h4 { font-family: 'Knockout 52 A', 'Knockout 52 B'; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 18px; margin-top: 14px; } #desktop-sidebar p { font-size: 14px; max-width: 95%; line-height: 20px; } @media screen and (max-width: 415px) { #desktop-sidebar p { font-size: 14px; line-height: 22px; } } #desktop-sidebar .restaurant-logo { margin-bottom: 32px; max-height: 140px; max-width: 95%; } @media screen and (max-width: 415px) { #desktop-sidebar .tweak { margin-bottom: 60px; display: block; padding-top: 5px; border-bottom: 20px solid; box-sizing: content-box; } } #desktop-sidebar .tweak2 { margin-bottom: 60px; display: block; line-height: 52px !important; margin-top: 12px; } @media screen and (max-width: 415px) { #desktop-sidebar .tweak2 { position: relative; top: 3px; border-bottom: 25px solid; } } #desktop-sidebar .widget_granular_widget > p { margin-right: 0; max-width: 218px; } @media screen and (max-width: 415px) { #desktop-sidebar .widget_granular_widget > p { max-width: 280px; } } #desktop-sidebar .widget p { font-size: 12px; line-height: 18px; } @media screen and (max-width: 415px) { #desktop-sidebar .widget p { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 640px) { #desktop-sidebar .widget li { line-height: 28px; } } #desktop-sidebar .widget a { font-size: 12px; line-height: 18px; font-weight: bold; } @media screen and (max-width: 415px) { #desktop-sidebar .widget a { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 415px) { #desktop-sidebar .widget a.button { font-size: 12px; line-height: 16px; } } #desktop-sidebar .widget .button { display: table-cell; line-height: 16px; min-width: 218px; } #desktop-sidebar .widget .gallery img { width: 85px; height: 85px; padding: 0; margin: 0; float: left; } #desktop-sidebar .widget #menu-this-weeks-lesson-plans li:last-of-type { margin-bottom: 12px; } #desktop-sidebar img { padding: 10px 8px; max-width: 150px; } #desktop-sidebar img.sidebar-banner { width: 100%; padding: 0; max-width: inherit; height: 113px; margin: 10px 0 0px; max-width: 202px; max-height: 113px; } @media screen and (max-width: 415px) { #desktop-sidebar img.sidebar-banner { max-width: initial; height: auto; max-height: initial; margin: 8px 0 0px; } } #desktop-sidebar .quote { margin-top: 18px; } #desktop-sidebar .quote .small.bold { margin-bottom: -5px; } #desktop-sidebar .textwidget { font-size: 12px; line-height: 18px; } @media screen and (max-width: 415px) { #desktop-sidebar .textwidget .quote { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 415px) { #desktop-sidebar .textwidget { font-size: 14px; line-height: 22px; } } #desktop-sidebar .widget_granular_widget { margin-bottom: 13px; } @media screen and (max-width: 415px) { #desktop-sidebar .widget_granular_widget { margin-bottom: 16px; } } #desktop-sidebar .widget_granular_widget a[href^="mailto"] { display: block; margin-bottom: 35px; } @media screen and (max-width: 415px) { #desktop-sidebar .widget_granular_widget a[href^="mailto"] { margin-bottom: 55px; } } #desktop-sidebar > li { list-style: none; } #desktop-sidebar > li:first-of-type h2 { margin-top: 0; } #desktop-sidebar .smaller { font-size: 12px; display: block; margin-top: -2px; } #desktop-sidebar .widget_sp_image { padding-left: 0; padding-right: 0; margin-bottom: 20px; } #desktop-sidebar .widget_sp_image img { width: auto; height: auto; } @media screen and (max-width: 640px) { #desktop-sidebar .widget_sp_image { text-align: center; } #desktop-sidebar .widget_sp_image > img { width: 100%; } } #desktop-sidebar .gallery { margin-bottom: -1px; } #desktop-sidebar .post-date { display: none; } @media screen and (min-width: 768px) { #mobile-sidebar { display: none; } } /* Livewire Tweaks */ body:not(.home) #desktop-sidebar .img-gallery { display: none; } #sponsors { background-color: #e6e6e6; margin-bottom: 1.618em; text-align: left; *zoom: 1; padding: 50px 50px 70px; max-width: 1000px; margin: 0 auto; margin-bottom: 0; } @media screen and (max-width: 415px) { #sponsors { padding: 22px; padding-left: 22px; padding-right: 22px; padding-bottom: 50px; } } #sponsors > div { text-align: center; } @media screen and (max-width: 640px) { #sponsors > div { text-align: left; } } #sponsors .levelOne a { width: 202px; max-height: 60px; margin: 40px 12px 0; float: left; } #sponsors .levelOne a:first-of-type { margin-left: 0; } #sponsors .levelOne a:last-of-type { margin-right: 0; } #sponsors .levelOne a:nth-of-type(4) { margin-right: 0; } #sponsors .levelOne a:nth-of-type(5) { margin-left: 0; } #sponsors .levelOne a:nth-of-type(9), #sponsors .levelOne a:nth-of-type(10) { display: none; } @media screen and (min-width: 640px) and (max-width: 850px) { #sponsors .levelOne a { width: 202px; max-height: 60px; margin: 40px 15px 0; } #sponsors .levelOne a:first-of-type { margin-left: 0; } #sponsors .levelOne a:last-of-type { margin-right: 0; } #sponsors .levelOne a:nth-of-type(3) { margin-right: 0; } #sponsors .levelOne a:nth-of-type(4) { margin-left: 0; margin-right: 15px; } #sponsors .levelOne a:nth-of-type(5) { margin-left: 15px; margin-right: 15px; } #sponsors .levelOne a:nth-of-type(6) { margin-right: 0; } #sponsors .levelOne a:nth-of-type(7) { margin-left: 0; } #sponsors .levelOne a:nth-of-type(9) { margin-right: 0; } #sponsors .levelOne a:nth-of-type(9), #sponsors .levelOne a:nth-of-type(10) { display: none; } } @media screen and (max-width: 640px) { #sponsors .levelOne a { width: 132px; max-height: 40px; margin: 30px 5px; } #sponsors .levelOne a:nth-of-type(even) { margin-right: 0 !important; margin-left: 5px !important; } #sponsors .levelOne a:nth-of-type(odd) { margin-left: 0 !important; margin-right: 5px !important; } #sponsors .levelOne a:nth-of-type(9), #sponsors .levelOne a:nth-of-type(10) { display: none; } } #sponsors .levelThree { clear: both; padding-top: 31px; } @media screen and (max-width: 415px) { #sponsors .levelThree { padding-top: 30px; } } #sponsors .levelThree > a, #sponsors .levelFour > a { float: left; width: 33%; text-align: left; padding-bottom: 12px; display: block; font-weight: bold; font-size: 13px; color: #444; } @media screen and (min-width: 640px) and (max-width: 850px) { #sponsors .levelThree > a, #sponsors .levelFour > a { width: 202px; margin-left: 15px; margin-right: 15px; } #sponsors .levelThree > a:nth-of-type(1), #sponsors .levelThree > a:nth-of-type(4), #sponsors .levelFour > a:nth-of-type(1), #sponsors .levelFour > a:nth-of-type(4) { margin-left: 0; } #sponsors .levelThree > a:nth-of-type(3), #sponsors .levelThree > a:nth-of-type(6), #sponsors .levelFour > a:nth-of-type(3), #sponsors .levelFour > a:nth-of-type(6) { margin-right: 0; } } @media screen and (max-width: 640px) { #sponsors .levelThree > a, #sponsors .levelFour > a { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 415px) { #sponsors .levelThree > a, #sponsors .levelFour > a { width: 100%; float: none; } } #sponsors .levelFour > a { padding-bottom: 0; } @media screen and (max-width: 640px) { #sponsors .levelFour > a { padding-bottom: 12px; } } #sponsors:before, #sponsors:after { clear: both; content: ' '; display: table; } #sponsors .thanks { font-size: 1.8em; color: #000; text-transform: uppercase; font-family: "urw-din-condensed"; font-weight: 600; display: block; height: 26px; height: 22px; line-height: 26px; } @media screen and (max-width: 640px) { #sponsors .thanks { margin-bottom: 30px; } } #sponsors > a > a { margin-left: 35px; margin-right: 35px; } #sponsors > a > a:first-of-type { margin-left: 0; } #sponsors > a > a:last-of-type { margin-right: 0; } #advertising { margin-bottom: 1.618em; text-align: center; *zoom: 1; max-width: 1000px; margin: 0 auto; } #advertising:before, #advertising:after { clear: both; content: ' '; display: table; } #advertising span { text-transform: uppercase; font-size: 8px; margin-bottom: 18px; display: block; margin: 30px auto 14px; color: #999; } #advertising .ads { margin-bottom: 18px; } #advertising .ads > div { width: 300px; height: 250px; background-color: #aca9a9; display: inline-block; margin: 1%; } #page-footer { background-color: #fff; margin-bottom: 1.618em; text-align: center; *zoom: 1; color: #000; font-weight: normal; max-width: 1000px; margin: 0 auto; margin-bottom: 0; padding-bottom: 40px; padding-top: 12px; font-size: 13px; font-weight: bold; } #page-footer:before, #page-footer:after { clear: both; content: ' '; display: table; } @media screen and (max-width: 640px) { #page-footer { font-size: 11px; } } #page-footer .footer-logo { background-image: url("../../src/img/footer-logo-black.png"); width: 160px; height: 24px; margin: 0 auto; display: block; } #page-footer hr { border-bottom: 1px solid #d6d8d8; margin-top: 12px; margin-bottom: 12px; } #page-footer a { transition: color 0.1s linear, text-decoration 0.1s linear; color: #000; font-weight: normal; } #page-footer a:hover { color: #464646; text-decoration: underline; } @media screen and (max-width: 640px) { #page-footer { padding-top: 60px; } } @media screen and (max-width: 640px) { .category-classroom-materials { border-top: 1px solid #bcbcbc; } } .error { color: red; } .submit-error { height: 34px; font-weight: bold; color: red; } .error-field { border: 1px solid red !important; } #application { margin-top: -10px; } @media screen and (min-width: 640px) and (max-width: 850px) { #application { margin-top: -20px; } } @media screen and (max-width: 415px) { #application { margin-top: 22px; } } #application .no-results { clear: both; display: none; margin-left: 18px; padding-top: 12px; } @media screen and (max-width: 1000px) { #application .desktop-only { display: none; } } @media screen and (min-width: 1017px) { #application .mobile-only { display: none; } } #application #filters { min-height: 28px; margin: 0px 0px 12px; } #application #filters .checkbox { width: 12px; display: inline-block; position: relative; top: 2px; margin-right: 2px; transition: background 0.1s linear; } #application #filters .checkbox input[type=checkbox] { visibility: hidden; margin: 0; user-select: none; transition: background 0.1s linear; } #application #filters .checkbox input[type=checkbox]:checked + span:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; background: #333; } #application #filters .checkbox span { cursor: pointer; position: absolute; width: 12px; height: 12px; top: 0; border-radius: 0px; left: 0px; line-height: 28px; background: #fff; border: 1px solid #888; user-select: none; transition: background 0.1s linear, opacity 0.1s linear; } #application #filters .checkbox span:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; background: transparent; top: 0px; left: 0px; background: #e1e1e1; border: 1px solid #333; } #application #filters .checkbox span:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5; } #application #filters .controls { margin-top: 12px; position: relative; } @media screen and (max-width: 1000px) { #application #filters .controls { min-height: 28px; } } #application #filters .controls button { float: left; background: 0; color: #000; border-radius: 0; border: 1px solid #f1f1f1; font-size: 12px; margin-right: 4px; padding: 0; padding-left: 8px; padding-right: 28px; position: relative; outline: 0; transition: background 0.1s linear, color 0.1s linear; height: 24px; line-height: 24px; font-family: Arial, sans-serif; font-weight: normal; font-size: 12px; color: #000; text-align: left; width: auto; text-transform: none; } #application #filters .controls button:after { display: block; content: "+"; width: 12px; height: 18px; position: absolute; right: 2px; top: 0px; } #application #filters .controls button.open { background: #f1f1f1; border: 0; border-left: 1px solid transparent; border-right: 1px solid transparent; height: 28px; border-bottom: 2px solid #f1f1f1; } #application #filters .controls button.open:after { content: "\2013"; top: 0px; right: 2px; } @media screen and (max-width: 1000px) { #application #filters .controls button.open:after { top: 3px; } } @media screen and (max-width: 1000px) { #application #filters .controls button { font-size: 11px; margin-right: 2px; padding-left: 4px; padding-right: 22px; } #application #filters .controls button.open { background: #f1f1f1; border: 0; border-left: 1px solid transparent; border-right: 1px solid transparent; height: 37px; border-bottom: 4px solid #f1f1f1; } } @media screen and (min-width: 640px) and (max-width: 850px) { #application #filters .controls button { padding-left: 8px; padding-right: 24px; font-size: 12px; } } @media screen and (max-width: 1000px) { #application #filters .controls button { height: 34px; font-weight: bold; } #application #filters .controls button:after { top: 4px; } } #application #filters .controls button:focus { outline: 0; } #application #filters .controls .clearAll { border: 3px solid #fff; position: absolute; right: 0px; height: 26px; line-height: 20px; padding-right: 0; padding-left: 0; font-size: 12px; transition: color 0.1s linear; color: #0D71B9; margin-right: 0; text-align: right; float: right; text-transform: none; font-weight: bold; } #application #filters .controls .clearAll:after { display: none; } #application #filters .controls .clearAll:hover { background: none; color: #044669; } @media screen and (max-width: 1000px) { #application #filters .controls .clearAll { float: none; display: block; position: initial; font-size: 12px; margin-bottom: 8px; } } #application #filters .controls .applyFilters { display: inline-block; border: 3px solid #333333; position: relative; background: #333333; right: 0px; height: 26px; line-height: 20px; padding-right: 3px; padding-left: 3px; margin-bottom: 3px; font-size: 12px; transition: color 0.1s linear; color: #fff; margin-right: 0; text-align: right; float: right; text-transform: none; font-weight: bold; } #application #filters .controls .applyFilters:after { display: none; } #application #filters .controls .applyFilters:hover { background: none; color: #044669; } @media screen and (max-width: 1000px) { #application #filters .controls .applyFilters { float: none; display: inline-block; position: initial; font-size: 12px; margin-bottom: 8px; } } #application #filters .controls .cToggle:before { content: "Cuisine"; } @media screen and (max-width: 640px) { #application #filters .controls .cToggle:before { content: "More filters"; } } @media screen and (max-width: 640px) { #application #filters .controls .nToggle { float: left; min-width: 82px; width: 41%; margin: 0 1%; margin-left: 0; } #application #filters .controls .mToggle { float: left; min-width: 48px; width: 22%; margin: 0 1%; } #application #filters .controls .cToggle { float: right; min-width: 82px; width: 32%; margin: 0 1%; margin-right: 0; } } #application #filters .controls .filter-item { width: inherit; clear: none; font-size: 12px; margin-right: 6px; } @media screen and (max-width: 415px) { #application #filters .controls .filter-item { font-size: 11px; } #application #filters .controls .filter-item > label { position: relative; top: 9px; } } @media screen and (min-width: 640px) and (max-width: 850px) { #application #filters .controls .filter-item { width: 30%; } #application #filters .controls .filter-item > label { position: relative; top: 9px; } } #application #filters .controls > .filter-item:first-of-type { margin-left: 4px; } #application #filters .filter-item { width: 33%; clear: both; float: left; } @media screen and (max-width: 415px) { #application #filters .filter-item { width: 100%; font-size: 11px; } } #application #filters .filter-item input { display: inline-block; margin-right: 2px; } #application #filters .filter-item label { display: inline-block; margin-right: 2px; line-height: 12x; } #application #filters .filter-item .text-label { font-family: Arial, sans-serif; font-weight: normal; font-size: 12px; color: #000; line-height: 28px; } @media screen and (max-width: 415px) { #application #filters .filter-item .text-label { font-size: 11px; } } #application #filters .contextual { clear: both; display: none; width: 100%; height: initial; position: relative; top: -4px; background: #f1f1f1; padding: 8px 8px 0px; } @media screen and (max-width: 1000px) { #application #filters .contextual { top: -1px; padding: 0px 18px 0px; } } @media screen and (max-width: 415px) { #application #filters .contextual { padding: 0px 18px 12px; } } #application #filters .contextual h5 { font-size: 14px; margin-bottom: 6px; margin-top: 8px; clear: both; } #application #filters .contextual .filter-item { width: 23%; display: inline-block; margin-bottom: 8px; float: none; } #application #filters .contextual .filter-item label { font-weight: normal; } @media screen and (max-width: 1000px) { #application #filters .contextual .filter-item { min-width: 100px; } #application #filters .contextual .filter-item label { font-weight: normal; } } @media screen and (min-width: 640px) and (max-width: 850px) { #application #filters .contextual .filter-item { width: 31%; } } @media screen and (max-width: 415px) { #application #filters .contextual .filter-item { width: 45%; min-width: inherit; display: inline-block; font-size: 11px; } } #application #filters .contextual .filter-item .checkbox { margin-right: 5px; } @media screen and (max-width: 1000px) { #application #filters .contextual .filter-item .checkbox { top: 12px; } } @media screen and (max-width: 640px) { #application #filters .meals .filter-item { width: 32%; display: inline-block; } } @media screen and (min-width: 640px) { #application #filters .cuisines h5 { display: none; } #application #filters .cuisines .vegetarian { display: none; } #application #filters .cuisines .vegan { display: none; } #application #filters .cuisines .gluten { display: none; } } @media screen and (max-width: 640px) { #application #filters .cuisines .vegetarian { width: 34%; display: inline-block; margin-right: 2px; } #application #filters .cuisines .vegetarian .checkbox { margin-right: 2px; } #application #filters .cuisines .vegan { width: 24%; display: inline-block; margin-right: 2px; } #application #filters .cuisines .vegan .checkbox { margin-right: 2px; } #application #filters .cuisines .gluten { width: 34%; display: inline-block; margin-right: 2px; } #application #filters .cuisines .gluten .checkbox { margin-right: 2px; } } #application tr.hidden { display: none; } #application table { margin: 0; } @media screen and (max-width: 1000px) { #application table { position: relative; top: 20px; } } #application table thead { background: #333; color: #fff; } #application table th { font-family: "urw-din-condensed"; font-size: 14px; text-transform: uppercase; font-weight: 600; } #application table th.title { width: 45%; } @media screen and (max-width: 1000px) { #application table th.title { width: 35%; } } #application table .date { width: 14%; } @media screen and (max-width: 1000px) { #application table .date { width: 30%; } } @media screen and (max-width: 1000px) { #application table .grade-level { width: 35%; } } #application table .neighborhood { width: 27%; } #application table .meal { width: 18%; } #application table td { font-size: 14px; } #application table td p { line-height: 16px; margin-top: 8px; } #application table td p.mobile-only { font-size: 12px; font-weight: normal; line-height: 12px; margin-top: 0; margin-bottom: 0; color: #000; } #application table td p.lighter { color: #666; margin: 0; } @media screen and (max-width: 1000px) { #application table td p.lighter { display: block; } } #application table tbody tr { border-bottom: 0; } #application table tbody tr:nth-of-type(even) { background: #f1f1f1; } #application table th, #application table td { border: 0; padding: 0; height: 40px; line-height: 40px; } #application table th:not(:first-of-type), #application table td:not(:first-of-type) { padding-left: 18px; } #application table th:first-of-type { padding-left: 8px; } #application table td .title { cursor: pointer; height: auto !important; display: block; margin-bottom: 0; } #application table td br { display: none !important; } #application table td .post-title { font-weight: bold; color: #000; padding-left: 18px; transition: background 0.1s linear; display: table; line-height: 14px; height: 40px; width: 100%; } #application table td .post-title span { display: table-cell; vertical-align: middle; padding-left: 18px; padding-right: 18px; } #application table td .post-title:hover { background: #7dc3cd; height: 40px; } @media screen and (max-width: 640px) { #application table td .post-title { position: relative; } #application table td .post-title:after { content: "\203A"; font-size: 24px; height: 25px; float: right; display: block; color: #aaa; right: 8px; position: absolute; top: 50%; margin-top: -8px; clear: both; } } #application table td:first-of-type { padding-left: 8px; font-weight: bold; line-height: inherit; } #application table td:first-of-type a { font-size: 12px; line-height: 18px; display: block; } #application table td:first-of-type br { display: none; } @media screen and (max-width: 1000px) { #application table td:first-of-type { padding-left: 0; line-height: 20px; padding: 5px 8px !important; } #application table td:first-of-type br { display: inline; } #application table td:first-of-type a { font-size: 14px; } #application table td:first-of-type > p { font-weight: normal; } #application table td:first-of-type .no-desktop, #application table td:first-of-type a { height: 22px; } } #application table th.header.headerSortUp:after { content: ""; position: relative; left: 10px; bottom: 10px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fff; } #application table th.header.headerSortDown:after { content: ""; position: relative; left: 10px; top: 8px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; } #application #viewMore { display: block; text-align: center; padding: 8px; color: #fff; font-size: 14px; cursor: pointer; background: #838383; transition: background .25s ease-in-out; } #application #viewMore:hover { background: #0193AA; } @media screen and (max-width: 1000px) { #application .weekpicker { top: 71px !important; } #application .weekpicker table { top: 0; } } .smoke-animation { width: 260px; height: 260px; background: url("/wp-content/uploads/2015/02/frame01.png"); position: absolute; top: 150px; left: 30px; } @media screen and (max-width: 640px) { .mobile-header { position: relative; } } @media screen and (max-width: 640px) { .restaurant-logo { position: absolute; top: 4px; right: 30px; max-width: 23%; } } fieldset { max-width: 600px; } @media screen and (max-width: 640px) { fieldset { width: 90%; } } @media screen and (min-width: 640px) { .frm_form_field:not(.no-column), .frm_checkbox { width: 291px; float: left; clear: none; margin-right: 18px; } .frm_form_field:not(.no-column):nth-of-type(even), .frm_checkbox:nth-of-type(even) { margin-right: 0; } .frm_form_field:not(.no-column).hidden, .frm_checkbox.hidden { display: none; } .frm_checkbox { width: 46%; margin-right: 22px; } .frm_form_field.no-column { margin-right: 0; width: 100%; } } .form-field.hidden { display: none !important; } @media screen and (max-width: 640px) { .frm_style_formidable-style.with_frm_style .form-field { margin-bottom: 40px; } } .frm_style_formidable-style.with_frm_style input[type='submit'] { width: 202px; height: 52px; } @media screen and (max-width: 640px) { .frm_style_formidable-style.with_frm_style input[type='submit'] { width: 212px; } } .frm_style_formidable-style.with_frm_style .frm_opt_container > div { margin-bottom: 12px; } .frm_style_formidable-style.with_frm_style .frm_opt_container > .frm_radio { margin-bottom: 0; } .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices { border-color: #000; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 102, 102, 0.6); } .frm_submit { padding-top: 28px; } #text-3 .textwidget { margin-bottom: 18px; } #main #main-content.Support-NIE .page-blurb strong { margin-bottom: 8px; font-size: 12px; } @media screen and (max-width: 415px) { #main #main-content.Support-NIE .page-blurb strong { font-size: 14px; margin-top: 48px; } } @media screen and (max-width: 415px) { #main #main-content.Support-NIE { padding-bottom: 9px; margin-bottom: -40px; } #main #main-content.Support-NIE .category-support-nie { padding-bottom: 25px; } } @media screen and (max-width: 415px) and (max-width: 415px) { #main #main-content.Support-NIE .category-support-nie { margin-bottom: 7px !important; } } #main #main-content.Sign-Up-for-NIE fieldset, #main #main-content.Renew-Your-NIE-Subscription fieldset, #main #main-content.Request-Training-Session fieldset, #main #main-content.Request-An-NIE-Training-Session fieldset { padding-bottom: 0; } #main #main-content.Sign-Up-for-NIE .checkboxes, #main #main-content.Renew-Your-NIE-Subscription .checkboxes, #main #main-content.Request-Training-Session .checkboxes, #main #main-content.Request-An-NIE-Training-Session .checkboxes { padding-top: 12px; } #main #main-content.Sign-Up-for-NIE .checkboxes .frm_primary_label, #main #main-content.Renew-Your-NIE-Subscription .checkboxes .frm_primary_label, #main #main-content.Request-Training-Session .checkboxes .frm_primary_label, #main #main-content.Request-An-NIE-Training-Session .checkboxes .frm_primary_label { margin-bottom: 10px; } #main #main-content.Sign-Up-for-NIE .page-blurb, #main #main-content.Renew-Your-NIE-Subscription .page-blurb, #main #main-content.Request-Training-Session .page-blurb, #main #main-content.Request-An-NIE-Training-Session .page-blurb { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #main #main-content.Sign-Up-for-NIE .page-blurb p, #main #main-content.Renew-Your-NIE-Subscription .page-blurb p, #main #main-content.Request-Training-Session .page-blurb p, #main #main-content.Request-An-NIE-Training-Session .page-blurb p { max-width: 600px; } #main #main-content.Sign-Up-for-NIE .page-blurb > p:last-of-type, #main #main-content.Renew-Your-NIE-Subscription .page-blurb > p:last-of-type, #main #main-content.Request-Training-Session .page-blurb > p:last-of-type, #main #main-content.Request-An-NIE-Training-Session .page-blurb > p:last-of-type { margin-bottom: 32px; } #main #main-content.Sign-Up-for-NIE input[type=submit], #main #main-content.Renew-Your-NIE-Subscription input[type=submit], #main #main-content.Request-Training-Session input[type=submit], #main #main-content.Request-An-NIE-Training-Session input[type=submit] { margin: 0; } #main #main-content.Renew-Your-NIE-Subscription .page-blurb p > strong { display: inline; margin: inherit; } div#login h1 { display: none; } @media screen and (max-width: 640px) { ul#menu-this-weeks-lesson-plans { font-weight: bold; } ul#menu-this-weeks-lesson-plans li { line-height: 14px !important; font-size: 14px !important; margin: 8px 0; } ul#menu-this-weeks-lesson-plans li:first-of-type { margin-top: 13px; } ul#menu-this-weeks-lesson-plans li a { font-size: 14px !important; } } @media screen and (max-width: 415px) { #main #main-content.About-NIE > article { padding-bottom: 38px; } #main #main-content.About-NIE #faq { margin-bottom: 0; } } #main #main-content.About-NIE .page-blurb .button { margin-top: 18px; display: block; line-height: 52px; } @media screen and (max-width: 640px) { #main-content.Homepage article .accordion-content { padding-left: 8px; padding-right: 8px; padding-bottom: 12px; } } @media screen and (max-width: 1000px) { .menu-container.mobile .menu-top-level-navigation-container #menu-top-level-navigation li a { background: 0 !important; } } @media screen and (max-width: 640px) { #main #desktop-sidebar { padding-top: 0px !important; margin-left: 20px !important; margin-right: 20px !important; width: 100%; } } @media screen and (max-width: 640px) { html:not(.mobile-tablet) .project.logo { display: none; } } @media screen and (max-width: 640px) { html:not(.mobile-tablet) .menu-container.desktop { display: none; } } @media screen and (max-width: 640px) { .contact-us { border-bottom: 1px solid #bcbcbc; padding-bottom: 24px; margin-bottom: 30px !important; } } .frm_style_formidable-style.with_frm_style label.frm_primary_label { font-size: 12px; } .featured-post-teaser { box-sizing: border-box; width: 100%; padding: 5px; margin: 16px 0 20px 0; border: 1px solid #bcbdbc; } .featured-post-teaser .teaser-img { float: left; width: 15%; margin: 7px 7px 0px 7px; } @media screen and (max-width: 640px) { .featured-post-teaser .teaser-img { max-width: 100%; width: 100%; } } .featured-post-teaser .teaser-content { float: left; width: 75%; margin-top: 5px; } .featured-post-teaser .teaser-content .teaser-title { color: #0777B3; text-transform: none; font-weight: bold; margin-bottom: 0px !important; } .featured-post-teaser .teaser-content .teaser-title a { font-size: 14px; } @media screen and (max-width: 640px) { .featured-post-teaser .teaser-content { max-width: 100%; width: 100%; } } /* Pagination */ .pager-wrapper #pager { position: absolute; right: 10px; display: inline-block; margin: 0 auto; } .pager-wrapper #pager .pagedisplay input.ts-page { display: inline-block; float: left; width: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 7px; margin: 3px 5px 0 0; color: #000000; } .pager-wrapper #pager .pagedisplay span { display: inline-block; float: left; color: black; line-height: 2.5em; margin-right: 5px; } .pager-wrapper #pager .pager-links { float: left; margin-top: 3px; margin-left: 10px; } .pager-wrapper #pager .pager-links a { cursor: pointer; float: left; line-height: 2em; background: #e6e6e6; border: 1px solid #d8d8d8; padding: 0px 15px; } .pager-wrapper #pager .pager-links a i { color: #1565c0; } .pager-wrapper #pager .pager-links a.disabled { cursor: default !important; } .pager-wrapper #pager .pager-links a.disabled i { color: #c3c0c0 !important; } @media screen and (max-width: 640px) { .pager-wrapper #pager { left: 5%; bottom: -50px; } } /**/ /* Overlay */ #overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100001; background: #777; opacity: 0.8; filter: alpha(opacity=80); } #overlay #loading { width: 50px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -25px; } /**/ /*# sourceMappingURL=rainier.css.map */