/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .tan-angle-old { background: #91794e; /* Old browsers */ background: -moz-linear-gradient(-45deg, #997f52 0%, #997f52 50%, #91794e 50%, #91794e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #997f52 0%, #997f52 50%, #91794e 50%, #91794e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #91794e 0%, #997f52 50%, #91794e 50%, #997f52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997f52', endColorstr='#91794e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* .tan-angle, section#event-list .wrapper .event-list-item .left .date-block, section#accordion .accordion-item-title, section#quick-stats .stat-block, #quotes .wrapper, section.calendar .wrapper #calendar-block #full-calendar.grid .date-block { */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#997f52+0,997f52+50,91794e+50,91794e+100 */ /* background: #997f52;*/ /* Old browsers */ /*/*background: -moz-linear-gradient(-45deg, #997f52 0%, #997f52 50%, #91794e 50%, #91794e 100%);*/ /* FF3.6-15 */ /* background: -webkit-linear-gradient(-45deg, #997f52 0%, #997f52 50%, #91794e 50%, #91794e 100%);*/ /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(135deg, #997f52 0%, #997f52 50%, #91794e 50%, #91794e 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997f52', endColorstr='#91794e',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */ /*} */ section#event-list .wrapper .event-list-item .left .date-block, section#accordion .accordion-item-title, section#quick-stats .stat-block, #quotes .wrapper { background: #4E4C4E; } /* .silver-angle, section#home-main .wrapper #hm-content .boxes .box.silver */ .silver-angle, section.calendar .wrapper #calendar-block #full-calendar.grid .date-block, section#home-main .wrapper #hm-content .boxes .box.silver{ background: #5f5f61; /* Old browsers */ background: -moz-linear-gradient(-45deg, #8f8f92 0%, #8f8f92 50%, #88888b 50%, #88888b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #8f8f92 0%, #8f8f92 50%, #88888b 50%, #88888b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #8f8f92 0%, #8f8f92 50%, #88888b 50%, #88888b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8f92', endColorstr='#88888b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* 80th Anniversary palette */ .purple-angle, section#home-main .wrapper #hm-content .boxes .box.purple { background: #A7A4E0; /* Old browsers */ background: -moz-linear-gradient(-45deg, #A7A4E0 0%, #A7A4E0 50%, #9a97d6 50%, #9a97d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #A7A4E0 0%, #A7A4E0 50%, #9a97d6 50%, #9a97d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #A7A4E0 0%, #A7A4E0 50%, #9a97d6 50%, #9a97d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7A4E0', endColorstr='#9a97d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .black-angle, section#home-main .wrapper #hm-content .boxes .box.black, section#directory .directory-index-desktop, section#directory .directory-index-mobile { background: #1f1f1f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #262626 0%, #262626 50%, #1f1f1f 50%, #1f1f1f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #262626 0%, #262626 50%, #1f1f1f 50%, #1f1f1f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #262626 0%, #262626 50%, #1f1f1f 50%, #1f1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#1f1f1f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .red-angle { background: #a66060; /* Old browsers */ background: -moz-linear-gradient(-45deg, #a66060 0%, #a66060 50%, #975757 50%, #975757 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #a66060 0%, #a66060 50%, #975757 50%, #975757 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #a66060 0%, #a66060 50%, #975757 50%, #975757 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a66060', endColorstr='#975757',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .grey-angle, section#page-intro .wrapper .grid.row .block .box.grey, section.page-intro .wrapper .grid.row .block .box.grey, section#button-bar .button-bar-wrap, .block .box.grey { background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 50%, #e6e6e6 50%, #e6e6e6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 50%, #e6e6e6 50%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f0f0f0 0%, #f0f0f0 50%, #e6e6e6 50%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .grey-transparent-angle, section#featured-section .wrapper .featured-section-wrap { background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 50%, transparent 50%, transparent 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 50%, transparent 50%, transparent 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f0f0f0 0%, #f0f0f0 50%, transparent 50%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='transparent',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .navy-angle, #milestones .wrapper #milestones-wrapper .slide .left .year { background: transparent; /* Old browsers */ background: -moz-linear-gradient(-45deg, #09263c 0%, #09263c 50%, #0d3251 50%, #0d3251 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #09263c 0%, #09263c 50%, #0d3251 50%, #0d3251 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #09263c 0%, #09263c 50%, #0d3251 50%, #0d3251 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09263c', endColorstr='#0d3251',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .nav-angle, section#top .wrapper ul li.dropdown a.dn:before { background: transparent; /* Old browsers */ background: -moz-linear-gradient(-45deg, transparent 0%, transparent 50%, whitesmoke 50%, whitesmoke 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 50%, whitesmoke 50%, whitesmoke 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, transparent 0%, transparent 50%, whitesmoke 50%, whitesmoke 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .tan-transparent-angle, section#show-me .wrapper .show-me-wrap { /* background: #997f52; */ /* Old browsers */ background: -moz-linear-gradient(-45deg, #997f52 0%, #997f52 50%, transparent 50%, transparent 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #997f52 0%, #997f52 50%, transparent 50%, transparent 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #997f52 0%, #997f52 50%, transparent 50%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997f52', endColorstr='transparent',GradientType=1 ); background: #4E4C4E; background: linear-gradient(135deg, #4E4C4E 0%, #4E4C4E 50%, transparent 50%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E4C4E', endColorstr='transparent',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .transition1, section#top .wrapper ul li.dropdown a.dn, section#top .wrapper ul li.dropdown a.dn:before, section#top .wrapper ul li.dropdown .dropdown-section, section#top .wrapper ul li.dropdown .dropdown-section .wrap, section#top .wrapper ul li.dropdown .dropdown-section .wrap ul .border-sim, section#top .wrapper ul li.dropdown .dropdown-section .wrap ul.more-menu, section#top .wrapper ul li.dropdown:hover a.dn:before, section#top .wrapper ul li.dropdown:hover .dropdown-section, section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap, section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap ul .border-sim, section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap ul.more-menu, #secondary-nav .wrapper ul li ul, #secondary-nav .wrapper ul li.menu-item-has-children:hover ul, section.calendar .wrapper #calendar-block #more-cal-filters, section.calendar .wrapper #calendar-block #more-cal-filters.open { transition: all ease .3s; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; } .transition2, #global-overlay, #global-search, #global-overlay.fadein, #global-search.fadein, .general-table .wrapper #grid-wrap, #performances-table .wrapper #grid-wrap, #repertoire .wrapper #stage #video-info, #p-repertoire .wrapper #stage #video-info, #repertoire .wrapper #list-items, #p-repertoire .wrapper #list-items, #stopgate, #stopgate.fadein, section#interactive-chart .membership_links a, section#interactive-chart .membership_links a:hover, section#interactive-chart .interactive-chart-detail-item, section#interactive-chart .interactive-chart-selector a, section#interactive-chart .interactive-chart-selector a:hover, section#interactive-chart .interactive-chart-table-item-wrap, section#interactive-chart .interactive-chart-table-item-wrap.selected, section#interactive-chart .interactive-chart-table-item .benefits, section#interactive-chart .interactive-chart-table-item .benefits:hover, section#interactive-chart .interactive-chart-table-item .benefits:hover .btn, section#interactive-chart .interactive-chart-table-item .benefits:hover .header, section#interactive-chart .interactive-chart-table-item .btn, section#interactive-chart .interactive-chart-table-item section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item section#interactive-chart .interactive-chart-table-item a, section#interactive-chart .interactive-chart-table-item section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#interactive-chart .interactive-chart-table-item input[type="submit"], section#interactive-chart .interactive-chart-table-item section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#interactive-chart .interactive-chart-table-item input[type="submit"] { transition: all ease .5s; -moz-transition: all ease .5s; -webkit-transition: all ease .5s; } .transition3, #repertoire .wrapper #stage #video-info.fade, #p-repertoire .wrapper #stage #video-info.fade { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Opera/IE 8+ */ } * { box-sizing: border-box; margin: 0; padding: 0; outline: none; } .row:after { content: ' '; display: table; clear: both; } html { font-family: "Montserrat", sans-serif; overflow-x: hidden; } html.no-scroll { overflow: hidden; } html.open, html.open body { height: 100%; overflow: hidden; -webkit-overflow-scrolling: auto; } body { width: 100%; overflow-x: hidden; font-family: "Montserrat", sans-serif; font-weight: 300; } a { color: #0a3152; text-decoration: none; } img { max-width: 100%; } .btn, section#show-me .wrapper .show-me-content-item a, section#contact-form .wpcf7-form input[type="submit"], section.page-content .wpcf7-form input[type="submit"] { /* background-color: #0a3152; */ /* border: 1px solid #0a3152; */ /* temporary 80th Anniversary palette */ /* background-color: #440099; */ /* border: 1px solid #440099; */ /* new branding 2021 */ /* background-color: #0075BB; */ /* border: 1px solid #0075BB; */ /* 85th Anniversary palette */ background-color: #3E25A2; border: 1px solid #3E25A2; display: inline-block; padding: 14px 50px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 2px; text-align: center; text-transform: uppercase; text-decoration: none; margin: 0 0 20px 0; } @media screen and (max-width: 768px) { .btn, section#show-me .wrapper .show-me-content-item a, section#contact-form .wpcf7-form input[type="submit"], section.page-content .wpcf7-form input[type="submit"] { color: #fff; font-size: 12px; padding: 10px 30px; } } @media screen and (max-width: 480px) { .btn, section#show-me .wrapper .show-me-content-item a, section#contact-form .wpcf7-form input[type="submit"], section.page-content .wpcf7-form input[type="submit"] { color: #fff; font-size: 10px; } } .center { text-align: center; } #global-wrapper { max-width: 1400px; margin: 0 auto; position: relative; background-image: url(../img/page-bg.png); background-repeat: repeat-y; background-position: right 0; } @media screen and (max-width: 768px) { #global-wrapper { background-image: none; } } section { width: 100%; display: block; clear: both; z-index: 1; position: relative; } section .wrapper { width: 100%; display: block; margin: 0 auto; max-width: 1400px; min-width: 290px; padding: 0 0px; } section .wrapper ul { margin: 0; } section .wrapper ul li { margin: 0 25px; } section .wrapper ul li a { font-family: "Montserrat", sans-serif; } section .wrapper ul li i { color: #333333; cursor: pointer; } section .wrapper h2 { margin-left: 60px; } section .wrapper h1 { font-size: 36px; font-family: "Playfair Display", serif; /* color: #997f52; */ color: #4E4C4E; margin: 0 0 10px 0; } section .wrapper p { margin: 15px 0; } #top-sticky-wrapper { z-index: 9999; position: relative; margin-bottom: -4px; } section#top { position: relative; background-color: #fff; } section#top .wrapper { padding: 5px 3% 5px 3%; overflow: hidden; } @media screen and (max-width: 768px) { section#top .wrapper { border-bottom: 0 none; } } section#top .wrapper #logo { display: inline-block; float: left; width: 210px; /* width: 55px;*/ max-width: 9%; padding: 10px 0 0 0; margin: 0 0 0px 0; } @media screen and (max-width: 1090px) { section#top .wrapper #logo { /* width: 169px; */ } } section#top .wrapper ul { display: inline-block; float: right; margin: 23px 0 0 0; list-style: none; } section#top .wrapper ul li { display: inline-block; font-size: 13px; font-weight: 400; } section#top .wrapper ul li a { color: #333333; letter-spacing: 2px; position: relative; text-transform: uppercase; } section#top .wrapper ul li a:hover, section#top .wrapper ul li a.active { /*color: #997f52; */ /*color: #C0302D; */ color: #3E25A2; } section#top .wrapper ul li a:after { position: absolute; right: -25px; top: 0; content: '/'; z-index: 1; } section#top .wrapper ul li#calendar-item { margin: 0 15px 0 15px; } section#top .wrapper ul li#calendar-item a:after { display: none; } section#top .wrapper ul li:last-child { margin: 0 0 0 0px; } section#top .wrapper ul li:last-child:after { display: none; } section#top .wrapper ul li.active a { /*color: #997f52; */ /* color: #C0302D; */ color: #3E25A2; } section#top .wrapper ul li#mobile-home { display: none; } section#top .wrapper ul li#mobile-home i { /*color: #997f52; */ /* color: #C0302D; */ color: #3E25A2; font-size: 1.2em; } @media screen and (max-width: 1270px) { section#top .wrapper ul li { font-size: 12px; margin: 0 13px; } section#top .wrapper ul li a:after { right: -18px; } } section#top .wrapper ul li.dropdown { cursor: pointer; } section#top .wrapper ul li.dropdown a.dn { position: relative; } section#top .wrapper ul li.dropdown a.dn:before { position: absolute; bottom: -40px; left: 50%; margin: 0 0 0 -13px; z-index: 999; content: ''; width: 26px; height: 26px; max-height: 0px; overflow: hidden; } section#top .wrapper ul li.dropdown .dropdown-section { overflow: hidden; max-height: 0px; position: absolute; top: 74px; left: 0; right: 0; z-index: 9999; padding: 0px 0 0px 0%; width: 100%; background-color: whitesmoke; } section#top .wrapper ul li.dropdown .dropdown-section .wrap { padding: 0px 0 0px 15%; margin: 0 auto; max-width: 1440px; display: flex; align-items: flex-start; justify-content: space-between; background-position: left 35px; background-size: 200px auto; background-repeat: no-repeat; max-height: 0px; height: 100%; overflow: hidden; } section#top .wrapper ul li.dropdown .dropdown-section .wrap a.promo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; } section#top .wrapper ul li.dropdown .dropdown-section .wrap a.promo:after { display: none; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul { position: relative; height: auto; margin: 0px 0 0 0; display: flex; flex-wrap: wrap; flex: 3; align-content: flex-start; float: none; padding: 50px 0 35px 0; z-index: 99; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li { text-transform: uppercase; /* flex-basis: 25%; */ flex-basis: 24.5%; padding: 0 30px 15px 30px; display: block; list-style: none; margin: 0 0 0px 0; color: #333; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 18px; text-transform: none; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li a { color: #333; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 18px; text-transform: uppercase; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li a:hover { /*color: #997f52; */ /* color: #C0302D; */ color: #3E25A2; cursor: pointer; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li a:after { display: none; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li i { display: none; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li ul { display: block; padding: 0px 0 0px 0; height: auto; margin: 15px 0 0 0; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li ul li { width: 100%; padding: 0 0px 15px 0px; border: none; text-transform: none; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li ul li a { text-transform: none !important; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li ul li.current_page_item a { /*color: #997f52; */ /* color: #C0302D; */ color: #3E25A2; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul .border-sim { position: absolute; width: 100%; max-height: 0px; overflow: hidden; height: 300px; display: flex; flex-wrap: nowrap; padding: 0 0 0 0%; z-index: -1; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul .border-sim div { border-left: 1px solid #dcdcdc; height: 100%; flex: 1; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul.more-menu { height: 100%; max-height: 0px; padding: 50px 0 35px 0; overflow: hidden; display: block; background-color: #e6e6e6; flex: 1; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul.more-menu li { text-transform: none; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul.more-menu li a { text-transform: none; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul.more-menu li:nth-child(1) { text-transform: uppercase; } section#top .wrapper ul li.dropdown .dropdown-section .wrap ul.more-menu li:nth-child(1) a { text-transform: uppercase; } @media screen and (max-width: 1270px) { section#top .wrapper ul li.dropdown .dropdown-section .wrap { background-size: 150px auto; } } @media screen and (max-width: 1235px) { section#top .wrapper ul li.dropdown .dropdown-section .wrap ul li { padding: 0 15px 15px 15px; } } section#top .wrapper ul li.dropdown:hover a.dn:before { max-height: 26px; overflow: visible; } section#top .wrapper ul li.dropdown:hover .dropdown-section { max-height: 400px; overflow: visible; } section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap { max-height: 400px; } section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap ul { height: 100%; min-height: 400px; } section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap ul ul.sub-menu { height: auto; min-height: 1px; } section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap ul .border-sim { max-height: 300px; } section#top .wrapper ul li.dropdown:hover .dropdown-section .wrap ul.more-menu { max-height: 400px; padding: 50px 0 35px 0; } section#top .wrapper ul li#search-item text, section#top .wrapper ul li#calendar-item text { display: none; } section#top .wrapper ul li#search-item a:hover i, section#top .wrapper ul li#calendar-item a:hover i { /*color: #997f52; */ /* color: #C0302D; */ color: #3E25A2; } section#top .wrapper ul li#search-item i:hover, section#top .wrapper ul li#calendar-item i:hover { /*color: #997f52; */ /* color: #C0302D; */ color: #3E25A2; } section#top .wrapper #mobile-trigger { display: none; } @media screen and (max-width: 1024px) { section#top .wrapper { height: 74px; padding: 10px 0 0 0; } section#top .wrapper #logo { float: none; margin: 0 auto; display: block; position: relative; z-index: 1; max-height: 45px; max-width: 100%; width: auto;} section#top .wrapper #mobile-trigger { display: inline-block; position: absolute; right: 0; top: 0; padding: 14px 17px; z-index: 999; color: #333333; } section#top .wrapper #mobile-trigger i { font-size: 2em; } section#top .wrapper ul#menu { position: fixed; height: 100vh; right: -100%; top: 0px; transform: translateY(74px); margin: 0; max-width: 400px; transition: all ease .5s; background-color: #f3f3f3; width: 100%; padding: 0px; z-index: 999; } section#top .wrapper ul#menu li { display: block; width: 100%; margin: 0; padding: 0px; border-bottom: 2px solid #dde0e2; font-size: 16.5px; text-transform: uppercase; } section#top .wrapper ul#menu li:last-child { border: 0 none; } section#top .wrapper ul#menu li a, section#top .wrapper ul#menu li span { font-size: 16.5px; text-transform: uppercase; display: block; padding: 20px 0 20px 20px; z-index: 10; } section#top .wrapper ul#menu li#mobile-home { display: block; } section#top .wrapper ul#menu li:last-child { margin: 0; } section#top .wrapper ul#menu li:after, section#top .wrapper ul#menu li a:after { display: none; } section#top .wrapper ul#menu li.dropdown { position: relative; } section#top .wrapper ul#menu li.dropdown span:after { display: none; } section#top .wrapper ul#menu li.dropdown .dropdown-section { top: 0; max-height: 20000px; position: relative; display: none; background-color: #e5e5e5; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap { display: block; padding: 0; background-image: none !important; height: auto; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul { display: block; position: relative; left: 0; top: 0; border: none; background-color: #e5e5e5; float: none; padding: 0; overflow: hidden; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul .border-sim { display: none !important; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li { font-size: 16.5px; text-transform: uppercase; margin: 0; position: relative; display: block; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li a, section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li span { font-size: 16.5px; text-transform: uppercase; padding: 0 20px 0 35px; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li ul { display: none; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li ul li a { text-transform: none !important; padding-left: 50px !important; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li { display: block; padding: 0 0 0 35px; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li a { width: calc(100% - 50px); display: block; padding: 10px 0 10px 35px; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul li i { display: block; position: absolute; right: 15px; top: 15px; z-index: 9999; font-size: 1.5em; color: #333333; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul.open li { display: block; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul.more-menu { max-height: 100vh; } section#top .wrapper ul#menu li.dropdown .dropdown-section .wrap ul.more-menu li:first-child { display: none; } section#top .wrapper ul#menu li.dropdown:after { position: absolute; content: '\f105'; font-family: Fontawesome; right: 15px; top: 15px; color: #333333; font-size: 1.5em; display: block; } section#top .wrapper ul#menu li.dropdown:hover { background-color: #e5e5e5; } section#top .wrapper ul#menu li.dropdown:hover .dropdown-section { max-height: 9999px; overflow: hidden; } section#top .wrapper ul#menu li.dropdown.open { background-color: #e5e5e5; padding: 0; } section#top .wrapper ul#menu li.dropdown.open a.dn { display: block; margin: 0; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section { display: block; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section .wrap { max-height: 200vh; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section .wrap ul { min-height: 0px; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section .wrap ul li { padding: 10px 0; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section .wrap ul li span { margin: 0; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section .wrap ul li.menu-item-has-children:after { position: absolute; content: '\f105'; font-family: Fontawesome; right: 15px; top: 15px; color: #333333; font-size: 1.5em; display: block; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section .wrap ul li.menu-item-has-children.open ul.sub-menu { display: block; max-height: 100vh; } section#top .wrapper ul#menu li.dropdown.open .dropdown-section .wrap ul li.menu-item-has-children.open:after { content: '\f107'; } section#top .wrapper ul#menu li.dropdown.open:after { content: '\f107'; } section#top .wrapper ul#menu li#calendar-item { position: relative; cursor: pointer; } section#top .wrapper ul#menu li#calendar-item a { padding: 0; } section#top .wrapper ul#menu li#calendar-item text { display: block; padding: 20px; z-index: 1; } section#top .wrapper ul#menu li#calendar-item i { position: absolute; right: 15px; top: 20px; z-index: 10; } section#top .wrapper ul#menu li#search-item { position: relative; cursor: pointer; } section#top .wrapper ul#menu li#search-item text { display: block; padding: 20px; z-index: 1; } section#top .wrapper ul#menu li#search-item i { position: absolute; right: 15px; top: 20px; z-index: 10; } section#top .wrapper ul#menu:after { content: ""; display: table; clear: both; margin: 0 0 60px 0; } section#top .wrapper ul#menu.open { transition: all ease 0.5s; right: 0; overflow: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 80px; } } .is-sticky section#top { -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08); } section#home-main { margin: 0; } section#home-main .wrapper { padding: 0; } section#home-main .wrapper #hm-content { display: flex; flex-wrap: nowrap; margin: auto; } section#home-main .wrapper #hm-content .hero { width: 75%; } section#home-main .wrapper #hm-content .hero .cycle-slideshow { background-color: #000; height: 100%; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .cycle-pager { position: absolute; bottom: 3%; right: 0px; z-index: 200; width: 100%; text-align: center; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .cycle-pager span { color: #a4a4a3; margin: 0 5px; font-size: 55px; line-height: 20px; vertical-align: top; cursor: pointer; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .cycle-pager span.cycle-pager-active { color: #fff; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide { height: 100%; width: 100%; border: none; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide img { position: relative; display: block; width: 100%; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .videoWrapper { position: relative; padding-bottom: 69.72%; /* 70.25% 16:9 */ padding-top: 0px; height: 0; overflow: hidden; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .videoWrapper video { position: absolute; /* top: 0; */ top: 50%; /* right: 0; */ /*left: 0; */ left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /* width: 100%; */ height: 100%; width: auto; /* max-width: 100%; */ } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content { bottom: 60px; position: absolute; padding: 0 80px; width: 100%; text-align: center; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content h1 { color: #fff; font-family: "Playfair Display", serif; /* font-size: 64px; */ font-size: 48px; line-height: 64px; /* max-width: 70%; */ margin: 0 0 40px 0; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content .btn:first-of-type, section#home-main section#show-me .wrapper #hm-content .hero .cycle-slideshow .slide .content .show-me-content-item a:first-of-type, section#show-me section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content .show-me-content-item a:first-of-type, section#home-main section#show-me .wrapper .show-me-content-item #hm-content .hero .cycle-slideshow .slide .content a:first-of-type, section#show-me section#home-main .wrapper .show-me-content-item #hm-content .hero .cycle-slideshow .slide .content a:first-of-type, section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content section#contact-form .wpcf7-form input[type="submit"]:first-of-type, section#contact-form .wpcf7-form section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content input[type="submit"]:first-of-type, section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content section.page-content .wpcf7-form input[type="submit"]:first-of-type, section.page-content .wpcf7-form section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content input[type="submit"]:first-of-type { color: #fff; /* background-color: #333333; */ /* background-color: #0075BB; */ background-color: #3E25A2; border-color: transparent; } section#home-main .wrapper #hm-content .boxes { width: 25%; display: flex; flex-direction: column; } section#home-main .wrapper #hm-content .boxes .box { flex: 1; display: block; position: relative; width: 100%; /*padding: 0px 27px; */ overflow: hidden; } section#home-main .wrapper #hm-content .boxes .box h3 { color: #fff; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 13px; position: absolute; top: 20px; left: 27px; z-index: 9999; } section#home-main .wrapper #hm-content .boxes .box .performances { height: 100%; overflow: visible !important; } section#home-main .wrapper #hm-content .boxes .box .performances .cycle-pager { position: absolute; top: 15px; right: 27px; z-index: 200; } section#home-main .wrapper #hm-content .boxes .box .performances .cycle-pager span { color: #000; margin: 0 2px; font-size: 42px; line-height: 20px; vertical-align: top; cursor: pointer; } section#home-main .wrapper #hm-content .boxes .box .performances .cycle-pager span.cycle-pager-active { color: #fff; } section#home-main .wrapper #hm-content .boxes .box .performances .slide { height: 100%; width: 100%; /* padding: 20% 0 0 0; */ /* padding: 20% 27px 0 27px; */ padding: 15% 27px 0 27px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top { position: relative; margin: 0px 0 0 0; width: 100%; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top .month { font-family: "Playfair Display", serif; font-size: 36px; color: #fff; font-weight: 600; margin: 0; vertical-align: top; letter-spacing: -1px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top .date { font-family: "Playfair Display", serif; font-size: 102px; line-height: 50px; color: #fff; font-weight: 700; margin: 0; vertical-align: top; float: left; display: inline-block; position: relative; top: -10px; letter-spacing: -2px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top .time { float: right; display: inline-block; font-family: "Playfair Display", serif; font-size: 36px; color: #fff; font-weight: 400; margin: 15px 0 0 0; vertical-align: top; text-transform: uppercase; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top:after { content: ' '; display: block; clear: both; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid { position: relative; clear: both; margin: 25px 0 0 0; letter-spacing: 1px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .title, section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .title a { font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: 500; color: #fff; line-height: 22px; margin: 0; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .venue { font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 22px; margin: 0; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .location { font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 300; color: #fff; font-style: italic; line-height: 22px; margin: 0; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .cta { position: relative; /* margin: 20px 0; */ margin: 20px 50px 0 0; display: inline-block; color: #fff; font-size: 14px; font-weight: 300; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .cta.full { position: relative; /* margin: 0px 0; */ display: inline-block; color: #fff; font-size: 14px; font-weight: 300; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; } section#home-main .wrapper #hm-content .boxes .box .highlights { height: 100%; overflow: visible !important; } section#home-main .wrapper #hm-content .boxes .box .highlights .cycle-pager { position: absolute; top: 15px; right: 27px; z-index: 200; } section#home-main .wrapper #hm-content .boxes .box .highlights .cycle-pager span { color: #515151; margin: 0 2px; font-size: 42px; line-height: 20px; vertical-align: top; cursor: pointer; } section#home-main .wrapper #hm-content .boxes .box .highlights .cycle-pager span.cycle-pager-active { color: #fff; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide { height: 100%; width: 100%; padding: 15% 27px 0 27px; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.title { font-size: 36px; color: #fff; font-weight: 600; font-family: "Playfair Display", serif; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.desc { color: #fff; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 20px; margin: 10px 0 0 0; font-weight: 300; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide .cta { position: relative; margin: 20px 50px 5px 0; display: inline-block; color: #fff; font-size: 14px; font-weight: 300; text-decoration: none; letter-spacing: 3px; text-transform: uppercase; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide.has-bg-image:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: .5; top: 0; left: 0; z-index: -1; } section#home-main .wrapper #hm-content .boxes .box.black { padding: 0px 0px; } @media screen and (max-width: 1400px) { section#home-main .wrapper #hm-content { flex-wrap: wrap; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top .month { font-size: 28px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top .date { font-size: 82px; top: -10px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top .time { font-size: 28px; margin: 15px 0 0 0; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid { margin: 20px 0 0 0; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .title { font-size: 18px; line-height: 22px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .venue { font-size: 14px; line-height: 18px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .location { font-size: 14px; line-height: 18px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .cta { bottom: 10px; display: inline-block; /* margin: 20px 0; */ margin: 20px 50px 5px 0;} section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.title img { max-width: 80%; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.desc { font-size: 14px; line-height: 18px; margin-bottom: 20px; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide .cta { bottom: 10px; display: inline-block; margin: 0px 0; } } @media screen and (max-width: 1125px) { section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid .title { font-size: 16px; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.title { font-size: 22px; line-height: 28px; } } @media screen and (max-width: 1000px) { section#home-main .wrapper #hm-content { flex-wrap: wrap; } section#home-main .wrapper #hm-content .hero { width: 100%; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content h1 { font-size: 44px; line-height: 44px; max-width: 100%; margin: 0 0 30px 0; } section#home-main .wrapper #hm-content .boxes { width: 100%; flex-direction: row; } section#home-main .wrapper #hm-content .boxes .box.black { /* padding: 0px 27px; */ } section#home-main .wrapper #hm-content .boxes .box { flex: 1; width: 50%; } section#home-main .wrapper #hm-content .boxes .box .performances .slide { /* padding: 50px 0 30px 0; */ padding: 50px 27px 30px 27px;} section#home-main .wrapper #hm-content .boxes .box .performances .slide .cta { bottom: 10px; display: inline-block; /* margin: 20px 0; */ margin: 20px 20px 20px 0; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide { /*padding: 50px 0 80px 0; */ padding: 50px 27px 80px 27px;} section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.desc { margin-bottom: 20px; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide .cta { bottom: 10px; display: inline-block; margin: 20px 0; } } @media screen and (max-width: 640px) { section#home-main { margin: 0; } section#home-main .wrapper #hm-content { flex-wrap: wrap; } section#home-main .wrapper #hm-content .hero { width: 100%; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content { padding: 0 15px; bottom: 10px; position: absolute; width: 100%; text-align: center; left: 0; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content h1 { font-size: 32px; line-height: 32px; max-width: 100%; margin: 0 0 30px 0; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content p.cta a { height: 33px; line-height: 33px; min-width: 140px; padding: 0 19px; font-size: 11px; } section#home-main .wrapper #hm-content .boxes { width: 100%; display: block; } section#home-main .wrapper #hm-content .boxes .box { width: 100%; height: auto; } section#home-main .wrapper #hm-content .boxes .box .performances .slide { padding: 40px 0 30px; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .top, section#home-main .wrapper #hm-content .boxes .box .performances .slide .mid { margin: 20px 20px 0 20px; width: auto; } section#home-main .wrapper #hm-content .boxes .box .performances .slide .cta { bottom: 0px; display: inline-block; margin: 20px 20px 0 20px; position: relative; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide { padding: 40px 0 80px; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.title { margin: 20px; width: auto; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide p.desc { margin: 20px 20px 0 20px; width: auto; } section#home-main .wrapper #hm-content .boxes .box .highlights .slide .cta { bottom: 0px; display: inline-block; margin: 20px 20px 0 20px; position: relative; } } @media screen and (max-width: 480px) { section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content h1 { font-size: 26px; line-height: 26px; margin: 0 0 20px 0; } section#home-main .wrapper #hm-content .hero .cycle-slideshow .slide .content p.cta a { min-width: 130px; padding: 0 14px; } } .cta.tickets:after { position: absolute; right: -20px; top: 0; content: '\f145'; font-family: 'fontAwesome'; font-weight: normal; } .cta.donate:after { position: absolute; right: -20px; top: 0; content: '\f178'; font-family: 'fontAwesome'; font-weight: normal; } footer { background-color: #f7f7f7; margin-top: 10%; } footer .gold { background-color: #997f52; color: #fff; text-align: center; font-family: "Playfair Display", serif; font-size: 22px; padding: 15px; max-width: 1400px; min-width: 320px; width: 100%; font-style: italic; } footer .wrapper { padding: 45px 25px 20px 25px; width: 100%; margin: 0 auto; max-width: 1400px; min-width: 320px; display: flex; flex-wrap: wrap; } footer .wrapper .left { width: 35%; } footer .wrapper .left ul { list-style: none; display: inline-block; float: left; margin: 0 0 0 50px; } footer .wrapper .left ul li { font-size: 13px; font-family: "Montserrat", sans-serif; text-transform: uppercase; line-height: 30px; vertical-align: top; letter-spacing: 2px; font-weight: 400; } footer .wrapper .left ul li a { color: #333333; } footer .wrapper .right { width: 65%; } footer .wrapper .right .sign-up { float: right; display: inline-block; margin: 0 60px; max-width: 280px; } footer .wrapper .right .sign-up .intro h4 { font-size: 21px; font-family: "Playfair Display", serif; font-weight: 300; color: #333333; } footer .wrapper .right .sign-up .intro p { font-size: 10px; line-height: 16px; font-family: "Montserrat", sans-serif; font-weight: 300; color: #333333; margin: 8px 0 13px 0; } footer .wrapper .right .sign-up input { width: 100%; height: 40px; padding: 0 10px; border: none; font-size: 13px; } footer .wrapper .right .sign-up input::-webkit-input-placeholder { color: #bfbfbf; } footer .wrapper .right .sign-up input::-moz-placeholder { color: #bfbfbf; } footer .wrapper .right .sign-up input:-ms-input-placeholder { color: #bfbfbf; } footer .wrapper .right .sign-up input:-moz-placeholder { color: #bfbfbf; } footer .wrapper .right .sign-up input[type="submit"] { width: 40px; position: absolute; right: 0; bottom: 0; background-color: #0a3152; cursor: pointer; font-family: FontAwesome; color: #fff; } footer .wrapper .right .sign-up .email { position: relative; } footer .wrapper .right .sign-up .name { display: flex; justify-content: space-between; margin-bottom: 4%; } footer .wrapper .right .sign-up .name input { flex-basis: 48%; } footer .wrapper .right .social { float: right; display: inline-block; position: relative; top: 6px; } footer .wrapper .right .social a { margin: 0 15px; color: #333333; } footer .wrapper .bottom { width: 100%; margin: 40px 0 0 0; display: flex; align-items: flex-end; } footer .wrapper .bottom p:nth-child(1) { font-size: 10px; line-height: 16px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #333333; margin: 8px 0 13px 0; flex: 2; } footer .wrapper .bottom p:nth-child(1) a { color: #333333; text-decoration: underline; margin: 0 3px; } footer .wrapper .bottom p:nth-child(2) { font-size: 10px; line-height: 16px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #333333; margin: 8px 0 13px 0; text-align: right; flex: 1; } @media screen and (max-width: 1140px) { footer .wrapper .bottom { display: block; } footer .wrapper .bottom p:nth-child(2) { text-align: left; } } @media screen and (max-width: 950px) { footer .wrapper .right .social { top: 20px; clear: both; right: 45px; } } @media screen and (max-width: 640px) { footer .wrapper { display: block; } footer .wrapper .left, footer .wrapper .right { width: 100%; } footer .wrapper .left ul { margin: 0; text-align: center; float: left; display: inline; width: 100%; } footer .wrapper .left ul li { font-size: 11px; display: inline-block; margin: 0 5px; } footer .wrapper .right { clear: both; } footer .wrapper .right .sign-up { margin: 0 auto 30px auto; float: none; display: block; padding: 30px 0 0 0; } footer .wrapper .right .sign-up h4, footer .wrapper .right .sign-up p { text-align: center; } footer .wrapper .right .social { float: none; text-align: center; width: 100%; right: 0px; } footer .wrapper .bottom { margin: 30px 0; } footer .wrapper .bottom p, footer .wrapper .bottom p:nth-child(2) { text-align: center; } } .home footer { margin-top: 0; } /* overlay styles, all needed */ #global-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: -1; opacity: 0; } #global-search { width: 100%; max-width: 700px; line-height: 60px; position: fixed; top: 50%; left: 0%; margin-top: -60px; margin-left: calc(calc(100% - 700px) / 2); border-radius: 5px; text-align: center; z-index: -1; /* 1px higher than the overlay layer */ opacity: 0; max-height: 0px; overflow: hidden; } #global-search h3 { color: #fff; font-family: "Playfair Display", serif; font-size: 48px; font-weight: 300; text-align: left; } #global-search #search-close { position: relative; display: block; text-align: center; z-index: 9999; color: #fff; line-height: 25px; font-family: "Montserrat", sans-serif; font-size: 18px; letter-spacing: 1px; } #global-search form { text-align: left; } #global-search form #search-field { height: 75px; width: calc(100% - 130px); max-width: 625px; padding: 0 10px; border: 1px solid #0a3152; position: relative; z-index: 1; top: -1px; } #global-search form #submit-field { width: 75px; height: 75px; position: relative; z-index: 1; border: none; background-color: transparent; color: #fff; background-color: #0a3152; cursor: pointer; } @media screen and (max-width: 768px) { #global-search { margin-left: 20px; max-width: calc(100%-40px); } } #global-overlay.fadein { opacity: 1; z-index: 9997; } #global-search.fadein { opacity: 1; z-index: 9998; width: 100%; max-width: 700px; max-height: 100%; } #secondary-nav { position: relative; z-index: 99; } #secondary-nav .wrapper { position: relative; } #secondary-nav .wrapper ul { position: absolute; top: -30px; left: 6%; width: 88%; /* background-color: #997f52; */ background-color: #4E4C4E; text-align: center; display: flex; flex-wrap: nowrap; justify-content: space-evenly; /* border: 1px solid #b99a63; */ border: 1px solid #88888b; border-radius: 0px; /* box-shadow: 0 0 0 4px #997f52, 2px 1px 6px 4px rgba(10, 10, 0, 0); } */ box-shadow: 0 0 0 4px #4E4C4E, 2px 1px 6px 4px rgba(10, 10, 0, 0); } #secondary-nav .wrapper ul li { display: inline-block; flex: 1; height: 77px; line-height: 77px; vertical-align: middle; position: relative; margin: 0; padding: 0px; } #secondary-nav .wrapper ul li a { color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 300; letter-spacing: 2px; } #secondary-nav .wrapper ul li ul { max-height: 0px; overflow: hidden; position: absolute; top: calc(100% - 24px); left: 0; width: 250px; padding: 0 25px; box-shadow: none; border: 0; display: block; left: 50%; transform: translateX(-50%); line-height: 26px; /* background-color: #997f52; */ background-color: #4E4C4E; } #secondary-nav .wrapper ul li ul li { margin: 10px 0; line-height: 26px; padding: 0; height: auto; display: block; } #secondary-nav .wrapper ul li ul li a { color: #fff; } #secondary-nav .wrapper ul li ul li a:after { display: none; } #secondary-nav .wrapper ul li ul li.current_page_item a, #secondary-nav .wrapper ul li ul li.current-menu-item a, #secondary-nav .wrapper ul li ul li:hover a { color: #000; } #secondary-nav .wrapper ul li.current_page_item a, #secondary-nav .wrapper ul li.current-menu-item a, #secondary-nav .wrapper ul li:hover a { /* color: #000; */ color: #D2E7E2; } #secondary-nav .wrapper ul li:hover ul li a { color: #fff; } #secondary-nav .wrapper ul li:hover ul li.current_page_item a, #secondary-nav .wrapper ul li:hover ul li.current-menu-item a, #secondary-nav .wrapper ul li:hover ul li:hover a { /* color: #000; */ color: #D2E7E2; } #secondary-nav .wrapper ul li:hover ul li:hover a { /* color: #000; */ color: #D2E7E2; } #secondary-nav .wrapper ul li.menu-item-has-children a { position: relative; } #secondary-nav .wrapper ul li.menu-item-has-children a:after { content: '\f105'; font-family: fontAwesome; position: absolute; right: -14px; top: -31px; font-size: 1em; } #secondary-nav .wrapper ul li.menu-item-has-children:hover a:after { content: '\f107'; } #secondary-nav .wrapper ul li.menu-item-has-children:hover ul { max-height: 100vh; padding: 25px; } #secondary-nav .wrapper #secondary-nav-dropdown { max-height: 0px; padding: 0px; overflow: hidden; width: 100%; /* background-color: #997f52; */ background-color: #4E4C4E; border-radius: 0; } #secondary-nav .wrapper #secondary-nav-dropdown label { max-width: 100%; } #secondary-nav .wrapper #secondary-nav-dropdown label select { width: 100%; max-width: 100%; } #secondary-nav .wrapper .faq-select-heading { display: none; } @media screen and (max-width: 768px) { #secondary-nav .wrapper { /* background-color: #997f52; */ background-color: #4E4C4E; padding: 15px; } #secondary-nav .wrapper .faq-select-heading { display: block; color: #fff; cursor: pointer; } #secondary-nav .wrapper ul { display: none; top: 52px; left: 0; width: 100%; } #secondary-nav .wrapper ul li { display: block; height: auto; line-height: 35px; text-align: left; } #secondary-nav .wrapper ul li a { padding: 0 10px; } #secondary-nav .wrapper ul li ul { max-height: 100vh; position: relative; top: auto; position: relative; z-index: 110; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); width: 100%; left: 0; padding: 0 25px; } #secondary-nav .wrapper ul li ul li a { display: block; line-height: 16px; text-align: left; color: #fff; } #secondary-nav .wrapper ul li.current-menu-item ul li a { color: #fff; } #secondary-nav .wrapper ul li.menu-item-has-children a:after { content: '\f107'; top: -10px; } #secondary-nav .wrapper ul li.menu-item-has-children:hover a:after { content: '\f107'; } #secondary-nav .wrapper ul li.menu-item-has-children:hover ul { padding: 0 25px; } #secondary-nav .wrapper #secondary-nav-dropdown { display: block; padding: 5px; max-height: 100px; } } .select2-container { max-width: 100%; width: 100%; box-sizing: border-box; } .select2-container .select2-selection { /* background-color: #997f52; */ background-color: #4E4C4E; border: 2px solid #b39560; border-radius: 0; color: #fff; } .select2-container .select2-selection--single { padding: 15px; height: 55px; } .select2-container .select2-selection--single .select2-selection__rendered { color: #fff; } .select2-container .select2-selection--single .select2-selection__arrow { top: 15px; } .select2-container .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } .select2-container .select2-dropdown { background-color: #91794e; color: #fff; } .select2-container .select2-dropdown .select2-results span.indent { margin: 0 0 0 20px; } .select2-container--default .select2-selection--single { /* background-color: #997f52 !important;*/ background-color: #4E4C4E !important; /* border: 2px solid #b39560 !important; */ border: 2px solid #4E4C4E !important; border-radius: 0 !important; height: 55px !important; color: #fff !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 15px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent !important; } .hp_overlay { position: fixed; display: flex; width: 300%; height: 100%; align-items: center; justify-content: center; top: 0; z-index: 99999; animation: bounceRight 4s; transform: translateX(100%); } .hp_overlay .hp_overlay_inner { text-align: center; } @media screen and (max-width: 768px) { .hp_overlay .hp_overlay_inner { width: 25%; } } .hp_overlay .hp_overlay_inner img { max-width: 100%; } @keyframes bounceRight { 0% { transform: translateX(-34%); } 50% { transform: translateX(-34%); } 60% { transform: translateX(-45%); } 100% { transform: translateX(100%); } } section#alert .wrapper { position: relative; /* standard */ /* background-color: #0a3152; */ /* temporary 80th Anniversary palette */ /* background-color: #440099; */ /* new branding 2021 */ /* background-color: #0075BB; */ /* 85th Anniversary palette (iris) */ background-color: #3E25A2; } section#alert .wrapper div { width: 100%; position: relative; z-index: 1; padding: 10px 0 5px 0; font-family: "Montserrat", sans-serif; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; } section#alert .wrapper div p { margin: 0px auto; max-width: 80%; display: block; } section#alert .wrapper div a { background-color: #fff; color: #0a3152; padding: 7px 30px; margin: 0 0 0 25px; display: inline-block; text-decoration: none; } section#alert .wrapper div a:hover { opacity: .7; } section#alert .wrapper .fa { position: absolute; right: 35px; top: 18px; z-index: 10; color: #fff; font-size: 18px; cursor: pointer; } @media screen and (max-width: 768px) { section#alert .wrapper div a { display: inline-block; clear: both; margin: 15px 0 0 0; } section#alert .wrapper .fa { right: 10px; } } /* 80th Anniversary palette */ section#alert .wrapper.purple { background-color: #440099; } /* new branding 2021 */ section#alert .wrapper .blue { background-color: #0075BB; } /* 85th Anniversary palette (iris) */ section#alert .wrapper .iris { background-color: #3E25A2; } /* Pagination */ .pagination { clear: both; position: relative; font-size: 11px; /* Pagination text size */ line-height: 13px; float: right; /* Pagination float direction */ } .pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; /* Pagination text color */ background: #333333; /* Pagination non-active background color */ -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .pagination a:hover { color: #fff; /* background: #997f52; */ /* background: #C0302D; */ background: #3E25A2; /* Pagination background on hover */ } .pagination .current { padding: 6px 9px 5px 9px; /* background: #997f52; */ /* background: #C0302D; */ background: #3E25A2; /* Current page background */ color: #fff; } #wereloading { position: absolute; top: 250px; left: 50%; margin: -25px 0 0 -30px; z-index: 9999; display: block; } #wereloading .fa-spinner { /* color: #996945; */ /* color: #0075BB; */ color: #3E25A2; } .page-id-26297 div.wpcf7, .page-id-26042 div.wpcf7 { padding: 20px 60px; background-color: #fff; } /* NOTE - Default section and wrapper is in layout.scss - these all overwrite or change that */ #profile-main .wrapper #pm-wrap { position: relative; height: 100%; min-height: 480px; background-position: center; background-repeat: no-repeat; background-size: cover; } #profile-main .wrapper #pm-wrap img { position: relative; z-index: 10; } #profile-main .wrapper #pm-wrap div { text-align: center; top: 50%; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 100; width: 100%; margin-top: 0px; } #profile-main .wrapper #pm-wrap div h1 { color: #fff; font-size: 64px; font-family: "Playfair Display", serif; font-weight: 600; margin: 20px 0 10px 0; } #profile-main .wrapper #pm-wrap div h2 { color: #fff; color: #fff; font-size: 20px; line-height: 26px; font-family: "Montserrat", sans-serif; font-weight: 300; letter-spacing: 2px; margin: 0 0 60px 0; } #profile-main .wrapper #pm-wrap div h3 { color: #fff; font-size: 14px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 300; letter-spacing: 3px; } #profile-main .wrapper #pm-wrap div p { color: #fff; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 300; line-height: 26px; margin: 0 0 12px 0; letter-spacing: 2px; } #profile-main .wrapper #pm-wrap div p.social { color: #fff; margin: 0; } #profile-main .wrapper #pm-wrap div p.social i { color: #fff; margin: 0 10px; font-size: 1.3em; } #profile-main .wrapper #pm-wrap span { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; left: 20px; line-height: 18px; } #profile-main .wrapper #pm-wrap:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } @media screen and (max-width: 640px) { #profile-main .wrapper { padding: 0; } #profile-main .wrapper #pm-wrap { min-height: 315px; } #profile-main .wrapper #pm-wrap div h1 { font-size: 34px; } #profile-main .wrapper #pm-wrap div h2 { font-size: 14px; margin: 0 0 30px 0; } #profile-main .wrapper #pm-wrap div p { font-size: 12px; } #profile-main .wrapper #pm-wrap div p.social i { font-size: 1.1em; } } #profile-content .wrapper { max-width: 1084px; max-width: 1280px; } #profile-content .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; padding: 35px 0 0 0; margin: 0 0 20px 5%; letter-spacing: -1px; } @media screen and (max-width: 768px) { #profile-content .wrapper h2 { font-size: 26px; margin: 0 0 0 20px; } } #profile-content .wrapper .grid.row { display: flex; padding: 0px 0 80px 0; } #profile-content .wrapper .grid.row .block { width: 100%; margin: 0 5%; } #profile-content .wrapper .grid.row .block p { font-size: 16px; line-height: 26px; font-weight: 300; color: #262626; margin: 0 0 20px 0; } #profile-content .wrapper .grid.row .block p:first-child:first-letter { float: left; font-family: "Playfair Display", serif; font-size: 92px; font-weight: 600; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; } #profile-content .wrapper .grid.row .block .img-wrap { position: relative; z-index: 10; } #profile-content .wrapper .grid.row .block .img-wrap img { position: relative; z-index: 10; width: 100%; } #profile-content .wrapper .grid.row .block .img-wrap:after { position: absolute; top: 14px; left: 14px; z-index: 1; background-color: #f7f7f7; content: ''; width: 100%; height: 100%; } #profile-content .wrapper .grid.row .block.img { width: 30%; margin: 0 0 5% 5%; position: relative; float: right; } #profile-content .wrapper .grid.row .block.img .credit { position: absolute; z-index: 999; opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; top: 20px; line-height: 18px; } #profile-content .wrapper .grid.row .block.img:hover .credit { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } @media screen and (max-width: 640px) { #profile-content .wrapper { padding: 0 20px; } #profile-content .wrapper .grid.row { padding: 30px 0 30px 0; display: block; } #profile-content .wrapper .grid.row .block { width: 100%; margin: 0 0 30px 0; } #profile-content .wrapper .grid.row .block.img { width: 100%; margin: 0 0 25px 0; } } /* NOTE - Default section and wrapper is in layout.scss - these all overwrite or change that */ section table { border-spacing: 0; border-collapse: collapse; } section table tr td { vertical-align: top; border: 1px solid #333333; padding: 10px; font-size: 14px; } @media screen and (max-width: 640px) { section table tr td { vertical-align: top; border: 1px solid #333333; padding: 5px 3px; font-size: 13px; } } section#page-intro, section.page-intro { /* width: 88%; */ width: 95%; margin: 0 auto 0 auto; } @media screen and (max-width: 1024px) { section#page-intro, section.page-intro { width: 96%; } } section#page-intro .wrapper, section.page-intro .wrapper { padding: 0 2%; } section#page-intro .wrapper .grid.row, section.page-intro .wrapper .grid.row { display: flex; padding: 0px 0 20px 0; } @media screen and (max-width: 1024px) { section#page-intro .wrapper .grid.row, section.page-intro .wrapper .grid.row { display: block; padding: 35px 0 35px 0; } } section#page-intro .wrapper .grid.row .block, section.page-intro .wrapper .grid.row .block { flex: 1; margin: 0 5% 0 5%; } @media screen and (max-width: 1024px) { section#page-intro .wrapper .grid.row .block, section.page-intro .wrapper .grid.row .block { width: 95%; margin: 0 auto; } } section#page-intro .wrapper .grid.row .block h1, section.page-intro .wrapper .grid.row .block h1 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0 0 20px 0; padding: 0px 0; letter-spacing: -1px; } section#page-intro .wrapper .grid.row .block h1 span, section.page-intro .wrapper .grid.row .block h1 span { font-size: 28px; display: block; } @media screen and (max-width: 1024px) { section#page-intro .wrapper .grid.row .block h1, section.page-intro .wrapper .grid.row .block h1 { font-size: 36px; } section#page-intro .wrapper .grid.row .block h1 span, section.page-intro .wrapper .grid.row .block h1 span { font-size: 18px; } } @media screen and (max-width: 480px) { section#page-intro .wrapper .grid.row .block h1, section.page-intro .wrapper .grid.row .block h1 { font-size: 28px; } section#page-intro .wrapper .grid.row .block h1 span, section.page-intro .wrapper .grid.row .block h1 span { font-size: 16px; } } section#page-intro .wrapper .grid.row .block h2, section.page-intro .wrapper .grid.row .block h2, section.page-content .wrapper .grid.row .block h4 { font-family: "Playfair Display", serif; font-size: 26px; line-height: 36px; color: #333333; font-weight: 100; margin: 0 0 20px 0; padding: 0px 0; letter-spacing: -1px; } section#page-intro .wrapper .grid.row .block h2 strong, section.page-intro .wrapper .grid.row .block h2 strong { font-weight: 600; } section#page-intro .wrapper .grid.row .block h3, section.page-intro .wrapper .grid.row .block h3, section.page-content .wrapper .grid.row .block h3 { font-family: "Playfair Display", serif; font-size: 24px; line-height: 36px; /* color: #997f52; */ color: #000; margin: 0 0 20px 0; padding: 0px 0; letter-spacing: -1px; } section#page-intro .wrapper .grid.row .block h3 strong, section.page-intro .wrapper .grid.row .block h3 strong { font-weight: 600; color: #333333; font-size: 24px; font-weight: 300; color: #262626; } section#page-intro .wrapper .grid.row .block p, section.page-intro .wrapper .grid.row .block p { font-size: 16px; line-height: 26px; font-weight: 300; color: #262626; margin: 0 0 20px 0; } @media screen and (max-width: 480px) { section#page-intro .wrapper .grid.row .block p, section.page-intro .wrapper .grid.row .block p { font-size: 14px; } } section#page-intro .wrapper .grid.row .block p:first-child:first-letter, section.page-intro .wrapper .grid.row .block p:first-child:first-letter { float: left; font-family: "Playfair Display", serif; font-size: 92px; font-weight: 600; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; } section#page-intro .wrapper .grid.row .block .img-wrap, section.page-intro .wrapper .grid.row .block .img-wrap { position: relative; z-index: 10; } section#page-intro .wrapper .grid.row .block .img-wrap img, section.page-intro .wrapper .grid.row .block .img-wrap img { position: relative; z-index: 10; width: 100%; } section#page-intro .wrapper .grid.row .block .img-wrap:after, section.page-intro .wrapper .grid.row .block .img-wrap:after { position: absolute; top: 14px; left: 14px; z-index: 1; background-color: #f7f7f7; content: ''; width: 100%; height: 100%; } section#page-intro .wrapper .grid.row .block ul, section#page-intro .wrapper .grid.row .block ol, section.page-intro .wrapper .grid.row .block ul, section.page-intro .wrapper .grid.row .block ol { margin: 20px 0 20px 20px; } section#page-intro .wrapper .grid.row .block ul li, section#page-intro .wrapper .grid.row .block ol li, section.page-intro .wrapper .grid.row .block ul li, section.page-intro .wrapper .grid.row .block ol li { margin: 0; font-size: 16px; line-height: 28px; } section#page-intro .wrapper .grid.row .block ul li a, section#page-intro .wrapper .grid.row .block ol li a, section.page-intro .wrapper .grid.row .block ul li a, section.page-intro .wrapper .grid.row .block ol li a { font-family: "Montserrat", sans-serif; } section#page-intro .wrapper .grid.row .block ul li i, section#page-intro .wrapper .grid.row .block ol li i, section.page-intro .wrapper .grid.row .block ul li i, section.page-intro .wrapper .grid.row .block ol li i { color: #333333; cursor: pointer; } section#page-intro .wrapper .grid.row .block:nth-child(2), section.page-intro .wrapper .grid.row .block:nth-child(2) { margin: 0 5% 0 0; width: 40%; } @media screen and (max-width: 1024px) { section#page-intro .wrapper .grid.row .block:nth-child(2), section.page-intro .wrapper .grid.row .block:nth-child(2) { width: 95%; margin: 0 auto; } } section#page-intro .wrapper .grid.row .block.img, section.page-intro .wrapper .grid.row .block.img { width: 40%; margin: 0 5%; } section#page-intro .wrapper .grid.row .block .box, section.page-intro .wrapper .grid.row .block .box { padding: 12% 18%; } @media screen and (max-width: 1024px) { section#page-intro .wrapper .grid.row .block .box, section.page-intro .wrapper .grid.row .block .box { padding: 8% 12%; } } section#page-intro .wrapper .grid.row .block .box #buttons, section.page-intro .wrapper .grid.row .block .box #buttons { text-align: center; } section#page-intro .wrapper .grid.row .block .box #buttons .btn, section#page-intro section#show-me .wrapper .grid.row .block .box #buttons .show-me-content-item a, section#show-me section#page-intro .wrapper .grid.row .block .box #buttons .show-me-content-item a, section#page-intro section#show-me .wrapper .show-me-content-item .grid.row .block .box #buttons a, section#show-me section#page-intro .wrapper .show-me-content-item .grid.row .block .box #buttons a, section#page-intro .wrapper .grid.row .block .box #buttons section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#page-intro .wrapper .grid.row .block .box #buttons input[type="submit"], section#page-intro .wrapper .grid.row .block .box #buttons section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#page-intro .wrapper .grid.row .block .box #buttons input[type="submit"], section.page-intro .wrapper .grid.row .block .box #buttons .btn, section.page-intro section#show-me .wrapper .grid.row .block .box #buttons .show-me-content-item a, section#show-me section.page-intro .wrapper .grid.row .block .box #buttons .show-me-content-item a, section.page-intro section#show-me .wrapper .show-me-content-item .grid.row .block .box #buttons a, section#show-me section.page-intro .wrapper .show-me-content-item .grid.row .block .box #buttons a, section.page-intro .wrapper .grid.row .block .box #buttons section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section.page-intro .wrapper .grid.row .block .box #buttons input[type="submit"], section.page-intro .wrapper .grid.row .block .box #buttons section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section.page-intro .wrapper .grid.row .block .box #buttons input[type="submit"] { width: 100%; margin: 4% auto; padding: 14px; } section#page-intro .wrapper .grid.row .block .box #buttons h4, section.page-intro .wrapper .grid.row .block .box #buttons h4 { text-transform: uppercase; font-size: 12px; margin: 0px 0 0 0; } section#page-intro .wrapper .grid.row.content-outside, section.page-intro .wrapper .grid.row.content-outside { padding: 0px 0 0px 0; } section#page-intro .wrapper div.spansboth, section.page-intro .wrapper div.spansboth { font-size: 16px; line-height: 26px; font-weight: 300; color: #262626; margin: 0 5% 80px 5%; /* max-width: 700px; */ } section#page-intro .wrapper div.spansboth p, section.page-intro .wrapper div.spansboth p { font-size: 16px; line-height: 26px; font-weight: 300; color: #262626; } @media screen and (max-width: 1024px) { section#page-intro .wrapper .grid.row.content-outside, section.page-intro .wrapper .grid.row.content-outside { display: block; padding: 35px 0 35px 0; } section#page-intro .wrapper div.spansboth, section.page-intro .wrapper div.spansboth { margin: 0 5% 0px 5%; } } section.page-content { /* width: 88%; */ width: 95%; margin: 0 auto; } section.page-content .wrapper { padding: 0 2%; } section.page-content .wrapper .row.grid { display: flex; padding: 0px 0 0px 0; } section.page-content .wrapper .row.grid .block { flex: 1; margin: 0 5% 0 5%; } section.page-content .wrapper .row.grid .block h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0 0 20px 0; padding: 0px 0; letter-spacing: -1px; } section.page-content .wrapper .row.grid .block p { font-size: 16px; line-height: 1.8em; font-weight: 300; color: #262626; margin: 0 0 20px 0; } section.page-content .wrapper .row.grid .block ul, section.page-content .wrapper .row.grid .block ol { margin: 20px 0 20px 20px; } section.page-content .wrapper .row.grid .block ul li, section.page-content .wrapper .row.grid .block ol li { font-size: 16px; line-height: 28px; font-weight: 300; color: #262626; margin: 0 0 0px 0; } section.page-content .wrapper .row.grid .block .img-wrap { position: relative; z-index: 10; } section.page-content .wrapper .row.grid .block .img-wrap img { position: relative; z-index: 10; } section.page-content .wrapper .row.grid .block img { width: 100%; } section.page-content .wrapper .row.grid .block .img-wrap:after { position: absolute; top: 14px; left: 14px; z-index: 1; background-color: #f7f7f7; content: ''; width: 100%; height: 100%; } section.page-content .wrapper .row.grid .block a.btn, section.page-content section#show-me .wrapper .row.grid .block .show-me-content-item a, section#show-me section.page-content .wrapper .row.grid .block .show-me-content-item a, section.page-content section#show-me .wrapper .show-me-content-item .row.grid .block a, section#show-me section.page-content .wrapper .show-me-content-item .row.grid .block a { margin: 0 10px 20px 0; } section.page-content .wrapper .row.grid .block .image { position: relative; } section.page-content .wrapper .row.grid .block .image span { opacity: 0; z-index: 10; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; right: 20px; line-height: 18px; } section.page-content .wrapper .row.grid .block .image:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section.page-content .wrapper .row.grid .block:nth-child(2) { margin: 0 5% 0 5%; width: 40%; } section.page-content .wrapper .row.grid .block.img { width: 40%; margin: 0 5%; } section.page-content .wrapper .row.grid .block.ballet-detail h3 { /* color: #997f52; */ color: #000; font-size: 24px; font-family: "Playfair Display", serif; } section.page-content .wrapper .row.grid .block.ballet-detail h3:nth-of-type(n+2) { margin-top: 30px; } section.page-content .wrapper .row.grid .block.ballet-detail p { margin: 0; } section.page-content .wrapper .row.grid:nth-of-type(1) { padding-top: 0px; } section.page-content .wrapper .grid:nth-child(odd) .block:nth-child(1) { order: 1; } section.page-content .wrapper .grid:nth-child(odd) .block:nth-child(2) { order: 2; } section.page-content .wrapper .grid:nth-child(even) .block:nth-child(1) { order: 1; margin: 0 5% 0 5%; width: 40%; } section.page-content .wrapper .grid:nth-child(even) .block:nth-child(2) { order: 2; width: 45%; margin: 0 5% 0 5%; } @media screen and (max-width: 768px) { section.page-content .wrapper .btn, section.page-content section#show-me .wrapper .show-me-content-item a, section#show-me section.page-content .wrapper .show-me-content-item a, section.page-content .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section.page-content .wrapper input[type="submit"], section.page-content .wrapper .wpcf7-form input[type="submit"], section.page-content .wpcf7-form .wrapper input[type="submit"] { margin: 0 0 10% 0; } } @media screen and (max-width: 768px) { section.page-content .wrapper div.row.grid { flex-wrap: wrap; display: block; margin: 20px 0; } section.page-content .wrapper div.row.grid div.block { width: 100%; margin: 0; } section.page-content .wrapper div.row.grid div.block:nth-child(1) { order: 1; width: 100%; padding: 0; margin: 0; } section.page-content .wrapper div.row.grid div.block:nth-child(2) { order: 2; width: 100%; padding: 0; margin: 0; } } @media screen and (max-width: 480px) { section.page-content .wrapper div.row.grid { display: block; } section.page-content .wrapper div.row.grid div.block h2 { font-size: 28px; } section.page-content .wrapper div.row.grid div.block li, section.page-content .wrapper div.row.grid div.block p { font-size: 14px; } } section.page-content .wrapper .row.grid.premieres .block { margin: 5% 5% 0 5% !important; } section.page-content .wrapper .singlerow { padding: 0px 0; } section.page-content .wrapper .singlerow .full-block { margin: 5% 5%; } section.page-content .wrapper .singlerow .full-block a.btn, section.page-content section#show-me .wrapper .singlerow .full-block .show-me-content-item a, section#show-me section.page-content .wrapper .singlerow .full-block .show-me-content-item a, section.page-content section#show-me .wrapper .show-me-content-item .singlerow .full-block a, section#show-me section.page-content .wrapper .show-me-content-item .singlerow .full-block a { margin: 0 10px 20px 0; } section.page-content .wrapper .singlerow .full-block figure { float: right; display: inline; } section.page-content .wrapper .singlerow .full-block figure img { position: relative; margin-bottom: 20px; max-height: 400px;} section.page-content .wrapper .singlerow .full-block figure figcaption { font-size: 14px; line-height: 26px; font-family: "Montserrat", sans-serif; } section.page-content .wrapper .singlerow .full-block figure { position: relative; } section.page-content .wrapper .singlerow .full-block figure figcaption, .wrapper .block .singlerow figure figcaption { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; line-height: 18px; } section.page-content .wrapper .singlerow .full-block figure:hover figcaption, .wrapper .block .singlerow figure:hover figcaption { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section.page-content .wrapper .singlerow .full-block h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0 0 20px 0; padding: 0px 0; letter-spacing: -1px; } section.page-content .wrapper .singlerow .full-block h3, .related-performers .wrapper h3, .gallery .wrapper h3 { font-family: "Playfair Display", serif; font-size: 26px; line-height: 36px; color: #333333; font-weight: 400; margin: 0 0 20px 0; padding: 0px 0; letter-spacing: -1px; } section.page-content .wrapper .singlerow .full-block p { /*max-width: 880px;*/ font-size: 16px; line-height: 28px; margin: 0 0 20px 0; font-family: "Montserrat", sans-serif; font-weight: 300; } section.page-content .wrapper .singlerow .full-block ul, section.page-content .wrapper .singlerow .full-block ol { max-width: 880px; margin: 20px 0 20px 20px; } section.page-content .wrapper .singlerow .full-block ul li, section.page-content .wrapper .singlerow .full-block ol li { line-height: 28px; font-size: 16px; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; } section.page-content .wrapper .singlerow .full-block.ballet-synopsis h3 { /* color: #997f52; */ color: #000; font-size: 24px; font-family: "Playfair Display", serif; font-weight: 600; margin: 20px 0 0px 0; padding: 0px 0; letter-spacing: -1px; max-width: 700px; } section.page-content .wrapper .singlerow .full-block.ballet-synopsis h4 { color: #333333; font-size: 26px; font-family: "Playfair Display", serif; font-weight: 300; margin: 0px 0 20px 0; padding: 0px 0; letter-spacing: -1px; max-width: 700px; } section.page-content .wrapper .singlerow:nth-of-type(odd) figure { float: right; margin: 0 0 0px 80px; //width: 40%; max-width: 40%; text-align: right;} section.page-content .wrapper .singlerow:nth-of-type(even) figure { float: left; margin: 0 80px 0px 0; //width: 40%; max-width: 40%; text-align: left;} section.page-content .wrapper iframe { width: 100%; } @media screen and (max-width: 1023px) { section.page-content .wrapper .singlerow .full-block { margin: 0; } section.page-content .wrapper .singlerow .full-block figure { float: none; margin: 0 0 20px 0; } section.page-content .wrapper .singlerow .full-block figure figcaption { text-align: left; padding: 10px 0 20px 0; } section.page-content .wrapper .singlerow .full-block p { max-width: 100%; } } @media screen and (max-width: 768px) { section.page-content .wrapper .singlerow .full-block { margin: 0; } section.page-content .wrapper .singlerow .full-block h2 { font-size: 36px; } section.page-content .wrapper .singlerow .full-block h3 { font-size: 20px; line-height: 24px; } section.page-content .wrapper .singlerow .full-block p { font-size: 14px; line-height: 24px; } } section.page-content .wrapper.news-article p.date { margin: 0 0 0 0; font-weight: 700; } section.page-content .wrapper.news-article h1 { /* color: #997f52; */ color: #000; font-family: "Playfair Display", serif; font-size: 36px; font-weight: 600; margin-top: 0; } section.page-content .wrapper.news-article h2 { color: #333333; font-family: "Playfair Display", serif; font-size: 24px; font-weight: 600; margin: 0; } section.page-content .wrapper.news-article .news-content { margin: 30px 0; } section.page-content .wrapper.news-article .news-content p.cta { margin: 40px 0 0 0; } section.page-content .wrapper.news-article .news-content p { /*font-size: 14px;*/ font-size: 1em; line-height: 24px; } section.page-content .wrapper.news-article .news-content div.image-wrap { float: right; display: inline-block; max-width: 40%; height: auto; margin: 20px 0 20px 20px; position: relative; } section.page-content .wrapper.news-article .news-content div.image-wrap .attachment-post-thumbnail { position: relative; height: auto; } section.page-content .wrapper.news-article .news-content div.image-wrap span, div.image-wrap span { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; right: 20px; line-height: 18px; } section.page-content .wrapper.news-article .news-content div.image-wrap:hover span, div.image-wrap:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section.page-content .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } section.page-content .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section.page-content.first-module .wrapper .row.grid .block h2 { font-size: 48px; } section.page-content.first-module .wrapper .row.grid:nth-of-type(1) { padding-top: 0px; } @media screen and (max-width: 480px) { section.page-content.first-module .wrapper div.row.grid div.block h2 { font-size: 28px; } section.page-content.first-module .wrapper div.row.grid div.block p { font-size: 14px; } } section#promo, section.promo { background-size: cover; background-position: center bottom; max-width: 1232px; margin: 50px auto; position: relative; z-index: 5; } @media screen and (max-width: 768px) { section#promo, section.promo { width: auto; margin: 50px 20px; background-position: center bottom; } } section#promo .wrapper, section.promo .wrapper { width: 100%; padding: 80px 100px; display: flex; position: relative; min-height: 500px;} @media screen and (max-width: 768px) { section#promo .wrapper, section.promo .wrapper { padding: 40px 50px; } } section#promo .wrapper .right, section.promo .wrapper .right { width: 41%; } @media screen and (max-width: 768px) { section#promo .wrapper .right, section.promo .wrapper .right { display: none; } } section#promo .wrapper .right h3, section.promo .wrapper .right h3 { font-size: 63px; font-family: "Playfair Display", serif; color: #fff; position: relative; top: -10px; font-weight: 100; text-shadow: 1px 1px 5px #000; } section#promo .wrapper .right h3 span, section.promo .wrapper .right h3 span { color: #457e99; } section#promo .wrapper .left, section.promo .wrapper .left { width: 80%; } section#promo .wrapper .left h4, section.promo .wrapper .left h4 { font-size: 28px; font-family: "Playfair Display", serif; color: #fff; max-width: 400px; font-weight: 600; } section#promo .wrapper .left p, section.promo .wrapper .left p { font-size: 14px; line-height: 24px; color: #fff; margin: 10px 0 45px 0; max-width: 400px; font-weight: 300; line-height: 1.6em; } @media screen and (max-width: 768px) { section#promo .wrapper .left, section.promo .wrapper .left { width: 100%; } section#promo .wrapper .left h4, section.promo .wrapper .left h4 { max-width: 100%; /*color: #997f52;*/ color: #ffffff; } section#promo .wrapper .left p, section.promo .wrapper .left p { max-width: 100%; /*color: #000; */ color: #ffffff; } } @media screen and (max-width: 480px) { section#promo .wrapper .left h4, section.promo .wrapper .left h4 { font-size: 22px; } section#promo .wrapper .left p, section.promo .wrapper .left p { font-size: 12px; } } section#promo .wrapper .btn, section#promo section#show-me .wrapper .show-me-content-item a, section#show-me section#promo .wrapper .show-me-content-item a, section#promo .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#promo .wrapper input[type="submit"], section#promo .wrapper section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#promo .wrapper input[type="submit"], section.promo .wrapper .btn, section.promo section#show-me .wrapper .show-me-content-item a, section#show-me section.promo .wrapper .show-me-content-item a, section.promo .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section.promo .wrapper input[type="submit"], section.promo .wrapper section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section.promo .wrapper input[type="submit"] { margin-bottom: 7px; } section#promo .wrapper .btn:first-of-type, section#promo section#show-me .wrapper .show-me-content-item a:first-of-type, section#show-me section#promo .wrapper .show-me-content-item a:first-of-type, section#promo .wrapper section#contact-form .wpcf7-form input[type="submit"]:first-of-type, section#contact-form .wpcf7-form section#promo .wrapper input[type="submit"]:first-of-type, section#promo .wrapper section.page-content .wpcf7-form input[type="submit"]:first-of-type, section.page-content .wpcf7-form section#promo .wrapper input[type="submit"]:first-of-type, section.promo .wrapper .btn:first-of-type, section.promo section#show-me .wrapper .show-me-content-item a:first-of-type, section#show-me section.promo .wrapper .show-me-content-item a:first-of-type, section.promo .wrapper section#contact-form .wpcf7-form input[type="submit"]:first-of-type, section#contact-form .wpcf7-form section.promo .wrapper input[type="submit"]:first-of-type, section.promo .wrapper section.page-content .wpcf7-form input[type="submit"]:first-of-type, section.page-content .wpcf7-form section.promo .wrapper input[type="submit"]:first-of-type { background-color: #333333; margin-right: 7px; border-color: transparent; } section#promo span.credit, section.promo span.credit { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; right: 20px; line-height: 18px; } section#promo:hover span.credit, section.promo:hover span.credit { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section#promo .wrapper:after { width: 100%; height: 100%; content: ''; position: absolute; z-index: -1; background-color: #000; opacity: .5; top: 0; left: 0; } section#featured-person { max-width: 1232px; margin: 50px auto; background-color: #f0f0f0; } section#featured-person .wrapper { width: 100%; padding: 0px 8%; display: flex; align-items: center; } @media screen and (max-width: 768px) { section#featured-person .wrapper { display: block; } } section#featured-person .wrapper .left { width: 50%; margin: 0 5% 0 0; padding: 30px 0; } @media screen and (max-width: 1280px) { section#featured-person .wrapper .left { padding-top: 2%; } } @media screen and (max-width: 1024px) { section#featured-person .wrapper .left { padding-top: 1%; } } @media screen and (max-width: 768px) { section#featured-person .wrapper .left { width: 100%; padding-top: 7%; } } section#featured-person .wrapper .left h3 { font-size: 48px; font-family: "Playfair Display", serif; /* color: #997f52; */ color: #000; margin: 0; } @media screen and (max-width: 768px) { section#featured-person .wrapper .left h3 { font-size: 36px; } } @media screen and (max-width: 480px) { section#featured-person .wrapper .left h3 { font-size: 24px; } } section#featured-person .wrapper .left h4 { font-size: 18px; font-family: "Montserrat", sans-serif; color: #000; margin: 0; font-weight: 500; } @media screen and (max-width: 480px) { section#featured-person .wrapper .left h4 { font-size: 14px; margin-top: 5px; } } section#featured-person .wrapper .left p { font-size: 14px; line-height: 1.5em; color: #000; margin: 6% 0; font-weight: 300; } @media screen and (max-width: 480px) { section#featured-person .wrapper .left p { font-size: 12px; } } section#featured-person .wrapper .right { width: 45%; } @media screen and (max-width: 768px) { section#featured-person .wrapper .right { width: 100%; } } section#featured-person .wrapper .right .image-wrap { background-size: cover; background-position: center; height: 400px; width: 100%; position: relative; } @media screen and (max-width: 768px) { section#featured-person .wrapper .right .image-wrap img { width: 100%; margin-bottom: 8%; } } section#featured-person .wrapper .right .image-wrap span { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: relative; top: 20px; line-height: 18px; } section#featured-person .wrapper .right .image-wrap:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } @media screen and (max-width: 768px) { section#featured-person .wrapper .btn, section#featured-person section#show-me .wrapper .show-me-content-item a, section#show-me section#featured-person .wrapper .show-me-content-item a, section#featured-person .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#featured-person .wrapper input[type="submit"], section#featured-person .wrapper section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#featured-person .wrapper input[type="submit"] { margin: 0 0 10% 0; } } section#featured-section { max-width: 1232px; margin: 50px auto; } @media screen and (max-width: 768px) { section#featured-section { padding: 20px; background-color: #f0f0f0; } } section#featured-section .wrapper { width: 100%; display: flex; padding: 0; min-width: auto; min-height: 500px; background-size: cover; background-position: center bottom; background-repeat: no-repeat; } @media screen and (max-width: 768px) { section#featured-section .wrapper { width: auto; padding: 0 0 0 0; min-height: 0px; background-size: contain; background-position: center bottom; background-image: none !important; } } section#featured-section .wrapper .featured-section-wrap { padding: 65px 8%; position: relative; } section#featured-section .wrapper .featured-section-wrap span.credit { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; right: 20px; line-height: 18px; } @media screen and (max-width: 1024px) { section#featured-section .wrapper .featured-section-wrap { background: none; } } @media screen and (max-width: 768px) { section#featured-section .wrapper .featured-section-wrap { padding: 0; } section#featured-section .wrapper .featured-section-wrap span.credit { display: none !important; } } section#featured-section .wrapper .featured-section-wrap:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section#featured-section .wrapper .left { width: 60%; margin: 0 5% 0 0; padding-top: 0px; } @media screen and (max-width: 768px) { section#featured-section .wrapper .left { width: 100%; margin: 0; } } section#featured-section .wrapper .left h3 { font-size: 48px; font-family: "Playfair Display", serif; /* color: #997f52; */ color: #000; margin: 0; } @media screen and (max-width: 768px) { section#featured-section .wrapper .left h3 { font-size: 36px; } } @media screen and (max-width: 480px) { section#featured-section .wrapper .left h3 { font-size: 24px; } } section#featured-section .wrapper .left h4 { font-size: 18px; font-family: "Montserrat", sans-serif; color: #000; margin: 0; font-weight: 400; } section#featured-section .wrapper .left p, section#featured-section .wrapper .left ul { font-size: 14px; line-height: 24px; color: #000; margin: 20px 0; max-width: 75%; font-weight: 300; } @media screen and (max-width: 1024px) { section#featured-section .wrapper .left p, section#featured-section .wrapper .left ul, section#featured-section .wrapper .left h3, section#featured-section .wrapper .left a { color: #fff; } } @media screen and (max-width: 768px) { section#featured-section .wrapper .left p, section#featured-section .wrapper .left ul, section#featured-section .wrapper .left h3, section#featured-section .wrapper .left a { color: #000; max-width: none; } } @media screen and (max-width: 480px) { section#featured-section .wrapper .left p, section#featured-section .wrapper .left ul { font-size: 12px; line-height: 1.5em; } } section#multi-section { width: 100%; /* max-width: 1140px; */ max-width: 1280px; margin: 0px auto 0 auto; /* padding: 0 20px; */ } section#multi-section .wrapper { padding: 0; min-width: auto; } section#multi-section .wrapper .grid.row { display: flex; padding: 0 0 0px 0; } @media screen and (max-width: 768px) { section#multi-section .wrapper .grid.row { display: block; } } section#multi-section .wrapper .grid.row .block { flex: 1; margin: 0 1% 1% 1%; position: relative; display: flex; justify-content: space-between; flex-direction: column;} @media screen and (max-width: 768px) { section#multi-section .wrapper .grid.row .block { width: auto; margin: 20px 0; } } section#multi-section .wrapper .grid.row .block h2 { font-family: "Playfair Display", serif; /*font-size: 36px;*/ font-size: 28px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0 0 20px 0; padding: 0px 0; letter-spacing: -1px; } @media screen and (max-width: 480px) { section#multi-section .wrapper .grid.row .block h2 { font-size: 20px; } } section#multi-section .wrapper .grid.row .block h3 { font-size: 36px; font-family: "Playfair Display", serif; /* color: #997f52; */ color: #000; margin: 0 0 20px 0; } @media screen and (max-width: 480px) { section#multi-section .wrapper .grid.row .block h3 { font-size: 20px; } } section#multi-section .wrapper .grid.row .block p, section#multi-section .wrapper .grid.row .block li { font-size: 14px; line-height: 22px; font-weight: 300; color: #262626; margin: 0 0 20px 0; } @media screen and (max-width: 480px) { section#multi-section .wrapper .grid.row .block p, section#multi-section .wrapper .grid.row .block li { font-size: 14px; } } section#multi-section .wrapper .grid.row .block p.imageblock { background-size: cover; background-position: center; width: 100%; height: 300px; position: relative; } section#multi-section .wrapper .grid.row .block p.imageblock span { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: relative; top: 20px; line-height: 18px; } section#multi-section .wrapper .grid.row .block p.imageblock:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section#multi-section .wrapper .grid.row .block ul { margin: 15px 0 15px 15px; } section#multi-section .wrapper .grid.row .block li { margin: 0 0 10px 0; } section#multi-section .wrapper .grid.row .block img { width: 100%; } @media screen and (max-width: 768px) { section#multi-section .wrapper .grid.row .block .btn, section#multi-section section#show-me .wrapper .grid.row .block .show-me-content-item a, section#show-me section#multi-section .wrapper .grid.row .block .show-me-content-item a, section#multi-section section#show-me .wrapper .show-me-content-item .grid.row .block a, section#show-me section#multi-section .wrapper .show-me-content-item .grid.row .block a, section#multi-section .wrapper .grid.row .block section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#multi-section .wrapper .grid.row .block input[type="submit"], section#multi-section .wrapper .grid.row .block section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#multi-section .wrapper .grid.row .block input[type="submit"] { margin-bottom: 0%; } } section#event-list { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; } section#event-list .wrapper .event-list-item { display: flex; padding: 50px 0; border-bottom: 3px solid #ebebeb; } @media screen and (max-width: 768px) { section#event-list .wrapper .event-list-item { display: block; } } section#event-list .wrapper .event-list-item .left { margin-right: 5%; } @media screen and (max-width: 768px) { section#event-list .wrapper .event-list-item .left { text-align: center; margin: 0 0 20px 0; } } section#event-list .wrapper .event-list-item .left .date-block { width: 175px; height: 175px; text-align: center; padding: 5px 0 0 0; } @media screen and (max-width: 768px) { section#event-list .wrapper .event-list-item .left .date-block { margin: 0 auto; } } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .left .date-block { width: 100px; height: 100px; padding: 5px 0 0 0; } } section#event-list .wrapper .event-list-item .left .date-block .month { font-family: "Playfair Display", serif; font-size: 34px; color: #fff; font-weight: 600; margin: 0; vertical-align: top; letter-spacing: -1px; } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .left .date-block .month { font-size: 20px; } } section#event-list .wrapper .event-list-item .left .date-block .day { font-family: "Playfair Display", serif; font-size: 102px; line-height: 50px; color: #fff; font-weight: 700; margin: 0 0 15px 0; vertical-align: top; letter-spacing: -2px; padding-bottom: 20px; } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .left .date-block .day { font-size: 50px; line-height: 30px; padding-bottom: 0px; } } section#event-list .wrapper .event-list-item .left .date-block .dayname { font-family: "Playfair Display", serif; font-size: 26px; color: #fff; font-weight: 600; margin: 0; vertical-align: top; letter-spacing: -1px; } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .left .date-block .dayname { font-size: 16px; } } section#event-list .wrapper .event-list-item .left .date-block.nopadding { padding: 0; } section#event-list .wrapper .event-list-item .left .date-block.nopadding img { max-width: 175px; max-height: 175px; width: auto; height: auto; } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .left .date-block.nopadding img { max-width: 100px; max-height: 100px; } } @media screen and (max-width: 768px) { section#event-list .wrapper .event-list-item .right { text-align: center; } } section#event-list .wrapper .event-list-item .right h3 { font-size: 36px; font-family: "Playfair Display", serif; /* color: #997f52; */ color: #000; margin: 0 0 10px 0; } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .right h3 { font-size: 22px; } } section#event-list .wrapper .event-list-item .right h4 { font-size: 18px; font-family: "Montserrat", sans-serif; color: #333333; margin: 0 0 20px 0; text-transform: uppercase; font-weight: 600; } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .right h4 { font-size: 15px; } } section#event-list .wrapper .event-list-item .right p { font-size: 14px; line-height: 24px; color: #000; margin: 20px 0; max-width: 700px; font-weight: 300; } @media screen and (max-width: 480px) { section#event-list .wrapper .event-list-item .right p { max-width: 90%; margin: 20px auto; font-size: 12px; line-height: 18px; } } section#event-list .wrapper .event-list-item .right a.btn, section#event-list section#show-me .wrapper .event-list-item .right .show-me-content-item a, section#show-me section#event-list .wrapper .event-list-item .right .show-me-content-item a, section#event-list section#show-me .wrapper .show-me-content-item .event-list-item .right a, section#show-me section#event-list .wrapper .show-me-content-item .event-list-item .right a { margin-bottom: 20px; } @media screen and (max-width: 768px) { section#event-list .wrapper .event-list-item .right a.btn, section#event-list section#show-me .wrapper .event-list-item .right .show-me-content-item a, section#show-me section#event-list .wrapper .event-list-item .right .show-me-content-item a, section#event-list section#show-me .wrapper .show-me-content-item .event-list-item .right a, section#show-me section#event-list .wrapper .show-me-content-item .event-list-item .right a { padding: 14px; } } section#event-list .wrapper .event-list-item .right a.btn:nth-of-type(1), section#event-list section#show-me .wrapper .event-list-item .right .show-me-content-item a:nth-of-type(1), section#show-me section#event-list .wrapper .event-list-item .right .show-me-content-item a:nth-of-type(1), section#event-list section#show-me .wrapper .show-me-content-item .event-list-item .right a:nth-of-type(1), section#show-me section#event-list .wrapper .show-me-content-item .event-list-item .right a:nth-of-type(1) { margin-right: 7px; } section#event-list .wrapper .event-list-item .right a.btn:nth-of-type(2), section#event-list section#show-me .wrapper .event-list-item .right .show-me-content-item a:nth-of-type(2), section#show-me section#event-list .wrapper .event-list-item .right .show-me-content-item a:nth-of-type(2), section#event-list section#show-me .wrapper .show-me-content-item .event-list-item .right a:nth-of-type(2), section#show-me section#event-list .wrapper .show-me-content-item .event-list-item .right a:nth-of-type(2) { background-color: #fff; color: #0a3152; border: 1px solid #0a3152; } section#event-list .wrapper .event-list-item:last-of-type { border: none; } .page-template-page-news section#event-list .wrapper .event-list-item .left .date-block { background: none; } section#show-me { max-width: 1232px; margin: 50px auto; } @media screen and (max-width: 768px) { section#show-me { padding: 20px; } } section#show-me .wrapper { min-height: 500px; min-width: auto; padding: 0; } section#show-me .wrapper .show-me-wrap { padding: 7% 10%; min-height: 500px; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-wrap { /* background: #997f52; */ background: #4E4C4E; padding: 5% 7%; max-width: 100%; } } section#show-me .wrapper .show-me-top { background-size: cover; background-position: right center; background-repeat: no-repeat; position: relative; } section#show-me .wrapper .show-me-top span.credit { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; right: 20px; line-height: 18px; } section#show-me .wrapper .show-me-top:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section#show-me .wrapper .show-me-intro { width: 60%; margin: 0 5% 0 0; padding-top: 0px; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-intro { width: auto; } } section#show-me .wrapper .show-me-intro h2, section#show-me .wrapper .show-me-intro h3 { font-family: "Playfair Display", serif; color: white; margin: 0; } section#show-me .wrapper .show-me-intro h2 { font-size: 48px; } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-intro h2 { font-size: 28px; margin: 0 0 0 20px; } } section#show-me .wrapper .show-me-intro h3 { font-size: 36px; margin-bottom: 10px; } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-intro h3 { font-size: 18px; } } section#show-me .wrapper .show-me-intro p { line-height: 1.75em; color: white; margin: 20px 0; max-width: 80%; min-width: 300px; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-intro p { max-width: none; } } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-intro p { font-size: 12px; } } section#show-me .wrapper .show-me-form { width: 60%; margin: 0 5% 0 0; padding-top: 0px; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-form { width: auto; margin: 0; } } section#show-me .wrapper .show-me-select-wrap { position: relative; display: inline-block; width: 88%; min-width: 340px; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-select-wrap { width: 100%; min-width: 0; } } section#show-me .wrapper .show-me-select-wrap select { width: 100%; padding: 19px 74px 19px 20px; background-color: white; font-size: 20px; font-family: "Montserrat", sans-serif; font-weight: 600; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-color: transparent; } section#show-me .wrapper .show-me-select-wrap select::-ms-expand { display: none; } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-select-wrap select { font-size: 12px; padding: 12px 50px 12px 12px; } } section#show-me .wrapper .show-me-select-wrap::after { content: "\2193"; display: inline-block; position: absolute; right: 0; top: 0; padding: 20px 26px; height: 100%; /* background-color: #0a3152;*/ /* background-color: #0075BB; */ background-color: #3E25A2; color: white; font-size: 20px; pointer-events: none; } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-select-wrap::after { font-size: 16px; padding: 11px 18px; } } section#show-me .wrapper .show-me-content-wrap { overflow: auto; padding: 7% 10%; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-content-wrap { padding: 10% 7%; } } section#show-me .wrapper .show-me-content-item { display: none; line-height: 1.75em; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-content-item { font-size: 14px; } } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-content-item { font-size: 12px; } } section#show-me .wrapper .show-me-content-item.selected { display: block; } section#show-me .wrapper .show-me-content-item h1, section#show-me .wrapper .show-me-content-item h2, section#show-me .wrapper .show-me-content-item h3, section#show-me .wrapper .show-me-content-item h4, section#show-me .wrapper .show-me-content-item h5, section#show-me .wrapper .show-me-content-item h6 { font-family: "Playfair Display", serif; } section#show-me .wrapper .show-me-content-item h1 { font-size: 48px; } section#show-me .wrapper .show-me-content-item h2 { font-size: 36px; } section#show-me .wrapper .show-me-content-item h3 { font-size: 24px; } section#show-me .wrapper .show-me-content-item .wp-caption { text-align: center; } section#show-me .wrapper .show-me-content-item .wp-caption img { height: auto; margin: 0 auto; } section#show-me .wrapper .show-me-content-item .wp-caption .wp-caption-text { font-size: 11px; line-height: 1.2em; text-align: left; } section#show-me .wrapper .show-me-content-item .alignleft { float: left; margin-right: 4%; max-width: 30% !important; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-content-item .alignleft { max-width: 50% !important; } } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-content-item .alignleft { max-width: 100% !important; } } section#show-me .wrapper .show-me-content-item .alignright { float: right; margin-left: 4%; max-width: 30% !important; } @media screen and (max-width: 768px) { section#show-me .wrapper .show-me-content-item .alignright { max-width: 50% !important; } } @media screen and (max-width: 480px) { section#show-me .wrapper .show-me-content-item .alignright { max-width: 100% !important; } } section#show-me .wrapper .show-me-content-item .alignnone { display: block; } section#performance-blocks { position: relative; z-index: 999; } section#performance-blocks .wrapper { position: relative; max-width: 1280px; padding-bottom: 0px; } section#performance-blocks .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0px 0 20px 60px; padding: 35px 0 0 0; letter-spacing: -1px; } @media screen and (max-width: 1024px) { section#performance-blocks .wrapper h2 { font-size: 36px; margin: 0px 0 20px 20px; } } section#performance-blocks .performance-blocks-wrap { display: flex; flex-wrap: wrap; margin: 40px 0; } section#performance-blocks .performance-blocks-item { width: 24%; margin: 0 0.5% 15px 0.5%; position: relative; text-align: center; } @media screen and (max-width: 768px) { section#performance-blocks .performance-blocks-item { width: 48%; margin: 0 1% 2% 1%; } } section#performance-blocks .performance-blocks-item:after { position: absolute; width: 100%; height: 0%; margin: 0 0 20px 0; z-index: 0; content: ''; } section#performance-blocks .performance-blocks-item.selected:after { height: 100%; } section#performance-blocks .performance-blocks-item-image { width: 100%; height: 313px; background-size: cover; background-position: center; filter: brightness(75%); } section#performance-blocks .performance-blocks-item-image img { width: 100%; } section#performance-blocks .performance-blocks-item-title { position: absolute; width: 100%; margin-top: -50%; transform: translateY(-50%); padding: 0 5px; font-size: 28px; font-family: "Playfair Display", serif; color: white; font-weight: 600; } @media screen and (max-width: 1024px) { section#performance-blocks .performance-blocks-item-title { font-size: 24px; } } @media screen and (max-width: 768px) { section#performance-blocks .performance-blocks-item-title { font-size: 28px; } } @media screen and (max-width: 480px) { section#performance-blocks .performance-blocks-item-title { font-size: 21px; } } section#performance-blocks .performance-blocks-item-button { width: 100%; padding: 6%; cursor: pointer; margin: 0; } @media screen and (max-width: 768px) { section#performance-blocks .performance-blocks-item-button { font-size: 12px; } } section#performance-blocks .performance-blocks-item-list { position: absolute; width: 100%; z-index: 5; overflow: hidden; max-height: 0; transition: max-height 0.5s; -webkit-transition: max-height 0.5s; font-size: 14px; } @media screen and (max-width: 480px) { section#performance-blocks .performance-blocks-item-list { font-size: 12px; } } section#performance-blocks .performance-blocks-item-list a { display: block; padding: 6% 9%; color: white; font-weight: 300; text-decoration: none; } section#performance-blocks .performance-blocks-item-list a:hover { text-decoration: underline; } section#performance-blocks .performance-blocks-item-list.selected { /* max-height: 999px; */ max-height: 1200px; transition: max-height 0.5s; -webkit-transition: max-height 0.5s; } section#performance-blocks .performance-blocks-item-list-item { padding: 5px 0; background-color: #0a3152; text-align: left; } section#performance-blocks .performance-blocks-item-list-item:nth-child(2n+1) { background-color: #07253d; } section#accordion { margin-bottom: 50px; } section#accordion .wrapper { padding: 0 7%; } @media screen and (max-width: 768px) { section#accordion .wrapper { padding: 0; } } section#accordion .wrapper h2 { font-size: 48px; /* color: #997f52; */ color: #000; font-family: "Playfair Display", serif; margin-bottom: 20px; } @media screen and (max-width: 768px) { section#accordion .wrapper h2 { font-size: 30px; margin: 0 0 20px 20px; } } section#accordion .accordion-subheading { margin: 3% 0; } @media screen and (max-width: 768px) { section#accordion .accordion-subheading { padding: 5% 4%; } } section#accordion .accordion-subheading h3 { font-family: "Playfair Display", serif; font-size: 24px; } section#accordion .accordion-item { margin-bottom: 10px; } section#accordion .accordion-item.selected .accordion-item-content { display: block; } section#accordion .accordion-item-title { padding: 2% 3%; cursor: default; font-size: 20px; font-weight: 500; color: white; } @media screen and (max-width: 768px) { section#accordion .accordion-item-title { padding: 5% 6%; } } @media screen and (max-width: 480px) { section#accordion .accordion-item-title { font-size: 14px; } } section#accordion .accordion-item-title i { display: inline-block; margin-right: 25px; cursor: pointer; } section#accordion .accordion-item-content { display: none; } section#accordion .accordion-item-content-inner { display: flex; flex-direction: row; justify-content: space-between; padding: 5% 4%; background-color: #f0f0f0; overflow: hidden; } @media screen and (max-width: 768px) { section#accordion .accordion-item-content-inner { flex-direction: column; } } section#accordion .accordion-item-content-inner .accordion-item-content-image { flex-basis: 40%; position: relative; } section#accordion .accordion-item-content-inner .accordion-item-content-image img { width: 100%; position: relative; } section#accordion .accordion-item-content-inner .accordion-item-content-image span.credit { opacity: 0; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; right: 20px; line-height: 18px; } section#accordion .accordion-item-content-inner .accordion-item-content-image:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section#accordion .accordion-item-content-text { width: 100%; } section#accordion .accordion-item-content-text h3 { font-family: "Playfair Display", serif; font-size: 36px; /* color: #997f52; */ color: #000; } section#accordion .accordion-item-content-text strong { font-size: 18px; } section#accordion .accordion-item-content-text ul { margin: 15px 0 15px 15px; } section#accordion .accordion-item-content-text p, section#accordion .accordion-item-content-text li { font-size: 16px; line-height: 1.75em; font-weight: 300; } @media screen and (max-width: 480px) { section#accordion .accordion-item-content-text h3 { font-size: 24px; } section#accordion .accordion-item-content-text strong { font-size: 14px; } section#accordion .accordion-item-content-text p, section#accordion .accordion-item-content-text li { font-size: 12px; } } section#accordion .accordion-item-content-text.has-image { flex-basis: 55%; } @media screen and (max-width: 768px) { section#accordion .btn, section#accordion section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item section#accordion a, section#accordion section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#accordion input[type="submit"], section#accordion section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#accordion input[type="submit"] { margin-bottom: 10%; } } section#directory { overflow: hidden; padding: 0 0px; width: 88%; margin: 0 auto 0px auto; } @media screen and (max-width: 768px) { section#directory { padding: 0; } } section#directory .wrapper { max-width: 1400px; padding: 0 2%; } section#directory h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0px 0 20px 60px; padding: 35px 0; letter-spacing: -1px; } @media screen and (max-width: 1024px) { section#directory h2 { font-size: 36px; margin: 0px 0 20px 20px; } } section#directory .directory-index-desktop { padding: 1.25% 1.625%; display: flex; justify-content: space-evenly; flex-direction: row; font-weight: 700; color: white; } @media screen and (max-width: 768px) { section#directory .directory-index-desktop { display: none; } } section#directory .directory-index-mobile { display: none; justify-content: space-evenly; flex-direction: row; font-weight: 700; color: white; } @media screen and (max-width: 768px) { section#directory .directory-index-mobile { display: flex; } } @media screen and (max-width: 768px) { section#directory .directory-index-mobile.dim-years { display: block; } } section#directory .directory-index-item { display: inline-block; flex-grow: 1; flex-basis: 3.8%; padding: 0.7% 0; margin: 0 0.25%; border-radius: 99px; cursor: pointer; overflow: hidden; border: 2px solid transparent; text-align: center; transition: border-color 0.4s; -webkit-transition: border-color 0.4s; } @media screen and (max-width: 768px) { section#directory .directory-index-item { width: 7%; padding: 4% 0; margin: 0; border-radius: 0; letter-spacing: 0.35em; } } section#directory .directory-index-item:not(.selected):hover { border: 2px solid white; transition: border-color 0.4s; -webkit-transition: border-color 0.4s; } section#directory .directory-index-item.selected { /* background-color: #997f52; */ /* background: #0075BB; */ background: #3E25A2; } section#directory .directory-detail { min-height: 0px; position: relative; margin: 0 5%; } @media screen and (max-width: 768px) { section#directory .directory-detail { margin: 0 20px; } } section#directory .directory-detail-header { margin-top: 80px; padding-bottom: 5px; border-bottom: 7px solid #ebebeb; overflow: hidden; } @media screen and (max-width: 768px) { section#directory .directory-detail-header { border-bottom: 3px solid #ebebeb; } } section#directory .directory-detail-header a { float: right; margin-top: 35px; font-size: 13px; /* color: #997f52; */ color: #000; letter-spacing: 0.3em; font-weight: 600; } @media screen and (max-width: 768px) { section#directory .directory-detail-header a { font-size: 10px; margin-top: 22px; } } section#directory .directory-detail-header-title { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; } section#directory .directory-detail-header-title span { font-size: 24px; } @media screen and (max-width: 768px) { section#directory .directory-detail-header-title { font-size: 30px; } section#directory .directory-detail-header-title span { font-size: 15px; } } section#directory .directory-detail-item { display: none; } section#directory .directory-detail-item.selected { display: block; } section#directory .directory-detail-item h3 { font-family: "Playfair Display", serif; font-size: 36px; margin-top: 50px; } @media screen and (max-width: 768px) { section#directory .directory-detail-item h3 { font-size: 20px; margin-top: 20px; } } section#directory .directory-detail-item h4 { display: block; font-size: 24px; color: #333333; width: 100%; font-family: "Playfair Display", serif; margin: 20px 0 0 0; } @media screen and (max-width: 768px) { section#directory .directory-detail-item h4 { font-size: 14px; margin-top: 10px; } } section#directory .directory-detail-item img { width: 43%; float: right; margin: 0 0 3% 9%; } @media screen and (max-width: 768px) { section#directory .directory-detail-item img { display: none; } } section#directory .directory-detail-item p { line-height: 2em; font-weight: 300; } @media screen and (max-width: 480px) { section#directory .directory-detail-item p { font-size: 12px; } } section#directory .directory-detail-item video { max-width: 300px; background-color: #997f52; background-color: #4E4C4E; margin-top: 10px; } section#directory .pronunciation { font-size: 18px; font-weight: 500; display: block; } @media screen and (max-width: 768px) { section#directory .pronunciation { font-size: 12px; margin-top: 22px; } } section#directory .wrapper #list-cols, section#directory .wrapper .list-cols { display: flex; margin: 30px; } section#directory .wrapper #list-cols ul, section#directory .wrapper .list-cols ul { flex: 1; margin: 0 0 0 0; padding: 0; } section#directory .wrapper #list-cols ul li, section#directory .wrapper .list-cols ul li { margin: 0 0 10px 0; list-style: none; font-weight: 300; } section#directory .wrapper #list-cols ul li a, section#directory .wrapper .list-cols ul li a { text-transform: none !important; } @media screen and (max-width: 768px) { section#directory .wrapper #list-cols, section#directory .wrapper .list-cols { display: block; } section#directory .wrapper #list-cols ul, section#directory .wrapper .list-cols ul { margin: 0; } } section#directory .directory-detail h2 { margin-left: 0; } section#directory .directory-detail .directory-detail-items h3 { font-size: 20px; font-family: "Playfair Display", serif; color: #333333; font-weight: 300; } section#directory .directory-detail .directory-detail-items .list-cols { margin: 0 0 10px 0; } section#directory .directory-detail.bigger .directory-detail-items h3 { font-size: 26px; font-family: "Playfair Display", serif; /* color: #997f52; */ color: #000; font-weight: 500; } section#directory .directory-detail.bigger .directory-detail-items .list-cols { margin: 0 0 10px 0; } section#directory .directory-detail.bigger .directory-detail-items .list-cols li { font-size: 20px; font-weight: 500;} section#directory .directory-detail.bigger.leadership:nth-child(5) { margin-bottom: 50px; } section#directory .directory-detail.senior .directory-detail-items h3 { font-size: 20px; font-family: "Playfair Display", serif; color: #333333; font-weight: 600; } section#directory.instruments .wrapper h2 { font-family: "Playfair Display", serif; font-size: 36px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0px 0 20px 30px; padding: 35px 0 0 0; letter-spacing: -1px; } @media screen and (max-width: 1024px) { section#directory.instruments .wrapper h2 { font-size: 24px; margin: 0px 0 20px 20px; } } section#directory.instruments .wrapper .list-cols { margin: 15px 30px; } section#directory.staff .wrapper { max-width: 1160px; } section#directory.staff .wrapper h2 { font-family: "Playfair Display", serif; /* font-size: 36px; */ font-size: 28px; /* color: #997f52; */ /* color: #000; */ color: #4E4C4E; font-weight: 600; margin: 0px 0 20px 0px; padding: 35px 0 0 0; letter-spacing: -1px; } @media screen and (max-width: 1024px) { section#directory.staff .wrapper h2 { font-size: 28px; margin: 0px 0 20px 20px; } } section#directory.staff .wrapper .list-cols { margin: 15px 30px; } section#quick-stats .wrapper { max-width: 1280px; padding: 0px 0.1em; } section#quick-stats h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; margin: 0px 0 20px 60px; padding: 35px 0; letter-spacing: -1px; } @media screen and (max-width: 1024px) { section#quick-stats h2 { font-size: 36px; margin: 0px 0 20px 20px; } } section#quick-stats .quick-stats-wrap { text-align: center; cursor: default; display: flex; flex-wrap: wrap; } section#quick-stats .stat-block { display: inline-block; width: 23%; flex-wrap: wrap; padding: 45px 20px; margin: 0 1% 20px 1%; font-family: "Playfair Display", serif; color: white; text-align: center; } @media screen and (max-width: 768px) { section#quick-stats .stat-block { width: 47%; padding: 45px 15px; } } section#quick-stats .stat-amount { font-size: 88px; line-height: 0.25em; margin-bottom: .6em; font-weight: 600; letter-spacing: -1px; } @media screen and (max-width: 1024px) { section#quick-stats .stat-amount { font-size: 88px; } } @media screen and (max-width: 768px) { section#quick-stats .stat-amount { font-size: 76px; } } @media screen and (max-width: 480px) { section#quick-stats .stat-amount { font-size: 66px; } } section#quick-stats .stat-description { font-size: 22px; } @media screen and (max-width: 1024px) { section#quick-stats .stat-description { font-size: 20px; } } @media screen and (max-width: 768px) { section#quick-stats .stat-description { font-size: 24px; } } @media screen and (max-width: 480px) { section#quick-stats .stat-description { font-size: 14px; } } section#map_section .wrapper { max-width: 1280px; padding: 80px 25px; } @media screen and (max-width: 768px) { section#map_section .wrapper { padding: 30px 0; } } section#map_section .map_wrap { max-width: 1100px; margin: 0 auto; height: 500px; } @media screen and (max-width: 768px) { section#map_section .map_wrap { height: 300px; } } section#map_section #map { height: 100%; } section#button-bar .wrapper { max-width: 1280px; padding: 0px 0; } @media screen and (max-width: 768px) { section#button-bar .wrapper { padding: 10px 20px; } } section#button-bar .button-bar-wrap { display: flex; justify-content: space-evenly; padding: 2.5% 6%; align-items: stretch; align-content: center; } @media screen and (max-width: 768px) { section#button-bar .button-bar-wrap { flex-direction: column; padding: 8% 9%; } } section#button-bar .btn, section#button-bar section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item section#button-bar a, section#button-bar section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#button-bar input[type="submit"], section#button-bar section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#button-bar input[type="submit"] { flex: 1; padding: 14px; margin: 0 1%; } @media screen and (max-width: 768px) { section#button-bar .btn, section#button-bar section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item section#button-bar a, section#button-bar section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#button-bar input[type="submit"], section#button-bar section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#button-bar input[type="submit"] { margin: 10px 0; padding: 15px 0; } } .general-table .wrapper, #performances-table .wrapper { max-width: 1280px; padding-bottom: 0px; margin: 0 auto 70px auto; } @media screen and (max-width: 768px) { .general-table .wrapper, #performances-table .wrapper { padding: 0 0 10% 0; } } .general-table .wrapper h2, #performances-table .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; padding: 35px 0; letter-spacing: -1px; } @media screen and (max-width: 768px) { .general-table .wrapper h2, #performances-table .wrapper h2 { margin: 0; font-size: 24px; margin-left: 20px; margin: 0 0 0 20px; } } .general-table .wrapper #grid-wrap, #performances-table .wrapper #grid-wrap { margin: 0 100px; display: block; position: relative; z-index: 1; } .general-table .wrapper #grid-wrap.collapsed, #performances-table .wrapper #grid-wrap.collapsed { height: 400px; overflow: hidden; } .general-table .wrapper #grid-wrap.collapsed span.more, #performances-table .wrapper #grid-wrap.collapsed span.more { display: inline; } .general-table .wrapper #grid-wrap.collapsed span.less, #performances-table .wrapper #grid-wrap.collapsed span.less { display: none; } .general-table .wrapper #grid-wrap.collapsed .show-more, #performances-table .wrapper #grid-wrap.collapsed .show-more { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80&0+0,1+80 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0); /* IE6-9 */ bottom: -20px; } .general-table .wrapper #grid-wrap span.more, #performances-table .wrapper #grid-wrap span.more { display: none; } .general-table .wrapper #grid-wrap span.less, #performances-table .wrapper #grid-wrap span.less { display: inline; } .general-table .wrapper #grid-wrap .row, #performances-table .wrapper #grid-wrap .row { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 24px 0; border-top: 1px solid #ebebeb; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row, #performances-table .wrapper #grid-wrap .row { flex-wrap: wrap; padding: 24px 0; } } .general-table .wrapper #grid-wrap .row .col, #performances-table .wrapper #grid-wrap .row .col { padding: 0 5px; flex: 1 0 15%; font-weight: 300; font-size: 16px; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col, #performances-table .wrapper #grid-wrap .row .col { flex-grow: 0; } } .general-table .wrapper #grid-wrap .row .col a, #performances-table .wrapper #grid-wrap .row .col a { color: #0a3152; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 14px; } .general-table .wrapper #grid-wrap .row .col a.btn, .general-table section#show-me .wrapper #grid-wrap .row .col .show-me-content-item a, section#show-me .general-table .wrapper #grid-wrap .row .col .show-me-content-item a, .general-table section#show-me .wrapper .show-me-content-item #grid-wrap .row .col a, section#show-me .general-table .wrapper .show-me-content-item #grid-wrap .row .col a, #performances-table .wrapper #grid-wrap .row .col a.btn, #performances-table section#show-me .wrapper #grid-wrap .row .col .show-me-content-item a, section#show-me #performances-table .wrapper #grid-wrap .row .col .show-me-content-item a, #performances-table section#show-me .wrapper .show-me-content-item #grid-wrap .row .col a, section#show-me #performances-table .wrapper .show-me-content-item #grid-wrap .row .col a { padding: 20px; color: #fff; } .general-table .wrapper #grid-wrap .row .col .fa, #performances-table .wrapper #grid-wrap .row .col .fa { display: none; font-size: 5vw; /* color: #997f52; */ color: #000; float: left; margin: 0px 17px 25px 0; cursor: pointer; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col .fa, #performances-table .wrapper #grid-wrap .row .col .fa { display: inline-block; } } @media screen and (max-width: 480px) { .general-table .wrapper #grid-wrap .row .col .fa, #performances-table .wrapper #grid-wrap .row .col .fa { margin: 0px 17px 25px 0; } } .general-table .wrapper #grid-wrap .row .col:last-child, #performances-table .wrapper #grid-wrap .row .col:last-child { text-align: right; } .general-table .wrapper #grid-wrap .row .col-1, #performances-table .wrapper #grid-wrap .row .col-1 { width: auto; } .general-table .wrapper #grid-wrap .row .col-1 .fa, #performances-table .wrapper #grid-wrap .row .col-1 .fa { display: none; font-size: 5vw; /* color: #997f52; */ color: #000; float: left; margin: -5px 20px 0 0; cursor: pointer; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col-1 .fa, #performances-table .wrapper #grid-wrap .row .col-1 .fa { display: inline-block; } } @media screen and (max-width: 480px) { .general-table .wrapper #grid-wrap .row .col-1 .fa, #performances-table .wrapper #grid-wrap .row .col-1 .fa { margin: -5px 20px 0 0; } } .general-table .wrapper #grid-wrap .row .col-2, .general-table .wrapper #grid-wrap .row .col-3, .general-table .wrapper #grid-wrap .row .col-4, .general-table .wrapper #grid-wrap .row .col-5, .general-table .wrapper #grid-wrap .row .col-6, .general-table .wrapper #grid-wrap .row .col-7, #performances-table .wrapper #grid-wrap .row .col-2, #performances-table .wrapper #grid-wrap .row .col-3, #performances-table .wrapper #grid-wrap .row .col-4, #performances-table .wrapper #grid-wrap .row .col-5, #performances-table .wrapper #grid-wrap .row .col-6, #performances-table .wrapper #grid-wrap .row .col-7 { order: 1; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col-2, .general-table .wrapper #grid-wrap .row .col-3, .general-table .wrapper #grid-wrap .row .col-4, .general-table .wrapper #grid-wrap .row .col-5, .general-table .wrapper #grid-wrap .row .col-6, .general-table .wrapper #grid-wrap .row .col-7, #performances-table .wrapper #grid-wrap .row .col-2, #performances-table .wrapper #grid-wrap .row .col-3, #performances-table .wrapper #grid-wrap .row .col-4, #performances-table .wrapper #grid-wrap .row .col-5, #performances-table .wrapper #grid-wrap .row .col-6, #performances-table .wrapper #grid-wrap .row .col-7 { display: none; order: 2; font-size: 14px; } } .general-table .wrapper #grid-wrap .row .col-2 strong, .general-table .wrapper #grid-wrap .row .col-3 strong, .general-table .wrapper #grid-wrap .row .col-4 strong, .general-table .wrapper #grid-wrap .row .col-5 strong, .general-table .wrapper #grid-wrap .row .col-6 strong, .general-table .wrapper #grid-wrap .row .col-7 strong, #performances-table .wrapper #grid-wrap .row .col-2 strong, #performances-table .wrapper #grid-wrap .row .col-3 strong, #performances-table .wrapper #grid-wrap .row .col-4 strong, #performances-table .wrapper #grid-wrap .row .col-5 strong, #performances-table .wrapper #grid-wrap .row .col-6 strong, #performances-table .wrapper #grid-wrap .row .col-7 strong { font-weight: 500; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col-2:before, .general-table .wrapper #grid-wrap .row .col-3:before, .general-table .wrapper #grid-wrap .row .col-4:before, .general-table .wrapper #grid-wrap .row .col-5:before, .general-table .wrapper #grid-wrap .row .col-6:before, .general-table .wrapper #grid-wrap .row .col-7:before, #performances-table .wrapper #grid-wrap .row .col-2:before, #performances-table .wrapper #grid-wrap .row .col-3:before, #performances-table .wrapper #grid-wrap .row .col-4:before, #performances-table .wrapper #grid-wrap .row .col-5:before, #performances-table .wrapper #grid-wrap .row .col-6:before, #performances-table .wrapper #grid-wrap .row .col-7:before { content: ''; display: block; margin-top: 30px; } } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.size2, #performances-table .wrapper #grid-wrap .row .col.size2 { width: auto; flex-basis: 69%; } } .general-table .wrapper #grid-wrap .row .col.ticket, #performances-table .wrapper #grid-wrap .row .col.ticket { order: 1; flex-basis: 15%; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.ticket, #performances-table .wrapper #grid-wrap .row .col.ticket { width: auto; } } .general-table .wrapper #grid-wrap .row .col.more, #performances-table .wrapper #grid-wrap .row .col.more { text-align: center; order: 1; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.more, #performances-table .wrapper #grid-wrap .row .col.more { display: none; order: 2; font-size: 14px; width: 100%; padding: 0 0 0 10% !important; text-align: left; } } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.more:before, #performances-table .wrapper #grid-wrap .row .col.more:before { content: ''; display: block; margin-top: 30px; } } .general-table .wrapper #grid-wrap .row .col.date, #performances-table .wrapper #grid-wrap .row .col.date { font-weight: 500; line-height: 1.6em; order: 1; } @media screen and (max-width: 480px) { .general-table .wrapper #grid-wrap .row .col.date, #performances-table .wrapper #grid-wrap .row .col.date { font-size: 15px; } } .general-table .wrapper #grid-wrap .row .col.date span, #performances-table .wrapper #grid-wrap .row .col.date span { font-weight: 300; font-style: italic; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.date span, #performances-table .wrapper #grid-wrap .row .col.date span { font-style: normal; } } .general-table .wrapper #grid-wrap .row .col.location, #performances-table .wrapper #grid-wrap .row .col.location { font-weight: 300; order: 1; flex-basis: 25%; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.location, #performances-table .wrapper #grid-wrap .row .col.location { display: none; order: 2; font-size: 14px; width: 100%; padding: 0 0 0 10% !important; text-align: left; } } .general-table .wrapper #grid-wrap .row .col.location strong, #performances-table .wrapper #grid-wrap .row .col.location strong { font-weight: 500; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.location:before, #performances-table .wrapper #grid-wrap .row .col.location:before { content: ''; display: block; margin-top: 30px; } } .general-table .wrapper #grid-wrap .row .col.title, #performances-table .wrapper #grid-wrap .row .col.title { order: 1; font-size: 14px; } .general-table .wrapper #grid-wrap .row .col.title a, #performances-table .wrapper #grid-wrap .row .col.title a { text-transform: none; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.title, #performances-table .wrapper #grid-wrap .row .col.title { display: none; order: 2; font-size: 14px; width: 100%; padding: 0 0 0 10% !important; text-align: left; } } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.title:before, #performances-table .wrapper #grid-wrap .row .col.title:before { content: ''; display: block; margin-top: 30px; } } .general-table .wrapper #grid-wrap .row .col.titlenew, #performances-table .wrapper #grid-wrap .row .col.titlenew { order: 1; font-size: 14px; flex-basis: 22%; } .general-table .wrapper #grid-wrap .row .col.titlenew a, #performances-table .wrapper #grid-wrap .row .col.titlenew a { text-transform: none; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.titlenew, #performances-table .wrapper #grid-wrap .row .col.titlenew { display: none; order: 2; font-size: 14px; width: 100%; padding: 0 0 0 10% !important; text-align: left; } } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.titlenew:before, #performances-table .wrapper #grid-wrap .row .col.titlenew:before { content: ''; display: block; margin-top: 30px; } } .general-table .wrapper #grid-wrap .row .col.ticket, #performances-table .wrapper #grid-wrap .row .col.ticket { order: 1; } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.ticket, #performances-table .wrapper #grid-wrap .row .col.ticket { display: none; order: 2; font-size: 14px; width: 100%; padding: 0 0 10px 10% !important; text-align: left; } } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap .row .col.ticket:before, #performances-table .wrapper #grid-wrap .row .col.ticket:before { content: ''; display: block; margin-top: 30px; } } .general-table .wrapper #grid-wrap .row.shadow, #performances-table .wrapper #grid-wrap .row.shadow { opacity: .2; } .general-table .wrapper .show-more, #performances-table .wrapper .show-more { position: absolute; bottom: -60px; left: 0; width: 100%; text-align: center; z-index: 200; padding-top: 100px; pointer-events: none; } .general-table .wrapper .show-more .btn, .general-table section#show-me .wrapper .show-more .show-me-content-item a, section#show-me .general-table .wrapper .show-more .show-me-content-item a, .general-table section#show-me .wrapper .show-me-content-item .show-more a, section#show-me .general-table .wrapper .show-me-content-item .show-more a, .general-table .wrapper .show-more section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form .general-table .wrapper .show-more input[type="submit"], .general-table .wrapper .show-more section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form .general-table .wrapper .show-more input[type="submit"], #performances-table .wrapper .show-more .btn, #performances-table section#show-me .wrapper .show-more .show-me-content-item a, section#show-me #performances-table .wrapper .show-more .show-me-content-item a, #performances-table section#show-me .wrapper .show-me-content-item .show-more a, section#show-me #performances-table .wrapper .show-me-content-item .show-more a, #performances-table .wrapper .show-more section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #performances-table .wrapper .show-more input[type="submit"], #performances-table .wrapper .show-more section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #performances-table .wrapper .show-more input[type="submit"] { padding: 14px 50px; background-color: #fff; color: #0a3152; pointer-events: auto; } @media screen and (max-width: 480px) { .general-table .wrapper .show-more .btn, .general-table section#show-me .wrapper .show-more .show-me-content-item a, section#show-me .general-table .wrapper .show-more .show-me-content-item a, .general-table section#show-me .wrapper .show-me-content-item .show-more a, section#show-me .general-table .wrapper .show-me-content-item .show-more a, .general-table .wrapper .show-more section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form .general-table .wrapper .show-more input[type="submit"], .general-table .wrapper .show-more section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form .general-table .wrapper .show-more input[type="submit"], #performances-table .wrapper .show-more .btn, #performances-table section#show-me .wrapper .show-more .show-me-content-item a, section#show-me #performances-table .wrapper .show-more .show-me-content-item a, #performances-table section#show-me .wrapper .show-me-content-item .show-more a, section#show-me #performances-table .wrapper .show-me-content-item .show-more a, #performances-table .wrapper .show-more section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #performances-table .wrapper .show-more input[type="submit"], #performances-table .wrapper .show-more section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #performances-table .wrapper .show-more input[type="submit"] { font-size: 12px; } } @media screen and (max-width: 768px) { .general-table .wrapper #grid-wrap, #performances-table .wrapper #grid-wrap { margin: 0 20px; } .general-table .wrapper #grid-wrap .row, #performances-table .wrapper #grid-wrap .row { display: block; } .general-table .wrapper #grid-wrap .row .col-2, .general-table .wrapper #grid-wrap .row .col-3, .general-table .wrapper #grid-wrap .row .col-4, .general-table .wrapper #grid-wrap .row .col-5, .general-table .wrapper #grid-wrap .row .col-6, .general-table .wrapper #grid-wrap .row .col-7, #performances-table .wrapper #grid-wrap .row .col-2, #performances-table .wrapper #grid-wrap .row .col-3, #performances-table .wrapper #grid-wrap .row .col-4, #performances-table .wrapper #grid-wrap .row .col-5, #performances-table .wrapper #grid-wrap .row .col-6, #performances-table .wrapper #grid-wrap .row .col-7 { width: 100% !important; padding: 0 0 0px 10% !important; text-align: left; } .general-table .wrapper #grid-wrap .row .col:last-child, #performances-table .wrapper #grid-wrap .row .col:last-child { text-align: left; } } .general-table .wrapper #grid-wrap .row .col { flex: 1; } #gallery, .gallery { padding: 0px 0 0px 0; position: relative; z-index: 10; } #gallery .wrapper, .gallery .wrapper { max-width: 1280px; position: relative; padding: 0 25px; } #gallery .wrapper h2, .gallery .wrapper h2 { font-size: 48px; /* color: #997f52; */ color: #000; font-family: "Playfair Display", serif; margin-bottom: 20px; } @media screen and (max-width: 768px) { #gallery .wrapper h2, .gallery .wrapper h2 { font-size: 30px; margin: 0 0 20px 20px; } } #gallery .wrapper #gallery-wrap, #gallery .wrapper .gallery-wrap, #gallery .wrapper #gallery-wrap-2, #gallery .wrapper .gallery-wrap-2, .gallery .wrapper #gallery-wrap, .gallery .wrapper .gallery-wrap, .gallery .wrapper #gallery-wrap-2, .gallery .wrapper .gallery-wrap-2, [class^="gallery wrapper gallery-wrap"] { height: 345px; } #gallery .wrapper .cycle-carousel-wrap, .gallery .wrapper .cycle-carousel-wrap { padding: 0 0px; width: 96%; margin: 0 auto; height: 345px; } #gallery .wrapper .cycle-carousel-wrap div, .gallery .wrapper .cycle-carousel-wrap div { margin: 0px; padding: 0 14px; width: -webkit-min-content; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; vertical-align: top; } #gallery .wrapper .cycle-carousel-wrap div a, .gallery .wrapper .cycle-carousel-wrap div a { width: 100%; height: 100%; display: block; } #gallery .wrapper .cycle-carousel-wrap div .image-container, .gallery .wrapper .cycle-carousel-wrap div .image-container { background-size: cover; background-repeat: no-repeat; width: 100%; height: 300px; // background-position: center center; background-position: center top; } #gallery .wrapper .cycle-carousel-wrap div p, .gallery .wrapper .cycle-carousel-wrap div p, .gallery .wrapper .gallery-wrap .cycle-carousel-wrap div p { font-size: 10px !important; text-align: center; margin: 5px 0 !important; white-space: normal; line-height: 1em !important; font-weight: normal !important; color: #000000 !important; } #gallery .wrapper .cycle-carousel-wrap div p span.credit, .gallery .wrapper .cycle-carousel-wrap div p span.credit, .gallery .wrapper .cycle-carousel-wrap div p span.credit { /* color: #997f52; */ color: #000; /*font-style: italic; */ } #gallery .wrapper a.controls, .gallery .wrapper a.controls { position: absolute; color: #0a3152; font-size: 60px; z-index: 5; top: 40%; } @media screen and (max-width: 480px) { #gallery .wrapper a.controls, .gallery .wrapper a.controls { font-size: 30px; } } #gallery .wrapper a.controls.disabled, .gallery .wrapper a.controls.disabled { color: #ccc; cursor: default; } #gallery .wrapper #prev, #gallery .wrapper .prev, #gallery .wrapper .prev-0, #gallery .wrapper .prev-1, .gallery .wrapper #prev, .gallery .wrapper .prev, .gallery .wrapper .prev-0, .gallery .wrapper .prev-1, [class^="prev-"] { right: 0; } #gallery .wrapper #next, #gallery .wrapper .next, #gallery .wrapper .next-0, #gallery .wrapper .next-1, .gallery .wrapper #next, .gallery .wrapper .next, .gallery .wrapper .next-0, .gallery .wrapper .next-1, [class^="next-"] { left: 0; } @media screen and (max-width: 768px) { #gallery .wrapper #prev, #gallery .wrapper .prev, #gallery .wrapper .prev-0, #gallery .wrapper .prev-1, .gallery .wrapper #prev, .gallery .wrapper .prev, .gallery .wrapper .prev-0, .gallery .wrapper .prev-1, [class^="prev-"] { right: 2%; } #gallery .wrapper #next, #gallery .wrapper .next, #gallery .wrapper .next-0, #gallery .wrapper .next-1, .gallery .wrapper #next, .gallery .wrapper .next, .gallery .wrapper .next-0, .gallery .wrapper .next-1, [class^="next-"] { left: 2%; } } .fancybox-container .fancybox-bg { opacity: .8; background: #000; } .fancybox-outer { top: 50px; left: 50px; bottom: 50px; right: 50px; margin: auto; max-width: 1180px; overflow: visible; background: #fff; box-shadow: none; transition: opacity .3s; } .fancybox-caption-wrap { background: #fff; padding: 0 7vw; top: 80%; } .fancybox-caption { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 18px; color: #333333; padding: 15px 0; text-align: center; } .fancybox-caption .credit { /*font-style: italic; */ /* color: #997f52; */ color: #000; } .fancybox-stage { max-height: 70%; top: 10%; } .fancybox-image-wrap { height: 560px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #fff; /* background: #997f52; */ background: #4E4C4E;} .fancybox-navigation button::before { background: #333; } .fancybox-button[disabled]::before { background: whitesmoke; opacity: 1; } .fancybox-caption a { color: #0a3152; text-decoration: underline; } #repertoire, #p-repertoire { background-color: #fff; padding-bottom: 0px; } #repertoire .wrapper, #p-repertoire .wrapper { max-width: 1280px; position: relative; } #repertoire .wrapper #creatednote, #p-repertoire .wrapper #creatednote { color: #333333; font-size: 14px; font-weight: 400; font-family: "Montserrat", sans-serif; font-style: italic; } @media screen and (max-width: 768px) { #repertoire .wrapper, #p-repertoire .wrapper { padding: 0; } } #repertoire .wrapper h2, #p-repertoire .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; padding: 35px 0 0 0; margin: 0 0 20px 5%; letter-spacing: -1px; } @media screen and (max-width: 768px) { #repertoire .wrapper h2, #p-repertoire .wrapper h2 { font-size: 26px; margin: 0 0 0 20px; } } #repertoire .wrapper #stage, #p-repertoire .wrapper #stage { display: block; width: 100%; position: relative; } #repertoire .wrapper #stage video, #p-repertoire .wrapper #stage video { position: relative; z-index: 1; width: 100%; } #repertoire .wrapper #stage #video-info, #p-repertoire .wrapper #stage #video-info { width: 100%; text-align: center; left: 0; z-index: 10; top: 50%; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; opacity: 1; } #repertoire .wrapper #stage #video-info h2, #p-repertoire .wrapper #stage #video-info h2 { color: #fff; font-size: 48px; font-family: "Playfair Display", serif; font-weight: 400; margin-left: 0; padding: 0 0 15px 0; } @media screen and (max-width: 480px) { #repertoire .wrapper #stage #video-info h2, #p-repertoire .wrapper #stage #video-info h2 { font-size: 26px; } } #repertoire .wrapper #stage #video-info.fade, #p-repertoire .wrapper #stage #video-info.fade { opacity: 0; } #repertoire .wrapper #stage .btn, #repertoire section#show-me .wrapper #stage .show-me-content-item a, section#show-me #repertoire .wrapper #stage .show-me-content-item a, #repertoire section#show-me .wrapper .show-me-content-item #stage a, section#show-me #repertoire .wrapper .show-me-content-item #stage a, #repertoire .wrapper #stage section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #repertoire .wrapper #stage input[type="submit"], #repertoire .wrapper #stage section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #repertoire .wrapper #stage input[type="submit"], #p-repertoire .wrapper #stage .btn, #p-repertoire section#show-me .wrapper #stage .show-me-content-item a, section#show-me #p-repertoire .wrapper #stage .show-me-content-item a, #p-repertoire section#show-me .wrapper .show-me-content-item #stage a, section#show-me #p-repertoire .wrapper .show-me-content-item #stage a, #p-repertoire .wrapper #stage section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #p-repertoire .wrapper #stage input[type="submit"], #p-repertoire .wrapper #stage section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #p-repertoire .wrapper #stage input[type="submit"] { text-decoration: underline; } @media screen and (max-width: 480px) { #repertoire .wrapper #stage .btn, #repertoire section#show-me .wrapper #stage .show-me-content-item a, section#show-me #repertoire .wrapper #stage .show-me-content-item a, #repertoire section#show-me .wrapper .show-me-content-item #stage a, section#show-me #repertoire .wrapper .show-me-content-item #stage a, #repertoire .wrapper #stage section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #repertoire .wrapper #stage input[type="submit"], #repertoire .wrapper #stage section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #repertoire .wrapper #stage input[type="submit"], #p-repertoire .wrapper #stage .btn, #p-repertoire section#show-me .wrapper #stage .show-me-content-item a, section#show-me #p-repertoire .wrapper #stage .show-me-content-item a, #p-repertoire section#show-me .wrapper .show-me-content-item #stage a, section#show-me #p-repertoire .wrapper .show-me-content-item #stage a, #p-repertoire .wrapper #stage section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #p-repertoire .wrapper #stage input[type="submit"], #p-repertoire .wrapper #stage section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #p-repertoire .wrapper #stage input[type="submit"] { padding: 7px 30px; } } #repertoire .wrapper #list-items, #p-repertoire .wrapper #list-items { display: flex; flex-wrap: nowrap; padding: 40px 0; max-height: 400px; overflow: hidden; } @media screen and (max-width: 768px) { #repertoire .wrapper #list-items, #p-repertoire .wrapper #list-items { flex-direction: column; } } #repertoire .wrapper #list-items.expanded, #p-repertoire .wrapper #list-items.expanded { max-height: 5000px; } #repertoire .wrapper #list-items.expanded .more, #p-repertoire .wrapper #list-items.expanded .more { display: none; } #repertoire .wrapper #list-items.expanded .less, #p-repertoire .wrapper #list-items.expanded .less { display: inline; } #repertoire .wrapper #list-items.expanded .show-more, #p-repertoire .wrapper #list-items.expanded .show-more { background: none; } @media screen and (max-width: 768px) { #repertoire .wrapper #list-items.expanded, #p-repertoire .wrapper #list-items.expanded { max-height: 5000px; } } #repertoire .wrapper #list-items ul, #p-repertoire .wrapper #list-items ul { width: 50%; padding: 0 0 0 65px; list-style: none; } @media screen and (max-width: 768px) { #repertoire .wrapper #list-items ul, #p-repertoire .wrapper #list-items ul { width: auto; padding: 0 0 0 5%; } } #repertoire .wrapper #list-items ul li, #p-repertoire .wrapper #list-items ul li { margin: 0 0 10px 0; font-family: "Montserrat", sans-serif; font-size: 16px; color: #333333; font-weight: 400; } #repertoire .wrapper #list-items ul li a, #p-repertoire .wrapper #list-items ul li a { color: #0a3152; font-style: italic; text-transform: none; } #repertoire .wrapper #list-items .show-more, #p-repertoire .wrapper #list-items .show-more { position: absolute; bottom: -20px; left: 0; width: 100%; text-align: center; z-index: 200; padding-top: 100px; pointer-events: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80&0+0,1+80 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0); /* IE6-9 */ } #repertoire .wrapper #list-items .show-more a, #p-repertoire .wrapper #list-items .show-more a { pointer-events: auto; color: #0a3152; background-color: #fff; } #repertoire .wrapper #list-items .more, #p-repertoire .wrapper #list-items .more { display: inline; } #repertoire .wrapper #list-items .less, #p-repertoire .wrapper #list-items .less { display: none; } #repertoire .wrapper #list-items.no-show-more, #p-repertoire .wrapper #list-items.no-show-more { padding: 0; max-height: 300vh; } #quotes { position: relative; z-index: 10; padding: 0px 0 0px 0; top: 20px; padding-bottom: 5%; } #quotes .wrapper { padding: 32px 16px; position: relative; max-width: 1230px; } @media screen and (max-width: 768px) { #quotes .wrapper { padding: 16px 0; } } #quotes .wrapper #quote-wrapper { /* border: 1px solid #91794e; */ border: 1px solid #ebebeb; z-index: 5; position: relative; } @media screen and (max-width: 768px) { #quotes .wrapper #quote-wrapper { border-left: 0 none; border-right: 0 none; } } #quotes .wrapper #quote-wrapper .slide { padding: 0 20px; display: block !important; width: 100%; } #quotes .wrapper #quote-wrapper .slide div { width: 100%; padding: 50px 0; } @media screen and (max-width: 768px) { #quotes .wrapper #quote-wrapper .slide div { top: 45%; } } #quotes .wrapper #quote-wrapper .slide h3 { font-size: 48px; color: #fff; line-height: 1.2em; text-align: center; font-weight: 700; font-family: "Playfair Display", serif; letter-spacing: -0.04em; } @media screen and (max-width: 1024px) { #quotes .wrapper #quote-wrapper .slide h3 { font-size: 32px; } } @media screen and (max-width: 768px) { #quotes .wrapper #quote-wrapper .slide h3 { font-size: 28px; } } #quotes .wrapper #quote-wrapper .slide h3.long { font-size: 32px; line-height: 1.1em; } @media screen and (max-width: 1024px) { #quotes .wrapper #quote-wrapper .slide h3.long { font-size: 32px; } } @media screen and (max-width: 768px) { #quotes .wrapper #quote-wrapper .slide h3.long { font-size: 28px; } } #quotes .wrapper #quote-wrapper .slide h3.short { font-size: 48px; line-height: 1.2em; } @media screen and (max-width: 1024px) { #quotes .wrapper #quote-wrapper .slide h3.short { font-size: 32px; } } @media screen and (max-width: 768px) { #quotes .wrapper #quote-wrapper .slide h3.short { font-size: 28px; } } #quotes .wrapper #quote-wrapper .slide h4 { font-size: 16px; color: #fff; text-align: center; font-weight: 300; font-family: "Montserrat", sans-serif; line-height: 22px; margin: 30px 0 0 0; letter-spacing: 3px; } #quotes .wrapper #quote-wrapper .slide h4 span { font-style: italic; } @media screen and (max-width: 768px) { #quotes .wrapper #quote-wrapper .slide h4 { font-size: 10px; margin: 20px 0 0 0; } } #quotes .wrapper #quote-wrapper .cycle-pager { position: absolute; bottom: 25px; right: 0px; z-index: 200; text-align: center; width: 100%; } #quotes .wrapper #quote-wrapper .cycle-pager span { color: #c6baa6; margin: 0 2px; font-size: 52px; line-height: 20px; vertical-align: top; cursor: pointer; } #quotes .wrapper #quote-wrapper .cycle-pager span.cycle-pager-active { color: #fff; } #quotes .wrapper #quote-top, #quotes .wrapper #quote-bot { position: absolute; left: 0; width: 100%; text-align: center; color: #fff; z-index: 10; overflow: hidden; text-align: center; height: 58px; } @media screen and (max-width: 768px) { #quotes .wrapper #quote-top, #quotes .wrapper #quote-bot { height: 45px; } } #quotes .wrapper #quote-top:after, #quotes .wrapper #quote-bot:after { position: absolute; left: calc(50% - 28px); content: '\201D'; width: 56px; height: 58px; font-size: 90px; font-family: "Playfair Display", serif; /* background-color: #91794e;*/ background-color:#4E4C4E; } @media screen and (max-width: 768px) { #quotes .wrapper #quote-top:after, #quotes .wrapper #quote-bot:after { font-size: 60px; top: 0 !important; } } #quotes .wrapper #quote-top { top: 0px; } #quotes .wrapper #quote-top:after { content: '\201C'; /* background-color: #997f52;*/ background-color: #4E4C4E;} #quotes .wrapper #quote-bot { bottom: 0px; } #quotes .wrapper #quote-bot:after { top: -10px; content: '\201D'; /* background-color: #91794e;*/ background-color: #4E4C4E;} #milestones .wrapper { position: relative; max-width: 1280px; } @media screen and (max-width: 480px) { #milestones .wrapper { padding: 0; } } #milestones .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; padding: 35px 0; letter-spacing: -1px; } @media screen and (max-width: 768px) { #milestones .wrapper h2 { margin: 0 0 0 20px; font-size: 36px; } } #milestones .wrapper #milestones-wrapper { background-color: #262626; height: 500px; } #milestones .wrapper #milestones-wrapper .slide { width: 100%; display: flex !important; flex-wrap: nowrap; position: relative; align-items: center; align-content: center; align-items: center; padding: 0 85px; height: 100%; } @media screen and (max-width: 1024px) { #milestones .wrapper #milestones-wrapper .slide { flex-direction: column; padding: 35px 85px; } } @media screen and (max-width: 768px) { #milestones .wrapper #milestones-wrapper .slide { padding: 10px 70px; } } #milestones .wrapper #milestones-wrapper .slide .left { flex: 2; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; } @media screen and (max-width: 1024px) { #milestones .wrapper #milestones-wrapper .slide .left { flex-direction: column; width: 100%; margin-bottom: 10%; min-width: 320px; } } #milestones .wrapper #milestones-wrapper .slide .left .year { min-width: 175px; width: 175px; height: 175px; vertical-align: middle; line-height: 155px; color: #fff; font-size: 60px; font-family: "Playfair Display", serif; text-align: center; font-weight: 700; letter-spacing: -2px; text-transform: uppercase; } @media screen and (max-width: 1024px) { #milestones .wrapper #milestones-wrapper .slide .left .year { margin: 10% auto; } } @media screen and (max-width: 480px) { #milestones .wrapper #milestones-wrapper .slide .left .year { font-size: 48px; width: 130px; height: 130px; line-height: 120px; } } #milestones .wrapper #milestones-wrapper .slide .left .text { padding: 0 30px; } #milestones .wrapper #milestones-wrapper .slide .left .text a { /* color: #997f52; */ color: #000; } @media screen and (max-width: 1024px) { #milestones .wrapper #milestones-wrapper .slide .left .text { text-align: center; padding: 0 10px; } } #milestones .wrapper #milestones-wrapper .slide .left .text h3 { font-size: 48px; font-family: "Playfair Display", serif; font-weight: 400; color: #fff; } @media screen and (max-width: 768px) { #milestones .wrapper #milestones-wrapper .slide .left .text h3 { font-size: 30px; margin: 20px 0; } } #milestones .wrapper #milestones-wrapper .slide .left .text h4 { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 300; color: #fff; text-transform: uppercase; margin: 15px 0; letter-spacing: 3px; } @media screen and (max-width: 768px) { #milestones .wrapper #milestones-wrapper .slide .left .text h4 { font-size: 9px; } } #milestones .wrapper #milestones-wrapper .slide .right { flex: 1; align-items: center; align-items: center; align-content: center; height: 100%; text-align: center; display: flex; position: relative; } #milestones .wrapper #milestones-wrapper .slide .right p { color: #fff; font-size: 12px; text-align: center; position: absolute; bottom: 20px; left: 20px; } @media screen and (max-width: 1024px) { #milestones .wrapper #milestones-wrapper .slide .right { width: auto; margin-bottom: 10%; } } #milestones .wrapper #milestones-wrapper .slide .right img { max-width: 100%; max-height: 100%; width: auto; height: auto; } #milestones .wrapper #milestones-wrapper a#mprev, #milestones .wrapper #milestones-wrapper a#mnext { position: absolute; color: #fff; font-size: 60px; z-index: 999; top: 48%; } @media screen and (max-width: 768px) { #milestones .wrapper #milestones-wrapper a#mprev, #milestones .wrapper #milestones-wrapper a#mnext { font-size: 30px; top: 15%; } } #milestones .wrapper #milestones-wrapper #mprev { left: 25px; cursor: pointer; } #milestones .wrapper #milestones-wrapper #mnext { right: 25px; cursor: pointer; } @media screen and (max-width: 1024px) { #milestones .wrapper #milestones-wrapper .slide .right { display: none; } } #milestones .wrapper #custom-pager { position: relative; z-index: 10; margin: 20px 85px 105px 85px; } @media screen and (max-width: 1024px) { #milestones .wrapper #custom-pager { margin: 20px 20px 105px 20px; display: flex; } } #milestones .wrapper #custom-pager span { position: relative; padding: 0 0 0 40px; display: inline-block; cursor: pointer; font-weight: 300; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } #milestones .wrapper #custom-pager span:after { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 10px; content: ''; z-index: 1; background-color: #ebebeb; } #milestones .wrapper #custom-pager span.cycle-pager-active { color: #0a3152; } #milestones .wrapper #custom-pager span.cycle-pager-active:after { background-color: #0a3152; } @media screen and (max-width: 768px) { #milestones .wrapper #custom-pager { display: none; } } #milestones .wrapper #custom-pager:after { position: absolute; top: 14px; left: 0; width: 100%; content: ''; border-top: 1px solid #ebebeb; z-index: -1; font-weight: 300; } #related-performers .wrapper, .related-performers .wrapper { position: relative; /*max-width: 1280px; */ max-width: 90%; padding-bottom: 10px; margin: 0 5%;} #related-performers .wrapper h2, .related-performers .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; padding: 35px 0; letter-spacing: -1px; margin-left:0; } @media screen and (max-width: 768px) { #related-performers .wrapper h2, .related-performers .wrapper h2 { margin: 0 0 0 20px; font-size: 30px; text-align: left; } } #related-performers .wrapper #performer-grid, #related-performers .wrapper .performer-grid, .related-performers .wrapper #performer-grid, .related-performers .wrapper .performer-grid { display: flex; flex-wrap: wrap; margin: 0 0 40px 0; } #related-performers .wrapper #performer-grid .performer, #related-performers .wrapper .performer-grid .performer, .related-performers .wrapper #performer-grid .performer, .related-performers .wrapper .performer-grid .performer { width: 24%; margin: 0 0.5% 10px 0.5%; position: relative; text-align: center; background-size: cover; background-position: center; height: 300px; /* height: 250px; */ -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } @media screen and (max-width: 768px) { #related-performers .wrapper #performer-grid .performer, #related-performers .wrapper .performer-grid .performer, .related-performers .wrapper #performer-grid .performer, .related-performers .wrapper .performer-grid .performer { width: 48%; margin: 0 1% 10px 1%; } } #related-performers .wrapper #performer-grid .performer img, #related-performers .wrapper .performer-grid .performer img, .related-performers .wrapper #performer-grid .performer img, .related-performers .wrapper .performer-grid .performer img { position: relative; z-index: 1; } @media screen and (max-width: 768px) { #related-performers .wrapper #performer-grid .performer img, #related-performers .wrapper .performer-grid .performer img, .related-performers .wrapper #performer-grid .performer img, .related-performers .wrapper .performer-grid .performer img { width: 100%; } } #related-performers .wrapper #performer-grid .performer a, #related-performers .wrapper #performer-grid .performer span.wrap, #related-performers .wrapper #performer-grid .performer span.replace, #related-performers .wrapper .performer-grid .performer a, #related-performers .wrapper .performer-grid .performer span.wrap, #related-performers .wrapper .performer-grid .performer span.replace, .related-performers .wrapper #performer-grid .performer a, .related-performers .wrapper #performer-grid .performer span.wrap, .related-performers .wrapper #performer-grid .performer span.replace, .related-performers .wrapper .performer-grid .performer a, .related-performers .wrapper .performer-grid .performer span.wrap, .related-performers .wrapper .performer-grid .performer span.replace { width: 100%; height: 100%; display: block; background-image: url(../img/people-bg.png); background-repeat: repeat-x; background-position: 0 bottom; } #related-performers .wrapper #performer-grid .performer div, #related-performers .wrapper .performer-grid .performer div, .related-performers .wrapper #performer-grid .performer div, .related-performers .wrapper .performer-grid .performer div { position: absolute; z-index: 5; /*bottom: 20px; */ bottom: 10px; width: 100%; left: 0; text-align: center; } #related-performers .wrapper #performer-grid .performer div h4, #related-performers .wrapper .performer-grid .performer div h4, .related-performers .wrapper #performer-grid .performer div h4, .related-performers .wrapper .performer-grid .performer div h4 { color: #fff; /* font-size: 28px; */ font-size: min(5vw, 28px); font-family: "Playfair Display", serif; font-weight: 600; } #related-performers .wrapper #performer-grid .performer div p, #related-performers .wrapper .performer-grid .performer div p, .related-performers .wrapper #performer-grid .performer div p, .related-performers .wrapper .performer-grid .performer div p { color: #fff; font-size: 16px; font-family: "Montserrat", sans-serif; font-weight: 300; letter-spacing: 1px; margin: 5px 0 0 0; } #related-performers .wrapper #performer-grid .performer span.replace, #related-performers .wrapper .performer-grid .performer span.replace, .related-performers .wrapper #performer-grid .performer span.replace, .related-performers .wrapper .performer-grid .performer span.replace { display: flex; background-repeat: repeat-x; background-position: 0 bottom; vertical-align: bottom; align-content: flex-end; align-items: flex-end; /* align-content: bottom; */ flex-wrap: wrap; } #related-performers .wrapper #performer-grid .performer span.replace a, #related-performers .wrapper .performer-grid .performer span.replace a, .related-performers .wrapper #performer-grid .performer span.replace a, .related-performers .wrapper .performer-grid .performer span.replace a { color: #fff; background-color: transparent; display: block; position: relative; background-image: none; height: auto; width: 100%; } #related-performers .wrapper #performer-grid .performer span.replace p, #related-performers .wrapper .performer-grid .performer span.replace p, .related-performers .wrapper #performer-grid .performer span.replace p, .related-performers .wrapper .performer-grid .performer span.replace p { color: #fff; background-color: transparent; display: block; position: relative; width: 100%; } #related-performers .wrapper #performer-grid .performer span.replace p a, #related-performers .wrapper .performer-grid .performer span.replace p a, .related-performers .wrapper #performer-grid .performer span.replace p a, .related-performers .wrapper .performer-grid .performer span.replace p a { text-decoration: none; } #related-performers .wrapper .btn, #related-performers section#show-me .wrapper .show-me-content-item a, section#show-me #related-performers .wrapper .show-me-content-item a, #related-performers .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #related-performers .wrapper input[type="submit"], #related-performers .wrapper section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #related-performers .wrapper input[type="submit"], .related-performers .wrapper .btn, .related-performers section#show-me .wrapper .show-me-content-item a, section#show-me .related-performers .wrapper .show-me-content-item a, .related-performers .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form .related-performers .wrapper input[type="submit"], .related-performers .wrapper section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form .related-performers .wrapper input[type="submit"] { padding: 14px 24px; } #image-grid .wrapper, .image-grid .wrapper { position: relative; max-width: 1280px; padding-bottom: 10px; } #image-grid .wrapper h2, .image-grid .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; padding: 35px 0; letter-spacing: -1px; } @media screen and (max-width: 768px) { #image-grid .wrapper h2, .image-grid .wrapper h2 { margin: 0 0 0 20px; font-size: 30px; text-align: left; } } #image-grid .wrapper .image-grid-inner, .image-grid .wrapper .image-grid-inner { display: flex; flex-wrap: wrap; margin: 0 0 40px 0; } #image-grid .wrapper .image-grid-inner .image-grid-item, .image-grid .wrapper .image-grid-inner .image-grid-item { width: 15%; margin: 0 .75% 10px .75%; position: relative; text-align: center; background-size: cover; background-position: center; height: 150px; } @media screen and (max-width: 768px) { #image-grid .wrapper .image-grid-inner .image-grid-item, .image-grid .wrapper .image-grid-inner .image-grid-item { width: 31%; margin: 0 1% 10px 1%; } } #image-grid .wrapper .image-grid-inner .image-grid-item img, .image-grid .wrapper .image-grid-inner .image-grid-item img { position: relative; z-index: 1; } @media screen and (max-width: 768px) { #image-grid .wrapper .image-grid-inner .image-grid-item img, .image-grid .wrapper .image-grid-inner .image-grid-item img { width: 100%; } } #image-grid .wrapper .image-grid-inner .image-grid-item a, .image-grid .wrapper .image-grid-inner .image-grid-item a { width: 100%; height: 100%; display: block; } #image-grid .wrapper .btn, #image-grid section#show-me .wrapper .show-me-content-item a, section#show-me #image-grid .wrapper .show-me-content-item a, #image-grid .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form #image-grid .wrapper input[type="submit"], #image-grid .wrapper section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form #image-grid .wrapper input[type="submit"], .image-grid .wrapper .btn, .image-grid section#show-me .wrapper .show-me-content-item a, section#show-me .image-grid .wrapper .show-me-content-item a, .image-grid .wrapper section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form .image-grid .wrapper input[type="submit"], .image-grid .wrapper section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form .image-grid .wrapper input[type="submit"] { padding: 14px 24px; } .internal-performer { width: 24%; margin: 0 0.5% 10px 0.5%; position: relative; min-height: 100%; text-align: center; font-size: .9em; } @media screen and (max-width: 768px) { .internal-performer { width: 48%; } } .internal-email { width:50%; padding-right:5%; padding-left:5%; text-align:center; font-size:.85em; font-weight:500; /* border-right: 1px solid #997f52; */ /* border-right: 1px solid #0075BB; */ border-right: 1px solid #3E25A2; } @media screen and (max-width: 768px) { .internal-email { border: 0px; display: block; width: 100%; } } .internal-phone { width:49%; padding-right:5%; padding-left: 5%; text-align:center; font-size:.85em; font-weight:500; } @media screen and (max-width: 768px) { .internal-phone { display: block; width: 100%; } } section#grid-filter .wrapper { position: relative; max-width: 1230px; background-color: #f0f0f0; padding: 0px 0; } section#grid-filter .wrapper ul.anchors { margin: 0 0 0 40px; } section#grid-filter .wrapper ul.anchors li { list-style: none; display: inline-block; } section#grid-filter .wrapper ul.anchors li a { font-family: "Montserrat", sans-serif; font-size: 14px; color: #0a3152; text-transform: uppercase; margin: 20px 40px 20px 0; letter-spacing: 1px; display: block; } section#grid-filter .wrapper ul.anchors li:last-child a { margin: 20px 0; } @media screen and (max-width: 1120px) { section#grid-filter .wrapper ul.anchors li { display: block; } } @media screen and (max-width: 1120px) { section#grid-filter .wrapper { padding: 20px 0; } } section#archives .wrapper { position: relative; max-width: 1280px; padding-bottom: 0px; } section#archives .wrapper h2 { font-family: "Playfair Display", serif; font-size: 48px; /* color: #997f52; */ color: #000; font-weight: 600; padding: 35px 0; letter-spacing: -1px; } @media screen and (max-width: 768px) { section#archives .wrapper h2 { margin: 0 0 0 20px; font-size: 30px; text-align: left; } } section#archives .wrapper #archive-blocks { display: flex; flex-wrap: wrap; } section#archives .wrapper #archive-blocks .block { flex: 1; flex-basis: calc(50% - 30px); margin: 15px; width: 100%; height: 600px; background-size: cover; background-position: center; } section#archives .wrapper #archive-blocks .block a { height: 100%; width: 100%; display: block; position: relative; } section#archives .wrapper #archive-blocks .block a p { font-family: "Playfair Display", serif; font-size: 48px; color: #fff; font-weight: 600; padding: 35px 0; letter-spacing: -1px; top: 50%; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } @media screen and (max-width: 768px) { section#archives .wrapper #archive-blocks .block a p { margin: 0; font-size: 30px; text-align: left; } } section.divider { margin: 60px 0; } section.divider .wrapper { border-bottom: 7px solid #ebebeb; position: relative; max-width: 1280px; width: 100%; height: 0px; padding: 0 0 5px 0; } section.divider .wrapper a { float: right; margin-top: 0px; font-size: 13px; /* color: #997f52; */ color: #000; letter-spacing: 0.3em; font-weight: 600; } @media screen and (max-width: 768px) { section.divider .wrapper a { font-size: 10px; margin-top: 0px; } } section.divider .wrapper.back-to-top { height: 25px; } @media screen and (max-width: 768px) { section.divider { margin: 20px 0; } section.divider .wrapper { border-bottom: 3px solid #ebebeb; width: 88%; } } section.schedules .wrapper { position: relative; max-width: 1280px; padding-bottom: 0px; } section.schedules .wrapper .schedule-bar { background-color: #f0f0f0; padding: 15px 15px 5px 100px; } section.schedules .wrapper .schedule-bar ul { list-style: none; } section.schedules .wrapper .schedule-bar ul li { display: inline-block; margin: 0 0 10px 0; } section.schedules .wrapper .schedule-bar ul li a { background-color: #fff; color: #0a3152; padding: 10px 15px; border-radius: 20px; display: inline-block; } section.schedules .wrapper .schedule-bar ul li a.active { /* background-color: #997f52; */ background-color: #4E4C4E; color: #fff; } section.schedules .wrapper .schedule-bar ul li.space { margin: 0 45px 0 0; } section.schedules .wrapper .schedule-content { background-color: #e6e6e6; width: 100%; display: block; padding: 45px; } section.schedules .wrapper .schedule-content .item-content { display: none; width: 100%; } section.schedules .wrapper .schedule-content .item-content div { flex: 1; } section.schedules .wrapper .schedule-content .item-content h2 { /* color: #997f52; */ color: #000; font-size: 48px; font-family: "Playfair Display", serif; font-weight: 400; margin: 0 0 20px 0; } section.schedules .wrapper .schedule-content .item-content h3 { color: #333333; font-size: 26px; font-family: "Playfair Display", serif; font-weight: 300; margin: 0 0 0px 0; } section.schedules .wrapper .schedule-content .item-content h3 strong { font-weight: 600; } section.schedules .wrapper .schedule-content .item-content h4 { /* color: #997f52; */ color: #000; font-size: 24px; font-family: "Playfair Display", serif; font-weight: 400; margin: 20px 0 0px 0; } section.schedules .wrapper .schedule-content .item-content a { color: #0a3152; } section.schedules .wrapper .schedule-content .item-content a.btn, section.schedules section#show-me .wrapper .schedule-content .item-content .show-me-content-item a, section#show-me section.schedules .wrapper .schedule-content .item-content .show-me-content-item a, section.schedules section#show-me .wrapper .show-me-content-item .schedule-content .item-content a, section#show-me section.schedules .wrapper .show-me-content-item .schedule-content .item-content a { color: #fff; margin: 0 20px 20px 0; } section.schedules .wrapper .schedule-content .item-content .left { font-size: 16px; font-family: "Montserrat", sans-serif; color: #333333; } section.schedules .wrapper .schedule-content .item-content .left .section { margin-top: 15px; } section.schedules .wrapper .schedule-content .item-content .right { position: relative; } section.schedules .wrapper .schedule-content .item-content .right img { margin: 0 0 30px 0; position: relative; z-index: 1; } section.schedules .wrapper .schedule-content .item-content .right span.credit { opacity: 0; z-index: 10; font-size: 10px; margin: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 20px; right: 20px; line-height: 18px; } section.schedules .wrapper .schedule-content .item-content .right:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } section.schedules .wrapper .schedule-content .item-content.active { display: flex; } @media screen and (max-width: 768px) { section.schedules .wrapper .schedule-content .item-content.active { display: block; } section.schedules .wrapper .schedule-content .item-content.active .right { margin: 20px 0 0 0; } } #search-results { display: block; width: 100%; } #search-results #searchform { border-bottom: 1px solid #457e99; padding: 10px 0; } #search-results #searchform #s { background-color: whitesmoke; padding: 14px 14px; border: 0 none; margin: 0 5px; } #search-results #searchform label { font-weight: 600; font-family: "Montserrat", sans-serif; font-size: 16px; } #search-results #searchform #searchsubmit { background-color: #0a3152; border: 1px solid #0a3152; display: inline-block; padding: 14px 50px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 2px; text-align: center; text-transform: uppercase; text-decoration: none; margin: 0 0 0px 0; } #search-results .search-item { margin: 20px 0; border-bottom: 1px solid #457e99; } #search-results .search-item .title { font-family: "Playfair Display", serif; font-size: 36px; /* color: #997f52; */ color: #000; margin: 0 0 10px 0; } #search-results .search-item .date { font-size: 18px; font-family: "Montserrat", sans-serif; color: #333333; margin: 0 0 20px 0; text-transform: uppercase; } #search-results .search-item div { font-size: 14px; font-family: "Montserrat", sans-serif; color: #333333; margin: 20px 0; } p a { text-decoration: underline; } .block p a, .block li a { text-decoration: underline; } section table { max-width: 100%; } section.first-module { margin-top: 100px !important; } @media screen and (max-width: 768px) { section.first-module { margin-top: 0px !important; } } #stopgate { width: 100%; max-width: 500px; position: fixed; top: calc(50% + 75px); left: 0%; margin-top: -250px; margin-left: calc(calc(100% - 500px) / 2); border-radius: 5px; text-align: center; z-index: -1; /* 1px higher than the overlay layer */ opacity: 0; max-height: 0px; overflow: hidden; } #stopgate i { z-index: 9999; color: #fff; } #stopgate a { position: relative; z-index: 1; } #stopgate a#stopgate-close { z-index: 9999; position: absolute; top: 20px; right: 20px; } #stopgate img { position: relative; z-index: 1; } @media screen and (max-width: 540px) { #stopgate { margin-left: 20px; max-width: calc(100% - 40px); } } #stopgate.fadein { opacity: 1; z-index: 9998; width: 100%; max-height: 100%; } #notice-home { padding: 20px 40px; background: #ffffff; background: rgba(255,255,255,0.6); border: 1px solid #000; opacity: 1; z-index: 9998; height: auto; width: auto; max-width: 60%; position: absolute; top: 0; left: 0; text-align: center; } #notice-home a#notice-close { z-index: 9999; color: #000000; right: 5px; top: 5px; position: absolute; } #notice-home span.notice-text { line-height: 150%; /*font-size: 3.5vmin; */ font-size: calc(1em + .5vmin); display: block; color: #000000; font-weight: 400; } #notice-home span.notice-subtext { /* font-size: 2vmin; */ font-size: calc(.5em + .5vmin); display: block; color: #000000; } #notice-home .btn{ margin: 1em; background-color: #333333; color: #ffffff; border: transparent; } @media screen and (max-width: 720px) { #notice-home { width: 100%; max-width: 100%; } } .gm-style div div div div div { color: #000; } section.calendar .wrapper { padding: 0px 80px; } @media screen and (max-width: 768px) { section.calendar .wrapper { padding: 30px 25px; } } section.calendar .wrapper h2 { display: block; margin: 0 10px 20px 60px; font-size: 48px; /* color: #997f52; */ color: #000; font-family: "Playfair Display", serif; } section.calendar .wrapper #above-calendar .left { float: left; display: inline-block; margin: 0 0 0 50px; } section.calendar .wrapper #above-calendar .left a { display: inline-block; font-size: 36px; /* color: #997f52; */ color: #000; font-family: "Playfair Display", serif; } section.calendar .wrapper #above-calendar .left h2 { display: inline-block; margin: 0 10px; font-size: 48px; /* color: #997f52; */ color: #000; font-family: "Playfair Display", serif; } section.calendar .wrapper #above-calendar .right { float: right; display: inline-block; } section.calendar .wrapper #above-calendar .right a { display: inline-block; margin: 0 5px; width: 45px; height: 45px; line-height: 45px; vertical-align: middle; background-color: #f2f2f2; text-align: center; } section.calendar .wrapper #above-calendar .right a i { /* color: #91794e; */ color: #000;} section.calendar .wrapper #above-calendar .right a.active { /* background-color: #91794e; */ background-color: #000;} section.calendar .wrapper #above-calendar .right a.active i { color: #fff; } section.calendar .wrapper #above-calendar .right #grid-view { display: none; } section.calendar .wrapper #above-calendar .right #grid-view.show { display: inline-block; } @media screen and (max-width: 1023px) { section.calendar .wrapper #above-calendar .left { float: none; display: block; text-align: center; margin: 0; } section.calendar .wrapper #above-calendar .left h2 { font-size: 36px; } section.calendar .wrapper #above-calendar .right { display: none; } } @media screen and (max-width: 480px) { section.calendar .wrapper #above-calendar .left h2 { font-size: 28px; } } section.calendar .wrapper #above-calendar:after { content: ' '; display: block; clear: both; } section.calendar .wrapper #calendar-block { margin: 15px 0; background-color: #f0f0f0; width: 100%; /* Base for label styling */ /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ /* accessibility */ /* hover style just for information */ } section.calendar .wrapper #calendar-block #cal-filters { vertical-align: middle; padding: 20px 82px; } section.calendar .wrapper #calendar-block #cal-filters form { display: inline-block; color: #333333; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; } section.calendar .wrapper #calendar-block #cal-filters div { display: inline-block; } section.calendar .wrapper #calendar-block #cal-filters h3 { /* color: #997f52; */ color: #000; font-family: "Montserrat", sans-serif; font-size: 13px; display: inline-block; font-weight: 400; margin: 0 20px 0 0; } section.calendar .wrapper #calendar-block #cal-filters input { display: inline-block; margin: 0 0px 0 0; } section.calendar .wrapper #calendar-block #cal-filters span { color: #333333; font-family: "Montserrat", sans-serif; font-size: 13px; display: inline-block; font-weight: 400; text-transform: uppercase; margin: 0 20px 0 0; } section.calendar .wrapper #calendar-block #cal-filters #more-filters { float: right; display: inline-block; } section.calendar .wrapper #calendar-block #cal-filters #more-filters a { font-size: 14px; } @media screen and (max-width: 1023px) { section.calendar .wrapper #calendar-block #cal-filters { padding: 20px; } section.calendar .wrapper #calendar-block #cal-filters div { display: block; margin: 0 0 3px 0; } } section.calendar .wrapper #calendar-block #more-cal-filters { max-height: 0px; overflow: hidden; display: flex; width: 100%; padding: 0 82px 0px 82px; position: relative; } section.calendar .wrapper #calendar-block #more-cal-filters ul { flex-basis: 20%; list-style: none; margin: 0 0px; position: relative; z-index: 1; } section.calendar .wrapper #calendar-block #more-cal-filters ul h4 { /* color: #997f52; */ color: #000; font-family: "Montserrat", sans-serif; font-size: 13px; display: inline-block; font-weight: 400; text-transform: uppercase; margin: 0 0 10px 0; } section.calendar .wrapper #calendar-block #more-cal-filters ul li { color: #333333; font-family: "Montserrat", sans-serif; font-size: 13px; display: block; font-weight: 400; text-transform: uppercase; margin: 0 0 10px 0; } section.calendar .wrapper #calendar-block #more-cal-filters #more-filter-buttons { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; z-index: 99; } section.calendar .wrapper #calendar-block #more-cal-filters #more-filter-buttons #clear-all-filters { background-color: #fff; color: #457e99; border: 1px solid #457e99; } @media screen and (max-width: 1023px) { section.calendar .wrapper #calendar-block #more-cal-filters { padding: 0 20px; } } section.calendar .wrapper #calendar-block #more-cal-filters.open { max-height: 500px; padding: 0 82px 60px 82px; } @media screen and (max-width: 640px) { section.calendar .wrapper #calendar-block #more-cal-filters.open { display: block; max-height: 1000px; } } section.calendar .wrapper #calendar-block #check-special-events + label:before { background-color: #ad5a71; } section.calendar .wrapper #calendar-block #check-performance + label:before { background-color: #45995d; } section.calendar .wrapper #calendar-block #check-training + label:before { background-color: #877db3; } section.calendar .wrapper #calendar-block #check-opportunities + label:before { background-color: #996945; } section.calendar .wrapper #calendar-block #check-community + label:before { background-color: #457e99; } section.calendar .wrapper #calendar-block #more-cal-filters label:before { background-color: #333333; } section.calendar .wrapper #calendar-block [type="checkbox"]:not(:checked), section.calendar .wrapper #calendar-block [type="checkbox"]:checked { position: absolute; left: -9999px; } section.calendar .wrapper #calendar-block [type="checkbox"]:not(:checked) + label, section.calendar .wrapper #calendar-block [type="checkbox"]:checked + label { position: relative; padding-left: 20px; cursor: pointer; } section.calendar .wrapper #calendar-block [type="checkbox"]:not(:checked) + label:before, section.calendar .wrapper #calendar-block [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: .1em; width: 1em; height: 1em; border: 0px solid #ccc; background: #fff; border-radius: 0px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } section.calendar .wrapper #calendar-block [type="checkbox"]:not(:checked) + label:after, section.calendar .wrapper #calendar-block [type="checkbox"]:checked + label:after { content: '\f00c'; position: absolute; top: .1em; left: 0em; font-size: 1em; line-height: 1em; color: #fff; transition: all .2s; font-family: 'FontAwesome', Helvetica, Arial, sans-serif; } section.calendar .wrapper #calendar-block [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } section.calendar .wrapper #calendar-block [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } section.calendar .wrapper #calendar-block [type="checkbox"]:disabled:not(:checked) + label:before, section.calendar .wrapper #calendar-block [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } section.calendar .wrapper #calendar-block [type="checkbox"]:disabled:checked + label:after { color: #999; } section.calendar .wrapper #calendar-block [type="checkbox"]:disabled + label { color: #aaa; } section.calendar .wrapper #calendar-block [type="checkbox"]:checked:focus + label:before, section.calendar .wrapper #calendar-block [type="checkbox"]:not(:checked):focus + label:before { border: 2px dotted blue; } section.calendar .wrapper #calendar-block label:hover:before { border: 2px solid #4778d9 !important; } section.calendar .wrapper #calendar-block #full-calendar { width: 100%; padding: 0 30px 30px 30px; background-color: #e6e6e6; } section.calendar .wrapper #calendar-block #full-calendar .fc-scroller { height: auto !important; } section.calendar .wrapper #calendar-block #full-calendar .fc-toolbar .fc-center { display: none; } section.calendar .wrapper #calendar-block #full-calendar .fc-day-grid-event .fc-content { white-space: normal; } section.calendar .wrapper #calendar-block #full-calendar .fc-event-container .event-wrapper { padding-top: 5px; padding-bottom: 5px; } section.calendar .wrapper #calendar-block #full-calendar .fc-basic-view .fc-day-top .fc-day-number { float: left; font-size: 12px; color: #000; } section.calendar .wrapper #calendar-block #full-calendar .fc-day-header, section.calendar .wrapper #calendar-block #full-calendar .fc-widget-header { text-align: center; /* color: #997f52; */ color: #000; font-weight: 600; text-transform: uppercase; font-family: "Montserrat", sans-serif; border: none; padding: 5px 0 5px 0; } section.calendar .wrapper #calendar-block #full-calendar .fc-row .fc-content-skeleton thead td, section.calendar .wrapper #calendar-block #full-calendar .fc-row .fc-helper-skeleton thead td { padding: 10px 10px 10px 10px; } section.calendar .wrapper #calendar-block #full-calendar .fc-row .fc-content-skeleton tbody td, section.calendar .wrapper #calendar-block #full-calendar .fc-row .fc-helper-skeleton tbody td { padding: 0 10px 10px 10px; } section.calendar .wrapper #calendar-block #full-calendar .fc-list-heading { display: none; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-view .fc-body { background-color: #fff; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot { background-color: transparent; border: none; font-family: "Montserrat", sans-serif; color: #333333; font-size: 14px; line-height: 17px; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .category, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .category { font-size: 12px; font-weight: 600; text-transform: uppercase; display: block; padding-top: 10px;} section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .category.special-events, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .category.special-events { color: #ad5a71; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .category.training, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .category.training { color: #877db3; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .category.performance, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .category.performance { color: #45995d; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .category.opportunities, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .category.opportunities { color: #996945; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .category.community, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .category.community { color: #457e99; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .category.virtual, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .category.virtual { color: #04909c; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .fc-title, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .fc-title { color: #000; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .fc-title span, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .fc-title span { display: block; font-size: 12px; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .fc-title .mastertitle, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .fc-title .mastertitle { display: block; color: #000; font-weight: 300; text-transform: none; font-style: italic; font-size: 14px; margin-bottom: 10px; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .fc-time, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .fc-time { display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; /* color: #997f52; */ color: #000; margin: 0px 0 0 0; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .fc-time .mastertitle, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .fc-time .mastertitle { display: block; color: #000; font-weight: 300; text-transform: none; font-style: italic; font-size: 14px; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .fc-title .event-date-detail-performance, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .fc-title .event-date-detail-performance { /* color: #997f52; */ color: #000; } .event-date-detail, .event-date-detail-performance { display: block; font-variant: small-caps; } .event-list-title, a.event-list-title { /* color: #997f52 !important; */ color: #000 !important; display: block !important; font-family: Playfair Display, serif !important; font-weight: 400 !important; font-size: 18px !important; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.event-location { display: none; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event .event-location, section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event-dot .event-location { display: block; } .event-location { text-transform: none; font-variant: small-caps; font-size:.8em; font-weight: normal; padding-bottom: 5px; } #cal-display-previous { width: 100%; text-align: right; line-height: 200%; position: relative; z-index: 99; } section.calendar .wrapper #calendar-block #full-calendar .fc-view-container .fc-event.fc-end .fc-time { margin: 0px 0 0 0; padding-top: 10px;} section.calendar .wrapper #calendar-block #full-calendar .fc-list-table { background-color: #fff; } @media screen and (max-width: 1023px) { section.calendar .wrapper #calendar-block #full-calendar { padding: 0 0px 30px 0px; } } section.calendar .wrapper #calendar-block #full-calendar.grid { background-color: #fff; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-view { border: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .date-block { width: 175px; height: 175px; text-align: center; padding: 20px 0 0 0; margin: 0 50px 0 0; } @media screen and (max-width: 768px) { section.calendar .wrapper #calendar-block #full-calendar.grid .date-block { margin: 0 20px 0 0; } } @media screen and (max-width: 480px) { section.calendar .wrapper #calendar-block #full-calendar.grid .date-block { width: 100px; height: 100px; padding: 14px 0 0 0; } } section.calendar .wrapper #calendar-block #full-calendar.grid .date-block .month { font-family: "Playfair Display", serif; font-size: 34px; color: #fff; font-weight: 600; margin: 0; vertical-align: top; letter-spacing: -1px; } @media screen and (max-width: 480px) { section.calendar .wrapper #calendar-block #full-calendar.grid .date-block .month { font-size: 20px; } } section.calendar .wrapper #calendar-block #full-calendar.grid .date-block .day { font-family: "Playfair Display", serif; font-size: 102px; line-height: 50px; color: #fff; font-weight: 700; margin: 0; vertical-align: top; letter-spacing: -2px; } @media screen and (max-width: 480px) { section.calendar .wrapper #calendar-block #full-calendar.grid .date-block .day { font-size: 50px; line-height: 30px; } } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item:hover, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item:hover td { background-color: #fff !important; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-widget-content { padding: 50px 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-table td { border-width: 3px; border-color: #ebebeb; border: none; border-bottom: 3px solid #ebebeb; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item { font-size: 14px; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-event-dot { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title a { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title p a { display: unset; text-decoration: underline;} section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.category { display: block; text-transform: uppercase; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.category.community { color: #457e99; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.category.opportunities { color: #996945; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.category.special-events { color: #ad5a71; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.category.training { color: #877db3; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.category.performance { color: #45995d; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .fc-list-item-title span.category.virtual { color: #04909c; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.title { font-size: 36px; font-family: "Playfair Display", serif; /* color: #997f52; */ color: #000; font-weight: 600; margin: 10px 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.title span.subtitle { display: block; font-size: .7em; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.venue, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.location, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.time { display: inline; font-size: 18px; line-height: 26px; color: #333333; margin: 0 25px 0 0; position: relative; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.venue { text-transform: uppercase; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.venue:after, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.location:after { content: '/'; position: absolute; right: -15px; top: 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.people { margin: 0 0 30px 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.people span { margin: 0 0px 0 0; position: relative; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.people span:last-child:after { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.buttons a { display: inline-block; font-weight: 300; margin: 0 0 15px 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.buttons a:nth-child(1) { color: #fff; margin: 0 15px 15px 0; text-decoration: none;} section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.buttons a:nth-child(2) { color: #0a3152; background-color: #fff; text-decoration: none;} section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme td { border: none; padding: 10px 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme td p.buttons { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme td p.people { margin: 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme.notfirst td p.venue, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme.notfirst td p.location, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme.notfirst td p.time, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme.notfirst td span.category, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme.notfirst td span.mastertitle { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.mergeme.notfirst .fc-list-item-time .date-block { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.first td { border: none; padding: 50px 0 10px 0; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.first td p.title { margin-top: 50px; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.first td p.buttons { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.first td span.mastertitle { /* color: #997f52; */ color: #000; font-size: 36px; font-family: "Playfair Display", serif; font-weight: 600; margin: 10px 0; display: block; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.last td { padding: 10px 0 50px 0; border-bottom: 3px solid #ebebeb; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item.last td p.buttons { display: block !important; } @media screen and (max-width: 1023px) { section.calendar .wrapper #calendar-block #full-calendar.grid .fc-widget-content { padding: 20px 0; } } @media screen and (max-width: 640px) { section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.title { font-size: 26px; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.title, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.venue, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.location, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.time { display: block; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.venue:after, section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.location:after { display: none; } section.calendar .wrapper #calendar-block #full-calendar.grid .fc-list-item .entry-content p.buttons a { display: block; word-wrap: break-word; word-break: break-all; padding: 10px; max-width: 80%; } } section.calendar .wrapper #calendar-block #cal-inner #days-row { display: flex; width: 100%; } section.calendar .wrapper #calendar-block #cal-inner #days-row p { text-align: center; /* color: #997f52; */ color: #000; font-weight: 600; text-transform: uppercase; flex: 1; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows { display: block; border: 2px solid #cfcfcf; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row { display: flex; width: 100%; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day { padding: 14px; background-color: #fff; flex: 1; border-right: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day p.daynumber { margin: 0 0 10px 0; font-family: "Montserrat", sans-serif; color: #333333; font-size: 14px; line-height: 17px; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry { margin: 0 0 22px 0; font-family: "Montserrat", sans-serif; color: #333333; font-size: 14px; line-height: 17px; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry .type { font-size: 12px; margin: 0; font-weight: 600; display: inline; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry .type.education { color: #45995d; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry .type.training { color: #877db3; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry .type.performance { color: #ad5a71; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry .name { margin: 0; display: block; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry .time { font-size: 12px; margin: 0; font-weight: 600; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day .entry-content { display: none; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row .day:last-child { border-right: none; } section.calendar .wrapper #calendar-block #cal-inner #calendar-rows .cal-row:last-of-type .day { border-bottom: none; } .fc-day-grid-event .fc-content { white-space: normal !important; } .qtip, .qtip-default { padding: 6px; border: none; max-width: 420px; } .qtip .qtip-content, .qtip-default .qtip-content { padding: 25px; font-size: 14px; line-height: 22px; color: #fff; font-family: "Montserrat", sans-serif; min-width: 400px; } .qtip .qtip-content .entry-content p, .qtip-default .qtip-content .entry-content p { margin: 0 0 15px 0; } .qtip .qtip-content .entry-content p.title, .qtip-default .qtip-content .entry-content p.title { margin: 0; } .qtip .qtip-content .entry-content p.title .subtitle, .qtip-default .qtip-content .entry-content p.title .subtitle { display: block; } .qtip .qtip-content .entry-content p.venue, .qtip-default .qtip-content .entry-content p.venue { margin: 0; } .qtip .qtip-content .entry-content p.location, .qtip-default .qtip-content .entry-content p.location { margin: 0; } .qtip .qtip-content .entry-content p.time, .qtip-default .qtip-content .entry-content p.time { margin: 15px 0; } .qtip .qtip-content .entry-content p.people span, .qtip-default .qtip-content .entry-content p.people span { display: block; } .qtip .qtip-content .entry-content p.people span em, .qtip-default .qtip-content .entry-content p.people span em { display: none; } .qtip .qtip-content .entry-content .buttons, .qtip-default .qtip-content .entry-content .buttons { margin: 15px 0; } .qtip .qtip-content .entry-content .buttons .btn, .qtip .qtip-content .entry-content .buttons section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item .qtip .qtip-content .entry-content .buttons a, .qtip .qtip-content .entry-content .buttons section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form .qtip .qtip-content .entry-content .buttons input[type="submit"], .qtip .qtip-content .entry-content .buttons section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form .qtip .qtip-content .entry-content .buttons input[type="submit"], .qtip-default .qtip-content .entry-content .buttons .btn, .qtip-default .qtip-content .entry-content .buttons section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item .qtip-default .qtip-content .entry-content .buttons a, .qtip-default .qtip-content .entry-content .buttons section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form .qtip-default .qtip-content .entry-content .buttons input[type="submit"], .qtip-default .qtip-content .entry-content .buttons section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form .qtip-default .qtip-content .entry-content .buttons input[type="submit"] { display: inline-block; font-size: 12px; margin: 0 5px 0 0; border: none; padding: 10px 25px; } .qtip .qtip-content .entry-content .buttons .btn:nth-of-type(1), .qtip .qtip-content .entry-content .buttons section#show-me .wrapper .show-me-content-item a:nth-of-type(1), section#show-me .wrapper .show-me-content-item .qtip .qtip-content .entry-content .buttons a:nth-of-type(1), .qtip .qtip-content .entry-content .buttons section#contact-form .wpcf7-form input[type="submit"]:nth-of-type(1), section#contact-form .wpcf7-form .qtip .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(1), .qtip .qtip-content .entry-content .buttons section.page-content .wpcf7-form input[type="submit"]:nth-of-type(1), section.page-content .wpcf7-form .qtip .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(1), .qtip-default .qtip-content .entry-content .buttons .btn:nth-of-type(1), .qtip-default .qtip-content .entry-content .buttons section#show-me .wrapper .show-me-content-item a:nth-of-type(1), section#show-me .wrapper .show-me-content-item .qtip-default .qtip-content .entry-content .buttons a:nth-of-type(1), .qtip-default .qtip-content .entry-content .buttons section#contact-form .wpcf7-form input[type="submit"]:nth-of-type(1), section#contact-form .wpcf7-form .qtip-default .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(1), .qtip-default .qtip-content .entry-content .buttons section.page-content .wpcf7-form input[type="submit"]:nth-of-type(1), section.page-content .wpcf7-form .qtip-default .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(1) { background-color: #000; color: #fff; font-weight: normal;} .qtip .qtip-content .entry-content .buttons .btn:nth-of-type(2), .qtip .qtip-content .entry-content .buttons section#show-me .wrapper .show-me-content-item a:nth-of-type(2), section#show-me .wrapper .show-me-content-item .qtip .qtip-content .entry-content .buttons a:nth-of-type(2), .qtip .qtip-content .entry-content .buttons section#contact-form .wpcf7-form input[type="submit"]:nth-of-type(2), section#contact-form .wpcf7-form .qtip .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(2), .qtip .qtip-content .entry-content .buttons section.page-content .wpcf7-form input[type="submit"]:nth-of-type(2), section.page-content .wpcf7-form .qtip .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(2), .qtip-default .qtip-content .entry-content .buttons .btn:nth-of-type(2), .qtip-default .qtip-content .entry-content .buttons section#show-me .wrapper .show-me-content-item a:nth-of-type(2), section#show-me .wrapper .show-me-content-item .qtip-default .qtip-content .entry-content .buttons a:nth-of-type(2), .qtip-default .qtip-content .entry-content .buttons section#contact-form .wpcf7-form input[type="submit"]:nth-of-type(2), section#contact-form .wpcf7-form .qtip-default .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(2), .qtip-default .qtip-content .entry-content .buttons section.page-content .wpcf7-form input[type="submit"]:nth-of-type(2), section.page-content .wpcf7-form .qtip-default .qtip-content .entry-content .buttons input[type="submit"]:nth-of-type(2) { background-color: #fff; color: #000; font-weight: normal;} .qtip.performance { background-color: #45995d; } .qtip.performance .qtip-content { border: 1px solid #7db88e; } .qtip.training { background-color: #877db3; } .qtip.training .qtip-content { border: 1px solid #877db3; } .qtip.special-events { background-color: #ad5a71; } .qtip.special-events .qtip-content { border: 1px solid #ad5a71; } .qtip.community { background-color: #457e99; } .qtip.community .qtip-content { border: 1px solid #457e99; } .qtip.opportunities { background-color: #996945; } .qtip.opportunities .qtip-content { border: 1px solid #996945; } .qtip.virtual { background-color: #04909c; } .qtip.virtual .qtip-content { border: 1px solid #04909c; } .qtip.people { background-color: #45995d;} .qtip.people .qtip-content { border: 1px solid #45995d; min-width: 30px; } .qtip.video { background-color: #000000;} .qtip.video .qtip-content { border: 1px solid #000000; min-width: 30px; } .qtip-content .entry-content p a { color: #ffffff; font-weight: bold; } section#interactive-chart .membership_links { background-color: #333333; text-align: center; } @media screen and (max-width: 768px) { section#interactive-chart .membership_links { display: flex; flex-direction: column; justify-content: center; } } section#interactive-chart .membership_links a { display: inline-block; flex-basis: 28%; padding: 2% 6%; font-weight: 500; text-align: center; text-transform: uppercase; color: white; } @media screen and (max-width: 768px) { section#interactive-chart .membership_links a { margin: 5px 0; padding: 10px 20px; } } section#interactive-chart .membership_links a.selected { /* background-color: #997f52; */ /* background-color: #0075BB; */ background-color: #3E25A2; pointer-events: none; } section#interactive-chart .membership_links a:hover { opacity: 0.7; } section#interactive-chart .interactive-chart-detail { background-color: #e6e6e6; vertical-align: top; } section#interactive-chart .interactive-chart-detail-item { opacity: 0; position: absolute; pointer-events: none; } section#interactive-chart .interactive-chart-detail-item.selected { opacity: 1; position: static; pointer-events: auto; } section#interactive-chart .interactive-chart-text { display: inline-block; width: 64%; padding: 5% 4%; } @media screen and (max-width: 768px) { section#interactive-chart .interactive-chart-text { display: block; width: 100%; } } section#interactive-chart .interactive-chart-text h3 { font-family: "Playfair Display", serif; font-size: 48px; /*color: #997f52; */ color: #000;} @media screen and (max-width: 768px) { section#interactive-chart .interactive-chart-text h3 { font-size: 36px; } } section#interactive-chart .interactive-chart-text p { line-height: 2em; } section#interactive-chart .interactive-chart-links { display: inline-block; width: 28%; padding-top: 8%; vertical-align: top; } @media screen and (max-width: 768px) { section#interactive-chart .interactive-chart-links { display: block; width: 100%; padding: 0 20px; } } section#interactive-chart .interactive-chart-links a { width: 100%; margin-bottom: 20px; } section#interactive-chart h4 { font-family: "Playfair Display", serif; font-size: 36px; margin: 0 0 2% 4%; } @media screen and (max-width: 768px) { section#interactive-chart h4 { font-size: 24px; margin-top: 20px; } } section#interactive-chart .interactive-chart-selector, section#interactive-chart .interactive-chart-selector-type { display: flex; justify-content: space-between; margin: 0 4%; } @media screen and (max-width: 768px) { section#interactive-chart .interactive-chart-selector, section#interactive-chart .interactive-chart-selector-type { flex-direction: column; margin-bottom: 10px; } } section#interactive-chart .interactive-chart-selector a, section#interactive-chart .interactive-chart-selector-type a { /*display: inline-block;*/ display: inline-flex; justify-content: center; flex-direction: column; flex-basis: 32%; padding: 12px 0; border-radius: 99px; background-color: white; color: #0a3152; text-align: center; } @media screen and (max-width: 768px) { section#interactive-chart .interactive-chart-selector a { margin-bottom: 10px; padding: 10px 0; } } section#interactive-chart .interactive-chart-selector a:hover { opacity: 0.7; } section#interactive-chart .interactive-chart-selector .selected { /* background-color: #997f52; */ /* background-color: #0075BB; */ background-color: #3E25A2; color: white; font-size: 1.1em; } section#interactive-chart .interactive-chart-selector .selected em { color: white; } section#interactive-chart .interactive-chart-selector em { display: block; color: #333333; } @media screen and (max-width: 768px) { section#interactive-chart .interactive-chart-selector em { display: inline-block; } } section#interactive-chart .interactive-chart-selector-type { justify-content: space-evenly; margin: 4%; text-transform: uppercase; line-height: 200%; } section#interactive-chart .interactive-chart-selector-type a { background-color: #4E4C4E; color: white; } section#interactive-chart .interactive-chart-selector-type em { color: white; } section#interactive-chart .interactive-chart-selector span { font-variant: small-caps; margin-top: 5px; display: block; } section#interactive-chart .interactive-chart-selector .selected span { display: none; } section#interactive-chart .interactive-chart-table { margin: 1.5% 4% 0 4%; position: relative; } section#interactive-chart .interactive-chart-table-item-wrap { display: inline-block; position: absolute; opacity: 0; width: 100%; top: 0; left: 0; z-index: 1; pointer-events: none; } section#interactive-chart .interactive-chart-table-item-wrap.selected { opacity: 1; z-index: 10; pointer-events: auto; } section#interactive-chart .interactive-chart-table-item-wrap:first-of-type { position: static; } section#interactive-chart .interactive-chart-table-item-wrap:first-child .benefits:nth-child(2) .header .fa:first-child, section#interactive-chart .interactive-chart-table-item-wrap:last-child .benefits:last-child .header .fa:last-child { font-size: 0; } section#interactive-chart .interactive-chart-table-item { display: flex; justify-content: space-between; } section#interactive-chart .interactive-chart-table-item .col { flex-basis: 20%; flex-grow: 1; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .col { flex-basis: 10%; } } @media screen and (max-width: 480px) { section#interactive-chart .interactive-chart-table-item .col { flex-basis: 35%; } } section#interactive-chart .interactive-chart-table-item .labels { flex-basis: 40%; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .labels { flex-basis: 60%; } } section#interactive-chart .interactive-chart-table-item .labels li { text-align: left; padding-left: 20px; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .labels li { padding-left: 10px; } } @media screen and (max-width: 480px) { section#interactive-chart .interactive-chart-table-item .labels li { font-size: 14px; } } section#interactive-chart .interactive-chart-table-item .labels li:first-of-type { padding: 15px 0; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .labels li:first-of-type { font-size: 12px; } } section#interactive-chart .interactive-chart-table-item .labels .header { /* color: #997f52; */ color: #000; font-weight: 600; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .labels .header { font-size: 1em; } } section#interactive-chart .interactive-chart-table-item .header { background-color: whitesmoke; border-bottom: 0 none; color: #333333; height: 60px; } /*@media screen and (max-width: 768px) { section#interactive-chart .interactive-chart-table-item .header { font-size: 0; } }*/ @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .header { font-size: .8em; } } section#interactive-chart .interactive-chart-table-item .header em { display: block; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .header em { font-size: .8em; } } section#interactive-chart .interactive-chart-table-item .benefits { color: white; } section#interactive-chart .interactive-chart-table-item .benefits .header .fa { display: none; font-size: 20px; /* color: #997f52; */ color: #000; margin: 5px 10px; } @media screen and (max-width: 640px) { section#interactive-chart .interactive-chart-table-item .benefits { display: none; min-width: 150px; } section#interactive-chart .interactive-chart-table-item .benefits .header .fa { display: block; } } section#interactive-chart .interactive-chart-table-item .benefits:hover { background-color: white; } section#interactive-chart .interactive-chart-table-item .benefits:hover .btn, section#interactive-chart .interactive-chart-table-item .benefits:hover section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item section#interactive-chart .interactive-chart-table-item .benefits:hover a, section#interactive-chart .interactive-chart-table-item .benefits:hover section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#interactive-chart .interactive-chart-table-item .benefits:hover input[type="submit"], section#interactive-chart .interactive-chart-table-item .benefits:hover section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#interactive-chart .interactive-chart-table-item .benefits:hover input[type="submit"] { opacity: 1; } section#interactive-chart .interactive-chart-table-item .benefits:hover .header { background-color: white; } @media screen and (max-width: 640px) { section#interactive-chart .interactive-chart-table-item .mobile_selected { display: block; } section#interactive-chart .interactive-chart-table-item .mobile_selected .header { flex-direction: row; padding-top: 13px; } section#interactive-chart .interactive-chart-table-item .mobile_selected .btn, section#interactive-chart .interactive-chart-table-item .mobile_selected section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item section#interactive-chart .interactive-chart-table-item .mobile_selected a, section#interactive-chart .interactive-chart-table-item .mobile_selected section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#interactive-chart .interactive-chart-table-item .mobile_selected input[type="submit"], section#interactive-chart .interactive-chart-table-item .mobile_selected section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#interactive-chart .interactive-chart-table-item .mobile_selected input[type="submit"] { opacity: 1; } } section#interactive-chart .interactive-chart-table-item ul { list-style: none; padding: 0; } section#interactive-chart .interactive-chart-table-item li { display: flex; text-align: center; justify-content: center; flex-direction: column; margin: 0; height: 45px; border-bottom: 1px solid white; } section#interactive-chart .interactive-chart-table-item li:first-of-type { border-color: transparent; } @media screen and (max-width: 480px) { section#interactive-chart .interactive-chart-table-item li:first-of-type { height: 38px; } } section#interactive-chart .interactive-chart-table-item li .circle { /*display: block;*/ /*width: 22px;*/ display: flex; width: 35px; height: 35px; margin: 0 auto; /*padding: 3px 0 1px 0;*/ /* background-color: #997f52; */ background-color: #4E4C4E; border-radius: 99px; justify-content: center; flex-direction: column; } section#interactive-chart .interactive-chart-table-item li .circle .fa { /* -webkit-text-stroke: 2px #997f52; */ -webkit-text-stroke: 2px #4E4C4E; color: white; } section#interactive-chart .interactive-chart-table-item .footnote { height: fit-content; color: #000000; font-size: .7em; padding: 5px; border-bottom: 0px; line-height: 150%; } section#interactive-chart .interactive-chart-table-item .btn, section#interactive-chart .interactive-chart-table-item section#show-me .wrapper .show-me-content-item a, section#show-me .wrapper .show-me-content-item section#interactive-chart .interactive-chart-table-item a, section#interactive-chart .interactive-chart-table-item section#contact-form .wpcf7-form input[type="submit"], section#contact-form .wpcf7-form section#interactive-chart .interactive-chart-table-item input[type="submit"], section#interactive-chart .interactive-chart-table-item section.page-content .wpcf7-form input[type="submit"], section.page-content .wpcf7-form section#interactive-chart .interactive-chart-table-item input[type="submit"] { opacity: 0; width: 100%; height: 100%; margin: 0; padding: 13px 0 13px 0; } section#interactive-chart .interactive-chart-table-item .stick { position: fixed; top: 74px; width: 16%; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .stick { width: 10%; } } @media screen and (max-width: 480px) { section#interactive-chart .interactive-chart-table-item .stick { width: 35%; } } section#interactive-chart .interactive-chart-table-item .labels .stick { width: 31%; } @media screen and (max-width: 1080px) { section#interactive-chart .interactive-chart-table-item .labels .stick { width: 55%; } } @media screen and (max-width: 480px) { section#interactive-chart .interactive-chart-table-item .labels .stick { width: 61%; } } section#faq-main { margin-top: -55px; position: relative; z-index: 2; } @media screen and (max-width: 768px) { section#faq-main { margin-top: 25px; } } section#faq-main .wrapper { padding: 0 7%; margin: 2% 0 4% 0; } @media screen and (max-width: 768px) { section#faq-main .wrapper { padding: 0; } } section#faq-main .faq-select-wrap { position: relative; padding: 6px; background-color: #ebebeb; font-weight: 500; letter-spacing: 0.1em; } section#faq-main .faq-select-wrap .faq-select-heading { border: 1px solid #bfbfbf; padding: 2.25% 4%; cursor: pointer; } @media screen and (max-width: 768px) { section#faq-main .faq-select-wrap .faq-select-heading { padding: 5% 6%; } } section#faq-main .faq-select-wrap .fa { position: absolute; right: 6%; font-size: 22px; -webkit-text-stroke: 1.5px whitesmoke; } section#faq-main ul { display: none; position: absolute; width: 100%; left: 0; margin-top: 6px; padding: 1.5% 0; list-style: none; background-color: whitesmoke; } section#faq-main ul li { display: block; } section#faq-main ul a { display: block; padding: 1.5% 2%; color: #333333; } section#faq-main ul a:hover { opacity: 0.5; } @media screen and (max-width: 768px) { section#faq-main .faq-intro { padding: 0 4%; } } section#faq-main .faq-intro h1 { font-family: "Playfair Display", serif; font-size: 36px; } section#contact-main { margin-top: -35px; position: relative; z-index: 2; } section#contact-main .wrapper { max-width: 1200px; } section#contact-main .contact-intro-wrap { width: 60%; } @media screen and (max-width: 768px) { section#contact-main .contact-intro-wrap { width: 100%; } } section#contact-main .contact-select-wrap { position: relative; padding: 6px; background-color: #ebebeb; font-weight: 500; letter-spacing: 0.1em; } section#contact-main .contact-select-wrap .contact-select-heading { border: 1px solid #bfbfbf; padding: 2.25% 4%; cursor: pointer; } @media screen and (max-width: 768px) { section#contact-main .contact-select-wrap .contact-select-heading { padding: 5% 6%; } } section#contact-main .contact-select-wrap .fa { position: absolute; right: 6%; font-size: 22px; -webkit-text-stroke: 1.5px whitesmoke; } section#contact-main ul { display: none; position: absolute; width: 100%; left: 0; margin-top: 6px; padding: 1.5% 0; list-style: none; background-color: whitesmoke; z-index: 99; } section#contact-main ul li { display: block; } section#contact-main ul a { display: block; padding: 1% 2%; color: #333333; } section#contact-main ul a:hover { opacity: 0.5; } section#contact-main .contact-intro h1 { font-family: "Playfair Display", serif; font-size: 36px; } @media screen and (max-width: 768px) { section#contact-main { margin-top: 25px; } } section#contact-form .wrapper { display: flex; justify-content: space-between; max-width: 1200px; } @media screen and (max-width: 768px) { section#contact-form .wrapper { flex-direction: column; } } section#contact-form .contact-form-wrap { flex-basis: 60%; } @media screen and (max-width: 768px) { section#contact-form .contact-form-wrap { flex-basis: 100%; padding: 5%; } } section#contact-form .contact-content { flex-basis: 37%; line-height: 1.5em; } @media screen and (max-width: 768px) { section#contact-form .contact-content { flex-basis: 100%; } } section#contact-form .wpcf7-form input, section#contact-form .wpcf7-form textarea, section#contact-form .wpcf7-form select { display: block; width: 100%; background-color: whitesmoke; padding: 12px 14px; border: 0 none; } section#contact-form .wpcf7-form input:focus, section#contact-form .wpcf7-form textarea:focus, section#contact-form .wpcf7-form select:focus { background-color: #bfbfbf; } section#contact-form .wpcf7-form .form_row { display: flex; justify-content: space-between; margin-top: 5%; } section#contact-form .wpcf7-form .form_pair { display: inline-block; width: 100%; } section#contact-form .wpcf7-form .half { width: 48.5%; } section#contact-form .wpcf7-form .quarter { width: 23%; } @media screen and (max-width: 768px) { section#contact-form .wpcf7-form label { font-size: 14px; } } section.page-content .wpcf7-form input, section.page-content .wpcf7-form textarea, section.page-content .wpcf7-form select { display: block; width: 100%; background-color: whitesmoke; padding: 12px 14px; border: 0 none; } section.page-content .wpcf7-form input:focus, section.page-content .wpcf7-form textarea:focus, section.page-content .wpcf7-form select:focus { background-color: #bfbfbf; } section.page-content .wpcf7-form .form_row { display: flex; justify-content: space-between; margin-top: 5%; } @media screen and (max-width: 768px) { section.page-content .wpcf7-form .form_row { display: block; margin-bottom: 15px; } } section.page-content .wpcf7-form .form_pair { display: inline-block; width: 100%; } section.page-content .wpcf7-form .half { width: 48.5%; } @media screen and (max-width: 768px) { section.page-content .wpcf7-form .half { width: 100%; } } @media screen and (max-width: 768px) { section.page-content .wpcf7-form .half:first-child { margin-bottom: 15px; } } section.page-content .wpcf7-form .quarter { width: 23%; } @media screen and (max-width: 768px) { section.page-content .wpcf7-form .quarter { width: 100%; margin-bottom: 15px; } } @media screen and (max-width: 768px) { section.page-content .wpcf7-form label { font-size: 14px; } } .presskitdisplay .image-wrap { width: 45%; float: right; position: relative; } @media screen and (max-width: 768px) { .presskitdisplay .image-wrap { width: 100%; margin-bottom: 8%; float: none; } } .presskitdisplay .image-wrap img { max-width: 100%; max-height: 100%; } .presskitdisplay .image-wrap span { opacity: 0; font-size: 10px; margin: 5%; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 0; left: 0; line-height: 18px; } .presskitdisplay .image-wrap:hover span { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } a.presskitdoc { text-decoration: underline; } a.presskitdoc:hover{ color: #997f52; text-decoration: underline; } span.image-caption { opacity: 0; font-size: 10px; margin: 5%; transition: all 0.4s; -webkit-transition: all 0.4s; position: absolute; top: 0; left: 0; line-height: 18px; } span.image-caption:hover { opacity: .8; padding: 2px 10px; background-color: #333333; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s; } span.subsection-header { font-family: "Playfair Display", serif; font-size: 24px; line-height: 36px; color: #997f52; padding: 0px 0; letter-spacing: -1px; font-weight: normal; } section.page-content .wrapper .singlerow .full-block p.kids i.fa { padding-right: 20px; text-align: center; font-size: 48px; /* color: #440099; */ /* color: #0075BB; */ color: #3E25A2; } section.page-content .wrapper .singlerow .full-block p.kids i.fa span { font-family: "Montserrat"; font-size: 24px; } h3 i.fa, section.page-content .wrapper .singlerow .full-block p i.fa { /* color: #0a3152; */ /* color: #440099; */ /* color: #0075BB; */ color: #3E25A2; padding-right: 10px; font-size: 24px; } section#accordion .accordion-item-title i.fa-book, section#accordion .accordion-item-title i.fa-pencil, section#accordion .accordion-item-title i.fa-tv { /* color: #440099;*/ /* color: #0075BB; */ color: #3E25A2; background: #ffffff; /* border: 1px solid #440099; */ /* border: 1px solid #0075BB; */ border: 1px solid #3E25A2; border-radius: 50%; margin-right: 10px; padding: 5px; width: 40px; height: 40px; text-align: center; font-size: 24px; line-height: 100%; } a.btn i.fa { font-size: 20px; vertical-align: middle; font-weight: 700; margin-right: 2px; } /* outermost element which holds the full puzzle interface */ .jqPuzzle { padding: 5px; font-family: Helvetica, Verdana, Arial, sans-serif; } /* only needed if external css rules set defaults for divs, this rule only resets the most common properties */ .jqPuzzle div { background-color: transparent; margin: 0px; padding: 0px; border-style: none; } /* div wrapper which holds the puzzle pieces and the solution image */ .jqPuzzle .jqp-wrapper { padding: 2px; border: 1px solid #FFFFFF; background-color: #9d120e; } /* a single puzzle piece */ .jqPuzzle .jqp-piece { color: #FFFFFF; font-size: 36px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); } .jqPuzzle .jqp-piece:hover { border-style: dashed; } .jqPuzzle.jqp-solved .jqp-piece:hover { border-style: solid; } /* the controls area which holds the buttons and the display */ .jqPuzzle .jqp-controls { float: left; } /* a button */ .jqPuzzle .jqp-controls a { margin-top: 5px; margin-right: 8px; padding: 3px 5px; background-color: #9b120e; color: #FFFFFF; font-size: 14px; line-height: normal; float: left; } .jqPuzzle .jqp-controls a:hover { background-color: #b64d4a; } /* toggle/down state for buttons */ .jqPuzzle .jqp-controls a.jqp-toggle, .jqPuzzle .jqp-controls a.jqp-down { padding-left: 4px; padding-right: 6px; background-color: #9b120e; } /* disabled state for buttons */ .jqPuzzle .jqp-controls a.jqp-disabled { background-color: #ce8886; color: #FFFFFF; } /* the area which holds the moves/seconds display */ .jqPuzzle .jqp-controls span { margin-top: 5px; padding: 2px 4px; padding-left: 0px; background-color: transparent; color: #666666; font-size: 14px; float: left; } /* disabled state for the display (non-shuffled puzzle) */ .jqPuzzle .jqp-controls span.jqp-disabled { color: #AAAAAA; } /* solved state for the display (non-shuffled puzzle) */ .jqPuzzle.jqp-solved .jqp-controls span { padding: 1px 3px; border: 1px dotted #0F8F08; background-color: #9FEF86; color: #0F8F08; } /* a text field for the moves/seconds display */ .jqPuzzle .jqp-controls span input { margin: 0px 3px; padding: 3px; padding-bottom: 2px; border-style: none; background-color: #FFFFFF; color: #666666; font-weight: bold; text-align: right; } /* disabled state for the text fields */ .jqPuzzle .jqp-controls span.jqp-disabled input { background-color: #f3e2e2; color: #AAAAAA; } /* solved state for the text fields */ .jqPuzzle.jqp-solved .jqp-controls span input { background-color: #C2FFAF; color: #444444; } .blog-right{ float: right; margin: 0 0 25px 25px; width: 20%; line-height:1.5em; } @media screen and (max-width: 768px) { .blog-right{ float: none; margin: 0 0 25px 0; width: auto; text-align: center; } .image-wrap{ display:inline-block; } } .video-embed-container { position: relative; padding: 0 0 56.25% 0; height: 0; overflow: hidden; margin: 0 0 5% 0; max-width: 100%; } .video-embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .jumble-tile { background-image: url(https://dl.dropboxusercontent.com/s/knhgq8ycjm4i6de/scrabble_tile.png); width: 66px; height: 65px; display: inline-block; font-size: 48px; text-align: center; padding-top: 10px; margin: 5px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } videoblock { float: left; display: inline; position: relative; margin: 0 80px 0px 0px; width: 60%; } .videoimage, .videoimage-lock { margin:2%; width:15%; vertical-align:top; cursor:pointer; } .videothumb { width: 100%; border: 2px solid transparent; position: relative; } .videothumb img { width:100%; height: auto; } .videothumb:hover { /* border: 2px solid #997f52; */ /* border: 2px solid #0075BB; */ border: 2px solid #3E25A2; } .videothumb-lock { width: 100%; border: 2px solid transparent; position: relative; } .videothumb-lock-overlay { position: absolute; top: 0; width: 100%; height: 100%; z-index: 10; text-align: center; } .videothumb-lock-overlay img { height: 100%; padding: 15%; width: auto; } @media screen and (max-width: 768px) { videoblock { float: none; margin: 0 0 20px 0; } .videoimage, .videoimage-lock { width:20%; } } @media screen and (max-width: 480px) { .videoimage, .videoimage-lock { width:45%; } } .overlay-message { background-color:#000000; color:#ffffff; padding: 0 5%; font-size: .5em; display: none; } .videothumb-lock:hover .overlay-message, .videothumb-lock:active .overlay-message { display: flex; align-items : center; }