/** * @file * Styles are organized using the SMACSS technique. @see http://smacss.com/book/ * * When you turn on CSS aggregation at admin/config/development/performance, all * of these @include files will be combined into a single file. */ /* Import Sass mixins, variables, Compass modules, etc. */ @import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,300,400,700"); @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=de6ed1f7-becf-4d1d-81fd-59f644c8e4ef&fontids=721220,721223,721226,721229,721232,721235,721238,721241,721244,721247,721250,721253"); @font-face { font-family: "Avenir LT W01 35 Light"; src: url("../fonts/721220/3511a780-31ca-4ee1-9083-89b1b7185748.eot?#iefix"); src: url("../fonts/721220/3511a780-31ca-4ee1-9083-89b1b7185748.eot?#iefix") format("eot"), url("../fonts/721220/c4352a95-7a41-48c1-83ce-d8ffd2a3b118.woff") format("woff"), url("../fonts/721220/3e419b5b-c789-488d-84cf-a64009cc308e.ttf") format("truetype"), url("../fonts/721220/ca038835-1be3-4dc5-ba25-be1df6121499.svg#ca038835-1be3-4dc5-ba25-be1df6121499") format("svg"); } @font-face { font-family: "AvenirLTW01-35LightObli"; src: url("../fonts/721223/6500273c-8e8b-48d2-b0c0-dcae293c0120.eot?#iefix"); src: url("../fonts/721223/6500273c-8e8b-48d2-b0c0-dcae293c0120.eot?#iefix") format("eot"), url("../fonts/721223/47fd1045-6e5b-4c87-9235-cfbc2b42cde7.woff") format("woff"), url("../fonts/721223/60662abb-0ac3-46b2-930f-4719462489c9.ttf") format("truetype"), url("../fonts/721223/9cf39ac2-87a5-4c4e-a604-7cece19d30bd.svg#9cf39ac2-87a5-4c4e-a604-7cece19d30bd") format("svg"); } @font-face { font-family: "Avenir LT W01 45 Book"; src: url("../fonts/721226/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot?#iefix"); src: url("../fonts/721226/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot?#iefix") format("eot"), url("../fonts/721226/939cba03-5b40-4d01-9bc5-7589eca863db.woff") format("woff"), url("../fonts/721226/849bc5b9-a2ff-4343-977b-26ba8bd24a60.ttf") format("truetype"), url("../fonts/721226/f67fa3b5-c1d1-488f-8e60-a828b9ad56a4.svg#f67fa3b5-c1d1-488f-8e60-a828b9ad56a4") format("svg"); } @font-face { font-family: "AvenirLTW01-45BookObliq"; src: url("../fonts/721229/acc13cdc-338a-43e6-a156-e54a4c87582d.eot?#iefix"); src: url("../fonts/721229/acc13cdc-338a-43e6-a156-e54a4c87582d.eot?#iefix") format("eot"), url("../fonts/721229/ca94ed56-18fc-4856-940a-70a072607c7c.woff") format("woff"), url("../fonts/721229/dd6da407-70fe-4aa3-a1c7-64f0cb086f01.ttf") format("truetype"), url("../fonts/721229/c7f424be-90e1-45b8-b617-ee3589a859bd.svg#c7f424be-90e1-45b8-b617-ee3589a859bd") format("svg"); } @font-face { font-family: "Avenir LT W01 55 Roman"; src: url("../fonts/721232/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix"); src: url("../fonts/721232/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix") format("eot"), url("../fonts/721232/b9ebb19d-88c1-4cbd-9baf-cf51972422ec.woff") format("woff"), url("../fonts/721232/5ed4f98e-9044-4810-88ff-74d412c1351f.ttf") format("truetype"), url("../fonts/721232/4cb16859-16ca-4342-b89c-292dc83266af.svg#4cb16859-16ca-4342-b89c-292dc83266af") format("svg"); } @font-face { font-family: "AvenirLTW01-55Oblique"; src: url("../fonts/721235/8f21e618-9282-4df1-b556-73ee82bdd673.eot?#iefix"); src: url("../fonts/721235/8f21e618-9282-4df1-b556-73ee82bdd673.eot?#iefix") format("eot"), url("../fonts/721235/3695342c-b5e2-4010-b0d4-56f563465922.woff") format("woff"), url("../fonts/721235/2ba9f875-66d9-414d-a426-5a012b443475.ttf") format("truetype"), url("../fonts/721235/0a88351a-e628-4b1f-99eb-3a729518af0a.svg#0a88351a-e628-4b1f-99eb-3a729518af0a") format("svg"); } @font-face { font-family: "Avenir LT W01 65 Medium"; src: url("../fonts/721238/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix"); src: url("../fonts/721238/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix") format("eot"), url("../fonts/721238/2cac77ec-9bc0-4ee7-87e4-27650190744f.woff") format("woff"), url("../fonts/721238/aaf11848-aac2-4d09-9a9c-aac5ff7b8ff4.ttf") format("truetype"), url("../fonts/721238/294099f3-8d00-4676-afc5-5e9d8d43ad69.svg#294099f3-8d00-4676-afc5-5e9d8d43ad69") format("svg"); } @font-face { font-family: "AvenirLTW01-65MediumObl"; src: url("../fonts/721241/2a6f81a2-475c-4831-9949-33d7748ee561.eot?#iefix"); src: url("../fonts/721241/2a6f81a2-475c-4831-9949-33d7748ee561.eot?#iefix") format("eot"), url("../fonts/721241/e0af2f49-a399-482b-a54e-d745e268ec80.woff") format("woff"), url("../fonts/721241/6803d3dd-2107-45fc-ac8a-a4fa13771547.ttf") format("truetype"), url("../fonts/721241/1bb1acb5-8d4e-4800-88af-dbcf1fe96ef8.svg#1bb1acb5-8d4e-4800-88af-dbcf1fe96ef8") format("svg"); } @font-face { font-family: "Avenir LT W01 85 Heavy"; src: url("../fonts/721244/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix"); src: url("../fonts/721244/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix") format("eot"), url("../fonts/721244/7147ec3a-8ff8-4ec9-8c5c-bd1571dc6ae6.woff") format("woff"), url("../fonts/721244/d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf") format("truetype"), url("../fonts/721244/731dd4d3-64da-427d-ba61-01575b3cf3f7.svg#731dd4d3-64da-427d-ba61-01575b3cf3f7") format("svg"); } @font-face { font-family: "AvenirLTW01-85HeavyObli"; src: url("../fonts/721247/7be0fdec-384a-42b5-ab27-c60a322cde7d.eot?#iefix"); src: url("../fonts/721247/7be0fdec-384a-42b5-ab27-c60a322cde7d.eot?#iefix") format("eot"), url("../fonts/721247/53554f6f-4b01-4815-87fe-82c49b8ba5a9.woff") format("woff"), url("../fonts/721247/28dfedaf-6372-45a1-8833-b3078dc56a21.ttf") format("truetype"), url("../fonts/721247/f747b6ee-4d13-4e45-815d-f33ac1b71d63.svg#f747b6ee-4d13-4e45-815d-f33ac1b71d63") format("svg"); } @font-face { font-family: "Avenir LT W01 95 Black"; src: url("../fonts/721250/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix"); src: url("../fonts/721250/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix") format("eot"), url("../fonts/721250/5a05cf7f-f332-456f-ae67-d8c26e0d35b3.woff") format("woff"), url("../fonts/721250/c33278bc-988e-440b-b4be-6acc095e6044.ttf") format("truetype"), url("../fonts/721250/7bdad4a5-289b-42f9-b6fa-c5883b9e9f23.svg#7bdad4a5-289b-42f9-b6fa-c5883b9e9f23") format("svg"); } @font-face { font-family: "AvenirLTW01-95BlackObli"; src: url("../fonts/721253/fbf3e69b-73b2-406d-84bc-feda30a0a563.eot?#iefix"); src: url("../fonts/721253/fbf3e69b-73b2-406d-84bc-feda30a0a563.eot?#iefix") format("eot"), url("../fonts/721253/36ec15b9-f8da-447f-8fed-a9cfdfb91fbb.woff") format("woff"), url("../fonts/721253/230d6b14-6d44-4dd5-a6ae-a4287936e51e.ttf") format("truetype"), url("../fonts/721253/9bce4920-94e2-4e4d-bd34-818801dd3eb3.svg#9bce4920-94e2-4e4d-bd34-818801dd3eb3") format("svg"); } /* HTML element (SMACSS base) rules */ /** * @file * Normalize.css is intended to be used as an alternative to CSS resets. * * This file is a slight fork of these original sources: * - normalize.css v2.1.2 | MIT License | git.io/normalize * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass * * It's suggested that you read the normalize.scss file and customise it to meet * your needs, rather then including the file in your project and overriding the * defaults later in your CSS. * @see http://nicolasgallagher.com/about-normalize-css/ * * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ * @see http://snook.ca/archives/html_and_css/no_css_reset/ */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /** * HTML5 display definitions */ /* Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Address styling not present in IE 8/9. */ [hidden] { display: none; } /** * Base * * Instead of relying on the fonts that are available on a user's computer, you * can use web fonts which, like images, are resources downloaded to the user's * browser. Because of the bandwidth and rendering resources required, web fonts * should be used with care. * * Numerous resources for web fonts can be found on Google. Here are a few * websites where you can find Open Source fonts to download: * - http://www.fontsquirrel.com/fontface * - http://www.theleagueofmoveabletype.com * * In order to use these fonts, you will need to convert them into formats * suitable for web fonts. We recommend the free-to-use Font Squirrel's * Font-Face Generator: * http://www.fontsquirrel.com/fontface/generator * * The following is an example @font-face declaration. This font can then be * used in any ruleset using a property like this: font-family: Example, serif; * * Since we're using Sass, you'll need to declare your font faces here, then you * can add them to the font variables in the _init.scss partial. */ /* @font-face { font-family: 'Example'; src: url('../fonts/example.eot'); src: url('../fonts/example.eot?iefix') format('eot'), url('../fonts/example.woff') format('woff'), url('../fonts/example.ttf') format('truetype'), url('../fonts/example.svg#webfontOkOndcij') format('svg'); font-weight: normal; font-style: normal; } */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: "Avenir LT W01 35 Light"; /* 1 */ font-size: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ line-height: 1.5em; } /* Remove default margin. */ body { margin: 0; padding: 0; } /** * Links * * The order of link states are based on Eric Meyer's article: * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */ /* Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * Typography * * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins * so that the line height of our base font becomes the basic unit of vertical * measurement. We use multiples of that unit to set the top and bottom margins * for our block level elements and to set the line heights of any fonts. * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm */ /* Set 1 unit of vertical rhythm on the top and bottom margin. */ p, pre { margin: 1.5em 0; } blockquote { /* Also indent the quote on both sides. */ margin: 1.5em 30px; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.5em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.75em; margin-bottom: 0.75em; } h2 { font-size: 1.5em; line-height: 2em; margin-top: 1em; margin-bottom: 1em; } h3 { font-size: 1.17em; line-height: 1.28205em; margin-top: 1.28205em; margin-bottom: 1.28205em; } h4 { font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } h5 { font-size: 0.83em; line-height: 1.80723em; margin-top: 1.80723em; margin-bottom: 1.80723em; } h6 { font-size: 0.67em; line-height: 2.23881em; margin-top: 2.23881em; margin-bottom: 2.23881em; } /* Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: 400; font-family: "Avenir LT W01 85 Heavy"; } /* Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; border: 1px solid #666; padding-bottom: -1px; margin: 1.5em 0; } /* Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp, tt, var { font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; font-size: 1em; line-height: 1.5em; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /** * Lists */ dl, menu, ol, ul { /* Address margins set differently in IE 6/7. */ margin: 1.5em 0; } ol ol, ol ul, ul ol, ul ul { /* Turn off margins on nested lists. */ margin: 0; } dd { margin: 0 0 0 30px; /* LTR */ } /* Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 30px; /* LTR */ } /** * Embedded content and figures * * @todo Look into adding responsive embedded video. */ img { /* Remove border when inside `a` element in IE 8/9. */ border: 0; /* Suppress the space beneath the baseline */ /* vertical-align: bottom; */ /* Responsive images */ max-width: 100%; height: auto; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /** * Forms */ /* Text fields */ input[type=text], input[type=email], input[type=number], input[type=password] { font-family: "Avenir LT W01 35 Light"; font-size: 1em; line-height: 1.5em; line-height: 20px; color: #aaa; border: 1px solid #e1e0dc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 45px; max-width: 100%; padding: 0 15px; -moz-box-shadow: 2px 3px 3px #f2f2f2 inset; -webkit-box-shadow: 2px 3px 3px #f2f2f2 inset; box-shadow: 2px 3px 3px #f2f2f2 inset; } /* Define consistent border, margin, and padding. */ fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; border-top-width: 0.0625em; border-top-style: solid; padding-top: 0.4625em; border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: 0.9125em; border-left-width: 0.0625em; border-left-style: solid; padding-left: 0.9125em; border-right-width: 0.0625em; border-right-style: solid; padding-right: 0.9125em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. * 4. Improve appearance and consistency with IE 6/7. * 5. Keep form elements constrained in their containers. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ max-width: 100%; /* 5 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 5 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; outline: none; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { text-decoration: underline; } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ font-family: "Avenir LT W01 35 Light"; font-size: 1em; line-height: 1.5em; line-height: 26px; color: #aaa; border: 1px solid #e1e0dc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 100%; padding: 0 15px; -moz-box-shadow: 2px 3px 3px #f2f2f2 inset; -webkit-box-shadow: 2px 3px 3px #f2f2f2 inset; box-shadow: 2px 3px 3px #f2f2f2 inset; } /* Drupal-style form labels. */ label { display: block; font-weight: bold; } /** * Tables */ table { /* Remove most spacing between table cells. */ border-collapse: collapse; border-spacing: 0; /* Prevent cramped-looking tables */ /* width: 100%; */ /* Add vertical rhythm margins. */ margin-top: 1.5em; margin-bottom: 1.5em; } /* Layout rules */ html, body { overflow-x: hidden; } #page { padding-top: 50px; padding-left: 10px; padding-right: 10px; } #region-footer-wrapper, #region-bottom-wrapper { padding-left: 10px; padding-right: 10px; } #header, #main, .region-footer, .region-bottom { max-width: 1180px; margin-left: auto; margin-right: auto; margin-left: auto; margin-right: auto; } #header:after, #main:after, .region-footer:after, .region-bottom:after { content: " "; display: block; clear: both; } .page-home h1#page-title { display: none; } .not-front #main { padding-top: 40px; padding-bottom: 80px; background: url(../images/main-shadow.png) center top no-repeat; background-size: 100% 19px; } #content { overflow: hidden; } @media all and (min-width: 740px) { body.has-sidebar #content { float: left; width: 100%; } body.has-sidebar .sidebar { float: left; width: 100%; } } @media all and (min-width: 980px) { #page { padding-top: 10px; } #header { position: relative; } .region-highlighted { margin-left: -10px; margin-right: -10px; } body.has-sidebar #content { width: 74.57627%; float: left; margin-right: 1.69492%; } body.has-sidebar .sidebar { width: 23.72881%; float: right; margin-right: 0; } } /* Component (SMACSS module) rules */ /** * @file * SMACSS Modules * * Adds modular sets of styles. * * Additional useful selectors can be found in Zen's online documentation. * https://drupal.org/node/1707736 */ /** * Wireframes. */ .with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom { outline: 1px solid #ccc; } /** * Accessibility features. */ /* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .element-invisible, .element-focusable, #navigation .block-menu .block__title, #navigation .block-menu-block .block__title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* Turns off the element-invisible effect. */ .element-focusable:active, .element-focusable:focus { position: static !important; clip: auto; height: auto; width: auto; overflow: auto; } /* * The skip-link link will be completely hidden until a user tabs to the link. */ #skip-link { margin: 0; } #skip-link a, #skip-link a:visited { display: block; width: 100%; padding: 2px 0 3px 0; text-align: center; background-color: #666; color: #fff; } /** * Branding header. */ /* Wrapping link for logo. */ .header__logo { float: left; /* LTR */ margin: 0; padding: 0; } /* Logo image. */ .header__logo-image { vertical-align: bottom; } /* Wrapper for website name and slogan. */ .header__name-and-slogan { float: left; } /* The name of the website. */ .header__site-name { margin: 0; font-size: 2em; line-height: 1.5em; } /* The link around the name of the website. */ .header__site-link:link, .header__site-link:visited { color: #000; text-decoration: none; } .header__site-link:hover, .header__site-link:focus { text-decoration: underline; } /* The slogan (or tagline) of a website. */ .header__site-slogan { margin: 0; } /* The secondary menu (login, etc.) */ .header__secondary-menu { float: right; /* LTR */ } /* Wrapper for any blocks placed in the header region. */ .header__region { /* Clear the logo. */ } /** * Navigation bar. */ #navigation { /* Sometimes you want to prevent overlapping with main div. */ /* overflow: hidden; */ /* Main menu and secondary menu links and menu block links. */ } #navigation .block { margin-bottom: 0; } #navigation .links, #navigation .menu { margin: 0; padding: 0; text-align: left; /* LTR */ } #navigation .links li, #navigation .menu li { /* A simple method to get navigation links to appear in one line. */ float: left; /* LTR */ padding: 0 10px 0 0; /* LTR */ list-style-type: none; list-style-image: none; } /** * Breadcrumb navigation. */ .breadcrumb ol { margin: 0; padding: 0; } .breadcrumb li { display: inline; list-style-type: none; margin: 0; padding: 0; } /** * Titles. */ .page__title, .node__title, .block__title, .comments__title, .comments__form-title, .comment__title { /* Comment title. */ margin: 0; } /** * Messages. */ .messages, .messages--status, .messages--warning, .messages--error { margin: 1.5em 0; padding: 10px 10px 10px 50px; /* LTR */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII='); background-position: 8px 8px; /* LTR */ background-repeat: no-repeat; border: 1px solid #be7; } .messages--warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC'); border-color: #ed5; } .messages--error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg=='); border-color: #ed541d; } .messages__list { margin: 0; } .messages__item { list-style-image: none; } /* Core/module installation error messages. */ .messages--error p.error { color: #333; } /* System status report. */ .ok, .messages--status { background-color: #f8fff0; color: #234600; } .warning, .messages--warning { background-color: #fffce5; color: #840; } .error, .messages--error { background-color: #fef5f1; color: #8c2e0b; } /** * Tabs. */ /* Basic positioning styles shared by primary and secondary tabs. */ .tabs-primary, .tabs-secondary { overflow: hidden; *zoom: 1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, #bbbbbb), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(bottom, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); background-image: -webkit-linear-gradient(bottom, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); background-image: linear-gradient(to top, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); /* IE 9 and earlier don't understand gradients. */ list-style: none; border-bottom: 1px solid #bbb \0/ie; margin: 1.5em 0; padding: 0 2px; white-space: nowrap; } .tabs-primary__tab, .tabs-primary__tab.is-active, .tabs-secondary__tab, .tabs-secondary__tab.is-active { float: left; /* LTR */ margin: 0 3px; } a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active, a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active { border: 1px solid #e9e9e9; border-right: 0; border-bottom: 0; display: block; line-height: 1.5em; text-decoration: none; } /* Primary tabs. */ .tabs-primary__tab, .tabs-primary__tab.is-active { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; text-shadow: 1px 1px 0 #fff; border: 1px solid #bbb; border-bottom-color: transparent; /* IE 9 and earlier don't understand gradients. */ border-bottom: 0 \0/ie; } .tabs-primary__tab.is-active { border-bottom-color: #fff; } a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #333; background-color: #dedede; letter-spacing: 1px; padding: 0 1em; text-align: center; } a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus { background-color: #e9e9e9; border-color: #f2f2f2; } a.tabs-primary__tab-link:active, a.tabs-primary__tab-link.is-active { background-color: transparent; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0))); background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); border-color: #fff; } /* Secondary tabs. */ .tabs-secondary { font-size: .9em; /* Collapse bottom margin of ul.primary. */ margin-top: -1.5em; } .tabs-secondary__tab, .tabs-secondary__tab.is-active { margin: 0.75em 3px; } a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active { -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; text-shadow: 1px 1px 0 #fff; background-color: #f2f2f2; color: #666; padding: 0 .5em; } a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus { background-color: #dedede; border-color: #999; color: #333; } a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active { text-shadow: 1px 1px 0 #333; background-color: #666; border-color: #000; color: #fff; } /** * Inline styles. */ /* List of links generated by theme_links(). */ .inline { display: inline; padding: 0; } .inline li { display: inline; list-style-type: none; padding: 0 1em 0 0; /* LTR */ } /* The inline field label used by the Fences module. */ span.field-label { padding: 0 1em 0 0; /* LTR */ } /** * "More" links. */ .more-link { text-align: right; /* LTR */ } .more-help-link { text-align: right; /* LTR */ } .more-help-link a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC'); background-position: 0 50%; /* LTR */ background-repeat: no-repeat; padding: 1px 0 1px 20px; /* LTR */ } /** * Pager. */ /* A list of page numbers when more than 1 page of content is available. */ .pager { clear: both; padding: 0; text-align: center; border-top: 1px solid #a7a9ac; padding-top: 15px; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis, .pager-current { display: inline; padding: 0 0.5em; list-style-type: none; background-image: none; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis { /* A concatenation of several list items using an ellipsis. */ } .pager-item { font-family: "Avenir LT W01 45 Book"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 24px; } .pager-item a { font-family: "Avenir LT W01 45 Book"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 24px; color: #000; text-decoration: none; } .pager-item a:hover { text-decoration: underline; } /* The current page's list item. */ .pager-current { font-family: "Avenir LT W01 45 Book"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 24px; color: #1b75bc; text-decoration: underline; } .pager-first a, .pager-previous a, .pager-next a, .pager-last a { font-family: "Avenir LT W01 65 Medium"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 24px; color: #1b75bc; text-decoration: none; } .pager-first a:hover, .pager-previous a:hover, .pager-next a:hover, .pager-last a:hover { text-decoration: underline; } /** * Blocks. */ /* Block wrapper. */ .block { margin-bottom: 1.5em; } /** * Menus. */ /*.menu__item.is-leaf { list-style-image: inline-image("menu-leaf.png"); list-style-type: square; } .menu__item.is-expanded { list-style-image: inline-image("menu-expanded.png"); list-style-type: circle; } .menu__item.is-collapsed { list-style-image: inline-image("menu-collapsed.png"); /* LTR */ /*list-style-type: disc; }*/ /* The active item in a Drupal menu. */ .menu a.active { color: #000; } /** * Marker. */ /* The "new" or "updated" marker. */ .new, .update { color: #c00; /* Remove background highlighting from in normalize. */ background-color: transparent; } /** * Unpublished note. */ /* The word "Unpublished" displayed underneath the content. */ .unpublished { height: 0; overflow: visible; /* Remove background highlighting from in normalize. */ background-color: transparent; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; /* A very nice CSS3 property. */ word-wrap: break-word; } /** * Comments. */ /* Wrapper for the list of comments and its title. */ .comments { margin: 1.5em 0; } /* Preview of the comment before submitting new or updated comment. */ .comment-preview { /* Drupal core will use a #ffffea background. See #1110842. */ background-color: #ffffea; } /* Wrapper for a single comment. */ .comment { /* Comment's permalink wrapper. */ } .comment .permalink { text-transform: uppercase; font-size: 75%; } /* Nested comments are indented. */ .indented { /* Drupal core uses a 25px left margin. */ margin-left: 30px; /* LTR */ } /** * Forms. */ /* Wrapper for a form element (or group of form elements) and its label. */ .form-item { margin: 1.5em 0; /* Pack groups of checkboxes and radio buttons closer together. */ /* Form items in a table. */ /* Highlight the form elements that caused a form submission error. */ /* The descriptive help text (separate from the label). */ } .form-checkboxes .form-item, .form-radios .form-item { /* Drupal core uses "0.4em 0". */ margin: 0; } tr.odd .form-item, tr.even .form-item { margin: 0; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; } .form-item .description { font-size: 0.85em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } /* The part of the label that indicates a required field. */ .form-required { color: #c00; } /* Labels for radios and checkboxes. */ label.option { display: inline; font-weight: normal; } /* Buttons used by contrib modules like Media. */ a.button { font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; } a.button:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } .sidebar a.button { display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; line-height: 18px !important; color: #fff !important; text-shadow: none !important; } .sidebar a.button:hover { text-decoration: underline; } .sidebar a.button:hover { text-decoration: underline !important; } /* Password confirmation. */ .password-parent, .confirm-parent { margin: 0; } /* Drupal's default login form block. */ #user-login-form { text-align: left; /* LTR */ } /** * OpenID * * The default styling for the OpenID login link seems to assume Garland's * styling of list items. */ /* OpenID creates a new ul above the login form's links. */ .openid-links { /* Position OpenID's ul next to the rest of the links. */ margin-bottom: 0; } /* The "Log in using OpenID" and "Cancel OpenID login" links. */ .openid-link, .user-link { margin-top: 1.5em; } html.js #user-login-form li.openid-link, #user-login-form li.openid-link { /* Un-do some of the padding on the ul list. */ margin-left: -20px; /* LTR */ } #user-login ul { margin: 1.5em 0; } /** * Drupal admin tables. */ form th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } form tbody { border-top: 1px solid #ccc; } form table ul { margin: 0; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } tr.even { background-color: #fff; } /* Markup generated by theme_tablesort_indicator(). */ td.active { background-color: #ddd; } /* Center checkboxes inside table cell. */ td.checkbox, th.checkbox { text-align: center; } /* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */ td.menu-disabled { background: #ccc; } /** * Autocomplete. * * @see autocomplete.js */ /* Suggestion list. */ #autocomplete .selected { background: #0072b9; color: #fff; } /** * Collapsible fieldsets. * * @see collapse.js */ html.js .collapsible .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); background-position: 5px 65%; /* LTR */ background-repeat: no-repeat; padding-left: 15px; /* LTR */ } html.js .collapsed .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ background-position: 5px 50%; /* LTR */ } .fieldset-legend .summary { color: #999; font-size: 0.9em; margin-left: 0.5em; } /** * TableDrag behavior. * * @see tabledrag.js */ tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } .tabledrag-toggle-weight { font-size: 0.9em; } /** * TableSelect behavior. * * @see tableselect.js */ tr.selected td { background: #ffc; } /** * Progress bar. * * @see progress.js */ .progress { font-weight: bold; } .progress .bar { background: #ccc; border-color: #666; margin: 0 0.2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .progress .filled { background-color: #0072b9; background-image: url('../images/progress.gif?1586363780'); } /** * @file * Print styling * * We provide some sane print styling for Drupal using Zen's layout method. */ /** * By importing this CSS file as media "all", we allow this print file to be * aggregated with other stylesheets, for improved front-end performance. */ @media print { /* Underline all links. */ a:link, a:visited { text-decoration: underline !important; /* Don't underline header. */ } a:link.header__site-link, a:visited.header__site-link { text-decoration: none !important; } #content { /* Add visible URL after links. */ /* Only display useful links. */ /* Add visible title after abbreviations. */ } #content a[href]:after { content: " (" attr(href) ")"; font-weight: normal; font-size: 16px; } #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; } #content abbr[title]:after { content: " (" attr(title) ")"; } /* Un-float the content. */ #content { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Turn off any background colors or images. */ body, #page, #main, #content { color: #000; background-color: transparent !important; background-image: none !important; } /* Hide sidebars and nav elements. */ #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons { visibility: hidden; display: none; } } #logo { display: block; width: 100%; text-align: center; margin-bottom: 1.5em; } #logo .header__logo { float: none; } #sub-logo { display: block; clear: both; padding-top: 12px; padding-bottom: 12px; z-index: 100; line-height: 0; background: rgba(96, 96, 96, 0.5); text-align: center; margin-left: -10px; margin-right: -10px; } @media all and (min-width: 740px) { #logo { width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: left; } #sub-logo { text-align: left; padding-left: 108px; } } @media all and (min-width: 980px) { #logo { width: 32.20339%; float: left; margin-right: 1.69492%; text-align: left; margin-bottom: 20px; } #sub-logo { margin-left: 0; margin-right: 0; padding-left: 0; display: block; position: absolute; bottom: -35px; padding-top: 12px; padding-bottom: 12px; left: 9%; z-index: 100; line-height: 0; } #sub-logo:before { content: ''; width: 3000px; height: 100%; position: absolute; top: 0; left: -3000px; background: rgba(96, 96, 96, 0.5); } #sub-logo:after { content: ''; width: 3000px; height: 100%; position: absolute; top: 0; right: -3000px; background: rgba(96, 96, 96, 0.5); } } @media all and (min-width: 1220px) { #sub-logo { left: 8.5%; } } /* Donate block */ #block-umbrella-custom-umbrella-donate { text-align: center; margin-bottom: 1.5em; float: left; width: 100%; } #block-umbrella-custom-umbrella-donate a { font-family: 'Roboto Condensed', sans-serif; font-size: 1.0625em; line-height: 1.41176em; font-weight: 700; font-style: normal; text-decoration: none; color: #fff; text-transform: uppercase; } #block-umbrella-custom-umbrella-donate a:hover { text-decoration: underline; } #block-umbrella-custom-umbrella-donate a .heart { display: inline-block; vertical-align: bottom; width: 25px; height: 26px; background: url(../images/heart.png); } /* search box */ #block-search-form { width: 100%; margin-bottom: 0; float: left; } #block-search-form input[type=text] { float: left; background: #f2f2f2; border: none; height: 44px; font-family: "Avenir LT W01 65 Medium"; font-size: 0.8125em; line-height: 1.84615em; color: #898989; line-height: 48px; width: -moz-calc(100% - 51px); width: -webkit-calc(100% - 51px); width: calc(100% - 51px); padding-left: 20px; padding-right: 20px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } #block-search-form input[type=submit] { float: right; width: 51px; height: 44px; background: url(../images/search-white.png) center center no-repeat; border: none; padding: none; text-indent: -99999px; } @media all and (min-width: 980px) { .region-header { width: 66.10169%; float: right; margin-right: 0; padding-top: 10px; } #block-umbrella-custom-umbrella-donate { text-align: left; float: right; margin-top: 8px; margin-left: 20px; margin-bottom: 0; width: auto; } #block-umbrella-custom-umbrella-donate a { color: #8dc63f; } #block-search-form { width: auto; float: right; position: relative; cursor: pointer; margin-bottom: 0; } #block-search-form .form-item { display: none; position: absolute; width: 600px; right: 51px; margin: 0; z-index: 100; } #block-search-form .form-item input[type=text] { width: 100%; } #block-search-form input[type=submit] { margin-bottom: 0; background-image: url(../images/search-grey.png); } #block-search-form.opened input[type=submit] { background-image: url(../images/search-white.png); background-color: #ffcb05; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } #block-search-form:hover input[type=submit] { background-image: url(../images/search-white.png); background-color: #ffcb05; } #block-menu-block-1 { float: right; width: auto; margin-top: 10px; } #block-menu-block-1 .menu-block-wrapper > ul.menu { margin: 0; padding: 0; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li { display: block; position: relative; float: left; width: auto; list-style-type: none; list-style-image: none; margin-right: 30px; line-height: 13px; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li.expanded > a:after { content: url(../images/secondary-expanded-icon.png); display: block; position: absolute; top: 1px; right: -12px; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li > a { font-family: "Avenir LT W01 65 Medium"; font-size: 0.8125em; line-height: 1.84615em; line-height: 13px; text-decoration: none; color: #898989; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li > a:hover { text-decoration: underline; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li ul.menu { display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; background: #f1f1f1; z-index: 100; width: 120px; position: absolute; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li ul.menu li { list-style-type: none; list-style-image: none; margin: 0; padding: 0; margin-bottom: 10px; position: relative; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li ul.menu li.last { margin-bottom: 0; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li ul.menu li a { font-family: "Avenir LT W01 65 Medium"; font-size: 0.8125em; line-height: 1.84615em; line-height: 13px; text-decoration: none; color: #898989; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li ul.menu li a:hover { text-decoration: underline; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li ul.menu li ul.menu { left: 100%; display: none; top: -10px; position: absolute; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li ul.menu li:hover > ul.menu { display: block; } #block-menu-block-1 .menu-block-wrapper > ul.menu > li.opened ul.menu { position: absolute; } } #menu-toggle { position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: #00a79d; padding-left: 20px; padding-top: 10px; cursor: pointer; font-family: "Avenir LT W01 35 Light"; font-size: 1.25em; line-height: 1.2em; line-height: 20px; color: #fff; } /* JS wraps main and secondary menu into #mobile-menu */ #mobile-menu { background: #00a79d; padding: 20px; width: 100%; position: absolute; top: 30px; left: -100%; z-index: 200; } #mobile-menu #block-system-main-menu, #mobile-menu #block-menu-block-1 { margin-bottom: 0; float: left; width: 100%; } #mobile-menu #block-system-main-menu ul, #mobile-menu #block-menu-block-1 ul { margin: 0; padding: 0; } #mobile-menu #block-system-main-menu ul li, #mobile-menu #block-menu-block-1 ul li { list-style-type: none; list-style-image: none; margin: 0; padding: 0; /* Hide megamenu images on mobile */ } #mobile-menu #block-system-main-menu ul li.has-block, #mobile-menu #block-menu-block-1 ul li.has-block { display: none; } #mobile-menu #block-system-main-menu ul li a, #mobile-menu #block-menu-block-1 ul li a { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 1.125em; line-height: 1.33333em; font-weight: 25px; font-style: normal; color: #fff; text-decoration: none; margin-bottom: 10px; text-transform: uppercase; } #mobile-menu #block-system-main-menu ul li a:hover, #mobile-menu #block-menu-block-1 ul li a:hover { text-decoration: underline; } #mobile-menu #block-system-main-menu ul li ul.menu, #mobile-menu #block-menu-block-1 ul li ul.menu { padding-left: 20px; display: block !important; } #mobile-menu #block-system-main-menu ul li ul.menu li a, #mobile-menu #block-menu-block-1 ul li ul.menu li a { text-transform: none; } @media all and (min-width: 980px) { #block-system-main-menu { float: right; position: static; margin-top: 6%; margin-bottom: 0; margin-right: -15px; } #block-system-main-menu > ul.menu { display: block; margin: 0; padding: 0; } #block-system-main-menu > ul.menu > li { display: block; float: left; list-style-type: none; list-style-image: none; margin: 0; } #block-system-main-menu > ul.menu > li > a { font-family: 'Roboto Condensed', sans-serif; font-size: 0.9375em; line-height: 1.6em; font-weight: 700; font-style: normal; line-height: 15px; text-decoration: none; color: #6d6e71; text-transform: uppercase; padding: 15px 10px 25px 10px; } #block-system-main-menu > ul.menu > li > ul.menu { display: none; } #block-system-main-menu > ul.menu > li.active-trail > a { color: #1b75bc; } #block-system-main-menu > ul.menu > li.opened > a { color: #fff !important; background: #1b75bc; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #block-system-main-menu > ul.menu > li > ul.menu { background: #1b75bc; position: absolute; left: 0; z-index: 200; margin-top: 14px; width: 100%; padding-top: 45px; padding-left: 0; padding-bottom: 40px; } #block-system-main-menu > ul.menu > li > ul.menu:before { content: ''; background: #1b75bc; width: 200%; height: 100%; position: absolute; top: 0; left: -200%; z-index: -100; } #block-system-main-menu > ul.menu > li > ul.menu:after { content: ''; background: #1b75bc; width: 200%; height: 100%; top: 0; right: -200%; z-index: -100; position: absolute; } #block-system-main-menu > ul.menu > li > ul.menu > li { list-style-type: none; list-style-image: none; width: 49.15254%; float: right; margin-right: 0; display: block; padding-left: 15px; margin-bottom: 10px; line-height: 26px; } #block-system-main-menu > ul.menu > li > ul.menu > li > a { font-family: "Avenir LT W01 45 Book"; font-size: 1.375em; line-height: 2.18182em; font-size: 22px; line-height: 26px; color: #fff; text-decoration: none; } #block-system-main-menu > ul.menu > li > ul.menu > li > a:hover { text-decoration: underline; } #block-system-main-menu > ul.menu > li > ul.menu > li.has-block { width: 49.15254%; float: left; margin-right: 1.69492%; } #block-system-main-menu > ul.menu > li > ul.menu > li.has-block > a { display: none; } #block-system-main-menu > ul.menu > li > ul.menu > li.has-block .menu-attach-block-wrapper { display: block; } #block-system-main-menu > ul.menu > li > ul.menu > li.has-block .menu-attach-block-wrapper .block { position: relative; top: 0; margin: 0; background: none; padding: 0; width: 100%; } #block-system-main-menu > ul.menu > li > ul.menu > li.has-block .menu-attach-block-wrapper .block p { margin: 0; } #block-system-main-menu > ul.menu > li > ul.menu > li.has-block .menu-attach-block-wrapper .block img { width: 100%; height: auto; } #block-system-main-menu > ul.menu > li > ul.menu > li:nth-child(2) { margin-top: 20px; } #block-system-main-menu > ul.menu > li > ul.menu > li ul.menu { display: none; } #block-system-main-menu > ul.menu > li.menu-711.opened > a { background: #8dc63f; } #block-system-main-menu > ul.menu > li.menu-711 > ul.menu { background: #8dc63f; } #block-system-main-menu > ul.menu > li.menu-711 > ul.menu:before, #block-system-main-menu > ul.menu > li.menu-711 > ul.menu:after { background: #8dc63f; } #block-system-main-menu > ul.menu > li.menu-711.active-trail > a { color: #8dc63f; } #block-system-main-menu > ul.menu > li.menu-1614.opened > a { background: #ed1c24 !important; } #block-system-main-menu > ul.menu > li.menu-1614 > ul.menu { background: #ed1c24; } #block-system-main-menu > ul.menu > li.menu-1614 > ul.menu:before, #block-system-main-menu > ul.menu > li.menu-1614 > ul.menu:after { background: #ed1c24; } #block-system-main-menu > ul.menu > li.menu-1614.active-trail > a { color: #ed1c24; } #block-system-main-menu > ul.menu > li.menu-704.opened > a { background: #92278f !important; } #block-system-main-menu > ul.menu > li.menu-704 > ul.menu { background: #92278f; } #block-system-main-menu > ul.menu > li.menu-704 > ul.menu:before, #block-system-main-menu > ul.menu > li.menu-704 > ul.menu:after { background: #92278f; } #block-system-main-menu > ul.menu > li.menu-704.active-trail > a { color: #92278f; } #block-system-main-menu > ul.menu > li.menu-712.opened > a { background: #f7941d !important; } #block-system-main-menu > ul.menu > li.menu-712 > ul.menu { background: #f7941d; } #block-system-main-menu > ul.menu > li.menu-712 > ul.menu:before, #block-system-main-menu > ul.menu > li.menu-712 > ul.menu:after { background: #f7941d; } #block-system-main-menu > ul.menu > li.menu-712.active-trail > a { color: #f7941d; } } @media all and (min-width: 1220px) { #block-system-main-menu > ul.menu > li > a { font-family: 'Roboto Condensed', sans-serif; font-size: 1.0625em; line-height: 1.41176em; font-weight: 700; font-style: normal; line-height: 17px; padding-left: 15px; padding-right: 15px; } #block-system-main-menu > ul.menu > li.opened > ul.menu { margin-top: 22px; } } /* Home slider */ #block-views-home-billboards-block { margin-left: -10px; margin-right: -10px; margin-bottom: 0; } #block-views-home-billboards-block .flexslider { background: #1b75bc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin-bottom: 0; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #block-views-home-billboards-block .flexslider .views-field-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; color: #fff; padding: 0 10px; margin-bottom: 10px; } #block-views-home-billboards-block .flexslider .views-field-field-button { margin-left: 10px; margin-right: 10px; float: left; margin-bottom: 40px; } #block-views-home-billboards-block .flexslider .views-field-field-button a { font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 16px; color: #fff; text-decoration: none; text-transform: uppercase; padding: 15px 20px 12px 20px; display: block; border: 2px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; } #block-views-home-billboards-block .flexslider .views-field-field-button a:hover { background: #8dc63f; border-color: #8dc63f; } #block-views-home-billboards-block .flexslider .flex-control-nav { position: absolute; bottom: 13px; z-index: 100; } #block-views-home-billboards-block .flexslider .flex-control-paging li a { width: 18px; height: 18px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: none; } #block-views-home-billboards-block .flexslider .flex-control-paging li a.flex-active { background: #ffcb05; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } @media all and (min-width: 980px) { #block-views-home-billboards-block { margin-left: 0; margin-right: 0; margin-bottom: 0; } #block-views-home-billboards-block .flexslider { margin-bottom: 0; } #block-views-home-billboards-block .flexslider .views-field-nothing { position: absolute; bottom: 0; background: rgba(27, 117, 188, 0.85); bottom: 55px; width: 100%; padding-top: 40px; padding-bottom: 30px; } #block-views-home-billboards-block .flexslider .views-field-nothing .field-content { display: block; max-width: 1180px; margin-left: auto; margin-right: auto; margin-left: auto; margin-right: auto; } #block-views-home-billboards-block .flexslider .views-field-nothing .field-content:after { content: " "; display: block; clear: both; } #block-views-home-billboards-block .flexslider .views-field-title { float: left; width: 66.10169%; float: left; margin-right: 1.69492%; font-family: 'Roboto Condensed', sans-serif; font-size: 4.0625em; line-height: 1.10769em; font-weight: 400; font-style: normal; line-height: 70px; margin-top: -8px; margin-left: 10px; padding: 0; } #block-views-home-billboards-block .flexslider .views-field-field-button { float: right; margin-top: 7px; margin-bottom: 0; } } @media all and (min-width: 1100px) { #block-views-home-billboards-block .flexslider .views-field-title { width: 74.57627%; float: left; margin-right: 1.69492%; } } @media all and (min-width: 1200px) { #block-views-home-billboards-block .flexslider .views-field-title { margin-left: 0; } } #block-umbrella-custom-home-alert { background: #f7f6f3; position: relative; padding: 15px 10px 25px 10px; border-bottom: 1px solid #fff; margin-bottom: 0; margin-left: -10px; margin-right: -10px; } #block-umbrella-custom-home-alert:after { content: ''; display: block; width: 100%; height: 24px; position: absolute; bottom: -25px; left: 0; background: url(../images/alert-shadow.png); background-size: 100% 24px; } #block-umbrella-custom-home-alert h2.block-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5625em; line-height: 1.92em; color: #ed1c24; } #block-umbrella-custom-home-alert .message { font-family: "Avenir LT W01 45 Book"; font-size: 1.25em; line-height: 1.2em; color: #ed1c24; } #block-umbrella-custom-home-alert .message p { margin: 0; } @media all and (min-width: 980px) { #block-umbrella-custom-home-alert { margin-left: 0; margin-right: 0; } #block-umbrella-custom-home-alert h2.block-title { max-width: 1180px; margin-left: auto; margin-right: auto; text-align: center; } #block-umbrella-custom-home-alert h2.block-title:after { content: " "; display: block; clear: both; } #block-umbrella-custom-home-alert .message { max-width: 1180px; margin-left: auto; margin-right: auto; text-align: center; } #block-umbrella-custom-home-alert .message:after { content: " "; display: block; clear: both; } } #block-views-what-s-new-block { position: relative; margin-top: 2.25em; margin-bottom: 3em; } #block-views-what-s-new-block:after { content: ''; background: url(../images/whats-new-shadow.png); background-size: 100% 24px; display: block; width: 100%; height: 24px; position: relative; top: 10px; } #block-views-what-s-new-block h2.block__title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.25em; line-height: 1.33333em; font-weight: 300; font-style: normal; text-transform: uppercase; border-bottom: 1px solid #a7a9ac; padding-bottom: 10px; margin-bottom: 0.75em; } #block-views-what-s-new-block .view-header a { display: block; display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; margin-bottom: 30px; float: right; margin-left: 50%; } #block-views-what-s-new-block .view-header a:hover { text-decoration: underline; } #block-views-what-s-new-block .views-row { margin-bottom: 1.5em; } #block-views-what-s-new-block .views-row .views-field-field-image img { display: block; width: 100%; height: auto; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content { display: block; width: 100%; padding: 15px 20px; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-22 { background: #1b75bc; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-23 { background: #8dc63f; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-24 { background: #f7941d; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-25 { background: #ed1c24; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-26 { background: #92278f; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-27 { background: #00a79d; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content .category { font-family: "Avenir LT W01 35 Light"; font-size: 0.9375em; line-height: 1.6em; color: #ffffff; text-transform: uppercase; margin-bottom: 5px; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content .title a { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; line-height: 30px; color: #ffffff; text-decoration: none; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content .title a:hover { text-decoration: underline; } @media all and (min-width: 381px) { #block-views-what-s-new-block { float: left; width: 100%; margin-bottom: 80px; } #block-views-what-s-new-block:after { position: absolute; top: auto; bottom: -35px; } #block-views-what-s-new-block .views-row { width: 49.15254%; float: left; margin-right: 1.69492%; position: relative; margin-bottom: 1.69492%; } #block-views-what-s-new-block .views-row:nth-child(even) { width: 49.15254%; float: right; margin-right: 0; } #block-views-what-s-new-block .views-row:nth-child(odd) { clear: both; } } @media all and (min-width: 740px) { #block-views-what-s-new-block .view-header a { margin-left: 0; margin-bottom: 0; position: absolute; right: 0; top: 2px; } #block-views-what-s-new-block .views-row { width: 32.20339%; float: left; margin-right: 1.69492%; } #block-views-what-s-new-block .views-row:nth-child(even) { width: 32.20339%; float: left; margin-right: 1.69492%; } #block-views-what-s-new-block .views-row:nth-child(odd) { clear: none; } #block-views-what-s-new-block .views-row:nth-child(3n + 3) { width: 32.20339%; float: right; margin-right: 0; } #block-views-what-s-new-block .views-row:nth-child(3n + 1) { clear: both; } } @media all and (min-width: 980px) { #block-views-what-s-new-block .views-row .views-field-nothing { position: absolute; bottom: 0; width: 100%; } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-22 { background: rgba(27, 117, 188, 0.85); } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-23 { background: rgba(141, 198, 63, 0.85); } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-24 { background: rgba(247, 148, 29, 0.85); } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-25 { background: rgba(237, 28, 36, 0.85); } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-26 { background: rgba(146, 39, 143, 0.85); } #block-views-what-s-new-block .views-row .views-field-nothing .field-content.program-27 { background: rgba(0, 167, 157, 0.85); } #block-views-what-s-new-block .views-row:hover .views-field-nothing .field-content.program-22 { background: #1b75bc; } #block-views-what-s-new-block .views-row:hover .views-field-nothing .field-content.program-23 { background: #8dc63f; } #block-views-what-s-new-block .views-row:hover .views-field-nothing .field-content.program-24 { background: #f7941d; } #block-views-what-s-new-block .views-row:hover .views-field-nothing .field-content.program-25 { background: #ed1c24; } #block-views-what-s-new-block .views-row:hover .views-field-nothing .field-content.program-26 { background: #92278f; } #block-views-what-s-new-block .views-row:hover .views-field-nothing .field-content.program-27 { background: #00a79d; } } #block-views-featured-blog-post-block { margin-bottom: 3em; } #block-views-featured-blog-post-block h2.block-title a { font-family: "Avenir LT W01 35 Light"; font-size: 0.9375em; line-height: 1.6em; font-size: 15px; line-height: 15px; color: #92278f; text-transform: uppercase; margin-bottom: 5px; text-decoration: none; } #block-views-featured-blog-post-block h2.block-title a:hover { text-decoration: underline; } #block-views-featured-blog-post-block .views-row .views-field-title { margin-bottom: 10px; } #block-views-featured-blog-post-block .views-row .views-field-title a { font-family: "Avenir LT W01 85 Heavy"; font-size: 2.1875em; line-height: 1.37143em; color: #000; text-decoration: none; } #block-views-featured-blog-post-block .views-row .views-field-title a:hover { text-decoration: underline; } #block-views-featured-blog-post-block .views-row .views-field-body { font-family: "Avenir LT W01 35 Light"; font-size: 1.25em; line-height: 1.2em; line-height: 30px; color: #000; margin-bottom: 1.5em; } #block-views-featured-blog-post-block .views-row .views-field-body a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; font-size: 15px; line-height: 30px; color: #8dc63f; text-decoration: none; text-transform: uppercase; } #block-views-featured-blog-post-block .views-row .views-field-body a:hover { text-decoration: underline; } #block-views-featured-blog-post-block .views-row .views-field-field-thumbnail { text-align: center; margin-bottom: 1.5em; } #block-views-featured-blog-post-block .views-row .views-field-field-thumbnail img { -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); } #block-views-featured-blog-post-block .views-row .views-field-nothing { text-align: center; } #block-views-featured-blog-post-block .views-row .views-field-nothing a { display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; } #block-views-featured-blog-post-block .views-row .views-field-nothing a:hover { text-decoration: underline; } @media all and (min-width: 381px) { #block-views-featured-blog-post-block { float: left; } } @media all and (min-width: 740px) { #block-views-featured-blog-post-block .views-row .post-info-wrapper { width: 57.62712%; float: left; margin-right: 1.69492%; } #block-views-featured-blog-post-block .views-row .views-field-body { margin-bottom: 40px; } #block-views-featured-blog-post-block .views-row .views-field-field-thumbnail { width: 40.67797%; float: right; margin-right: 0; margin-top: -40px; } #block-views-featured-blog-post-block .views-row .views-field-field-thumbnail img { float: right; } #block-views-featured-blog-post-block .views-row .views-field-nothing { text-align: left; } } #region-footer-wrapper { background: #f7f6f3; padding-top: 25px; } #block-mailchimp-signup-newsletter { margin-bottom: 0; } #block-mailchimp-signup-newsletter h2.block-title { font-family: "Avenir LT W01 35 Light"; font-size: 0.9375em; line-height: 1.6em; color: #712c86; text-transform: uppercase; text-shadow: 0px 1px #ffffff; } #block-mailchimp-signup-newsletter .description { font-family: "Avenir LT W01 35 Light"; font-size: 1.25em; line-height: 1.2em; line-height: 28px; color: #000; text-shadow: 0px 1px #ffffff; } #block-mailchimp-signup-newsletter .form-item label { display: none; } @media all and (min-width: 740px) { #block-mailchimp-signup-newsletter form .form-item { position: relative; width: 32.20339%; float: left; margin-right: 1.69492%; } #block-mailchimp-signup-newsletter form .form-item:nth-child(3) { width: 32.20339%; float: right; margin-right: 0; } #block-mailchimp-signup-newsletter form .form-item input { width: 100%; } } @media all and (min-width: 1200px) { #region-footer-wrapper { padding-bottom: 25px; } #block-mailchimp-signup-newsletter .description { float: left; padding-right: 50px; border-right: 1px solid #c6c5c3; margin-right: 30px; line-height: 50px; } #block-mailchimp-signup-newsletter .mailchimp-newsletter-mergefields { float: left; position: relative; width: 36%; margin-right: 30px; } #block-mailchimp-signup-newsletter .form-item { float: left; margin-top: 0; margin-bottom: 0; } #block-mailchimp-signup-newsletter .input[type=submit] { float: right; margin-bottom: 0; } } #region-bottom-wrapper { background: #1b75bc; padding-top: 60px; padding-bottom: 25px; text-align: center; } #region-bottom-wrapper #block-menu-block-2 { display: none; } #region-bottom-wrapper #block-block-2 h2.block-title { display: none; } #region-bottom-wrapper #block-block-2 p { font-family: "Avenir LT W01 65 Medium"; font-size: 0.9375em; line-height: 1.6em; color: #fff; line-height: 26px; } #region-bottom-wrapper #block-block-2 p a { color: #fff; text-decoration: underline; } #region-bottom-wrapper #block-block-2 p a:hover { text-decoration: none; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social { text-align: center; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social h4 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.125em; line-height: 1.33333em; color: #fff; text-transform: uppercase; margin-bottom: 15px; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social .addthis_horizontal_follow_toolbox p { display: none; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social .addthis_toolbox { display: inline-block; width: auto; margin-left: auto; margin-right: auto; } #region-bottom-wrapper #block-umbrella-custom-bartlett { font-family: "Avenir LT W01 35 Light"; font-size: 0.75em; line-height: 2em; color: #51a3e3; text-align: center; margin-top: 1.5em; } #region-bottom-wrapper #block-umbrella-custom-bartlett a { color: #51a3e3; text-decoration: underline; } #region-bottom-wrapper #block-umbrella-custom-bartlett a:hover { text-decoration: none; } .region-bottom { background: url(../images/bottom-icon.png) center bottom no-repeat; } @media all and (min-width: 980px) { #region-bottom-wrapper { padding-top: 0; } #region-bottom-wrapper #block-menu-block-2 { display: block; float: left; width: 100%; text-align: left; margin-bottom: 80px; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu { padding: 0; margin: 0; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li { list-style-type: none; list-style-image: none; display: block; float: left; margin-right: 100px; width: 16.66667%; float: left; margin-right: 4.16667%; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li.last { width: 16.66667%; float: right; margin-right: 0; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > a { display: block; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 1.125em; line-height: 1.33333em; font-weight: 700; font-style: normal; line-height: 18px; color: #fff; text-transform: uppercase; text-decoration: none; margin-bottom: 15px; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > a:hover { text-decoration: underline; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > ul.menu { margin: 0; padding: 0; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > ul.menu > li { list-style-type: none; list-style-image: none; display: block; float: left; clear: both; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > ul.menu > li.has-block { display: none; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > ul.menu > li > a { display: block; font-family: "Avenir LT W01 35 Light"; font-size: 0.9375em; line-height: 1.6em; color: #fff; text-decoration: none; line-height: 18px; margin-bottom: 10px; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > ul.menu > li > a:hover { text-decoration: underline; } #region-bottom-wrapper #block-menu-block-2 .menu-block-wrapper > ul.menu > li > ul.menu > li ul.menu { display: none; } #region-bottom-wrapper #block-block-2 { float: left; text-align: left; } #region-bottom-wrapper #block-block-2 p { margin-top: 0; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social { text-align: left; float: right; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social > a { float: left; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social img { float: left; display: block; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social .addthis-wrapper { float: right; margin-left: 40px; display: block; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social .addthis_toolbox { display: block; float: right; width: auto; margin-left: 0; margin-right: 0; } #region-bottom-wrapper #block-umbrella-custom-umbrella-footer-social h4 { margin-top: 0; } #region-bottom-wrapper #block-umbrella-custom-bartlett { float: left; clear: both; } .region-bottom { padding-top: 60px; background-position: left 180px bottom 30px; } } @media all and (min-width: 1220px) { #block-menu-block-2 { position: relative; } #block-menu-block-2 li.menu-mlid-712 { position: absolute; top: 0; right: 55px; } } #block-umbrella-custom-umbrella-header-images, #block-umbrella-view-header-images-view-header-images { margin-bottom: 0; } #block-umbrella-custom-umbrella-header-images .field-items, #block-umbrella-custom-umbrella-header-images .field-item, #block-umbrella-view-header-images-view-header-images .field-items, #block-umbrella-view-header-images-view-header-images .field-item { line-height: 0; } #block-umbrella-custom-umbrella-header-images .flexslider, #block-umbrella-view-header-images-view-header-images .flexslider { border: none; background: none; margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; max-height: 400px; overflow: hidden; margin-left: -10px; margin-right: -10px; } #block-umbrella-custom-umbrella-header-images .flexslider:hover .flex-direction-nav a, #block-umbrella-view-header-images-view-header-images .flexslider:hover .flex-direction-nav a { margin-top: -30px; } #block-umbrella-custom-umbrella-header-images .flexslider:hover .flex-direction-nav .flex-prev, #block-umbrella-view-header-images-view-header-images .flexslider:hover .flex-direction-nav .flex-prev { text-indent: -5000px; left: 5%; width: 37px; height: 63px; background: url(../images/header-slider-left.png); } #block-umbrella-custom-umbrella-header-images .flexslider:hover .flex-direction-nav .flex-next, #block-umbrella-view-header-images-view-header-images .flexslider:hover .flex-direction-nav .flex-next { text-indent: 5000px; right: 5%; width: 37px; height: 63px; background: url(../images/header-slider-right.png); } .node-type-program-page h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-program-page h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .node-type-program-page .field-name-field-thumbnail { text-align: center; margin-bottom: 60px; } .node-type-program-page .field-name-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } .node-type-program-page .field-name-body { margin-bottom: 60px; } .node-type-program-page .field-name-body .field-label { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5625em; line-height: 1.92em; line-height: 35px; margin-bottom: 10px; } .node-type-program-page .field-name-body .field-items { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; /*@include avenir(20px, light); line-height: 35px; a { color: $green; @include link; } p { margin-top: 0; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } a.button { margin-bottom: 10px; }*/ } .node-type-program-page .field-name-body .field-items a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-program-page .field-name-body .field-items a:hover { text-decoration: underline; } .node-type-program-page .field-name-body .field-items ul { padding-left: 0; } .node-type-program-page .field-name-body .field-items ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-program-page .field-name-body .field-items img { margin: 15px; } .node-type-program-page .field-name-body .field-items h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-program-page .field-name-body .field-items h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-program-page .field-name-body .field-items p { margin-top: .5em; } @media all and (min-width: 740px) { .node-type-program-page .field-name-field-thumbnail { width: 32.20339%; float: left; margin-right: 1.69492%; padding-right: 25px; } .node-type-program-page .field-name-body { width: 66.10169%; float: right; margin-right: 0; padding-right: 5%; } } @media all and (min-width: 980px) { .node-type-program-page h1#page-title { display: none; } } .pane-umbrella-custom-umbrella-highlighted-programs h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .pane-umbrella-custom-umbrella-highlighted-programs .program { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 40px; } .pane-umbrella-custom-umbrella-highlighted-programs .program .image { text-align: center; line-height: 0; } .pane-umbrella-custom-umbrella-highlighted-programs .program .body { background: #f7f6f3; padding: 20px 20px 10px 20px; font-family: "Avenir LT W01 45 Book"; font-size: 1em; line-height: 1.5em; line-height: 26px; } .pane-umbrella-custom-umbrella-highlighted-programs .program .body .title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; color: #000; line-height: 30px; margin-top: 0; margin-bottom: 10px; text-shadow: 0px 1px #ffffff; } .pane-umbrella-custom-umbrella-highlighted-programs .program .body .title a { color: #000; text-decoration: none; text-transform: none; } .pane-umbrella-custom-umbrella-highlighted-programs .program .body .title a:hover { text-decoration: underline; } .pane-umbrella-custom-umbrella-highlighted-programs .program .body p { font-family: "Avenir LT W01 45 Book"; font-size: 1em; line-height: 1.5em; line-height: 26px; margin-top: 0; margin-bottom: 10px; text-shadow: 0px 1px #ffffff; } .pane-umbrella-custom-umbrella-highlighted-programs .program .body p a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.875em; line-height: 1.71429em; font-size: 14px; line-height: 26px; color: #8dc63f; text-transform: uppercase; text-decoration: none; text-shadow: 0px 1px #ffffff; } .pane-umbrella-custom-umbrella-highlighted-programs .program .body p a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-highlighted-programs { float: left; width: 100%; } .pane-umbrella-custom-umbrella-highlighted-programs .program { width: 32.20339%; float: left; margin-right: 1.69492%; } .pane-umbrella-custom-umbrella-highlighted-programs .program:nth-child(3n+3) { width: 32.20339%; float: right; margin-right: 0; } } .pane-umbrella-custom-program-events { margin-bottom: 30px; position: relative; } .pane-umbrella-custom-program-events h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .pane-umbrella-custom-program-events .view-all { display: block; font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-bottom: 30px; float: right; margin-left: 50%; } .pane-umbrella-custom-program-events .view-all:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } @media all and (min-width: 740px) { .pane-umbrella-custom-program-events .view-all { margin-left: 0; margin-bottom: 0; position: absolute; right: 0; top: 2px; } } .pane-umbrella-custom-program-events .views-row { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 40px; position: relative; margin-left: auto; margin-right: auto; background: #f7f6f3; } .pane-umbrella-custom-program-events .views-row.views-row-first { clear: both; } .pane-umbrella-custom-program-events .views-row .views-field-field-dates { position: absolute; top: 0; left: 20px; background: rgba(141, 198, 63, 0.85); font-family: 'Roboto Condensed', sans-serif; font-size: 1.875em; line-height: 1.6em; font-weight: 300; font-style: normal; text-transform: uppercase; color: #fff; line-height: 35px; padding: 5px 15px; width: 75px; text-align: center; } .pane-umbrella-custom-program-events .views-row .views-field-field-header-images { text-align: center; line-height: 0; } .pane-umbrella-custom-program-events .views-row .views-field-field-dates-1 { font-family: "Avenir LT W01 35 Light"; font-size: 0.9375em; line-height: 1.6em; line-height: 20px; color: #6f6f6f; text-transform: uppercase; padding-top: 20px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; text-shadow: 0px 1px #ffffff; } .pane-umbrella-custom-program-events .views-row .views-field-title a { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; color: #000; text-decoration: none; line-height: 30px; display: block; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-shadow: 0px 1px #ffffff; } .pane-umbrella-custom-program-events .views-row .views-field-title a:hover { text-decoration: underline; } .pane-umbrella-custom-program-events .views-row .views-field-body { font-family: "Avenir LT W01 45 Book"; font-size: 1em; line-height: 1.5em; line-height: 26px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; text-shadow: 0px 1px #ffffff; } .pane-umbrella-custom-program-events .views-row .views-field-body a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.875em; line-height: 1.71429em; color: #8dc63f; font-size: 14px; line-height: 26px; text-transform: uppercase; text-decoration: none; text-shadow: 0px 1px #ffffff; } .pane-umbrella-custom-program-events .views-row .views-field-body a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .pane-umbrella-custom-program-events { float: left; } .pane-umbrella-custom-program-events .views-row { width: 32.20339%; float: left; margin-right: 1.69492%; } .pane-umbrella-custom-program-events .views-row:nth-child(3) { width: 32.20339%; float: right; margin-right: 0; } } .pane-umbrella-custom-umbrella-artsed-instructors { margin-top: 30px; position: relative; } .pane-umbrella-custom-umbrella-artsed-instructors h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .pane-umbrella-custom-umbrella-artsed-instructors .view-all { display: block; font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-bottom: 30px; float: right; margin-left: 50%; } .pane-umbrella-custom-umbrella-artsed-instructors .view-all:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-artsed-instructors .view-all { margin-left: 0; margin-bottom: 0; position: absolute; right: 0; top: 2px; } } .pane-umbrella-custom-umbrella-artsed-instructors .person, .pane-umbrella-custom-umbrella-artsed-instructors .views-row { text-align: center; margin-bottom: 40px; } .pane-umbrella-custom-umbrella-artsed-instructors .person img, .pane-umbrella-custom-umbrella-artsed-instructors .views-row img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 15px; } .pane-umbrella-custom-umbrella-artsed-instructors .person .name, .pane-umbrella-custom-umbrella-artsed-instructors .person .views-field-title, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .name, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .views-field-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; line-height: 28px; margin-bottom: 6px; text-align: left; } .pane-umbrella-custom-umbrella-artsed-instructors .person .subtitle, .pane-umbrella-custom-umbrella-artsed-instructors .person .views-field-field-subtitle, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .subtitle, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .views-field-field-subtitle { font-family: "AvenirLTW01-35LightObli"; font-size: 1.125em; line-height: 1.33333em; line-height: 22px; color: #6d6e71; margin-bottom: 10px; text-align: left; } .pane-umbrella-custom-umbrella-artsed-instructors .person .link, .pane-umbrella-custom-umbrella-artsed-instructors .person .views-field-nothing, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .link, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .views-field-nothing { text-align: left; } .pane-umbrella-custom-umbrella-artsed-instructors .person .link a, .pane-umbrella-custom-umbrella-artsed-instructors .person .views-field-nothing a, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .link a, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .views-field-nothing a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; color: #8dc63f; text-transform: uppercase; line-height: 18px; text-decoration: none; } .pane-umbrella-custom-umbrella-artsed-instructors .person .link a:hover, .pane-umbrella-custom-umbrella-artsed-instructors .person .views-field-nothing a:hover, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .link a:hover, .pane-umbrella-custom-umbrella-artsed-instructors .views-row .views-field-nothing a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-artsed-instructors { float: left; width: 100%; } .pane-umbrella-custom-umbrella-artsed-instructors .person, .pane-umbrella-custom-umbrella-artsed-instructors .views-row { width: 32.20339%; float: left; margin-right: 1.69492%; margin-bottom: 60px; } .pane-umbrella-custom-umbrella-artsed-instructors .person:nth-child(3n+3), .pane-umbrella-custom-umbrella-artsed-instructors .views-row:nth-child(3n+3) { width: 32.20339%; float: right; margin-right: 0; } .pane-umbrella-custom-umbrella-artsed-instructors .person:nth-child(3n+1), .pane-umbrella-custom-umbrella-artsed-instructors .views-row:nth-child(3n+1) { clear: both; } } .pane-umbrella-custom-related-blog-posts { float: left; width: 100%; } .pane-umbrella-custom-related-blog-posts h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; margin-top: none; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .view-header { margin-bottom: 30px; text-align: right; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .view-header p { margin: 0; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .view-header a { font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .view-header a:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row { padding-bottom: 20px; border-bottom: 1px solid #a7a9ac; margin-bottom: 35px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row.views-row-last { border-bottom: none; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-thumbnail { text-align: center; margin-bottom: 15px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-title { margin-bottom: 10px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-title a { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5625em; line-height: 1.92em; line-height: 30px; color: #000; text-decoration: none; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-title a:hover { text-decoration: underline; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-title a:hover { color: #8dc63f; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-nothing { font-family: "Avenir LT W01 35 Light"; font-size: 1em; line-height: 1.5em; color: #6d6e71; text-transform: uppercase; line-height: 20px; margin-bottom: 15px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-body { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; line-height: 30px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-body a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; font-size: 15px; line-height: 25px; color: #8dc63f; text-decoration: none; text-transform: uppercase; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-body a:hover { text-decoration: underline; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-blog-category { margin-top: 10px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-blog-category .views-label { display: block; float: left; margin-right: 5px; font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; line-height: 21px; color: #6d6e71; text-transform: uppercase; margin-top: 3px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-blog-category .field-content a { font-family: "AvenirLTW01-45BookObliq"; font-size: 0.9375em; line-height: 1.6em; color: #1b75bc; text-decoration: none; line-height: 21px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-blog-category .field-content a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .pane-umbrella-custom-related-blog-posts .view-related-blog-posts { float: left; width: 100%; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row { float: left; width: 100%; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-thumbnail { width: 32.20339%; float: left; margin-right: 1.69492%; padding-right: 25px; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-title, .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-nothing, .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-body, .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-field-blog-category { width: 66.10169%; float: right; margin-right: 0; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .views-row .views-field-body { padding-right: 5%; } } @media all and (min-width: 600px) { .pane-umbrella-custom-related-blog-posts { position: relative; } .pane-umbrella-custom-related-blog-posts .view-related-blog-posts .view-header { position: absolute; top: 2px; right: 0; } } .pane-umbrella-custom-umbrella-community { position: relative; } .pane-umbrella-custom-umbrella-community h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .pane-umbrella-custom-umbrella-community .view-all { display: block; font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-bottom: 30px; float: right; margin-left: 50%; } .pane-umbrella-custom-umbrella-community .view-all:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-community .view-all { margin-left: 0; margin-bottom: 0; position: absolute; right: 0; top: 2px; } } .pane-umbrella-custom-umbrella-community .person, .pane-umbrella-custom-umbrella-community .views-row { text-align: center; margin-bottom: 40px; } .pane-umbrella-custom-umbrella-community .person img, .pane-umbrella-custom-umbrella-community .views-row img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 15px; } .pane-umbrella-custom-umbrella-community .person .name, .pane-umbrella-custom-umbrella-community .person .views-field-title, .pane-umbrella-custom-umbrella-community .views-row .name, .pane-umbrella-custom-umbrella-community .views-row .views-field-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; line-height: 28px; margin-bottom: 6px; text-align: left; } .pane-umbrella-custom-umbrella-community .person .subtitle, .pane-umbrella-custom-umbrella-community .person .views-field-field-subtitle, .pane-umbrella-custom-umbrella-community .views-row .subtitle, .pane-umbrella-custom-umbrella-community .views-row .views-field-field-subtitle { font-family: "AvenirLTW01-35LightObli"; font-size: 1.125em; line-height: 1.33333em; line-height: 22px; color: #6d6e71; margin-bottom: 10px; text-align: left; } .pane-umbrella-custom-umbrella-community .person .link, .pane-umbrella-custom-umbrella-community .person .views-field-nothing, .pane-umbrella-custom-umbrella-community .views-row .link, .pane-umbrella-custom-umbrella-community .views-row .views-field-nothing { text-align: left; } .pane-umbrella-custom-umbrella-community .person .link a, .pane-umbrella-custom-umbrella-community .person .views-field-nothing a, .pane-umbrella-custom-umbrella-community .views-row .link a, .pane-umbrella-custom-umbrella-community .views-row .views-field-nothing a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; color: #8dc63f; text-transform: uppercase; line-height: 18px; text-decoration: none; } .pane-umbrella-custom-umbrella-community .person .link a:hover, .pane-umbrella-custom-umbrella-community .person .views-field-nothing a:hover, .pane-umbrella-custom-umbrella-community .views-row .link a:hover, .pane-umbrella-custom-umbrella-community .views-row .views-field-nothing a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-community { float: left; width: 100%; } .pane-umbrella-custom-umbrella-community .person, .pane-umbrella-custom-umbrella-community .views-row { width: 32.20339%; float: left; margin-right: 1.69492%; margin-bottom: 60px; } .pane-umbrella-custom-umbrella-community .person:nth-child(3n+3), .pane-umbrella-custom-umbrella-community .views-row:nth-child(3n+3) { width: 32.20339%; float: right; margin-right: 0; } .pane-umbrella-custom-umbrella-community .person:nth-child(3n+1), .pane-umbrella-custom-umbrella-community .views-row:nth-child(3n+1) { clear: both; } } .pane-node-field-videos { margin-bottom: 30px; } .pane-node-field-videos h2.pane-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .pane-node-field-videos .field-item { margin-bottom: 40px; } .pane-node-field-videos .field-item iframe { width: 100%; height: 250px; } .pane-node-field-videos .field-item .description { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; line-height: 30px; } .node-type-program-page .pane-node-field-videos h2.pane-title, .node-type-production .pane-node-field-videos h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } @media all and (min-width: 600px) { .pane-node-field-videos { float: left; width: 100%; } .pane-node-field-videos .field-item { width: 49.15254%; float: left; margin-right: 1.69492%; } .pane-node-field-videos .field-item.odd { width: 49.15254%; float: right; margin-right: 0; } .pane-node-field-videos .field-item iframe { height: 350px; } } .pane-node-field-audio-files { float: left; width: 100%; margin-bottom: 70px; } .pane-node-field-audio-files h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .pane-node-field-audio-files .field-item { background: #f7f6f3 url(../images/audio/play-red.png) right 15px center no-repeat; padding: 15px 60px 15px 15px; cursor: pointer; margin-bottom: 10px; } .pane-node-field-audio-files .field-item:last-child { margin-bottom: 0; } .pane-node-field-audio-files .field-item:hover { background-color: #ed1c24; } .pane-node-field-audio-files .field-item:hover .description { color: #fff; text-shadow: none; } .pane-node-field-audio-files .field-item audio { display: none; } .pane-node-field-audio-files .field-item .description { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; line-height: 26px; text-shadow: 0px 1px #ffffff; } .pane-node-field-audio-files .field-item.playing { background-image: url(../images/audio/pause-red.png); } .pane-umbrella-custom-umbrella-cast { margin-top: 30px; position: relative; } .pane-umbrella-custom-umbrella-cast h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .pane-umbrella-custom-umbrella-cast .view-all { display: block; font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-bottom: 30px; float: right; margin-left: 50%; } .pane-umbrella-custom-umbrella-cast .view-all:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-cast .view-all { margin-left: 0; margin-bottom: 0; position: absolute; right: 0; top: 2px; } } .pane-umbrella-custom-umbrella-cast .person, .pane-umbrella-custom-umbrella-cast .views-row { text-align: center; margin-bottom: 40px; } .pane-umbrella-custom-umbrella-cast .person img, .pane-umbrella-custom-umbrella-cast .views-row img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 15px; } .pane-umbrella-custom-umbrella-cast .person .name, .pane-umbrella-custom-umbrella-cast .person .views-field-title, .pane-umbrella-custom-umbrella-cast .views-row .name, .pane-umbrella-custom-umbrella-cast .views-row .views-field-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; line-height: 28px; margin-bottom: 6px; text-align: left; } .pane-umbrella-custom-umbrella-cast .person .subtitle, .pane-umbrella-custom-umbrella-cast .person .views-field-field-subtitle, .pane-umbrella-custom-umbrella-cast .views-row .subtitle, .pane-umbrella-custom-umbrella-cast .views-row .views-field-field-subtitle { font-family: "AvenirLTW01-35LightObli"; font-size: 1.125em; line-height: 1.33333em; line-height: 22px; color: #6d6e71; margin-bottom: 10px; text-align: left; } .pane-umbrella-custom-umbrella-cast .person .link, .pane-umbrella-custom-umbrella-cast .person .views-field-nothing, .pane-umbrella-custom-umbrella-cast .views-row .link, .pane-umbrella-custom-umbrella-cast .views-row .views-field-nothing { text-align: left; } .pane-umbrella-custom-umbrella-cast .person .link a, .pane-umbrella-custom-umbrella-cast .person .views-field-nothing a, .pane-umbrella-custom-umbrella-cast .views-row .link a, .pane-umbrella-custom-umbrella-cast .views-row .views-field-nothing a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; color: #8dc63f; text-transform: uppercase; line-height: 18px; text-decoration: none; } .pane-umbrella-custom-umbrella-cast .person .link a:hover, .pane-umbrella-custom-umbrella-cast .person .views-field-nothing a:hover, .pane-umbrella-custom-umbrella-cast .views-row .link a:hover, .pane-umbrella-custom-umbrella-cast .views-row .views-field-nothing a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-cast { float: left; width: 100%; } .pane-umbrella-custom-umbrella-cast .person, .pane-umbrella-custom-umbrella-cast .views-row { width: 32.20339%; float: left; margin-right: 1.69492%; margin-bottom: 60px; } .pane-umbrella-custom-umbrella-cast .person:nth-child(3n+3), .pane-umbrella-custom-umbrella-cast .views-row:nth-child(3n+3) { width: 32.20339%; float: right; margin-right: 0; } .pane-umbrella-custom-umbrella-cast .person:nth-child(3n+1), .pane-umbrella-custom-umbrella-cast .views-row:nth-child(3n+1) { clear: both; } } .pane-umbrella-custom-umbrella-meet-artists { margin-top: 30px; position: relative; } .pane-umbrella-custom-umbrella-meet-artists h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .pane-umbrella-custom-umbrella-meet-artists .view-all { display: block; font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-bottom: 30px; float: right; margin-left: 50%; } .pane-umbrella-custom-umbrella-meet-artists .view-all:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-meet-artists .view-all { margin-left: 0; margin-bottom: 0; position: absolute; right: 0; top: 2px; } } .pane-umbrella-custom-umbrella-meet-artists .person, .pane-umbrella-custom-umbrella-meet-artists .views-row { text-align: center; margin-bottom: 40px; } .pane-umbrella-custom-umbrella-meet-artists .person img, .pane-umbrella-custom-umbrella-meet-artists .views-row img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 15px; } .pane-umbrella-custom-umbrella-meet-artists .person .name, .pane-umbrella-custom-umbrella-meet-artists .person .views-field-title, .pane-umbrella-custom-umbrella-meet-artists .views-row .name, .pane-umbrella-custom-umbrella-meet-artists .views-row .views-field-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; line-height: 28px; margin-bottom: 6px; text-align: left; } .pane-umbrella-custom-umbrella-meet-artists .person .subtitle, .pane-umbrella-custom-umbrella-meet-artists .person .views-field-field-subtitle, .pane-umbrella-custom-umbrella-meet-artists .views-row .subtitle, .pane-umbrella-custom-umbrella-meet-artists .views-row .views-field-field-subtitle { font-family: "AvenirLTW01-35LightObli"; font-size: 1.125em; line-height: 1.33333em; line-height: 22px; color: #6d6e71; margin-bottom: 10px; text-align: left; } .pane-umbrella-custom-umbrella-meet-artists .person .link, .pane-umbrella-custom-umbrella-meet-artists .person .views-field-nothing, .pane-umbrella-custom-umbrella-meet-artists .views-row .link, .pane-umbrella-custom-umbrella-meet-artists .views-row .views-field-nothing { text-align: left; } .pane-umbrella-custom-umbrella-meet-artists .person .link a, .pane-umbrella-custom-umbrella-meet-artists .person .views-field-nothing a, .pane-umbrella-custom-umbrella-meet-artists .views-row .link a, .pane-umbrella-custom-umbrella-meet-artists .views-row .views-field-nothing a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; color: #8dc63f; text-transform: uppercase; line-height: 18px; text-decoration: none; } .pane-umbrella-custom-umbrella-meet-artists .person .link a:hover, .pane-umbrella-custom-umbrella-meet-artists .person .views-field-nothing a:hover, .pane-umbrella-custom-umbrella-meet-artists .views-row .link a:hover, .pane-umbrella-custom-umbrella-meet-artists .views-row .views-field-nothing a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .pane-umbrella-custom-umbrella-meet-artists { float: left; width: 100%; } .pane-umbrella-custom-umbrella-meet-artists .person, .pane-umbrella-custom-umbrella-meet-artists .views-row { width: 32.20339%; float: left; margin-right: 1.69492%; margin-bottom: 60px; } .pane-umbrella-custom-umbrella-meet-artists .person:nth-child(3n+3), .pane-umbrella-custom-umbrella-meet-artists .views-row:nth-child(3n+3) { width: 32.20339%; float: right; margin-right: 0; } .pane-umbrella-custom-umbrella-meet-artists .person:nth-child(3n+1), .pane-umbrella-custom-umbrella-meet-artists .views-row:nth-child(3n+1) { clear: both; } } body.arts-education #sub-logo { background: rgba(27, 117, 188, 0.5); } body.arts-education h1#page-title { color: #1b75bc; } body.arts-education #menu-toggle, body.arts-education #mobile-menu { background: #1b75bc; } body.arts-education h2.pane-title { color: #1b75bc !important; } body.arts-education .pane-node-field-audio-files .field-item:hover { background-color: #1b75bc; } body.arts-education .pane-umbrella-custom-program-events .views-row .views-field-field-dates { background: rgba(27, 117, 188, 0.85); } body.arts-education .pager .pager-current, body.arts-education .pager .pager-first, body.arts-education .pager .pager-previous, body.arts-education .pager .pager-next, body.arts-education .pager .pager-last { color: #1b75bc; } body.arts-education .pager .pager-current a, body.arts-education .pager .pager-first a, body.arts-education .pager .pager-previous a, body.arts-education .pager .pager-next a, body.arts-education .pager .pager-last a { color: #1b75bc; } body.arts-environment #sub-logo { background: rgba(141, 198, 63, 0.5); } body.arts-environment h1#page-title { color: #8dc63f; } body.arts-environment #menu-toggle, body.arts-environment #mobile-menu { background: #8dc63f; } body.arts-environment h2.pane-title { color: #8dc63f !important; } body.arts-environment .pane-node-field-audio-files .field-item:hover { background-color: #8dc63f; } body.arts-environment .pane-umbrella-custom-program-events .views-row .views-field-field-dates { background: rgba(141, 198, 63, 0.85); } body.arts-environment .pager .pager-current, body.arts-environment .pager .pager-first, body.arts-environment .pager .pager-previous, body.arts-environment .pager .pager-next, body.arts-environment .pager .pager-last { color: #8dc63f; } body.arts-environment .pager .pager-current a, body.arts-environment .pager .pager-first a, body.arts-environment .pager .pager-previous a, body.arts-environment .pager .pager-next a, body.arts-environment .pager .pager-last a { color: #8dc63f; } body.performing-arts #sub-logo { background: rgba(237, 28, 36, 0.5); } body.performing-arts h1#page-title { color: #ed1c24; } body.performing-arts #menu-toggle, body.performing-arts #mobile-menu { background: #ed1c24; } body.performing-arts h2.pane-title { color: #ed1c24 !important; } body.performing-arts .pane-node-field-audio-files .field-item:hover { background-color: #ed1c24; } body.performing-arts .pane-umbrella-custom-program-events .views-row .views-field-field-dates { background: rgba(237, 28, 36, 0.85); } body.performing-arts .pager .pager-current, body.performing-arts .pager .pager-first, body.performing-arts .pager .pager-previous, body.performing-arts .pager .pager-next, body.performing-arts .pager .pager-last { color: #ed1c24; } body.performing-arts .pager .pager-current a, body.performing-arts .pager .pager-first a, body.performing-arts .pager .pager-previous a, body.performing-arts .pager .pager-next a, body.performing-arts .pager .pager-last a { color: #ed1c24; } body.performing-arts #block-umbrella-custom-umbrella-donate a .heart { background: url(../images/heart-white.png); } @media all and (min-width: 980px) { body.performing-arts #block-umbrella-custom-umbrella-donate a .heart { background: url(../images/heart.png); } } body.studio-arts #sub-logo { background: rgba(146, 39, 143, 0.5); } body.studio-arts h1#page-title { color: #92278f; } body.studio-arts #menu-toggle, body.studio-arts #mobile-menu { background: #92278f; } body.studio-arts h2.pane-title { color: #92278f !important; } body.studio-arts .pane-node-field-audio-files .field-item:hover { background-color: #92278f; } body.studio-arts .pane-umbrella-custom-program-events .views-row .views-field-field-dates { background: rgba(146, 39, 143, 0.85); } body.studio-arts .pager .pager-current, body.studio-arts .pager .pager-first, body.studio-arts .pager .pager-previous, body.studio-arts .pager .pager-next, body.studio-arts .pager .pager-last { color: #92278f; } body.studio-arts .pager .pager-current a, body.studio-arts .pager .pager-first a, body.studio-arts .pager .pager-previous a, body.studio-arts .pager .pager-next a, body.studio-arts .pager .pager-last a { color: #92278f; } body.arts-gallery #sub-logo { background: rgba(247, 148, 29, 0.5); } body.arts-gallery h1#page-title { color: #f7941d; } body.arts-gallery #menu-toggle, body.arts-gallery #mobile-menu { background: #f7941d; } body.arts-gallery h2.pane-title { color: #f7941d !important; } body.arts-gallery .pane-node-field-audio-files .field-item:hover { background-color: #f7941d; } body.arts-gallery .pane-umbrella-custom-program-events .views-row .views-field-field-dates { background: rgba(247, 148, 29, 0.85); } body.arts-gallery .pager .pager-current, body.arts-gallery .pager .pager-first, body.arts-gallery .pager .pager-previous, body.arts-gallery .pager .pager-next, body.arts-gallery .pager .pager-last { color: #f7941d; } body.arts-gallery .pager .pager-current a, body.arts-gallery .pager .pager-first a, body.arts-gallery .pager .pager-previous a, body.arts-gallery .pager .pager-next a, body.arts-gallery .pager .pager-last a { color: #f7941d; } .page-node-3 #content, .page-node-11 #content, .page-node-10 #content, .page-node-9 #content, .page-node-112 #content { background: url(../images/backgrounds/arts-education.png) right top 175px no-repeat; min-height: 650px; } .page-node-11 #content { background-image: url(../images/backgrounds/arts-environment.png); } .page-node-10 #content { background-image: url(../images/backgrounds/performing-arts.png); } .page-node-9 #content { background-image: url(../images/backgrounds/studio-arts.png); } .page-node-112 #content { background-image: url(../images/backgrounds/arts-gallery.png); } @media all and (min-width: 980px) { body.arts-education #sub-logo { background: rgba(27, 117, 188, 0.5); } body.arts-education #sub-logo:before, body.arts-education #sub-logo:after { background: rgba(27, 117, 188, 0.5); } body.arts-environment #sub-logo { background: rgba(141, 198, 63, 0.5); } body.arts-environment #sub-logo:before, body.arts-environment #sub-logo:after { background: rgba(141, 198, 63, 0.5); } body.performing-arts #sub-logo { background: rgba(237, 28, 36, 0.5); } body.performing-arts #sub-logo:before, body.performing-arts #sub-logo:after { background: rgba(237, 28, 36, 0.5); } body.studio-arts #sub-logo { background: rgba(146, 39, 143, 0.5); } body.studio-arts #sub-logo:before, body.studio-arts #sub-logo:after { background: rgba(146, 39, 143, 0.5); } body.arts-gallery #sub-logo { background: rgba(247, 148, 29, 0.5); } body.arts-gallery #sub-logo:before, body.arts-gallery #sub-logo:after { background: rgba(247, 148, 29, 0.5); } } .node-type-page h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-page h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } @media all and (min-width: 740px) { .node-type-page #content { padding-right: 5%; } } .node-type-page #content .field-type-text-with-summary { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .node-type-page #content .field-type-text-with-summary a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-page #content .field-type-text-with-summary a:hover { text-decoration: underline; } .node-type-page #content .field-type-text-with-summary ul { padding-left: 0; } .node-type-page #content .field-type-text-with-summary ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-page #content .field-type-text-with-summary img { margin: 15px; } .node-type-page #content .field-type-text-with-summary h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-page #content .field-type-text-with-summary h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-page #content .field-type-text-with-summary p { margin-top: .5em; } .node-type-page #content .field-name-field-thumbnail { text-align: center; margin-bottom: 25px; line-height: 0; } .node-type-page #content .field-name-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .node-type-page #content .field-name-field-thumbnail { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .node-type-page #content .pane-node-field-image-gallery { float: left; width: 100%; margin-bottom: 30px; } .node-type-page #content .pane-node-field-image-gallery h2.pane-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-page #content .pane-node-field-image-gallery .field-name-field-image-gallery { float: left; width: 100%; } .node-type-page #content .pane-node-field-image-gallery .field-item { text-align: center; } .node-type-page #content .pane-node-field-image-gallery .field-item img { margin: 0; -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 10px; } @media all and (min-width: 400px) { .node-type-page #content .pane-node-field-image-gallery { float: left; } .node-type-page #content .pane-node-field-image-gallery .field-item { float: left; width: 50%; padding-right: 10px; padding-bottom: 1px; } .node-type-page #content .pane-node-field-image-gallery .field-item:nth-child(even) { width: 50%; } } @media all and (min-width: 600px) { .node-type-page #content .pane-node-field-image-gallery .field-item { width: 33.3%; } .node-type-page #content .pane-node-field-image-gallery .field-item:nth-child(even) { width: 33.3%; } .node-type-page #content .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 33.3%; } } @media all and (min-width: 800px) { .node-type-page #content .pane-node-field-image-gallery .field-item { width: 25%; } .node-type-page #content .pane-node-field-image-gallery .field-item:nth-child(even) { width: 25%; } .node-type-page #content .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 25%; } } .page-blog h1#page-title, .section-blog h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .page-blog h1#page-title, .section-blog h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .page-blog .view-blog .view-header, .page-blog .view-taxonomy-term .view-header, .section-blog .view-blog .view-header, .section-blog .view-taxonomy-term .view-header { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .page-blog .view-blog .view-header a, .page-blog .view-taxonomy-term .view-header a, .section-blog .view-blog .view-header a, .section-blog .view-taxonomy-term .view-header a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .page-blog .view-blog .view-header a:hover, .page-blog .view-taxonomy-term .view-header a:hover, .section-blog .view-blog .view-header a:hover, .section-blog .view-taxonomy-term .view-header a:hover { text-decoration: underline; } .page-blog .view-blog .view-header ul, .page-blog .view-taxonomy-term .view-header ul, .section-blog .view-blog .view-header ul, .section-blog .view-taxonomy-term .view-header ul { padding-left: 0; } .page-blog .view-blog .view-header ul li, .page-blog .view-taxonomy-term .view-header ul li, .section-blog .view-blog .view-header ul li, .section-blog .view-taxonomy-term .view-header ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .page-blog .view-blog .view-header img, .page-blog .view-taxonomy-term .view-header img, .section-blog .view-blog .view-header img, .section-blog .view-taxonomy-term .view-header img { margin: 15px; } .page-blog .view-blog .view-header h2, .page-blog .view-taxonomy-term .view-header h2, .section-blog .view-blog .view-header h2, .section-blog .view-taxonomy-term .view-header h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .page-blog .view-blog .view-header h3, .page-blog .view-taxonomy-term .view-header h3, .section-blog .view-blog .view-header h3, .section-blog .view-taxonomy-term .view-header h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .page-blog .view-blog .view-header p, .page-blog .view-taxonomy-term .view-header p, .section-blog .view-blog .view-header p, .section-blog .view-taxonomy-term .view-header p { margin-top: .5em; } .page-blog .view-blog .view-header .field-type-image, .page-blog .view-taxonomy-term .view-header .field-type-image, .section-blog .view-blog .view-header .field-type-image, .section-blog .view-taxonomy-term .view-header .field-type-image { text-align: center; margin-bottom: 25px; line-height: 0; } .page-blog .view-blog .view-header .field-type-image img, .page-blog .view-taxonomy-term .view-header .field-type-image img, .section-blog .view-blog .view-header .field-type-image img, .section-blog .view-taxonomy-term .view-header .field-type-image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .page-blog .view-blog .view-header .field-type-image, .page-blog .view-taxonomy-term .view-header .field-type-image, .section-blog .view-blog .view-header .field-type-image, .section-blog .view-taxonomy-term .view-header .field-type-image { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .page-blog .view-blog .views-row, .page-blog .view-taxonomy-term .views-row, .section-blog .view-blog .views-row, .section-blog .view-taxonomy-term .views-row { padding-bottom: 20px; border-bottom: 1px solid #a7a9ac; margin-bottom: 35px; } .page-blog .view-blog .views-row.views-row-last, .page-blog .view-taxonomy-term .views-row.views-row-last, .section-blog .view-blog .views-row.views-row-last, .section-blog .view-taxonomy-term .views-row.views-row-last { border-bottom: none; } .page-blog .view-blog .views-row .views-field-field-thumbnail, .page-blog .view-taxonomy-term .views-row .views-field-field-thumbnail, .section-blog .view-blog .views-row .views-field-field-thumbnail, .section-blog .view-taxonomy-term .views-row .views-field-field-thumbnail { text-align: center; margin-bottom: 15px; } .page-blog .view-blog .views-row .views-field-field-thumbnail img, .page-blog .view-taxonomy-term .views-row .views-field-field-thumbnail img, .section-blog .view-blog .views-row .views-field-field-thumbnail img, .section-blog .view-taxonomy-term .views-row .views-field-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } .page-blog .view-blog .views-row .views-field-title, .page-blog .view-taxonomy-term .views-row .views-field-title, .section-blog .view-blog .views-row .views-field-title, .section-blog .view-taxonomy-term .views-row .views-field-title { margin-bottom: 10px; } .page-blog .view-blog .views-row .views-field-title a, .page-blog .view-taxonomy-term .views-row .views-field-title a, .section-blog .view-blog .views-row .views-field-title a, .section-blog .view-taxonomy-term .views-row .views-field-title a { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5625em; line-height: 1.92em; line-height: 30px; color: #000; text-decoration: none; } .page-blog .view-blog .views-row .views-field-title a:hover, .page-blog .view-taxonomy-term .views-row .views-field-title a:hover, .section-blog .view-blog .views-row .views-field-title a:hover, .section-blog .view-taxonomy-term .views-row .views-field-title a:hover { text-decoration: underline; } .page-blog .view-blog .views-row .views-field-title a:hover, .page-blog .view-taxonomy-term .views-row .views-field-title a:hover, .section-blog .view-blog .views-row .views-field-title a:hover, .section-blog .view-taxonomy-term .views-row .views-field-title a:hover { color: #8dc63f; } .page-blog .view-blog .views-row .views-field-nothing, .page-blog .view-taxonomy-term .views-row .views-field-nothing, .section-blog .view-blog .views-row .views-field-nothing, .section-blog .view-taxonomy-term .views-row .views-field-nothing { font-family: "Avenir LT W01 35 Light"; font-size: 1em; line-height: 1.5em; color: #6d6e71; text-transform: uppercase; line-height: 20px; margin-bottom: 15px; } .page-blog .view-blog .views-row .views-field-body, .page-blog .view-taxonomy-term .views-row .views-field-body, .section-blog .view-blog .views-row .views-field-body, .section-blog .view-taxonomy-term .views-row .views-field-body { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; line-height: 30px; } .page-blog .view-blog .views-row .views-field-body a, .page-blog .view-taxonomy-term .views-row .views-field-body a, .section-blog .view-blog .views-row .views-field-body a, .section-blog .view-taxonomy-term .views-row .views-field-body a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; font-size: 15px; line-height: 25px; color: #8dc63f; text-decoration: none; text-transform: uppercase; } .page-blog .view-blog .views-row .views-field-body a:hover, .page-blog .view-taxonomy-term .views-row .views-field-body a:hover, .section-blog .view-blog .views-row .views-field-body a:hover, .section-blog .view-taxonomy-term .views-row .views-field-body a:hover { text-decoration: underline; } .page-blog .view-blog .views-row .views-field-field-blog-category, .page-blog .view-taxonomy-term .views-row .views-field-field-blog-category, .section-blog .view-blog .views-row .views-field-field-blog-category, .section-blog .view-taxonomy-term .views-row .views-field-field-blog-category { margin-top: 10px; } .page-blog .view-blog .views-row .views-field-field-blog-category .views-label, .page-blog .view-taxonomy-term .views-row .views-field-field-blog-category .views-label, .section-blog .view-blog .views-row .views-field-field-blog-category .views-label, .section-blog .view-taxonomy-term .views-row .views-field-field-blog-category .views-label { display: block; float: left; margin-right: 5px; font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; line-height: 21px; color: #6d6e71; text-transform: uppercase; margin-top: 3px; } .page-blog .view-blog .views-row .views-field-field-blog-category .field-content a, .page-blog .view-taxonomy-term .views-row .views-field-field-blog-category .field-content a, .section-blog .view-blog .views-row .views-field-field-blog-category .field-content a, .section-blog .view-taxonomy-term .views-row .views-field-field-blog-category .field-content a { font-family: "AvenirLTW01-45BookObliq"; font-size: 0.9375em; line-height: 1.6em; color: #1b75bc; text-decoration: none; line-height: 21px; } .page-blog .view-blog .views-row .views-field-field-blog-category .field-content a:hover, .page-blog .view-taxonomy-term .views-row .views-field-field-blog-category .field-content a:hover, .section-blog .view-blog .views-row .views-field-field-blog-category .field-content a:hover, .section-blog .view-taxonomy-term .views-row .views-field-field-blog-category .field-content a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .page-blog .view-blog, .page-blog .view-taxonomy-term, .section-blog .view-blog, .section-blog .view-taxonomy-term { float: left; width: 100%; } .page-blog .view-blog .views-row, .page-blog .view-taxonomy-term .views-row, .section-blog .view-blog .views-row, .section-blog .view-taxonomy-term .views-row { float: left; width: 100%; } .page-blog .view-blog .views-row .views-field-field-thumbnail, .page-blog .view-taxonomy-term .views-row .views-field-field-thumbnail, .section-blog .view-blog .views-row .views-field-field-thumbnail, .section-blog .view-taxonomy-term .views-row .views-field-field-thumbnail { width: 32.20339%; float: left; margin-right: 1.69492%; padding-right: 25px; } .page-blog .view-blog .views-row .views-field-title, .page-blog .view-blog .views-row .views-field-nothing, .page-blog .view-blog .views-row .views-field-body, .page-blog .view-blog .views-row .views-field-field-blog-category, .page-blog .view-taxonomy-term .views-row .views-field-title, .page-blog .view-taxonomy-term .views-row .views-field-nothing, .page-blog .view-taxonomy-term .views-row .views-field-body, .page-blog .view-taxonomy-term .views-row .views-field-field-blog-category, .section-blog .view-blog .views-row .views-field-title, .section-blog .view-blog .views-row .views-field-nothing, .section-blog .view-blog .views-row .views-field-body, .section-blog .view-blog .views-row .views-field-field-blog-category, .section-blog .view-taxonomy-term .views-row .views-field-title, .section-blog .view-taxonomy-term .views-row .views-field-nothing, .section-blog .view-taxonomy-term .views-row .views-field-body, .section-blog .view-taxonomy-term .views-row .views-field-field-blog-category { width: 66.10169%; float: right; margin-right: 0; } .page-blog .view-blog .views-row .views-field-body, .page-blog .view-taxonomy-term .views-row .views-field-body, .section-blog .view-blog .views-row .views-field-body, .section-blog .view-taxonomy-term .views-row .views-field-body { padding-right: 5%; } } .node-type-article h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-article h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } @media all and (min-width: 740px) { .node-type-article #content { padding-right: 5%; } } .node-type-article #content .field-type-text-with-summary { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .node-type-article #content .field-type-text-with-summary a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-article #content .field-type-text-with-summary a:hover { text-decoration: underline; } .node-type-article #content .field-type-text-with-summary ul { padding-left: 0; } .node-type-article #content .field-type-text-with-summary ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-article #content .field-type-text-with-summary img { margin: 15px; } .node-type-article #content .field-type-text-with-summary h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-article #content .field-type-text-with-summary h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-article #content .field-type-text-with-summary p { margin-top: .5em; } .node-type-article #content .field-name-field-thumbnail { text-align: center; margin-bottom: 25px; line-height: 0; } .node-type-article #content .field-name-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .node-type-article #content .field-name-field-thumbnail { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .node-type-article .pane-1 { font-family: "Avenir LT W01 35 Light"; font-size: 1.25em; line-height: 1.2em; text-transform: uppercase; color: #6d6e71; margin-bottom: 35px; } .node-type-article .pane-1 p { margin-top: 0; margin-bottom: 0; } .node-type-article .pane-node-field-blog-category, .node-type-article .pane-node-field-blog-tags { margin-bottom: 8px; } .node-type-article .pane-node-field-blog-category h2.pane-title, .node-type-article .pane-node-field-blog-tags h2.pane-title { display: none; } .node-type-article .pane-node-field-blog-category .field .field-label, .node-type-article .pane-node-field-blog-tags .field .field-label { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; color: #6d6e71; text-transform: uppercase; } .node-type-article .pane-node-field-blog-category .field .field-item, .node-type-article .pane-node-field-blog-tags .field .field-item { font-family: "AvenirLTW01-45BookObliq"; font-size: 0.9375em; line-height: 1.6em; color: #1b75bc; display: inline; } .node-type-article .pane-node-field-blog-category .field .field-item a, .node-type-article .pane-node-field-blog-tags .field .field-item a { color: #1b75bc; text-decoration: none; } .node-type-article .pane-node-field-blog-category .field .field-item a:hover, .node-type-article .pane-node-field-blog-tags .field .field-item a:hover { text-decoration: underline; } .node-type-article .pane-node-field-blog-category .field .field-item:after, .node-type-article .pane-node-field-blog-tags .field .field-item:after { content: ", "; } .node-type-article .pane-node-field-blog-category .field .field-item:last-child:after, .node-type-article .pane-node-field-blog-tags .field .field-item:last-child:after { content: ''; } .node-type-article .pane-node-field-image-gallery { float: left; width: 100%; margin-bottom: 30px; } .node-type-article .pane-node-field-image-gallery h2.pane-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-article .pane-node-field-image-gallery .field-name-field-image-gallery { float: left; width: 100%; } .node-type-article .pane-node-field-image-gallery .field-item { text-align: center; } .node-type-article .pane-node-field-image-gallery .field-item img { margin: 0; -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 10px; } @media all and (min-width: 400px) { .node-type-article .pane-node-field-image-gallery { float: left; } .node-type-article .pane-node-field-image-gallery .field-item { float: left; width: 50%; padding-right: 10px; padding-bottom: 1px; } .node-type-article .pane-node-field-image-gallery .field-item:nth-child(even) { width: 50%; } } @media all and (min-width: 600px) { .node-type-article .pane-node-field-image-gallery .field-item { width: 33.3%; } .node-type-article .pane-node-field-image-gallery .field-item:nth-child(even) { width: 33.3%; } .node-type-article .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 33.3%; } } @media all and (min-width: 800px) { .node-type-article .pane-node-field-image-gallery .field-item { width: 25%; } .node-type-article .pane-node-field-image-gallery .field-item:nth-child(even) { width: 25%; } .node-type-article .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 25%; } } .node-type-article .pane-disqus-disqus-comments { margin-top: 80px; border-top: 3px solid #000; float: left; width: 100%; } @media all and (min-width: 740px) { .page-blog .view-blog .views-row .views-field-field-thumbnail, .page-blog .view-taxonomy-term .views-row .views-field-field-thumbnail, .section-blog .view-blog .views-row .views-field-field-thumbnail, .section-blog .view-taxonomy-term .views-row .views-field-field-thumbnail { width: 40.67797%; float: left; margin-right: 1.69492%; } .page-blog .view-blog .views-row .views-field-title, .page-blog .view-blog .views-row .views-field-nothing, .page-blog .view-blog .views-row .views-field-body, .page-blog .view-blog .views-row .views-field-field-blog-category, .page-blog .view-taxonomy-term .views-row .views-field-title, .page-blog .view-taxonomy-term .views-row .views-field-nothing, .page-blog .view-taxonomy-term .views-row .views-field-body, .page-blog .view-taxonomy-term .views-row .views-field-field-blog-category, .section-blog .view-blog .views-row .views-field-title, .section-blog .view-blog .views-row .views-field-nothing, .section-blog .view-blog .views-row .views-field-body, .section-blog .view-blog .views-row .views-field-field-blog-category, .section-blog .view-taxonomy-term .views-row .views-field-title, .section-blog .view-taxonomy-term .views-row .views-field-nothing, .section-blog .view-taxonomy-term .views-row .views-field-body, .section-blog .view-taxonomy-term .views-row .views-field-field-blog-category { width: 57.62712%; float: right; margin-right: 0; } } .sidebar { float: left; width: 100%; margin-top: 3em; } .sidebar .block { background: #f7f6f3; padding: 15px; margin-bottom: 20px; float: left; width: 100%; } .sidebar .block-block { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .sidebar .block-block a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .sidebar .block-block a:hover { text-decoration: underline; } .sidebar .block-block ul { padding-left: 0; } .sidebar .block-block ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .sidebar .block-block img { margin: 15px; } .sidebar .block-block h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .sidebar .block-block h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .sidebar .block-block p { margin-top: .5em; } .sidebar .block-block p { margin-top: 0; margin-bottom: 10px; text-shadow: 0px 1px #ffffff; font-size: 16px; line-height: 28px; } .sidebar .block-block h2 { margin-top: 0; margin-bottom: 10px; text-shadow: 0px 1px #ffffff; } .sidebar .block-block img { padding: 0; margin: 0; } .sidebar .block-block a { text-shadow: 0px 1px #ffffff; font-size: 16px; line-height: 28px; } @media all and (min-width: 980px) { .sidebar { margin-top: 0; } } .sidebar .block-menu-block .menu-block-wrapper > ul.menu { margin: 0; padding: 0; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li { list-style-type: none; list-style-image: none; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.has-block { display: none; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > a { display: block; font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 22px; color: #000; text-decoration: none; text-transform: uppercase; margin-bottom: 15px; text-shadow: 0px 1px #ffffff; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > a:hover { text-decoration: underline; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > a:hover, .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > a.active { color: #8dc63f; text-decoration: underline; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu { margin: 0; margin-bottom: 15px; padding-left: 20px; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li { list-style-type: none; list-style-image: none; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li a { display: block; font-family: "Avenir LT W01 45 Book"; font-size: 1em; line-height: 1.5em; line-height: 22px; text-decoration: none; color: #000; margin-bottom: 8px; text-shadow: 0px 1px #ffffff; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li a:hover { text-decoration: underline; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li a:hover, .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li a.active { color: #8dc63f; text-decoration: underline; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li ul.menu { margin: 0; margin-bottom: 15px; padding-left: 20px; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li ul.menu li { list-style-type: none; list-style-image: none; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li ul.menu li a { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 1.125em; line-height: 1.33333em; font-weight: 300; font-style: normal; font-size: 18px; line-height: 24px; text-decoration: none; color: #414141; margin-bottom: 8px; text-shadow: 0px 1px #ffffff; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li ul.menu li a:hover { text-decoration: underline; } .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li ul.menu li a:hover, .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu li ul.menu li a.active { color: #8dc63f; text-decoration: underline; } #block-umbrella-custom-classes-back { background: none; padding-left: 0; padding-right: 0; padding-bottom: 0; margin-bottom: 15px; } #block-umbrella-custom-classes-back a.back { display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; width: 100%; font-size: 18px; line-height: 24px; padding-left: 10px; padding-right: 10px; text-align: center; margin-bottom: 0; } #block-umbrella-custom-classes-back a.back:hover { text-decoration: underline; } #block-mailchimp-signup-blog { float: left; width: 100%; } #block-mailchimp-signup-blog h2.block-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.125em; line-height: 1.33333em; line-height: 24px; text-shadow: 0px 1px #ffffff; } #block-mailchimp-signup-blog .form-required { display: none; } #block-mailchimp-signup-blog input[type=email] { width: 100%; } #block-mailchimp-signup-blog input[type=submit] { float: right; margin-bottom: 0; } #block-views-blog-categories-block h2.block-title { font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; margin-bottom: 10px; text-transform: uppercase; text-shadow: 0px 1px #ffffff; } #block-views-blog-categories-block .view { padding-left: 15px; } #block-views-blog-categories-block .views-row { margin-bottom: 8px; } #block-views-blog-categories-block .views-row a { font-family: "Avenir LT W01 45 Book"; font-size: 1em; line-height: 1.5em; text-decoration: none; color: #000; text-shadow: 0px 1px #ffffff; } #block-views-blog-categories-block .views-row a:hover { text-decoration: underline; } #block-umbrella-custom-blog-back { background: none; padding-left: 0; padding-right: 0; padding-bottom: 0; margin-bottom: 15px; } #block-umbrella-custom-blog-back a.back { display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; width: 100%; font-size: 18px; line-height: 24px; padding-left: 10px; padding-right: 10px; text-align: center; margin-bottom: 0; } #block-umbrella-custom-blog-back a.back:hover { text-decoration: underline; } #block-umbrella-custom-umbrella-facebook { background: none; padding: 0; } #block-umbrella-custom-umbrella-facebook iframe { width: 100%; height: 255px !important; } .section-calendar h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .section-calendar h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .section-calendar #main { max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .section-calendar #main:after { content: " "; display: block; clear: both; } .section-calendar #content .field-type-text-with-summary { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; line-height: 32px; } .section-calendar #content .field-type-text-with-summary a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .section-calendar #content .field-type-text-with-summary a:hover { text-decoration: underline; } .section-calendar #content .field-type-text-with-summary ul li { list-style-image: url(../images/blue-bullet.png); } .section-calendar #content .field-type-image { text-align: center; margin-bottom: 25px; } .section-calendar #content .field-type-image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } @media all and (min-width: 740px) { .section-calendar #content .field-type-image { width: 40.67797%; float: left; margin-right: 1.69492%; margin-right: 25px; margin-bottom: 15px; text-align: left; } } .view-calendar .date-nav-wrapper .date-prev { list-style-type: none; right: 55px; padding-right: 10px; } .view-calendar .date-nav-wrapper .date-next { list-style-type: none; } .view-calendar .views-exposed-widget { display: none; clear: both; margin-bottom: 10px; } .view-calendar .views-widget-filter-type { display: block; } .view-calendar .views-submit-button { display: block; } .view-calendar .views-submit-button input[type=submit] { margin-top: 0; } .view-calendar .form-type-bef-checkbox, .view-calendar .form-type-radio { float: left; margin-right: 15px; } .view-calendar .form-type-radio:first-child { margin-left: 5px; } .view-calendar .view-filters label { font-family: "Avenir LT W01 85 Heavy"; font-size: 1em; line-height: 1.5em; } .view-calendar .view-filters .form-item label { font-family: "Avenir LT W01 35 Light"; font-size: 1em; line-height: 1.5em; } .view-calendar .view-header .date-prev, .view-calendar .view-header .date-next { background: none; font-family: "Avenir LT W01 45 Book"; font-size: 1.125em; line-height: 1.33333em; } .view-calendar .view-header .date-prev a, .view-calendar .view-header .date-next a { font-size: 18px; line-height: 24px; } .view-calendar .view-header .date-prev { right: 90px; } .view-calendar .view-header .date-nav { margin-bottom: 0; padding-bottom: 0; } .view-calendar .view-content .month-view { overflow-x: scroll; } .view-calendar .view-content td .view-item-calendar { background: none !important; } .view-calendar .view-content td .view-item-calendar .calendar { border: none !important; padding: 15px !important; } .view-calendar .view-content td .view-item-calendar .event, .view-calendar .view-content td .view-item-calendar .class, .view-calendar .view-content td .view-item-calendar .production { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .view-calendar .view-content td .view-item-calendar .class { background: #1b75bc !important; } .view-calendar .view-content td .view-item-calendar .event { background: #00a79d !important; } .view-calendar .view-content td .view-item-calendar .production { background: #ed1c24 !important; } .view-calendar .view-content td .view-item-calendar .views-field-field-dates, .view-calendar .view-content td .view-item-calendar .views-field-field-dates2, .view-calendar .view-content td .view-item-calendar .views-field-title { position: relative; } .view-calendar .view-content td .view-item-calendar .views-field-field-dates, .view-calendar .view-content td .view-item-calendar .views-field-field-dates2 { font-family: "Avenir LT W01 45 Book"; font-size: 1.0625em; line-height: 1.41176em; font-size: 17px; line-height: 26px; color: #fff; } .view-calendar .view-content td .view-item-calendar .views-field-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.0625em; line-height: 1.41176em; font-size: 17px; line-height: 26px; } .view-calendar .view-content td .view-item-calendar .views-field-title a { color: #fff; text-decoration: none; } .view-calendar .view-content td .view-item-calendar .views-field-title a:hover { text-decoration: underline; } .view-calendar a.ical-icon { display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; margin-top: 20px; } .view-calendar a.ical-icon:hover { text-decoration: underline; } .section-people h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .section-people h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .section-people .view-taxonomy-term, .section-people .view-people { position: relative; } .section-people .view-taxonomy-term h2.pane-title, .section-people .view-people h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; font-style: normal; font-size: 40px; line-height: 50px; color: #1b75bc; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; margin-top: 0; } .section-people .view-taxonomy-term .view-all, .section-people .view-people .view-all { display: block; font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-bottom: 30px; float: right; margin-left: 50%; } .section-people .view-taxonomy-term .view-all:hover, .section-people .view-people .view-all:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } @media all and (min-width: 740px) { .section-people .view-taxonomy-term .view-all, .section-people .view-people .view-all { margin-left: 0; margin-bottom: 0; position: absolute; right: 0; top: 2px; } } .section-people .view-taxonomy-term .person, .section-people .view-taxonomy-term .views-row, .section-people .view-people .person, .section-people .view-people .views-row { text-align: center; margin-bottom: 40px; } .section-people .view-taxonomy-term .person img, .section-people .view-taxonomy-term .views-row img, .section-people .view-people .person img, .section-people .view-people .views-row img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 15px; } .section-people .view-taxonomy-term .person .name, .section-people .view-taxonomy-term .person .views-field-title, .section-people .view-taxonomy-term .views-row .name, .section-people .view-taxonomy-term .views-row .views-field-title, .section-people .view-people .person .name, .section-people .view-people .person .views-field-title, .section-people .view-people .views-row .name, .section-people .view-people .views-row .views-field-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; line-height: 28px; margin-bottom: 6px; text-align: left; } .section-people .view-taxonomy-term .person .subtitle, .section-people .view-taxonomy-term .person .views-field-field-subtitle, .section-people .view-taxonomy-term .views-row .subtitle, .section-people .view-taxonomy-term .views-row .views-field-field-subtitle, .section-people .view-people .person .subtitle, .section-people .view-people .person .views-field-field-subtitle, .section-people .view-people .views-row .subtitle, .section-people .view-people .views-row .views-field-field-subtitle { font-family: "AvenirLTW01-35LightObli"; font-size: 1.125em; line-height: 1.33333em; line-height: 22px; color: #6d6e71; margin-bottom: 10px; text-align: left; } .section-people .view-taxonomy-term .person .link, .section-people .view-taxonomy-term .person .views-field-nothing, .section-people .view-taxonomy-term .views-row .link, .section-people .view-taxonomy-term .views-row .views-field-nothing, .section-people .view-people .person .link, .section-people .view-people .person .views-field-nothing, .section-people .view-people .views-row .link, .section-people .view-people .views-row .views-field-nothing { text-align: left; } .section-people .view-taxonomy-term .person .link a, .section-people .view-taxonomy-term .person .views-field-nothing a, .section-people .view-taxonomy-term .views-row .link a, .section-people .view-taxonomy-term .views-row .views-field-nothing a, .section-people .view-people .person .link a, .section-people .view-people .person .views-field-nothing a, .section-people .view-people .views-row .link a, .section-people .view-people .views-row .views-field-nothing a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; color: #8dc63f; text-transform: uppercase; line-height: 18px; text-decoration: none; } .section-people .view-taxonomy-term .person .link a:hover, .section-people .view-taxonomy-term .person .views-field-nothing a:hover, .section-people .view-taxonomy-term .views-row .link a:hover, .section-people .view-taxonomy-term .views-row .views-field-nothing a:hover, .section-people .view-people .person .link a:hover, .section-people .view-people .person .views-field-nothing a:hover, .section-people .view-people .views-row .link a:hover, .section-people .view-people .views-row .views-field-nothing a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .section-people .view-taxonomy-term, .section-people .view-people { float: left; width: 100%; } .section-people .view-taxonomy-term .person, .section-people .view-taxonomy-term .views-row, .section-people .view-people .person, .section-people .view-people .views-row { width: 32.20339%; float: left; margin-right: 1.69492%; margin-bottom: 60px; } .section-people .view-taxonomy-term .person:nth-child(3n+3), .section-people .view-taxonomy-term .views-row:nth-child(3n+3), .section-people .view-people .person:nth-child(3n+3), .section-people .view-people .views-row:nth-child(3n+3) { width: 32.20339%; float: right; margin-right: 0; } .section-people .view-taxonomy-term .person:nth-child(3n+1), .section-people .view-taxonomy-term .views-row:nth-child(3n+1), .section-people .view-people .person:nth-child(3n+1), .section-people .view-people .views-row:nth-child(3n+1) { clear: both; } } .node-type-person h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-person h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .node-type-person #content { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } @media all and (min-width: 740px) { .node-type-person #content { padding-right: 5%; } } .node-type-person #content a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-person #content a:hover { text-decoration: underline; } .node-type-person #content ul { padding-left: 0; } .node-type-person #content ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-person #content img { margin: 15px; } .node-type-person #content h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-person #content h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-person #content p { margin-top: .5em; } .node-type-person #content .field-type-image { text-align: center; margin-bottom: 25px; line-height: 0; } .node-type-person #content .field-type-image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .node-type-person #content .field-type-image { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .node-type-person #content .field-type-image img { margin-left: 0; } .node-type-person #content .field-name-field-headshot { margin-top: 30px; } .node-type-person #content .pane-node-body { margin-top: 30px; } .node-type-person #content ul.tabs li { list-style-type: none; list-style-image: none; background-image: none; padding-left: 0; } .node-type-person #content .field-name-field-subtitle { font-family: "AvenirLTW01-35LightObli"; font-size: 1.875em; line-height: 1.6em; color: #6d6e71; margin-top: -10px; margin-bottom: 30px; } .node-type-person #content .field-name-field-studio .field-label, .node-type-person #content .field-name-field-website .field-label, .node-type-person #content .field-name-field-email .field-label, .node-type-person #content .field-name-field-phone .field-label { display: flex; font-family: "Avenir LT W01 85 Heavy"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 32px; } .node-type-person #content .pane-node-field-image-gallery { float: left; width: 100%; margin-bottom: 30px; } .node-type-person #content .pane-node-field-image-gallery h2.pane-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-person #content .pane-node-field-image-gallery .field-name-field-image-gallery { float: left; width: 100%; } .node-type-person #content .pane-node-field-image-gallery .field-item { text-align: center; } .node-type-person #content .pane-node-field-image-gallery .field-item img { margin: 0; -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 10px; } @media all and (min-width: 400px) { .node-type-person #content .pane-node-field-image-gallery { float: left; } .node-type-person #content .pane-node-field-image-gallery .field-item { float: left; width: 50%; padding-right: 10px; padding-bottom: 1px; } .node-type-person #content .pane-node-field-image-gallery .field-item:nth-child(even) { width: 50%; } } @media all and (min-width: 600px) { .node-type-person #content .pane-node-field-image-gallery .field-item { width: 33.3%; } .node-type-person #content .pane-node-field-image-gallery .field-item:nth-child(even) { width: 33.3%; } .node-type-person #content .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 33.3%; } } @media all and (min-width: 800px) { .node-type-person #content .pane-node-field-image-gallery .field-item { width: 25%; } .node-type-person #content .pane-node-field-image-gallery .field-item:nth-child(even) { width: 25%; } .node-type-person #content .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 25%; } } .node-type-person #content .pane-node-field-videos h2.pane-title { color: #000; } .node-type-person #content .field-name-field-studio .field-label, .node-type-person #content .field-name-field-website .field-label, .node-type-person #content .field-name-field-email .field-label, .node-type-person #content .field-name-field-phone .field-label { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 32px; } .node-type-person #content .field-name-field-studio, .node-type-person #content .field-name-field-website, .node-type-person #content .field-name-field-email, .node-type-person #content .field-name-field-phone { display: flex; } .node-type-production h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-production h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } @media all and (min-width: 740px) { .node-type-production #content { padding-right: 5%; } } .node-type-production #content .field-type-text-with-summary { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .node-type-production #content .field-type-text-with-summary a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-production #content .field-type-text-with-summary a:hover { text-decoration: underline; } .node-type-production #content .field-type-text-with-summary ul { padding-left: 0; } .node-type-production #content .field-type-text-with-summary ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-production #content .field-type-text-with-summary img { margin: 15px; } .node-type-production #content .field-type-text-with-summary h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-production #content .field-type-text-with-summary h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-production #content .field-type-text-with-summary p { margin-top: .5em; } .node-type-production #content .field-name-field-thumbnail { text-align: center; margin-bottom: 25px; line-height: 0; } .node-type-production #content .field-name-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .node-type-production #content .field-name-field-thumbnail { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .node-type-production .body-thumb-wrapper { padding-bottom: 20px; border-bottom: 1px solid #a7a9ac; margin-bottom: 30px; overflow: hidden; } .node-type-production .pane-node-field-cast h2.pane-title, .node-type-production .pane-node-field-staff h2.pane-title, .node-type-production .pane-node-field-dates2 h2.pane-title { font-family: 'Roboto Condensed', sans-serif; font-size: 1.375em; line-height: 2.18182em; font-weight: 400; font-style: normal; color: #6d6e71 !important; text-transform: uppercase; line-height: 28px; margin-top: 0; margin-bottom: 10px; } .node-type-production .pane-node-field-cast p, .node-type-production .pane-node-field-staff p, .node-type-production .pane-node-field-dates2 p { margin-top: 0; } .node-type-production .pane-node-field-dates2 { border-top: 1px solid #a7a9ac; padding-top: 20px; font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .node-type-production .pane-node-field-dates2 a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-production .pane-node-field-dates2 a:hover { text-decoration: underline; } .node-type-production .pane-node-field-dates2 ul { padding-left: 0; } .node-type-production .pane-node-field-dates2 ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-production .pane-node-field-dates2 img { margin: 15px; } .node-type-production .pane-node-field-dates2 h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-production .pane-node-field-dates2 h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-production .pane-node-field-dates2 p { margin-top: .5em; } .node-type-production .pane-node-field-dates2 h2.pane-title { font-size: 22px; line-height: 28px; } .node-type-production .pane-node-field-image-gallery { float: left; width: 100%; margin-bottom: 30px; } .node-type-production .pane-node-field-image-gallery h2.pane-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-production .pane-node-field-image-gallery .field-name-field-image-gallery { float: left; width: 100%; } .node-type-production .pane-node-field-image-gallery .field-item { text-align: center; } .node-type-production .pane-node-field-image-gallery .field-item img { margin: 0; -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 10px; } @media all and (min-width: 400px) { .node-type-production .pane-node-field-image-gallery { float: left; } .node-type-production .pane-node-field-image-gallery .field-item { float: left; width: 50%; padding-right: 10px; padding-bottom: 1px; } .node-type-production .pane-node-field-image-gallery .field-item:nth-child(even) { width: 50%; } } @media all and (min-width: 600px) { .node-type-production .pane-node-field-image-gallery .field-item { width: 33.3%; } .node-type-production .pane-node-field-image-gallery .field-item:nth-child(even) { width: 33.3%; } .node-type-production .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 33.3%; } } @media all and (min-width: 800px) { .node-type-production .pane-node-field-image-gallery .field-item { width: 25%; } .node-type-production .pane-node-field-image-gallery .field-item:nth-child(even) { width: 25%; } .node-type-production .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 25%; } } @media all and (min-width: 740px) { .pane-node-field-cast { width: 49.15254%; float: left; margin-right: 1.69492%; } .pane-node-field-staff { width: 49.15254%; float: right; margin-right: 0; } .pane-node-field-dates2 { float: left; width: 100%; } } #block-views-age-groups-block h2.block-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; color: #000; margin-bottom: 25px; text-shadow: 0px 1px #ffffff; } #block-views-age-groups-block .views-row { margin-bottom: 35px; } #block-views-age-groups-block .views-row .views-field-field-image { text-align: center; margin-bottom: 12px; } #block-views-age-groups-block .views-row .views-field-field-image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } #block-views-age-groups-block .views-row .views-field-name a { display: block; font-family: "Avenir LT W01 85 Heavy"; font-size: 1.5em; line-height: 2em; font-size: 24px; line-height: 30px; color: #000; text-decoration: none; margin-bottom: 5px; text-shadow: 0px 1px #ffffff; } #block-views-age-groups-block .views-row .views-field-name a:hover { text-decoration: underline; } #block-views-age-groups-block .views-row .views-field-name a:hover { color: #8dc63f; } #block-views-age-groups-block .views-row .views-field-nothing a { display: block; font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; color: #8dc63f; text-transform: uppercase; font-size: 15px; line-height: 23px; text-decoration: none; text-shadow: 0px 1px #ffffff; } #block-views-age-groups-block .views-row .views-field-nothing a:hover { text-decoration: underline; } @media all and (min-width: 600px) { #block-views-age-groups-block .views-row { width: 49.15254%; float: left; margin-right: 1.69492%; } #block-views-age-groups-block .views-row:nth-child(even) { width: 49.15254%; float: right; margin-right: 0; } #block-views-age-groups-block .views-row .views-field-field-image { text-align: left; } } .section-age-groups h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .section-age-groups h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } @media all and (min-width: 740px) { .section-age-groups #content { padding-right: 5%; } } .section-age-groups .view-taxonomy-term .view-content h3 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; line-height: 26px; color: #1b75bc; background: #f7f6f3; background-position: right 20px center; margin: 0 0 10px 0; padding: 15px 50px 15px 20px; float: left; width: 100%; cursor: pointer; display: block; position: relative; text-shadow: 0px 1px #ffffff; } .section-age-groups .view-taxonomy-term .view-content h3:after { content: ''; display: block; width: 16px; height: 14px; background: url(../images/class-plus.png) no-repeat; position: absolute; top: 21px; right: 20px; } .section-age-groups .view-taxonomy-term .view-content h3.opened:after { background-image: url(../images/class-minus.png); top: 27px; } .section-age-groups .view-taxonomy-term .view-content .views-row { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #a7a9ac; float: left; width: 100%; display: none; } .section-age-groups .view-taxonomy-term .view-content .views-row.views-row-last { border-bottom: none; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-thumbnail { text-align: center; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-title { margin-bottom: 10px; display: inline; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-title a { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.125em; line-height: 1.33333em; color: #000; text-decoration: none; padding-bottom: 5px; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-title a:hover { text-decoration: underline; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-title a:hover { color: #8dc63f; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-new-class { display: inline; margin-left: 5px; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-new-class .field-content { display: inline; font-family: "Avenir LT W01 85 Heavy"; font-size: 1em; line-height: 1.5em; color: #ed1c24; text-transform: uppercase; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-body { font-family: "Avenir LT W01 45 Book"; font-size: 1.125em; line-height: 1.33333em; line-height: 26px; margin-bottom: 10px; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-body a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; font-size: 15px; line-height: 26px; color: #8dc63f; text-decoration: none; text-transform: uppercase; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-body a:hover { text-decoration: underline; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-teacher .views-label, .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-day-time .views-label { float: left; margin-right: 5px; font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-teacher .field-content, .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-day-time .field-content { font-family: "Avenir LT W01 45 Book"; font-size: 0.9375em; line-height: 1.6em; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-nothing, .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-registration-url { margin-top: 20px; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-nothing a, .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-registration-url a { font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; float: left; margin-right: 20px; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-nothing a:hover, .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-registration-url a:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-full { padding-top: 15px; } .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-full .field-content { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.875em; line-height: 1.71429em; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #ed1c24; } @media all and (min-width: 600px) { .section-age-groups .view-taxonomy-term .view-content .views-row .views-field-field-thumbnail { float: left; width: 25%; } .section-age-groups .view-taxonomy-term .view-content .views-row .class-row-wrapper { float: right; width: 75%; padding-left: 20px; } } .page-node-1 .field-type-text-with-summary { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .page-node-1 .field-type-text-with-summary a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .page-node-1 .field-type-text-with-summary a:hover { text-decoration: underline; } .page-node-1 .field-type-text-with-summary ul { padding-left: 0; } .page-node-1 .field-type-text-with-summary ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .page-node-1 .field-type-text-with-summary img { margin: 15px; } .page-node-1 .field-type-text-with-summary h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .page-node-1 .field-type-text-with-summary h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .page-node-1 .field-type-text-with-summary p { margin-top: .5em; } .section-class-categories h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .section-class-categories h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } @media all and (min-width: 740px) { .section-class-categories #content { padding-right: 5%; } } .section-class-categories .view-taxonomy-term .views-row { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #a7a9ac; float: left; width: 100%; display: none; display: block; } .section-class-categories .view-taxonomy-term .views-row.views-row-last { border-bottom: none; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-thumbnail { text-align: center; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-thumbnail img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } .section-class-categories .view-taxonomy-term .views-row .views-field-title { margin-bottom: 10px; display: inline; } .section-class-categories .view-taxonomy-term .views-row .views-field-title a { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.125em; line-height: 1.33333em; color: #000; text-decoration: none; padding-bottom: 5px; } .section-class-categories .view-taxonomy-term .views-row .views-field-title a:hover { text-decoration: underline; } .section-class-categories .view-taxonomy-term .views-row .views-field-title a:hover { color: #8dc63f; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-new-class { display: inline; margin-left: 5px; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-new-class .field-content { display: inline; font-family: "Avenir LT W01 85 Heavy"; font-size: 1em; line-height: 1.5em; color: #ed1c24; text-transform: uppercase; } .section-class-categories .view-taxonomy-term .views-row .views-field-body { font-family: "Avenir LT W01 45 Book"; font-size: 1.125em; line-height: 1.33333em; line-height: 26px; margin-bottom: 10px; } .section-class-categories .view-taxonomy-term .views-row .views-field-body a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; font-size: 15px; line-height: 26px; color: #8dc63f; text-decoration: none; text-transform: uppercase; } .section-class-categories .view-taxonomy-term .views-row .views-field-body a:hover { text-decoration: underline; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-teacher .views-label, .section-class-categories .view-taxonomy-term .views-row .views-field-field-day-time .views-label { float: left; margin-right: 5px; font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-teacher .field-content, .section-class-categories .view-taxonomy-term .views-row .views-field-field-day-time .field-content { font-family: "Avenir LT W01 45 Book"; font-size: 0.9375em; line-height: 1.6em; } .section-class-categories .view-taxonomy-term .views-row .views-field-nothing, .section-class-categories .view-taxonomy-term .views-row .views-field-field-registration-url { margin-top: 20px; } .section-class-categories .view-taxonomy-term .views-row .views-field-nothing a, .section-class-categories .view-taxonomy-term .views-row .views-field-field-registration-url a { font-family: "Avenir LT W01 65 Medium"; font-size: 1em; line-height: 1.5em; line-height: 15px; display: inline-block; color: #000 !important; text-transform: uppercase; padding: 13px 25px 10px 25px; border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; float: left; margin-right: 20px; } .section-class-categories .view-taxonomy-term .views-row .views-field-nothing a:hover, .section-class-categories .view-taxonomy-term .views-row .views-field-field-registration-url a:hover { border-color: #8dc63f; background: #8dc63f; color: #fff !important; text-decoration: none !important; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-full { padding-top: 15px; } .section-class-categories .view-taxonomy-term .views-row .views-field-field-full .field-content { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.875em; line-height: 1.71429em; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #ed1c24; } @media all and (min-width: 600px) { .section-class-categories .view-taxonomy-term .views-row .views-field-field-thumbnail { float: left; width: 25%; } .section-class-categories .view-taxonomy-term .views-row .class-row-wrapper { float: right; width: 75%; padding-left: 20px; } } .node-type-class h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-class h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } @media all and (min-width: 740px) { .node-type-class #content { padding-right: 5%; } } .node-type-class .pane-1 { margin-bottom: 25px; } .node-type-class .pane-1 p { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; color: #ed1c24; font-size: 20px; line-height: 30px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .node-type-class .pane-node-body .field-type-text-with-summary { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .node-type-class .pane-node-body .field-type-text-with-summary a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-class .pane-node-body .field-type-text-with-summary a:hover { text-decoration: underline; } .node-type-class .pane-node-body .field-type-text-with-summary ul { padding-left: 0; } .node-type-class .pane-node-body .field-type-text-with-summary ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-class .pane-node-body .field-type-text-with-summary img { margin: 15px; } .node-type-class .pane-node-body .field-type-text-with-summary h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-class .pane-node-body .field-type-text-with-summary h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-class .pane-node-body .field-type-text-with-summary p { margin-top: .5em; } .node-type-class .pane-node-body .field-type-image { text-align: center; margin-bottom: 25px; line-height: 0; } .node-type-class .pane-node-body .field-type-image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .node-type-class .pane-node-body .field-type-image { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .node-type-class .field-name-field-registration-url a { display: inline-block; width: auto; padding: 15px 25px 13px 25px; font-family: "Avenir LT W01 65 Medium"; font-size: 1.0625em; line-height: 1.41176em; line-height: 17px; color: #fff; text-transform: uppercase; background: #8dc63f; text-decoration: none; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; } .node-type-class .field-name-field-registration-url a:hover { text-decoration: underline; } .node-type-class .pane-umbrella-custom-class-instructor { border-top: 1px solid #a7a9ac; border-bottom: 1px solid #a7a9ac; padding-top: 30px; padding-bottom: 25px; } .node-type-class .pane-umbrella-custom-class-instructor .image { text-align: center; } .node-type-class .pane-umbrella-custom-class-instructor .image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; } .node-type-class .pane-umbrella-custom-class-instructor .title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.375em; line-height: 2.18182em; } .node-type-class .pane-umbrella-custom-class-instructor .bio { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; line-height: 30px; } .node-type-class .pane-umbrella-custom-class-instructor .bio a { font-family: "Avenir LT W01 85 Heavy"; font-size: 0.9375em; line-height: 1.6em; font-size: 15px; line-height: 30px; color: #8dc63f; text-transform: uppercase; text-decoration: none; } .node-type-class .pane-umbrella-custom-class-instructor .bio a:hover { text-decoration: underline; } .node-type-class .class-field-wrapper { padding-top: 10px; margin-bottom: 40px; } .node-type-class .class-field-wrapper .panel-pane { padding: 15px 20px; } .node-type-class .class-field-wrapper .panel-pane:nth-child(even) { background: #f7f6f3; } .node-type-class .class-field-wrapper .panel-pane .field-label { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.125em; line-height: 1.33333em; line-height: 26px; text-shadow: 0px 1px #ffffff; } .node-type-class .class-field-wrapper .panel-pane .field-items { font-family: "Avenir LT W01 45 Book"; font-size: 1.125em; line-height: 1.33333em; line-height: 26px; text-shadow: 0px 1px #ffffff; } .node-type-class .class-field-wrapper .panel-pane .field-items a { text-decoration: none; color: #8dc63f; text-shadow: 0px 1px #ffffff; } .node-type-class .class-field-wrapper .panel-pane .field-items a:hover { text-decoration: underline; } @media all and (min-width: 740px) { .node-type-class .pane-umbrella-custom-class-instructor { float: left; width: 100%; } .node-type-class .pane-umbrella-custom-class-instructor .image { text-align: left; width: 44%; float: left; } .node-type-class .pane-umbrella-custom-class-instructor .title, .node-type-class .pane-umbrella-custom-class-instructor .bio { float: right; width: 53%; } .node-type-class .class-field-wrapper { float: left; width: 100%; } } .node-type-webform h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-webform h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } @media all and (min-width: 740px) { .node-type-webform #content { padding-right: 5%; } } .node-type-webform #content .field-type-text-with-summary { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .node-type-webform #content .field-type-text-with-summary a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-webform #content .field-type-text-with-summary a:hover { text-decoration: underline; } .node-type-webform #content .field-type-text-with-summary ul { padding-left: 0; } .node-type-webform #content .field-type-text-with-summary ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-webform #content .field-type-text-with-summary img { margin: 15px; } .node-type-webform #content .field-type-text-with-summary h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-webform #content .field-type-text-with-summary h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-webform #content .field-type-text-with-summary p { margin-top: .5em; } .node-type-webform #content .field-type-image { text-align: center; margin-bottom: 25px; line-height: 0; } .node-type-webform #content .field-type-image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .node-type-webform #content .field-type-image { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .page-taxonomy-term h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .page-taxonomy-term h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .page-taxonomy-term #block-umbrella-custom-taxonomy-description { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description a:hover { text-decoration: underline; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description ul { padding-left: 0; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description img { margin: 15px; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .page-taxonomy-term #block-umbrella-custom-taxonomy-description p { margin-top: .5em; } .page-taxonomy-term .view-taxonomy-term .view-header .field-type-image { text-align: center; margin-bottom: 25px; line-height: 0; } .page-taxonomy-term .view-taxonomy-term .view-header .field-type-image img { -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-top: 0; } @media all and (min-width: 740px) { .page-taxonomy-term .view-taxonomy-term .view-header .field-type-image { float: left; width: 45%; margin-right: 30px; margin-bottom: 15px; text-align: left; } } .node-type-event h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .node-type-event h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .node-type-event #content .field { margin-bottom: 30px; } .node-type-event #content .field-name-body { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; margin-bottom: 0; } .node-type-event #content .field-name-body a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-event #content .field-name-body a:hover { text-decoration: underline; } .node-type-event #content .field-name-body ul { padding-left: 0; } .node-type-event #content .field-name-body ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-event #content .field-name-body img { margin: 15px; } .node-type-event #content .field-name-body h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-event #content .field-name-body h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-event #content .field-name-body p { margin-top: .5em; } .node-type-event #content .field-name-field-dates .field-label { font-family: "Avenir LT W01 65 Medium"; font-size: 1.125em; line-height: 1.33333em; } .node-type-event #content .field-name-field-dates .field-item { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; float: left; clear: both; } .node-type-event #content .field-name-field-dates .field-item a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .node-type-event #content .field-name-field-dates .field-item a:hover { text-decoration: underline; } .node-type-event #content .field-name-field-dates .field-item ul { padding-left: 0; } .node-type-event #content .field-name-field-dates .field-item ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .node-type-event #content .field-name-field-dates .field-item img { margin: 15px; } .node-type-event #content .field-name-field-dates .field-item h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-event #content .field-name-field-dates .field-item h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .node-type-event #content .field-name-field-dates .field-item p { margin-top: .5em; } .node-type-event #content .field-name-field-event-categories { float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; } .node-type-event #content .field-name-field-event-categories .field-label { font-family: "Avenir LT W01 65 Medium"; font-size: 1.125em; line-height: 1.33333em; } .node-type-event #content .field-name-field-event-categories .field-item { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; } .node-type-event .pane-node-field-image-gallery { float: left; width: 100%; margin-bottom: 30px; } .node-type-event .pane-node-field-image-gallery h2.pane-title { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .node-type-event .pane-node-field-image-gallery .field-name-field-image-gallery { float: left; width: 100%; } .node-type-event .pane-node-field-image-gallery .field-item { text-align: center; } .node-type-event .pane-node-field-image-gallery .field-item img { margin: 0; -moz-box-shadow: 0 10px 5px -5px #c1c1c1; -webkit-box-shadow: 0 10px 5px -5px #c1c1c1; box-shadow: 0 10px 5px -5px #c1c1c1; margin-bottom: 10px; } @media all and (min-width: 400px) { .node-type-event .pane-node-field-image-gallery { float: left; } .node-type-event .pane-node-field-image-gallery .field-item { float: left; width: 50%; padding-right: 10px; padding-bottom: 1px; } .node-type-event .pane-node-field-image-gallery .field-item:nth-child(even) { width: 50%; } } @media all and (min-width: 600px) { .node-type-event .pane-node-field-image-gallery .field-item { width: 33.3%; } .node-type-event .pane-node-field-image-gallery .field-item:nth-child(even) { width: 33.3%; } .node-type-event .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 33.3%; } } @media all and (min-width: 800px) { .node-type-event .pane-node-field-image-gallery .field-item { width: 25%; } .node-type-event .pane-node-field-image-gallery .field-item:nth-child(even) { width: 25%; } .node-type-event .pane-node-field-image-gallery .field-item:nth-child(4n+4) { width: 25%; } } .page-search h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; line-height: 1.2em; font-weight: 300; font-style: normal; margin-bottom: 30px; } @media all and (min-width: 740px) { .page-search h1#page-title { font-family: 'Roboto Condensed', sans-serif; font-size: 4.375em; line-height: 1.37143em; font-weight: 300; font-style: normal; } } .page-search #content { font-family: "Avenir LT W01 35 Light"; font-size: 1.125em; line-height: 1.33333em; font-size: 18px; line-height: 30px; } .page-search #content a { font-family: 'Avenir LT W01 65 Medium'; color: #8dc63f; text-decoration: none; } .page-search #content a:hover { text-decoration: underline; } .page-search #content ul { padding-left: 0; } .page-search #content ul li { padding-left: 20px; background: url(../images/blue-bullet.png) left top 12px no-repeat; list-style: none; list-style-image: none; } .page-search #content img { margin: 15px; } .page-search #content h2 { font-family: "Avenir LT W01 85 Heavy"; font-size: 1.25em; line-height: 1.2em; font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; } .page-search #content h3 { font-family: "Avenir LT W01 65 Medium"; font-size: 1.1875em; line-height: 1.26316em; font-size: 19px; line-height: 25px; margin-top: 0; margin-bottom: 15px; font-weight: 400; } .page-search #content p { margin-top: .5em; } .page-search #content ul.tabs li { list-style-type: none; list-style-image: none; background-image: none; padding-left: 0; } .page-search #content h3.title { margin-bottom: 0; } .page-search #content p.search-info { display: none; } .page-search #content .pager .pager-current { color: #8dc63f; } /* SMACSS theme rules */ /* @import "theme-A"; */ /* @import "theme-B"; */