/*! * ÇÑ×ÓÉçÇø v0.0.1 [2020-12-15] * ÇÑ×ÓÉçÇø University web site. * Fastspot */ /* ========================================================================== Imports ============================================================================= */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* ========================================================================== Fonts ============================================================================= */ /* ========================================================================== Variables ============================================================================= */ /* ========================================================================== Colors ============================================================================= */ /* ========================================================================== Mixins ============================================================================= */ /** * Cover Image: * * Use on wrapping element of img (
, ) * Will work like background-size: cover; but with static images * Won't scale it down though, so good to use with picturefill */ .font_smoothing { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .killFlicker { -webkit-font-smoothing: auto; -webkit-transform: translateZ(0); transform: translateZ(0); } /* ========================================================================== Loops - https://github.com/seven-phases-max/less.curious/blob/master/src/for.less ============================================================================= */ /* ========================================================================== Plugins ============================================================================= */ /** * @grid * @name Grid * @description A responsive CSS grid. */ .fs_grid_row, .fs-grid .fs-row, .gsc-control-cse .gsc-control-wrapper-cse, .gsc-control-cse div.gcsc-branding, .gsc-control-cse .gsc-results { min-width: 300px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 739px) { .fs_grid_row, .fs-grid .fs-row, .gsc-control-cse .gsc-control-wrapper-cse, .gsc-control-cse div.gcsc-branding, .gsc-control-cse .gsc-results { width: 96%; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); } } @media screen and (min-width: 740px) { .fs_grid_row, .fs-grid .fs-row, .gsc-control-cse .gsc-control-wrapper-cse, .gsc-control-cse div.gcsc-branding, .gsc-control-cse .gsc-results { width: 720px; } } @media screen and (min-width: 980px) { .fs_grid_row, .fs-grid .fs-row, .gsc-control-cse .gsc-control-wrapper-cse, .gsc-control-cse div.gcsc-branding, .gsc-control-cse .gsc-results { width: 960px; } } @media screen and (min-width: 1220px) { .fs_grid_row, .fs-grid .fs-row, .gsc-control-cse .gsc-control-wrapper-cse, .gsc-control-cse div.gcsc-branding, .gsc-control-cse .gsc-results { width: 1200px; } } .fs_grid_row:after, .fs-grid .fs-row:after, .gsc-control-cse .gsc-control-wrapper-cse:after, .gsc-control-cse div.gcsc-branding:after, .gsc-control-cse .gsc-results:after { height: 0; clear: both; content: "."; display: block; line-height: 0; visibility: hidden; } .fs_grid_row_fluid, .fs-grid-fluid .fs-row { width: 96%; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); } @media screen and (max-width: 499px) { .fs_grid_row_adaptive, .fs-grid-adaptive .fs-row { width: 300px; } } @media screen and (min-width: 500px) and (max-width: 739px) { .fs_grid_row_adaptive, .fs-grid-adaptive .fs-row { width: 480px; } } .fs_grid_row_row, .fs-grid .fs-row .fs-row, .cr_color_block_row { min-width: auto; width: 102.08333333%; margin-left: -1.04166667%; margin-right: -1.04166667%; } .fs_grid_row_row_contained, .fs-grid .fs-row [class*="fs-cell"][class*="-contained"] .fs-row { width: 100%; margin-left: 0; margin-right: 0; } .fs_grid_row_destroy { width: auto; margin-left: 0; margin-right: 0; } .fs_grid_cell, .fs-grid .fs-row [class*="fs-cell"], .gsc-control-cse .gsc-above-wrapper-area, .gsc-control-cse table.gcsc-branding, .gsc-control-cse .gsc-results .gsc-result { width: 97.91666667%; float: left; margin-left: 1.04166667%; margin-right: 1.04166667%; } .fs_grid_cell_centered, .fs-grid .fs-row [class*="fs-cell"][class*="-centered"] { float: none; margin-left: auto; margin-right: auto; } .fs_grid_cell_padded, .fs-grid .fs-row [class*="fs-cell"][class*="-padded"] { box-sizing: content-box; margin-left: 0; margin-right: 0; padding-left: 1.04166667%; padding-right: 1.04166667%; } .fs_grid_cell_contained, .fs-grid .fs-row [class*="fs-cell"][class*="-contained"] { margin-left: 0; margin-right: 0; } .fs_grid_cell_right, .fs-grid .fs-row [class*="fs-cell"][class*="-right"] { float: right; } .fs_grid_cell_destroy { width: auto; float: none; margin-left: 0; margin-right: 0; } * { box-sizing: border-box; } *:before, *:after { box-sizing: inherit; } .fs-grid .fs-row .fs-all-fifth { width: 17.91666667%; } .fs-grid .fs-row .fs-all-fourth { width: 22.91666667%; } .fs-grid .fs-row .fs-all-third { width: 31.25%; } .fs-grid .fs-row .fs-all-half { width: 47.91666667%; } .fs-grid .fs-row .fs-all-full { width: 97.91666667%; } .fs-grid .fs-row .fs-all-push-fifth { margin-left: 21.04166667%; } .fs-grid .fs-row .fs-all-push-fourth { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-all-push-third { margin-left: 34.375%; } .fs-grid .fs-row .fs-all-push-half { margin-left: 51.04166667%; } .fs-grid .fs-row [class*="-contained"].fs-all-fifth { width: 20%; } .fs-grid .fs-row [class*="-contained"].fs-all-fourth { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-all-third { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-all-half { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-all-full { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-all-push-fifth { margin-left: 20%; } .fs-grid .fs-row [class*="-contained"].fs-all-push-fourth { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-all-push-third { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-all-push-half { margin-left: 50%; } .fs-grid .fs-row .fs-all-hide { display: none; } .fs-grid .fs-row .fs-all-destroy { width: auto; float: none; margin-left: 0; margin-right: 0; } @media screen and (max-width: 739px) { .fs-grid .fs-row .fs-sm-1 { width: 31.25%; } .fs-grid .fs-row .fs-sm-2 { width: 64.58333333%; } .fs-grid .fs-row .fs-sm-3 { width: 97.91666667%; } .fs-grid .fs-row .fs-sm-push-1 { margin-left: 34.375%; } .fs-grid .fs-row .fs-sm-push-2 { margin-left: 67.70833333%; } .fs-grid .fs-row [class*="-contained"].fs-sm-1 { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-sm-2 { width: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-sm-3 { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-sm-push-1 { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-sm-push-2 { margin-left: 66.66666667%; } .fs-grid .fs-row .fs-sm-fifth { width: 17.91666667%; } .fs-grid .fs-row .fs-sm-fourth { width: 22.91666667%; } .fs-grid .fs-row .fs-sm-third { width: 31.25%; } .fs-grid .fs-row .fs-sm-half { width: 47.91666667%; } .fs-grid .fs-row .fs-sm-full { width: 97.91666667%; } .fs-grid .fs-row .fs-sm-push-fifth { margin-left: 21.04166667%; } .fs-grid .fs-row .fs-sm-push-fourth { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-sm-push-third { margin-left: 34.375%; } .fs-grid .fs-row .fs-sm-push-half { margin-left: 51.04166667%; } .fs-grid .fs-row [class*="-contained"].fs-sm-fifth { width: 20%; } .fs-grid .fs-row [class*="-contained"].fs-sm-fourth { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-sm-third { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-sm-half { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-sm-full { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-sm-push-fifth { margin-left: 20%; } .fs-grid .fs-row [class*="-contained"].fs-sm-push-fourth { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-sm-push-third { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-sm-push-half { margin-left: 50%; } .fs-grid .fs-row .fs-sm-hide { display: none; } .fs-grid .fs-row .fs-sm-destroy { width: auto; float: none; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 499px) { .fs-grid .fs-row .fs-xs-1 { width: 31.25%; } .fs-grid .fs-row .fs-xs-2 { width: 64.58333333%; } .fs-grid .fs-row .fs-xs-3 { width: 97.91666667%; } .fs-grid .fs-row .fs-xs-push-1 { margin-left: 34.375%; } .fs-grid .fs-row .fs-xs-push-2 { margin-left: 67.70833333%; } .fs-grid .fs-row [class*="-contained"].fs-xs-1 { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xs-2 { width: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xs-3 { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-xs-push-1 { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xs-push-2 { margin-left: 66.66666667%; } .fs-grid .fs-row .fs-xs-fifth { width: 17.91666667%; } .fs-grid .fs-row .fs-xs-fourth { width: 22.91666667%; } .fs-grid .fs-row .fs-xs-third { width: 31.25%; } .fs-grid .fs-row .fs-xs-half { width: 47.91666667%; } .fs-grid .fs-row .fs-xs-full { width: 97.91666667%; } .fs-grid .fs-row .fs-xs-push-fifth { margin-left: 21.04166667%; } .fs-grid .fs-row .fs-xs-push-fourth { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-xs-push-third { margin-left: 34.375%; } .fs-grid .fs-row .fs-xs-push-half { margin-left: 51.04166667%; } .fs-grid .fs-row [class*="-contained"].fs-xs-fifth { width: 20%; } .fs-grid .fs-row [class*="-contained"].fs-xs-fourth { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-xs-third { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xs-half { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-xs-full { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-xs-push-fifth { margin-left: 20%; } .fs-grid .fs-row [class*="-contained"].fs-xs-push-fourth { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-xs-push-third { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xs-push-half { margin-left: 50%; } .fs-grid .fs-row .fs-xs-hide { display: none; } .fs-grid .fs-row .fs-xs-destroy { width: auto; float: none; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 740px) and (max-width: 979px) { .fs-grid .fs-row .fs-md-1 { width: 14.58333333%; } .fs-grid .fs-row .fs-md-2 { width: 31.25%; } .fs-grid .fs-row .fs-md-3 { width: 47.91666667%; } .fs-grid .fs-row .fs-md-4 { width: 64.58333333%; } .fs-grid .fs-row .fs-md-5 { width: 81.25%; } .fs-grid .fs-row .fs-md-6 { width: 97.91666667%; } .fs-grid .fs-row .fs-md-push-1 { margin-left: 17.70833333%; } .fs-grid .fs-row .fs-md-push-2 { margin-left: 34.375%; } .fs-grid .fs-row .fs-md-push-3 { margin-left: 51.04166667%; } .fs-grid .fs-row .fs-md-push-4 { margin-left: 67.70833333%; } .fs-grid .fs-row .fs-md-push-5 { margin-left: 84.375%; } .fs-grid .fs-row [class*="-contained"].fs-md-1 { width: 16.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-md-2 { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-md-3 { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-md-4 { width: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-md-5 { width: 83.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-md-6 { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-1 { margin-left: 16.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-2 { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-3 { margin-left: 50%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-4 { margin-left: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-5 { margin-left: 83.33333333%; } .fs-grid .fs-row .fs-md-fifth { width: 17.91666667%; } .fs-grid .fs-row .fs-md-fourth { width: 22.91666667%; } .fs-grid .fs-row .fs-md-third { width: 31.25%; } .fs-grid .fs-row .fs-md-half { width: 47.91666667%; } .fs-grid .fs-row .fs-md-full { width: 97.91666667%; } .fs-grid .fs-row .fs-md-push-fifth { margin-left: 21.04166667%; } .fs-grid .fs-row .fs-md-push-fourth { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-md-push-third { margin-left: 34.375%; } .fs-grid .fs-row .fs-md-push-half { margin-left: 51.04166667%; } .fs-grid .fs-row [class*="-contained"].fs-md-fifth { width: 20%; } .fs-grid .fs-row [class*="-contained"].fs-md-fourth { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-md-third { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-md-half { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-md-full { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-fifth { margin-left: 20%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-fourth { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-third { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-md-push-half { margin-left: 50%; } .fs-grid .fs-row .fs-md-hide { display: none; } .fs-grid .fs-row .fs-md-destroy { width: auto; float: none; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 980px) { .fs-grid .fs-row .fs-lg-1 { width: 6.25%; } .fs-grid .fs-row .fs-lg-2 { width: 14.58333333%; } .fs-grid .fs-row .fs-lg-3 { width: 22.91666667%; } .fs-grid .fs-row .fs-lg-4 { width: 31.25%; } .fs-grid .fs-row .fs-lg-5 { width: 39.58333333%; } .fs-grid .fs-row .fs-lg-6 { width: 47.91666667%; } .fs-grid .fs-row .fs-lg-7 { width: 56.25%; } .fs-grid .fs-row .fs-lg-8 { width: 64.58333333%; } .fs-grid .fs-row .fs-lg-9 { width: 72.91666667%; } .fs-grid .fs-row .fs-lg-10 { width: 81.25%; } .fs-grid .fs-row .fs-lg-11 { width: 89.58333333%; } .fs-grid .fs-row .fs-lg-12 { width: 97.91666667%; } .fs-grid .fs-row .fs-lg-push-1 { margin-left: 9.375%; } .fs-grid .fs-row .fs-lg-push-2 { margin-left: 17.70833333%; } .fs-grid .fs-row .fs-lg-push-3 { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-lg-push-4 { margin-left: 34.375%; } .fs-grid .fs-row .fs-lg-push-5 { margin-left: 42.70833333%; } .fs-grid .fs-row .fs-lg-push-6 { margin-left: 51.04166667%; } .fs-grid .fs-row .fs-lg-push-7 { margin-left: 59.375%; } .fs-grid .fs-row .fs-lg-push-8 { margin-left: 67.70833333%; } .fs-grid .fs-row .fs-lg-push-9 { margin-left: 76.04166667%; } .fs-grid .fs-row .fs-lg-push-10 { margin-left: 84.375%; } .fs-grid .fs-row .fs-lg-push-11 { margin-left: 92.70833333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-1 { width: 8.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-2 { width: 16.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-3 { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-lg-4 { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-5 { width: 41.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-6 { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-lg-7 { width: 58.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-8 { width: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-9 { width: 75%; } .fs-grid .fs-row [class*="-contained"].fs-lg-10 { width: 83.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-11 { width: 91.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-12 { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-1 { margin-left: 8.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-2 { margin-left: 16.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-3 { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-4 { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-5 { margin-left: 41.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-6 { margin-left: 50%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-7 { margin-left: 58.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-8 { margin-left: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-9 { margin-left: 75%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-10 { margin-left: 83.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-11 { margin-left: 91.66666667%; } .fs-grid .fs-row .fs-lg-fifth { width: 17.91666667%; } .fs-grid .fs-row .fs-lg-fourth { width: 22.91666667%; } .fs-grid .fs-row .fs-lg-third { width: 31.25%; } .fs-grid .fs-row .fs-lg-half { width: 47.91666667%; } .fs-grid .fs-row .fs-lg-full { width: 97.91666667%; } .fs-grid .fs-row .fs-lg-push-fifth { margin-left: 21.04166667%; } .fs-grid .fs-row .fs-lg-push-fourth { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-lg-push-third { margin-left: 34.375%; } .fs-grid .fs-row .fs-lg-push-half { margin-left: 51.04166667%; } .fs-grid .fs-row [class*="-contained"].fs-lg-fifth { width: 20%; } .fs-grid .fs-row [class*="-contained"].fs-lg-fourth { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-lg-third { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-half { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-lg-full { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-fifth { margin-left: 20%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-fourth { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-third { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-lg-push-half { margin-left: 50%; } .fs-grid .fs-row .fs-lg-hide { display: none; } .fs-grid .fs-row .fs-lg-destroy { width: auto; float: none; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1220px) { .fs-grid .fs-row .fs-xl-1 { width: 6.25%; } .fs-grid .fs-row .fs-xl-2 { width: 14.58333333%; } .fs-grid .fs-row .fs-xl-3 { width: 22.91666667%; } .fs-grid .fs-row .fs-xl-4 { width: 31.25%; } .fs-grid .fs-row .fs-xl-5 { width: 39.58333333%; } .fs-grid .fs-row .fs-xl-6 { width: 47.91666667%; } .fs-grid .fs-row .fs-xl-7 { width: 56.25%; } .fs-grid .fs-row .fs-xl-8 { width: 64.58333333%; } .fs-grid .fs-row .fs-xl-9 { width: 72.91666667%; } .fs-grid .fs-row .fs-xl-10 { width: 81.25%; } .fs-grid .fs-row .fs-xl-11 { width: 89.58333333%; } .fs-grid .fs-row .fs-xl-12 { width: 97.91666667%; } .fs-grid .fs-row .fs-xl-push-1 { margin-left: 9.375%; } .fs-grid .fs-row .fs-xl-push-2 { margin-left: 17.70833333%; } .fs-grid .fs-row .fs-xl-push-3 { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-xl-push-4 { margin-left: 34.375%; } .fs-grid .fs-row .fs-xl-push-5 { margin-left: 42.70833333%; } .fs-grid .fs-row .fs-xl-push-6 { margin-left: 51.04166667%; } .fs-grid .fs-row .fs-xl-push-7 { margin-left: 59.375%; } .fs-grid .fs-row .fs-xl-push-8 { margin-left: 67.70833333%; } .fs-grid .fs-row .fs-xl-push-9 { margin-left: 76.04166667%; } .fs-grid .fs-row .fs-xl-push-10 { margin-left: 84.375%; } .fs-grid .fs-row .fs-xl-push-11 { margin-left: 92.70833333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-1 { width: 8.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-2 { width: 16.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-3 { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-xl-4 { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-5 { width: 41.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-6 { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-xl-7 { width: 58.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-8 { width: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-9 { width: 75%; } .fs-grid .fs-row [class*="-contained"].fs-xl-10 { width: 83.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-11 { width: 91.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-12 { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-1 { margin-left: 8.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-2 { margin-left: 16.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-3 { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-4 { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-5 { margin-left: 41.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-6 { margin-left: 50%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-7 { margin-left: 58.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-8 { margin-left: 66.66666667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-9 { margin-left: 75%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-10 { margin-left: 83.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-11 { margin-left: 91.66666667%; } .fs-grid .fs-row .fs-xl-fifth { width: 17.91666667%; } .fs-grid .fs-row .fs-xl-fourth { width: 22.91666667%; } .fs-grid .fs-row .fs-xl-third { width: 31.25%; } .fs-grid .fs-row .fs-xl-half { width: 47.91666667%; } .fs-grid .fs-row .fs-xl-full { width: 97.91666667%; } .fs-grid .fs-row .fs-xl-push-fifth { margin-left: 21.04166667%; } .fs-grid .fs-row .fs-xl-push-fourth { margin-left: 26.04166667%; } .fs-grid .fs-row .fs-xl-push-third { margin-left: 34.375%; } .fs-grid .fs-row .fs-xl-push-half { margin-left: 51.04166667%; } .fs-grid .fs-row [class*="-contained"].fs-xl-fifth { width: 20%; } .fs-grid .fs-row [class*="-contained"].fs-xl-fourth { width: 25%; } .fs-grid .fs-row [class*="-contained"].fs-xl-third { width: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-half { width: 50%; } .fs-grid .fs-row [class*="-contained"].fs-xl-full { width: 100%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-fifth { margin-left: 20%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-fourth { margin-left: 25%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-third { margin-left: 33.33333333%; } .fs-grid .fs-row [class*="-contained"].fs-xl-push-half { margin-left: 50%; } .fs-grid .fs-row .fs-xl-hide { display: none; } .fs-grid .fs-row .fs-xl-destroy { width: auto; float: none; margin-left: 0; margin-right: 0; } } /** * @component * @name Background */ /** * @class * @name .fs-background-element * @type element * @description Target elmement */ /** * @class * @name .fs-background * @type element * @description Base widget class */ .fs-background { overflow: hidden; position: relative; /** * @class * @name .fs-background-container * @type element * @description Container element */ /** * @class * @name .fs-background-media * @type element * @description Media element */ /** * @class * @name .fs-background-media.fs-background-animated * @type modifier * @description Indicates animated state */ /** * @class * @name .fs-background-media.fs-background-navtive * @type modifier * @description Indicates native support */ /** * @class * @name .fs-background-media.fs-background-fixed * @type modifier * @description Indicates fixed positioning */ /** * @class * @name .fs-background-embed * @type element * @description Embed/iFrame element */ /** * @class * @name .fs-background-embed.fs-background-embed-ready * @type modifier * @description Indicates ready state */ } .fs-background, .fs-background-container, .fs-background-media { -webkit-transition: none; transition: none; } .fs-background-container { width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; overflow: hidden; } .fs-background-media { position: absolute; top: 0; bottom: 0; opacity: 0; } .fs-background-media.fs-background-animated { -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .fs-background-media img, .fs-background-media video, .fs-background-media iframe { width: 100%; height: 100%; display: block; -webkit-user-drag: none; } .fs-background-media.fs-background-native, .fs-background-media.fs-background-fixed { width: 100%; height: 100%; } .fs-background-media.fs-background-native img, .fs-background-media.fs-background-fixed img { display: none; } .fs-background-media.fs-background-native { background-position: center; background-size: cover; } .fs-background-media.fs-background-fixed { background-position: center; background-attachment: fixed; } .fs-background-embed.fs-background-ready:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; } .fs-background-embed.fs-background-ready iframe { z-index: 0; } /** * @component * @name Carousel */ /** * @class * @name .fs-carousel-element * @type element * @description Target element */ /** * @class * @name .fs-carousel * @type element * @description Base widget class */ /** * @class * @name .fs-carousel.fs-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-carousel.fs-rtl * @type modifier * @description Indicates right to left display */ /** * @class * @name .fs-carousel.fs-carousel-auto_height * @type modifier * @description Indicates auto height sizing */ /** * @class * @name .fs-carousel.fs-carousel-contained * @type modifier * @description Indicates overflow: hidden */ /** * @class * @name .fs-carousel.fs-carousel-single * @type modifier * @description Indicates single item display */ .fs-carousel { /** * @class * @name .fs-carousel-viewport * @type element * @description Carousel container */ /** * @class * @name .fs-carousel-wrapper * @type element * @description Carousel container */ /** * @class * @name .fs-carousel-container * @type element * @description Canister container */ /** * @class * @name .fs-carousel-canister * @type element * @description Item container */ /** * @class * @name .fs-carousel-canister * @type element * @description Item container */ /** * @class * @name .fs-carousel-item * @type element * @description Individual item */ /** * @class * @name .fs-carousel-controls * @type element * @description Controls container */ /** * @class * @name .fs-carousel-controls.fs-carousel-visible * @type modifier * @description Indicates visible state */ /** * @class * @name .fs-carousel-control * @type element * @description Control element */ /** * @class * @name .fs-carousel-control.fs-carousel-control_previous * @type modifier * @description Indicates previous control */ /** * @class * @name .fs-carousel-control.fs-carousel-control_next * @type modifier * @description Indicates next control */ /** * @class * @name .fs-carousel-control.fs-carousel-control_disabled * @type modifier * @description Indicates disbaled state */ /** * @class * @name .fs-carousel-pagination * @type element * @description Item element */ /** * @class * @name .fs-carousel-pagination.fs-carousel-visible * @type modifier * @description Indicates visible state */ /** * @class * @name .fs-carousel-page * @type element * @description Pagiantion item element */ /** * @class * @name .fs-carousel-page.fs-carousel-active * @type modifier * @description Indicates active state */ } .fs-carousel.fs-carousel-enabled { width: 100%; position: relative; } .fs-carousel.fs-carousel-enabled:after { clear: both; content: ''; display: table; } .fs-carousel, .fs-carousel:after, .fs-carousel:before, .fs-carousel *, .fs-carousel *:after, .fs-carousel *:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .fs-carousel-enabled.fs-carousel-contained, .fs-carousel-enabled.fs-carousel-contained .fs-carousel-viewport, .fs-carousel-enabled.fs-carousel-contained .fs-carousel-wrapper, .fs-carousel-enabled.fs-carousel-contained .fs-carousel-container { overflow: hidden; } .fs-carousel-enabled .fs-carousel-viewport { position: relative; } .fs-carousel-enabled .fs-carousel-viewport:after { clear: both; content: ''; display: table; } .fs-carousel-enabled .fs-carousel-wrapper { position: relative; } .fs-carousel-enabled .fs-carousel-wrapper:after { clear: both; content: ''; display: table; } .fs-carousel-enabled .fs-carousel-container { position: relative; } .fs-carousel-enabled .fs-carousel-container:after { clear: both; content: ''; display: table; } .fs-carousel-enabled .fs-carousel-canister { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0; overflow: hidden; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fs-carousel-enabled.fs-carousel-auto_height .fs-carousel-canister { -webkit-transition: height 0.5s ease, -webkit-transform 0.5s ease; transition: height 0.5s ease, -webkit-transform 0.5s ease; transition: height 0.5s ease, transform 0.5s ease; transition: height 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; } .fs-carousel-enabled .fs-carousel-item { min-height: 1px; display: block; float: left; } .fs-carousel-enabled .fs-carousel-item img { -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fs-carousel-single .fs-carousel-item { position: absolute; top: 0; left: 0; z-index: 1; } .fs-carousel-single .fs-carousel-item.fs-carousel-visible { position: relative; z-index: 2; } .fs-carousel-controls { display: none; } .fs-carousel-enabled .fs-carousel-controls { width: 100%; margin: 0; padding: 0; } .fs-carousel-enabled .fs-carousel-controls.fs-carousel-visible, .fs-carousel-controls_custom.fs-carousel-visible { display: block; } .fs-carousel-enabled .fs-carousel-control { border: none; cursor: pointer; padding: 0; } .fs-carousel-pagination { display: none; } .fs-carousel-enabled .fs-carousel-pagination { width: 100%; } .fs-carousel-enabled .fs-carousel-pagination.fs-carousel-visible { display: block; } .fs-carousel-enabled .fs-carousel-page { border: none; cursor: pointer; display: inline-block; padding: 0; } .fs-carousel-enabled.fs-carousel-rtl { direction: rtl; } .fs-carousel-enabled.fs-carousel-rtl .fs-carousel-item { float: right; } /** * @component * @name Checkbox */ /** * @class * @name .fs-checkbox-element * @type element * @description Target elmement */ /** * @class * @name .fs-checkbox * @type element * @description Base widget class */ /** * @class * @name .fs-checkbox.fs-checkbox-checked * @type modifier * @description Indicates checked state */ /** * @class * @name .fs-checkbox.fs-checkbox-radio * @type modifier * @description Indicates radio interface */ /** * @class * @name .fs-checkbox.fs-checkbox-toggle * @type modifier * @description Indicates toggle interface */ /** * @class * @name .fs-checkbox.fs-checkbox-focus * @type modifier * @description Indicates focused state */ /** * @class * @name .fs-checkbox.fs-checkbox-disabled * @type modifier * @description Indicates disabled state */ .fs-checkbox { /** * @class * @name .fs-checkbox-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-checkbox-label * @type element * @description Label element */ /** * @class * @name .fs-checkbox-marker * @type element * @description Marker element */ /** * @class * @name .fs-checkbox-flag * @type element * @description Flag element */ } .fs-checkbox.fs-checkbox-enabled { cursor: pointer; overflow: hidden; } .fs-checkbox, .fs-checkbox:after, .fs-checkbox:before, .fs-checkbox *, .fs-checkbox *:after, .fs-checkbox *:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .fs-checkbox-element_placeholder { display: none; visibility: hidden; } .fs-checkbox-element { width: 110%; height: 110%; position: absolute; top: -5%; right: -5%; bottom: -5%; left: -5%; z-index: -1; background: transparent; border: 0; margin: 0; padding: 0; pointer-events: none; -webkit-transition: none; transition: none; opacity: 0; -webkit-appearance: none; } .fs-checkbox-label { cursor: pointer; display: block; line-height: 20px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fs-checkbox-marker { position: relative; width: 20px; height: 20px; border: 1px solid; cursor: pointer; display: block; float: left; } .fs-checkbox-flag { width: 100%; height: 100%; margin: 0; } .fs-checkbox-flag:before { width: 5px; height: 10px; border: 2px solid; border-top: 0; border-left: 0; content: ''; display: block; margin: 3px 0 0 6px; -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease; -webkit-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } .fs-checkbox-checked .fs-checkbox-flag:before { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .no-csstransforms .fs-checkbox-flag:before { width: 100%; height: 100%; content: "\2713"; display: none; line-height: 1; text-align: center; } .no-csstransforms .fs-checkbox-checked .fs-checkbox-flag:before { display: block; } .fs-checkbox-radio .fs-checkbox-marker { position: relative; border-radius: 100%; } .fs-checkbox-radio .fs-checkbox-flag { width: 10px; height: 10px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #666; border-radius: 100%; margin: auto; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease; } .fs-checkbox-radio .fs-checkbox-flag:before { display: none; } .fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag:before { display: none; } .no-csstransforms .fs-checkbox-radio .fs-checkbox-flag:before { display: none; } .no-csstransforms .fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag:before { display: block; } .fs-checkbox-disabled { cursor: default; opacity: 0.5; } .fs-checkbox-disabled .fs-checkbox-label { cursor: default; } .fs-checkbox-disabled .fs-checkbox-marker { cursor: default; } .fs-checkbox-toggle { position: relative; } .fs-checkbox-toggle .fs-checkbox-label { line-height: 40px; } .fs-checkbox-toggle .fs-checkbox-marker { width: 100px; height: 40px; position: relative; } .fs-checkbox-toggle .fs-checkbox-marker:after { clear: both; content: ''; display: table; } .fs-checkbox-toggle .fs-checkbox-flag { width: 50%; height: 100%; position: absolute; top: 0; left: 0; background: #666; display: block; -webkit-transition: left 0.15s ease; transition: left 0.15s ease; } .no-touch .fs-checkbox-toggle:hover .fs-checkbox-flag:after { opacity: 1; } .fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag { left: 50%; } .fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag:before { display: none; } .fs-checkbox-toggle.fs-checkbox-disabled .fs-checkbox-flag:after { display: none; } .fs-checkbox-toggle .fs-checkbox-state { width: 50%; display: block; line-height: 40px; margin: 0; text-align: center; } .fs-checkbox-toggle .fs-checkbox-state_on { float: left; } .fs-checkbox-toggle .fs-checkbox-state_off { float: right; } /** * @component * @name Dropdown */ /** * @class * @name .fs-dropdown-element * @type element * @description Target element */ /** * @class * @name .fs-dropdown * @type element * @description Base widget class */ /** * @class * @name .fs-dropdown.fs-dropdown-multiple * @type modifer * @description Indicates multi-selected element */ /** * @class * @name .fs-dropdown.fs-dropdown-cover * @type modifer * @description Indicates cover positioning */ /** * @class * @name .fs-dropdown.fs-dropdown-bottom * @type modifer * @description Indicates bottom positioning */ /** * @class * @name .fs-dropdown.fs-dropdown-disabled * @type modifer * @description Indicates disabled state */ /** * @class * @name .fs-dropdown.fs-dropdown-open * @type modifer * @description Indicates open state */ /** * @class * @name .fs-dropdown.fs-dropdown-focus * @type modifer * @description Indicates focus state */ /** * @class * @name .fs-dropdown.fs-dropdown-mobile * @type modifer * @description Indicates mobile option */ .fs-dropdown { position: relative; z-index: 1; display: block; max-width: 100%; /** * @class * @name .fs-dropdown-selected * @type element * @description Handle item */ /** * @class * @name .fs-dropdown-options * @type element * @description Options container */ /** * @class * @name .fs-dropdown-group * @type element * @description Option group label */ /** * @class * @name .fs-dropdown-item * @type element * @description Option item */ } .fs-dropdown, .fs-dropdown:after, .fs-dropdown:before, .fs-dropdown *, .fs-dropdown *:after, .fs-dropdown *:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .fs-dropdown-element { width: 100%; height: 100%; position: absolute; left: 0; z-index: -1; opacity: 0; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } .fs-dropdown-mobile .fs-dropdown-element { z-index: 7; } .fs-dropdown-mobile.fs-dropdown-multiple .fs-dropdown-element { z-index: -1; } .fs-dropdown-selected { border: none; padding: 0; width: 100%; position: relative; z-index: 2; background: #fff; border: 1px solid; color: #000; cursor: pointer; display: block; overflow: hidden; text-align: left; text-overflow: clip; } .fs-dropdown-options { width: 100%; max-height: 260px; position: absolute; top: 100%; left: 0; z-index: 5; background: #fff; border: 1px solid; display: none; overflow: auto; overflow-x: hidden; } .fs-dropdown-options.fs-scrollbar { position: absolute; } .fs-dropdown-group { display: block; font-size: 75%; } .fs-dropdown-item { border: none; padding: 0; width: 100%; background: #fff; border-radius: 0; color: #000; cursor: pointer; display: block; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; /** * @class * @name .fs-dropdown-item.fs-dropdown-item_placeholder * @type modifier * @description Indicates placeholder item */ /** * @class * @name .fs-dropdown-item.fs-dropdown-item_selected * @type modifier * @description Indicates selected item */ /** * @class * @name .fs-dropdown-item.fs-dropdown-item_disabled * @type modifier * @description Indicates disabled item */ } .fs-dropdown-item_placeholder { display: none; } .fs-dropdown-item_selected { background: #ddd; } .fs-dropdown-item_disabled { cursor: default; opacity: 0.5; } .fs-dropdown-open { z-index: 3; } .fs-dropdown-open .fs-dropdown-options { display: block; } .fs-dropdown-open .fs-dropdown-selected { z-index: 6; } .fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected { z-index: 4; } .fs-dropdown-cover .fs-dropdown-options { top: 0; } .fs-dropdown-bottom .fs-dropdown-options { top: auto; bottom: 100%; } .fs-dropdown-bottom.fs-dropdown-cover .fs-dropdown-options { top: auto; bottom: 0; } .fs-dropdown-multiple .fs-dropdown-options { width: 100%; position: static; display: block; } .fs-dropdown-disabled { opacity: 0.5; } .fs-dropdown-disabled .fs-dropdown-selected { cursor: default; } .fs-dropdown-disabled .fs-dropdown-group, .fs-dropdown-disabled .fs-dropdown-item { cursor: default; } .fs-dropdown-options.fs-scrollbar { overflow: hidden; } .fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar { border: 1px solid; border-width: 0 0 0 1px; } .fs-dropdown-options.fs-scrollbar .fs-scrollbar-content { max-height: 260px; height: auto; } .fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content { padding: 0; } /** * @component * @name Number */ /** * @class * @name .fs-navigation-element * @type element * @description Target elmement */ /** * @class * @name .fs-navigation * @type element * @description Base widget class */ .fs-navigation { /** * @class * @name .fs-navigation-toggle-nav * @type element * @description Toggle navigation */ /** * @class * @name .fs-navigation-toggle-nav.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-toggle-nav.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-toggle-handle * @type element * @description Toggle handle */ /** * @class * @name .fs-navigation-toggle-handle.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-toggle-handle.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-overlay-nav * @type element * @description Overlay nav */ /** * @class * @name .fs-navigation-overlay-nav.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-overlay-nav.fs-navigation-animated * @type modifier * @description Indicates animated state */ /** * @class * @name .fs-navigation-overlay-nav.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-overlay-left-nav * @type modifier * @description Indicates left hand nav */ /** * @class * @name .fs-navigation-overlay-right-nav * @type modifier * @description Indicates right hand nav */ /** * @class * @name .fs-navigation-push-nav * @type element * @description Push nav */ /** * @class * @name .fs-navigation-push-nav.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-push-nav.fs-navigation-animated * @type modifier * @description Indicates animated state */ /** * @class * @name .fs-navigation-push-nav.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-push-left-nav * @type modifier * @description Indicates left hand nav */ /** * @class * @name .fs-navigation-push-right-nav * @type modifier * @description Indicates right hand nav */ /** * @class * @name .fs-navigation-reveal-nav * @type element * @description Reveal nav */ /** * @class * @name .fs-navigation-reveal-nav.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-reveal-nav.fs-navigation-animated * @type modifier * @description Indicates animated state */ /** * @class * @name .fs-navigation-reveal-nav.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-reveal-left-nav * @type modifier * @description Indicates left hand nav */ /** * @class * @name .fs-navigation-reveal-right-nav * @type modifier * @description Indicates right hand nav */ /** * @class * @name .fs-navigation-overlay-handle * @type element * @description Overlay handle */ /** * @class * @name .fs-navigation-overlay-handle.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-push-handle * @type element * @description Push handle */ /** * @class * @name .fs-navigation-push-handle.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-overlay-content:before * @type element * @description Overlay mask */ /** * @class * @name .fs-navigation-overlay-content.fs-navigation-open:before * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-push-content * @type element * @description Target page content */ /** * @class * @name .fs-navigation-push-content.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-push-content.fs-navigation-animated * @type modifier * @description Indicates animted state */ /** * @class * @name .fs-navigation-push-content.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-push-left-content * @type modifier * @description Indicates left hand nav */ /** * @class * @name .fs-navigation-push-right-content * @type modifier * @description Indicates right hand nav */ /** * @class * @name .fs-navigation-reveal-content * @type element * @description Target page content */ /** * @class * @name .fs-navigation-reveal-content.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-reveal-content.fs-navigation-animated * @type modifier * @description Indicates animted state */ /** * @class * @name .fs-navigation-reveal-content.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-reveal-left-content * @type modifier * @description Indicates left hand nav */ /** * @class * @name .fs-navigation-reveal-right-content * @type modifier * @description Indicates right hand nav */ /** * @class * @name .fs-navigation-handle * @type element * @description Click target to toggle navigation */ /** * @class * @name .fs-navigation-handle.fs-navigation-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-navigation-handle.fs-navigation-enabled * @type modifier * @description Indicates enabled state */ /** * @class * @name .fs-navigation-lock * @type modifier * @description Indicates locked state; Applied to body element */ } .fs-navigation, .fs-navigation:after, .fs-navigation:before, .fs-navigation *, .fs-navigation *:after, .fs-navigation *:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .fs-navigation-toggle-nav.fs-navigation-enabled { display: none; } .fs-navigation-toggle-nav.fs-navigation-open { display: block; } .fs-navigation-toggle-handle.fs-navigation-enabled { border: none; padding: 0; width: 100%; cursor: pointer; display: block; } .fs-navigation-push-nav.fs-navigation-enabled, .fs-navigation-reveal-nav.fs-navigation-enabled, .fs-navigation-overlay-nav.fs-navigation-enabled { width: 270px; height: 100%; height: -webkit-calc(100% + 60px); height: calc(100% + 60px); position: fixed; top: 0; background: #fff; display: block; overflow: auto; -webkit-overflow-scrolling: touch; } .fs-navigation-push-nav.fs-navigation-enabled, .fs-navigation-reveal-nav.fs-navigation-enabled { visibility: hidden; } .fs-navigation-reveal-nav.fs-navigation-animated { -webkit-transition: visibility 0.001s linear 0.2s; transition: visibility 0.001s linear 0.2s; } .fs-navigation-push-nav.fs-navigation-animated, .fs-navigation-overlay-nav.fs-navigation-animated { -webkit-transition: visibility 0.001s linear 0.2s, -webkit-transform 0.2s ease; transition: visibility 0.001s linear 0.2s, -webkit-transform 0.2s ease; transition: transform 0.2s ease, visibility 0.001s linear 0.2s; transition: transform 0.2s ease, visibility 0.001s linear 0.2s, -webkit-transform 0.2s ease; } .fs-navigation-push-nav.fs-navigation-enabled, .fs-navigation-reveal-nav.fs-navigation-enabled { z-index: 0; } .fs-navigation-push-left-nav.fs-navigation-enabled, .fs-navigation-reveal-left-nav.fs-navigation-enabled, .fs-navigation-overlay-left-nav.fs-navigation-enabled { left: 0; } .fs-navigation-push-right-nav.fs-navigation-enabled, .fs-navigation-reveal-right-nav.fs-navigation-enabled, .fs-navigation-overlay-right-nav.fs-navigation-enabled { right: 0; } .fs-navigation-push-left-nav.fs-navigation-enabled, .fs-navigation-overlay-left-nav.fs-navigation-enabled { -webkit-transform: translateX(-270px); -ms-transform: translateX(-270px); transform: translateX(-270px); } .csstransforms3d .fs-navigation-push-left-nav.fs-navigation-enabled, .csstransforms3d .fs-navigation-overlay-left-nav.fs-navigation-enabled { -webkit-transform: translate3D(-270px, 0, 0); -ms-transform: translate3D(-270px, 0, 0); transform: translate3D(-270px, 0, 0); } .fs-navigation-push-right-nav.fs-navigation-enabled, .fs-navigation-overlay-right-nav.fs-navigation-enabled { -webkit-transform: translateX(270px); -ms-transform: translateX(270px); transform: translateX(270px); } .csstransforms3d .fs-navigation-push-right-nav.fs-navigation-enabled, .csstransforms3d .fs-navigation-overlay-right-nav.fs-navigation-enabled { -webkit-transform: translate3D(270px, 0, 0); -ms-transform: translate3D(270px, 0, 0); transform: translate3D(270px, 0, 0); } .fs-navigation-overlay-nav.fs-navigation-enabled { z-index: 3; } .fs-navigation-reveal-nav.fs-navigation-open { visibility: visible; -webkit-transition: visibility 0.001s ease; transition: visibility 0.001s ease; } .fs-navigation-push-nav.fs-navigation-open, .fs-navigation-overlay-nav.fs-navigation-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: visibility 0.001s ease, -webkit-transform 0.2s ease; transition: visibility 0.001s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease, visibility 0.001s ease; transition: transform 0.2s ease, visibility 0.001s ease, -webkit-transform 0.2s ease; visibility: visible; } .csstransforms3d .fs-navigation-push-nav.fs-navigation-open, .csstransforms3d .fs-navigation-overlay-nav.fs-navigation-open { -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } .fs-navigation-push-handle.fs-navigation-enabled, .fs-navigation-overlay-handle.fs-navigation-enabled { border: none; padding: 0; cursor: pointer; display: block; } .fs-navigation-overlay-content:before { width: 100%; height: 100%; height: -webkit-calc(100% + 60px); height: calc(100% + 60px); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #fff; background: rgba(255, 255, 255, 0.75); content: ''; display: block; opacity: 0; -webkit-transition: opacity 0.2s ease, visibility 0.2s ease; transition: opacity 0.2s ease, visibility 0.2s ease; visibility: hidden; } .fs-navigation-overlay-content.fs-navigation-open:before { opacity: 1; visibility: visible; } .fs-navigation-reveal-content.fs-navigation-enabled, .fs-navigation-push-content.fs-navigation-enabled { position: relative; z-index: 1; display: block; overflow: hidden; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .csstransforms3d .fs-navigation-reveal-content.fs-navigation-enabled, .csstransforms3d .fs-navigation-push-content.fs-navigation-enabled { -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } .fs-navigation-reveal-content.fs-navigation-animated, .fs-navigation-push-content.fs-navigation-animated { -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .fs-navigation-reveal-left-content.fs-navigation-open, .fs-navigation-push-left-content.fs-navigation-open { -webkit-transform: translate3D(270px, 0, 0); -ms-transform: translate3D(270px, 0, 0); transform: translate3D(270px, 0, 0); } .csstransforms3d .fs-navigation-reveal-left-content.fs-navigation-open, .csstransforms3d .fs-navigation-push-left-content.fs-navigation-open { -webkit-transform: translateX(270px); -ms-transform: translateX(270px); transform: translateX(270px); } .fs-navigation-reveal-right-content.fs-navigation-open, .fs-navigation-push-right-content.fs-navigation-open { -webkit-transform: translate3D(-270px, 0, 0); -ms-transform: translate3D(-270px, 0, 0); transform: translate3D(-270px, 0, 0); } .csstransforms3d .fs-navigation-reveal-right-content.fs-navigation-open, .csstransforms3d .fs-navigation-push-right-content.fs-navigation-open { -webkit-transform: translateX(-270px); -ms-transform: translateX(-270px); transform: translateX(-270px); } .fs-navigation-handle.fs-navigation-enabled { border: none; padding: 0; } .fs-navigation-lock { overflow: hidden !important; } /** * @component * @name Number */ /** * @class * @name .fs-lightbox-element * @type element * @description Target elmement */ /** * @class * @name .fs-lightbox * @type element * @description Base widget class */ /** * @class * @name .fs-lightbox.fs-lightbox-open * @type modifier * @description Indicates open state */ /** * @class * @name .fs-lightbox.fs-lightbox-loading * @type modifier * @description Indicates loading state */ /** * @class * @name .fs-lightbox.fs-lightbox-animating * @type modifier * @description Indicates animating state */ /** * @class * @name .fs-lightbox.fs-lightbox-mobile * @type modifier * @description Indicates mobile display */ /** * @class * @name .fs-lightbox.fs-lightbox-fixed * @type modifier * @description Indicates fixed positioning */ /** * @class * @name .fs-lightbox.fs-lightbox-inline * @type modifier * @description Indicates inline content */ /** * @class * @name .fs-lightbox.fs-lightbox-iframed * @type modifier * @description Indicates iFrame content */ /** * @class * @name .fs-lightbox.fs-lightbox-has_caption * @type modifier * @description Indicates caption is present */ /** * @class * @name .fs-lightbox.fs-lightbox-has_controls * @type modifier * @description Indicates controls are present */ .fs-lightbox { width: 200px; height: 200px; position: absolute; right: 0; left: 0; z-index: 101; background: #fff; opacity: 0; margin: 0 auto; -webkit-transform: translateZ(0); transform: translateZ(0); /** * @class * @name .fs-lightbox-overlay * @type element * @description Overlay element */ /** * @class * @name .fs-lightbox-close * @type element * @description Close element */ /** * @class * @name .fs-lightbox-loading_icon * @type element * @description Loading icon element */ /** * @class * @name .fs-lightbox-container * @type element * @description Container element */ /** * @class * @name .fs-lightbox-content * @type element * @description Content element */ /** * @class * @name .fs-lightbox-image * @type element * @description Image element */ /** * @class * @name .fs-lightbox-video * @type element * @description Video element */ /** * @class * @name .fs-lightbox-iframe * @type element * @description iFrame element */ /** * @class * @name .fs-lightbox-tools * @type element * @description Tools element */ /** * @class * @name .fs-lightbox-meta * @type element * @description Meta info element */ /** * @class * @name .fs-lightbox-controls * @type element * @description Controls container element */ /** * @class * @name .fs-lightbox-control * @type element * @description Control element */ /** * @class * @name .fs-lightbox-control.fs-lightbox-control_previous * @type modifier * @description Indicates previous control */ /** * @class * @name .fs-lightbox-control.fs-lightbox-control_next * @type modifier * @description Indicates next control */ /** * @class * @name .fs-lightbox-control.fs-lightbox-control_disabled * @type modifier * @description Indicates disbaled state */ /** * @class * @name .fs-lightbox-position * @type element * @description Position element */ /** * @class * @name .fs-lightbox-position_current * @type element * @description Current position element */ /** * @class * @name .fs-lightbox-position_total * @type element * @description Total position element */ /** * @class * @name .fs-lightbox-caption * @type element * @description Caption element */ /** * @class * @name .fs-lightbox-error * @type element * @description Error message element */ /** * @class * @name .fs-lightbox-thumbnails * @type element * @description */ /** * @class * @name .fs-lightbox-thumbnail_container * @type element * @description */ /** * @class * @name .fs-lightbox-thumbnail_item * @type element * @description */ /** * @class * @name .fs-lightbox-lock * @type modifier * @description Indicates locked state; Applied to body element */ } .fs-lightbox, .fs-lightbox *:not(input):not(textarea) { box-sizing: border-box; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .fs-lightbox-fixed { position: fixed; top: 0; bottom: 0; margin: auto; } .fs-lightbox-animating { -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; } .fs-lightbox-animating .fs-lightbox-content, .fs-lightbox-animating .fs-lightbox-thumbnails, .fs-lightbox-animating .fs-lightbox-tools, .fs-lightbox-animating .fs-lightbox-meta, .fs-lightbox-animating .fs-lightbox-control { -webkit-transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; } .fs-lightbox-mobile .fs-lightbox-image_container { -webkit-transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease; transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease; } .fs-lightbox-mobile.fs-lightbox-scaling .fs-lightbox-image_container { -webkit-transition: none !important; transition: none !important; } .fs-lightbox-overlay { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: #000; opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .fs-lightbox-open { opacity: 1; } .fs-lightbox-overlay.fs-lightbox-open { opacity: 0.75; } .fs-lightbox-close { border: none; position: absolute; top: 0; right: 0; z-index: 105; cursor: pointer; display: block; overflow: hidden; padding: 0; } .fs-lightbox-container { width: 100%; height: 100%; position: relative; z-index: 103; background: #fff; overflow: hidden; } .fs-lightbox-container:after { clear: both; content: ''; display: table; } .fs-lightbox-content { width: 100%; background: #fff; opacity: 1; overflow: hidden; padding: 0; visibility: visible; } .fs-lightbox-content:after { clear: both; content: ''; display: table; } .fs-lightbox-inline .fs-lightbox-content { width: auto; overflow: auto; -webkit-overflow-scrolling: touch; } .fs-lightbox-iframed .fs-lightbox-content { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .fs-lightbox-mobile .fs-lightbox-image_container { width: 1px; height: 1px; position: absolute; margin: 0; -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } .fs-lightbox-image { float: left; } .fs-lightbox-mobile .fs-lightbox-image { position: relative; float: none; } .fs-lightbox-video { width: 100%; height: 100%; } .fs-lightbox-iframe { width: 100%; height: 100%; border: none; float: left; overflow: auto; } .fs-lightbox-meta { opacity: 1; clear: both; visibility: visible; } .fs-lightbox-control { border: none; padding: 0; position: absolute; top: 0; z-index: 105; cursor: pointer; display: block; margin-right: auto; margin-left: auto; opacity: 1; visibility: visible; white-space: nowrap; } .fs-lightbox-control_previous { left: 0; } .fs-lightbox-control_next { right: 0; } .fs-lightbox-control_disabled { opacity: 0; visibility: hidden; } .no-touchevents .fs-lightbox .fs-lightbox-control_disabled, .fs-lightbox:hover .fs-lightbox-control_disabled { opacity: 0; visibility: hidden; } .fs-lightbox-caption:after { clear: both; content: ''; display: table; } .fs-lightbox-toggle { border: none; padding: 0; display: none; } .fs-lightbox-thumbnails { height: 60px; clear: both; overflow: hidden; padding: 0; } .fs-lightbox-thumbnail_container { height: 80px; position: relative; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding: 0 0 30px; text-align: center; white-space: nowrap; } .fs-lightbox-thumbnail_item { width: 50px; height: 50px; position: relative; background: none; border: none; display: inline-block; margin: 0 10px 0 0; opacity: 0.25; overflow: hidden; padding: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .fs-lightbox-thumbnail_item:last-child { margin: 0; } .fs-lightbox-thumbnail_item img { width: 100%; height: auto; position: absolute; top: 50%; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fs-lightbox-thumbnail_item.fs-lightbox-active, .fs-lightbox-thumbnail_item:hover { opacity: 1; } .fs-lightbox-loading .fs-lightbox-content, .fs-lightbox-loading .fs-lightbox-thumbnails, .fs-lightbox-loading .fs-lightbox-tools, .fs-lightbox-loading .fs-lightbox-meta, .fs-lightbox-loading .fs-lightbox-control { opacity: 0; -webkit-transition: opacity 0.25s linear, visibility 0.25s linear; transition: opacity 0.25s linear, visibility 0.25s linear; visibility: hidden; } .fs-lightbox-loading .fs-lightbox-loading_icon, .fs-lightbox-ready.fs-lightbox-loading .fs-lightbox-thumbnails, .fs-lightbox-ready.fs-lightbox-loading .fs-lightbox-tools { opacity: 1; visibility: visible; } .fs-lightbox-mobile { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #111; border-radius: 0; } .fs-lightbox-mobile .fs-lightbox-container { position: static; background: #111; } .fs-lightbox-mobile .fs-lightbox-content { height: 100%; background-color: #111; } .fs-lightbox-mobile .fs-lightbox-tools { width: 100%; position: fixed; right: 0; bottom: 0; left: 0; background-color: #111; } .fs-lightbox-mobile .fs-lightbox-controls { text-align: center; } .fs-lightbox-mobile .fs-lightbox-control { opacity: 1; visibility: visible; } .fs-lightbox-mobile .fs-lightbox-control, .fs-lightbox-mobile:hover .fs-lightbox-control { visibility: visible; } .fs-lightbox-mobile .fs-lightbox-control_disabled, .fs-lightbox-mobile:hover .fs-lightbox-control_disabled { cursor: default !important; opacity: 0; visibility: hidden; } .fs-lightbox-mobile .fs-lightbox-position { color: #999; } .fs-lightbox-mobile .fs-lightbox-caption p { color: #eee; } .fs-lightbox-mobile .fs-lightbox-image { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: none !important; transition: none !important; } .fs-lightbox-mobile.fs-lightbox-inline .fs-lightbox-content, .fs-lightbox-mobile.fs-lightbox-iframe .fs-lightbox-content { height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-tools { width: auto; position: static; background: transparent; } .fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-controls { position: fixed; right: 0; bottom: 0; left: 0; z-index: 105; background-color: #111; } .fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-toggle { display: inline-block; margin: 0 5px; } .fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta { width: 100%; height: 80%; position: fixed; right: 0; bottom: 0; left: 0; z-index: 104; background: #222; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; } .fs-lightbox-touch.fs-lightbox-caption_open .fs-lightbox-meta { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-thumbnails { width: 100%; height: 70px; position: fixed; right: 0; bottom: 0; left: 0; z-index: 104; background: #111; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; } .fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-thumbnail_container { height: 100px; } .fs-lightbox-touch.fs-lightbox-thumbnails_open .fs-lightbox-thumbnails { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .fs-lightbox-lock { overflow: hidden !important; } /** * @component * @name Pagination */ /** * @class * @name .fs-pagination-element * @type element * @description Target elmement */ /** * @class * @name .fs-pagination * @type element * @description Base widget class */ /** * @class * @name .fs-pagination.fs-pagination-mobile * @type modifier * @description Indicates mobile display */ .fs-pagination { /** * @class * @name .fs-pagination * @type element * @description Pages container */ /** * @class * @name .fs-pagination-page * @type element * @description Page element */ /** * @class * @name .fs-pagination-ellipsis * @type element * @description Ellipsis element */ /** * @class * @name .fs-pagination-page.fs-pagination-active * @type modifier * @description Indicates active page */ /** * @class * @name .fs-pagination-page.fs-pagination-first * @type modifier * @description Indicates first page */ /** * @class * @name .fs-pagination-page.fs-pagination-last * @type modifier * @description Indicates last page */ /** * @class * @name .fs-pagination-page.fs-pagination-visible * @type modifier * @description Indicates visible page */ /** * @class * @name .fs-pagination-control * @type element * @description Pagination button */ /** * @class * @name .fs-pagination-control.fs-pagination-control_previous * @type modifier * @description Indicates previous control */ /** * @class * @name .fs-pagination-control.fs-pagination-control_next * @type modifier * @description Indicates next control */ /** * @class * @name .fs-pagination-position * @type element * @description Mobile position indicator */ /** * @class * @name .fs-pagination-select * @type element * @description Mobile page dropdown */ /** * @class * @name .fs-pagination-current * @type element * @description Current page mobile display */ /** * @class * @name .fs-pagination-total * @type element * @description Total pages mobile display */ } .fs-pagination-page, .fs-pagination-ellipsis { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); display: inline-block; margin: -1px; overflow: hidden; padding: 0; } .fs-pagination-active, .fs-pagination-first, .fs-pagination-last, .fs-pagination-visible { width: auto; height: auto; position: static; clip: none; margin: 0; overflow: visible; } .fs-pagination-control { border: none; padding: 0; } .fs-pagination-position, .fs-pagination-select { display: none; } .fs-pagination-mobile .fs-pagination-pages { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); display: inline-block; margin: -1px; overflow: hidden; padding: 0; } .fs-pagination-mobile .fs-pagination-position { display: block; } .fs-pagination-mobile .fs-pagination-select { height: 100%; width: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; display: block; margin: auto; opacity: 0; } /** * @theme * @name Light * @component Lightbox */ .fs-lightbox { /* .@{theme_name}&-mobile &-close:before { color: @fs-lightbox-mobile-close-text-color; font-size: @fs-lightbox-mobile-close-font-size; font-weight: @fs-lightbox-mobile-close-font-weight; line-height: @fs-lightbox-mobile-close-height - 4px; } */ } .fs-lightbox.lindenwood { z-index: 101; background: #fff; border-radius: 2px; box-shadow: 0 0 25px #000; padding: 10px; } .lindenwood.fs-lightbox-inline { padding: 30px; } .lindenwood.fs-lightbox-animating { -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; } .lindenwood.fs-lightbox-animating .fs-lightbox-content, .lindenwood.fs-lightbox-animating .fs-lightbox-thumbnails, .lindenwood.fs-lightbox-animating .fs-lightbox-tools, .lindenwood.fs-lightbox-animating .fs-lightbox-meta, .lindenwood.fs-lightbox-animating .fs-lightbox-control { -webkit-transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; } .lindenwood.fs-lightbox-mobile .fs-lightbox-image_container { -webkit-transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease; transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease; } .lindenwood.fs-lightbox-mobile.fs-lightbox-scaling .fs-lightbox-image_container { -webkit-transition: none !important; transition: none !important; } .lindenwood.fs-lightbox-overlay { z-index: 100; background: #000; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .lindenwood.fs-lightbox-overlay.fs-lightbox-open { opacity: 0.75; } .fs-lightbox.lindenwood .fs-lightbox-close { width: 30px; height: 30px; top: -7.5px; right: -7.5px; z-index: 105; background: #fff; border-radius: 100%; text-indent: 200%; white-space: nowrap; } .fs-lightbox.lindenwood .fs-lightbox-close:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #222222; content: "\00d7"; display: block; font-family: "Helvetica", Arial, sans-serif; font-size: 22px; font-weight: 700; line-height: 30px; margin: auto; text-align: center; text-indent: 0; -webkit-transition: color 0.15s linear; transition: color 0.15s linear; } .fs-lightbox.lindenwood .fs-lightbox-loading_icon { width: 50px; height: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 105; display: block; margin: auto; opacity: 0; -webkit-transition: opacity 0.25s linear, visibility 0.25s linear; transition: opacity 0.25s linear, visibility 0.25s linear; visibility: hidden; } .fs-lightbox.lindenwood .fs-lightbox-loading_icon:before, .fs-lightbox.lindenwood .fs-lightbox-loading_icon:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 110%; content: ''; display: block; } .fs-lightbox.lindenwood .fs-lightbox-loading_icon:before { border: 5px solid rgba(34, 34, 34, 0.25); } .fs-lightbox.lindenwood .fs-lightbox-loading_icon:after { -webkit-animation: fs-lightbox-loading-spin 0.75s linear infinite; animation: fs-lightbox-loading-spin 0.75s linear infinite; border: 5px solid transparent; border-top-color: #222222; } @-webkit-keyframes fs-lightbox-loading-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fs-lightbox-loading-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fs-lightbox.lindenwood .fs-lightbox-container { z-index: 103; background: #fff; } .fs-lightbox.lindenwood .fs-lightbox-content { background: #fff; } .fs-lightbox.lindenwood .fs-lightbox-meta { padding: 10px 10px 0; } .fs-lightbox.lindenwood .fs-lightbox-control { width: 40px; height: 40px; z-index: 105; background: #fff; border-radius: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); opacity: 1; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.15s linear, visibility 0.15s linear; transition: opacity 0.15s linear, visibility 0.15s linear; visibility: visible; } .fs-lightbox.lindenwood .fs-lightbox-control:before { width: 0; height: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; margin: auto; } .fs-lightbox.lindenwood .fs-lightbox-control:hover { background: #EAEAEA; } .fs-lightbox.lindenwood .fs-lightbox-control_previous { left: 20px; } .fs-lightbox.lindenwood .fs-lightbox-control_previous:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10.4px solid #222222; margin-left: 14px; } .fs-lightbox.lindenwood .fs-lightbox-control_next { right: 20px; } .fs-lightbox.lindenwood .fs-lightbox-control_next:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10.4px solid #222222; margin-right: 14px; } .fs-lightbox.lindenwood .fs-lightbox-control { opacity: 0; visibility: hidden; } .fs-lightbox.lindenwood:hover .fs-lightbox-control { opacity: 1; visibility: visible; } .fs-lightbox.lindenwood .fs-lightbox-control_disabled, .fs-lightbox.lindenwood:hover .fs-lightbox-control_disabled { opacity: 0; cursor: default; visibility: hidden; } .fs-lightbox.lindenwood .fs-lightbox-position { color: #999999; font-size: 12px; margin: 5px 0; padding: 0; } .fs-lightbox.lindenwood .fs-lightbox-caption p { color: #666666; font-size: 14px; line-height: 1.6; margin: 5px 0; padding: 0; } .fs-lightbox.lindenwood .fs-lightbox-error { width: 250px; } .fs-lightbox.lindenwood .fs-lightbox-error p { color: #900; font-size: 14px; margin: 0; padding: 25px; text-align: center; text-transform: uppercase; } .fs-lightbox-thumbnails { height: 60px; } .fs-lightbox-thumbnail_container { height: 80px; padding: 0 0 30px; } .fs-lightbox.lindenwood .fs-lightbox-thumbnail_item { width: 50px; height: 50px; margin: 0 10px 0 0; opacity: 0.25; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .fs-lightbox.lindenwood .fs-lightbox-thumbnail_item:last-child { margin: 0; } .fs-lightbox.lindenwood .fs-lightbox-thumbnail_item.fs-lightbox-active, .fs-lightbox.lindenwood .fs-lightbox-thumbnail_item:hover { opacity: 1; } .lindenwood.fs-lightbox-loading .fs-lightbox-content, .lindenwood.fs-lightbox-loading .fs-lightbox-thumbnails, .lindenwood.fs-lightbox-loading .fs-lightbox-tools, .lindenwood.fs-lightbox-loading .fs-lightbox-meta, .lindenwood.fs-lightbox-loading .fs-lightbox-control { opacity: 0; -webkit-transition: opacity 0.25s linear, visibility 0.25s linear; transition: opacity 0.25s linear, visibility 0.25s linear; visibility: hidden; } .lindenwood.fs-lightbox-loading .fs-lightbox-loading_icon, .lindenwood.fs-lightbox-ready.fs-lightbox-loading .fs-lightbox-thumbnails, .lindenwood.fs-lightbox-ready.fs-lightbox-loading .fs-lightbox-tools { opacity: 1; visibility: visible; } .lindenwood.fs-lightbox-mobile { background: #222222; border-radius: 0; padding: 40px 0 0; } .lindenwood.fs-lightbox-mobile .fs-lightbox-loading_icon { top: 0; bottom: 0; } .lindenwood.fs-lightbox-mobile .fs-lightbox-close { /* height: @fs-lightbox-mobile-close-height; width: @fs-lightbox-mobile-close-width; top: 0; right: 0; background: @fs-lightbox-mobile-close-background; border-radius: 0; */ } .lindenwood.fs-lightbox-mobile .fs-lightbox-loading_icon:before { border-color: rgba(255, 255, 255, 0.25); } .lindenwood.fs-lightbox-mobile .fs-lightbox-loading_icon:after { border-top-color: #fff; } .lindenwood.fs-lightbox-mobile .fs-lightbox-container { background: #222222; } .lindenwood.fs-lightbox-mobile .fs-lightbox-content { background-color: #222222; padding: 0 15px; } .lindenwood.fs-lightbox-mobile .fs-lightbox-tools { background-color: #222222; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control { width: 50px; height: 100%; min-height: 50px; background: #000; border-radius: 0; box-shadow: none; display: block; overflow: hidden; text-indent: 200%; white-space: nowrap; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .lindenwood.fs-lightbox-mobile .fs-lightbox-control:before { background-image: url(/images/icons.svg?version=1608051801885); } .lindenwood.fs-lightbox-mobile .fs-lightbox-control:before { border: none; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control_previous { left: 0; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control_previous:before { margin-left: 19px; width: 8px; height: 14px; background-position: -70px -70px; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control_next { right: 0; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control_next:before { margin-right: 19px; width: 8px; height: 14px; background-position: -80px -70px; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control, .lindenwood.fs-lightbox-mobile:hover .fs-lightbox-control { opacity: 1; visibility: visible; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control_disabled, .lindenwood.fs-lightbox-mobile:hover .fs-lightbox-control_disabled { cursor: default !important; opacity: 0; visibility: hidden; } .lindenwood.fs-lightbox-mobile .fs-lightbox-meta { padding: 15px 65px; } .lindenwood.fs-lightbox-mobile .fs-lightbox-meta_content { max-width: 800px; margin: 0 auto; } .lindenwood.fs-lightbox-mobile .fs-lightbox-position { /* color: @fs-lightbox-mobile-position-text-color; font-size: @fs-lightbox-mobile-position-font-size; margin: @fs-lightbox-mobile-position-margin; padding: @fs-lightbox-mobile-position-padding; */ font-size: 13px; font-size: 0.8125rem; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; color: #666666; text-align: center; } .lindenwood.fs-lightbox-mobile .fs-lightbox-caption p { /* color: @fs-lightbox-mobile-caption-text-color; font-size: @fs-lightbox-mobile-caption-font-size; line-height: @fs-lightbox-mobile-caption-line-height; margin: @fs-lightbox-mobile-caption-margin; padding: @fs-lightbox-mobile-caption-padding; */ font-size: 15px; font-size: 0.9375rem; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; color: #fff; line-height: 1.6; margin: 10px 0; padding: 0; text-align: center; } .lindenwood.fs-lightbox-mobile.fs-lightbox-inline .fs-lightbox-content, .lindenwood.fs-lightbox-mobile.fs-lightbox-iframe .fs-lightbox-content { height: 100%; } .lindenwood.fs-lightbox-mobile .fs-lightbox-thumbnail_item:first-child { margin-left: 15px; } .lindenwood.fs-lightbox-mobile .fs-lightbox-thumbnail_item:last-child { margin-right: 15px; } .lindenwood.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-tools { width: auto; position: static; background: transparent; } .lindenwood.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-controls { width: 100%; height: 50px; position: fixed; right: 0; bottom: 0; left: 0; z-index: 105; background-color: #222222; padding: 0 65px; } .lindenwood.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-toggle { background: transparent; color: #B2B2B2; display: inline-block; font-size: 12px; line-height: 50px; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; margin: 0 auto; } .lindenwood.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta { z-index: 104; background: #333333; box-shadow: 0 0 25px #000; padding: 15px 15px 65px; -webkit-transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; } .lindenwood.fs-lightbox-touch .fs-lightbox-thumbnails { width: 100%; height: 130px; z-index: 104; background: #333333; box-shadow: 0 0 25px #000; padding: 15px 0 65px; -webkit-transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s; transition: transform 0.25s ease, opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s, -webkit-transform 0.25s ease; } .lindenwood.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-thumbnail_container { height: 100px; } .lindenwood.fs-lightbox-touch .fs-lightbox-thumbnail_item:first-child { margin-left: 15px; } .lindenwood.fs-lightbox-touch .fs-lightbox-thumbnail_item:last-child { margin-right: 15px; } /* ========================================================================== Plugin Overrides ============================================================================= */ .fs-checkbox { margin: 0 0 15px; } .fs-checkbox .fs-checkbox-marker { width: 26px; height: 26px; background-color: #fff; border: 1px solid #CCCCCC; } .fs-checkbox.fs-checkbox-checked .fs-checkbox-marker { background-color: #B6A16B; } .belleville .fs-checkbox.fs-checkbox-checked .fs-checkbox-marker { background-color: #73243D; } .fs-checkbox .fs-checkbox-flag:before { width: 9px; height: 15px; border-color: #fff; border-width: 0 4px 4px 0; margin: 3px 0 0 7px; } .fs-checkbox.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-marker { background-color: #fff; } .fs-checkbox.fs-checkbox-radio .fs-checkbox-flag { width: 12px; height: 12px; background-color: #B6A16B; } .belleville .fs-checkbox.fs-checkbox-radio .fs-checkbox-flag { background-color: #73243D; } .fs-dropdown .fs-dropdown-selected { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; background-color: #4D4D4D; color: #fff; position: relative; width: 100%; border: 1px solid #4D4D4D; line-height: 1.2; margin: 0; padding: 10px 15px; } .fs-dropdown .fs-dropdown-selected, .fs-dropdown .fs-dropdown-selected:link, .fs-dropdown .fs-dropdown-selected:visited, .fs-dropdown .fs-dropdown-selected:hover, .fs-dropdown .fs-dropdown-selected:active, .fs-dropdown .fs-dropdown-selected:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } .fs-dropdown .fs-dropdown-selected:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .fs-dropdown .fs-dropdown-selected:after { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 740px ) { .fs-dropdown .fs-dropdown-selected { padding: 15px 20px; } } .fs-dropdown .fs-dropdown-selected:after { position: absolute; width: 6px; height: 4px; background-position: -100px -70px; top: 0; bottom: 0; right: 20px; margin: auto; } .fs-dropdown.fs-dropdown-open .fs-dropdown-selected:after { width: 6px; height: 4px; background-position: -90px -70px; } .fs-dropdown .fs-dropdown-options { background-color: #333333; border-color: #333333; padding: 10px; } .fs-dropdown .fs-dropdown-item { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; background-color: #333333; color: #fff; line-height: 1.2; margin: 0 0 1px; padding: 10px; } .fs-dropdown .fs-dropdown-item, .fs-dropdown .fs-dropdown-item:link, .fs-dropdown .fs-dropdown-item:visited, .fs-dropdown .fs-dropdown-item:hover, .fs-dropdown .fs-dropdown-item:active, .fs-dropdown .fs-dropdown-item:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } .fs-dropdown .fs-dropdown-item:hover { background-color: #4D4D4D; } .fs-dropdown .fs-dropdown-item_selected { background-color: #666666; } .fs-dropdown .fs-dropdown-group { font-size: 11px; font-size: 0.6875rem; margin: 12px 0 12px 8px; color: rgba(255, 255, 255, 0.7); letter-spacing: 1.62px; text-transform: uppercase; } .header_dropdown .fs-dropdown-selected { background-color: transparent; color: #fff; border: none; padding: 0 0 5px; } .header_dropdown .fs-dropdown-selected:after { position: static; margin: 0 0 2px 15px; vertical-align: middle; } .header_dropdown .fs-dropdown-selected:hover { color: #B6A16B; } .belleville .header_dropdown .fs-dropdown-selected:hover { color: #FFB819; } .header_dropdown .fs-dropdown-options { background-color: #222222; border-color: #222222; } .header_dropdown .fs-dropdown-item { background-color: transparent; } .header_dropdown .fs-dropdown-item_selected { background-color: #666666; } .mobile_nav_dropdown .fs-dropdown-selected { background-color: #fff; border-color: #fff; color: #000; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; letter-spacing: 2px; opacity: 0.9; padding: 22px 55px 20px 20px; text-transform: uppercase; } .mobile_nav_dropdown .fs-dropdown-selected:before { width: 25px; height: 25px; overflow: hidden; display: block; position: absolute; top: 0; right: 22px; bottom: 0; background-color: #B6A16B; border-radius: 100%; content: ""; margin: auto; } .belleville .mobile_nav_dropdown .fs-dropdown-selected:before { background-color: #000; } .mobile_nav_dropdown .fs-dropdown-selected:after { width: 6px; height: 4px; background-position: -100px -70px; top: 2px; right: 31px; } .mobile_nav_dropdown.fs-dropdown-open .fs-dropdown-selected:after { width: 6px; height: 4px; background-position: -100px -70px; } .theme_gold.fs-dropdown .fs-dropdown-selected { background-color: #B6A16B; color: #fff; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; border-width: 0; letter-spacing: 1.5px; line-height: 1.2; padding: 18px 15px; text-transform: uppercase; } .belleville .theme_gold.fs-dropdown .fs-dropdown-selected { background-color: #73243D; } .theme_gold.fs-dropdown .fs-dropdown-selected:before { width: 0px; height: 0px; display: block; float: right; border-style: solid; border-width: 7px 5px 0 5px; border-color: #fff transparent transparent transparent; content: ""; margin: 3px 2px 0 0; } .theme_gold.fs-dropdown .fs-dropdown-selected:after { display: none !important; visibility: hidden; content: normal; } .minimal_dropdown .fs-dropdown-selected { color: #000; font-size: 18px; font-size: 1.125rem; line-height: 1.55555556; color: #4D4D4D; background-color: transparent; border: 0; padding: 10px 50px 10px 20px; } .minimal_dropdown .fs-dropdown-selected:after { width: 6px; height: 4px; background-position: -100px -76px; } .minimal_dropdown .fs-dropdown-selected:hover { color: #004B90; } .belleville .minimal_dropdown .fs-dropdown-selected:hover { color: #73243D; } .minimal_dropdown.fs-dropdown-open .fs-dropdown-selected:after { width: 6px; height: 4px; background-position: -100px -76px; } .minimal_dropdown .fs-dropdown-options { background-color: #F4F1E8; border-width: 0; padding: 20px 0; } .minimal_dropdown .fs-dropdown-item { color: #004B90; background-color: transparent; margin: 0; padding: 10px 20px; } .minimal_dropdown .fs-dropdown-item:hover { color: #000; background-color: transparent; } .belleville .minimal_dropdown .fs-dropdown-item { color: #73243D; } /* ========================================================================== Pagination ============================================================================= */ .pagination { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; line-height: 1.33333333; color: rgba(77, 77, 77, 0.6); letter-spacing: 1.87px; } .pagination a { color: rgba(77, 77, 77, 0.6); } .pagination a:hover, .pagination a:focus { color: #000; } .base_pagination.fs-pagination { position: relative; display: inline-block; margin-top: 20px; margin-bottom: 20px; padding: 0 70px; } .base_pagination.fs-pagination:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (max-width: 739px ) { .base_pagination.fs-pagination { display: block; } } .base_pagination .fs-pagination-control { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; width: 50px; height: 50px; background-color: #999999; display: block; overflow: hidden; position: absolute; top: 0; background: rgba(0, 0, 0, 0.4); margin: 0; padding-left: 50px; } .base_pagination .fs-pagination-control, .base_pagination .fs-pagination-control:link, .base_pagination .fs-pagination-control:visited, .base_pagination .fs-pagination-control:hover, .base_pagination .fs-pagination-control:active, .base_pagination .fs-pagination-control:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } .base_pagination .fs-pagination-control:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .base_pagination .fs-pagination-control:before { background-image: url(/images/icons.svg?version=1608051801885); } .base_pagination .fs-pagination-control:before { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .base_pagination .fs-pagination-control:hover, .base_pagination .fs-pagination-control:focus { background-color: #4D4D4D; background: rgba(0, 0, 0, 0.7); } .base_pagination .fs-pagination-control_previous { left: 0; } .base_pagination .fs-pagination-control_previous:before { width: 8px; height: 14px; background-position: -70px -70px; } .base_pagination .fs-pagination-control_next { right: 0; } .base_pagination .fs-pagination-control_next:before { width: 8px; height: 14px; background-position: -80px -70px; } .base_pagination .fs-pagination-position { padding-top: 15px; text-align: center; } .base_pagination .fs-pagination-page { display: inline-block; color: inherit; padding: 15px 2px; } .typography .base_pagination .fs-pagination-page { border: none; } .base_pagination .fs-pagination-page:hover, .base_pagination .fs-pagination-page:focus { color: #000; } .typography .base_pagination .fs-pagination-page:hover, .typography .base_pagination .fs-pagination-page:focus { color: #000; } .base_pagination .fs-pagination-active { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; color: #000; } /* ========================================================================== Lightbox ============================================================================= */ .lindenwood.fs-lightbox-mobile .fs-lightbox-control { background-color: #B6A16B; -webkit-transition: background 0.25s; transition: background 0.25s; } .lindenwood.fs-lightbox-mobile .fs-lightbox-control:hover { background-color: #000; } .belleville .lindenwood.fs-lightbox-mobile .fs-lightbox-control { background-color: #73243D; } .belleville .lindenwood.fs-lightbox-mobile .fs-lightbox-control:hover { background-color: #000; } .lindenwood.fs-lightbox-mobile .fs-lightbox-close { -webkit-transition: background 0.25s; transition: background 0.25s; } .lindenwood.fs-lightbox-mobile .fs-lightbox-close:hover { background-color: #B6A16B; } .belleville .lindenwood.fs-lightbox-mobile .fs-lightbox-close:hover { background-color: #73243D; } /* ========================================================================== Elements ============================================================================= */ html { font-size: 16px; } html, body { background-color: #000; } body { font-size: 16px; font-size: 1rem; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; min-width: 300px; overflow-x: hidden; } ::-moz-selection { background-color: #EAEAEA; text-shadow: none; } ::selection { background-color: #EAEAEA; text-shadow: none; } :focus { outline: none; } hr { background-color: #EAEAEA; width: 100%; height: 1px; border: none; clear: both; margin: 0; padding: 0; } iframe { border: none; } menu { margin: 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } figure { margin: 0; } /* ========================================================================== Margins ============================================================================= */ .margined, .margined_top { margin-top: 20px; } .margined, .margined_bottom { margin-bottom: 20px; } .margined_md, .margined_md_top { margin-top: 40px; } @media only screen and (min-width: 980px ) { .margined_md, .margined_md_top { margin-top: 60px; } } .margined_md, .margined_md_bottom { margin-bottom: 40px; } @media only screen and (min-width: 980px ) { .margined_md, .margined_md_bottom { margin-bottom: 60px; } } .margined_lg, .margined_lg_top { margin-top: 40px; } @media only screen and (min-width: 980px ) { .margined_lg, .margined_lg_top { margin-top: 80px; } } .margined_lg, .margined_lg_bottom { margin-bottom: 40px; } @media only screen and (min-width: 980px ) { .margined_lg, .margined_lg_bottom { margin-bottom: 80px; } } /* ================================================================== Padding ================================================================== */ .padded, .padded_top { padding-top: 20px; } .padded, .padded_bottom { padding-bottom: 20px; } .padded_md, .padded_md_top { padding-top: 40px; } @media only screen and (min-width: 980px ) { .padded_md, .padded_md_top { padding-top: 60px; } } .padded_md, .padded_md_bottom { padding-bottom: 40px; } @media only screen and (min-width: 980px ) { .padded_md, .padded_md_bottom { padding-bottom: 60px; } } .padded_lg, .padded_lg_top { padding-top: 40px; } @media only screen and (min-width: 980px ) { .padded_lg, .padded_lg_top { padding-top: 80px; } } .padded_lg, .padded_lg_bottom { padding-bottom: 40px; } @media only screen and (min-width: 980px ) { .padded_lg, .padded_lg_bottom { padding-bottom: 80px; } } /* ========================================================================== Helpers ============================================================================= */ .absolute { position: absolute; } .relative { position: relative; } .fixed { position: fixed; } .static { position: static; } .block { display: block; } .none { display: none; } .block_link { display: block; } .inline { display: inline; } .inline_block { display: inline-block; } .full_height { height: 100%; } .full_width { width: 100%; } .full { width: 100%; height: 100%; } .left, .block_left { float: left; } .block_left { margin: 0 20px 20px 0; } .right, .block_right { float: right; } .block_right { margin: 0 0 20px 20px; } .clear { clear: both; } .clearfix:after, .header:after, .site_search:after, .site_links:after, .breadcrumb_nav:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .contain { overflow: hidden; } .no_select, .no_select * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hide { display: none !important; visibility: hidden; } .visually_hide, .main_nav_heading { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .visually_hide.focusable:active, .visually_hide.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .invisible { visibility: hidden; } .offscreen { width: 1px; height: 1px; position: absolute; left: -999px; overflow: hidden; z-index: -999; } .print { display: none; } .video_frame { width: 100%; position: relative; padding-bottom: 56.25%; } .video_frame iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* ========================================================================== Angles ============================================================================= */ .slant, .slant_background { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; } .slant_reset, .slant_background_reset { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .slant_background_reset { width: 130%; margin-left: -15%; margin-right: -15%; } /* ========================================================================== Transitions ============================================================================= */ .transition_default { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .transition_default_ease { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } /* ========================================================================== Images ============================================================================= */ .image_1_1 { padding-top: 100%; } .image_16_9 { padding-top: 56.25%; } .image_3_2 { padding-top: 66.66666667%; } .image_3_4 { padding-top: 133.33333333%; } .responsive_image, .campus_block_figure, .topic_block_figure, .media_gallery_background, .promotional_figure, .home_feature_article_image { display: block; } .responsive_image picture, .campus_block_figure picture, .topic_block_figure picture, .media_gallery_background picture, .promotional_figure picture, .home_feature_article_image picture { display: block; } .responsive_image img, .campus_block_figure img, .topic_block_figure img, .media_gallery_background img, .promotional_figure img, .home_feature_article_image img { width: 100%; } /* ========================================================================== Colors ============================================================================= */ .color_black { color: #000; } .color_white { color: #fff; } .color_gold { color: #B6A16B; } .color_yellow { color: #FCB525; } .color_orange { color: #EC6223; } .color_green { color: #006156; } .color_blue { color: #003A5D; } .color_purple { color: #5C0F8B; } .color_gray_10 { color: #EAEAEA; } .color_gray_20 { color: #CCCCCC; } .color_gray_30 { color: #B2B2B2; } .color_gray_40 { color: #999999; } .color_gray_50 { color: #808080; } .color_gray_60 { color: #666666; } .color_gray_70 { color: #4D4D4D; } .color_gray_80 { color: #333333; } .color_gray_90 { color: #222222; } .color_tan_1 { color: #FAF9F3; } .color_tan_2 { color: #E6E3DE; } .color_tan_3 { color: #F4F1E8; } .color_bv_red { color: #73243D; } .color_bv_gray { color: #AEADAB; } .color_bv_yellow { color: #FFB819; } .color_bv_orange { color: #FF3835; } .color_bv_green { color: #6F8C37; } .color_bv_blue { color: #3C6C8A; } .color_bv_purple { color: #A24BAB; } /* ========================================================================== Backgrounds ============================================================================= */ .bg_black { background-color: #000; } .bg_white { background-color: #fff; } .bg_gold { background-color: #B6A16B; } .bg_gold_new { background-color: #B5A36A; } .bg_yellow { background-color: #FCB525; } .bg_orange { background-color: #EC6223; } .bg_green { background-color: #006156; } .bg_blue { background-color: #003A5D; } .bg_purple { background-color: #5C0F8B; } .bg_gray_10 { background-color: #EAEAEA; } .bg_gray_20 { background-color: #CCCCCC; } .bg_gray_30 { background-color: #B2B2B2; } .bg_gray_40 { background-color: #999999; } .bg_gray_50 { background-color: #808080; } .bg_gray_60 { background-color: #666666; } .bg_gray_70 { background-color: #4D4D4D; } .bg_gray_80 { background-color: #333333; } .bg_gray_90 { background-color: #222222; } .bg_tan_1 { background-color: #FAF9F3; } .bg_tan_2 { background-color: #E6E3DE; } .bg_tan_3 { background-color: #F4F1E8; } .bg_bv_red { background-color: #73243D; } .bg_bv_gray { background-color: #AEADAB; } .bg_bv_yellow { background-color: #FFB819; } .bg_bv_orange { background-color: #FF3835; } .bg_bv_green { background-color: #6F8C37; } .bg_bv_blue { background-color: #3C6C8A; } .bg_bv_purple { background-color: #A24BAB; } /* ========================================================================== Borders ============================================================================= */ /* ========================================================================== Media Queries ============================================================================= */ /* ========================================================================== Controls ============================================================================= */ .angled_control { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; width: 50px; height: 50px; background-color: #999999; display: block; float: left; background: rgba(0, 0, 0, 0.4); margin: 0 10px 0 0; } .angled_control, .angled_control:link, .angled_control:visited, .angled_control:hover, .angled_control:active, .angled_control:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } .angled_control:focus { outline: none; } .angled_control span { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; width: 50px; height: 50px; display: block; position: relative; overflow: hidden; text-indent: 200%; white-space: nowrap; } .angled_control span:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .angled_control span:before { background-image: url(/images/icons.svg?version=1608051801885); } .angled_control span:before { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 8px; margin: auto; } .angled_control.previous span:before { width: 8px; height: 14px; background-position: -70px -70px; } .angled_control.next span:before { width: 8px; height: 14px; background-position: -80px -70px; } .angled_control.fs-carousel-visible, .angled_control:hover { background-color: #4D4D4D; background: rgba(0, 0, 0, 0.7); } /* ========================================================================== Navigation Menu / Close ============================================================================= */ .animated_close, .mobile_control_menu { position: relative; background-color: #000; } .animated_close:before, .animated_close:after, .mobile_control_menu:before, .mobile_control_menu:after { position: absolute; display: block; background-color: #fff; top: 0; right: 0; left: 0; bottom: 0; content: ''; margin: auto; -webkit-transition: box-shadow 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease; transition: box-shadow 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease; transition: box-shadow 0.25s ease, opacity 0.25s ease, transform 0.25s ease; transition: box-shadow 0.25s ease, opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease; } .animated_close:before, .mobile_control_menu:before { height: 2px; width: 16px; opacity: 0; } .animated_close:after, .mobile_control_menu:after { height: 2px; width: 16px; box-shadow: 0 -5px 0 0 #fff, 0 5px 0 0 #fff; } .animated_close:focus, .mobile_control_menu:focus { outline: none; } @media only screen and (min-width: 980px ) { .animated_close, .mobile_control_menu { display: none; } } .animated_close.fs-navigation-open:before, .mobile_control_menu.fs-navigation-open:before { opacity: 1; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .animated_close.fs-navigation-open:after, .mobile_control_menu.fs-navigation-open:after { box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } /* ========================================================================== Overlay Close ============================================================================= */ .overlay_close, .lindenwood.fs-lightbox-mobile .fs-lightbox-close, .home_feature_overlay_close { display: block; position: absolute; overflow: hidden; width: 40px; height: 40px; background-color: #000; top: 0; right: 0; z-index: 12; border-radius: 0; text-indent: 200%; white-space: nowrap; } @media only screen and (min-width: 980px ) { .overlay_close, .lindenwood.fs-lightbox-mobile .fs-lightbox-close, .home_feature_overlay_close { width: 60px; height: 60px; } } .overlay_close:before, .lindenwood.fs-lightbox-mobile .fs-lightbox-close:before, .home_feature_overlay_close:before { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "\00d7"; display: block; font-size: 20px; line-height: 36px; margin: auto; text-align: center; text-indent: 0; -webkit-transition: color 0.15s linear; transition: color 0.15s linear; } @media only screen and (min-width: 980px ) { .overlay_close:before, .lindenwood.fs-lightbox-mobile .fs-lightbox-close:before, .home_feature_overlay_close:before { font-size: 30px; line-height: 54px; } } /* ========================================================================== Fonts ============================================================================= */ @font-face { font-family: "Trade Gothic W01 Roman"; src: url("/fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot"); src: url("/fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot") format("eot"), url("/fonts/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2") format("woff2"), url("/fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"), url("/fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"), url("/fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg") format("svg"); } @font-face { font-family: "Trade Gothic W01 Obl"; src: url("/fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot"); src: url("/fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot") format("eot"), url("/fonts/402df645-4a32-4a66-9584-257f7972c133.woff2") format("woff2"), url("/fonts/1c164451-034c-41f5-9542-390709016510.woff") format("woff"), url("/fonts/7062b4ff-265a-4366-b34f-443ec5cc2dad.ttf") format("truetype"), url("/fonts/09f52831-e1cf-48be-9c1e-2d1577e420b7.svg") format("svg"); } @font-face { font-family: "Trade Gothic W01 Bold"; src: url("/fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot"); src: url("/fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot") format("eot"), url("/fonts/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"), url("/fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"), url("/fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"), url("/fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg") format("svg"); } @font-face { font-family: "TradeGothicW01-BoldObl"; src: url("/fonts/5c90cd43-1e43-418c-b94c-e0687d8c2dc4.eot"); src: url("/fonts/5c90cd43-1e43-418c-b94c-e0687d8c2dc4.eot") format("eot"), url("/fonts/28713fce-3c78-4ec7-86bd-fc6da65d2b1c.woff2") format("woff2"), url("/fonts/746f551e-eccf-461a-93a8-b885802a32a5.woff") format("woff"), url("/fonts/e721a83e-fd4b-4dd9-82fd-76f3108e7e16.ttf") format("truetype"), url("/fonts/ee5ac1bd-d9cf-43b7-8e09-407b4c5d4e9e.svg") format("svg"); } @font-face { font-family: "TradeGothicW01-BoldCn20_675334"; src: url("/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot"); src: url("/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot") format("eot"), url("/fonts/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"), url("/fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"), url("/fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"), url("/fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg") format("svg"); } @font-face { font-family: "Trade Gothic LT W04 Roman"; src: url("/fonts/52926f65-1323-4d02-be2d-934b4de477fb.eot"); src: url("/fonts/52926f65-1323-4d02-be2d-934b4de477fb.eot") format("eot"), url("/fonts/54b9363e-aa6c-48e2-85c7-80683d83e617.woff2") format("woff2"), url("/fonts/c092dbc5-48eb-4b39-a898-4d4150c06459.woff") format("woff"), url("/fonts/1009b9de-005c-4462-9495-767c25320e42.ttf") format("truetype"), url("/fonts/26ce2652-3a0b-4804-87b6-58c68e5d60f6.svg") format("svg"); } @font-face { font-family: "alex_brushregular"; src: url("/fonts/alexbrush-regular-webfont.eot"); src: url("/fonts/alexbrush-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alexbrush-regular-webfont.woff2") format("woff2"), url("/fonts/alexbrush-regular-webfont.woff") format("woff"), url("/fonts/alexbrush-regular-webfont.ttf") format("truetype"), url("/fonts/alexbrush-regular-webfont.svg") format("svg"); font-weight: normal; font-style: normal; } .trade { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; } .trade_italic { font-family: "Trade Gothic W01 Obl", sans-serif; font-style: normal; font-weight: normal; } .trade_bold { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; } .trade_bold_italic { font-family: "TradeGothicW01-BoldObl", sans-serif; font-style: normal; font-weight: normal; } .trade_condensed { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; } .alex_brush { font-family: "alex_brushregular", serif; font-style: normal; font-weight: normal; } /* ========================================================================== Typography ============================================================================= */ .heading_1, .typography h1 { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 35px; font-size: 2.1875rem; letter-spacing: 0.05em; line-height: 1; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .heading_1, .typography h1 { font-size: 45px; font-size: 2.8125rem; } } @media only screen and (min-width: 980px ) { .heading_1, .typography h1 { font-size: 55px; font-size: 3.4375rem; } } .heading_2, .typography h2 { font-family: "Trade Gothic Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; font-size: 1.875rem; line-height: 1.4; } @media only screen and (min-width: 740px ) { .heading_2, .typography h2 { font-size: 36px; font-size: 2.25rem; } } @media only screen and (min-width: 980px ) { .heading_2, .typography h2 { font-size: 40px; font-size: 2.5rem; } } .heading_3, .typography h3 { font-family: "Trade Gothic Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 24px; font-size: 1.5rem; letter-spacing: 0.05em; line-height: 1.4; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .heading_3, .typography h3 { font-size: 30px; font-size: 1.875rem; } } @media only screen and (min-width: 980px ) { .heading_3, .typography h3 { font-size: 34px; font-size: 2.125rem; } } .heading_4, .typography h4 { font-family: "Trade Gothic Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; font-size: 1.375rem; line-height: 1.4; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .heading_4, .typography h4 { font-size: 26px; font-size: 1.625rem; } } @media only screen and (min-width: 980px ) { .heading_4, .typography h4 { font-size: 24px; font-size: 1.5rem; } } .heading_5, .typography h5 { font-family: "Trade Gothic Bold", serif; font-style: normal; font-weight: normal; font-size: 22px; font-size: 1.375rem; line-height: 1.4; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .heading_5, .typography h5 { font-size: 26px; font-size: 1.625rem; } } @media only screen and (min-width: 980px ) { .heading_5, .typography h5 { font-size: 24px; font-size: 1.5rem; } } .heading_6, .typography h6 { font-family: "Trade Gothic Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 1rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .heading_6, .typography h6 { font-size: 16px; font-size: 1rem; } } .body_text, .typography { font-family: "Trade Gothic", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; } @media only screen and (min-width: 740px ) { .body_text, .typography { font-size: 18px; font-size: 1.125rem; } } a { text-decoration: none; } a, a:link, a:visited, a:hover, a:active, a:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } .touchevents a[href^=tel] { color: inherit; } .base_link, .typography :link, .typography :visited { color: #000; border-bottom: 2px solid #B6A16B; } .belleville .base_link, .belleville .typography :link, .belleville .typography :visited { border-color: #73243D; } .belleville .base_link:active, .belleville .base_link:focus, .belleville .base_link:hover, .belleville .typography :link:active, .belleville .typography :link:focus, .belleville .typography :link:hover, .belleville .typography :visited:active, .belleville .typography :visited:focus, .belleville .typography :visited:hover { color: #73243D; } .base_link:active, .base_link:focus, .base_link:hover, .typography :link:active, .typography :link:focus, .typography :link:hover, .typography :visited:active, .typography :visited:focus, .typography :visited:hover { color: #B6A16B; } .link_reset { border-bottom-width: 0; padding-bottom: 0; } /* .label_text { .ideal_light; .font_size(14); .line_height(17, 14); letter-spacing: 0.43px; text-transform: uppercase; } */ .intro_text, .typography .intro { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 21px; font-size: 1.3125rem; color: #000; line-height: 1.4; } @media only screen and (min-width: 740px ) { .intro_text, .typography .intro { font-size: 23px; font-size: 1.4375rem; } } @media only screen and (min-width: 1220px ) { .intro_text, .typography .intro { font-size: 25px; font-size: 1.5625rem; } } .caption_text, .typography .content_figure figcaption { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; line-height: 1.4; } @media only screen and (min-width: 740px ) { .caption_text, .typography .content_figure figcaption { font-size: 14px; font-size: 0.875rem; } } /* .label_title_text { .ideal_light; .font_size(14); .line_height(20, 14); letter-spacing: 0.75px; text-transform: uppercase; @media @min_md { .font_size(16); letter-spacing: 1.33px; } } */ em { font-style: italic; } strong { font-weight: bold; } .typography { color: #4D4D4D; } .typography h1 { color: #000; margin: 40px 0 10px; } .typography h2 { color: #B6A16B; margin: 40px 0 10px; } .belleville .typography h2 { color: #73243D; } .typography h3 { color: #000; margin: 30px 0 10px; } .typography h4 { color: #000; margin: 30px 0 10px; } .typography h5 { color: #000; margin: 30px 0 10px; } .typography h6 { color: #000; margin: 30px 0 10px; } .typography p { margin: 20px 0; } .page_content .typography > p.intro:last-child { margin-bottom: 20px; } @media only screen and (min-width: 740px ) and (max-width: 979px ) { .page_content .page_header_typography { padding-top: 30px; } } .page_content .page_header_typography h1:last-child { margin-bottom: 20px; } .page_header_typography + .cta_programs { margin-top: 0; } /* WYSIWYG Images ============================================================================= */ .typography img { max-width: 50%; } .typography .block_center { max-width: 100%; } .typography .block_left, .typography .block_right { width: auto; display: table; } @media only screen and (max-width: 499px ) { .typography .block_left, .typography .block_right { max-width: 100%; float: none; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 499px ) { .typography .content_figure.block_right { margin-left: 0; } } @media only screen and (min-width: 500px ) { .typography .content_figure { max-width: 50%; } } .typography .content_figure img { display: block; max-width: 100%; } .typography .content_figure figcaption { display: block; color: #666666; caption-side: bottom; display: table-caption; padding: 18px 0; } .typography .content_figure.block_full figcaption { display: block; } /* Blockquote ============================================================================= .blockquote_base { &:extend(.heading_5); .color_black; .relative; .text_center; .margined; border: 1px solid @gray_faint; border-top-color: @buff; border-top-width: 3px; margin-right: 0; margin-left: 0; padding: 8% 10%; p { .relative; margin: 0; &:before, &:after { .absolute; .inline_block; .color_blue; .font_size(32); line-height: 1; } &:before { content: "\201C"; margin-left: -20px; } &:after { content: "\201D"; margin-left: 10px; } } } .typography { blockquote { &:extend(.blockquote_base all); } } .quote { &:extend(.blockquote_base all); } .quote_content { margin: 0; p {} } .quote_caption { &:extend(.heading_6); margin-top: 20px; @media @min_md { margin-top: 30px; } } .quote_cite { text-transform: uppercase; } .quote_cite_label { opacity: 0.5; @media @max_md { .block; } } */ /* Lists ============================================================================= */ .typography ol, .typography ul { padding: 0; margin: 20px 0; } @media only screen and (min-width: 740px ) { .typography ol, .typography ul { margin: 30px 0; } } .typography ol li, .typography ul li { position: relative; margin: 15px 0; padding: 0 0 0 20px; } @media only screen and (min-width: 740px ) { .typography ol li, .typography ul li { margin: 20px 0; padding: 0 0 0 40px; } } .typography ol ol, .typography ul ol, .typography ol ul, .typography ul ul { margin: 0; } .typography ol { counter-reset: li; } .typography ol > li { display: block; list-style: none; } .typography ol > li:before { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; color: #B6A16B; width: 50px; content: counter(li) ". "; counter-increment: li; float: left; line-height: 1; margin: 4px 0 0 -58px; text-align: right; } .belleville .typography ol > li:before { color: #73243D; } @media only screen and (min-width: 740px ) { .typography ol > li:before { font-size: 19px; font-size: 1.1875rem; margin: 4px 0 0 -65px; } } .typography ol[type="a"] > li:before { content: counter(li, lower-alpha) ". "; } .typography ol[type="A"] > li:before { content: counter(li, upper-alpha) ". "; } .typography ol[type="i"] > li:before { content: counter(li, lower-roman) ". "; } .typography ol[type="I"] > li:before { content: counter(li, upper-roman) ". "; } .typography ul { list-style: none; } .typography ul li:before { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; background-color: #B6A16B; width: 5px; height: 5px; content: ""; display: block; float: left; margin: 9px 0 0 -15px; } @media only screen and (min-width: 740px ) { .typography ul li:before { width: 7px; height: 7px; margin: 10px 0 0 -25px; } } .belleville .typography ul li:before { background-color: #73243D; } /* Tables ============================================================================= */ .typography table { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; color: #000; margin: 30px 0; } @media only screen and (min-width: 740px ) { .typography table { font-size: 16px; font-size: 1rem; } } .typography table thead td, .typography table th { background-color: #B6A16B; color: #000000; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; text-align: left; text-transform: none; vertical-align: top; } .belleville .typography table thead td, .belleville .typography table th { background-color: #73243D; } .typography table tr { background-color: #fff; border-bottom: 1px solid #EAEAEA; } .typography table tr:nth-child(odd) { background-color: #FAF9F3; } .typography table th, .typography table td { padding: 10px 15px; vertical-align: top; } @media only screen and (min-width: 740px ) { .typography table th, .typography table td { padding: 15px 20px; } } .typography table td:first-child { border-left: 1px solid #EAEAEA; } .typography table td:last-child { border-right: 1px solid #EAEAEA; } .typography .table_wrapper { min-height: 0.01%; } .typography .table_wrapper.table_wrapper_overflow { position: relative; width: 100%; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; margin: 30px 0; } .typography .table_wrapper.table_wrapper_overflow:after { position: absolute; background-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05))); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0d000000', GradientType=1); width: 20px; height: 100%; top: 0; right: 0; content: ""; } .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner { overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table { margin: 0; border: 0; } .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tbody { border: none; } .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > thead > tr > th:first-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tbody > tr > th:first-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tfoot > tr > th:first-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > thead > tr > td:first-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tbody > tr > td:first-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tfoot > tr > td:first-child { border-left: none; } .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > thead > tr > th:last-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tbody > tr > th:last-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tfoot > tr > th:last-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > thead > tr > td:last-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tbody > tr > td:last-child, .typography .table_wrapper.table_wrapper_overflow .table_wrapper_inner > table > tfoot > tr > td:last-child { border-right: none; } /* ========================================================================== Forms ============================================================================= */ fieldset { border: 0; margin: 0; padding: 0; } input, textarea { border: none; border-radius: 0; padding: 0; -webkit-appearance: none; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } input::-ms-clear { width: 0; height: 0; } textarea { resize: vertical; } ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #4D4D4D; } .form fieldset { margin: 0 0 25px 0; } .form label, .form legend { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; display: block; color: #808080; letter-spacing: 0.1em; margin: 0 0 15px; text-transform: uppercase; } .form .sublabel { font-size: 11px; font-size: 0.6875rem; color: #999999; margin: 10px 0 15px; } .form input[type=text], .form input[type=email], .form input[type=tel], .form input[type=url], .form input[type=number], .form input[type=date], .form textarea { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; color: #4D4D4D; background-color: #fff; width: 100%; border: 1px solid #CCCCCC; line-height: 1.2; margin: 0; padding: 10px 15px; } @media only screen and (min-width: 740px ) { .form input[type=text], .form input[type=email], .form input[type=tel], .form input[type=url], .form input[type=number], .form input[type=date], .form textarea { padding: 15px 20px; } } .form input[type="checkbox"], .form input[type="radio"] { margin: 0 0 15px; } .form textarea { min-height: 150px; } @media only screen and (min-width: 980px ) { .typography .form input, .typography .form textarea, .typography .form .fs-dropdown { margin-left: -25px; } } .form .checkbox_label { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; color: #4D4D4D; font-size: 16px; font-size: 1rem; display: inline-block; letter-spacing: 0; line-height: 1.2; margin: 4px 0 0 15px; text-transform: none; } .form .required label:after, .form .required legend:after { width: 5px; height: 5px; background-color: #B6A16B; display: block; border-radius: 100%; content: ''; display: inline-block; margin: 4px 0 0 8px; vertical-align: text-top; } .belleville .form .required label:after, .belleville .form .required legend:after { background-color: #73243D; } .form .required .checkbox_label:after { display: none; } .form .required .sublabel:after { display: none; } .form .required .required label:after, .form .required .required legend:after { display: none; } .form .error label, .form .error legend { color: #EC6223; } .form .error label:after, .form .error legend:after { background-color: #EC6223; } .form .error input[type=text], .form .error input[type=email], .form .error input[type=tel], .form .error input[type=url], .form .error input[type=number], .form .error input[type=date], .form .error textarea { border-color: #EC6223; } @media only screen and (min-width: 740px ) { .form_builder .form_builder_split, .form_builder .form_builder_column { float: left; width: 49%; } .form_builder .form_builder_split:nth-child(even), .form_builder .form_builder_column:nth-child(even) { float: right; } } .form_builder .form_builder_date_2, .form_builder .form_builder_date_4, .form_builder .form_builder_phone_3, .form_builder .form_builder_phone_4 { float: left; margin-right: 2%; } .form_builder .form_builder_date_2 { width: 65px; } .form_builder .form_builder_date_4 { width: 85px; } .form_builder .form_builder_phone_3 { width: 78px; } .form_builder .form_builder_phone_4 { width: 85px; } .form_builder .form_builder_section_header { margin: 0 0 25px; } .form_builder .form_builder_errors { margin: 0 0 25px; } .form_builder .form_builder_errors p { background-color: #EC6223; color: #fff; font-size: 13px; font-size: 0.8125rem; margin: 0 0 10px; padding: 10px 20px; } /* ========================================================================== Base Icons ============================================================================= */ .icon_only .icon_text { display: none !important; visibility: hidden; } .icon_before:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .icon_before:before { background-image: url(/images/icons.svg?version=1608051801885); } .icon_after:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .icon_after:after { background-image: url(/images/icons.svg?version=1608051801885); } .icon_left:before { margin-right: 10px; } .icon_right:after { margin-left: 10px; } .icon_center { position: relative; display: block; line-height: 1; overflow: hidden; text-indent: 100%; } .icon_center:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; margin: auto; } .svg .icon_center:after { background-image: url(/images/icons.svg?version=1608051801885); } /* ========================================================================== Text Icons ============================================================================= */ /* ========================================================================== Image Icons ============================================================================= */ /* Social ============================================================================= */ /* Search ============================================================================= */ /* Misc ============================================================================= */ /* Logos ============================================================================= */ /* ========================================================================== Buttons ============================================================================= */ button { background: none; border: none; padding: 0; } .button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; } .button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .button_slim { padding: 7px 20px; } .button_reset { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .button_white { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; } .button_white span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .button_white:focus, .button_white:hover { background-color: #B6A16B; } .button_red { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #73243D; color: #000; } .button_red span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .button_red:focus, .button_red:hover { background-color: #fff; } .button_black { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #000; color: #fff; } .button_black span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .button_black:focus, .button_black:hover { background-color: #fff; color: #000; } .button_gold { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #B6A16B; color: #fff; } .button_gold span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .button_gold:focus, .button_gold:hover { background-color: #000; } .button_bv_red { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #73243D; color: #fff; } .button_bv_red span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .button_bv_red:focus, .button_bv_red:hover { background-color: #000; } /* ========================================================================== Header ============================================================================= */ .header { position: relative; background-color: #000; z-index: 10; padding: 10px 0 10px; } .header:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .header:before { height: 10px; bottom: -9px; } .header:before { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); } @media only screen and (min-width: 740px ) { .header:before { height: 20px; bottom: -19px; } } @media only screen and (min-width: 980px ) { .header { padding: 30px 0 0; } .header:before { height: 30px; bottom: -29px; } } @media only screen and (min-width: 980px ) and (min-height: 800px ) { } @media only screen and (min-width: 1220px ) { .header:before { height: 40px; bottom: -39px; } } @media only screen and (min-width: 980px ) { .header.header_transparent { background-color: transparent; } .header.header_transparent:after { background-color: transparent; } } @media only screen and (min-width: 980px ) { .header.header_absolute { position: absolute; top: 0; left: 0; right: 0; } } @media only screen and (max-width: 979px ) { .fs-grid .header .fs-row { width: 98%; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } } .belleville .header { background-color: #73243D; } @media only screen and (min-width: 980px ) and (min-height: 800px ) { } .header_logo { float: left; margin: 8px 0 0; } @media only screen and (min-width: 980px ) { .header_logo { margin: 40px 0 30px; } } @media only screen and (min-width: 980px ) { .home_page .header_logo { float: none; } } @media only screen and (min-width: 980px ) { .belleville .header_logo { margin: 20px 0 2px 0; } } @media only screen and (min-width: 980px ) { .home_alumni .header_logo, .alumni .header_logo { margin: 16px 0 2px 0; } } .header_logo_label { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; color: #FFB819; font-size: 12px; font-size: 0.75rem; display: block; margin: 0 0 3px; text-transform: uppercase; } @media only screen and (min-width: 980px ) { .header_logo_label { font-size: 14px; font-size: 0.875rem; margin: 5px 0; } } @media only screen and (min-width: 1220px ) { .header_logo_label { font-size: 16px; font-size: 1rem; } } .header_logo_heading { margin: 0; } .header_logo_link { display: block; overflow: hidden; text-indent: 200%; white-space: nowrap; background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; width: 200px; height: 38px; background-size: 100% auto; } .svg .header_logo_link { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 980px ) { .header_logo_link { overflow: hidden; text-indent: 200%; white-space: nowrap; background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; width: 342px; height: 65px; background-size: 100% auto; } .svg .header_logo_link { background-image: url(/images/icons.svg?version=1608051801885); } } @media only screen and (min-width: 980px ) { .home_page.stcharles .header_logo_link { overflow: hidden; text-indent: 200%; white-space: nowrap; width: 940px; height: 172px; background: url(/images/logo_home.png?version=1608051801885) no-repeat 0 0; background-size: 100% auto; } .svg .home_page.stcharles .header_logo_link { background-image: url(/images/logo_home.svg?version=1608051801885); background-size: 100% auto; } } @media only screen and (min-width: 1220px ) { } @media only screen and (min-width: 980px ) { .home_page.stcharles .header_logo_link { margin-right: auto; margin-left: auto; } } @media only screen and (max-width: 979px ) { .belleville .header_logo_link { width: 158px; height: 30px; } } /* ========================================================================== Footer ============================================================================= */ .footer { overflow: hidden; } @media only screen and (max-width: 499px ) { .footer { text-align: center; } } .footer_wrapper .fs-background-container:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.8); content: ''; } .footer_content { position: relative; z-index: 2; } .footer_heading, .campus_block_heading, .social_nav_heading { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; color: rgba(255, 255, 255, 0.7); margin: 0 0 15px; } @media only screen and (min-width: 980px ) { .footer_heading, .campus_block_heading, .social_nav_heading { margin: 0 0 20px; } } /* ========================================================================== Contact Block ============================================================================= */ .contact_block { position: relative; z-index: 1; padding: 40px 0 30px; } @media only screen and (max-width: 979px ) { .contact_block { overflow: hidden; } } @media only screen and (min-width: 980px ) { .contact_block { padding: 60px 0; } } @media only screen and (min-width: 1220px ) { .contact_block { padding: 80px 0; } } /* ========================================================================== Address Block ============================================================================= */ .address_info { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; color: #fff; line-height: 1.4; margin: 20px 0; } @media only screen and (min-width: 740px ) { .address_info { font-size: 22px; font-size: 1.375rem; } } @media only screen and (min-width: 980px ) { .address_info { font-size: 26px; font-size: 1.625rem; } } .address_info a { color: inherit; } .footer_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #B6A16B; color: #fff; color: #000; width: 180px; margin-bottom: 5px; } .footer_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .footer_button:focus, .footer_button:hover { background-color: #000; } @media only screen and (min-width: 500px ) { .footer_button { width: auto; } } .footer_button:last-child { margin-left: -12px; } @media only screen and (min-width: 500px ) { .footer_button:last-child { margin-left: 0; } } .footer_button:focus, .footer_button:hover { background-color: #fff; } .belleville .footer_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #73243D; color: #fff; } .belleville .footer_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .belleville .footer_button:focus, .belleville .footer_button:hover { background-color: #000; } /* ========================================================================== Campus Block ============================================================================= */ .campus_block { position: relative; background-color: #003A5D; margin-bottom: 20px; text-align: left; } .alumni .campus_block { background-color: #B5A36A; } @media only screen and (min-width: 980px ) { .campus_block { margin-bottom: 0; } .campus_block:before, .campus_block:after { position: absolute; background: inherit; height: 100%; top: 0; bottom: 0; content: ''; } .campus_block:before { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; width: 100%; left: -45%; } .campus_block:after { width: 1000px; right: -1000px; } } @media only screen and (min-width: 1220px ) { .campus_block:before { left: -60%; } } .belleville .campus_block { background-color: #B6A16B; } .campus_block_wrapper { position: relative; z-index: 1; } @media only screen and (max-width: 979px ) { .campus_block_wrapper { overflow: hidden; } } @media only screen and (min-width: 980px ) { .campus_block_wrapper { padding: 60px 0; } } @media only screen and (min-width: 1220px ) { .campus_block_wrapper { padding: 80px 0; } } .campus_block_figure { width: 100%; } @media only screen and (min-width: 500px ) and (max-width: 979px ) { .campus_block_figure { float: right; width: 30%; margin: 30px 30px 30px 0; } } @media only screen and (min-width: 980px ) { .campus_block_figure { margin-bottom: 20px; } } .campus_block_content { background-color: #003A5D; } @media only screen and (max-width: 499px ) { .campus_block_content { position: relative; padding: 20px; } .campus_block_content:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .campus_block_content:before { height: 15px; top: -14px; } .campus_block_content:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } } .belleville .campus_block_content { background-color: #B6A16B; } .alumni .campus_block_content { background-color: #B5A36A; } .campus_block_content_wrapper { position: relative; z-index: 2; } @media only screen and (min-width: 500px ) and (max-width: 979px ) { .campus_block_content_wrapper { overflow: hidden; padding: 30px; } } .alumni .campus_block_heading.above { color: #000; } @media only screen and (max-width: 979px ) { .campus_block_heading.above { display: none !important; visibility: hidden; } } @media only screen and (min-width: 980px ) { .campus_block_heading.below { display: none !important; visibility: hidden; } } .campus_block_description p { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; color: #fff; line-height: 1.6; } .alumni .campus_block_description p { color: #000; } @media only screen and (min-width: 740px ) { .campus_block_description p { font-size: 16px; font-size: 1rem; } } .campus_block_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #000; color: #fff; } .campus_block_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .campus_block_button:focus, .campus_block_button:hover { background-color: #fff; color: #000; } /* ========================================================================== Page ============================================================================= */ .page_wrapper { overflow: hidden; position: relative; } .page { background-color: #FAF9F3; overflow: hidden; padding: 0; } @media only screen and (min-width: 980px ) { .page { background-image: linear-gradient(to right, #FAF9F3 0%, #FAF9F3 1725px, #fff 1725px, #fff 100%); background-size: 3000px 1px; background-repeat: repeat-y; background-position: center top; padding: 40px 0 0; } } @media only screen and (min-width: 1220px ) { .page { background-image: linear-gradient(to right, #FAF9F3 0%, #FAF9F3 1788px, #fff 1788px, #fff 100%); padding: 50px 0 0; } } .page:focus, .page:active { outline: none; } .home_page .page, .home_alumni .page { background-image: none; padding: 0; } .page_image_header { margin-right: -10%; margin-left: -10%; padding-right: 10%; padding-left: 10%; display: block; background-color: #222222; margin-bottom: 30px; padding-top: 75px; } @media only screen and (min-width: 740px ) { .page_image_header { margin-right: -20%; margin-left: -20%; padding-right: 20%; padding-left: 20%; } } @media only screen and (min-width: 980px ) { .page_image_header { margin-right: -75px; margin-left: -150px; padding-right: 75px; padding-left: 150px; } } @media only screen and (min-width: 1220px ) { .page_image_header { margin-right: -100px; padding-right: 100px; } } @media only screen and (min-width: 980px ) { .page_image_header { margin-top: -40px; } } @media only screen and (min-width: 500px ) { .page_image_header { padding-top: 200px; } } @media only screen and (min-width: 740px ) { .page_image_header { padding-top: 300px; } } @media only screen and (min-width: 980px ) { .page_image_header { padding-top: 350px; } } @media only screen and (min-width: 1220px ) { .page_image_header { padding-top: 350px; } } .page_image_header .fs-background-container { right: 0; left: 0; } .page_image_header .fs-background-container:after { background-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0); position: absolute; display: block; height: 50%; width: 100%; top: auto; right: 0; left: 0; bottom: 0; z-index: 2; content: ''; } .page_image_header h1 { color: #fff; margin-top: 0; } .page_image_header_content { position: relative; z-index: 2; } .page_content .typography > :last-child { margin-bottom: 30px; } @media only screen and (min-width: 740px ) { .page_content .typography > :last-child { margin-bottom: 50px; } } .page_content_main { padding-bottom: 40px; } @media only screen and (min-width: 980px ) { .page_content_main { padding-bottom: 60px; } } .page_sidebar { padding-bottom: 40px; clear: right; } @media only screen and (min-width: 980px ) { .page_sidebar { padding-bottom: 60px; } } .page_full { background-color: #FAF9F3; background-image: none; } .columned_content { clear: both; } @media only screen and (min-width: 980px ) { .columned_content .fs-cell:first-child { padding-right: 20px; } } @media only screen and (min-width: 980px ) { .columned_content .fs-cell:last-child { padding-left: 20px; } } .page_callouts { background-color: #F4F1E8; position: relative; padding-bottom: 40px; } .page_callouts:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .page_callouts:before { height: 30px; top: -29px; } .page_callouts:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } @media only screen and (min-width: 980px ) { .page_callouts { padding-bottom: 60px; } } .page_callouts:empty { display: none !important; visibility: hidden; } .home_page .page_callouts, .home_alumni .page_callouts { background-color: transparent; } .page_callouts > *:last-child { margin-bottom: 0; } /* ========================================================================== Component Reference ============================================================================= */ /* CRL Basics ============================================================================= */ .cr_heading { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; margin-top: 40px; margin-bottom: 40px; color: #999999; letter-spacing: 0.05em; text-transform: uppercase; } @media only screen and (min-width: 980px ) { .cr_heading { margin-top: 60px; } } @media only screen and (min-width: 980px ) { .cr_heading { margin-bottom: 60px; } } .cr_description { font-size: 14px; font-size: 0.875rem; color: #999; line-height: 1.4; font-family: Arial, sans-serif; } /* Color Blocks ============================================================================= */ .cr_color_blocks { margin-bottom: 40px; } @media only screen and (min-width: 980px ) { .cr_color_blocks { margin-bottom: 60px; } } .cr_color_blocks:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .cr_color_block_cell { width: 97.91666667%; float: left; margin-left: 1.04166667%; margin-right: 1.04166667%; } @media screen and (min-width: 980px) { .cr_color_block_cell { width: 22.91666667%; } } @media screen and (min-width: 740px) and (max-width: 979px) { .cr_color_block_cell { width: 22.91666667%; } } @media screen and (max-width: 739px) { .cr_color_block_cell { width: 22.91666667%; } } @media screen and (max-width: 499px) { .cr_color_block_cell { width: 97.91666667%; } } .cr_color_block { position: relative; padding-top: 30%; } @media only screen and (min-width: 500px ) { .cr_color_block { padding-top: 50%; } .cr_color_block:first-child { padding-top: 100%; } } @media only screen and (min-width: 500px ) { .cr_color_block.slim { padding-top: 50%; } } @media only screen and (min-width: 500px ) { .cr_color_block.tiny { padding-top: 35%; } } .cr_color_block_content { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; position: absolute; top: 0; left: 0; z-index: 1; line-height: 1.4; padding: 15px; } @media only screen and (min-width: 740px ) { .cr_color_block_content { padding: 20px 25px; } } /* Fonts ============================================================================= */ .cr_font { font-size: 48px; font-size: 3rem; color: #000; border-bottom: 1px solid #CCCCCC; line-height: 1; margin-bottom: 30px; padding-bottom: 40px; } /* CRL Buttons ============================================================================= */ .crl_buttons:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (max-width: 499px ) { .crl_buttons a { display: block; float: left; clear: left; margin: 10px 0; } } @media only screen and (min-width: 500px ) { .crl_buttons a { margin: 10px 10px 10px 0; } } @media only screen and (min-width: 500px ) { .crl_buttons a:last-child { margin-right: 0; } } /* .crl_button_text { .button_inline; &:nth-child(2) { .color_dodger; .hover_color_black; } &:nth-child(3) { .color_buff; .hover_color_green; } } .crl_button_text_arrow { .button_inline; &:nth-child(1) { .standard_link; } &:nth-child(2) { .standard_link; .color_black; .hover_color_dodger; } &:nth-child(3) { .standard_link; .color_dodger; .hover_color_green; } } .crl_button_block { .button_block; &:nth-child(1) { .icon_arrow_right; .inline_icon(16); .button_text_icon_after; .hover_icon_push; .icon_arrow_right_block; .bg_dodger; .color_white; .hover_bg_sky; .hover_color_blue; &:after { .color_blue; } } &:nth-child(2) { .color_black; .hover_color_white; .hover_bg_blue; box-shadow: inset 0 0 0 1px fade(@gray, 50); &:active, &:focus, &:hover { box-shadow: inset 0 0 0 1px transparent; } } &:nth-child(3) { .hover_color_white; .hover_bg_dodger; .bg_sky; .color_blue; &:after { .font_size(14); .color_white; .ssicon; content: "♥"; margin-left: 14px; } } } */ /* ========================================================================== Navigation Common ============================================================================= */ @media only screen and (max-width: 979px ) { .main_nav_desktop { display: none !important; visibility: hidden; } } /* ========================================================================== Main Nav ============================================================================= */ .main_nav_wrapper { border: 1px solid rgba(255, 255, 255, 0.3); border-width: 1px 0; padding: 0; } .main_nav { color: #fff; } .main_nav_list { text-transform: uppercase; } .main_nav_link { display: block; color: inherit; } .main_nav_link:focus, .main_nav_link:hover { color: #B6A16B; } .belleville .main_nav_link:focus, .belleville .main_nav_link:hover { color: #FFB819; } @media only screen and (min-width: 980px ) { .main_nav_toggle { display: none !important; visibility: hidden; } } .main_nav_children { padding: 18px 0 22px; } .main_nav_child_link { display: block; color: inherit; padding: 12px 20px 13px 36px; } .main_nav_child_link:focus, .main_nav_child_link:hover { color: #B6A16B; } .belleville .main_nav_child_link:focus .belleville .main_nav_child_link:hover { color: #FFB819; } /* Header ============================================================================= */ .main_nav_header { float: left; position: relative; width: 565px; z-index: 2; } @media only screen and (min-width: 1220px ) { .main_nav_header { width: 700px; } } .main_nav_header .main_nav_item { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; float: left; position: relative; } .main_nav_header .main_nav_item, .main_nav_header .main_nav_item:link, .main_nav_header .main_nav_item:visited, .main_nav_header .main_nav_item:hover, .main_nav_header .main_nav_item:active, .main_nav_header .main_nav_item:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } @media only screen and (min-width: 1220px ) { .main_nav_header .main_nav_item { font-size: 22px; font-size: 1.375rem; } } .main_nav_header .main_nav_item.focused, .main_nav_header .main_nav_item:hover { background-color: #222222; } .main_nav_header .main_nav_item.focused .main_nav_link, .main_nav_header .main_nav_item:hover .main_nav_link { color: #B6A16B; } .main_nav_header .main_nav_item.focused .main_nav_children, .main_nav_header .main_nav_item:hover .main_nav_children { opacity: 1; pointer-events: auto; visibility: visible; } .belleville .main_nav_header .main_nav_item:focus .main_nav_link, .belleville .main_nav_header .main_nav_item:hover .main_nav_link { color: #FFB819; } .main_nav_header .main_nav_item.active .main_nav_link { color: #B6A16B; } .belleville .main_nav_header .main_nav_item.active .main_nav_link { color: #FFB819; } .main_nav_header .main_nav_link { line-height: 72px; padding: 0 16px; } @media only screen and (min-width: 1220px ) { .main_nav_header .main_nav_link { padding: 0 24px; } } .main_nav_header .main_nav_link_active { color: #B6A16B; } .belleville .main_nav_header .main_nav_link_active { color: #FFB819; } .main_nav_header .main_nav_children { position: relative; position: absolute; background-color: #222222; color: #fff; width: 300px; top: 72px; padding: 15px 10px; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: opacity 0.25s linear, visibility 0.25s linear; transition: opacity 0.25s linear, visibility 0.25s linear; /* .belleville & { top: 72px; } */ } .main_nav_header .main_nav_children:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .main_nav_header .main_nav_children:before { height: 30px; bottom: -29px; } .main_nav_header .main_nav_children:before { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); } @media only screen and (min-width: 1220px ) { .main_nav_header .main_nav_children { width: 350px; } } .main_nav_header .main_nav_child_item { font-size: 15px; font-size: 0.9375rem; letter-spacing: 0.05em; } .main_nav_header .main_nav_child_link { line-height: 1.4; padding: 13px 13px; } .main_nav_header .main_nav_child_link:focus, .main_nav_header .main_nav_child_link:hover { background-color: #000; } .belleville .main_nav_header .main_nav_child_link:focus, .belleville .main_nav_header .main_nav_child_link:hover { color: #FFB819; } @media only screen and (min-width: 1220px ) { .main_nav_header .main_nav_child_link { padding: 13px 23px; } } /* Audience / Search ============================================================================= */ .site_search, .site_links { position: relative; float: right; width: 180px; height: 72px; padding: 15px 20px 0; } @media only screen and (min-width: 1220px ) { .site_search, .site_links { width: 230px; } } .site_search:before, .site_links:before { width: 1px; height: 50px; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; background-color: #fff; top: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.3); display: inline-block; margin: auto; content: ''; } .site_search { position: relative; width: 140px; padding-top: 17px; padding-right: 13px; } @media only screen and (min-width: 1220px ) { .site_search { width: 150px; padding-left: 30px; } } .site_search_toggle { position: relative; } .site_search_toggle .label { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; color: #fff; letter-spacing: 2px; margin-right: 10px; opacity: 0.9; text-transform: uppercase; -webkit-transition: color 0.25s; transition: color 0.25s; } .site_search_toggle .icon { width: 25px; height: 25px; overflow: hidden; display: inline-block; position: relative; bottom: -6px; background-color: #fff; border-radius: 100%; color: #000; } .site_search_toggle .icon:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .site_search_toggle .icon:after { background-image: url(/images/icons.svg?version=1608051801885); } .site_search_toggle .icon:after { width: 11px; height: 11px; background: url(/images/icons.png?version=1608051801885) no-repeat -250px -70px; position: absolute; top: 7px; left: 7px; } .svg .site_search_toggle .icon:after { background-image: url(/images/icons.svg?version=1608051801885); } .site_search_toggle:focus .label, .site_search_toggle:hover .label { color: #B6A16B; } .belleville .site_search_toggle:focus .label, .belleville .site_search_toggle:hover .label { color: #FFB819; } .site_audience { float: left; margin-right: 26px; } .site_audience_label { color: #fff; display: inline-block; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; float: left; letter-spacing: 2px; margin-top: 5px; margin-right: 7px; opacity: 0.9; text-transform: uppercase; } .site_audience_dropdown { display: inline-block; } .site_audience_dropdown .fs-dropdown-selected { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; color: #B6A16B; letter-spacing: 2px; opacity: 0.9; overflow: visible; padding: 6px 35px 20px 0; text-transform: uppercase; } .belleville .site_audience_dropdown .fs-dropdown-selected { color: #FFB819; } .site_audience_dropdown .fs-dropdown-selected:before { width: 25px; height: 25px; display: block; position: absolute; top: 0; right: 0; background-color: #fff; border-radius: 100%; content: ""; } .site_audience_dropdown .fs-dropdown-selected:after { width: 6px; height: 4px; background-position: -100px -82px; position: absolute; top: 11px; right: 9px; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } .site_audience_dropdown.fs-dropdown.fs-dropdown-open .fs-dropdown-selected:after { width: 6px; height: 4px; background-position: -100px -82px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .site_audience_dropdown .fs-dropdown-options { width: 300px; max-height: none; margin-left: -20px; } .site_links { width: auto; } .site_search_form { display: block; position: absolute; overflow: hidden; width: 360px; height: 56px; top: 9px; right: 0; background-color: #fff; border-radius: 100px; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } @media only screen and (min-width: 1220px ) { .site_search_form { width: 455px; } } .site_search_form:before { width: 1px; height: 36px; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; background-color: #fff; top: 0; right: 60px; bottom: 0; background: rgba(0, 0, 0, 0.3); display: inline-block; margin: auto; content: ''; } .site_search.js-toggle_active .site_search_form { opacity: 1; pointer-events: auto; visibility: visible; } .site_search_label, .site_links_label { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: block; color: #B6A16B; letter-spacing: 0.05em; margin: 0 0 5px; text-transform: uppercase; } .belleville .site_search_label, .belleville .site_links_label { color: #FFB819; } .site_search_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .site_search_label.focusable:active, .site_search_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .site_search_fieldset { position: relative; } .site_search_input { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; background-color: transparent; color: #fff; display: block; width: 250px; border: none; color: #4A4A4A; line-height: 1; margin: 18px 0 10px 30px; padding: 0; } .site_search_input:focus { outline: none; } .site_search_input::-webkit-input-placeholder { color: #4A4A4A; opacity: 1; } .site_search_input:-ms-input-placeholder { color: #4A4A4A; opacity: 1; } .site_search_input::placeholder { color: #4A4A4A; opacity: 1; } .site_search_button { display: block; position: absolute; background-color: transparent; overflow: hidden; width: 70px; height: 56px; top: 0; right: 0; bottom: 0; border: none; margin: auto 0; text-indent: 70px; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .site_search_button:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .site_search_button:after { background-image: url(/images/icons.svg?version=1608051801885); } .site_search_button:focus, .site_search_button:hover { opacity: 0.6; } .site_search_button:after { width: 11px; height: 11px; background: url(/images/icons.png?version=1608051801885) no-repeat -250px -70px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .svg .site_search_button:after { background-image: url(/images/icons.svg?version=1608051801885); } .site_links { white-space: nowrap; } .site_links_link { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; color: #fff; display: inline-block; margin: 0 10px 0 0; } /* Mobile Nav ============================================================================= */ .mobile_control_menu { float: right; width: 40px; height: 40px; overflow: hidden; text-indent: 200%; white-space: nowrap; background-color: #000; border: none; } .mobile_control_menu:before, .mobile_control_menu:after { background-color: #fff; } @media only screen and (min-width: 980px ) { .mobile_control_menu { display: none; } } .belleville .mobile_control_menu { background-color: #73243D; } .mobile_navigation { display: none; } .mobile_navigation, .mobile_navigation.fs-navigation-element, .mobile_navigation.fs-navigation-element.fs-navigation-enabled { background-color: #B6A16B; } .belleville .mobile_navigation, .belleville .mobile_navigation.fs-navigation-element, .belleville .mobile_navigation.fs-navigation-element.fs-navigation-enabled { background-color: #000; } .mobile_navigation.fs-navigation-element.fs-navigation-enabled { position: relative; background-color: #B6A16B; position: fixed; display: block; width: 100%; height: 100%; overflow: visible; -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); transform: translateY(-110%); } .mobile_navigation.fs-navigation-element.fs-navigation-enabled:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .mobile_navigation.fs-navigation-element.fs-navigation-enabled:before { height: 10px; bottom: -9px; } .mobile_navigation.fs-navigation-element.fs-navigation-enabled:before { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); } .csstransforms3d .mobile_navigation.fs-navigation-element.fs-navigation-enabled { -webkit-transform: translate3D(0, -110%, 0); -ms-transform: translate3D(0, -110%, 0); transform: translate3D(0, -110%, 0); } @media only screen and (min-width: 740px ) { .mobile_navigation.fs-navigation-element.fs-navigation-enabled:before { height: 20px; bottom: -19px; } } .mobile_navigation.fs-navigation-element.fs-navigation-open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .csstransforms3d .mobile_navigation.fs-navigation-element.fs-navigation-open { -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } @media only screen and (min-width: 980px ) { .mobile_navigation { display: none !important; visibility: hidden; } } .mobile_navigation_container { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: scroll; padding: 100px 0 40px; } .main_nav_mobile { background-color: #B6A16B; } .belleville .main_nav_mobile { background-color: #000; } .main_nav_mobile .main_nav_list { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 25px; font-size: 1.5625rem; border-top: 1px solid #fff; border-color: rgba(255, 255, 255, 0.3); line-height: 1; letter-spacing: 0.05em; margin: 20px 0 0 0; } .main_nav_mobile .main_nav_item { border-bottom: 1px solid #fff; border-color: rgba(255, 255, 255, 0.3); } .main_nav_mobile .main_nav_item.fs-swap-enabled .main_nav_children { display: none; } .main_nav_mobile .main_nav_item.fs-swap-active { border-color: transparent; } .main_nav_mobile .main_nav_item.fs-swap-active .main_nav_children { display: block; } .main_nav_mobile .main_nav_item_wrapper { position: relative; } .main_nav_mobile .main_nav_link { padding: 15px; } .main_nav_mobile .main_nav_link:focus, .main_nav_mobile .main_nav_link:hover { color: #fff; } .main_nav_mobile .main_nav_toggle { position: absolute; text-indent: 200%; white-space: nowrap; background-color: transparent; width: 60px; height: 100%; top: 0; right: 0; border-width: 0; overflow: hidden; } .main_nav_mobile .main_nav_toggle:after { width: 0px; height: 0px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ""; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } .main_nav_mobile .main_nav_toggle:focus { outline: none; } .main_nav_mobile .main_nav_toggle.fs-swap-active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .main_nav_mobile .main_nav_children { background-color: #222222; padding: 20px 0; } .main_nav_mobile .main_nav_child_item { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; border: none; letter-spacing: 0; line-height: 1.4; text-transform: none; } .main_nav_mobile .main_nav_child_link { display: block; padding: 5px 10px 5px 30px; } .main_nav_mobile .main_nav_child_link:focus, .main_nav_mobile .main_nav_child_link:hover { color: #fff; } .mobile_search { margin: 0 15px 30px; } .mobile_search_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .mobile_search_label.focusable:active, .mobile_search_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .mobile_search_fieldset { position: relative; } .mobile_search_input { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; background-color: transparent; color: #fff; width: 100%; height: 50px; border: 1px solid #fff; border-color: rgba(255, 255, 255, 0.3); border-radius: 25px; line-height: 30px; padding: 10px 40px 10px 20px; } .mobile_search_input:focus { outline: none; } .mobile_search_input::-webkit-input-placeholder { color: #fff; color: rgba(255, 255, 255, 0.7); } .mobile_search_input:-ms-input-placeholder { color: #fff; color: rgba(255, 255, 255, 0.7); } .mobile_search_input::placeholder { color: #fff; color: rgba(255, 255, 255, 0.7); } .mobile_search_button { overflow: hidden; text-indent: 200%; white-space: nowrap; width: 16px; height: 16px; background: url(/images/icons.png?version=1608051801885) no-repeat -30px -70px; display: block; position: absolute; background-color: transparent; top: 0; right: 0; bottom: 0; border: none; margin: auto 25px auto auto; text-indent: 30px; } .svg .mobile_search_button { background-image: url(/images/icons.svg?version=1608051801885); } .mobile_block { margin: 30px 15px 5px; } .mobile_audience, .mobile_extra { padding-bottom: 10px; } .mobile_extra { margin-bottom: 14px; } .mobile_audience_label, .mobile_extra_label, .mobile_address_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; display: block; color: #000; color: rgba(0, 0, 0, 0.9); letter-spacing: 0.05em; margin: 0 0 10px 0; text-transform: uppercase; } .mobile_audience_select, .mobile_extra_select { display: block; } .mobile_buttons { text-align: center; } @media only screen and (max-width: 499px ) { .mobile_buttons { padding: 0 20%; } } .mobile_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #000; color: #fff; } .mobile_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .mobile_button:focus, .mobile_button:hover { background-color: #fff; color: #000; } @media only screen and (max-width: 499px ) { .mobile_button { display: block; max-width: 250px; margin: 0 0 10px; } } .belleville .mobile_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #73243D; color: #fff; } .belleville .mobile_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .belleville .mobile_button:focus, .belleville .mobile_button:hover { background-color: #000; } .belleville .mobile_button:focus, .belleville .mobile_button:hover { background-color: #fff; } .mobile_address_block { text-align: center; } .mobile_address_heading { margin: 0 0 10px 0; } .mobile_address_info { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; color: #fff; line-height: 1.4; margin: 0; } /* ========================================================================== Audience ============================================================================= */ .audience_nav_header { text-align: center; } @media only screen and (min-width: 980px ) { .audience_nav_header { padding: 0 10px; text-align: left; } } @media only screen and (min-width: 1220px ) { .audience_nav_header { padding: 0 25px; } } .audience_heading { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; color: #000; font-size: 30px; font-size: 1.875rem; font-weight: normal; line-height: 30px; letter-spacing: 0.75px; text-transform: uppercase; } .highlight_word { color: #B6A16B; } .belleville .highlight_word { color: #73243D; } .audience_nav_text { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; margin-bottom: 18px; color: rgba(77, 77, 77, 0.7); } @media only screen and (min-width: 980px ) { .audience_nav_text { font-size: 18px; font-size: 1.125rem; line-height: 1.55555556; } } .audience_form { max-width: 400px; margin: 0 auto 20px; } @media only screen and (min-width: 980px ) { .audience_form { display: none !important; visibility: hidden; } } .audience_label { display: none !important; visibility: hidden; } .audience_fieldset { margin-bottom: 5px; } .belleville .audience_fieldset .fs-dropdown-selected { background-color: #73243D; } @media only screen and (min-width: 980px ) { .audience_nav_wrap { position: absolute; float: left; top: 0; left: 0; width: 240px; margin-right: 10px; } } @media only screen and (min-width: 1220px ) { .audience_nav_wrap { width: 302px; margin-right: 0; } } @media only screen and (min-width: 980px ) { .audience_active .audience_nav_wrap { position: fixed; top: 20px; left: 0; } } @media only screen and (max-width: 979px ) { .audience_nav_wrap { position: static !important; top: auto !important; } } .audience_nav { display: none; } @media only screen and (min-width: 980px ) { .audience_nav { display: block; } } @media only screen and (min-width: 980px ) { .audience_controls { background-color: #fff; padding: 20px 0; border: 1px solid #EAEAEA; } } @media only screen and (min-width: 1220px ) { .audience_controls { padding: 50px 0; } } .audience_nav_button { display: inline-block; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; color: #000; font-size: 15px; font-size: 0.9375rem; width: 100%; padding: 15px 20px; border-top: 1px solid #EAEAEA; letter-spacing: 2.14px; text-align: left; text-transform: uppercase; } .audience_nav_button, .audience_nav_button:link, .audience_nav_button:visited, .audience_nav_button:hover, .audience_nav_button:active, .audience_nav_button:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } @media only screen and (min-width: 1220px ) { .audience_nav_button { padding: 15px 40px; } } .audience_nav_button.fs-swap-active, .audience_nav_button:focus { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; background-color: #B6A16B; color: #fff; width: 108%; margin-left: -13px; padding-left: 30px; } @media only screen and (min-width: 1220px ) { .audience_nav_button.fs-swap-active, .audience_nav_button:focus { width: 106%; padding-left: 50px; } } .audience_nav_button.fs-swap-active span, .audience_nav_button:focus span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .audience_nav_button.fs-swap-active:hover, .audience_nav_button:focus:hover { background-color: #B6A16B; color: #fff; } .audience_nav_button:hover { background-color: #FAF9F3; color: #000; background: rgba(230, 227, 222, 0.5); } .belleville .audience_nav_button.fs-swap-active, .belleville .audience_nav_button:focus { background-color: #73243D; } .belleville .audience_nav_button:hover { background-color: #FAF9F3; color: #000; background: rgba(230, 227, 222, 0.5); } .audience_group_name { display: block; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; margin: 27px 0 14px 0; padding: 0 20px; color: rgba(77, 77, 77, 0.6); letter-spacing: 1.62px; text-transform: uppercase; } @media only screen and (min-width: 1220px ) { .audience_group_name { padding: 0 40px; } } /* ========================================================================== Extra Nav ============================================================================= */ @media only screen and (max-width: 979px ) { .extra_wrapper { display: none !important; visibility: hidden; } } @media only screen and (min-width: 980px ) { .extra_wrapper { float: right; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .extra_nav { color: #fff; position: relative; z-index: 0; margin: 0 0 10px; } .extra_nav:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (max-width: 979px ) { .extra_nav { display: none; } } .mobile_navigation .extra_nav { border-bottom: 1px solid #C8B88F; padding: 0 15px 40px; } @media only screen and (max-width: 979px ) { .mobile_navigation .extra_nav { display: block; } } .extra_nav_heading, .extra_nav_link { font-size: 15px; font-size: 0.9375rem; line-height: 1.2; } .extra_nav_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; color: #B6A16B; position: absolute; display: none !important; visibility: hidden; top: 0; left: 0; margin: 0; } .belleville .extra_nav_heading { color: #FFB819; top: 20px; } .extra_nav_list { float: left; overflow: hidden; margin: 0; } .mobile_navigation .extra_nav_list { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0; column-gap: 0; float: none; } .mobile_navigation .extra_nav_list > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } .extra_nav_item { float: left; color: #fff; margin: 0 20px 7px 0; } .mobile_navigation .extra_nav_item { float: none; margin: 0; } .extra_nav_item:last-child { margin-right: 0; } .extra_nav_link { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; display: block; color: inherit; padding-top: 6px; padding-bottom: 6px; } .extra_nav_link:focus, .extra_nav_link:hover { color: #B6A16B; } .belleville .extra_nav_link:focus, .belleville .extra_nav_link:hover { color: #FFB819; } .mobile_navigation .extra_nav_link { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; color: #000; line-height: 1.3; padding-top: 10px; padding-bottom: 10px; } .belleville .mobile_navigation .extra_nav_link { color: #fff; } .belleville .mobile_navigation .extra_nav_link:focus, .belleville .mobile_navigation .extra_nav_link:hover { color: #FFB819; } .mobile_navigation .extra_nav_link:focus, .mobile_navigation .extra_nav_link:hover { color: #fff; } /* ========================================================================== Breadcrumb ============================================================================= */ .breadcrumb_nav { font-size: 13px; font-size: 0.8125rem; line-height: 1.2; margin: 20px 0 60px; text-transform: uppercase; } @media only screen and (max-width: 979px ) { .breadcrumb_nav { display: none !important; visibility: hidden; } } .page_image_header .breadcrumb_nav { margin-bottom: 20px; } .breadcrumb_home:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .breadcrumb_home:before { background-image: url(/images/icons.svg?version=1608051801885); } .breadcrumb_home:before { width: 11px; height: 11px; background-position: 0 -70px; margin: 0 5px 0 0; } .belleville .breadcrumb_home:before { width: 11px; height: 11px; background-position: -15px -70px; } .breadcrumb_item { float: left; position: relative; letter-spacing: 0.1em; padding: 0 15px; } .breadcrumb_item:after { width: 1px; height: 25px; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; background-color: #B2B2B2; top: 0; right: 0; display: inline-block; content: ''; } .breadcrumb_item:first-child { padding-left: 0; } .breadcrumb_item:last-child:after { display: none; } .breadcrumb_link, .breadcrumb_label { display: block; padding: 5px; } .breadcrumb_link { color: #999999; } .breadcrumb_link:focus, .breadcrumb_link:hover { color: #000; } .page_image_header .breadcrumb_link { color: #fff; color: rgba(255, 255, 255, 0.7); } .page_image_header .breadcrumb_link:focus, .page_image_header .breadcrumb_link:hover { color: #fff; } .breadcrumb_label { color: #000; } .page_image_header .breadcrumb_label { color: #fff; } /* ========================================================================== Subnav ============================================================================= */ @media only screen and (min-width: 980px ) { .sidebar_position { background-color: #fff; margin: 0 -25px; } } .sub_nav { background-color: #fff; border: 1px solid #E6E3DE; margin: 25px 0 25px; } @media only screen and (min-width: 980px ) { .sub_nav { border: none; margin-top: 105px; } } .sub_nav_handle { display: none; } .sub_nav_handle.fs-navigation-handle.fs-navigation-enabled { position: relative; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; display: block; color: #000; background-color: #fff; letter-spacing: 0.1em; margin: 0; padding: 15px; text-transform: uppercase; } .sub_nav_handle.fs-navigation-handle.fs-navigation-enabled:before { position: absolute; width: 0px; height: 0px; display: block; top: 38%; right: 15px; bottom: 0; left: auto; border-top: 10px solid #B6A16B; border-right: 7.5px solid transparent; border-left: 7.5px solid transparent; content: ""; opacity: 1; visibility: visible; -webkit-transition: box-shadow 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease; transition: box-shadow 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease; transition: box-shadow 0.25s ease, opacity 0.25s ease, transform 0.25s ease; transition: box-shadow 0.25s ease, opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease; } .belleville .sub_nav_handle.fs-navigation-handle.fs-navigation-enabled:before { border-color: #73243D transparent transparent transparent; } .sub_nav_handle.fs-navigation-handle.fs-navigation-enabled:after { display: none !important; visibility: hidden; content: normal; } .sub_nav_handle.fs-navigation-handle.fs-navigation-enabled.fs-navigation-open:before, .belleville .sub_nav_handle.fs-navigation-handle.fs-navigation-enabled.fs-navigation-open:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .sub_nav_wrapper { border-top: 1px solid #E6E3DE; } @media only screen and (min-width: 740px ) { .sub_nav_wrapper { border: none; } } .sub_nav_top_item { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; font-size: 1.375rem; color: #000; letter-spacing: 0.1em; margin: 0; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .sub_nav_top_item { font-size: 24px; font-size: 1.5rem; margin: 0 0 10px; } } .sub_nav_top_link { display: block; color: inherit; padding: 15px 20px; } @media only screen and (min-width: 980px ) { .sub_nav_top_link { padding: 15px 25px; } } .sub_nav_item { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; color: #000; border: 1px solid #E6E3DE; border-width: 1px 0 0; letter-spacing: 0.05em; text-transform: uppercase; } @media only screen and (min-width: 980px ) { .sub_nav_item { border-width: 1px 1px 0; } } .sub_nav_item.active { font-size: 15px; font-size: 0.9375rem; color: #fff; background-color: #B6A16B; border-top-width: 0; letter-spacing: 0.125em; } .sub_nav_item.active .sub_nav_link { background: inherit; color: inherit; } .sub_nav_item.active .sub_nav_link:focus, .sub_nav_item.active .sub_nav_link:hover { background: inherit; color: inherit; } @media only screen and (min-width: 980px ) { .sub_nav_item.active .sub_nav_link:before { position: absolute; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; background: inherit; height: 100%; width: 10%; top: 0; bottom: 0; left: -5%; z-index: 0; content: ''; } .sub_nav_item.active .sub_nav_link span { position: relative; z-index: 1; } } .belleville .sub_nav_item.active { background-color: #73243D; } .sub_nav_item.open .sub_nav_link:after { position: absolute; top: 25px; right: 25px; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; } @media only screen and (min-width: 980px ) { .sub_nav_item.open .sub_nav_link:after { border-width: 7px 7px 0; } } @media only screen and (min-width: 1220px ) { .sub_nav_item.open .sub_nav_link:after { top: 28px; } } @media only screen and (min-width: 980px ) { .sub_nav_item:last-child { border-width: 1px; } } .sub_nav_link { display: block; position: relative; color: inherit; padding: 20px 40px 20px 20px; } @media only screen and (min-width: 1220px ) { .sub_nav_link { padding: 23px 45px 23px 25px; } } .sub_nav_link:focus, .sub_nav_link:hover { background-color: #FAF9F3; color: #000; background: rgba(230, 227, 222, 0.5); } .sub_nav_children { background: #E6E3DE; padding: 15px 10px; } @media only screen and (min-width: 1220px ) { .sub_nav_children { padding: 15px 10px; } } .sub_nav_child_item { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; color: #000; margin-bottom: 1px; } .sub_nav_child_item.active .sub_nav_child_link { background-color: #FAF9F3; color: #000; } .sub_nav_child_item.active .sub_nav_child_link:focus, .sub_nav_child_item.active .sub_nav_child_link:hover { background-color: #FAF9F3; color: #000; } .sub_nav_child_link { display: block; color: inherit; padding: 10px 10px; } @media only screen and (min-width: 1220px ) { .sub_nav_child_link { padding: 10px 15px; } } .sub_nav_child_link:focus, .sub_nav_child_link:hover { background-color: #FAF9F3; color: #000; background: rgba(250, 249, 243, 0.5); } /* ========================================================================== Social Blocks ============================================================================= */ .social_blocks { overflow: hidden; } @media only screen and (max-width: 979px ) { .social_blocks { display: none !important; visibility: hidden; } } .social_block { float: left; position: relative; background-color: #000; width: 33.333%; height: 220px; } .social_block_link { position: absolute; background-color: #000; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.5); padding: 80px 0 0 10%; } .social_block_link:focus, .social_block_link:hover { background: rgba(0, 0, 0, 0.75); } @media only screen and (min-width: 1220px ) { .social_block_link { padding-left: 15%; } } .social_block_heading { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; display: block; color: #fff; color: rgba(255, 255, 255, 0.7); letter-spacing: 0.1em; margin: 0 0 10px; text-transform: uppercase; } .social_block_username { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; display: block; color: #fff; letter-spacing: 0.05em; line-height: 20px; text-transform: uppercase; } .social_block_username:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .social_block_username:before { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 1220px ) { .social_block_username { font-size: 24px; font-size: 1.5rem; line-height: 24px; } } .social_block_username:before { width: 24px; height: 24px; margin: 0 10px -4px 0; } @media only screen and (min-width: 1220px ) { .social_block_username:before { margin-bottom: -2px; } } .social_block_username.facebook:before { background-position: 0 -110px; } .social_block_username.instagram:before { background-position: -30px -110px; } .social_block_username.twitter:before { background-position: -60px -110px; } /* ========================================================================== Footer Nav ============================================================================= */ .footer_nav { margin: 20px 0; } .footer_nav_heading { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .footer_nav_heading.focusable:active, .footer_nav_heading.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } @media only screen and (max-width: 499px ) { .footer_nav_list { margin: 0 auto; } } @media only screen and (max-width: 739px ) { .footer_nav_list { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0; column-gap: 0; max-width: 350px; } .footer_nav_list > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } } .footer_nav_item { display: block; color: #B6A16B; } @media only screen and (min-width: 500px ) { .footer_nav_item { margin: 0 10px; } } @media only screen and (min-width: 740px ) { .footer_nav_item { display: inline-block; margin: 0 15px 0 0; } .footer_nav_item:first-child .footer_nav_link { margin-left: -5px; } } @media only screen and (min-width: 980px ) { .footer_nav_item { margin: 0 10px 0 0; } } @media only screen and (min-width: 1220px ) { .footer_nav_item { margin: 0 20px 0 0; } } .belleville .footer_nav_item { color: #FAF9F3; } .footer_nav_link { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: block; color: inherit; letter-spacing: 0.1em; padding: 5px; text-transform: uppercase; } .footer_nav_link:focus, .footer_nav_link:hover { color: #fff; } .belleville .footer_nav_link:focus, .belleville .footer_nav_link:hover { color: #FFB819; } /* ========================================================================== Secondary ============================================================================= */ .secondary_nav_header.secondary_nav { position: relative; float: left; } .secondary_nav_header.secondary_nav:before { width: 1px; height: 50px; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; background-color: #fff; top: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.3); display: inline-block; margin: auto; content: ''; } .secondary_nav_header .secondary_nav_heading { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .secondary_nav_header .secondary_nav_heading.focusable:active, .secondary_nav_header .secondary_nav_heading.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .secondary_nav_header .secondary_nav_list { padding-left: 15px; } .secondary_nav_header .secondary_nav_toggle { display: none; } .secondary_nav_header .secondary_nav_item { display: inline-block; } .secondary_nav_header .secondary_nav_item.focused .secondary_nav_children, .secondary_nav_header .secondary_nav_item:hover .secondary_nav_children { opacity: 1; pointer-events: auto; visibility: visible; } .secondary_nav_header .secondary_nav_item_wrapper { position: relative; } .secondary_nav_header .secondary_nav_link { display: block; color: #B6A16B; font-size: 14px; font-size: 0.875rem; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; letter-spacing: 2px; opacity: 0.9; padding: 27px 5px 29px; text-transform: uppercase; } .belleville .secondary_nav_header .secondary_nav_link { color: #FFB819; } @media only screen and (min-width: 1220px ) { .secondary_nav_header .secondary_nav_link { padding-right: 10px; padding-left: 10px; } .secondary_nav_header .secondary_nav_link:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .secondary_nav_header .secondary_nav_link:after { background-image: url(/images/icons.svg?version=1608051801885); } } @media only screen and (min-width: 1220px ) { .secondary_nav_header .secondary_nav_link:after { position: relative; width: 6px; height: 4px; background-position: -100px -70px; top: -3px; margin-left: 6px; } } .secondary_nav_header .secondary_nav_link:focus, .secondary_nav_header .secondary_nav_link:hover { color: #fff; } .secondary_nav_header .secondary_nav_children { position: absolute; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; width: 200px; background-color: #1F1F1F; color: #fff; opacity: 0; line-height: 1.3; padding: 12px 10px; pointer-events: none; visibility: hidden; -webkit-transition: opacity 0.25s linear, visibility 0.25s linear; transition: opacity 0.25s linear, visibility 0.25s linear; } @media only screen and (min-width: 1220px ) { .secondary_nav_header .secondary_nav_children { width: 225px; } } .secondary_nav_header .secondary_nav_child_link { display: block; color: inherit; padding: 8px; } .secondary_nav_header .secondary_nav_child_link:focus, .secondary_nav_header .secondary_nav_child_link:hover { background-color: #000; color: #B6A16B; } .belleville .secondary_nav_header .secondary_nav_child_link:focus, .belleville .secondary_nav_header .secondary_nav_child_link:hover { color: #FFB819; } /* ========================================================================== Secondary Mobile ============================================================================= */ .secondary_nav_mobile .secondary_nav_heading { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .secondary_nav_mobile .secondary_nav_heading.focusable:active, .secondary_nav_mobile .secondary_nav_heading.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .secondary_nav_mobile .secondary_nav_item { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .secondary_nav_mobile .secondary_nav_item.focused .secondary_nav_children, .secondary_nav_mobile .secondary_nav_item:hover .secondary_nav_children { opacity: 1; pointer-events: auto; visibility: visible; } .secondary_nav_mobile .secondary_nav_item.fs-swap-active .secondary_nav_children { display: block; } .secondary_nav_mobile .secondary_nav_item_wrapper { position: relative; } .secondary_nav_mobile .secondary_nav_link { display: block; color: #fff; font-size: 14px; font-size: 0.875rem; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; letter-spacing: 2px; padding: 15px; text-transform: uppercase; } .secondary_nav_mobile .secondary_nav_link:focus, .secondary_nav_mobile .secondary_nav_link:hover { color: #fff; } .secondary_nav_mobile .secondary_nav_toggle { position: absolute; background-color: transparent; width: 25px; height: 100%; top: 8px; right: 18px; border-width: 0; } .secondary_nav_mobile .secondary_nav_toggle:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .secondary_nav_mobile .secondary_nav_toggle:after { background-image: url(/images/icons.svg?version=1608051801885); } .secondary_nav_mobile .secondary_nav_toggle:before { display: block; background-color: #fff; width: 25px; height: 25px; border-radius: 100%; content: ""; } .secondary_nav_mobile .secondary_nav_toggle:after { width: 6px; height: 4px; background-position: -100px -82px; position: relative; top: -24px; } .secondary_nav_mobile .secondary_nav_toggle:focus { outline: none; } .secondary_nav_mobile .secondary_nav_toggle.fs-swap-active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: -25px; } .secondary_nav_mobile .secondary_nav_children { display: none; background-color: #222222; padding: 20px 0; } .secondary_nav_mobile .secondary_nav_child_item { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; border: none; letter-spacing: 0; line-height: 1.4; text-transform: none; } .secondary_nav_mobile .secondary_nav_child_link { display: block; color: #fff; padding: 5px 10px 5px 30px; } .secondary_nav_mobile .secondary_nav_child_link:focus, .secondary_nav_mobile .secondary_nav_child_link:hover { color: #fff; } /* ========================================================================== Social Accounts ============================================================================= */ .social_nav { margin-top: 30px; } @media only screen and (min-width: 980px ) { .social_nav { margin-top: 60px; } } @media only screen and (min-width: 1220px ) { .social_nav { margin-top: 80px; } } @media only screen and (min-width: 980px ) { .social_nav_list { display: block; } } .social_nav_item { display: inline-block; margin: 0 5px; } @media only screen and (min-width: 740px ) { .social_nav_item { margin: 0 15px 0 0; } } @media only screen and (min-width: 1220px ) { .social_nav_item { margin: 0 30px 0 0; } } .social_nav_link { display: block; position: relative; width: 24px; height: 24px; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .social_nav_link:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .social_nav_link:before { background-image: url(/images/icons.svg?version=1608051801885); } .social_nav_link:hover { opacity: 0.6; } .social_nav_link:before { position: absolute; width: 24px; height: 24px; top: 0; right: 0; bottom: 0; left: 0; } .social_nav_link.twitter:before { background-position: 0 -140px; } .social_nav_link.facebook:before { background-position: -30px -140px; } .social_nav_link.instagram:before { background-position: -60px -140px; } .social_nav_link.youtube:before { background-position: -90px -140px; } .social_nav_link.linkedin:before { background-position: -120px -140px; } .social_nav_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .social_nav_label.focusable:active, .social_nav_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } /* ========================================================================== Common ============================================================================= */ /* Quotes ============================================================================= */ /* Tags ============================================================================= */ /* ========================================================================== 404 - Not Found ============================================================================= */ .not_found_wrap { margin: 0 0 50px 0; padding: 40px 0 0 0; border-top: 3px solid #B6A16B; } .belleville .not_found_wrap { border-color: #73243D; } .not_found_wrap .program_finder_fieldset { width: 100%; } @media only screen and (min-width: 740px ) { .not_found_wrap .program_finder_fieldset { width: 90%; } } .not_found_wrap .program_finder_input { border: 1px solid #CCCCCC; } /* ========================================================================== Directory ============================================================================= */ .directory_listing { margin-top: 40px; margin-bottom: 40px; border-top: 1px solid #E6E3DE; } .directory_listing:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 980px ) { .directory_listing { margin-top: 60px; } } @media only screen and (min-width: 980px ) { .directory_listing { margin-bottom: 60px; } } .directory_header { border-bottom: 3px solid #B6A16B; padding: 20px 0; } .directory_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .directory_header { padding: 20px; } } @media only screen and (min-width: 740px ) { .directory_header { padding: 30px; } } @media only screen and (min-width: 980px ) { .directory_header { padding: 30px 20px; } } @media only screen and (min-width: 1220px ) { .directory_header { padding: 30px; } } .belleville .directory_header { border-bottom-color: #73243D; } /* Search ============================================================================= */ .directory_search_form { position: relative; } @media only screen and (min-width: 740px ) { .directory_search_form { float: left; width: 435px; margin-bottom: 25px; } } @media only screen and (min-width: 980px ) { .directory_search_form { width: 400px; } } @media only screen and (min-width: 1220px ) { .directory_search_form { width: 510px; } } .directory_search_fieldset { position: relative; } @media only screen and (min-width: 500px ) { .directory_search_fieldset:after { width: 1px; height: 40px; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; background-color: #fff; display: inline-block; top: 0; right: 75px; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.3); content: ''; -webkit-transform: skew(-22deg); -ms-transform: skew(-22deg); transform: skew(-22deg); } } .directory_search_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .directory_search_label.focusable:active, .directory_search_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .directory_search_input { background-color: #fff; width: 100%; height: 60px; border: 1px solid #d8d8d8; border-radius: 30px; padding: 0 40px 0 15px; -webkit-transition: border-radius 0.5s; transition: border-radius 0.5s; } @media only screen and (min-width: 500px ) { .directory_search_input { padding-left: 27px; } } .directory_search_input::-webkit-input-placeholder { color: #4D4D4D; text-overflow: ellipsis; } .directory_search_input:-ms-input-placeholder { color: #4D4D4D; text-overflow: ellipsis; } .directory_search_input::placeholder { color: #4D4D4D; text-overflow: ellipsis; } .directory_search_input[placeholder] { text-overflow: ellipsis; } .directory_search_input:focus { border-radius: 0; outline: none; } .directory_search_submit { overflow: hidden; text-indent: 200%; white-space: nowrap; width: 16px; height: 16px; background: url(/images/icons.png?version=1608051801885) no-repeat -50px -70px; display: block; position: absolute; background-color: transparent; top: 0; right: 15px; bottom: 0; margin: auto 0; border: none; text-indent: 30px; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .svg .directory_search_submit { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 500px ) { .directory_search_submit { right: 30px; } } .directory_search_submit:hover, .directory_search_submit:focus, .directory_search_submit:active { opacity: 0.6; } /* Departments ============================================================================= */ .directory_dept_form { margin: 20px 0; } @media only screen and (min-width: 500px ) { .directory_dept_form { float: left; } } @media only screen and (min-width: 740px ) { .directory_dept_form { float: right; width: 195px; margin: 6px 0; } } @media only screen and (min-width: 980px ) { .directory_dept_form { width: 160px; } } @media only screen and (min-width: 1220px ) { .directory_dept_form { width: 180px; } } .directory_dept_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .directory_dept_label.focusable:active, .directory_dept_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } /* Alpha Nav ============================================================================= */ .alpha_nav { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 24px; font-size: 1.5rem; color: #696969; line-height: 44px; text-transform: uppercase; vertical-align: middle; } .alpha_nav:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 980px ) { .alpha_nav { font-size: 22px; font-size: 1.375rem; line-height: 1; } } .alpha_nav_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .alpha_nav_label.focusable:active, .alpha_nav_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .alpha_link { color: #004b90; display: block; float: left; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; } .alpha_link.active { background-color: #004b90; color: #fff; } .alpha_link .alpha_letter { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .alpha_link:hover, .alpha_link:focus { color: #000; } .belleville .alpha_link { color: #73243D; } .belleville .alpha_link.active { background-color: #73243D; color: #fff; } .alpha_letter { display: block; float: left; width: 42px; height: 44px; padding: 0; text-align: center; } @media only screen and (min-width: 980px ) { .alpha_letter { width: auto; height: auto; padding: 4px 2px 5px 8px; } } @media only screen and (min-width: 1220px ) { .alpha_letter { padding: 4px 5px 5px 10px; } } @media only screen and (min-width: 500px ) { .directory_alpha_nav { clear: both; } } /* ========================================================================== Listing ============================================================================= */ .directory_list_item { position: relative; border-bottom: 1px solid #EAEAEA; padding: 20px 0; -webkit-transition: background 0.25s; transition: background 0.25s; } .directory_list_item:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .directory_list_item { padding: 30px 0; } } @media only screen and (min-width: 1220px ) { .directory_list_item { padding: 40px 0; } } .directory_list_item.fs-swap-enabled:before { width: 0px; height: 0px; display: block; position: absolute; top: 38px; right: 14px; border-top: 7px solid #B6A16B; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ""; margin: 0; pointer-events: none; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } @media only screen and (min-width: 980px ) { .directory_list_item.fs-swap-enabled:before { top: 44px; right: 20px; } } @media only screen and (min-width: 1220px ) { .directory_list_item.fs-swap-enabled:before { top: 50px; } } .belleville .directory_list_item.fs-swap-enabled:before { border-top: 7px solid #73243D; } .directory_list_item.fs-swap-enabled .directory_list_item_handle { cursor: pointer; padding: 0 40px 0 72px; } .directory_list_item.fs-swap-enabled .directory_list_item_handle:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .directory_list_item.fs-swap-enabled .directory_list_item_handle { padding: 0 60px 0 124px; } } .directory_list_item.fs-swap-enabled .directory_list_item_additional { display: none; padding: 0 40px 0 20px; } @media only screen and (min-width: 500px ) { .directory_list_item.fs-swap-enabled .directory_list_item_additional { padding: 0 60px 0 124px; } } .directory_list_item.fs-swap-active { background-color: #fff; } .directory_list_item.fs-swap-active:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .directory_list_item.fs-swap-active .directory_list_item_additional { display: block; } .directory_list_item_portrait { float: left; width: 50px; height: 50px; position: relative; background-color: #F4F1E8; margin: 0 0 0 -62px; } .directory_list_item_portrait:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .directory_list_item_portrait:before { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 500px ) { .directory_list_item_portrait { width: 74px; height: 74px; margin: 0 0 0 -94px; } } @media only screen and (min-width: 740px ) { .directory_list_item_portrait { margin-right: 25px; } } .directory_list_item_portrait:before { width: 16px; height: 16px; background-position: 0 -90px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.5; } .directory_list_item_portrait img { position: relative; max-width: 100%; } @media only screen and (min-width: 500px ) { .directory_list_item_content { overflow: hidden; } } .directory_list_item_name { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; margin: 0 0 6px; } @media only screen and (min-width: 740px ) { .directory_list_item_name { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .directory_list_item_name { font-size: 24px; font-size: 1.5rem; } } .directory_list_item_dept { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; margin: 6px 0; } @media only screen and (min-width: 740px ) { .directory_list_item_dept { font-size: 18px; font-size: 1.125rem; } } .directory_list_item_info { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.6; margin: 10px 0 20px; } .directory_list_item_contact { display: block; position: relative; margin: 6px 0; padding-left: 26px; } .directory_list_item_contact:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .directory_list_item_contact:before { background-image: url(/images/icons.svg?version=1608051801885); } .directory_list_item_contact:before { display: block; position: absolute; top: 3px; left: 0; content: ""; } .directory_list_item_location:before { width: 16px; height: 16px; background-position: -80px -90px; } .directory_list_item_phone { color: #000; } .directory_list_item_phone:before { width: 16px; height: 16px; background-position: -40px -90px; } .directory_list_item_email:before { width: 16px; height: 16px; background-position: -20px -90px; } .directory_list_item_email_link { color: inherit; border-bottom: 2px solid #B6A16B; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .directory_list_item_email_link:active, .directory_list_item_email_link:hover { border-bottom-color: #000; } .belleville .directory_list_item_email_link { border-bottom-color: #73243D; } .directory_list_item_optional_link { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #B6A16B; color: #fff; } .directory_list_item_optional_link span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .directory_list_item_optional_link:active, .directory_list_item_optional_link:hover { background-color: #000; } .belleville .directory_list_item_optional_link { background-color: #73243D; } /* ========================================================================== Office Listing ============================================================================= */ .directory_listing_office .directory_search_form { position: relative; } @media only screen and (max-width: 739px ) { .directory_listing_office .directory_search_form { margin-bottom: 20px; } } @media only screen and (min-width: 740px ) { .directory_listing_office .directory_search_form { width: 100%; float: none; } } .directory_listing_office .directory_list_item.fs-swap-enabled .directory_list_item_handle, .directory_listing_office .directory_list_item.fs-swap-enabled .directory_list_item_additional { padding-left: 20px; } @media only screen and (min-width: 500px ) { .directory_listing_office .directory_list_item.fs-swap-enabled .directory_list_item_handle, .directory_listing_office .directory_list_item.fs-swap-enabled .directory_list_item_additional { padding-left: 30px; } } /* ========================================================================== Faculty Listing ============================================================================= */ .faculty_course_heading { clear: left; } .faculty_image { max-width: 100%; display: block; margin-bottom: 12px; } @media only screen and (min-width: 500px ) { .faculty_image { width: 192px; float: left; margin: 0 24px 24px 0; } } /* ========================================================================== Profile ============================================================================= */ .profile { position: relative; overflow: hidden; background-color: #B6A16B; margin: 30px 0; } .profile:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .profile:before { background-image: url(/images/icons.svg?version=1608051801885); } .profile::before { position: absolute; top: 10px; right: 10px; z-index: 2; opacity: 0.5; } @media only screen and (min-width: 740px ) { .profile { margin: 50px 0; } } @media only screen and (min-width: 980px ) { .profile { margin: 50px -30px; } } .profile::before { width: 16px; height: 16px; background-position: -160px -90px; width: 20px; height: 20px; background-position: -150px -70px; } .belleville .profile { background-color: #73243D; } .profile_header { position: absolute; background-color: rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0); color: #fff; top: 0; right: 0; left: 0; z-index: 1; padding: 10px 20px 30px; } @media only screen and (min-width: 740px ) { .profile_header { padding: 30px 30px 40px; } } @media only screen and (min-width: 980px ) { .profile_header { padding: 40px 50px 50px; } } .profile_name { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; line-height: 1.45833333; text-transform: uppercase; letter-spacing: 0.6px; margin: 0; } @media only screen and (min-width: 740px ) { .profile_name { font-size: 24px; font-size: 1.5rem; } } .profile_titles { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 1.375; margin: 0; } @media only screen and (min-width: 740px ) { .profile_titles { font-size: 16px; font-size: 1rem; } } .profile_title { display: block; } .profile_position { display: block; } .profile_figure { display: block; background-color: #000; position: relative; padding-top: 56.25%; } .profile_figure picture { display: block; } .profile_figure img { width: 100%; } .profile_picture { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .profile_image { display: block; } .profile_body { background: inherit; position: relative; padding: 20px; } .profile_body:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .profile_body:before { height: 15px; top: -14px; } .profile_body:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } @media only screen and (min-width: 740px ) { .profile_body { position: relative; padding: 30px; text-align: center; } .profile_body:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .profile_body:before { height: 30px; top: -29px; } .profile_body:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } } @media only screen and (min-width: 980px ) { .profile_body { position: relative; padding: 50px; } .profile_body:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .profile_body:before { height: 45px; top: -44px; } .profile_body:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } } .profile_heading { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; font-size: 1.875rem; line-height: 1.4; color: #fff; line-height: 1.2; margin: 0 0 10px; } @media only screen and (min-width: 740px ) { .profile_heading { font-size: 36px; font-size: 2.25rem; } } @media only screen and (min-width: 980px ) { .profile_heading { font-size: 40px; font-size: 2.5rem; } } @media only screen and (max-width: 739px ) { .profile_heading { font-size: 24px; font-size: 1.5rem; } } @media only screen and (min-width: 740px ) { .profile_heading { margin: 0 0 16px; } } @media only screen and (min-width: 980px ) { .profile_heading { margin: 0 0 26px; } } .profile_content { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; margin: 10px 0; } @media only screen and (min-width: 740px ) { .profile_content { font-size: 18px; font-size: 1.125rem; } } @media only screen and (min-width: 740px ) { .profile_content { margin: 20px 0; } } .profile_content p { margin: 0; } .profile_footer_link { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; } .profile_footer_link span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .profile_footer_link:focus, .profile_footer_link:hover { background-color: #000; color: #fff; } /* ========================================================================== Color Variations ============================================================================= */ .profile.theme_green { background-color: #006156; } .profile.theme_blue { background-color: #003A5D; } .profile.theme_purple { background-color: #5C0F8B; } .profile.theme_orange { background-color: #EC6223; } .profile.theme_yellow { background-color: #FCB525; } .profile.theme_green .profile_content, .profile.theme_red .profile_content, .profile.theme_purple .profile_content, .profile.theme_blue .profile_content { color: #fff; } .profile.theme_orange .profile_heading, .profile.theme_yellow .profile_heading, .profile.theme_orange .profile_content, .profile.theme_yellow .profile_content { color: #000; } .belleville .profile.theme_green { background-color: #6F8C37; } .belleville .profile.theme_blue { background-color: #3C6C8A; } .belleville .profile.theme_purple { background-color: #A24BAB; } .belleville .profile.theme_orange { background-color: #FF3835; } .belleville .profile.theme_yellow { background-color: #FFB819; } .profile.theme_orange .profile_heading, .profile.theme_orange .profile_content { color: #000; } /* ========================================================================== Program Finder ============================================================================= */ .program_finder { margin-top: 20px; margin-bottom: 20px; background-color: #000; padding: 37px 20px 60px; } .program_finder:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .program_finder { padding: 37px 10px 40px; } } .program_finder_header { text-align: center; } .program_finder_label { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; color: #fff; margin: 0 0 10px 0; } @media only screen and (min-width: 740px ) { .program_finder_label { font-size: 13px; font-size: 0.8125rem; } } .program_finder_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; color: #B6A16B; margin: 0 0 25px 0; letter-spacing: 0.84px; } @media only screen and (min-width: 740px ) { .program_finder_heading { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .program_finder_heading { font-size: 24px; font-size: 1.5rem; } } @media only screen and (min-width: 980px ) { .program_finder_heading { font-size: 26px; font-size: 1.625rem; } } @media only screen and (min-width: 1220px ) { .program_finder_heading { font-size: 28px; font-size: 1.75rem; } } .program_finder_search_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .program_finder_search_label.focusable:active, .program_finder_search_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } .program_finder_fieldset { position: relative; width: 100%; margin: 0 auto; } @media only screen and (min-width: 500px ) { .program_finder_fieldset { width: 90%; } } @media only screen and (min-width: 740px ) { .program_finder_fieldset { width: 70%; } } @media only screen and (min-width: 500px ) { .program_finder_fieldset:after { width: 1px; height: 40px; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; background-color: #fff; display: inline-block; top: 0; right: 75px; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.3); content: ''; -webkit-transform: skew(-22deg); -ms-transform: skew(-22deg); transform: skew(-22deg); } } .program_finder_fieldset.active .program_finder_dropdown { opacity: 1; visibility: visible; } .program_finder_input { background-color: #fff; width: 100%; height: 60px; padding: 0 40px 0 15px; border-radius: 30px; -webkit-transition: all .51s; transition: all .51s; } @media only screen and (min-width: 500px ) { .program_finder_input { padding-left: 27px; } } .program_finder_input::-webkit-input-placeholder { color: #4D4D4D; text-overflow: ellipsis; } .program_finder_input:-ms-input-placeholder { color: #4D4D4D; text-overflow: ellipsis; } .program_finder_input::placeholder { color: #4D4D4D; text-overflow: ellipsis; } .program_finder_input[placeholder] { text-overflow: ellipsis; } .program_finder_input:focus { border-radius: 0; outline: none; } .program_finder_button { overflow: hidden; text-indent: 200%; white-space: nowrap; width: 16px; height: 16px; background: url(/images/icons.png?version=1608051801885) no-repeat -50px -70px; display: block; position: absolute; background-color: transparent; top: 0; right: 15px; bottom: 0; margin: auto 0; border: none; text-indent: 30px; } .svg .program_finder_button { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 500px ) { .program_finder_button { right: 30px; } } .program_finder_dropdown { background-color: #B6A16B; position: relative; position: absolute; width: 100%; left: 0; top: 64px; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: opacity .51s, visibility .51s; transition: opacity .51s, visibility .51s; } .program_finder_dropdown:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .program_finder_dropdown:before { height: 30px; bottom: -29px; } .program_finder_dropdown:before { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 100%); } .program_finder_dropdown a { display: block; color: #fff; font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; line-height: 1.33333333; margin: 0 15px; padding: 17px 35px; letter-spacing: 2.14px; text-transform: uppercase; } .program_finder_dropdown a.active, .program_finder_dropdown a:focus, .program_finder_dropdown a:hover { background: rgba(0, 0, 0, 0.1); } /* ========================================================================== Color Variations ============================================================================= */ .belleville .program_finder { background-color: #73243D; } .belleville .program_finder .program_finder_heading { color: #fff; } .belleville .program_finder .program_finder_dropdown { background: #A2AAAD; } /* ========================================================================== News Listing ============================================================================= */ .news_listing { margin-bottom: 40px; } .news_listing:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 980px ) { .news_listing { margin-bottom: 60px; } } .news_filter_form { border-top: 1px solid #E6E3DE; border-bottom: 3px solid #B6A16B; padding: 12px 0; } .news_filter_form:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .belleville .news_filter_form { border-bottom-color: #73243D; } .news_filter_form_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; line-height: 1.28571429; color: #999999; line-height: 1.4; letter-spacing: 2px; margin: 0; padding: 10px 20px 5px; opacity: 0.9; text-transform: uppercase; } @media only screen and (min-width: 500px ) { .news_filter_form_heading { float: left; padding: 16px 0 0 0; } } @media only screen and (min-width: 740px ) { .news_filter_form_heading { font-size: 14px; font-size: 0.875rem; padding-top: 14px; } } .news_filters:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .news_filters { float: right; width: 73%; max-width: 450px; } } .news_filter_fieldset { float: left; position: relative; width: 50%; margin: 0; } @media only screen and (min-width: 500px ) { .news_filter_fieldset:after { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; display: block; width: 1px; height: 100%; top: 0; bottom: 0; left: -8px; margin: auto; background: rgba(74, 74, 74, 0.2); content: ''; -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } } @media only screen and (max-width: 499px ) { .news_filter_fieldset_month:after { content: normal; display: none; } } .news_filter_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .news_filter_label.focusable:active, .news_filter_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } /* Items ============================================================================= */ .news_list_item { border-bottom: 1px solid #EAEAEA; padding-top: 20px; padding-bottom: 10px; } .news_list_item:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 740px ) { .news_list_item { padding-top: 30px; } } .news_list_item_figure { display: block; float: right; width: 74px; margin: 10px 0 20px 20px; } .news_list_item_figure picture { display: block; } .news_list_item_figure img { width: 100%; } @media only screen and (max-width: 499px ) { .news_list_item_figure { display: none !important; visibility: hidden; } } @media only screen and (min-width: 500px ) { .news_list_item_figure { width: 174px; margin-left: 20px; margin-bottom: 0; } } @media only screen and (min-width: 740px ) { .news_list_item_figure { margin-left: 30px; } } @media only screen and (min-width: 980px ) { .news_list_item_figure { margin-left: 40px; } } @media only screen and (min-width: 740px ) { .news_list_item_content { overflow: hidden; } } .news_list_item_time { display: block; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; color: #999999; margin: 10px 0; text-transform: none; } @media only screen and (min-width: 740px ) { .news_list_item_time { font-size: 13px; font-size: 0.8125rem; } } @media only screen and (min-width: 740px ) { .news_list_item_time { float: left; margin-right: 20px; } } .news_list_item_cat { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; color: #B6A16B; letter-spacing: 1.85px; line-height: 1.2; margin: 10px 0; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .news_list_item_cat { float: left; } } .belleville .news_list_item_cat { color: #73243D; } .news_list_item_title { color: #000; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; margin: 10px 0; } @media only screen and (min-width: 740px ) { .news_list_item_title { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .news_list_item_title { font-size: 24px; font-size: 1.5rem; } } @media only screen and (min-width: 740px ) { .news_list_item_title { clear: both; } } .news_list_item_title_link { color: inherit; } .news_list_item_title_link:hover, .news_list_item_title_link:focus { color: #B6A16B; } .belleville .news_list_item_title_link:hover, .belleville .news_list_item_title_link:focus { color: #73243D; } .news_list_item_location { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; color: #999999; margin: 10px 0; } @media only screen and (min-width: 740px ) { .news_list_item_location { font-size: 13px; font-size: 0.8125rem; } } .news_list_item_location:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .news_list_item_location:before { background-image: url(/images/icons.svg?version=1608051801885); } .news_list_item_location:before { width: 16px; height: 16px; background-position: -80px -90px; position: relative; bottom: -3px; margin-right: 5px; } .news_list_item_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 1.375; color: #4D4D4D; margin: 20px 0; } @media only screen and (min-width: 740px ) { .news_list_item_description { font-size: 16px; font-size: 1rem; margin: 30px 0; } } .news_list_item_description p { margin: 0; } @media only screen and (min-width: 740px ) { .news_list_item_description { margin: 20px 0 30px; } } /* ========================================================================== Topic Block ============================================================================= */ .topic_block { overflow: hidden; border: 1px solid #E6E3DE; border-width: 1px 0; margin-bottom: -1px; padding: 30px 0; } @media only screen and (min-width: 740px ) { .topic_block { padding: 40px 0; } } .topic_block_figure { float: right; max-width: 30%; margin: 0 0 20px 20px; } @media only screen and (min-width: 740px ) { .topic_block_figure { float: left; max-width: auto; margin: 0 20px 20px 0; } } @media only screen and (min-width: 980px ) { .topic_block_figure { float: left; margin: 0 30px 20px 0; } } @media only screen and (min-width: 740px ) { .topic_block_body { overflow: hidden; } } .topic_block_title { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; margin: 0 0 10px; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .topic_block_title { font-size: 24px; font-size: 1.5rem; } } .topic_block_description p { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; color: #4D4D4D; line-height: 1.6; margin: 10px 0 15px; } .topic_block_link { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #B6A16B; color: #fff; } .topic_block_link span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .topic_block_link:focus, .topic_block_link:hover { background-color: #000; } .belleville .topic_block_link { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #73243D; color: #fff; } .belleville .topic_block_link span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .belleville .topic_block_link:focus, .belleville .topic_block_link:hover { background-color: #000; } /* ========================================================================== Resources ============================================================================= */ .resources { background-color: #000; position: relative; margin: 30px 0; padding: 0 0 10px 0; } @media only screen and (min-width: 740px ) { .resources { margin: 50px 0; padding: 30px 30px 15px; } } @media only screen and (min-width: 980px ) { .resources { margin: 50px -30px; padding: 40px 50px 20px; } } .resources_title { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; color: #999999; letter-spacing: 0.1em; text-transform: uppercase; color: #FAF9F3; margin: 0 0 20px; } .resources_title:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .resources_title:after { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 740px ) { .resources_title { margin: 0 0 30px; } } @media only screen and (min-width: 980px ) { .resources_title { margin: 0 0 40px; } } .resources_title:after { width: 16px; height: 16px; background-position: -220px -90px; position: absolute; top: 10px; right: 12px; } .resources_title:before { background-color: #4D4D4D; width: 40px; height: 40px; position: absolute; top: 0; right: 0; content: ""; } @media only screen and (min-width: 740px ) { .resources_list { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 20; column-gap: 20; } .resources_list > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } } .resources_item { -webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; overflow: hidden; } .resources_link { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; display: block; color: #B6A16B; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 15px; } @media only screen and (min-width: 740px ) { .resources_link { margin: 0 0 20px; } } .resources_link:focus, .resources_link:hover { color: #fff; } /* ========================================================================== Mobile Dropdown ============================================================================= */ @media only screen and (min-width: 740px ) { .resources option { display: none; } } .resources .fs-dropdown .fs-dropdown-options { padding: 0; } .resources .fs-dropdown .fs-dropdown-options, .resources .fs-dropdown .fs-dropdown-selected { border: none; } .resources .fs-dropdown .fs-dropdown-item { padding: 10px 17px; } .resources .fs-dropdown .fs-dropdown-selected { position: relative; background-color: #000; padding-top: 18px; padding-right: 40px; } .resources .fs-dropdown .fs-dropdown-selected:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .resources .fs-dropdown .fs-dropdown-selected:after { background-image: url(/images/icons.svg?version=1608051801885); } .resources .fs-dropdown .fs-dropdown-selected:after { width: 16px; height: 16px; background-position: -220px -90px; position: absolute; top: 23%; right: 2%; margin: 0; } .resources .fs-dropdown .fs-dropdown-selected:before { background-color: #4D4D4D; width: 40px; height: 40px; position: absolute; top: 0; right: 0; content: ""; } /* ========================================================================== Color Variations ============================================================================= */ .resources { /* ========================================================================== Color Variations - Belleville ============================================================================= */ } .resources.theme_white { background-color: #fff; border: 1px solid #E6E3DE; } .resources.theme_white .resources_title { color: #4D4D4D; } .resources.theme_white .resources_title:after { width: 16px; height: 16px; background-position: -220px -90px; } .resources.theme_white .resources_title:before { background-color: #B6A16B; } .resources.theme_white .resources_link { color: #89743e; } .resources.theme_white .resources_link:focus, .resources.theme_white .resources_link:hover { color: #000; } .resources.theme_white .fs-dropdown-selected { background-color: #fff; color: #4D4D4D; } .resources.theme_white .fs-dropdown-selected:after { width: 16px; height: 16px; background-position: -220px -90px; } .resources.theme_white .fs-dropdown-selected:before { background-color: #B6A16B; } .resources.theme_green { background-color: #006156; color: #fff; } .resources.theme_green .resources_title { color: #fff; } .resources.theme_green .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .resources.theme_green .resources_title:before { background-color: #fff; } .resources.theme_green .resources_link { color: #fff; } .resources.theme_green .resources_link:focus, .resources.theme_green .resources_link:hover { color: #000; } .resources.theme_green .fs-dropdown-selected { background-color: #006156; } .resources.theme_blue { background-color: #003A5D; color: #fff; } .resources.theme_blue .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .resources.theme_blue .resources_title:before { background-color: #fff; } .resources.theme_blue .resources_link { color: #fff; } .resources.theme_blue .resources_link:focus, .resources.theme_blue .resources_link:hover { color: #000; } .resources.theme_blue .fs-dropdown-selected { background-color: #003A5D; } .resources.theme_purple { background-color: #5C0F8B; } .resources.theme_purple .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .resources.theme_purple .resources_title:before { background-color: #fff; } .resources.theme_purple .resources_link { color: #fff; } .resources.theme_purple .resources_link:focus, .resources.theme_purple .resources_link:hover { color: #000; } .resources.theme_purple .fs-dropdown-selected { background-color: #5C0F8B; } .resources.theme_orange { background-color: #EC6223; } .resources.theme_orange .resources_title { color: #000; } .resources.theme_orange .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .resources.theme_orange .resources_title:before { background-color: #fff; } .resources.theme_orange .resources_link { color: #000; } .resources.theme_orange .resources_link:focus, .resources.theme_orange .resources_link:hover { color: #fff; } .resources.theme_orange .fs-dropdown-selected { background-color: #EC6223; color: #000; } .resources.theme_yellow { background-color: #FCB525; } .resources.theme_yellow .resources_title { color: #000; } .resources.theme_yellow .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .resources.theme_yellow .resources_title:before { background-color: #fff; } .resources.theme_yellow .resources_link { color: #000; } .resources.theme_yellow .resources_link:focus, .resources.theme_yellow .resources_link:hover { color: #fff; } .resources.theme_yellow .fs-dropdown-selected { background-color: #FCB525; } .belleville .resources { background-color: #fff; border: 1px solid #E6E3DE; } .belleville .resources .resources_title { color: #000; } .belleville .resources .resources_title:before { background-color: #73243D; } .belleville .resources .resources_link { color: #73243D; } .belleville .resources .resources_link:focus, .belleville .resources .resources_link:hover { color: #666666; } .belleville .resources .fs-dropdown-selected { background-color: #fff; color: #000; } .belleville .resources.theme_black { background-color: #000; border: none; } .belleville .resources.theme_black .resources_title { color: #F4F1E8; } .belleville .resources.theme_black .resources_title:before { background-color: #fff; } .belleville .resources.theme_black .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .belleville .resources.theme_black .resources_link { color: #fff; } .belleville .resources.theme_black .resources_link:focus, .belleville .resources.theme_black .resources_link:hover { color: #FFB819; } .belleville .resources.theme_black .fs-dropdown-selected { background-color: #000; color: #fff; } .belleville .resources.theme_black .fs-dropdown-selected:before { background-color: #000; } .belleville .resources.theme_green { background-color: #6F8C37; border: none; } .belleville .resources.theme_green .fs-dropdown-selected { background-color: #6F8C37; color: #fff; } .belleville .resources.theme_green .resources_title { color: #fff; } .belleville .resources.theme_green .resources_title:before { background-color: #fff; } .belleville .resources.theme_green .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .belleville .resources.theme_green .resources_link { color: #fff; } .belleville .resources.theme_green .resources_link:focus, .belleville .resources.theme_green .resources_link:hover { color: #000; } .belleville .resources.theme_blue { background-color: #3C6C8A; border: none; } .belleville .resources.theme_blue .fs-dropdown-selected { background-color: #3C6C8A; color: #fff; } .belleville .resources.theme_blue .resources_title { color: #fff; } .belleville .resources.theme_blue .resources_title:before { background-color: #fff; } .belleville .resources.theme_blue .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .belleville .resources.theme_blue .resources_link { color: #fff; } .belleville .resources.theme_blue .resources_link:focus, .belleville .resources.theme_blue .resources_link:hover { color: #000; } .belleville .resources.theme_purple { background-color: #A24BAB; border: none; } .belleville .resources.theme_purple .fs-dropdown-selected { background-color: #A24BAB; color: #fff; } .belleville .resources.theme_purple .resources_title { color: #fff; } .belleville .resources.theme_purple .resources_title:before { background-color: #fff; } .belleville .resources.theme_purple .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .belleville .resources.theme_purple .resources_link { color: #fff; } .belleville .resources.theme_purple .resources_link:focus, .belleville .resources.theme_purple .resources_link:hover { color: #000; } .belleville .resources.theme_orange { background-color: #FF3835; border: none; } .belleville .resources.theme_orange .fs-dropdown-selected { background-color: #FF3835; color: #000; } .belleville .resources.theme_orange .resources_title { color: #000; } .belleville .resources.theme_orange .resources_title:before { background-color: #fff; } .belleville .resources.theme_orange .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .belleville .resources.theme_orange .resources_link { color: #000; } .belleville .resources.theme_orange .resources_link:focus, .belleville .resources.theme_orange .resources_link:hover { color: #fff; } .belleville .resources.theme_yellow { background-color: #FFB819; border: none; } .belleville .resources.theme_yellow .fs-dropdown-selected { background-color: #FFB819; color: #000; } .belleville .resources.theme_yellow .resources_title:before { background-color: #fff; } .belleville .resources.theme_yellow .resources_title:after { width: 16px; height: 16px; background-position: -60px -90px; } .belleville .resources.theme_yellow .resources_link { color: #000; } .belleville .resources.theme_yellow .resources_link:focus, .belleville .resources.theme_yellow .resources_link:hover { color: #fff; } /* ========================================================================== Testimonial ============================================================================= */ .testimonial { background-color: #000; color: #fff; overflow: hidden; position: relative; margin: 30px 0; } .testimonial:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .testimonial:before { background-image: url(/images/icons.svg?version=1608051801885); } .testimonial::before { position: absolute; top: 10px; right: 10px; z-index: 2; opacity: 0.5; } @media only screen and (min-width: 740px ) { .testimonial { margin: 50px 0; } } @media only screen and (min-width: 980px ) { .testimonial { margin: 50px -30px; } } .testimonial::before { width: 16px; height: 16px; background-position: -160px -90px; width: 20px; height: 20px; background-position: -150px -70px; } .testimonial_figure { display: block; position: relative; padding-top: 66.66666667%; } .testimonial_figure picture { display: block; } .testimonial_figure img { width: 100%; } .testimonial_figure:after { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background-image: radial-gradient(48% 107%, rgba(0, 0, 0, 0.13) 43%, #000 100%); content: ""; opacity: 0.5; } .testimonial_picture { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .testimonial_image { display: block; } .testimonial_blockquote { margin: 0; } .testimonial_quote { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.66666667; padding: 20px; } @media only screen and (min-width: 740px ) { .testimonial_quote { font-size: 24px; font-size: 1.5rem; line-height: 1.25; } } @media only screen and (min-width: 740px ) { .testimonial_quote { position: absolute; right: 0; bottom: 0; left: 0; padding: 30px; } } @media only screen and (min-width: 980px ) { .testimonial_quote { padding: 40px 50px; } } .testimonial_quote p { margin: 0; } .testimonial_footer { position: absolute; top: 0; right: 0; left: 0; padding: 10px 20px; } @media only screen and (min-width: 740px ) { .testimonial_footer { padding: 30px; } } @media only screen and (min-width: 980px ) { .testimonial_footer { padding: 40px 50px; } } .testimonial_cite { display: block; } .testimonial_cite_name { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; line-height: 1.45833333; text-transform: uppercase; display: block; } @media only screen and (min-width: 740px ) { .testimonial_cite_name { font-size: 24px; font-size: 1.5rem; } } .testimonial_cite_label { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 1.375; display: block; } @media only screen and (min-width: 740px ) { .testimonial_cite_label { font-size: 16px; font-size: 1rem; } } /* ========================================================================== CTA / Program Select ============================================================================= */ .cta { position: relative; margin-bottom: 20px; } @media only screen and (min-width: 740px ) { .cta { margin-bottom: 40px; } } @media only screen and (min-width: 980px ) { .cta { margin-bottom: 50px; } } .cta .cta_wrapper { background-color: #B6A16B; } .cta .cta_wrapper.theme_yellow { background-color: #FCB525; } .cta .cta_wrapper.theme_orange { background-color: #EC6223; } .cta .cta_wrapper.theme_green { background-color: #006156; } .cta .cta_wrapper.theme_blue { background-color: #003A5D; } .cta .cta_wrapper.theme_purple { background-color: #5C0F8B; } .belleville .cta .cta_wrapper { background-color: #73243D; } .belleville .cta .cta_wrapper.theme_yellow { background-color: #FFB819; } .belleville .cta .cta_wrapper.theme_orange { background-color: #FF3835; } .belleville .cta .cta_wrapper.theme_green { background-color: #6F8C37; } .belleville .cta .cta_wrapper.theme_blue { background-color: #3C6C8A; } .belleville .cta .cta_wrapper.theme_purple { background-color: #A24BAB; } .cta_wrapper { position: relative; overflow: hidden; margin-right: -10%; margin-left: -10%; padding-right: 10%; padding-left: 10%; } @media only screen and (min-width: 740px ) { .cta_wrapper { margin-right: -20%; margin-left: -20%; padding-right: 20%; padding-left: 20%; } } @media only screen and (min-width: 980px ) { .cta_wrapper { margin-right: -75px; margin-left: -150px; padding-right: 75px; padding-left: 150px; } } @media only screen and (min-width: 1220px ) { .cta_wrapper { margin-right: -100px; padding-right: 100px; } } .cta_bar { padding: 22px 0 20px; } .cta_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; padding: 7px 20px; } .cta_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .cta_button:focus, .cta_button:hover { background-color: #B6A16B; } @media only screen and (max-width: 739px ) { .cta_button { display: block; margin-bottom: 10px; text-align: center; } } .cta_button:hover, .cta_button:focus { background-color: #000; color: #fff; } .cta_button span:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .cta_button span:after { background-image: url(/images/icons.svg?version=1608051801885); } .cta_button span:after { margin: 0 -5px 0 5px; vertical-align: text-bottom; } .cta_button.related span:after { width: 16px; height: 16px; background-position: -100px -90px; } .cta_button.apply span:after { width: 16px; height: 16px; background-position: -120px -90px; } .cta_button.info span:after { width: 16px; height: 16px; background-position: -20px -90px; } .cta_button.schedule span:after { width: 16px; height: 16px; background-position: -140px -90px; } .cta_dropdown_handle { position: relative; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: block; width: 100%; letter-spacing: 0.1em; margin: 20px 0 0; text-align: center; text-transform: uppercase; -webkit-transition: color 0.25s; transition: color 0.25s; } @media only screen and (min-width: 740px ) { .cta_dropdown_handle { text-align: left; } } @media only screen and (min-width: 1220px ) { .cta_dropdown_handle { float: right; width: auto; line-height: 1.6; margin: 5px 0 0 0; padding: 0 0 0 25px; } } .cta_dropdown_handle:hover { color: #fff; } .cta_dropdown_handle:before { display: block; background-color: #fff; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); content: ''; margin: 0 0 15px; } @media only screen and (min-width: 1220px ) { .cta_dropdown_handle:before { width: 1px; height: 50px; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; top: 50%; left: 0; display: inline-block; margin: -25px auto 0; } } .cta_dropdown_handle:after { width: 0px; height: 0px; display: inline-block; border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ""; margin: 0 0 3px 15px; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } @media only screen and (min-width: 1220px ) { .cta_dropdown_handle:after { margin-left: 20px; } } .cta_dropdown_handle.fs-swap-active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .theme_green .cta_dropdown_handle, .theme_blue .cta_dropdown_handle, .theme_purple .cta_dropdown_handle { color: #fff; } .theme_green .cta_dropdown_handle:hover, .theme_blue .cta_dropdown_handle:hover, .theme_purple .cta_dropdown_handle:hover { color: #000; } .belleville .theme_default .cta_dropdown_handle { color: #B2B2B2; } .belleville .theme_default .cta_dropdown_handle:hover { color: #fff; } .cta_dropdown { padding: 0 0 20px; } @media only screen and (min-width: 740px ) { .cta_dropdown { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 15; column-gap: 15; padding: 0 0 30px; } .cta_dropdown > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } } @media only screen and (min-width: 1220px ) { .cta_dropdown { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 20; column-gap: 20; padding: 10px 0 40px; } .cta_dropdown > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } } .cta_dropdown.fs-swap-enabled { display: none; } .cta_dropdown.fs-swap-enabled.fs-swap-active { display: block; } .cta_dropdown_item { display: block; padding: 10px 0; } .cta_dropdown_link { color: #000; font-size: 14px; font-size: 0.875rem; border-bottom: 1px solid transparent; line-height: 1.4; } @media only screen and (min-width: 740px ) { .cta_dropdown_link { font-size: 16px; font-size: 1rem; } } .cta_dropdown_link:focus, .cta_dropdown_link:hover { border-color: #000; } .theme_blue .cta_dropdown_link, .theme_purple .cta_dropdown_link { color: #fff; } .theme_blue .cta_dropdown_link:focus, .theme_purple .cta_dropdown_link:focus, .theme_blue .cta_dropdown_link:hover, .theme_purple .cta_dropdown_link:hover { color: #000; } .belleville .theme_default .cta_dropdown_link { color: #B2B2B2; } .belleville .theme_default .cta_dropdown_link:focus, .belleville .theme_default .cta_dropdown_link:hover { border-color: #B2B2B2; } .cta_content { color: #999999; border-bottom: 1px solid #EAEAEA; padding: 20px 0; } .cta_content .typography { color: #999999; } .cta_programs { margin-top: -30px; } /* ========================================================================== Program List ============================================================================= */ .program_list_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 24px; font-size: 1.5rem; letter-spacing: 0.05em; line-height: 1.4; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .program_list_heading { font-size: 30px; font-size: 1.875rem; } } @media only screen and (min-width: 980px ) { .program_list_heading { font-size: 34px; font-size: 2.125rem; } } .program_list_items { padding: 0 0 20px; } @media only screen and (min-width: 740px ) { .program_list_items { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 15; column-gap: 15; padding: 0 0 30px; } .program_list_items > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } } @media only screen and (min-width: 1220px ) { .program_list_items { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 20; column-gap: 20; padding: 10px 0 40px; } .program_list_items > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } } .program_list_item { display: block; padding: 10px 0; } .program_list_link { color: #000; font-size: 14px; font-size: 0.875rem; border-bottom: 1px solid transparent; line-height: 1.4; } @media only screen and (min-width: 740px ) { .program_list_link { font-size: 16px; font-size: 1rem; } } .program_list_link:focus, .program_list_link:hover { border-color: #000; } .belleville .theme_default .program_list_link { color: #B2B2B2; } .belleville .theme_default .program_list_link:focus, .belleville .theme_default .program_list_link:hover { border-color: #B2B2B2; } /* ========================================================================== Related Links ============================================================================= */ h2.main-page-statement { font-size: 1.875em !important; } /* ========================================================================== Accordion ============================================================================= */ .accordion_block { margin-top: 40px; margin-bottom: 40px; } h2.accordion_heading { font-size: 1.875em !important; } @media only screen and (min-width: 980px ) { .accordion_block { margin-top: 60px; } } @media only screen and (min-width: 980px ) { .accordion_block { margin-bottom: 60px; } } .accordion_heading { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; font-size: 1.875rem; line-height: 1.4; color: #B6A16B; margin: 0 0 20px 0; } @media only screen and (min-width: 740px ) { .accordion_heading { font-size: 36px; font-size: 2.25rem; } } @media only screen and (min-width: 980px ) { .accordion_heading { font-size: 40px; font-size: 2.5rem; } } .accordion_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; margin: 0; } @media only screen and (min-width: 740px ) { .accordion_description { font-size: 18px; font-size: 1.125rem; } } .accordion_inner { border-top: 4px solid #B6A16B; margin-top: 40px; } .belleville .accordion_inner { border-color: #73243D; } .accordion_item { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; border-bottom: 1px solid #EAEAEA; } .accordion_item.fs-swap-active, .accordion_item:hover { background-color: #fff; } .accordion_item_handle { font-size: 18px; font-size: 1.125rem; position: relative; cursor: pointer; font-weight: normal; line-height: 1.3; margin: 0; padding: 20px 40px 20px 10px; } @media only screen and (min-width: 740px ) { .accordion_item_handle { font-size: 22px; font-size: 1.375rem; padding: 25px 50px 25px 20px; } } @media only screen and (min-width: 1220px ) { .accordion_item_handle { font-size: 26px; font-size: 1.625rem; padding: 35px 60px 35px 30px; } } .accordion_item_handle:after { width: 0px; height: 0px; display: block; position: absolute; top: 23px; right: 10px; border-top: 7px solid #B6A16B; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ""; margin: 0; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } @media only screen and (min-width: 740px ) { .accordion_item_handle:after { top: 35px; right: 20px; } } @media only screen and (min-width: 1220px ) { .accordion_item_handle:after { top: 47px; } } .accordion_item_handle.fs-swap-active { padding-bottom: 0; } @media only screen and (min-width: 740px ) { .accordion_item_handle.fs-swap-active { padding-bottom: 10px; } } .accordion_item_handle.fs-swap-active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .belleville .accordion_item_handle:after { border-top-color: #73243D; } .accordion_item_body { padding: 0 10px; } @media only screen and (min-width: 740px ) { .accordion_item_body { padding: 0 20px; } } @media only screen and (min-width: 1220px ) { .accordion_item_body { padding: 0 30px; } } .fs-swap-enabled .accordion_item_body { display: none; } .fs-swap-active .accordion_item_body { display: block; } /* ========================================================================== Events Listing ============================================================================= */ .events_listing { margin-top: 40px; margin-bottom: 40px; } .events_listing:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 980px ) { .events_listing { margin-top: 60px; } } @media only screen and (min-width: 980px ) { .events_listing { margin-bottom: 60px; } } .events_filter_form { border-top: 1px solid #E6E3DE; border-bottom: 3px solid #B6A16B; padding: 12px 0; } .events_filter_form:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .belleville .events_filter_form { border-bottom-color: #73243D; } .events_filter_form_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; line-height: 1.28571429; color: #999999; width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; line-height: 1.4; letter-spacing: 2px; margin: 0; padding: 10px 20px 5px; opacity: 0.9; text-transform: uppercase; } .events_filter_form_heading.focusable:active, .events_filter_form_heading.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } @media only screen and (min-width: 500px ) { .events_filter_form_heading { float: left; padding: 16px 0 0 0; } } @media only screen and (min-width: 740px ) { .events_filter_form_heading { font-size: 14px; font-size: 0.875rem; padding-top: 14px; } } .events_filters:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .events_filters { width: 100%; float: right; } } @media only screen and (min-width: 740px ) { .events_filters { width: 100%; } } .events_filter_fieldset { float: left; position: relative; width: 50%; margin: 0; } @media only screen and (min-width: 740px ) { .events_filter_fieldset:not(:last-of-type):after { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; display: block; width: 1px; height: 100%; top: 0; bottom: 0; right: 0; margin: auto; background: rgba(74, 74, 74, 0.2); content: ''; -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } } @media only screen and (min-width: 980px ) and (max-width: 1219px ) { .events_filter_fieldset:not(:last-of-type):after { content: none; } } .events_filter_fieldset_month { width: 100%; } @media only screen and (max-width: 499px ) { .events_filter_fieldset_month:after { content: normal; display: none; } } @media only screen and (min-width: 740px ) { .events_filter_fieldset_month { width: 268px; padding-left: 20px; } } @media only screen and (min-width: 980px ) { .events_filter_fieldset_month { width: 247px; padding-left: 0; } } @media only screen and (min-width: 1220px ) { .events_filter_fieldset_month { width: 290px; padding-left: 30px; } } .events_filter_fieldset_cat { width: 100%; border-bottom: 1px solid #E6E3DE; margin-bottom: 10px; padding-bottom: 5px; } @media only screen and (min-width: 740px ) { .events_filter_fieldset_cat { width: 328px; border: none; margin: 0; padding: 0; } } @media only screen and (min-width: 980px ) and (max-width: 1219px ) { .events_filter_fieldset_cat { width: 100%; } } @media only screen and (min-width: 1220px ) { .events_filter_fieldset_cat { width: 356px; } } @media only screen and (min-width: 980px ) and (max-width: 1219px ) { .events_filter_fieldset_cat .events_filter_label { padding-right: 0; } } .events_filter_label { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; line-height: 1.28571429; color: #999999; line-height: 1.4; letter-spacing: 2px; margin: 0; padding: 10px 0px 5px 0; opacity: 0.9; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .events_filter_label { display: inline-block; } } .events_filter_dropdown .fs-dropdown-selected { font-size: 16px; font-weight: normal; overflow: hidden; padding-left: 0; text-overflow: ellipsis; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 500px ) { .events_filter_cat_dropdown button.fs-dropdown-selected { padding: 10px 50px 10px 0px; } } @media only screen and (min-width: 740px ) { .events_filter_cat_dropdown button.fs-dropdown-selected { padding: 10px 30px 10px 20px; } } @media only screen and (min-width: 980px ) and (max-width: 1219px ) { .events_filter_cat_dropdown button.fs-dropdown-selected { padding-left: 10px; } } @media only screen and (min-width: 740px ) { .events_filter_cat_dropdown { width: 300px; display: inline-block; } } .events_filter_date_prefix { color: #999999; font-family: "Trade Gothic W01 Bold", sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 2px; line-height: 1.4; opacity: 0.9; text-transform: uppercase; } @media only screen and (min-width: 500px ) { .events_filter_date_prefix { margin-left: 25px; } } @media only screen and (min-width: 740px ) { .events_filter_date_prefix { font-size: 14px; } } .event_filter_date_input { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FAF9F3; color: #4D4D4D; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-size: 15px; padding: 11px 0; } @media only screen and (min-width: 740px ) { .event_filter_date_input { width: 137px; } } .event_filter_date_submit { background: #000; color: #fff; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 1.28571429; line-height: 1.4; letter-spacing: 1px; margin: 10px 0 20px; padding: 12px 20px; text-transform: uppercase; -webkit-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .event_filter_date_submit:hover, .event_filter_date_submit:focus { background: rgba(0, 0, 0, 0.65); } @media only screen and (min-width: 500px ) { .event_filter_date_submit { margin: 10px 0 10px; } } @media only screen and (min-width: 740px ) { .event_filter_date_submit { float: right; -webkit-clip-path: polygon(10px 0, 100% 0%, -webkit-calc(100% - 10px) 100%, 0% 100%); clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%); margin: 0; padding: 14px 30px; } } @media only screen and (min-width: 980px ) { .event_filter_date_submit { float: left; margin: 5px 0 10px; } } @media only screen and (min-width: 1220px ) { .event_filter_date_submit { clear: none; float: right; margin: 0; padding: 14px 40px; } } /* Date Picker Polyfill ============================================================================= */ .polyfill-right-aligned .yearSelect { padding-left: 18px; } .polyfill-right-aligned .monthSelect { padding-left: 42px; } /* Items ============================================================================= */ .events_list_item_noresuts { width: 100%; padding: 16px 22px; margin: 50px 0 8px; } .events_list_item_noresults_text { font-size: 32px; } .event_list_item_date { width: 100%; background: #e2dfda; padding: 16px 22px; margin: 50px 0 8px; } .event_list_item_date_text { font-size: 32px; } .event_list_item { border-bottom: 1px solid #EAEAEA; padding-top: 20px; padding-bottom: 10px; } .event_list_item:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 740px ) { .event_list_item { padding-top: 30px; } } .event_list_item_figure { display: block; float: right; width: 74px; margin: 10px 0 20px 20px; } .event_list_item_figure picture { display: block; } .event_list_item_figure img { width: 100%; } @media only screen and (max-width: 499px ) { .event_list_item_figure { display: none !important; visibility: hidden; } } @media only screen and (min-width: 500px ) { .event_list_item_figure { width: 174px; margin-left: 20px; margin-bottom: 0; } } @media only screen and (min-width: 740px ) { .event_list_item_figure { margin-left: 30px; } } @media only screen and (min-width: 980px ) { .event_list_item_figure { margin-left: 40px; } } @media only screen and (min-width: 740px ) { .event_list_item_content { overflow: hidden; } } .event_list_item_time { display: block; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; color: #999999; margin: 10px 0; text-transform: none; } @media only screen and (min-width: 740px ) { .event_list_item_time { font-size: 13px; font-size: 0.8125rem; } } @media only screen and (min-width: 740px ) { .event_list_item_time { float: left; margin-right: 20px; } } .event_list_item_cat { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; color: #B6A16B; letter-spacing: 1.85px; line-height: 1.2; margin: 10px 0; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .event_list_item_cat { float: left; } } .belleville .event_list_item_cat { color: #73243D; } .event_list_item_title { color: #000; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; margin: 10px 0; } @media only screen and (min-width: 740px ) { .event_list_item_title { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .event_list_item_title { font-size: 24px; font-size: 1.5rem; } } @media only screen and (min-width: 740px ) { .event_list_item_title { clear: both; } } .event_list_item_title_link { color: inherit; } .event_list_item_title_link:hover, .event_list_item_title_link:focus { color: #B6A16B; } .belleville .event_list_item_title_link:hover, .belleville .event_list_item_title_link:focus { color: #73243D; } .event_list_item_location { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; color: #999999; margin: 10px 0; } @media only screen and (min-width: 740px ) { .event_list_item_location { font-size: 13px; font-size: 0.8125rem; } } .event_list_item_location:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .event_list_item_location:before { background-image: url(/images/icons.svg?version=1608051801885); } .event_list_item_location:before { width: 16px; height: 16px; background-position: -80px -90px; position: relative; bottom: -3px; margin-right: 5px; } .event_list_item_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 1.375; color: #4D4D4D; margin: 20px 0; } @media only screen and (min-width: 740px ) { .event_list_item_description { font-size: 16px; font-size: 1rem; margin: 30px 0; } } .event_list_item_description p { margin: 0; } /* ========================================================================== Audience Selection ============================================================================= */ .audience_section { margin-top: 40px; margin-bottom: 40px; padding-bottom: 40px; position: relative; z-index: 2; } @media only screen and (min-width: 980px ) { .audience_section { margin-top: 80px; } } @media only screen and (min-width: 980px ) { .audience_section { margin-bottom: 80px; } } @media only screen and (min-width: 980px ) { .audience_section { padding-bottom: 80px; } } .audience_section:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (max-width: 979px ) { .audience_section { min-height: auto !important; } } .audience_section h3, .audience_section h4, .audience_section .audience_program_link { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; color: #fff; text-transform: uppercase; } .audience_section h3 { font-size: 25px; font-size: 1.5625rem; line-height: 1; margin: 0 0 12px 0; letter-spacing: 0.62px; } @media only screen and (min-width: 740px ) { .audience_section h3 { font-size: 44px; font-size: 2.75rem; line-height: 0.93181818; margin: 0 0 17px 0; } } .audience_section h4, .audience_section .audience_program_link { font-size: 28px; font-size: 1.75rem; line-height: 1.10714286; margin: 0 0 10px 0; letter-spacing: 0.84px; } @media only screen and (min-width: 740px ) { .audience_section h4, .audience_section .audience_program_link { margin: 0 0 11px 0; } } @media only screen and (min-width: 980px ) { .audience_section { position: relative; min-height: 600px; } } @media screen and (min-width: 1550px) { .audience_section_content { float: none !important; margin: 0 auto !important; } } .audience_component { margin: 5px 0; } .audience_component:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 740px ) { .audience_component { margin: 12px 0; } } .audience_header { text-align: center; } .audience_header h2 { font-family: "alex_brushregular", serif; font-style: normal; font-weight: normal; color: #000; font-size: 25px; font-size: 1.5625rem; } @media only screen and (min-width: 500px ) { .audience_header h2 { font-size: 30px; font-size: 1.875rem; } } .audience_header p { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; color: #4D4D4D; font-size: 16px; font-size: 1rem; line-height: 1.375; } @media only screen and (min-width: 500px ) { .audience_header p { font-size: 22px; font-size: 1.375rem; line-height: 1.54545455; } } .audience_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; } .audience_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .audience_button:focus, .audience_button:hover { background-color: #B6A16B; } @media only screen and (min-width: 980px ) { .audience_button { max-width: 170px; } } @media only screen and (min-width: 1220px ) { .audience_button { max-width: 212px; } } .belleville .audience_button:active, .belleville .audience_button:focus, .belleville .audience_button:hover { background-color: #73243D; color: #fff; } .audience_wrap { position: relative; } @media only screen and (min-width: 1220px ) { .audience_wrap:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } } @media only screen and (max-width: 1219px ) { .audience_wrap { -webkit-transform: translateX(120%); -ms-transform: translateX(120%); transform: translateX(120%); -webkit-transition: -webkit-transform 0.5s ease 0.05s; transition: -webkit-transform 0.5s ease 0.05s; transition: transform 0.5s ease 0.05s; transition: transform 0.5s ease 0.05s, -webkit-transform 0.5s ease 0.05s; } } @media only screen and (max-width: 1219px ) { .audience_wrap.transitions { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @media only screen and (min-width: 1220px ) { .audience_wrap.transitions .audience_row { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; } } .audience_wrap.transitions .program_finder_row { position: relative; z-index: 1; } @media only screen and (min-width: 1220px ) { .audience_wrap.transitions .program_finder_row { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .audience_wrap.fs-swap-enabled { display: none; } .audience_wrap.fs-swap-active { display: block; } @media only screen and (min-width: 1220px ) { .audience_row { opacity: 0; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -webkit-transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), -webkit-transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), -webkit-transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), -webkit-transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); visibility: hidden; } } @media only screen and (min-width: 1220px ) { .audience_row:nth-child(1) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } } @media only screen and (min-width: 1220px ) { .audience_row:nth-child(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } } @media only screen and (min-width: 1220px ) { .audience_row:nth-child(3) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } } @media only screen and (min-width: 1220px ) { .audience_row:nth-child(4) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } } @media only screen and (min-width: 1220px ) { .audience_row:nth-child(5) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } } @media only screen and (min-width: 1220px ) { .audience_row:nth-child(6) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } } .audience_row.transition_complete { -webkit-transform: none; -ms-transform: none; transform: none; } .audience_bkground_tall { position: relative; height: 218px; } @media only screen and (min-width: 740px ) { .audience_bkground_tall { height: 416px; } } @media only screen and (min-width: 980px ) { .audience_bkground_tall { height: 442px; } } .audience_image_bkground { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .audience_image_bkground.fs-background { position: absolute; } .audience_image_bkground:after { position: absolute; display: block; width: 100%; height: 70%; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 100%); content: ""; opacity: 0.6; } .audience_content { position: absolute; bottom: 27px; left: 25px; padding-right: 20px; } @media only screen and (min-width: 740px ) { .audience_content { bottom: 30px; left: 40px; } } .audience_bkground_short { position: relative; height: 218px; } @media only screen and (min-width: 740px ) { .audience_bkground_short { height: 416px; } } @media only screen and (min-width: 980px ) { .audience_bkground_short { height: 250px; } } .audience_resources .audience_component { background-color: #fff; border: 1px solid #E6E3DE; } .audience_resources .audience_component .resources_title { color: rgba(77, 77, 77, 0.6); } .audience_resources .audience_component .fs-dropdown-selected { background-color: #fff; color: #000; } .audience_resources .audience_component.resources_dark { background-color: #000; border: none; } .audience_resources .audience_component.resources_dark .resources_title { color: #fff; } .audience_resources .audience_component.resources_dark .fs-dropdown-selected { background-color: #000; color: #fff; } .belleville .audience_resources .audience_component.resources_dark { background-color: #73243D; } .belleville .audience_resources .audience_component.resources_dark .fs-dropdown-selected:before { background-color: #000; } .belleville .audience_resources .audience_component.resources_dark .fs-dropdown-selected { background-color: #73243D; } @media only screen and (min-width: 740px ) and (max-width: 979px ) { .audience_resources .audience_component .resources_list { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0; column-gap: 0; } .audience_resources .audience_component .resources_list > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; } } .audience_resources .audience_component .resources { margin: 0; background: none; border: none; } .audience_resources .audience_component .resources_title { margin: 0 0 27px 0; } .audience_component .program_finder { margin: 0; } @media only screen and (max-width: 499px ) { .audience_component .program_finder { padding: 34px 20px 18px; } } .audience_component .program_finder_label { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; color: #fff; margin: 0 0 10px 0; } @media only screen and (min-width: 740px ) { .audience_component .program_finder_label { font-size: 13px; font-size: 0.8125rem; } } .audience_text { position: absolute; color: #fff; top: 80px; left: 25px; margin: 0; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .audience_text { top: 33px; left: 50px; } } .audience_program_link { position: relative; } .audience_program_link:active, .audience_program_link:focus, .audience_program_link:hover { color: #B6A16B; } .belleville .audience_program_link:active, .belleville .audience_program_link:focus, .belleville .audience_program_link:hover { color: #FFB819; } .audience_program_link_block { background-color: #B6A16B; color: #fff; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; display: inline-block; position: relative; top: -5px; padding: 1px 8px; letter-spacing: 0.32px; line-height: 22px; text-align: center; text-transform: uppercase; } .belleville .audience_program_link_block { background-color: #73243D; } .audience_row .topic_block { padding: 20px 0; } .audience_row .topic_block:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .audience_row .topic_block_title { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; color: #000; font-size: 20px; font-size: 1.25rem; margin: 0 0 10px; } @media only screen and (min-width: 740px ) { .audience_row .topic_block_title { font-size: 24px; font-size: 1.5rem; } } .audience_row .topic_block_body:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .audience_row .topic_block_figure { margin-bottom: 0; } .audience_link { background-color: #fff; padding: 15px 25px; border: 1px solid #CCCCCC; } @media only screen and (min-width: 740px ) { .audience_link { padding: 15px 40px; } } .audience_link p { color: #000; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; margin: 0; letter-spacing: 1.62px; text-align: center; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .audience_link p { text-align: left; } } .audience_link p span { display: block; margin: 0 0 10px 0; } @media only screen and (min-width: 740px ) { .audience_link p span { float: left; margin: 12px 40px 0 0; } } .audience_link a { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #000; color: #fff; margin-left: -5px; } .audience_link a span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .audience_link a:focus, .audience_link a:hover { background-color: #fff; color: #000; } @media only screen and (min-width: 740px ) { .audience_link a { margin-left: 0; } } .audience_link a:active, .audience_link a:focus, .audience_link a:hover { background-color: #B6A16B; } .belleville .audience_link a:active, .belleville .audience_link a:focus, .belleville .audience_link a:hover { background-color: #73243D; color: #fff; } .audience_link a span { display: inline-block; margin: 0; } /* ========================================================================== Audience Selection - Interior Page ============================================================================= */ .page_full .audience_section { padding: 0; } /* ========================================================================== Blended ============================================================================= */ .blended_section { background-color: #fff; padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; position: relative; } @media only screen and (min-width: 980px ) { .blended_section { padding-top: 80px; } } @media only screen and (min-width: 980px ) { .blended_section { padding-bottom: 80px; } } @media only screen and (min-width: 980px ) { .blended_section { margin-bottom: 80px; } } .blended_section:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .blended_section:before { height: 45px; top: -44px; } .blended_section:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } .blended_section:after { width: 100%; height: 45px; position: absolute; right: 0; bottom: -45px; left: 0; background: inherit; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 90%); clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 0% 90%); content: ''; } .blended_header { text-align: center; } .blended_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 24px; font-size: 1.5rem; letter-spacing: 0.05em; line-height: 1.4; text-transform: uppercase; color: #000; margin: 0 0 20px; } @media only screen and (min-width: 740px ) { .blended_heading { font-size: 30px; font-size: 1.875rem; } } @media only screen and (min-width: 980px ) { .blended_heading { font-size: 34px; font-size: 2.125rem; } } @media only screen and (max-width: 739px ) { .blended_heading { font-size: 30px; font-size: 1.875rem; line-height: 1.2; } } @media only screen and (min-width: 980px ) { .blended_heading { margin-bottom: 30px; } } .blended_heading .first_word { color: #B6A16B; } @media only screen and (max-width: 499px ) { .blended_heading .first_word { display: block; } } .belleville .blended_heading .first_word { color: #73243D; } .blended_cat_form { max-width: 400px; margin: 0 auto 20px; } @media only screen and (min-width: 740px ) { .blended_cat_form { display: none !important; visibility: hidden; } } .blended_controls { box-shadow: inset 0 -1px 0 #E6E3DE; font-size: 0; margin-bottom: 30px; text-align: center; } @media only screen and (max-width: 739px ) { .blended_controls { display: none !important; visibility: hidden; } } @media only screen and (min-width: 1220px ) { .blended_controls { margin-bottom: 5px; } } .blended_control { display: inline-block; font-size: 14px; font-size: 0.875rem; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; box-shadow: inset 0 1px 0 #d8d8d8, inset -1px 0 0 #d8d8d8; color: #a2aaad; letter-spacing: 2px; line-height: 1; padding: 15px 25px; text-transform: uppercase; -webkit-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; } @media only screen and (min-width: 980px ) { .blended_control { padding: 20px 35px; } } @media only screen and (min-width: 1220px ) { .blended_control { padding: 20px 50px; } } .blended_control.fs-swap-active { background-color: #000; color: #fff; } .blended_control:first-child { box-shadow: inset 0 1px 0 #d8d8d8, inset -1px 0 0 #d8d8d8, inset 1px 0 0 #d8d8d8; } .blended_control:hover, .blended_control:active { background-color: #B6A16B; color: #fff; } .belleville .blended_control:hover, .belleville .blended_control:active { background-color: #73243D; } .blended_control_label { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } @media only screen and (min-width: 1220px ) { .blended_body { margin-right: -25px; } } .blended_content { position: relative; } @media only screen and (min-width: 1220px ) { .blended_content:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } } .blended_content.fs-swap-enabled { display: none; } .blended_content.fs-swap-active { display: block; } @media only screen and (max-width: 1219px ) { .blended_carousel { -webkit-transform: translateX(120%); -ms-transform: translateX(120%); transform: translateX(120%); -webkit-transition: -webkit-transform 0.5s ease 0.05s; transition: -webkit-transform 0.5s ease 0.05s; transition: transform 0.5s ease 0.05s; transition: transform 0.5s ease 0.05s, -webkit-transform 0.5s ease 0.05s; } } @media only screen and (max-width: 1219px ) { .transitions .blended_carousel { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @media only screen and (max-width: 739px ) { .blended_carousel .fs-carousel-wrapper { margin-bottom: 20px; } } @media only screen and (min-width: 1220px ) { .blended_carousel .fs-carousel-canister:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } } @media only screen and (max-width: 739px ) { .blended_carousel .fs-carousel-controls { display: none !important; visibility: hidden; } } .blended_carousel .fs-carousel-pagination { font-size: 0; opacity: 0; text-align: center; -webkit-transition: opacity 0.5s ease 0.55s, visibility 0.5s ease 0.55s; transition: opacity 0.5s ease 0.55s, visibility 0.5s ease 0.55s; visibility: hidden; } @media only screen and (min-width: 740px ) { .blended_carousel .fs-carousel-pagination { display: none !important; visibility: hidden; } } .transitions .blended_carousel .fs-carousel-pagination { opacity: 1; visibility: visible; } .blended_carousel .fs-carousel-page { width: 10px; height: 10px; background-color: #fff; border-radius: 100%; box-shadow: inset 0 0 0 1px #d3d3d3; display: inline-block; margin: 3px; -webkit-transition: background 0.25s, box-shadow 0.25s; transition: background 0.25s, box-shadow 0.25s; } .blended_carousel .fs-carousel-page:hover, .blended_carousel .fs-carousel-page:active { background-color: #000; box-shadow: inset 0 0 0 transparent; } .blended_carousel .fs-carousel-active { background-color: #000; box-shadow: inset 0 0 0 transparent; } .blended_carousel_controls { display: none; } @media only screen and (min-width: 740px ) and (max-width: 1219px ) { .blended_carousel_controls { display: block; opacity: 0; -webkit-transition: opacity 0.5s ease 0.55s, visibility 0.5s ease 0.55s; transition: opacity 0.5s ease 0.55s, visibility 0.5s ease 0.55s; visibility: hidden; } } @media only screen and (min-width: 740px ) and (max-width: 1219px ) { .transitions .blended_carousel_controls { opacity: 1; visibility: visible; } } .blended_carousel_control { position: absolute; top: 208px; z-index: 2; } .blended_carousel_control.previous { left: -25px; } .blended_carousel_control.next { right: -25px; } /* ========================================================================== Blended Articles ============================================================================= */ .blended_article { overflow: hidden; position: relative; width: 294px; color: rgba(0, 0, 0, 0.6); margin-right: 15px; } .blended_article:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .blended_article:before { background-image: url(/images/icons.svg?version=1608051801885); } .blended_article::before { position: absolute; top: 10px; right: 10px; z-index: 2; opacity: 0.5; } @media screen and (min-width: 380px) { .blended_article { width: 319px; } } @media screen and (min-width: 440px) { .blended_article { width: 374px; } } @media only screen and (min-width: 740px ) { .blended_article { width: 345px; margin-right: 15px; } } @media only screen and (min-width: 980px ) { .blended_article { width: 380px; margin-right: 20px; } } @media only screen and (min-width: 1220px ) { .blended_article { float: left; margin: 25px 25px 0 0; opacity: 0; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -webkit-transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), -webkit-transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), -webkit-transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); transition: opacity 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), visibility 0.5s cubic-bezier(0.68, 0, 0.265, 1.2), -webkit-transform 0.5s cubic-bezier(0.68, 0, 0.265, 1.2); visibility: hidden; } } @media only screen and (min-width: 1220px ) { .transitions .blended_article { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; } } @media only screen and (min-width: 1220px ) { .blended_article:nth-child(1) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } } @media only screen and (min-width: 1220px ) { .blended_article:nth-child(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } } @media only screen and (min-width: 1220px ) { .blended_article:nth-child(3) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } } @media only screen and (min-width: 1220px ) { .blended_article:nth-child(4) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } } @media only screen and (min-width: 1220px ) { .blended_article:nth-child(5) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } } @media only screen and (min-width: 1220px ) { .blended_article:nth-child(6) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } } @media only screen and (min-width: 1220px ) { .blended_card { width: 374px; } } @media only screen and (min-width: 740px ) { .blended_media { width: 650px; } } @media only screen and (min-width: 980px ) { .blended_media { width: 780px; } } @media only screen and (min-width: 1220px ) { .blended_media { width: 773px; } } .blended_article_link { display: block; color: inherit; } .blended_article_link:hover img, .blended_article_link:active img, .blended_article_link:hover .blended_article_bg, .blended_article_link:active .blended_article_bg { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .blended_article_link:hover .blended_article_figure:before, .blended_article_link:active .blended_article_figure:before { -webkit-transform: translateY(29px); -ms-transform: translateY(29px); transform: translateY(29px); } .blended_article_wrapper { position: relative; height: 415px; } @media only screen and (min-width: 740px ) { .blended_article_wrapper { height: 465px; } } @media only screen and (min-width: 980px ) { .blended_article_wrapper { height: 494px; } } .blended_article_bg { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: -webkit-filter 0.45s !important; transition: -webkit-filter 0.45s !important; transition: filter 0.45s !important; transition: filter 0.45s, -webkit-filter 0.45s !important; } .blended_article_bg.fs-background { position: absolute; } .blended_article_content { padding: 20px; } @media only screen and (min-width: 740px ) { .blended_article_content { padding: 35px 40px; } } .blended_article_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; margin: 0; } @media only screen and (min-width: 740px ) { .blended_article_heading { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .blended_article_heading { font-size: 24px; font-size: 1.5rem; } } .blended_article_label { margin: 0; opacity: 0.8; } .blended_article_description { font-size: 16px; font-size: 1rem; line-height: 1.375; } .blended_article_description p { margin: 0; } .blended_article_figure { display: block; position: absolute; overflow: hidden; right: 0; bottom: 0; left: 0; } .blended_article_figure picture { display: block; } .blended_article_figure img { width: 100%; } .blended_article_figure:before { position: absolute; display: block; width: 100%; height: 50px; top: -30px; right: 0; left: 0; z-index: 1; content: ""; -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%); -webkit-transition: -webkit-transform 0.45s; transition: -webkit-transform 0.45s; transition: transform 0.45s; transition: transform 0.45s, -webkit-transform 0.45s; } .blended_article_picture { background-color: #000; } .blended_article_image { display: block; -webkit-transition: -webkit-filter 0.45s !important; transition: -webkit-filter 0.45s !important; transition: filter 0.45s !important; transition: filter 0.45s, -webkit-filter 0.45s !important; } /* ========================================================================== Types ============================================================================= */ .blended_article.blue { background-color: #003A5D; } .belleville .blended_article.blue { background-color: #3C6C8A; } .blended_article.blue .blended_article_figure:before { background-color: #003A5D; } .belleville .blended_article.blue .blended_article_figure:before { background-color: #3C6C8A; } .blended_article.blue .blended_article_heading, .blended_article.blue .blended_article_category, .blended_article.blue .blended_article_description { color: #fff; } .blended_article.blue .belleville .blended_article_description { color: #fff; } .blended_article.black { background-color: #000; color: #fff; } .blended_article.black .blended_article_figure:before { background-color: #000; } .blended_article.orange { background-color: #EC6223; } .belleville .blended_article.orange { background-color: #FF3835; } .blended_article.orange .blended_article_figure:before { background-color: #EC6223; } .belleville .blended_article.orange .blended_article_figure:before { background-color: #FF3835; } .blended_article.orange .blended_article_category { color: rgba(0, 0, 0, 0.6); } .blended_article.orange .blended_article_heading, .blended_article.orange .blended_article_category, .blended_article.orange .blended_article_description { color: #000; } .blended_article.gold { background-color: #B6A16B; } .belleville .blended_article.gold { background-color: #73243D; } .belleville .blended_article.gold .blended_article_description { color: #fff; } .blended_article.gold .blended_article_figure:before { background-color: #B6A16B; } .belleville .blended_article.gold .blended_article_figure:before { background-color: #73243D; } .blended_article.gold .blended_article_heading { color: #fff; } .blended_article.gold .blended_article_category { color: rgba(255, 255, 255, 0.6); } .belleville .blended_article.gold .blended_article_category { color: #fff; } .blended_article.type_fact { text-align: center; } .blended_article.type_fact:before { width: 20px; height: 20px; background-position: -170px -70px; opacity: 0.5; } .blended_article.type_fact .blended_article_content { padding-bottom: 56.25%; } .blended_article.type_fact .blended_article_heading { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 25px; font-size: 1.5625rem; line-height: 0.86; letter-spacing: 0.0248em; margin: 20px 0 10px; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .blended_article.type_fact .blended_article_heading { font-size: 38px; font-size: 2.375rem; } } @media only screen and (min-width: 740px ) and (max-width: 979px ) { .blended_article.type_fact .blended_article_heading { margin-top: 0; } } @media only screen and (min-width: 980px ) { .blended_article.type_fact .blended_article_heading { font-size: 50px; font-size: 3.125rem; } } .blended_article.type_fact .blended_article_description { padding-bottom: 25px; } .blended_article.blended_media { color: #fff; } .blended_article.blended_media:before { opacity: 1; } .blended_article.blended_media .blended_article_link:hover .blended_article_icon, .blended_article.blended_media .blended_article_link:focus .blended_article_icon { background-color: #B6A16B; } .belleville .blended_article.blended_media .blended_article_link:hover .blended_article_icon, .belleville .blended_article.blended_media .blended_article_link:focus .blended_article_icon { background-color: #73243D; } @media only screen and (min-width: 740px ) { .blended_article.blended_media .blended_article_container { padding-top: 63.87096774%; } } .blended_article.blended_media .blended_article_content { position: absolute; background-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0); right: -20px; bottom: -20px; left: -20px; z-index: 2; padding: 50px 40px 45px; } @media only screen and (min-width: 740px ) { .blended_article.blended_media .blended_article_content { padding: 50px 58px 45px; } } .blended_article.blended_media .blended_article_icon { background-color: #000; color: #fff; float: left; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; margin-right: 20px; padding: 10px 12px 12px 22px; -webkit-transition: background 0.45s; transition: background 0.45s; } @media only screen and (min-width: 740px ) { .blended_article.blended_media .blended_article_icon { margin-right: 26px; padding: 16px 24px 19px 33px; } } .blended_article.blended_media .blended_article_icon:after { display: block; width: 0px; height: 0px; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; border-style: solid; border-width: 10px 0 10px 17.3px; border-color: transparent transparent transparent #fff; content: ""; } @media only screen and (min-width: 740px ) { .blended_article.blended_media .blended_article_icon:after { border-width: 13px 0 13px 22.5px; } } .blended_article.blended_media .blended_article_icon_label { display: none !important; visibility: hidden; } .blended_article.blended_media .blended_article_inner { overflow: hidden; } .blended_article.blended_media .blended_article_heading { margin: 0 0 5px; } @media only screen and (min-width: 740px ) { .blended_article.blended_media .blended_article_heading { margin: 5px 0 0; } } .blended_article.blended_media .blended_article_action { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; line-height: 1.14285714; letter-spacing: 2px; margin: 0; opacity: 0.6; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .blended_article.blended_media .blended_article_action { font-size: 14px; font-size: 0.875rem; } } .blended_article.type_video:before { width: 20px; height: 20px; background-position: -190px -70px; } .blended_article.type_photo:before { width: 20px; height: 20px; background-position: -110px -70px; } .blended_article.type_profile:before { width: 16px; height: 16px; background-position: -160px -90px; width: 20px; height: 20px; background-position: -150px -70px; } .blended_article.type_profile .blended_article_bg:after { display: block; position: absolute; width: 120%; height: 120%; top: -10%; right: -10%; bottom: -10%; left: -10%; background-image: radial-gradient(48% 107%, rgba(0, 0, 0, 0.13) 43%, #000000 100%); content: ""; opacity: 0.6; } .blended_article.type_profile .blended_article_header { position: relative; margin-bottom: 100px; } .blended_article.type_profile .blended_article_heading { margin-bottom: 5px; } .blended_article.type_profile .blended_article_description { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.16666667; position: absolute; right: 0; bottom: 0; left: 0; padding: 20px; } @media only screen and (min-width: 740px ) { .blended_article.type_profile .blended_article_description { font-size: 20px; font-size: 1.25rem; padding: 30px 40px; } } @media only screen and (min-width: 980px ) { .blended_article.type_profile .blended_article_description { font-size: 24px; font-size: 1.5rem; } } .blended_article.type_event:before { width: 20px; height: 20px; background-position: -130px -70px; } .blended_article.type_event .blended_article_content { padding-bottom: 56.25%; } .blended_article.type_event .blended_article_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; line-height: 1.04166667; letter-spacing: 0.6px; margin: 5px 0; } @media only screen and (min-width: 740px ) { .blended_article.type_event .blended_article_heading { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .blended_article.type_event .blended_article_heading { font-size: 24px; font-size: 1.5rem; } } .blended_article.type_event .blended_article_category { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; line-height: 1.5; letter-spacing: 2px; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .blended_article.type_event .blended_article_category { font-size: 14px; font-size: 0.875rem; } } .blended_article.type_event .blended_article_description { line-height: 1.5625; margin: 10px 0; } .blended_article.type_event .blended_article_date { display: block; } .blended_article.type_news:before { width: 20px; height: 20px; background-position: -220px -70px; } .blended_article.type_news .blended_article_content { padding-bottom: 56.25%; } .blended_article.type_news .blended_article_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; line-height: 1.04166667; letter-spacing: 0.6px; margin: 5px 0; } @media only screen and (min-width: 740px ) { .blended_article.type_news .blended_article_heading { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .blended_article.type_news .blended_article_heading { font-size: 24px; font-size: 1.5rem; } } .blended_article.type_news .blended_article_category { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; line-height: 1.5; letter-spacing: 2px; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .blended_article.type_news .blended_article_category { font-size: 14px; font-size: 0.875rem; } } .blended_article.type_news .blended_article_description { line-height: 1.5625; margin: 10px 0; } /* ========================================================================== Event Listing (Short) ============================================================================= */ .event_listing_short:last-child .event_listing_wrapper { border-bottom: 0; } .event_listing_short .news_column { border-bottom: 1px solid rgba(77, 77, 77, 0.2); margin-bottom: 10px; } .event_listing_short .news_column:last-child { border: none; } .event_listing_short .news_column.news_featured { border-bottom: 1px solid rgba(77, 77, 77, 0.2); margin-bottom: 10px; } @media only screen and (min-width: 740px ) { .event_listing_short .news_column.news_featured { border: none; margin: 0; } } @media only screen and (min-width: 740px ) { .event_listing_short .news_column { border: none; margin: 0; } } .event_listing_wrapper { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(77, 77, 77, 0.15); } @media only screen and (min-width: 980px ) { .event_listing_wrapper { padding-top: 80px; } } @media only screen and (min-width: 980px ) { .event_listing_wrapper { padding-bottom: 80px; } } .event_listing_short_header h3 { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 24px; font-size: 1.5rem; letter-spacing: 0.05em; line-height: 1.4; margin: 0 0 25px 0; text-align: center; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .event_listing_short_header h3 { font-size: 30px; font-size: 1.875rem; } } @media only screen and (min-width: 980px ) { .event_listing_short_header h3 { font-size: 34px; font-size: 2.125rem; } } @media only screen and (min-width: 740px ) { .event_listing_short_header h3 { margin-bottom: 45px; } } .event_column { margin-bottom: 20px; padding-right: 22px; } .event_heading_short { margin-bottom: 20px; } .event_heading_short:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .date_block { background-color: #fff; float: left; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; margin-right: 17px; padding: 10px 20px; } .date_block p { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; color: #4D4D4D; font-size: 13px; font-size: 0.8125rem; margin: 0; letter-spacing: 1.62px; text-transform: uppercase; } .date_block p span { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; color: #000; } .event_type { float: left; color: #B6A16B; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; margin: 11px 0 0 0; letter-spacing: 1.86px; text-transform: uppercase; } .belleville .event_type { color: #73243D; } .event_link { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; color: #000; line-height: 28px; } @media only screen and (min-width: 740px ) { .event_link { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .event_link { font-size: 24px; font-size: 1.5rem; } } .event_link:focus, .event_link:hover { color: #B6A16B; } .belleville .event_link:focus, .belleville .event_link:hover { color: #73243D; } .event_location { color: #999999; font-size: 13px; font-size: 0.8125rem; letter-spacing: 1.62px; text-transform: uppercase; } .event_location:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .event_location:before { background-image: url(/images/icons.svg?version=1608051801885); } .event_location:before { width: 16px; height: 16px; background-position: -80px -90px; position: relative; top: 3px; left: -5px; } .event_description { color: #4D4D4D; font-size: 14px; font-size: 0.875rem; margin: 10px 0 20px 0; line-height: 1.6; } @media only screen and (min-width: 740px ) { .event_description { font-size: 16px; font-size: 1rem; margin: 20px 0 5px 0; } } /* ========================================================================== Important Dates ============================================================================= */ .important_dates:last-child .important_dates_wrapper { border-bottom: 0; } .important_dates_wrapper { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(77, 77, 77, 0.15); } @media only screen and (min-width: 980px ) { .important_dates_wrapper { padding-top: 80px; } } @media only screen and (min-width: 980px ) { .important_dates_wrapper { padding-bottom: 80px; } } .important_dates_wrapper .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-viewport { width: 350px; } .important_dates_wrapper .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-viewport .fs-carousel-wrapper { width: 300px; } .important_dates_header h3 { font-family: "Trade Gothic W01 Bold", sans-serif; font-size: 24px; font-size: 1.5rem; letter-spacing: 0.05em; line-height: 1.4; text-transform: uppercase; font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; margin-top: 0; text-align: center; } @media only screen and (min-width: 740px ) { .important_dates_header h3 { font-size: 30px; font-size: 1.875rem; } } @media only screen and (min-width: 980px ) { .important_dates_header h3 { font-size: 34px; font-size: 2.125rem; } } .home_feature_card.important_dates_card { background-color: #B6A16B; height: auto; min-height: 395px; cursor: default; } .home_feature_card.important_dates_card .home_feature_card_body { position: relative; } .important_dates_body { position: relative; } @media only screen and (min-width: 980px ) { .important_dates_body { margin-left: -25px; } } .important_dates_body .angled_control { float: none; margin: 0 0 10px 0; } .important_dates_body .angled_control.next { margin-left: -10px; } .important_dates_body .home_feature_card_carousel { margin-bottom: 0; margin-left: -40px; bottom: 0; } @media only screen and (min-width: 500px ) { .important_dates_body .home_feature_card_carousel { margin-left: -97px; } } @media only screen and (min-width: 740px ) { .important_dates_body .home_feature_card_carousel { margin-left: 0; } } .important_dates_card_body { padding: 0; padding: 50px 100px 50px 75px; } .important_dates_card_header { margin-bottom: 15px; /* padding: 20px 0 0 80px; @media @min_lg { padding: 0; } */ } .important_dates_card_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .important_dates_card_header .date_block { margin-bottom: 11px; } .important_dates_card_header .event_type { clear: both; color: rgba(255, 255, 255, 0.7); } .important_dates_card_header .event_time { float: none; margin-bottom: -5px; } .important_dates_details { /* padding: 15px 60px 20px 77px; @media @min_md { padding-right: 70px; } @media @min_lg { padding: 0; } */ } .important_dates_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; color: #191919; line-height: 26px; } @media only screen and (min-width: 740px ) { .important_dates_heading { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .important_dates_heading { font-size: 24px; font-size: 1.5rem; } } .important_dates_link { color: #191919; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; line-height: 26px; } @media only screen and (min-width: 740px ) { .important_dates_link { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .important_dates_link { font-size: 24px; font-size: 1.5rem; } } .important_dates_link:active, .important_dates_link:focus, .important_dates_link:hover { color: #191919; } .important_dates_desc { color: #fff; font-size: 14px; font-size: 0.875rem; line-height: 1.375; } @media only screen and (min-width: 740px ) { .important_dates_desc { font-size: 16px; font-size: 1rem; } } /* ========================================================================== Color Variations ============================================================================= */ .important_dates_card { /* ========================================================================== Color Variations ============================================================================= */ } .important_dates_card.theme_blue { background-color: #003A5D; } .important_dates_card.theme_gold { background-color: #B6A16B; } .important_dates_card.theme_orange { background-color: #EC6223; } .important_dates_card.theme_orange .important_dates_desc, .important_dates_card.theme_orange .important_dates_link { color: #191919; } .important_dates_card.theme_orange .important_dates_link:active, .important_dates_card.theme_orange .important_dates_link:focus, .important_dates_card.theme_orange .important_dates_link:hover { color: #191919; } .important_dates_card.theme_orange .event_type { color: rgba(0, 0, 0, 0.7); } .important_dates_card.theme_green { background-color: #006156; } .important_dates_card.theme_green .important_dates_desc, .important_dates_card.theme_green .important_dates_link { color: #fff; } .important_dates_card.theme_green .important_dates_link:active, .important_dates_card.theme_green .important_dates_link:focus, .important_dates_card.theme_green .important_dates_link:hover { color: #fff; } .important_dates_card.theme_green .event_type { color: rgba(255, 255, 255, 0.7); } .important_dates_card.theme_purple { background-color: #5C0F8B; } .important_dates_card.theme_yellow { background-color: #FCB525; } .important_dates_card.theme_yellow .important_dates_desc, .important_dates_card.theme_yellow .important_dates_link { color: #000; } .important_dates_card.theme_yellow .important_dates_link:active, .important_dates_card.theme_yellow .important_dates_link:focus, .important_dates_card.theme_yellow .important_dates_link:hover { color: #fff; } .important_dates_card.theme_yellow .event_type { color: rgba(0, 0, 0, 0.7); } .belleville .important_dates_card { background-color: #73243D; } .belleville .important_dates_card.theme_blue { background-color: #3C6C8A; } .belleville .important_dates_card.theme_red { background-color: #73243D; } .belleville .important_dates_card.theme_orange { background-color: #FF3835; } .belleville .important_dates_card.theme_green { background-color: #6F8C37; } .belleville .important_dates_card.theme_purple { background-color: #A24BAB; } .belleville .important_dates_card.theme_yellow { background-color: #CEC39F; } /* ========================================================================== Media Gallery ============================================================================= */ .media_gallery_item:last-child .media_gallery_wrapper { border-bottom: 0; } .media_gallery_wrapper { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(77, 77, 77, 0.15); } @media only screen and (min-width: 980px ) { .media_gallery_wrapper { padding-top: 80px; } } @media only screen and (min-width: 980px ) { .media_gallery_wrapper { padding-bottom: 80px; } } .media_gallery { position: relative; overflow: hidden; background-color: #EAEAEA; } @media only screen and (min-width: 980px ) { .media_gallery { margin: 0 -30px; } } .media_gallery.theme_yellow { background-color: #FCB525; } .media_gallery.theme_yellow .media_gallery_label { color: #000; } .media_gallery.theme_orange { background-color: #EC6223; } .media_gallery.theme_orange .media_gallery_label { color: #000; } .media_gallery.theme_orange .media_gallery_label.photos:before { background-position: -270px -70px; } .media_gallery.theme_orange .media_gallery_label.videos:before { background-position: -290px -70px; } .media_gallery.theme_green { background-color: #006156; } .media_gallery.theme_green .media_gallery_label, .media_gallery.theme_green .media_gallery_title, .media_gallery.theme_green .media_gallery_description p { color: #fff; } .media_gallery.theme_blue { background-color: #003A5D; } .media_gallery.theme_blue .media_gallery_title, .media_gallery.theme_blue .media_gallery_description p { color: #fff; } .media_gallery.theme_purple { background-color: #5C0F8B; } .media_gallery.theme_purple .media_gallery_title, .media_gallery.theme_purple .media_gallery_description p { color: #fff; } .media_gallery.theme_orange .media_gallery_label.photos:before, .media_gallery.theme_yellow .media_gallery_label.photos:before { background-position: -270px -70px; } .media_gallery.theme_orange .media_gallery_label.videos:before, .media_gallery.theme_yellow .media_gallery_label.videos:before { background-position: -290px -70px; } .belleville .media_gallery.theme_yellow { background-color: #FFB819; } .belleville .media_gallery.theme_orange { background-color: #FF3835; } .belleville .media_gallery.theme_green { background-color: #6F8C37; } .belleville .media_gallery.theme_blue { background-color: #3C6C8A; } .belleville .media_gallery.theme_purple { background-color: #A24BAB; } .media_gallery_link { background: inherit; } @media only screen and (min-width: 740px ) { .media_gallery_link:focus .media_gallery_header:before, .media_gallery_link:hover .media_gallery_header:before { left: -40%; } } @media only screen and (min-width: 980px ) { .media_gallery_link:focus .media_gallery_header:before, .media_gallery_link:hover .media_gallery_header:before { left: -35%; } } @media only screen and (min-width: 740px ) { .media_gallery_link:focus .media_gallery_header .media_gallery_header_wrapper, .media_gallery_link:hover .media_gallery_header .media_gallery_header_wrapper { bottom: 20px; } } .media_gallery_header { position: relative; background: inherit; z-index: 1; } @media only screen and (max-width: 739px ) { .media_gallery_header { position: relative; padding: 20px; } .media_gallery_header:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .media_gallery_header:before { height: 15px; top: -14px; } .media_gallery_header:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } } @media only screen and (min-width: 740px ) { .media_gallery_header { position: absolute; overflow: hidden; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; width: 55%; top: 0; right: 0; bottom: 0; } } @media only screen and (min-width: 980px ) { } .media_gallery_header_reset { position: relative; } @media only screen and (min-width: 740px ) { .media_gallery_header_reset { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; background-image: repeating-linear-gradient(100deg, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 13px); height: 100%; width: 100%; } } .media_gallery_header_wrapper { -webkit-font-smoothing: auto; -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; z-index: 2; } @media only screen and (min-width: 740px ) { .media_gallery_header_wrapper { position: absolute; right: 0; bottom: 0; left: 0; padding: 30px 30px 30px 100px; -webkit-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } } @media only screen and (min-width: 980px ) { .media_gallery_header_wrapper { padding: 40px 50px 40px 140px; } } .media_gallery_label { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; color: #191919; letter-spacing: 0.1em; text-transform: uppercase; display: inline-block; margin: 0 20px 0 0; } .media_gallery_label:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .media_gallery_label:before { background-image: url(/images/icons.svg?version=1608051801885); } @media only screen and (min-width: 740px ) and (max-width: 979px ) { .media_gallery_label { display: block; margin: 0 0 5px; } } .media_gallery_label:before { width: 20px; height: 20px; display: inline-block; margin: -2px 10px 0 0; vertical-align: middle; } .media_gallery_label.photos:before { background-position: -110px -70px; } .media_gallery_label.videos:before { background-position: -190px -70px; } @media only screen and (max-width: 739px ) { .media_gallery_label span { display: none; } } .media_gallery_title { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; font-size: 1.875rem; color: #000; line-height: 1; margin: 20px 0 10px; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .media_gallery_title { font-size: 40px; font-size: 2.5rem; } } @media only screen and (min-width: 980px ) { .media_gallery_title { font-size: 60px; font-size: 3.75rem; margin: 20px 0; } } @media only screen and (min-width: 1220px ) { .media_gallery_title { font-size: 70px; font-size: 4.375rem; } } .media_gallery_description p { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; color: #000; line-height: 1.6; margin: 10px 0 0; } @media only screen and (min-width: 740px ) { .media_gallery_description p { margin: 20px 0 0; } } .media_gallery_background { position: relative; width: 100%; z-index: 0; } @media only screen and (min-width: 740px ) { .media_gallery_background { width: 435px; } } @media only screen and (min-width: 980px ) { .media_gallery_background { width: 605px; } } @media only screen and (min-width: 1220px ) { .media_gallery_background { width: 735px; } } .media_gallery_items { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .media_gallery_items.focusable:active, .media_gallery_items.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } /* ========================================================================== News Listing (Short - shares with Event Listing Short) ============================================================================= */ .news_listing_short:last-child .news_listing_wrapper { border-bottom: 0; } .news_listing_short .event_heading_short { margin-bottom: 10px; } .news_listing_wrapper { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(77, 77, 77, 0.15); } @media only screen and (min-width: 980px ) { .news_listing_wrapper { padding-top: 80px; } } @media only screen and (min-width: 980px ) { .news_listing_wrapper { padding-bottom: 80px; } } @media only screen and (min-width: 740px ) { .news_column:nth-child(2) { margin-top: 35px; padding-top: 40px; border-top: 1px solid rgba(77, 77, 77, 0.2); } } @media only screen and (min-width: 980px ) { .pad_left { padding-left: 75px; } } @media only screen and (min-width: 980px ) { .news_featured .event_body_short { margin-left: 40px; } } .news_short_figure { display: block; background-color: #F4F1E8; padding-top: 56.25%; position: relative; } .news_short_figure picture { display: block; } .news_short_figure img { width: 100%; } .news_short_figure:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .news_short_figure:before { height: 30px; bottom: -29px; } .news_short_figure:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } .news_short_figure:before { bottom: -1px; left: 0; z-index: 1; } .news_short_picture { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .news_short_image { display: block; } .news_heading_short { position: relative; margin-bottom: 20px; } .news_heading_short .event_type { color: #fff; } .tag_block { position: absolute; background-color: #B6A16B; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; bottom: -8px; left: 20px; z-index: 1; } @media only screen and (min-width: 980px ) { .tag_block { left: 40px; } } .tag_block p { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; color: #fff; margin: 0; padding: 8px 22px; } /* ========================================================================== Color Variations ============================================================================= */ .news_listing_short { /* ========================================================================== Color Variations - Belleville ============================================================================= */ } .news_listing_short.theme_green .tag_block { background-color: #006156; } .news_listing_short.theme_green .tag_block .event_type { color: #fff; } .news_listing_short.theme_blue .tag_block { background-color: #003A5D; } .news_listing_short.theme_purple .tag_block { background-color: #5C0F8B; } .news_listing_short.theme_orange .tag_block { background-color: #EC6223; } .news_listing_short.theme_orange .tag_block .event_type { color: #000; } .news_listing_short.theme_yellow .tag_block { background-color: #FCB525; } .news_listing_short.theme_yellow .tag_block .event_type { color: #000; } .belleville .news_listing_short .tag_block { background-color: #73243D; } .belleville .news_listing_short.theme_green .tag_block { background-color: #6F8C37; } .belleville .news_listing_short.theme_blue .tag_block { background-color: #3C6C8A; } .belleville .news_listing_short.theme_purple .tag_block { background-color: #A24BAB; } .belleville .news_listing_short.theme_orange .tag_block { background-color: #FF3835; } .belleville .news_listing_short.theme_yellow .tag_block { background-color: #FFB819; } /* ========================================================================== Promotional ============================================================================= */ .promotional_item { margin-top: 40px; margin-bottom: 40px; } @media only screen and (min-width: 980px ) { .promotional_item { margin-top: 60px; } } @media only screen and (min-width: 980px ) { .promotional_item { margin-bottom: 60px; } } .promotional_item:last-child .promotional_wrapper { border-bottom: 0; } .promotional_wrapper { border-bottom: 1px solid rgba(77, 77, 77, 0.15); } .promotional { background-color: #000; position: relative; } .promotional:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .promotional_figure { padding-top: 50%; } @media only screen and (min-width: 500px ) { .promotional_figure { float: right; width: 30%; margin: 30px 30px 30px 0; padding-top: 30%; } } @media only screen and (min-width: 980px ) { .promotional_figure { background-color: #000; position: absolute; width: 33.3333%; height: 100%; top: 0; left: 0; z-index: 0; float: none; margin: 0; padding-top: 0; } .promotional_figure:before { position: absolute; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; background: inherit; width: 50%; height: 100%; top: 0; left: 100%; bottom: 0; z-index: 1; content: ''; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } } .promotional_content { background: inherit; position: relative; z-index: 1; } .promotional_content:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .promotional_content:before { height: 15px; top: -14px; } .promotional_content:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } @media only screen and (max-width: 499px ) { .promotional_content { padding: 20px; } } @media only screen and (min-width: 500px ) { .promotional_content { overflow: hidden; padding: 30px; } } @media only screen and (min-width: 980px ) { .promotional_content { float: right; width: 66.6666%; padding: 30px 30px 30px 20px; } } @media only screen and (min-width: 1220px ) { .promotional_content { padding: 40px 40px 40px 20px; } } .promotional_label { font-family: "alex_brushregular", serif; font-style: normal; font-weight: normal; font-size: 22px; font-size: 1.375rem; display: block; color: #fff; line-height: 1.2; margin: 0 0 5px; letter-spacing: 1px; } @media only screen and (min-width: 980px ) { .promotional_label { font-size: 24px; font-size: 1.5rem; } } @media only screen and (min-width: 1220px ) { .promotional_label { font-size: 30px; font-size: 1.875rem; } } .promotional_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; font-size: 1.75rem; color: #B6A16B; line-height: 1; letter-spacing: 0.05em; margin: 5px 0 10px; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .promotional_heading { font-size: 32px; font-size: 2rem; } } @media only screen and (min-width: 980px ) { .promotional_heading { font-size: 44px; font-size: 2.75rem; } } .promotional_description p { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; color: #fff; line-height: 1.6; margin: 10px 0 20px; } @media only screen and (min-width: 740px ) { .promotional_description p { font-size: 16px; font-size: 1rem; } } .promotional_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; } .promotional_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .promotional_button:focus, .promotional_button:hover { background-color: #B6A16B; } /* ========================================================================== In Content Variation ============================================================================= */ .promotional.promotional_in_content { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 980px ) { .promotional.promotional_in_content .promotional_figure { width: 40%; } } @media only screen and (min-width: 980px ) { .promotional.promotional_in_content .promotional_content { width: 60%; } } /* ========================================================================== Color Variations ============================================================================= */ .promotional { /* ========================================================================== Color Variations - Belleville ============================================================================= */ } .promotional.theme_green { background-color: #006156; } .promotional.theme_green .promotional_figure { background-color: #006156; } .promotional.theme_green .promotional_label, .promotional.theme_green .promotional_heading, .promotional.theme_green .promotional_description p { color: #fff; } .promotional.theme_blue { background-color: #003A5D; } .promotional.theme_blue .promotional_figure { background-color: #003A5D; } .promotional.theme_blue .promotional_heading { color: #fff; } .promotional.theme_purple { background-color: #5C0F8B; } .promotional.theme_purple .promotional_figure { background-color: #5C0F8B; } .promotional.theme_purple .promotional_heading { color: #fff; } .promotional.theme_orange { background-color: #EC6223; } .promotional.theme_orange .promotional_figure { background-color: #EC6223; } .promotional.theme_orange .promotional_label { color: #000; } .promotional.theme_orange .promotional_heading, .promotional.theme_orange .promotional_description p { color: #000; } .promotional.theme_yellow { background-color: #FCB525; } .promotional.theme_yellow .promotional_figure { background-color: #FCB525; } .promotional.theme_yellow .promotional_label { color: #000; } .promotional.theme_yellow .promotional_heading, .promotional.theme_yellow .promotional_description p { color: #000; } .belleville .promotional { background-color: #73243D; } .belleville .promotional .promotional_figure { background-color: #73243D; } .belleville .promotional .promotional_heading { color: #fff; } .belleville .promotional.theme_green { background-color: #6F8C37; } .belleville .promotional.theme_green .promotional_heading { color: #fff; } .belleville .promotional.theme_green .promotional_figure { background-color: #6F8C37; } .belleville .promotional.theme_blue { background-color: #3C6C8A; } .belleville .promotional.theme_blue .promotional_figure { background-color: #3C6C8A; } .belleville .promotional.theme_blue .promotional_heading { color: #fff; } .belleville .promotional.theme_purple { background-color: #A24BAB; } .belleville .promotional.theme_purple .promotional_figure { background-color: #A24BAB; } .belleville .promotional.theme_purple .promotional_heading { color: #fff; } .belleville .promotional.theme_orange { background-color: #FF3835; } .belleville .promotional.theme_orange .promotional_figure { background-color: #FF3835; } .belleville .promotional.theme_orange .promotional_label { color: #000; } .belleville .promotional.theme_orange .promotional_heading { color: #000; } .belleville .promotional.theme_orange .promotional_description p { color: #000; } .belleville .promotional.theme_yellow { background-color: #FFB819; } .belleville .promotional.theme_yellow .promotional_figure { background-color: #FFB819; } .belleville .promotional.theme_yellow .promotional_label { color: #000; } .belleville .promotional.theme_yellow .promotional_heading { color: #000; } .belleville .promotional.theme_yellow .promotional_description p { color: #000; } /* ========================================================================== Search Results - Google CSE ============================================================================= */ .gsc-control-cse { background: transparent !important; border: none !important; padding: 0 !important; } .gsc-control-cse table, .gsc-control-cse table thead, .gsc-control-cse table tbody, .gsc-control-cse table tr, .gsc-control-cse table td { border: none; margin: 0; } .gsc-control-cse .gsc-control-wrapper-cse { margin-top: -10px; padding-top: 30px; border-top: 1px solid #E6E3DE; } .gsc-control-cse *:focus { box-shadow: none; outline: none; } .gsc-control-cse .gsc-resultsHeader { display: none; } .gsc-control-cse form.gsc-search-box { margin-bottom: 10px !important; } @media only screen and (min-width: 500px ) { .gsc-control-cse form.gsc-search-box { width: 65%; } } .gsc-control-cse table.gsc-search-box { position: relative; } .gsc-control-cse .gsc-search-box { margin: 0; } @media only screen and (min-width: 980px ) { .gsc-control-cse .gsc-search-box { padding: 0 0 0 50px; } } .gsc-control-cse .gsc-search-box .gsc-input-box { height: auto; position: relative; border: none !important; box-shadow: none !important; } .gsc-control-cse .gsc-search-box .gsc-input { display: block; padding: 0; width: 100%; } .gsc-control-cse .gsc-search-box .gsc-input td { background: transparent; padding: 0; } .gsc-control-cse .gsc-search-box .gsc-input .gsc-input { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; width: 100%; height: 60px !important; background: #fff !important; line-height: 1.2 !important; margin: 0 !important; padding: 18px 60px 19px 20px !important; border: 1px solid #CCCCCC; border-radius: 50px; -webkit-transition: border-radius 0.5s; transition: border-radius 0.5s; } @media only screen and (min-width: 500px ) { .gsc-control-cse .gsc-search-box .gsc-input .gsc-input { padding: 18px 60px 19px 30px !important; } } .gsc-control-cse .gsc-search-box .gsc-input .gsc-input:focus { border-radius: 0; outline: none; } .gsc-control-cse .gsc-search-box .gsib_b, .gsc-control-cse .gsc-search-box .gsst_b { background: transparent !important; } .gsc-control-cse .gsc-search-box .gsst_b { padding: 0 10px 0 0; } .gsc-control-cse .gsc-search-box .gsst_a, .gsc-control-cse .gsc-search-box div.gsc-clear-button { width: 40px; height: 40px; position: absolute; top: 10px; right: 0; margin: 0; padding: 0; } .gsc-control-cse .gsc-search-box .gsst_a .gscb_a, .gsc-control-cse .gsc-search-box div.gsc-clear-button .gscb_a { display: none; } .gsc-control-cse .gsc-search-box .gsst_a:before, .gsc-control-cse .gsc-search-box div.gsc-clear-button:before { content: none; } .gsc-control-cse .gsc-search-box .gsst_a:after, .gsc-control-cse .gsc-search-box div.gsc-clear-button:after { display: block; } .gsc-control-cse .gsc-search-box td.gsc-clear-button { padding: 0; width: auto; } .gsc-control-cse .gsc-search-box div.gsc-clear-button:before { display: block; position: relative; top: 5px; height: 30px; content: ""; border-left: 1px solid #CCCCCC; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } .gsc-control-cse .gsc-search-box .gsc-search-button { background-color: #fff; position: relative; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; color: #000; top: 10px; left: 25%; width: 130px; height: 20px !important; padding: 20px 25px; cursor: pointer; } .gsc-control-cse .gsc-search-box .gsc-search-button:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .gsc-control-cse .gsc-search-box .gsc-search-button:after { background-image: url(/images/icons.svg?version=1608051801885); } .gsc-control-cse .gsc-search-box .gsc-search-button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .gsc-control-cse .gsc-search-box .gsc-search-button, .gsc-control-cse .gsc-search-box .gsc-search-button:link, .gsc-control-cse .gsc-search-box .gsc-search-button:visited, .gsc-control-cse .gsc-search-box .gsc-search-button:hover, .gsc-control-cse .gsc-search-box .gsc-search-button:active, .gsc-control-cse .gsc-search-box .gsc-search-button:focus { -webkit-transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; transition: background-color 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear, color 0.25s linear, opacity 0.25s linear; } @media only screen and (min-width: 500px ) { .gsc-control-cse .gsc-search-box .gsc-search-button { top: -50px; left: 170px; float: right; } } .gsc-control-cse .gsc-search-box .gsc-search-button:after { pointer-events: none !important; overflow: hidden; text-indent: 200%; white-space: nowrap; width: 16px; height: 16px; background: url(/images/icons.png?version=1608051801885) no-repeat -50px -70px; display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: relative; top: -8px; left: 12px; float: right; opacity: 0.5; } .svg .gsc-control-cse .gsc-search-box .gsc-search-button:after { background-image: url(/images/icons.svg?version=1608051801885); } .gsc-control-cse .gsc-search-box .gsc-search-button input.gsc-search-button { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; z-index: 1; background-color: transparent; border: none; border-radius: 0; padding: 0; text-transform: uppercase; letter-spacing: 2px; } .gsc-control-cse .gsc-search-box td.gsc-search-button:focus, .gsc-control-cse .gsc-search-box td.gsc-search-button:hover { background-color: #B6A16B; } .gsc-control-cse .gsc-search-box td.gsc-search-button:focus input.gsc-search-button, .gsc-control-cse .gsc-search-box td.gsc-search-button:hover input.gsc-search-button { color: #fff; } .gsc-control-cse .gsc-search-box td.gsc-search-button:focus:after, .gsc-control-cse .gsc-search-box td.gsc-search-button:hover:after { overflow: hidden; text-indent: 200%; white-space: nowrap; width: 16px; height: 16px; background: url(/images/icons.png?version=1608051801885) no-repeat -30px -70px; opacity: 1; } .svg .gsc-control-cse .gsc-search-box td.gsc-search-button:focus:after, .svg .gsc-control-cse .gsc-search-box td.gsc-search-button:hover:after { background-image: url(/images/icons.svg?version=1608051801885); } .belleville .gsc-control-cse .gsc-search-box td.gsc-search-button:focus, .belleville .gsc-control-cse .gsc-search-box td.gsc-search-button:hover { background-color: #73243D; } .gsc-control-cse .gsc-search-box table.gsc-branding { display: none; } .gsc-control-cse .gsc-above-wrapper-area { border-bottom: 3px solid #B6A16B; padding-top: 20px; padding-bottom: 20px; } .belleville .gsc-control-cse .gsc-above-wrapper-area { border-color: #73243D; } @media only screen and (min-width: 500px ) { .gsc-control-cse .gsc-above-wrapper-area { padding-top: 0; } } @media only screen and (min-width: 980px ) { .gsc-control-cse .gsc-above-wrapper-area { padding-left: 75px; } } @media only screen and (min-width: 500px ) { .gsc-control-cse .gsc-results-wrapper-nooverlay { margin-top: -30px; } } .gsc-control-cse .gsc-orderby-container { display: none; } .gsc-control-cse .gs-spelling a { color: red !important; text-decoration: none; } .gsc-control-cse .gs-spelling a i { font-style: normal; } .gsc-control-cse .gcsc-branding { display: none; padding: 10px 0 0; } .gsc-control-cse .gcsc-branding .gcsc-branding { border: none; } .gsc-control-cse table.gcsc-branding { display: block; } .gsc-control-cse .gsc-results { padding: 0; } .gsc-control-cse .gsc-results .gsc-result { background: transparent !important; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .gsc-control-cse .gsc-results .gsc-cursor-box { font-size: 22px; font-size: 1.375rem; line-height: 30px; margin: 20px 0; padding: 0; vertical-align: middle; } @media only screen and (min-width: 740px ) { .gsc-control-cse .gsc-results .gsc-cursor-box { margin: 30px 0; } } .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; line-height: 1.33333333; position: relative; display: inline-block; margin-top: 20px; margin-bottom: 20px; margin-left: 15px; padding: 0; color: rgba(77, 77, 77, 0.6); letter-spacing: 1.87px; } .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page { display: inline-block; color: inherit; padding: 15px 2px; text-decoration: none; background: none; } .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page:focus { color: #000; } .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; color: #000; } .gsc-control-cse .gsc-result { border: none !important; } .gsc-control-cse .gs-no-results-result { border-bottom: none !important; } .gsc-control-cse .gs-no-results-result .gs-snippet { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; background: transparent; border: none; margin: 20px 0 0; padding: 0; } @media only screen and (min-width: 740px ) { .gsc-control-cse .gs-no-results-result .gs-snippet { font-size: 18px; font-size: 1.125rem; } } .gsc-control-cse .gs-result { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; border-bottom: 1px solid #CCCCCC; padding: 20px 0; } @media only screen and (min-width: 740px ) { .gsc-control-cse .gs-result { font-size: 18px; font-size: 1.125rem; } } @media only screen and (min-width: 740px ) { .gsc-control-cse .gs-result { padding: 30px 0; } } .gsc-control-cse .gsc-result-info { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; margin-top: 8px; padding: 0; } .gsc-control-cse .gsc-thumbnail-inside, .gsc-control-cse .gsc-url-top { padding: 0; } @media only screen and (min-width: 980px ) { .gsc-control-cse .gsc-table-result td { padding-left: 50px; } } .gsc-control-cse .gsc-thumbnail { display: none; margin: 0; padding: 0; } .gsc-control-cse .gsc-thumbnail:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 740px ) { .gsc-control-cse .gsc-thumbnail { float: right; padding-left: 30px; padding-right: 15px !important; } } .gsc-control-cse .gs-result .gs-title { height: auto; margin-bottom: 10px; } .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title b, .gsc-control-cse .gs-result a.gs-title, .gsc-control-cse .gs-result a.gs-title b { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; color: #000 !important; text-decoration: none; } .gsc-control-cse .gs-result .gs-title:active, .gsc-control-cse .gs-result .gs-title b:active, .gsc-control-cse .gs-result a.gs-title:active, .gsc-control-cse .gs-result a.gs-title b:active, .gsc-control-cse .gs-result .gs-title:focus, .gsc-control-cse .gs-result .gs-title b:focus, .gsc-control-cse .gs-result a.gs-title:focus, .gsc-control-cse .gs-result a.gs-title b:focus, .gsc-control-cse .gs-result .gs-title:hover, .gsc-control-cse .gs-result .gs-title b:hover, .gsc-control-cse .gs-result a.gs-title:hover, .gsc-control-cse .gs-result a.gs-title b:hover { color: #B6A16B !important; } .belleville .gsc-control-cse .gs-result .gs-title:active, .belleville .gsc-control-cse .gs-result .gs-title b:active, .belleville .gsc-control-cse .gs-result a.gs-title:active, .belleville .gsc-control-cse .gs-result a.gs-title b:active, .belleville .gsc-control-cse .gs-result .gs-title:focus, .belleville .gsc-control-cse .gs-result .gs-title b:focus, .belleville .gsc-control-cse .gs-result a.gs-title:focus, .belleville .gsc-control-cse .gs-result a.gs-title b:focus, .belleville .gsc-control-cse .gs-result .gs-title:hover, .belleville .gsc-control-cse .gs-result .gs-title b:hover, .belleville .gsc-control-cse .gs-result a.gs-title:hover, .belleville .gsc-control-cse .gs-result a.gs-title b:hover { color: #73243D !important; } @media only screen and (min-width: 740px ) { .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title b, .gsc-control-cse .gs-result a.gs-title, .gsc-control-cse .gs-result a.gs-title b { font-size: 26px; font-size: 1.625rem; } } .gsc-control-cse .gs-result .gs-title b, .gsc-control-cse .gs-result a.gs-title b { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; } .gsc-control-cse .gs-result a.gs-visibleUrl, .gsc-control-cse .gs-result .gs-visibleUrl { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; color: #B6A16B; margin: 0 0 5px 0; padding: 0; letter-spacing: 1.86px; text-transform: uppercase; } .belleville .gsc-control-cse .gs-result a.gs-visibleUrl, .belleville .gsc-control-cse .gs-result .gs-visibleUrl { color: #73243D; } .gsc-control-cse .gs-result .gsc-table-cell-snippet-close { display: block; } @media only screen and (max-width: 739px ) { .gsc-control-cse .gs-result .gsc-table-cell-snippet-close { clear: both; } } .gsc-control-cse .gs-result .gs-snippet { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; color: #4D4D4D; margin: 0 0 8px 0; } @media only screen and (min-width: 980px ) { .gsc-control-cse .gs-result .gs-snippet { padding-right: 120px; } } .gsc-control-cse .gs-result .gs-image-box { width: 100px; padding: 0; text-align: left; } .gsc-control-cse .gs-result .gs-image-box img { width: auto; height: auto; border: none; } @media only screen and (min-width: 980px ) { .gsc-control-cse .gs-result .gs-image-box { width: 200px; } .gsc-control-cse .gs-result .gs-image-box img { max-width: 200px; max-height: 200px; } .gsc-control-cse .gs-result .gs-image-box.gs-web-image-box-portrait { height: auto; max-height: 200px; } } /* ========================================================================== Contact Card ============================================================================= */ .contact_card { background-color: #000; margin: 30px 0; padding: 30px 20px 20px; } @media only screen and (min-width: 740px ) { .contact_card { margin: 40px 0; } } @media only screen and (min-width: 980px ) { .contact_card { margin: 50px 0; } } .belleville .contact_card { background-color: #73243D; } .contact_card_header { padding: 0; } @media only screen and (min-width: 740px ) { .contact_card_header { padding: 0 15px; } } .contact_card_heading { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 13px; font-size: 0.8125rem; color: #999999; letter-spacing: 0.1em; text-transform: uppercase; margin: 0; } .contact_card_heading:after { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .contact_card_heading:after { background-image: url(/images/icons.svg?version=1608051801885); } .contact_card_heading:after { width: 16px; height: 16px; background-position: 0 -90px; float: right; } .belleville .contact_card_heading { color: #fff; } .belleville .contact_card_heading:after { width: 16px; height: 16px; background-position: -160px -90px; width: 20px; height: 20px; background-position: -150px -70px; } .contact_card_body { border: 1px solid #666666; border-width: 1px 0; margin: 20px 0; padding: 20px 0; } @media only screen and (min-width: 740px ) { .contact_card_body { padding: 20px 15px; } } .belleville .contact_card_body { border-color: #fff; border-color: rgba(255, 255, 255, 0.3); } .contact_card_name { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; font-size: 1.25rem; color: #B6A16B; margin: 0 0 5px; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .contact_card_name { font-size: 22px; font-size: 1.375rem; } } @media only screen and (min-width: 980px ) { .contact_card_name { font-size: 24px; font-size: 1.5rem; } } .belleville .contact_card_name { color: #FFB819; } .contact_card_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; color: #fff; line-height: 1.6; margin: 5px 0 0; } @media only screen and (min-width: 740px ) { .contact_card_description { font-size: 18px; font-size: 1.125rem; } } .contact_card_types { padding: 0; } @media only screen and (min-width: 740px ) { .contact_card_types { padding: 0 15px; } } .contact_card_type { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 15px; font-size: 0.9375rem; display: block; color: #fff; margin: 0 0 10px; } .contact_card_type:before { background: url(/images/icons.png?version=1608051801885) no-repeat 0 0; content: ""; display: inline-block; } .svg .contact_card_type:before { background-image: url(/images/icons.svg?version=1608051801885); } .contact_card_type:link { color: #fff; } .contact_card_type:link:focus, .contact_card_type:link:hover { color: #B6A16B; } .contact_card_type:before { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; } .contact_card_type.email:before { width: 16px; height: 16px; background-position: -20px -90px; } .contact_card_type.phone:before { width: 16px; height: 16px; background-position: -40px -90px; } .contact_card_type.link:before { width: 16px; height: 16px; background-position: -60px -90px; } .contact_card_type a { color: #fff; } .belleville .contact_card_type { color: #FFB819; } .belleville .contact_card_type:link { color: #FFB819; } .contact_card_type .belleville:link:focus, .belleville .contact_card_type:link:hover { color: #fff; } .contact_card_type.email:before { width: 16px; height: 16px; background-position: -180px -90px; } .contact_card_type.phone:before { width: 16px; height: 16px; background-position: -200px -90px; } .contact_card_type.link:before { width: 16px; height: 16px; background-position: -220px -90px; } /* ========================================================================== Informational (shares with in-content profile) ============================================================================= */ .informational.profile:before { content: none; } @media only screen and (min-width: 980px ) { .informational.profile { margin: 50px 0; } } @media only screen and (min-width: 500px ) and (max-width: 979px ) { .informational .profile_figure { position: absolute; top: 30px; right: 30px; z-index: 1; width: 30%; padding-top: 0; } } .informational .profile_footer_link span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .informational_body { background: inherit; position: relative; padding: 30px; } .informational_body:before { width: 100%; position: absolute; right: 0; left: 0; background: inherit; content: ''; } .informational_body:before { height: 15px; top: -14px; } .informational_body:before { -webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 90%, 100% 0%, 100% 100%, 0% 100%); } @media only screen and (min-width: 500px ) and (max-width: 979px ) { .informational_body { width: 66.6666%; } } @media only screen and (min-width: 980px ) { .informational_body:before { height: 15px; top: -14px; } } @media only screen and (min-width: 1220px ) { .informational_body:before { height: 20px; top: -19px; } } .informational_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.4; text-transform: uppercase; color: #fff; margin: 0 0 10px 0; } @media only screen and (min-width: 740px ) { .informational_heading { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 980px ) { .informational_heading { font-size: 24px; font-size: 1.5rem; } } .informational_content p { font-size: 14px; font-size: 0.875rem; line-height: 1.375; margin: 12px 0 20px 0; } @media only screen and (min-width: 740px ) { .informational_content p { font-size: 16px; font-size: 1rem; } } /* ========================================================================== Color Variations ============================================================================= */ .informational.theme_green { background-color: #006156; } .informational.theme_blue { background-color: #003A5D; } .informational.theme_purple { background-color: #5C0F8B; } .informational.theme_orange { background-color: #EC6223; } .informational.theme_yellow { background-color: #FCB525; } .informational.theme_green .informational_content p, .informational.theme_purple .informational_content p, .informational.theme_blue .informational_content p { color: #fff; } .informational.theme_orange .informational_heading, .informational.theme_yellow .informational_heading, .informational.theme_orange .informational_content p, .informational.theme_yellow .informational_content p { color: #000; } .belleville .informational .informational_content p { color: #fff; } .belleville .informational.theme_green { background-color: #6F8C37; } .belleville .informational.theme_blue { background-color: #3C6C8A; } .belleville .informational.theme_purple { background-color: #A24BAB; } .belleville .informational.theme_orange { background-color: #FF3835; } .belleville .informational.theme_yellow { background-color: #FFB819; } .belleville .informational.theme_purple .informational_content p, .belleville .informational.theme_blue .informational_content p { color: #fff; } .belleville .informational.theme_orange .informational_heading, .belleville .informational.theme_yellow .informational_heading, .belleville .informational.theme_orange .informational_content p, .belleville .informational.theme_yellow .informational_content p { color: #000; } /* ========================================================================== Alert ============================================================================= */ .alert_block { background-color: #FFB819; color: #000; position: relative; padding: 30px 0 40px; } @media only screen and (max-width: 979px ) { } .alert_block .date_block { float: left; } .alert_block.js-toggle_active, .alert_block.inactive { display: none; } @media only screen and (min-width: 980px ) { .alert_block_bg { position: absolute; overflow: hidden; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; width: 20%; top: 0; right: 0; bottom: 0; } } @media only screen and (min-width: 980px ) { .alert_block_bg_reset { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; background-image: repeating-linear-gradient(100deg, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 13px); height: 100%; width: 100%; } } .alert_toggle { width: 60px; height: 60px; background-color: #000; color: #fff; position: absolute; top: 0; right: 0; } .alert_toggle:after { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; color: #fff; font-size: 30px; font-size: 1.875rem; top: 0; bottom: 0; margin: auto; display: block; position: absolute; top: 12px; right: 0; left: 0; content: "\00d7"; line-height: 1; text-align: center; } @media only screen and (max-width: 979px ) { .alert_toggle { width: 40px; height: 40px; top: 14px; right: 14px; } .alert_toggle:after { top: 2px; } } .alert_toggle_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; } .alert_toggle_label.focusable:active, .alert_toggle_label.focusable:focus { width: auto; height: auto; position: static; clip: auto; margin: 0; overflow: visible; } @media only screen and (min-width: 500px ) { .alert_header { padding-right: 80px; } } .alert_header_group { margin-bottom: 20px; } .alert_header_group:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (max-width: 499px ) { .alert_header_group { padding-right: 80px; } } .alert_label { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 1.28571429; float: left; letter-spacing: 2px; margin-top: 10px; opacity: 0.6; text-transform: uppercase; } .alert_heading { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; font-size: 1.75rem; line-height: 1.0625; clear: left; letter-spacing: 0.07px; margin: 16px 0; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .alert_heading { font-size: 32px; font-size: 2rem; } } .alert_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.375; } @media only screen and (min-width: 500px ) { .alert_description { padding-right: 80px; } } .alert_description p { margin: 0; } .alert_description a { color: #fff; border-bottom: 1px solid #fff; } .alert_description a:active, .alert_description a:focus, .alert_description a:hover { color: #000; border-color: #000; } /* ========================================================================== Home Feature ============================================================================= */ html.locked, body.locked { overflow: hidden !important; } .home_feature { overflow: hidden; width: 100%; margin: 0 0 50px; padding: 0 0 30px; } @media only screen and (min-width: 980px ) { .home_alumni .home_feature { margin-top: -50px; } } .home_feature_container { position: relative; background-color: #000; width: 100%; padding-top: 100px; } @media only screen and (min-width: 740px ) { .home_feature_container { padding-top: 150px; } } @media only screen and (min-width: 980px ) { .home_feature_container { padding-top: 475px; } } @media only screen and (min-width: 980px ) and (min-height: 800px ) { .home_feature_container { padding-top: 470px; } } @media only screen and (min-width: 1220px ) { .home_feature_container { padding-top: 475px; } } @media only screen and (min-width: 1220px ) and (min-height: 800px ) { } .home_feature_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .home_feature_background.fs-background { position: absolute; } .home_feature_background:before, .home_feature_background:after { position: absolute; width: 100%; right: 0; left: 0; z-index: 1; content: ''; } .home_feature_background:before { background-color: rgba(0, 0, 0, 0.95); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.95)), to(rgba(0, 0, 0, 0.1))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2000000', endColorstr='#1a000000', GradientType=0); height: 75%; top: 0; } @media only screen and (min-width: 980px ) { .home_feature_background:before { height: 60%; } } .home_feature_background:after { background-color: rgba(0, 0, 0, 0.1); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.85))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.85)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#d9000000', GradientType=0); height: 25%; bottom: 0; } @media only screen and (min-width: 980px ) { .home_feature_background:after { height: 40%; } } .home_feature_body { position: relative; color: #fff; z-index: 2; } .home_feature_header { opacity: 0; padding: 20px 10% 50px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.25s linear 0.1s, -webkit-transform 0.25s ease 0.1s; transition: opacity 0.25s linear 0.1s, -webkit-transform 0.25s ease 0.1s; transition: opacity 0.25s linear 0.1s, transform 0.25s ease 0.1s; transition: opacity 0.25s linear 0.1s, transform 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s; } @media only screen and (min-width: 740px ) { .home_feature_header { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 979px ) { .home_feature_header { text-align: center; } } @media only screen and (min-width: 980px ) { .home_feature_header { padding: 50px 0 0; opacity: 0; } .loaded .home_feature_header { opacity: 1; } .home_feature_header.covered, .loaded .home_feature_header.covered { opacity: 0; } } .loaded .home_feature_header { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .home_feature_heading { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; font-size: 1.875rem; letter-spacing: 0.05em; line-height: 0.9; margin: 0; text-transform: uppercase; } @media only screen and (min-width: 740px ) { .home_feature_heading { font-size: 45px; font-size: 2.8125rem; } } @media only screen and (min-width: 980px ) { .home_feature_heading { font-size: 60px; font-size: 3.75rem; } } .home_feature_description p { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.6; margin: 10px 0 0; } @media only screen and (min-width: 740px ) { .home_feature_description p { font-size: 18px; font-size: 1.125rem; margin: 20px 0 0; } } @media only screen and (min-width: 980px ) { .home_feature_description p { font-size: 21px; font-size: 1.3125rem; } } .home_feature_card_wrapper { position: relative; -webkit-transform: translateX(120%); -ms-transform: translateX(120%); transform: translateX(120%); -webkit-transition: -webkit-transform 0.5s ease 0.5s; transition: -webkit-transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s; } @media only screen and (min-width: 980px ) { .home_feature_card_wrapper { -webkit-transform: translateX(150%); -ms-transform: translateX(150%); transform: translateX(150%); } } @media only screen and (min-width: 1220px ) { .home_feature_card_wrapper { -webkit-transform: translateX(250%); -ms-transform: translateX(250%); transform: translateX(250%); } } .loaded .home_feature_card_wrapper { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .home_feature_card_carousel { bottom: -30px; } .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-viewport { width: 270px; } @media only screen and (max-width: 739px ) { .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-viewport { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 740px ) { .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-viewport { width: 300px; } } @media only screen and (min-width: 980px ) { .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-viewport { width: 360px; } } .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-wrapper { width: 220px; } @media only screen and (min-width: 740px ) { .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-wrapper { width: 100%; } } .home_feature_card_carousel.fs-carousel-enabled .fs-carousel-canister { overflow: visible; } .home_feature_card { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: relative; overflow: hidden; background-color: #fff; height: 300px; cursor: pointer; margin: 0 10px 0 0; } .home_feature_card.theme_yellow { background-color: #CEC39F; } .home_feature_card.theme_orange { background-color: #EC6223; } .home_feature_card.theme_green { background-color: #006156; } .home_feature_card.theme_blue { background-color: #003A5D; } .home_feature_card.theme_purple { background-color: #5C0F8B; } @media only screen and (min-width: 740px ) { .home_feature_card { height: 400px; } } @media only screen and (min-width: 980px ) { .home_feature_card { height: 500px; } .home_feature_card.fs-carousel-item { opacity: 1; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .home_feature_card.fs-carousel-item .home_feature_card_header { -webkit-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .home_feature_card.fs-carousel-item .home_feature_card_background { -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .home_feature_card:focus .home_feature_card_header, .home_feature_card:hover .home_feature_card_header { bottom: 20px; } .home_feature_card:focus .home_feature_card_background, .home_feature_card:hover .home_feature_card_background { opacity: 0.3; } } .belleville .home_feature_card.theme_gray { background-color: #4D4D4D; } .belleville .home_feature_card.theme_black { background-color: #000; } .belleville .home_feature_card.theme_red { background-color: #73243D; } .home_feature_card_body { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; position: absolute; width: 130%; top: 0; bottom: 0; } .home_feature_card_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.15; } .home_feature_card_background.fs-background { position: absolute; } .home_feature_card_header { position: absolute; bottom: 0; padding: 40px 27% 25px 18%; } @media only screen and (min-width: 740px ) { .home_feature_card_header { padding-bottom: 50px; } } @media only screen and (min-width: 980px ) { .home_feature_card_header { padding-bottom: 80px; } } .home_feature_card_label, .home_feature_article_label { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; font-size: 0.75rem; display: block; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.6; margin: 0; } @media only screen and (min-width: 740px ) { .home_feature_card_label, .home_feature_article_label { font-size: 15px; font-size: 0.9375rem; } } .belleville .home_feature_card_label, .belleville .home_feature_article_label { color: #fff; } .theme_orange .home_feature_card_label, .theme_yellow .home_feature_card_label, .theme_orange .home_feature_article_label, .theme_yellow .home_feature_article_label { color: #000; } .home_feature_card_heading, .home_feature_article_heading { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; font-size: 1.375rem; color: #fff; text-transform: uppercase; line-height: 1; margin: 5px 0 0; } @media only screen and (min-width: 740px ) { .home_feature_card_heading, .home_feature_article_heading { font-size: 26px; font-size: 1.625rem; margin: 10px 0 0; } } @media only screen and (min-width: 980px ) { .home_feature_card_heading, .home_feature_article_heading { font-size: 32px; font-size: 2rem; margin: 15px 0 0; } } .theme_orange .home_feature_card_heading, .theme_yellow .home_feature_card_heading, .theme_orange .home_feature_article_heading, .theme_yellow .home_feature_article_heading { color: #000; } .home_feature_overlay_background { display: none; } @media only screen and (min-width: 740px ) { .home_feature_overlay_background { display: block; background-color: #000; width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity 0.25s ease, visibility 0.25s linear; transition: opacity 0.25s ease, visibility 0.25s linear; visibility: hidden; } } .home_feature_overlay_background.fs-swap-active { opacity: 1; visibility: visible; } .home_feature_overlay { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; z-index: 10; visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: visibility 0.01s linear, -webkit-transform 0.25s ease; transition: visibility 0.01s linear, -webkit-transform 0.25s ease; transition: transform 0.25s ease, visibility 0.01s linear; transition: transform 0.25s ease, visibility 0.01s linear, -webkit-transform 0.25s ease; -webkit-transition-delay: 0s, 0.25s; transition-delay: 0s, 0.25s; } @media only screen and (min-width: 740px ) { .home_feature_overlay { width: 850px; } } @media only screen and (min-width: 740px ) { } @media only screen and (min-width: 980px ) { .home_feature_overlay { width: 880px; } } @media only screen and (min-width: 1220px ) { } @media screen and (min-width: 1400px) { .home_feature_overlay { width: 940px; } } @media screen and (min-width: 1700px) { .home_feature_overlay { width: 1140px; } } @media screen and (min-width: 2100px) { .home_feature_overlay { width: 1340px; } } @media screen and (min-width: 2500px) { .home_feature_overlay { width: 1540px; } } .home_feature_overlay.fs-swap-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s, 0.01s; transition-delay: 0s, 0.01s; visibility: visible; } .home_feature_overlay_body { position: relative; overflow: hidden; height: 100%; width: 100%; z-index: 11; } @media only screen and (min-width: 740px ) { .home_feature_overlay_body { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @media only screen and (min-width: 740px ) { .home_feature_article_carousel { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } .home_feature_article_carousel.fs-carousel-enabled, .home_feature_article_carousel.fs-carousel-enabled .fs-carousel-viewport, .home_feature_article_carousel.fs-carousel-enabled .fs-carousel-wrapper, .home_feature_article_carousel.fs-carousel-enabled .fs-carousel-container, .home_feature_article_carousel.fs-carousel-enabled .fs-carousel-canister { width: 100%; height: 100%; } .home_feature_article_carousel.fs-carousel-enabled .fs-carousel-canister { overflow: visible; } .home_feature_article { background-color: #fff; height: 100%; margin: 0; } .home_feature_article.theme_yellow { background-color: #FCB525; } .home_feature_article.theme_orange { background-color: #EC6223; } .home_feature_article.theme_green { background-color: #006156; } .home_feature_article.theme_blue { background-color: #003A5D; } .home_feature_article.theme_purple { background-color: #5C0F8B; } @media only screen and (min-width: 740px ) { .home_feature_article { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } .belleville .home_feature_article.theme_gray { background-color: #4D4D4D; } .belleville .home_feature_article.theme_black { background-color: #000; } .belleville .home_feature_article.theme_red { background-color: #73243D; } .home_feature_article_body { background-image: repeating-linear-gradient(100deg, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 13px); width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 50px 5% 0; /* @media screen and (min-width: 1400px) { padding: 75px 15% 0 30%; } */ } @media only screen and (min-width: 740px ) { .home_feature_article_body { -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; padding: 100px 10% 0 30%; } } @media only screen and (min-width: 980px ) { .home_feature_article_body { padding: 75px 15% 0 30%; } } .home_feature_article_body_wrapper { padding: 0 0 30px; } @media only screen and (min-width: 740px ) { .home_feature_article_body_wrapper { width: 500px; padding: 0 0 50px; } } @media only screen and (min-width: 980px ) { .home_feature_article_body_wrapper { padding: 0 0 75px; } } @media screen and (min-width: 1400px) { .home_feature_article_body_wrapper { width: 575px; padding: 0 0 100px; } } .home_feature_article_heading { font-size: 26px; font-size: 1.625rem; } @media only screen and (min-width: 740px ) { .home_feature_article_heading { font-size: 32px; font-size: 2rem; } } @media only screen and (min-width: 980px ) { .home_feature_article_heading { font-size: 42px; font-size: 2.625rem; } } .home_feature_article_description p { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; color: #fff; line-height: 1.6; margin: 15px 0; } @media only screen and (min-width: 740px ) { .home_feature_article_description p { font-size: 18px; font-size: 1.125rem; } } .theme_orange .home_feature_article_description p, .theme_yellow .home_feature_article_description p { color: #000; } .belleville .home_feature_article_description p { color: #fff; } .home_feature_article_image { display: block; width: 100%; margin: 15px 0 20px; } .home_feature_article_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #000; color: #fff; } .home_feature_article_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .home_feature_article_button:focus, .home_feature_article_button:hover { background-color: #fff; color: #000; } .belleville .home_feature_article_button { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; } .belleville .home_feature_article_button span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .belleville .home_feature_article_button:focus, .belleville .home_feature_article_button:hover { background-color: #B6A16B; } .belleville .home_feature_article_button:focus, .belleville .home_feature_article_button:hover { background-color: #FFB819; } .home_feature_controls { position: absolute; top: 0; left: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .home_feature_controls:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (max-width: 979px ) { .home_feature_controls { display: none; } } .home_feature_body .home_feature_controls { top: -60px; left: 91px; opacity: 0; -webkit-transition: opacity 0.25s linear 1s; transition: opacity 0.25s linear 1s; } .loaded .home_feature_body .home_feature_controls { opacity: 1; } .home_feature_overlay .home_feature_controls { top: 420px; left: 20px; -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } @media screen and (min-width: 1400px) { .home_feature_overlay .home_feature_controls { top: 390px; } } .home_feature_overlay .home_feature_controls .home_feature_control { float: none; margin: 0 0 10px; } .home_feature_overlay .home_feature_controls .home_feature_control.previous { margin-left: 11px; } /* ========================================================================== Promoted Event ============================================================================= */ .promoted_events { position: relative; margin: 0 auto; } @media only screen and (min-width: 980px ) { .promoted_events { margin-top: -40px; } } @media only screen and (min-width: 1220px ) { .promoted_events { max-width: 1475px; margin-top: -50px; } } @media only screen and (min-width: 740px ) { .promoted_events .fs-row { width: auto; } } @media only screen and (min-width: 740px ) { .promoted_events .fs-cell { width: auto !important; float: none !important; margin: 0 !important; } } .promoted_events_wrapper { margin-right: -10%; margin-left: -10%; } @media only screen and (min-width: 740px ) { .promoted_events_wrapper { margin: 0; } .promoted_events_wrapper:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } } .promoted_event { position: relative; background-color: #000; color: #fff; overflow: hidden; } @media only screen and (min-width: 740px ) { .promoted_event { float: left; width: 50%; } } @media only screen and (min-width: 980px ) { .promoted_event:last-child .promoted_event_inner { float: left; padding-right: 0; padding-left: 72px; } } @media only screen and (min-width: 1220px ) { .promoted_event:last-child .promoted_event_inner { padding-right: 0; padding-left: 132px; } } .promoted_event_link { display: block; color: inherit; } .promoted_event_link:hover .promoted_event_bg:after, .promoted_event_link:focus .promoted_event_bg:after { opacity: 0.9; } .promoted_event_wrapper { position: relative; padding: 50px 8%; } .promoted_event_wrapper:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .promoted_event_wrapper { padding: 100px 8%; } } @media only screen and (min-width: 740px ) { .promoted_event_wrapper { padding: 50px 40px; } } @media only screen and (min-width: 980px ) { .promoted_event_wrapper { padding: 140px 0; } } @media only screen and (min-width: 1220px ) { .promoted_event_wrapper { padding: 190px 0; } } .promoted_event_bg { position: relative; height: 102%; width: 102%; position: absolute; top: -1%; right: -1%; bottom: -1%; left: -1%; } .promoted_event_bg:after { display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; content: ""; opacity: 0.7; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .promoted_event_inner { position: relative; } @media only screen and (min-width: 980px ) { .promoted_event_inner { float: right; width: 470px; padding-right: 72px; } } @media only screen and (min-width: 1220px ) { .promoted_event_inner { width: 588px; padding-right: 132px; } } .promoted_event_header { font-size: 13px; font-size: 0.8125rem; line-height: 1.15384615; text-transform: uppercase; } .promoted_event_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .promoted_event_date { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; display: block; float: left; background-color: #fff; color: #000; letter-spacing: 1.62px; margin-right: 20px; } .promoted_event_date_text { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; color: #000; padding: 8px 18px; } .promoted_event_date_number { color: #000; } .promoted_event_category { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; display: block; float: left; letter-spacing: 1.85px; padding: 8px 0; } .promoted_event_heading { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; font-size: 2rem; line-height: 0.95238095; color: #fff; letter-spacing: 0.11px; text-transform: uppercase; color: inherit; margin: 20px 0 12px; } @media only screen and (min-width: 740px ) { .promoted_event_heading { font-size: 38px; font-size: 2.375rem; } } @media only screen and (min-width: 980px ) { .promoted_event_heading { font-size: 42px; font-size: 2.625rem; } } @media only screen and (min-width: 740px ) { .promoted_event_heading { margin: 20px 0; } } .promoted_event_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; margin-top: 12px; } @media only screen and (min-width: 740px ) { .promoted_event_description { font-size: 18px; font-size: 1.125rem; } } @media only screen and (min-width: 740px ) { .promoted_event_description { margin-top: 25px; } } .promoted_event_description p { margin: 0; } /* Color Variations ============================================================================= */ .promoted_events .theme_green .promoted_event_bg:after { background-color: #006156; opacity: 0.8; } .promoted_events .theme_blue .promoted_event_bg:after { background-color: #003A5D; opacity: 0.8; } .promoted_events .theme_purple .promoted_event_bg:after { background-color: #5C0F8B; opacity: 0.8; } .promoted_events .theme_orange .promoted_event_bg:after { background-color: #EC6223; opacity: 0.8; } .promoted_events .theme_yellow .promoted_event_bg:after { background-color: #FCB525; opacity: 0.8; } .promoted_events .theme_orange, .promoted_events .theme_yellow { color: #000; } .belleville .promoted_events.theme_green .promoted_event_bg:after { background-color: #6F8C37; opacity: 0.8; } .belleville .promoted_events.theme_blue .promoted_event_bg:after { background-color: #3C6C8A; opacity: 0.8; } .belleville .promoted_events.theme_purple .promoted_event_bg:after { background-color: #A24BAB; opacity: 0.8; } .belleville .promoted_events.theme_orange .promoted_event_bg:after { background-color: #FF3835; opacity: 0.8; } .belleville .promoted_events.theme_yellow .promoted_event_bg:after { background-color: #FFB819; opacity: 0.8; } /* ========================================================================== Common Stories ============================================================================= */ /* ========================================================================== Story Header ============================================================================= */ .story_header { background-color: #B6A16B; color: #000; margin-right: -10%; margin-left: -10%; padding-right: 10%; padding-left: 10%; padding-top: 30px; padding-bottom: 30px; } @media only screen and (min-width: 740px ) { .story_header { margin-right: -20%; margin-left: -20%; padding-right: 20%; padding-left: 20%; } } @media only screen and (min-width: 980px ) { .story_header { margin-right: -75px; margin-left: -150px; padding-right: 75px; padding-left: 150px; } } @media only screen and (min-width: 1220px ) { .story_header { margin-right: -100px; padding-right: 100px; } } @media only screen and (min-width: 980px ) { .story_header { margin-top: -40px; } } .story_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media only screen and (min-width: 500px ) { .story_header { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width: 740px ) { .story_header { padding-top: 70px; padding-bottom: 70px; } } @media only screen and (min-width: 980px ) { .story_header { padding-top: 90px; } } @media only screen and (min-width: 1220px ) { .story_header { padding-top: 110px; padding-bottom: 90px; } } .belleville .story_header { background-color: #73243D; color: #fff; } .story_header_figure { display: block; margin-bottom: 20px; } .story_header_figure picture { display: block; } .story_header_figure img { width: 100%; } @media only screen and (min-width: 740px ) { .story_header_figure { float: left; width: 345px; margin: 0 20px 0 0; } } @media only screen and (min-width: 980px ) { .story_header_figure { width: 300px; } } @media only screen and (min-width: 1220px ) { .story_header_figure { width: 375px; margin-right: 25px; } } .story_header_image { display: block; } @media only screen and (min-width: 740px ) { .story_header_content { overflow: hidden; } } .story_header_heading { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; font-size: 2rem; line-height: 0.95238095; color: #fff; letter-spacing: 0.11px; text-transform: uppercase; margin: 12px 0; } @media only screen and (min-width: 740px ) { .story_header_heading { font-size: 38px; font-size: 2.375rem; } } @media only screen and (min-width: 980px ) { .story_header_heading { font-size: 42px; font-size: 2.625rem; } } @media only screen and (min-width: 740px ) { .story_header_heading { margin-top: 0; } } .story_header_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; margin: 12px 0; } @media only screen and (min-width: 740px ) { .story_header_description { font-size: 18px; font-size: 1.125rem; } } .story_header_description p { margin: 0; } .story_header_footer { margin-top: 20px; } .story_header_link { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; } .story_header_link span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .story_header_link:focus, .story_header_link:hover { background-color: #000; color: #fff; } /* Color Variations ============================================================================= */ .story_header.theme_green { background-color: #006156; } .story_header.theme_blue { background-color: #003A5D; } .story_header.theme_purple { background-color: #5C0F8B; } .story_header.theme_orange { background-color: #EC6223; } .story_header.theme_yellow { background-color: #FCB525; } .story_header.theme_orange, .story_header.theme_yellow { color: #000; } .story_header.theme_orange .story_header_heading, .story_header.theme_yellow .story_header_heading, .story_header.theme_orange .story_header_description, .story_header.theme_yellow .story_header_description { color: #000; } .belleville .story_header.theme_green { background-color: #6F8C37; } .belleville .story_header.theme_blue { background-color: #3C6C8A; } .belleville .story_header.theme_purple { background-color: #A24BAB; } .belleville .story_header.theme_orange { background-color: #FF3835; } .belleville .story_header.theme_yellow { background-color: #FFB819; } .story_header.theme_yellow { color: #000; } .story_header.theme_green, .story_header.theme_blue, .story_header.theme_purple, .story_header.theme_orange { color: #fff; } .story_header.theme_yellow .story_header_heading { color: #000; } /* ========================================================================== Featured Story ============================================================================= */ .featured_story { color: #000; } .featured_story_wrapper { background-color: #B6A16B; color: #fff; margin-right: -10%; margin-left: -10%; padding-right: 10%; padding-left: 10%; } @media only screen and (min-width: 500px ) { .featured_story_wrapper { padding-top: 30px; } } @media only screen and (min-width: 740px ) { .featured_story_wrapper { margin-right: -20%; margin-left: -20%; padding-top: 70px; padding-right: 20%; padding-left: 20%; } } @media only screen and (min-width: 980px ) { .featured_story_wrapper { margin-top: -40px; margin-right: -150px; margin-left: -150px; padding-top: 0; padding-right: 150px; padding-left: 150px; } } @media only screen and (min-width: 1220px ) { .featured_story_wrapper { margin-top: -50px; } } .belleville .featured_story_wrapper { background-color: #AEADAB; } .featured_story_wrapper .fs-cell { position: relative; } @media only screen and (min-width: 500px ) and (max-width: 739px ) { .featured_story_bg_cell { width: 31.25% !important; } } @media only screen and (min-width: 500px ) and (max-width: 979px ) { .featured_story_bg_cell { float: right !important; } } @media only screen and (min-width: 500px ) and (max-width: 739px ) { .featured_story_content_cell { width: 64.583% !important; } } .featured_story_bg { position: relative; } @media only screen and (max-width: 739px ) { .featured_story_bg { margin-bottom: 20px; } } @media only screen and (max-width: 979px ) { .featured_story_bg { padding-top: 66.66666667%; } } @media only screen and (min-width: 740px ) and (max-width: 979px ) { .featured_story_bg { margin-bottom: 30px; } } @media only screen and (min-width: 980px ) { .featured_story_bg { position: absolute; width: 100%; width: -webkit-calc(100% + 150px); width: calc(100% + 150px); height: 100%; top: 0; bottom: 0; margin-left: -150px; } } .featured_story_bg .fs-background-media { background-repeat: no-repeat; } .featured_story_content { padding-bottom: 30px; } @media only screen and (min-width: 740px ) { .featured_story_content { padding-bottom: 70px; } } @media only screen and (min-width: 980px ) { .featured_story_content { padding: 70px 0 40px 60px; min-height: 520px; } } @media only screen and (min-width: 1220px ) { .featured_story_content { padding: 90px 0 40px 100px; } } .featured_story_meta { font-size: 15px; font-size: 0.9375rem; line-height: 1.33333333; text-transform: uppercase; } .featured_story_date { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; letter-spacing: 1.87px; margin-right: 20px; } .featured_story_category { font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; letter-spacing: 2.14px; } .featured_story_heading { font-family: "TradeGothicW01-BoldCn20_675334", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; font-size: 2rem; line-height: 0.95238095; color: #fff; letter-spacing: 0.11px; text-transform: uppercase; color: inherit; margin: 12px 0; } @media only screen and (min-width: 740px ) { .featured_story_heading { font-size: 38px; font-size: 2.375rem; } } @media only screen and (min-width: 980px ) { .featured_story_heading { font-size: 42px; font-size: 2.625rem; } } @media only screen and (min-width: 740px ) { .featured_story_heading { margin: 20px 0; } } .featured_story_description { font-family: "Trade Gothic LT W04 Roman", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.8; color: #000; margin: 12px 0; } @media only screen and (min-width: 740px ) { .featured_story_description { font-size: 18px; font-size: 1.125rem; } } @media only screen and (min-width: 740px ) { .featured_story_description { margin: 25px 0 30px; } } .featured_story_description p { margin: 0; } .featured_story_footer { margin-top: 20px; } .featured_story_footer_link { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; overflow: hidden; font-family: "Trade Gothic W01 Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; font-size: 0.875rem; display: inline-block; line-height: 1.2; letter-spacing: 0.1em; margin-right: 10px; padding: 10px 25px; text-transform: uppercase; background-color: #fff; color: #000; } .featured_story_footer_link span { display: block; -webkit-transform: skew(10.01deg); -ms-transform: skew(10.01deg); transform: skew(10.01deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .featured_story_footer_link:focus, .featured_story_footer_link:hover { background-color: #000; color: #fff; } /* Color Variations ============================================================================= */ .featured_story.theme_green .featured_story_wrapper { background-color: #006156; } .featured_story.theme_blue .featured_story_wrapper { background-color: #003A5D; } .featured_story.theme_purple .featured_story_wrapper { background-color: #5C0F8B; } .featured_story.theme_orange .featured_story_wrapper { background-color: #EC6223; } .featured_story.theme_yellow .featured_story_wrapper { background-color: #FCB525; } .featured_story.theme_green .featured_story_description, .featured_story.theme_blue .featured_story_description, .featured_story.theme_purple .featured_story_description { color: inherit; } .featured_story.theme_orange .featured_story_wrapper, .featured_story.theme_yellow .featured_story_wrapper { color: #000; } .belleville .featured_story.theme_green .featured_story_wrapper { background-color: #6F8C37; } .belleville .featured_story.theme_blue .featured_story_wrapper { background-color: #3C6C8A; } .belleville .featured_story.theme_purple .featured_story_wrapper { background-color: #A24BAB; } .belleville .featured_story.theme_orange .featured_story_wrapper { background-color: #FF3835; } .belleville .featured_story.theme_yellow .featured_story_wrapper { background-color: #FFB819; } /* ========================================================================== Print ============================================================================= */ @media print { * { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print { display: block; } } /* ========================================================================== Custom ============================================================================= */ @media print { html { font-size: 12px; } .fs_grid_row, .fs-grid .fs-row, .fs-grid .fs-row, .gsc-control-cse .gsc-control-wrapper-cse, .gsc-control-cse div.gcsc-branding, .gsc-control-cse .gsc-results { width: auto; } .fs_grid_cell, .fs-grid .fs-row [class*="fs-cell"], .fs-grid .fs-row [class*="fs-cell"], .gsc-control-cse .gsc-above-wrapper-area, .gsc-control-cse table.gcsc-branding, .gsc-control-cse .gsc-results .gsc-result { width: auto; float: none; margin: 0; } .fs_grid_cell_right, .fs-grid .fs-row [class*="fs-cell"][class*="-right"], .fs-grid .fs-row [class*="fs-cell"][class*="-right"] { float: none; } .fs_grid_row_row, .fs-grid .fs-row .fs-row, .fs-grid .fs-row .fs-row, .cr_color_block_row { width: auto; float: none; margin: 0; } pre, blockquote { border-color: #E6E3DE; } .base_link, .typography :link, .typography :visited, .typography :link, .typography :visited { border-bottom-width: 0; } .footer { border-top: 1px solid #E6E3DE; margin-top: 30px; padding-top: 30px; } .main_nav_header, .site_search, .site_audience, .extra_nav, .breadcrumb_nav, .header_logo_link, .sub_nav_container, .cta, .footer_button, .footer_nav, .social_nav, .campus_block, .mobile_controls, .promotional_figure, .program_finder, .site_links, .home_feature, .blended_article_bg, .mobile_navigation { display: none !important; visibility: hidden; } .media_gallery_label:before, .contact_card_type:before, .social_block_username:before { display: none !important; visibility: hidden; } .media_gallery_link:after, .testimonial_figure:after, .audience_image_bkground:after { display: none !important; visibility: hidden; } .contact_card, .media_gallery_header, .informational_body, .audience_bkground_short, .audience_resources .audience_component .resources, .audience_bkground_tall { border: 1px solid #E6E3DE; } .page_image_header { margin: 20px 0; padding: 0; } .topic_block:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .topic_block_link, .profile_footer_link, .audience_button, .date_block, .promotional_button, .story_header_link { padding: 0; } .resources, .audience_bkground_tall, .media_gallery_header, .audience_bkground_short, .audience_wrap .topic_block { padding: 20px; } .testimonial_cite_name, .testimonial_cite_label, .profile_name, .profile_title, .profile_position { color: #fff !important; } .contact_card_body { border-color: #E6E3DE; } .social_block { width: auto; height: auto; margin-right: 35px; } .social_block_link { position: relative; padding: 0; } .audience_bkground_short { height: auto; } .audience_image_bkground, .audience_content { position: static; } .audience_bkground_tall { height: auto; } .audience_bkground_tall .audience_image_bkground { display: none !important; visibility: hidden; } .important_dates_wrapper { padding: 0; } .important_dates_wrapper .angled_controls { display: none !important; visibility: hidden; } .important_dates_header h3 { float: left; } .home_feature_card, .home_feature_card_body { width: auto; height: auto; position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .home_feature_card_carousel { clear: both; } .home_feature_card.important_dates_card { height: auto; } .important_dates_card { border-bottom: 1px solid #E6E3DE; margin: 0 0 20px 0; padding-bottom: 10px; } .important_dates_card .important_dates_card_header { padding: 0; } .important_dates_body .home_feature_card_carousel { margin-left: 0; } .event_type { margin-top: 0; } .important_dates_details { padding: 0; } .tag_block { bottom: 0; left: 0; } .tag_block .event_type { color: #fff !important; padding: 20px; } .audience_form, .blended_cat_form { text-align: center; } .audience_button, .audience_button span { -webkit-transform: none; -ms-transform: none; transform: none; } .header.header_absolute { position: static; } .blended_article { float: left; border: 1px solid #E6E3DE; margin: 0 20px 20px 0; } .blended_article_content { top: -20px; bottom: 0; } .blended_article_link:after { position: absolute; bottom: 20px; left: 20px; } }