/** * * Potomac School - build_2015 * @link http://potomac.finalsite.com * Built By: Josh Webb * Project Manager: Ralph Purificato * Designer: Nathan Lyttle * */ @charset "UTF-8"; /*! config-site v0.0.1 */ /*! config-type v0.0.1 */ /* ----------------------------------------------------------------------------- =Fonts ----------------------------------------------------------------------------- */ @import url("//hello.myfonts.net/count/312d10"); @font-face { font-family: 'RobotoRegular'; src: url("/uploaded/themes/build_2015/fonts/Roboto-Regular-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-Regular-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-Regular-webfont.svg#RobotoRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url("/uploaded/themes/build_2015/fonts/Roboto-Italic-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-Italic-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-Italic-webfont.svg#RobotoItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; src: url("/uploaded/themes/build_2015/fonts/Roboto-Bold-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-Bold-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-Bold-webfont.svg#RobotoBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldItalic'; src: url("/uploaded/themes/build_2015/fonts/Roboto-BoldItalic-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-BoldItalic-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLight'; src: url("/uploaded/themes/build_2015/fonts/Roboto-Light-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-Light-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-Light-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-Light-webfont.svg#RobotoLight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLightItalic'; src: url("/uploaded/themes/build_2015/fonts/Roboto-LightItalic-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-LightItalic-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-LightItalic-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensed'; src: url("/uploaded/themes/build_2015/fonts/Roboto-Condensed-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-Condensed-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-Condensed-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-Condensed-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-Condensed-webfont.svg#RobotoCondensed") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMedium'; src: url("/uploaded/themes/build_2015/fonts/Roboto-Medium-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Roboto-Medium-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Roboto-Medium-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Roboto-Medium-webfont.svg#RobotoMedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSlab-100'; src: url("/uploaded/themes/build_2015/fonts/museo_slab_100-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/museo_slab_100-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/museo_slab_100-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/museo_slab_100-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/museo_slab_100-webfont.svg#museo_slab_100regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSlab500Regular'; src: url("/uploaded/themes/build_2015/fonts/museo_slab_500-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/museo_slab_500-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/museo_slab_500-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/museo_slab_500-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/museo_slab_500-webfont.svg#museo_slab_500regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSlab500Italic'; src: url("/uploaded/themes/build_2015/fonts/museo_slab_500italic-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/museo_slab_500italic-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/museo_slab_500italic-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/museo_slab_500italic-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/museo_slab_500italic-webfont.svg#museo_slab_500italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ChunkFiveRegular'; src: url("/uploaded/themes/build_2015/fonts/Chunkfive-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Chunkfive-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Chunkfive-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Chunkfive-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Chunkfive-webfont.svg#ChunkFiveRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'denne__at_the_tea_partyRg'; src: url("/uploaded/themes/build_2015/fonts/denne_at_the_tea_party-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/denne_at_the_tea_party-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/denne_at_the_tea_party-webfont.woff2") format("woff2"), url("/uploaded/themes/build_2015/fonts/denne_at_the_tea_party-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/denne_at_the_tea_party-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/denne_at_the_tea_party-webfont.svg#denne__at_the_tea_partyRg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url("/uploaded/themes/build_2015/fonts/icomoon.eot?x4n7k4"); src: url("/uploaded/themes/build_2015/fonts/icomoon.eot?x4n7k4#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/icomoon.ttf?x4n7k4") format("truetype"), url("/uploaded/themes/build_2015/fonts/icomoon.woff?x4n7k4") format("woff"), url("/uploaded/themes/build_2015/fonts/icomoon.svg?x4n7k4#icomoon") format("svg"); font-weight: normal; font-style: normal; } /*! config-constants v0.0.1 */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after 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, 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/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ 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"], 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 * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * 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; } /*! helpers - functions v0.0.1 */ /*! helpers - utility v0.0.1 */ .compartment { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (min-width: 600px) { .col-4 { width: 50%; float: left; } } @media (min-width: 900px) { .col-4 { width: 25%; } } /*! helpers - box-model v0.0.1 */ .margin-x { margin-right: 1.33333em; margin-left: 1.33333em; } .margin-x-2x { margin-right: 2.66667em; margin-left: 2.66667em; } .margin-y { margin-top: 1.33333em; margin-bottom: 1.33333em; } .margin-y-2x { margin-top: 2.66667em; margin-bottom: 2.66667em; } .padding-x { padding-right: 1.33333em; padding-left: 1.33333em; } .padding-x-2x { padding-right: 2.66667em; padding-left: 2.66667em; } .padding-y { padding-top: 1.33333em; padding-bottom: 1.33333em; } .padding-y-2x { padding-top: 2.66667em; padding-bottom: 2.66667em; } .stretch-container { margin-right: -1.33333em; margin-left: -1.33333em; } .cover { position: absolute; height: 100%; width: 100%; } /*! helpers - presentational v0.0.1 */ /*! helpers - ui-pattern v0.0.1 */ /*! helpers - typography v0.0.1 */ @font-face { font-family: 'Palatino-SC'; src: url("../fonts/312D10_0_0.eot"); src: url("../fonts/312D10_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/312D10_0_0.woff2") format("woff2"), url("../fonts/312D10_0_0.woff") format("woff"), url("../fonts/312D10_0_0.ttf") format("truetype"); } /*! content - html v0.0.1 */ @font-face { font-family: 'IcoMoon'; src: url("/uploaded/themes/default/fonts//icomoon.eot"); src: url("/uploaded/themes/default/fonts//icomoon.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/default/fonts//icomoon.woff2") format("woff2"), url("/uploaded/themes/default/fonts//icomoon.woff") format("woff"), url("/uploaded/themes/default/fonts//icomoon.ttf") format("truetype"), url("/uploaded/themes/default/fonts//icomoon.svg#IcoMoon") format("svg"); font-weight: 400; font-style: normal; } h1, .alpha { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 2.4em; line-height: 1.05556em; margin-bottom: .684em; font-size: 2.338em; line-height: 1.1; color: #302c2a; text-transform: uppercase; } h2, .beta { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 2.13333em; line-height: 1.0625em; margin-bottom: .684em; font-size: 1.4em; line-height: 1; } h3, .gamma { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 1.86667em; line-height: 1.07143em; margin-bottom: .684em; font-size: 1.3em; line-height: 1; color: #b23f1c; text-transform: uppercase; } h4, .delta { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 1.6em; line-height: 1.08333em; margin-bottom: .684em; font-size: 1.2em; line-height: 1; } h5, .epsilon { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 1.33333em; line-height: 1.1em; margin-bottom: .684em; font-size: 1.1em; line-height: 1; } h6, .zeta { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 1.06667em; line-height: 1.125em; margin-bottom: .684em; font-size: 1.1em; line-height: 1; } a { text-decoration: none; color: #0076a5; -webkit-transition: background .3s, color .3s; transition: background .3s, color .3s; } a:hover { color: #010305; } hr { border: 0; height: 2px; background: #70a2b6; margin: 15px 0; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 { margin: 0 0 12px 20px; padding: 0; list-style: none; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.styled, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.fs_style_34 { list-style: outside decimal; margin: 0 0 1.8em 1.8em; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled ul, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.styled ol, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled ol, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.styled ul, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 ul, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.fs_style_34 ol, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 ol, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.fs_style_34 ul { margin-bottom: 0; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled li, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.styled li, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 li, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.fs_style_34 li { margin-bottom: .6em; position: relative; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled li, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 li { /*padding-left: 10px; background: url(/images/common/bg-bullet.gif) no-repeat 0 .5em;*/ } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled ol li, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 ol li { padding-left: 0; background-image: none; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled ul, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.styled ul, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 ul, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.fs_style_34 ul { list-style: none; margin-top: .6em; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.styled ol, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled ol, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ol.fs_style_34 ol, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 ol { margin-top: .6em; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled li, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 li { margin: 0 0 8px 0; padding: 0 0 0 15px; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled li:before, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 li:before { display: block; content: ''; border: 1px solid #70a2b6; box-shadow: 1px 1px 0 #70a2b6; height: 5px; width: 5px; position: absolute; top: 6px; left: 0; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled li ul, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 li ul { margin: 8px 0 0 2px; padding: 0; } .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.styled li ul li:before, .fsPageLayout .fsStyleColumn .fsContent .fsElementContent ul.fs_style_34 li ul li:before { height: 4px; width: 4px; top: 8px; } table.styled, table.fs_style_27 { margin-bottom: 1.33333em; width: 100%; background-color: #ede8d5; border-top: 1px solid #284252; border-left: 1px solid #d9d5c6; border-collapse: collapse; border-bottom: 1px solid #d9d5c6; } table.styled th, table.styled td, table.fs_style_27 th, table.fs_style_27 td { vertical-align: top; } table.styled th, table.fs_style_27 th { background-color: #3f5c6d; color: #faf9f4; border-bottom: 1px solid #284252; border-right: 1px solid #284252; border-left: 1px solid #284252; font-weight: bold; padding: .4em .5em; font-size: 1.1em; } table.styled td, table.fs_style_27 td { border-top: 1px solid #d9d5c6; border-bottom: 1px solid #d9d5c6; border-right: 1px solid #d9d5c6; padding: .4em .5em; } table.styled tr:nth-of-type(odd) td { background-color: #faf9f4; } table.fs_style_27 tr:nth-of-type(odd) td { background-color: #faf9f4; } table.fs_style_27 tr:first-child td { background-color: #3f5c6d; color: #faf9f4; border-bottom: 1px solid #284252; border-right: 1px solid #284252; border-left: 1px solid #284252; font-weight: bold; padding: .4em .5em; font-size: 1.1em; } img, canvas, video, svg { height: auto; max-width: 100%; } #fsPageContent img[style="float: left;"] { margin-right: 1em; } #fsPageContent img[style="float: right;"] { margin-left: 1em; } iframe { border: 0; max-width: 100%; } /*! content - buttons v0.0.1 */ .button, .fs_style_23 { display: inline-block; color: #20344F; padding: .5em; display: block; border: 1px solid #428cbb; /* stroke */ background-color: #6fa1b5; /* layer fill content */ /* drop shadow and inner shadow */ /* drop shadow and inner shadow */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.17); /* drop shadow and inner shadow */ font-size: 20px; margin-bottom: 20px; font-family: "RobotoRegular"; text-align: center; position: relative; } .button:hover, .fs_style_23:hover { background: #85b1c2; } .button:after, .fs_style_23:after { content: ''; display: block; height: 100%; width: 100%; background-color: red; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.08)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ position: absolute; top: 0; left: 0; } .button em, .fs_style_23 em { display: block; font-style: normal; color: #fff; text-transform: uppercase; font-size: 16px; } .color-button { display: inline-block; color: #20344F; padding: .5em; display: block; border: 1px solid #428cbb; /* stroke */ background-color: #6fa1b5; /* layer fill content */ /* drop shadow and inner shadow */ /* drop shadow and inner shadow */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.17); /* drop shadow and inner shadow */ font-size: 20px; margin-bottom: 20px; font-family: "RobotoRegular"; text-align: center; position: relative; } .color-button:hover { background: #85b1c2; } .color-button:after { content: ''; display: block; height: 100%; width: 100%; background-color: red; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.08)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ position: absolute; top: 0; left: 0; } .color-button em { display: block; font-style: normal; color: #fff; text-transform: uppercase; font-size: 16px; } .hollow-button { display: inline-block; color: #20344F; padding: .5em; display: block; border: 1px solid #428cbb; /* stroke */ background-color: #6fa1b5; /* layer fill content */ /* drop shadow and inner shadow */ /* drop shadow and inner shadow */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.17); /* drop shadow and inner shadow */ font-size: 20px; margin-bottom: 20px; font-family: "RobotoRegular"; text-align: center; position: relative; border: 0.2em solid #091930; } .hollow-button:hover { background: #85b1c2; } .hollow-button:after { content: ''; display: block; height: 100%; width: 100%; background-color: red; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.08)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ position: absolute; top: 0; left: 0; } .hollow-button em { display: block; font-style: normal; color: #fff; text-transform: uppercase; font-size: 16px; } /*! content - forms v0.0.1 */ textarea, input, select { padding: 0.66667em; } ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :-moz-placeholder { color: rgba(255, 255, 255, 0.5); } ::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } /*! content - style manger v0.0.1 */ .lead-in, .fs_style_24 { font-size: 1.615em; line-height: 1.19; color: #b23f1c; font-family: 'Roboto', sans-serif; margin-bottom: 1.5em; } blockquote, .callout, .fs_style_28, .fs_style_25 { margin: 0 0 .5em; border-left: 8px solid #b23f1c; padding-left: 20px; font-size: 1.385em; line-height: 1.389; font-family: "MuseoSlab-100"; font-weight: 500; font-family: 'MuseoSlab500Regular'; color: #b23f1c; } .dropcap, .fs_style_29 { font-size: 75px; float: left; line-height: 1em; margin: 5px 20px 15px 0; width: 1.067em; display: block; background: #b23f1c; text-transform: uppercase; color: #f4f0e3; font-family: 'MuseoSlab-100'; text-align: center; padding-top: .057em; } cite, .fs_style_26 { font-family: 'MuseoSlab500Regular'; font-style: normal; display: block; text-align: right; color: #656051; font-size: 14px; line-height: 1.1; text-transform: uppercase; } dl.image { padding: 0; display: inline-block; } .module dl.image, .fsSearch.fsSearchField dl.image { width: 100%; } .module dl.image img, .fsSearch.fsSearchField dl.image img { width: 100%; } @media (min-width: 600px) { dl.image.left { float: left; margin: 0 40px 20px 0; } } .callout, .fs_style_28 { color: #799156; border: 0; padding-left: 0; margin-bottom: 40px; } .callout.left, .fs_style_28.left { float: left; margin-left: 20px; } @media (min-width: 500px) { .callout.left, .fs_style_28.left { width: 50%; } } .callout.right, .fs_style_28.right { float: right; margin-right: 20px; } @media (min-width: 500px) { .callout.right, .fs_style_28.right { width: 50%; } } .custom-slideshow { padding: 10px; background: #fff; border: 1px solid #BDBDBD; margin-bottom: 2em; } .faculty-links a { display: block; float: left; width: 49%; margin-bottom: 20px; } .faculty-links a:nth-child(odd) { margin-right: 2%; } .faculty-links a img { width: 100%; } .fs_style_31, .email { color: #20344f; } .fs_style_31:before, .email:before { padding-right: 5px; color: #afafaf; content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; } .slick-active { outline: none; } .slick-dots { list-style: none; margin: 0; text-align: right; } .slick-dots li { margin: 0 5px 0 0; line-height: 12px; font-size: 12px; display: inline-block; } .slick-dots li button { border: 0; padding: 0; background: rgba(0, 0, 0, 0.5); color: transparent; border-radius: 100%; height: 12px; width: 12px; overflow: hidden; outline: none; } .slick-dots li.slick-active button, .slick-dots li:hover button { background: #72110c; } .exemplary-slider { position: relative; margin-bottom: 40px; border-top: 1px solid #b23f1c; border-bottom: 1px solid #b23f1c; padding: 5px 0; } .exemplary-slider a:hover img { -webkit-filter: sepia(0.5); filter: sepia(0.5); } .exemplary-slider .slick-prev, .exemplary-slider .slick-next { position: absolute; top: 50%; z-index: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: none; border: 0; padding: 0; height: 25px; width: 25px; overflow: hidden; color: transparent; } .exemplary-slider .slick-prev:before, .exemplary-slider .slick-next:before { color: #ccc; position: absolute; top: 50%; left: 50%; font-size: 26px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exemplary-slider .slick-prev:hover:before, .exemplary-slider .slick-next:hover:before { color: #000; } .exemplary-slider .slick-next { right: -25px; } .exemplary-slider .slick-next:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; } .exemplary-slider .slick-prev { left: -25px; } .exemplary-slider .slick-prev:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; } .faculty-quadrants a { display: block; float: left; width: 49%; margin: 0 0 10px; } .faculty-quadrants a:nth-child(odd) { margin-right: 2%; } /*Commerce Container iframe styles*/ .commerce-container iframe { width: 100%; height: 100vh; } .layout_1 #poweredby { display: none !important; } .hierarchy { margin-bottom: 20px; } .hierarchy * { display: inline; } .fsNews .fsElementControls, .fsCalendar .fsElementControls { margin-bottom: 1em; } .fsEmbed { margin-bottom: 20px; } .fsAlertFeeds { margin-bottom: 10px !important; } /*! structure - header v0.0.1 */ #fsHeader { padding: 0; background: #091930; } .site-info-container { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; padding: 15px 20px 20px; overflow: hidden; position: relative; width: 100%; } @media (min-width: 880px) { .site-info-container { height: 112px; } } .site-info-container h1 { line-height: 1em; padding: 0; margin: 0; width: 100%; text-align: center; font-family: 'Palatino-SC', serif; font-weight: normal; font-style: normal; text-transform: capitalize; } @media (min-width: 880px) { .site-info-container h1 { width: auto; text-align: left; } } .site-info-container h1 a { display: block; text-decoration: none; color: #fff; line-height: 1; } @media (min-width: 610px) { .site-info-container h1 a { font-size: 40px; letter-spacing: 1px; } } @media (min-width: 880px) { .site-info-container h1 a { padding: 21px 0 21px 0; } } .tagline { color: #c7d8e1; font-size: 14px; line-height: 1.2; text-align: right; margin: 0; } @media (max-width: 900px) { .tagline { text-align: center; } } @media (min-width: 610px) { .tagline { font-size: 15px; } } @media (min-width: 880px) { .tagline { position: absolute; right: 20px; top: 50%; font-size: 12px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); max-width: calc(100% - 488px); text-align: left; } } @media (min-width: 1140px) { .tagline { right: 0; } } @media (min-width: 1100px) { .tagline { font-size: 15px; } } /*! structure - footer v0.0.1 */ #fsFooter { text-align: center; color: #fff; background: #3f5c6d; padding-bottom: 20px; /* address { //color: #99aab4; color: #cedce4; font-size: 14px; line-height: 1; margin: 0 $gutter; text-align: center; margin-bottom: 1em; @include breakpoint(922px) { margin-bottom: 0; text-align: left; float: left; margin: 7px 0 $gutter 0; } a { color: #99aab4; } .org { display: none; } .adr:after { @include font-icon('\2022'); padding: 0 11px 0 7px; } }*/ /* ----------------------------------------------------------------------------- =NAV-SUBSITES ----------------------------------------------------------------------------- */ } #fsFooter .fsElement:after { display: inline; clear: none; content: ''; } #fsFooter .footer-bot { background: #3f5c6d; padding: 20px; height: auto; clear: both; } @media (min-width: 610px) { #fsFooter .footer-bot { clear: both; } } @media (min-width: 610px) { #fsFooter .footer-bot .footerbot-inner { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } } #fsFooter address { font-style: normal !important; } #fsFooter .nav-subsites { font-size: 11px; line-height: 1; margin: 0 0 2px; } #fsFooter .nav-subsites ul, #fsFooter .nav-subsites ol { margin-bottom: 0; padding-left: 0; list-style: none; } #fsFooter .nav-subsites a { display: block; } @media (min-width: 610px) { #fsFooter .nav-subsites { float: left; width: 72%; margin: 0 0 20px; } } #fsFooter .nav-subsites ul { zoom: 1; padding: 20px; } #fsFooter .nav-subsites ul:after { display: table; clear: both; content: ''; } @media (min-width: 610px) { #fsFooter .nav-subsites ul { height: 21px; } } #fsFooter .nav-subsites ul li { display: block; width: 100%; text-align: center; } @media (min-width: 610px) { #fsFooter .nav-subsites ul li { width: auto; position: relative; float: left; margin: 0 30px 0 0; } } #fsFooter .nav-subsites ul li a { height: 21px; text-decoration: none; text-indent: -280%; white-space: nowrap; overflow: hidden; background: url("/uploaded/themes/build_2015/images/navigation/nav-subsites-resp.png") no-repeat 0 0; display: block; margin: 0 auto .8em; } #fsFooter .nav-subsites ul li#nav-li-summer__potomac > a { width: 158px; } #fsFooter .nav-subsites ul li#nav-li-etc > a { width: 42px; background-position: -158px 0; } #fsFooter .nav-subsites ul li:last-child { margin-right: 0; } #fsFooter .nav-subsites ul li#nav-li-campusnet > a { width: 106px; background-position: -199px 0; } #fsFooter .footer-buttons { overflow: auto; background-color: #1f3a4b; } #fsFooter .footer-buttons > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (max-width: 1140px) { #fsFooter .footer-buttons > .fsElementContent { padding-right: 20px; padding-left: 20px; } } #fsFooter .footer-buttons a { text-transform: uppercase; color: #dde0e1; letter-spacing: 1.5px; font-family: 'RobotoBold'; font-size: 21px; } #fsFooter .footer-buttons a:hover { color: #ca4b1b; } #fsFooter .footer-buttons a:hover i { color: #ca4b1b; } #fsFooter .footer-buttons i { color: #f1dd92; -webkit-transition: color .3s, color .3s; transition: color .3s, color .3s; } #fsFooter .footer-buttons ul { list-style-type: none; margin: 0; padding: 0; } #fsFooter .footer-buttons ul li { display: inline-block; float: left; width: 32%; text-align: center; padding: 30px 0; position: relative; } #fsFooter .footer-buttons ul li:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #3f5c6d; width: 1px; height: 40px; display: inline-block; } #fsFooter .footer-buttons ul li:last-child::after { content: ''; display: none; } @media (max-width: 601px) { #fsFooter .footer-buttons ul li { width: 100%; border-bottom: 1px solid #3f5c6d; } #fsFooter .footer-buttons ul li:last-child { border-bottom: 0; } #fsFooter .footer-buttons ul li:after { content: ''; display: none; } } #fsFooter .footer-bottom { overflow: auto; } #fsFooter .footer-bottom > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (max-width: 1140px) { #fsFooter .footer-bottom > .fsElementContent { padding-right: 20px; padding-left: 20px; } } #fsFooter .footer-bottom .footer-social { float: right; } #fsFooter .footer-bottom .footer-social ul { list-style-type: none; margin: 0; padding: 0; } #fsFooter .footer-bottom .footer-social ul li { display: inline-block; float: left; width: auto; margin-right: 10px; } #fsFooter .footer-bottom .footer-social ul li:last-child { margin-right: 0; } #fsFooter .footer-bottom .footer-social ul li > a { font-size: 0; background: rgba(31, 58, 75, 0.5); width: 40px; height: 40px; display: block; position: relative; opacity: 1; -webkit-transition: background 0.15s linear; transition: background 0.15s linear; border-radius: 100%; text-align: center; } #fsFooter .footer-bottom .footer-social ul li > a:hover { background: #d1e6f2; } #fsFooter .footer-bottom .footer-social ul li > a:hover:before { color: #ffffff; } #fsFooter .footer-bottom .footer-social ul li > a:before { content: ''; font-family: "fontawesome"; font-size: 20px; color: #a3bed5; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; } #fsFooter .footer-bottom .footer-social ul li.fb > a:before { content: "\f09a"; } #fsFooter .footer-bottom .footer-social ul li.vm > a:before { content: "\f27d"; } #fsFooter .footer-bottom .footer-social ul li.tw > a:before { content: "\f099"; } #fsFooter .footer-bottom .footer-social ul li.li > a:before { content: "\f0e1"; } #fsFooter .footer-bottom .footer-social ul li.sm > a:before { font-family: 'icomoon' !important; content: ""; } @media (max-width: 601px) { #fsFooter .footer-bottom .footer-social ul { margin: 0 auto; width: 250px; } } @media (max-width: 601px) { #fsFooter .footer-bottom .footer-social { width: 100%; margin-bottom: 30px; float: none; text-align: center; } } #fsFooter .school-info { color: #cedce4; width: 100%; margin-bottom: 30px; text-align: center; float: none; } @media (min-width: 610px) { #fsFooter .school-info { float: left; width: 50%; text-align: left; } } #fsFooter .school-info .org { font-family: 'Palatino-SC', serif; font-weight: normal; font-style: normal; font-size: 32px; letter-spacing: 1px; color: #ffffff; } /*! structure - layouts v0.0.1 */ * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; pointer-events: none; } html { font-family: arial, sans-serif; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; } html.js { background: #20344f; } body { font-size: 0.9375em; line-height: 1.46667; color: #33312b; overflow-x: hidden; } #fsPageWrapper { background: #f4f0e3; } #fsPageBodyWrapper { padding-right: 1.33333em; padding-left: 1.33333em; padding-top: 40px; padding-bottom: 40px; } #fsPageBody { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } #fsBannerLeft { margin-bottom: 20px; width: 100%; float: none; } @media (min-width: 800px) { #fsBannerLeft { float: left; } } @media (min-width: 800px) { #fsBannerLeft { padding-right: 40px; width: 23.68421%; } } #fsPageContent { margin-bottom: 20px; width: 100% !important; float: none !important; } @media (min-width: 800px) { #fsPageContent { float: left !important; } } @media (min-width: 800px) { .fsHasRightBanner #fsPageContent { width: 74.38596% !important; } } @media (min-width: 800px) { .fsHasLeftBanner #fsPageContent { width: 76.31579% !important; } } @media (min-width: 800px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { width: 50.70175% !important; } } #fsBannerRight { margin-bottom: 20px; width: 100%; float: none; } @media (min-width: 800px) { #fsBannerRight { float: left; } } @media (min-width: 800px) { #fsBannerRight { padding-left: 40px; width: 25.61404%; } } @media (min-width: 800px) { .fsLayout { margin-right: -20px; margin-left: -20px; } } .fsLayout .fsDiv { margin-bottom: 20px; width: 100%; float: none; } @media (min-width: 800px) { .fsLayout .fsDiv { float: left; } } @media (min-width: 800px) { .fsLayout .fsDiv { padding-right: 1.33333em; padding-left: 1.33333em; } } @media (min-width: 800px) { .fsTwoColumnLayout .fsDiv { width: 50%; } } .fsTwoColumnLayout.twothirds_onethird .fsDiv:first-child { width: 100%; } @media (min-width: 1000px) { .fsTwoColumnLayout.twothirds_onethird .fsDiv:first-child { width: 70%; } } .fsTwoColumnLayout.twothirds_onethird .fsDiv:last-child { width: 100%; } @media (min-width: 1000px) { .fsTwoColumnLayout.twothirds_onethird .fsDiv:last-child { width: 30%; } } @media (min-width: 900px) { .fsThreeColumnLayout .fsDiv { width: 33.333%; } } @media (min-width: 800px) { .fsFourColumnLayout .fsDiv { width: 50%; } } @media (min-width: 1000px) { .fsFourColumnLayout .fsDiv { width: 25%; } } .fsThreeColumnBottomLayout .fsThreeColumnLayout { clear: both; } .fsLayout .fsStyleTwoThirds { width: 100%; } @media (min-width: 1000px) { .fsLayout .fsStyleTwoThirds { width: 74.03509%; } .fsHasLeftBanner .fsLayout .fsStyleTwoThirds { width: 67.54386%; } } .fsLayout .fsStyleOneThird { width: 100%; } @media (min-width: 1000px) { .fsLayout .fsStyleOneThird { width: 24.5614%; } .fsHasLeftBanner .fsLayout .fsStyleOneThird { width: 31.99052%; } } #fsPoweredByFinalsite { margin: 25px auto 0; } @media (min-width: 700px) { #fsPoweredByFinalsite { width: 100%; position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; margin-top: 25px; padding-right: 1.33333em; padding-left: 1.33333em; } } .fsBreadcrumb ul { margin: 0; padding: 0; list-style: none; } .fsBreadcrumb li { display: inline-block; } /*! navigation - main v0.0.1 */ .nav-main { background: #20344f; border-bottom: 4px solid #fff; font-family: "RobotoRegular"; padding: 10px 0 20px 0; } .nav-main ul, .nav-main ol { margin-bottom: 0; padding-left: 0; list-style: none; } .nav-main a { display: block; } @media (min-width: 610px) { .nav-main { border-top: 4px solid #fff; padding: 0; } } .nav-main .fsNavLevel1 { zoom: 1; } .nav-main .fsNavLevel1:after { display: table; clear: both; content: ''; } @media (min-width: 610px) { .nav-main .fsNavLevel1 { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .no-flexbox .nav-main .fsNavLevel1 { text-align: justify; font-size: 0.1px; } .no-flexbox .nav-main .fsNavLevel1 > li { display: inline-block; } .no-flexbox .nav-main .fsNavLevel1:after { content: ""; display: inline-block; width: 100%; } } .nav-main .fsNavLevel1 > li { -webkit-font-smoothing: auto; margin: 0 0 10px; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; } @media (min-width: 610px) { .nav-main .fsNavLevel1 > li { margin: 0; } .nav-main .fsNavLevel1 > li:last-child { margin-right: 0; } } .nav-main .fsNavLevel1 > li > a { text-transform: uppercase; color: #80bfd8; text-decoration: none; font-size: 15px; text-align: center; display: block; position: relative; } @media (min-width: 610px) { .nav-main .fsNavLevel1 > li > a { padding: 14px 0 13px; } } @media (min-width: 1100px) { .nav-main .fsNavLevel1 > li > a { font-size: 17.5px; } } .nav-main .fsNavLevel1 > li > a:hover { color: #f3f1bb; } .nav-main .fsNavLevel1 > .fsNavCurrentPage > a { color: #f3f1bb; } .nav-main .fsNavLevel1 > .fsNavCurrentPageAncestor > a { color: #f3f1bb; } @media (min-width: 880px) { .nav-main .fsNavLevel1 > .fsNavCurrentPage > a .icon { display: block; height: 18px; width: 100%; position: absolute; bottom: -18px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); overflow: hidden; } .nav-main .fsNavLevel1 > .fsNavCurrentPage > a .icon:before { background: #20344f; border-bottom: 4px solid #fff; content: ''; display: inline-block; height: 18px; width: 51.5%; position: absolute; top: -11px; } .nav-main .fsNavLevel1 > .fsNavCurrentPage > a .icon:after { background: #20344f; border-bottom: 4px solid #fff; content: ''; display: inline-block; height: 18px; width: 51.5%; position: absolute; top: -11px; } .nav-main .fsNavLevel1 > .fsNavCurrentPage > a .icon:before { left: 0; -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); } .nav-main .fsNavLevel1 > .fsNavCurrentPage > a .icon:after { right: 0; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); } } .nav-main .fsNavLevel1 > li > .fsNavPageInfo { position: absolute; top: 100%; left: 0; max-height: 0; overflow: hidden; } .nav-main .fsNavLevel1 > li:hover > .fsNavPageInfo { max-height: 9999px; } @media (max-width: 599px) { .nav-main .fsNavLevel1 > li:focus > .fsNavPageInfo { max-height: 9999px; } } .nav-main .fsNavLevel1 > li > .fsNavPageInfo { z-index: 300; } .nav-main .fsNavPageInfo { background: #fff; text-align: left; width: 908px; } @media (min-width: 880px) { .nav-main .fsNavPageInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .nav-main .fsNavLevel1 > li:nth-last-child(2) .fsNavPageInfo { right: 0; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .nav-main .fsNavLevel1 > li:last-child .fsNavPageInfo { right: 0; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } @media (min-width: 880px) { .nav-main .fsNavParentPage:hover .fsNavPageInfo { display: block; border: 4px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .nav-main .fsNavPageDescription { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 30.837%; background: #d7bb62; padding: 5px 5px !important; color: #52451d; font-size: 12px; line-height: 1.167; } .nav-main .fsNavPageDescription a { display: block; padding: 10px 15px; color: #52451d; } .nav-main .fsNavPageDescription a:hover { background: #E3D099; } .nav-main .fsNavPageDescription strong { display: block; color: #6c0e21; font-family: 'RobotoLight'; font-size: 23px; font-weight: normal; margin-bottom: 0; } .nav-main .fsNavPageThumbnail { width: 27.86344%; background-size: cover !important; border-left: 4px solid #fff; border-right: 4px solid #fff; } .nav-main .fsNavLevel2 { width: 40.4185%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #124d4d; padding: 10px 10px 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .nav-main .fsNavLevel2 > li { width: 47%; margin: 0 1.5%; font-size: 14px; border-bottom: 1px dotted #719494; -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .nav-main .fsNavLevel2 > li:last-child { border-bottom: 0; } .nav-main .fsNavLevel1 > li:last-child .fsNavLevel2 { display: block; } .nav-main .fsNavLevel1 > li:last-child .fsNavLevel2 > li { -webkit-box-flex: 0 !important; -webkit-flex: none !important; -ms-flex: none !important; flex: none !important; display: block; position: relative; width: 100%; } .nav-main .fsNavLevel2 a { padding: .25em 0; color: #c7efea; } .nav-main .fsNavLevel2 a:hover { color: #fff; } /*! navigation - off-canvas v0.0.1 */ .drawer-ribbon { position: relative; background: #20344f; border-top: 4px solid #fff; } @media (min-width: 610px) { .drawer-ribbon { display: none; } } .drawer-is-active .drawer-ribbon { border-bottom: 0; } @media (min-width: 610px) { .summer .drawer-ribbon { display: block; } } @media (min-width: 950px) { .summer .drawer-ribbon { display: none; } } .drawer-trigger { border: 0; background: none; outline: 0; margin: 0; padding: 0; font-size: 14px; color: #80bfd8; font-weight: bold; text-transform: uppercase; padding: 1em; text-align: center; display: block; width: 100%; height: 50px; } .drawer-trigger:hover { color: #f3f1bb; } .drawer { height: 0; opacity: 0; overflow: hidden; width: 100%; -webkit-transition: all .3s linear; transition: all .3s linear; background: #33312b; position: relative; top: 50px; left: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); -webkit-transform: translate(0, -20%); -ms-transform: translate(0, -20%); transform: translate(0, -20%); } .drawer-is-active .drawer { height: auto; opacity: 1; } /*! navigation - sub v0.0.1 */ .nav-sub { background: #70a2b6; font-family: "RobotoRegular"; border-bottom: 4px solid #fff; padding: 10px 0; } .nav-sub ul, .nav-sub ol { margin-bottom: 0; padding-left: 0; list-style: none; } .nav-sub a { display: block; } .nav-sub.nav-sub-empty { padding: 0; } .nav-sub > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; padding: 0 20px; } .nav-sub > header { display: block; } @media (min-width: 800px) { .nav-sub > header { display: none; } } .nav-sub > header > .fsElementTitle { position: relative; margin: 0; padding: 20px; cursor: pointer; background: #20344f; color: #fff; font-family: "RobotoRegular"; font-weight: 500; font-size: 16px; line-height: 20px; text-transform: uppercase; text-align: center; } @media (min-width: 800px) { .nav-sub > header > .fsElementTitle { cursor: default; } } .nav-sub > header > .fsElementTitle:after { display: none; } @media (max-width: 799px) { .nav-sub > header > .fsElementTitle:after { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 40px; line-height: 40px; text-align: center; margin-left: 8px; content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; } } @media (max-width: 799px) { .active-nav > header > .fsElementTitle:after { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; } } .nav-sub .fsNavLevel1 { position: relative; zoom: 1; } .nav-sub .fsNavLevel1:after { display: table; clear: both; content: ''; } @media (min-width: 610px) { .nav-sub .fsNavLevel1 { padding: 20px 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .nav-sub .fsNavLevel1 > li { font-size: 13px; display: block; text-align: center; padding: 0 0 10px; line-height: 1.2em; } @media (min-width: 610px) { .nav-sub .fsNavLevel1 > li { text-align: left; display: inline-block; margin: 0 20px 0 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .nav-sub .fsNavLevel1 > li:last-child { margin-right: 0; } } @media (min-width: 880px) { .nav-sub .fsNavLevel1 > li { font-size: 15px; -webkit-font-smoothing: auto; } .nav-sub .fsNavLevel1 > li > a { padding: 0.66667em; } } @media (min-width: 880px) and (min-width: 880px) { .nav-sub .fsNavLevel1 > li > a { padding: 0; } } @media (min-width: 880px) { .nav-sub .fsNavLevel1 > li > a:hover { color: #fff; } } .nav-sub li.fsNavCurrentPage > a, .nav-sub li.fsNavCurrentPageAncestor > a { color: #fff; } /*! navigation - sub v0.0.1 */ .nav-ter { margin-bottom: 2em; } .nav-ter ul, .nav-ter ol { margin-bottom: 0; padding-left: 0; list-style: none; } .nav-ter a { display: block; } .nav-ter .fsNavLevel1 { position: relative; } .nav-ter .fsNavLevel1 > li { position: relative; margin: 0; font-size: 1.231em; line-height: 1.125; border-bottom: 1px dotted #786156; } .nav-ter .fsNavLevel1 > li > a { color: #786156; text-decoration: none; padding: 10px 0; } .nav-ter .fsNavLevel1 > li > a:hover { color: #70a2b6; } .nav-ter li.fsNavParentPage { padding-left: 20px; } .nav-ter li.fsNavParentPage:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 12px; position: absolute; left: 0; top: 12px; } .nav-ter li.fsNavCurrentPage > a, .nav-ter li.fsNavCurrentPageAncestor > a { color: #70a2b6; } .nav-ter li.fsNavCurrentPageAncestor:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 12px; position: absolute; left: 0; top: 12px; } .nav-ter .fsNavPageInfo { display: none; } .nav-ter .fsNavLevel2 > li { font-size: 15px; margin: 0 0 .5em 0; } .nav-ter .fsNavLevel2 > li > a { color: #706663; } .nav-ter .fsNavLevel2 li.fsNavCurrentPage > a, .nav-ter .fsNavLevel2 li.fsNavCurrentPageAncestor > a { color: #70a2b6; } .nav-ter .fsNavLevel1 > .fsNavCurrentPage.fsNavParentPage > .fsNavPageInfo { display: block; } .nav-ter .fsNavLevel1 > .fsNavCurrentPageAncestor > .fsNavPageInfo { display: block; } /*! Navigation - Social v0.0.5 */ .nav-social { margin-left: 15px; } .nav-social ul, .nav-social ol { margin-bottom: 0; padding-left: 0; list-style: none; } .nav-social a { display: block; } @media (min-width: 610px) { .nav-social { margin: 10px 0 0 0; padding-right: 20px; width: 28%; float: right; text-align: right; } } @media (max-width: 601px) { .nav-social ul { margin-bottom: 30px; } } .nav-social li { display: inline-block; vertical-align: middle; } .nav-social li:last-child a:before { font-family: 'icomoon' !important; } .nav-social .nav-social__item--facebook a:before { content: ""; } .nav-social .nav-social__item--instagram a:before { content: ""; } .nav-social .nav-social__item--linkedin a:before { content: ""; } .nav-social .nav-social__item--pinterest a:before { content: ""; } .nav-social .nav-social__item--tumblr a:before { content: ""; } .nav-social .nav-social__item--twitter a:before { content: ""; } .nav-social .nav-social__item--vine a:before { content: ""; } .nav-social .nav-social__item--youtube a:before { content: ""; } .nav-social .nav-social__item--vimeo a:before { content: ""; } .nav-social .nav-social__item--smugmug a:before { content: ""; } .nav-social .nav-social__item--facebook a:hover { color: #3b5998; } .nav-social .nav-social__item--instagram a:hover { color: #517fa4; } .nav-social .nav-social__item--linkedin a:hover { color: #007bb6; } .nav-social .nav-social__item--pinterest a:hover { color: #cb2027; } .nav-social .nav-social__item--tumblr a:hover { color: #32506d; } .nav-social .nav-social__item--twitter a:hover { color: #00aced; } .nav-social .nav-social__item--vine a:hover { color: #00a478; } .nav-social .nav-social__item--youtube a:hover { color: #b00; } .nav-social .nav-social__item--vimeo a:hover { color: #1ab7ea; } .nav-social .nav-social__item--smugmug a:hover { color: #e3ffaa; } .nav-social a { font-size: 1.6em; line-height: 1; text-align: center; color: rgba(157, 194, 238, 0.5); display: block; position: relative; height: 30px; width: 30px; } .nav-social a:before { font-family: "fontawesome"; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .nav-social span { display: none; } /* Navigation - Utility Container v0.0.1 */ .nav-util { border-bottom: 1px solid rgba(31, 58, 75, 0.5); margin-bottom: 30px !important; } .nav-util ul, .nav-util ol { margin-bottom: 0; padding-left: 0; list-style: none; } .nav-util a { display: block; } .nav-util ul { zoom: 1; margin: 0; text-align: left; padding: 20px 0 !important; width: 100%; clear: both; text-align: center; } .nav-util ul:after { display: table; clear: both; content: ''; } .nav-util ul li { font-size: 12px; margin: 0 0 8px; padding: 0 !important; display: block; } @media (min-width: 600px) { .nav-util ul li { display: inline-block; position: relative; } .nav-util ul li:after { content: ''; position: absolute; top: 50%; right: -1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #d1e6f2; width: 1px; height: 20px; display: block; } .nav-util ul li:last-child:after { display: none; } } .nav-util ul li a { padding: 5px 20px; color: #d1e6f2; } .nav-util ul li a:hover { color: #f3f1bb; } .nav-site-map .fsElementContent nav ul { margin: 0 0 0 20px; padding: 0; } .nav-site-map .fsElementContent nav ul li { margin: 0; padding: 0; font-weight: 400; } .nav-site-map .fsElementContent nav ul.fsNavLevel1 { margin-left: 0; list-style: none; } @media (min-width: 600px) { .nav-site-map .fsElementContent nav ul.fsNavLevel1 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-rule: 0; -moz-column-rule: 0; column-rule: 0; min-height: initial; } .nav-site-map .fsElementContent nav ul.fsNavLevel1 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .no-csscolumns .nav-site-map .fsElementContent nav ul.fsNavLevel1 li { float: left; display: block; width: 100%; vertical-align: top; } } .nav-site-map .fsElementContent nav ul.fsNavLevel1 > li { margin-bottom: 20px; font-weight: 700; } .nav-site-map .fsElementContent nav ul.fsNavLevel2 { list-style: disc; } .nav-site-map .fsElementContent nav ul.fsNavLevel3 { list-style: circle; } .nav-site-map .fsElementContent nav ul.fsNavLevel4 { list-style: square; } .nav-site-map .fsElementContent nav ul.fsNavLevel5 { list-style: disc; } /*! elements - constituent main */ /*! elements - constituent search */ .fsConstituent.fsSearch { margin: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #dddedf; } @media (min-width: 800px) { .fsConstituent.fsSearch > .fsElementContent { margin: 0 -10px; } } .fsConstituent.fsSearch label { display: block; margin-bottom: 1.33333em; } @media (min-width: 800px) { .fsConstituent.fsSearch label { display: inline-block; vertical-align: top; width: 49.5%; padding: 0 10px; } } @media (min-width: 900px) { .fsConstituent.fsSearch label { width: 32.83333%; } } .fsStyleOneThird .fsConstituent.fsSearch label { width: 100% !important; clear: both; } .fsStyleColumn-2 .fsConstituent.fsSearch label { width: 100%; clear: both; } .fsConstituent.fsSearch input, .fsConstituent.fsSearch select { display: block; width: 100%; } .fsConstituent.fsSearch [type*='submit'] { width: auto; } @media (min-width: 800px) { .fsConstituent.fsSearch [type*='submit'] { margin-left: 0.66667em; } } .fsConstituent.fsSearch .fsConstituentSearchButton { display: inline-block; color: #20344F; padding: .5em; display: block; border: 1px solid #428cbb; /* stroke */ background-color: #6fa1b5; /* layer fill content */ /* drop shadow and inner shadow */ /* drop shadow and inner shadow */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.17); /* drop shadow and inner shadow */ font-size: 20px; margin-bottom: 20px; font-family: "RobotoRegular"; text-align: center; position: relative; display: block; margin: 0 10px; } .fsConstituent.fsSearch .fsConstituentSearchButton:hover { background: #85b1c2; } .fsConstituent.fsSearch .fsConstituentSearchButton:after { content: ''; display: block; height: 100%; width: 100%; background-color: red; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.08)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ position: absolute; top: 0; left: 0; } .fsConstituent.fsSearch .fsConstituentSearchButton em { display: block; font-style: normal; color: #fff; text-transform: uppercase; font-size: 16px; } .fsConstituent .fsElementPagination { margin: 20px 0; } /*! elements - constituent profile */ .fsConstituentProfile { position: relative; } .fsConstituentProfile .fsProfileImage { display: block; margin-bottom: 20px; } .fsConstituentProfile .fsFullName { color: #20344f; } @media (min-width: 800px) { .fsConstituentProfile.fsHasPhoto > div, .fsConstituentProfile.fsHasPhoto > h3 { padding: 0; padding-left: calc(25% + 20px); } } @media (min-width: 600px) { .fsConstituentProfile.fsHasPhoto .fsProfileImage { float: left; padding-right: 20px; max-width: 50%; } } @media (min-width: 800px) { .fsConstituentProfile.fsHasPhoto .fsProfileImage { position: absolute; left: 0; top: 0; max-width: 25%; padding: 0; float: none; } } @media (min-width: 600px) { .fsConstituentProfile:not(.fsHasPhoto) .fsProfileImage { float: left; padding-right: 20px; max-width: 50%; } } @media (min-width: 800px) { .fsConstituentProfile:not(.fsHasPhoto) .fsProfileImage { max-width: 25%; } } .fsProfileSection { margin-bottom: 1.33333em; font-size: 16px; } .fsProfileSection h4 { font-weight: 700; font-size: 18px; border-bottom: 1px solid #333; margin: 0 0 .5em 0; padding: 0 0 .5em 0; } .fsProfileSection .fsProfileSectionData { margin-bottom: 10px; padding-bottom: 10px; } .fsProfileSection .fsProfileSectionData.fsTitle { font-weight: normal; font-size: 1em; } .fsProfileSection .fsProfileSectionData a { color: #0076a5; } .fsProfileSection .fsProfileSectionData a:hover { color: #091930; } .fsProfileSectionSpecialData > div, .fsProfileSpecialFieldName > div { width: auto; float: none; } @media (min-width: 800px) { .fsProfileSectionSpecialData > div, .fsProfileSpecialFieldName > div { float: left; } .fsProfileSectionSpecialData > div:first-child, .fsProfileSpecialFieldName > div:first-child { width: 25%; } .fsProfileSectionSpecialData > div:last-child, .fsProfileSpecialFieldName > div:last-child { width: 75%; } } .fsProfileSectionFieldName, .fsProfileSectionFieldValue { width: auto; float: none; } @media (min-width: 800px) { .fsProfileSectionFieldName { width: 25%; float: left; } } @media (min-width: 800px) { .fsProfileSectionFieldValue { width: 75%; float: left; } } @media (min-width: 800px) { .fsBiography .fsProfileSectionFieldName { font-weight: bold; } .fsBiography .fsProfileSectionFieldName, .fsBiography .fsProfileSectionFieldValue { float: none; width: 100%; } } .fsProfileSectionData.fsEmployedSince { width: 100% !important; } .fsGender .fsProfileSectionFieldName, .fsGender .fsProfileSectionFieldValue, .fsBirthDate .fsProfileSectionFieldName, .fsBirthDate .fsProfileSectionFieldValue, .fsNickName .fsProfileSectionFieldName, .fsNickName .fsProfileSectionFieldValue, .fsClassOf .fsProfileSectionFieldName, .fsClassOf .fsProfileSectionFieldValue, .fsCurrentGrade .fsProfileSectionFieldName, .fsCurrentGrade .fsProfileSectionFieldValue { width: 50%; } /*! elements - constituent default layout */ .fsDirectory { word-break: break-word; margin-bottom: 20px; } .fsDirectory .fsConstituentItem { padding: 20px 0; background-color: #fff; } .fsDirectory .fsConstituentItem .fsBiography > p { display: none; } .fsDirectory .fsConstituentItem .fsBiography > p:first-of-type { display: block; } .fsDirectory .fsConstituentItem .fsLocations:before { display: inline-block; content: 'Division:'; font-weight: bold; } .fsDirectory .fsConstituentItem .fsLocations strong { display: none; } .fsDirectory .fsConstituentItem > h3, .fsDirectory .fsConstituentItem > div { padding-right: 20px; padding-left: 20px; margin-bottom: 10px; padding-top: 0; } .fsDirectory .fsConstituentItem > h3:last-child, .fsDirectory .fsConstituentItem > div:last-child { margin-bottom: 0; } .fsDirectory .fsConstituentItem .fsPhoto img { display: block; width: 100%; } .fsConstituentColumnLayout_1 .fsConstituentItem { margin: 0; margin-bottom: 20px; } @media (min-width: 800px) { .fsConstituentColumnLayout_2 { margin: 0 -10px; } } .fsConstituentColumnLayout_2 .fsConstituentItem { width: 100%; margin: 0; margin-bottom: 20px; } @media (min-width: 800px) { .fsConstituentColumnLayout_2 .fsConstituentItem { width: calc(50% - 20px); margin: 0 10px; margin-bottom: 20px; } } .fsConstituentColumnLayout_2 .fsConstituentItem:nth-child(2n+1) { clear: both; } @media (min-width: 800px) { .fsConstituentColumnLayout_3 { margin: 0 -10px; } } .fsConstituentColumnLayout_3 .fsConstituentItem { width: 100%; margin: 0; margin-bottom: 20px; } @media (min-width: 800px) { .fsConstituentColumnLayout_3 .fsConstituentItem { width: calc(50% - 20px); float: left; margin: 0 10px; margin-bottom: 20px; } .fsConstituentColumnLayout_3 .fsConstituentItem:nth-child(2n+1) { clear: both; } } @media (min-width: 900px) { .fsConstituentColumnLayout_3 .fsConstituentItem { width: calc(33.33% - 20px); } .fsConstituentColumnLayout_3 .fsConstituentItem:nth-child(2n+1) { clear: none; } .fsConstituentColumnLayout_3 .fsConstituentItem:nth-child(3n+1) { clear: both; } } @media (min-width: 800px) { .fsConstituentColumnLayout_4 { margin: 0 -10px; } } .fsConstituentColumnLayout_4 .fsConstituentItem { width: 100%; margin: 0; margin-bottom: 20px; } @media (min-width: 800px) { .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(50% - 20px); margin: 0 10px; margin-bottom: 20px; } .fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(2n+1) { clear: both; } } @media (min-width: 900px) { .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(33.33% - 20px); } .fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(2n+1) { clear: none; } .fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(3n+1) { clear: both; } } @media (min-width: 1000px) { .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(25% - 20px); } .fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(3n+1) { clear: none; } .fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(4n+1) { clear: both; } } /*! elements - accordion */ .fsAccordion { margin-bottom: 20px; } .fsAccordion > .fsElementContent { border-top: 4px solid #ACACA6; } .fsAccordion .fsPanel { background: #fff; zoom: 1; } .fsAccordion .fsPanel:after { display: table; clear: both; content: ''; } .fsAccordion .fsPanel > header { cursor: pointer; background: #f4f0e3; -webkit-transition: .3s; transition: .3s; border-bottom: 4px solid #ACACA6; } .fsAccordion .fsPanel > header h2 { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 2.13333em; line-height: 1.0625em; margin-bottom: .684em; margin-bottom: 2px; display: block; font-size: 16px; padding: 10px 15px; color: #0076AC; -webkit-transition: .3s; transition: .3s; } .fsAccordion .fsPanel > header:hover { background: #f4f0e3; -webkit-transition: .3s; transition: .3s; } .fsAccordion .fsPanel > header:hover h2 { color: #0076AC; -webkit-transition: .3s; transition: .3s; } .fsAccordion .fsPanel.fsStateOpen { border-bottom: 4px solid #ACACA6; } .fsAccordion .fsPanel.fsStateOpen > header { background: #70A2B6; border-bottom: 0; } .fsAccordion .fsPanel.fsStateOpen > header h2 { color: #fff; } .fsAccordion.fsPanelIconBefore .fsPanel.fsStateOpen > header h2::before, .fsAccordion.fsPanelIconAfter .fsPanel.fsStateOpen > header h2::after { content: ''; border: none; width: auto; height: auto; content: "-"; } .fsAccordion.fsPanelIconAfter .fsPanel > header h2::after, .fsAccordion.fsPanelIconBefore .fsPanel > header h2::before { content: ''; border: none; width: auto; height: auto; content: "+"; } .fsAccordion.fsPanelIconBefore .fsPanel > header h2::before { margin: -3px 20px 0 0; } .fsAccordion.fsPanelIconAfter .fsPanel > header h2:before { display: none; } .fsAccordion.fsPanelIconAfter .fsPanel > header h2:after { margin: 0 0 0 20px; float: right; } /*! elements - athletics v0.0.1 */ .fsAthleticsEvent .fsTitle { display: inline-block; } .fsAthleticsOpponents { display: inline-block; } .fsAthleticsOpponentNames { display: inline-block; } .fsAthleticsRoster { margin-bottom: 30px; } .fsAthleticsTeamDirectory { margin: 0 0 20px; padding: 0; } .fsStyleOneThird .fsAthleticsTeamDirectory { width: 100%; } .fsAthleticsTeamProfile { margin-bottom: 30px; } .fsEventTable { margin-bottom: 20px; } .fsEventTable tr { display: block; margin-bottom: 20px; } @media (min-width: 600px) { .fsEventTable tr { display: table-row; margin-bottom: 0; } } @media (min-width: 600px) { .scores-table .fsEventTable th, .scores-table .fsEventTable td { width: 16%; } .scores-table .fsEventTable th.fsTitle, .scores-table .fsEventTable th.fsAthleticsOpponents, .scores-table .fsEventTable td.fsTitle, .scores-table .fsEventTable td.fsAthleticsOpponents { width: 26%; } } .fsEventTable td.fsTitle, .fsEventTable th.fsTitle { font-size: 15px; line-height: 1.46667; margin-bottom: 0; } .fsEventTable td { background: none !important; } @media (min-width: 600px) { .fsEventTable td { border-color: #d9d5c6; } } .fsEventTable td, .fsEventTable th { display: block; width: 100%; padding: 0; } @media (min-width: 600px) { .fsEventTable td, .fsEventTable th { padding: 8px; vertical-align: top; display: table-cell !important; } } .fsEventTable th { display: none !important; } @media (min-width: 600px) { .fsEventTable th { display: table-cell !important; background: #3f5c6d !important; border-color: #284252; color: #fff; } .fsEventTable th.fsTitle { font-weight: bold; } } @media (min-width: 600px) { .fsEventTable tr:nth-of-type(odd) td { background: #fff !important; } } /*! elements - athletics events style_1 option */ .fsAthleticsEvent { position: relative; text-align: left; margin-bottom: 20px; position: relative; } .fsAthleticsEvent .fsAlertFeeds { margin-bottom: 10px; } @media (min-width: 600px) { .fsAthleticsEvent .fsAlertFeeds { margin-bottom: 0; position: absolute; top: 10px; right: 10px; } } .fsAthleticsEvent .fsListItems article { padding-bottom: 20px; border-bottom: solid 1px #eee; zoom: 1; margin-bottom: 20px; background: rgba(255, 255, 255, 0.2); } .fsAthleticsEvent .fsListItems article:after { display: table; clear: both; content: ''; } @media (min-width: 600px) { .fsAthleticsEvent .fsListItems article { margin-bottom: 0; padding: 20px; } .fsAthleticsEvent .fsListItems article:nth-child(odd) { background: rgba(204, 204, 204, 0.2); } } .fsAthleticsEvent .fsListItems article:last-child { border-bottom: none; } @media (min-width: 600px) { .fsAthleticsEvent .fsListItems article > div:not(.fsDateTime) { float: left; width: 25%; margin: 0; padding-right: 10px; } } @media (min-width: 600px) { .fsAthleticsEvent .fsListItems article .fsAlertIcon { position: absolute; right: 10px; margin-top: 3px; margin-left: 10px; } } @media (min-width: 600px) { .fsAthleticsEvent .fsListItems article > div.fsTitle, .fsAthleticsEvent .fsListItems article > div.fsAthleticsOpponents { width: 25%; } } .fsAthleticsEvent .fsDateTime { margin-bottom: 10px; } .fsAthleticsEvent .fsTitle { display: inline-block; margin-bottom: 0; } .fsAthleticsEvent .fsElementEventIcon { margin-right: 10px; } .fsAthleticsEvent .fsAthleticsEventDetailLink { outline: 0; } .fsAthleticsEvent .fsAlertIcon { margin-left: 5px; margin-bottom: -3px; } .fsAthleticsEvent .fsLoadMoreButton { display: inline-block; color: #20344F; padding: .5em; display: block; border: 1px solid #428cbb; /* stroke */ background-color: #6fa1b5; /* layer fill content */ /* drop shadow and inner shadow */ /* drop shadow and inner shadow */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.17); /* drop shadow and inner shadow */ font-size: 20px; margin-bottom: 20px; font-family: "RobotoRegular"; text-align: center; position: relative; padding: 10px 20px; } .fsAthleticsEvent .fsLoadMoreButton:hover { background: #85b1c2; } .fsAthleticsEvent .fsLoadMoreButton:after { content: ''; display: block; height: 100%; width: 100%; background-color: red; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.08)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ position: absolute; top: 0; left: 0; } .fsAthleticsEvent .fsLoadMoreButton em { display: block; font-style: normal; color: #fff; text-transform: uppercase; font-size: 16px; } .fsAthleticsEvent .fsAthleticsOpponents { display: inline; } .fsAthleticsEvent .fsAthleticsOpponentNames { display: inline; } .fsAthleticsEvent.fsList .fsListItems article .fsDateTime { font-weight: bold; } /*! elements - calendar */ .fsCalendar .fsDayContainer article .fsDate { display: none; } .fsCalendar .fsDayContainer article:first-child .fsDate { display: block; } .fsCalendar article { position: relative; padding-left: 88px; min-height: 80px; } .fsCalendar article .fsCalendarEventLink:hover { color: #ca4b1b !important; } .fsCalendar .fsTitle { color: #33312b; font-family: 'RobotoBold'; font-size: 16px; } .fsCalendar .fsDate { position: absolute; top: 0; left: 0; height: 72px; width: 65px; padding-top: 10px; text-align: center; background: #ca4b1b; color: #fff; font-weight: 100; line-height: 1em; } .fsCalendar .fsDate span { display: block; } .fsCalendar .fsDate .fsDayName { padding: 12px 0 6px; background: #ca4b1b; text-transform: uppercase; } .fsCalendar .fsDate .fsMonth { font-family: "MuseoSlab-100"; font-size: 18px; text-transform: uppercase; margin-bottom: 14px; } .fsCalendar .fsDate .fsDay { font-family: "MuseoSlab500Regular"; font-size: 38px; } .fsCalendar .fsDate .fsYear { background: #ca4b1b; margin-top: 12px; padding-bottom: 5px; } .fsCalendar .fsTimeRange { font-size: 13px; } .fsCalendar .fsLocation { font-size: 13px; text-transform: uppercase; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo { line-height: 1.2; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle { font-size: 1.1em; font-weight: bold; outline: 0; margin-bottom: 5px; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { line-height: 1; } .fsCalendarEventGrid .fsCalendarMonthBrowser .fsCalendarPrevMonth, .fsCalendarEventGrid .fsCalendarMonthBrowser .fsCalendarNextMonth { color: transparent; background-color: transparent; border: none; position: relative; line-height: 0; outline: 0; padding: 0; width: 40px; height: 40px; } .fsCalendarEventGrid .fsCalendarMonthBrowser .fsCalendarPrevMonth:before, .fsCalendarEventGrid .fsCalendarMonthBrowser .fsCalendarNextMonth:before { color: #575757; content: '\2039'; font-size: 26px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -2px; } .fsCalendarEventGrid .fsCalendarMonthBrowser .fsCalendarNextMonth:before { content: '\203A'; } @media screen and (max-width: 799px) { .fsCalendar.fsGrid .fsCalendarEventGrid { width: 100%; margin: 0 auto; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarMonthBrowser { margin: 20px 0; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow { width: auto; display: inline; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox { width: 14.28% !important; height: 45px !important; float: left; overflow: hidden !important; cursor: pointer; min-height: 0; position: relative; padding: 0; margin: 0; border: none; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday { background-color: rgba(32, 52, 79, 0.15); } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange { background-color: rgba(32, 52, 79, 0.05); } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox { border: none; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div { position: relative; min-height: 0; height: 25px; border: 1px solid #EDEDED; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div.selected { background-color: rgba(32, 52, 79, 0.25); } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected { background-color: rgba(32, 52, 79, 0.25); } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1; font-size: 15px; margin-bottom: 0; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo { display: none; } .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow { border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; zoom: 1; display: block; } .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:after { display: table; clear: both; content: ''; } .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:first-child { border-top: 1px solid #EDEDED; } .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:last-child { border-bottom: 1px solid #EDEDED; } .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox { width: 16.666% !important; height: 50px !important; border: 1px solid #EDEDED; } .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarWeekendDayBox { border: none; } .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarOutOfRange { display: block; } } #event-view { padding: 20px; margin: 20px auto 0; } #event-view .fsCalendarDaybox { height: auto !important; } @media screen and (min-width: 800px) { #event-view { display: none; } } .scroll-up { text-align: center; cursor: pointer; font-weight: bold; font-size: 14px; } .scroll-up span { display: inline-block; color: #20344F; padding: .5em; display: block; border: 1px solid #428cbb; /* stroke */ background-color: #6fa1b5; /* layer fill content */ /* drop shadow and inner shadow */ /* drop shadow and inner shadow */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.17); /* drop shadow and inner shadow */ font-size: 20px; margin-bottom: 20px; font-family: "RobotoRegular"; text-align: center; position: relative; padding: 10px 20px; } .scroll-up span:hover { background: #85b1c2; } .scroll-up span:after { content: ''; display: block; height: 100%; width: 100%; background-color: red; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.08)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ position: absolute; top: 0; left: 0; } .scroll-up span em { display: block; font-style: normal; color: #fff; text-transform: uppercase; font-size: 16px; } @media screen and (min-width: 800px) { .scroll-up { display: none; } } .fsElementEventColorIcon { display: inline-block; width: 10px; height: 10px; } .fsCalendarLegend { margin: 20px 0; padding: 0; } .fsCalendarLegend ul, .fsCalendarLegend ol { margin-bottom: 0; padding-left: 0; list-style: none; } .fsCalendarLegend a { display: block; } @media (min-width: 600px) { .fsCalendarLegend > ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 800px) { .fsCalendarLegend > ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } .fsCalendarLegend > ul ul { margin-left: 20px; } .fsCalendar.fsList { margin-bottom: 20px; } /*! elements - common v0.0.1 */ /* Contains generic styles that apply to every element */ .fsElement { zoom: 1; } .fsElement:after { display: table; clear: both; content: ''; } .fsElementTitle { color: #b23f1c; } .module .fsElementTitle, .fsSearch.fsSearchField .fsElementTitle { color: #fff; } .fsElementTitle p { margin-bottom: 0; } .fsListItems article { margin-bottom: 1.33333em; } .module, .fsSearch.fsSearchField { padding: 0 1.33333em 1.33333em; background: #fdfbf1 url("/uploaded/themes/build_2015/images/common/module-repeat-bg.gif") repeat-x 50% bottom; border-left: 1px solid #cdc9bf; border-right: 1px solid #cdc9bf; color: #724f29; margin-bottom: 1.33333em; display: block; clear: both; } .module header, .fsSearch.fsSearchField header { background: #ca4b1b url("/uploaded/themes/build_2015/images/common/module-hd.gif") repeat 50% 0; box-shadow: 0 -1px 0 #892c09, inset 0 1px 0 rgba(255, 255, 255, 0.21); margin: 0 -1.33333em 1em -1.33333em; position: relative; color: #fdfbf1; text-transform: uppercase; padding: 1.307em 1.154em 0.846em 1.154em; } .module header .fsElementTitle, .fsSearch.fsSearchField header .fsElementTitle { margin: 0; } .gold-box { background: #e5d182; padding: 10px; color: #724f29; margin: 0 0 1.5em 0; } @media (min-width: 800px) { .fsGrid { margin-right: -0.66667em; margin-left: -0.66667em; } } .fsGrid .fsListItems > * { float: none !important; width: 100%; padding-right: 0.66667em; padding-left: 0.66667em; } @media (min-width: 800px) { .fsGrid .fsListItems > * { display: inline-block; vertical-align: top; } } @media (min-width: 800px) { .fsGrid .fsStyleTwoColumns > * { width: 49.5%; } } @media (min-width: 800px) { .fsGrid .fsStyleThreeColumns > * { width: 49.5%; } } @media (min-width: 900px) { .fsGrid .fsStyleThreeColumns > * { width: 32.83333%; } } @media (min-width: 800px) { .fsGrid .fsStyleFourColumns > * { width: 49.5%; } } @media (min-width: 900px) { .fsGrid .fsStyleFourColumns > * { width: 32.83333%; } } @media (min-width: 1000px) { .fsGrid .fsStyleFourColumns > * { width: 24.5%; } } @media (min-width: 800px) { .fsGrid .fsStyleFiveColumns > * { width: 49.5%; } } @media (min-width: 900px) { .fsGrid .fsStyleFiveColumns > * { width: 32.83333%; } } @media (min-width: 1000px) { .fsGrid .fsStyleFiveColumns > * { width: 24.5%; } } @media (min-width: 1140px) { .fsGrid .fsStyleFiveColumns > * { width: 19.5%; } } /*--Forms--*/ .fsLogin p { display: block; clear: both; margin-bottom: 5px; } .fsLogin .fsLoginMainView, .fsLogin .fsLoginForgotView, .fsLogin .fsLoginNewView { zoom: 1; } .fsLogin .fsLoginMainView:after, .fsLogin .fsLoginForgotView:after, .fsLogin .fsLoginNewView:after { display: table; clear: both; content: ''; } .fsLogin .fsLoginMainView h3, .fsLogin .fsLoginForgotView h3, .fsLogin .fsLoginNewView h3 { margin-bottom: 20px; } .fsLogin .fsLoginMainView span, .fsLogin .fsLoginForgotView span, .fsLogin .fsLoginNewView span { display: block; font-weight: inherit; text-transform: uppercase; font-size: inherit; } .fsLogin .fsLoginMainView input, .fsLogin .fsLoginForgotView input, .fsLogin .fsLoginNewView input { margin-bottom: 20px; border: 1px solid inherit; font-size: inherit; padding: 2px 5px; height: 25px; display: block; clear: both; } .fsLogin .fsLoginMainView input:focus, .fsLogin .fsLoginForgotView input:focus, .fsLogin .fsLoginNewView input:focus { border: 1px solid inherit; outline: none; } .fsLogin .fsLoginMainView .fsLoginSubmit, .fsLogin .fsLoginMainView button, .fsLogin .fsLoginForgotView .fsLoginSubmit, .fsLogin .fsLoginForgotView button, .fsLogin .fsLoginNewView .fsLoginSubmit, .fsLogin .fsLoginNewView button { background-color: inherit; color: inherit; font-size: inherit; font-weight: inherit; border: 0 none; outline: none; padding: 5px 10px; text-transform: uppercase; margin-bottom: 20px; -webkit-transition: all 100ms linear; transition: all 100ms linear; height: 25px; line-height: 1; display: block; float: left; margin-right: 20px; } .fsLogin .fsLoginMainView .fsLoginSubmit:hover, .fsLogin .fsLoginMainView button:hover, .fsLogin .fsLoginForgotView .fsLoginSubmit:hover, .fsLogin .fsLoginForgotView button:hover, .fsLogin .fsLoginNewView .fsLoginSubmit:hover, .fsLogin .fsLoginNewView button:hover { background-color: inherit; color: inherit; } .fsLogin .fsLoginForgotPasswordLink { margin-top: -2px; line-height: 1; } .fsLogin .fsLoginForgotPasswordLink a { font-size: inherit; } .fsLogin .fsLoginNewAccountLink { line-height: 1; } .fsLogin .fsLoginNewAccountLink a { font-size: inherit; } .fsLogin .fsLoginNewCaptcha { display: block; margin-bottom: 20px; } .fsLogin .fsLoginNewCaptcha #recaptcha_area, .fsLogin .fsLoginNewCaptcha #recaptcha_table { width: 100% !important; max-width: 318px; } form.cf_form { font-size: 0.9375em; line-height: 1.46667; color: #33312b; width: 100%; padding: 0 0 20px 0; } form.cf_form > div, form.cf_form hr { width: 100% !important; } form.cf_form .elementRow { margin: 0 0 5px 0; padding: 0 0 5px 0; } form.cf_form .elementRow .elementContainer { margin: 0; padding: 0; width: 100%; } form.cf_form .elementRow .elementContainer .elementBody { width: auto; } form.cf_form .elementRow .elementContainer .elementBody input[type=text], form.cf_form .elementRow .elementContainer .elementBody textarea { width: 100%; } form.cf_form .elementRow .textblock { margin: 0; padding: 0; } form.cf_form .required { color: #20344f; } form.cf_form .mainGroupSub .elementRow .elementContainer h2 { margin-top: 20px; } form.cf_form .mainGroupSub.labelLeft .elementRow .elementContainer > label { margin: 0; padding: 0; width: 100%; float: none; text-align: left; } @media (min-width: 600px) { form.cf_form .mainGroupSub.labelLeft .elementRow .elementContainer > label { width: 20%; float: left; text-align: right; padding-right: 10px; } } form.cf_form .mainGroupSub.labelLeft .elementRow .elementContainer > .groupLabel { margin: 0; padding: 0; width: 100%; float: none; text-align: left; } @media (min-width: 600px) { form.cf_form .mainGroupSub.labelLeft .elementRow .elementContainer > .groupLabel { width: 20%; float: left; text-align: right; padding-right: 10px; } } form.cf_form .mainGroupSub.labelLeft .elementRow .elementContainer > .groupLabel > label { margin: 0; padding: 0; width: 100%; float: none; text-align: left; } form.cf_form .mainGroupSub.labelLeft .elementRow .elementContainer .elementBody { margin: 0; padding: 0; width: 100%; float: none; } @media (min-width: 600px) { form.cf_form .mainGroupSub.labelLeft .elementRow .elementContainer .elementBody { width: 80%; float: left; } } form.cf_form .submitBtn .submitBtn { color: #fff !important; background-color: #20344f !important; text-shadow: 0 -1px 0 #348f4f; padding: 4px 8px !important; border-radius: 4px; border: 0 !important; cursor: hand; cursor: pointer; margin-bottom: 1em; } form.cf_form .submitBtn .submitBtn:hover { background-color: #ca4b1b !important; } @media (max-width: 600px) { label.horizontal { white-space: normal !important; } } @media (min-width: 1000px) { form.cf_form:not(#form_44) .elementRow { width: 49%; clear: none; float: left; margin-right: 1%; } } input[type="checkbox"] { margin: 3px 5px; } .fsMedia { margin-bottom: 20px; } .fsMedia .fsMediaGallery { text-align: left; } .fsMedia .fsMediaGallery .fsMediaGalleryObject { background: #fff; border: 1px solid #B9B9B9; padding: 10px; margin: 0 0 10px 0; width: 100%; } @media (min-width: 500px) { .fsMedia .fsMediaGallery .fsMediaGalleryObject { margin: 0 .5% 10px .5%; width: calc(32% - 6px); } } .fsMedia .fsMediaGallery .fsMediaGalleryObject a { display: block; line-height: 0; } .fsMedia .fsMediaGallery .fsMediaGalleryTitle { display: none; } .fsMediaTitle { display: none; } .fsMediaCustomPlayer { background: none; position: relative; } .fsMediaCustomPlayer article { background-position: center; background-size: cover; outline: 0; position: relative; } .fsMediaCustomPlayer article img { opacity: 0; visibility: hidden; } .fsMediaCustomPlayer .caption-wrapper { background-color: rgba(0, 0, 0, 0.5); bottom: 0; font-family: "RobotoRegular"; font-size: 15px; left: 0; line-height: 22px; padding: 10px; position: absolute; width: 100%; } @media (min-width: 800px) { .fsMediaCustomPlayer .caption-wrapper { padding: 20px; } } .fsMediaCustomPlayer .caption-wrapper a { color: rgba(255, 255, 255, 0.5); } .fsMediaCustomPlayer .caption-wrapper a:hover { text-decoration: underline; } @media (min-width: 800px) { .fsMediaCustomPlayer .caption-title { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 2.13333em; line-height: 1.0625em; margin-bottom: .684em; margin-bottom: 0; } } .fsMediaCustomPlayer .caption-desc { display: none; } @media (min-width: 800px) { .fsMediaCustomPlayer .caption-desc { display: block; } } .fsMediaCustomPlayer .caption-desc p:last-child { margin-bottom: 0; } .fsMediaCustomPlayer .caption-desc:empty { display: none; } .fsMediaCustomPlayer .slick-next, .fsMediaCustomPlayer .slick-prev { background: none; border: none; color: transparent; height: 40px; outline: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; z-index: 2; } .fsMediaCustomPlayer .slick-next:before, .fsMediaCustomPlayer .slick-prev:before { color: #fff; display: block; font-size: 50px; font-weight: normal; height: 100%; left: 0; line-height: 30px; position: absolute; top: 0; width: 100%; text-align: center; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35); } .fsMediaCustomPlayer .slick-next { left: auto; right: 0; } .fsMediaCustomPlayer .slick-next:before { content: '\203A'; } .fsMediaCustomPlayer .slick-prev { left: 0; right: auto; } .fsMediaCustomPlayer .slick-prev:before { content: '\2039'; } .gallery-slideshow .fsMediaGallery .fsMediaGalleryObject { background: #fff; border: 1px solid #B9B9B9; padding: 10px; margin: 0; width: 100%; display: block; } @media (min-width: 500px) { .gallery-slideshow .fsMediaGallery .fsMediaGalleryObject { margin: 0; width: auto; } } .gallery-slideshow .fsMediaGallery .fsMediaGalleryObject .fsMediaGalleryThumbnail { height: 300px; } /* News Element */ /*General News Styles*/ /*! elements - news v0.0.1 */ .fsNews { /*Slideshow*/ /* List */ /*Grid*/ } .fsNews.fsThumbnailAlignLeft .fsThumbnail { margin-right: 20px; } .fsNews.fsThumbnailAlignRight .fsThumbnail { margin-left: 20px; } .fsNews .fsThumbnail { display: block; margin-bottom: 0.66667em; } .fsNews .fsThumbnail img { display: block; border: 2px solid #fff; } .fsNews .fsTitle { color: #33312b; font-family: 'RobotoBold'; font-size: 18px; margin-bottom: .5em; } .fsNews .fsTitle .fsNewsPostLink:hover { color: #ca4b1b; } .fsNews .fsDateTime { font-size: .923em; line-height: 1; margin: 0 0 1.077em 0; color: #6c6960; } .fsNews.fsSlideshow .fsElementContent { margin: 0; } .fsNews.fsSlideshow article { padding: 20px; } .fsNews.fsSlideshow .fsPager span { color: inherit; opacity: 0.5; -webkit-transition: color 100ms, opacity 100ms; transition: color 100ms, opacity 100ms; } .fsNews.fsSlideshow .fsPager span.fsStateActive { color: inherit; opacity: 1; } .fsNews.fsList article { clear: both; } .fsNews.fsGrid .fsNewsGrid { zoom: 1; } .fsNews.fsGrid .fsNewsGrid:after { display: table; clear: both; content: ''; } .fsNews.fsGrid article { clear: none; margin-bottom: 20px !important; margin-top: 0 !important; padding: 0; background: #fff; border: 1px solid #ccc; padding: 10px; } .fsNews.fsGrid article .fsTitle { margin-bottom: 15px; } .fsNews.fsGrid article .fsSummary { padding-top: 0; } .fsNews.fsGrid .fsStyleTwoColumns article { width: 49%; } .fsNews.fsGrid .fsStyleTwoColumns article:nth-child(odd) { margin-right: 1%; } .fsNews.fsGrid .fsStyleThreeColumns article { width: 32%; } .fsNews.fsGrid .fsStyleThreeColumns article:nth-child(3n-1) { margin: 0 1%; } .fsNews.fsGrid .fsStyleFourColumns article { width: 23%; } .fsNews.fsGrid .fsStyleFourColumns article:nth-child(4n-2) { margin: 0 1% 0 2%; } .fsNews.fsGrid .fsStyleFourColumns article:nth-child(4n-1) { margin: 0 2% 0 1%; } .fsNews.fsGrid .fsStyleFiveColumns article { width: 18.4%; } .fsNews.fsGrid .fsStyleFiveColumns article:nth-child(5n-3) { margin: 0 1% 0 2%; } .fsNews.fsGrid .fsStyleFiveColumns article:nth-child(5n-2) { margin: 0 1%; } .fsNews.fsGrid .fsStyleFiveColumns article:nth-child(5n-1) { margin: 0 2% 0 1%; } .fsNews.fsGrid .fsThumbnail { display: block; float: none; width: 100%; margin: 0 0 15px 0; max-width: inherit; } /*=======================*/ /* Search Variables */ /*=======================*/ /*=================================================================*/ /* Normalize Search */ /*=================================================================*/ form.gsc-search-box-tools { margin-bottom: 0 !important; overflow: hidden; } form.gsc-search-box-tools table { border: 0; } form.gsc-search-box-tools table, form.gsc-search-box-tools tbody, form.gsc-search-box-tools tr, form.gsc-search-box-tools td { display: block; } form.gsc-search-box-tools td.gsc-input { padding: 0 !important; display: block; float: left; } form.gsc-search-box-tools table.gsc-search-box { margin-bottom: 0; } form.gsc-search-box-tools div.gsc-input-box { min-width: 140px; border: 0; height: 30px; } form.gsc-search-box-tools div.gsc-input-box table, form.gsc-search-box-tools div.gsc-input-box tbody, form.gsc-search-box-tools div.gsc-input-box tr, form.gsc-search-box-tools div.gsc-input-box td { overflow: hidden; display: block; width: 100%; border: 0; height: 30px; } form.gsc-search-box-tools td.gsib_a { padding: 0; display: inline-block; } form.gsc-search-box-tools td.gsib_b { padding: 0; display: none !important; } form.gsc-search-box-tools input.gsc-input { background: #eee !important; background-image: none !important; width: 100%; height: 30px !important; color: #33312b; padding-left: 10px !important; padding-right: 10px !important; margin: 0 !important; } form.gsc-search-box-tools table.gsc-branding { display: none; } form.gsc-search-box-tools td.gsc-search-button { display: block; float: left; padding: 0 10px 0 10px; overflow: hidden; height: 30px; width: auto; background: #20344f; position: relative; } form.gsc-search-box-tools td.gsc-search-button:after { content: "Search"; color: #fff; opacity: 1; display: block; position: relative; left: 0; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } form.gsc-search-box-tools td.gsc-search-button:hover { background: #010305; } form.gsc-search-box-tools input.gsc-search-button { border: 0; height: 30px; width: 100%; color: transparent; opacity: 0; padding: 0; position: absolute; top: 0; left: 0; margin: 0; } /*=======================*/ /* Custom Styles */ /*=======================*/ .fsSearch.fsSearchField { margin-bottom: 1.5em; } /* Social Elements */ /*--Facebook--*/ .fsFacebook .fsFacebookList ul, .fsFacebook .fsFacebookList ol { margin-bottom: 0; padding-left: 0; list-style: none; } .fsFacebook .fsFacebookList a { display: block; } .fsFacebook .fsFacebookList li { display: block; margin-bottom: 30px; } .fsFacebook .fsFacebookList li:first-child { margin-top: 20px; } .fsFacebook .fsFacebookList li a:not(.fsFacebookFollow) { word-wrap: break-word; } .fsFacebook .fsFacebookList .fsFacebookFrom { display: block; font-weight: inherit; font-size: inherit; color: inherit; } .fsFacebook .fsFacebookList .fsFacebookExtras { margin-top: 10px; } .fsFacebook .fsFacebookList .fsFacebookExtras .fsFacebookThumb { float: left; margin: 0 20px 0 0; width: 28%; } .fsFacebook .fsFacebookList .fsFacebookExtras .fsFacebookTitle { float: left; line-height: 1; width: 60%; } .fsFacebook .fsFacebookList .fsFacebookExtras .fsFacebookTitle[href*="https://www.facebook.com/finalsite/photos"] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .fsFacebook .fsFacebookList .fsFacebookExtras .fsFacebookCaption { float: left; font-size: inherit; } .fsFacebook .fsFacebookList .fsFacebookExtras .fsFacebookDesc { clear: both; font-style: italic; } .fsFacebook .fsFacebookList .fsFacebookExtras .fsFacebookLikes { clear: both; padding-top: 10px; font-size: inherit; font-style: italic; color: inherit; } .fsFacebook .fsFacebookList .fsFacebookFollow { margin-top: 20px; } .fsFacebook .fsFacebookList .fsFacebookFollow a { background-color: inherit; color: inherit; font-size: inherit; padding: 5px 10px; text-transform: capitalize; } .fsFacebook .fsFacebookList .fsFacebookFollow a:hover { background-color: inherit; color: inherit; } /*--Twitter--*/ .fsTwitter .tweets { margin: 0; padding: 0; list-style: none; } .fsTwitter .tweets li { display: block; width: 100%; margin-bottom: 20px; } .fsTwitter .tweets li a { color: #091930; } .fsTwitter .tweets li a:hover { color: #20344f; } .fsTwitter .tweets li:first-child { margin-top: 20px; } .fsTwitter .tweets li .header { position: relative; } .fsTwitter .tweets li .header:after { content: ''; display: table; clear: both; } .fsTwitter .tweets li .header time { position: relative; display: inline-block; vertical-align: middle; float: right; width: 15%; text-align: right; font-size: 12px; color: #20344f; } .fsTwitter .tweets li .header time abbr { text-decoration: none; border: 0; } .fsTwitter .tweets li .header time:hover { color: #091930; } .fsTwitter .tweets li .header .p-author { position: relative; display: inline-block; vertical-align: middle; float: left; width: 85%; } .fsTwitter .tweets li .header .p-author > .profile:after { content: ''; display: table; clear: both; } .fsTwitter .tweets li .header .p-author > .profile .avatar { position: relative; display: inline-block; float: left; width: 25%; } .fsTwitter .tweets li .header .p-author > .profile .avatar img { width: 100%; height: auto; } .fsTwitter .tweets li .header .p-author > .profile .full-name, .fsTwitter .tweets li .header .p-author > .profile .p-nickname { margin: 0; padding: 0 0 0 10px; position: relative; display: inline-block; float: left; width: 70%; vertical-align: middle; line-height: 16px; font-size: 14px; font-weight: bold; } .fsTwitter .tweets li .header .p-author > .profile .full-name { margin-top: 15px; } .fsTwitter .tweets li .e-entry-content { font-size: 13px; line-height: 18px; } .fsTwitter .tweets li .e-entry-content .inline-media img { width: 100%; height: auto; } .fsTwitter .tweets li .footer .stats-narrow, .fsTwitter .tweets li .footer .stats-wide { display: none; } .fsTwitter .tweets li .footer .expand { display: inline-block; float: left; color: #20344f; } .fsTwitter .tweets li .footer .expand b { display: none; } .fsTwitter .tweets li .footer .expand:hover { color: #091930; } .fsTwitter .tweets li .footer .expand:before { display: block; font-family: "FontAwesome"; content: '\f067'; } .fsTwitter .tweets li .footer .tweet-actions { margin: 0; padding: 0; text-align: right; } .fsTwitter .tweets li .footer .tweet-actions li { margin: 0 10px 0 0; padding: 0; position: relative; display: inline-block; width: auto; } .fsTwitter .tweets li .footer .tweet-actions li a { color: #20344f; } .fsTwitter .tweets li .footer .tweet-actions li a b { display: none; } .fsTwitter .tweets li .footer .tweet-actions li a:hover { color: #091930; } .fsTwitter .tweets li .footer .tweet-actions li a i { font-style: normal; } .fsTwitter .tweets li .footer .tweet-actions li a i:before { display: block; font-family: "FontAwesome"; } .fsTwitter .tweets li .footer .tweet-actions li .reply-action i:before { content: '\f112'; } .fsTwitter .tweets li .footer .tweet-actions li .retweet-action i:before { content: '\f079'; } .fsTwitter .tweets li .footer .tweet-actions li .favorite-action i:before { content: '\f005'; } /*--Youtube--*/ .fsYoutube .fsSocialVideoFrame { margin-top: 20px; } .fsYoutube .fsYoutubeList ul, .fsYoutube .fsYoutubeList ol { margin-bottom: 0; padding-left: 0; list-style: none; } .fsYoutube .fsYoutubeList a { display: block; } .fsYoutube .fsYoutubeList li { display: block; margin-bottom: 20px; width: 100%; } .fsYoutube .fsYoutubeList li:first-child { margin-top: 20px; } .fsYoutube .fsYoutubeList .fsYoutubeThumb { margin: 0 20px 20px 0; float: left; } .fsYoutube .fsYoutubeList .fsYoutubeTitle { font-weight: inherit; font-size: inherit; color: inherit; } .fsYoutube .fsYoutubeList .fsYoutubeViews { font-size: inherit; font-style: italic; color: inherit; } .fsYoutube .fsYoutubeList .fsYoutubeDesc { margin-top: 5px; } /*--Vimeo--*/ /*--Instagram--*/ /*--Flickr--*/ /*! elements - tabs */ .fsTabs { padding: 0; background: none; border: 0; margin-bottom: 20px; } .fsTabs.module, .fsTabs.fsSearch.fsSearchField { padding: 0 1.33333em 1.33333em; background: #fdfbf1 url("/uploaded/themes/build_2015/images/common/module-repeat-bg.gif") repeat-x 50% bottom; border-left: 1px solid #cdc9bf; border-right: 1px solid #cdc9bf; } .fsTabs.module .fsTabsNav, .fsTabs.fsSearch.fsSearchField .fsTabsNav { padding: 0; } .fsTabs.module .fsTabsNav .fsTabsNavItem a, .fsTabs.fsSearch.fsSearchField .fsTabsNav .fsTabsNavItem a { padding: 10px; } .fsTabs.module .fsPanel > .fsElementContent, .fsTabs.fsSearch.fsSearchField .fsPanel > .fsElementContent { padding: 15px 0; } .fsTabs.module .fsPanel > .fsElementContent .fsAthleticsTeamDirectory, .fsTabs.fsSearch.fsSearchField .fsPanel > .fsElementContent .fsAthleticsTeamDirectory { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } .fsTabs.module .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li, .fsTabs.fsSearch.fsSearchField .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li { font-size: 14px; line-height: 1.3em; width: 46%; margin: 0 0 10px; padding: 0; } .fsTabs.module .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li .fsAthleticsTeamName, .fsTabs.fsSearch.fsSearchField .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li .fsAthleticsTeamName { padding: 0; } .fsTabs.module .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li > ul, .fsTabs.fsSearch.fsSearchField .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li > ul { margin: 0 0 10px; padding: 0; } .fsTabs.module .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li > ul li, .fsTabs.fsSearch.fsSearchField .fsPanel > .fsElementContent .fsAthleticsTeamDirectory > li > ul li { margin: 0 0 10px; padding: 0; } .fsTabs .fsTabsNav { margin: 0; padding: 0; display: none; border-bottom: 1px solid #BDBDBD; padding-left: 20px; } @media (min-width: 600px) { .fsTabs .fsTabsNav { display: block; } } .fsTabs .fsTabsNav li { margin: 0 2px 0 0; } .fsTabs .fsTabsNav li a { display: block; margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 2.13333em; line-height: 1.0625em; margin-bottom: .684em; margin-bottom: 2px; display: block; font-size: 16px; padding: 10px 15px; color: #0076AC; -webkit-transition: .3s; transition: .3s; background: #EDE8D5; color: #0076a5; padding: 10px 20px 10px 20px; border: 1px solid #BDBDBD; border-bottom-width: 0; font-size: 14px; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .fsTabs .fsTabsNav li a:hover { background: #EDE8D5; color: #0076a5; } .fsTabs .fsTabsNav li.fsStateSelected a { background: #f4f0e3; color: #0076a5; } .fsTabs .fsPanel > header { cursor: pointer; background: #f4f0e3; -webkit-transition: .3s; transition: .3s; } .fsTabs .fsPanel > header h2 { margin-top: 0; font-weight: normal; font-family: "RobotoRegular"; font-size: 2.13333em; line-height: 1.0625em; margin-bottom: .684em; margin-bottom: 2px; display: block; font-size: 16px; padding: 10px 15px; color: #0076AC; -webkit-transition: .3s; transition: .3s; padding: 13.33333px; color: #0076AC; -webkit-transition: .3s; transition: .3s; } .fsTabs .fsPanel > header h2:before { content: "+"; margin-right: 15px; } .fsTabs .fsPanel > header:hover { background: #f4f0e3; -webkit-transition: .3s; transition: .3s; } .fsTabs .fsPanel > header:hover h2 { color: #0076AC; -webkit-transition: .3s; transition: .3s; } .fsTabs .fsPanel > .fsElementContent { display: none; } .fsTabs .fsPanel.fsStateOpen > header { background: #70A2B6; } .fsTabs .fsPanel.fsStateOpen > header h2 { color: #fff; } .fsTabs .fsPanel.fsStateOpen > header h2:before { content: "-"; } .fsTabs .fsPanel.fsStateOpen > .fsElementContent { display: block; } .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) { display: block; } @media (min-width: 600px) { .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) { display: none; } } /*! pages - home v0.0.1 */ .home:not(.fsComposeMode) #fsPageBodyWrapper { padding: 0; } .home:not(.fsComposeMode) #fsPageBody { max-width: 100%; } .home:not(.fsComposeMode) #fsPageContent { margin-bottom: 0; } .home:not(.fsComposeMode) .fsLayout .fsDiv { margin-bottom: 0; } .home:not(.fsComposeMode) .nav-main { border-bottom: 0; } .home:not(.fsComposeMode) ul.slideshow { margin: 0; padding: 0; height: 466px; overflow: hidden; background: #000; border-bottom: 4px solid #fff; } .home:not(.fsComposeMode) ul.slideshow li { margin: 0; padding: 0; background-image: none; list-style: none; height: 466px; background-color: #fff; position: relative; } .home:not(.fsComposeMode) ul.slideshow li > a { display: block; font-family: MuseoSlab-100; width: 292px; height: 165px; text-align: center; float: left; } .home:not(.fsComposeMode) ul.slideshow li > a span { display: block; line-height: 1; } .home:not(.fsComposeMode) ul.slideshow li > a .action { font-size: 18px; text-align: right; margin-right: 17px; } .home:not(.fsComposeMode) ul.slideshow li > a .action:after { font-family: FontAwesome; content: '\f0a9'; font-size: 16px; margin-left: 10px; } .home:not(.fsComposeMode) ul.slideshow li img { display: block; float: left; } .home:not(.fsComposeMode) ul.slideshow li.slide1 .image2 { float: right; } .home:not(.fsComposeMode) ul.slideshow li.slide1 > a { background-color: #799156; color: #e5d182; border: none; } .home:not(.fsComposeMode) ul.slideshow li.slide1 > a .action { margin-right: 22px; color: #edf1c0; } .home:not(.fsComposeMode) ul.slideshow li.slide1 .line1 { font-size: 26px; margin-bottom: 2px; padding-top: 20px; } .home:not(.fsComposeMode) ul.slideshow li.slide1 .line2 { font-size: 37px; color: #edf1c0; margin-bottom: 5px; } .home:not(.fsComposeMode) ul.slideshow li.slide1 .line3 { font-size: 17px; margin-bottom: 18px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .image2 { float: right; } .home:not(.fsComposeMode) ul.slideshow li.slide2 > a { background-color: #72110c; color: #f4f0e4; font-size: 54px; text-align: left; border: none; } .home:not(.fsComposeMode) ul.slideshow li.slide2 span { margin-bottom: -5px; padding-left: 5px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .line1 { padding-top: 5px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .line2 { margin-bottom: -6px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .line3 { margin-bottom: -26px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .action { margin-bottom: 0; padding-left: 0; } .home:not(.fsComposeMode) ul.slideshow li .border-right { border-right: 4px solid #fff; } .home:not(.fsComposeMode) ul.slideshow li .border-bottom { border-bottom: 4px solid #fff; } .home:not(.fsComposeMode) ul.slideshow li.slide3 > a { width: 287px; background-color: #799156; color: #eace6b; font-size: 33px; } .home:not(.fsComposeMode) ul.slideshow li.slide3 > a .action { margin-right: 15px; color: #fff; } .home:not(.fsComposeMode) ul.slideshow li.slide3 .line1 { color: #f7f1dd; padding-top: 16px; } .home:not(.fsComposeMode) ul.slideshow li.slide3 .line2 { margin-bottom: 2px; } .home:not(.fsComposeMode) ul.slideshow li.slide3 .line3 { font-size: 23px; margin-bottom: 22px; } .home:not(.fsComposeMode) ul.slideshow li.slide4 > a { background-color: #b23e26; color: #f7f1dd; } .home:not(.fsComposeMode) ul.slideshow li.slide4 > a .action { margin-right: 23px; color: #fff; } .home:not(.fsComposeMode) ul.slideshow li.slide4 .line1 { font-size: 62px; padding-top: 20px; margin-bottom: -4px; } .home:not(.fsComposeMode) ul.slideshow li.slide4 .line2 { font-size: 31px; color: #eace6b; margin-bottom: 18px; } .home:not(.fsComposeMode) ul.slideshow li.slide5 > a { width: 390px; height: 178px; background-color: #e5d182; color: #9b532f; font-size: 23px; } .home:not(.fsComposeMode) ul.slideshow li.slide5 > a .action { margin-right: 33px; } .home:not(.fsComposeMode) ul.slideshow li.slide5 .image2 { float: left; border-bottom: 4px !important; } .home:not(.fsComposeMode) ul.slideshow li.slide5 .image3 { border-bottom: 0 !important; border-top: 4px !important; } .home:not(.fsComposeMode) ul.slideshow li.slide5 .line1 { padding-top: 19px; } .home:not(.fsComposeMode) ul.slideshow li.slide5 .line2 { font-size: 45px; margin-bottom: 5px; } .home:not(.fsComposeMode) ul.slideshow li.slide5 .line3 { color: #6b6000; margin-bottom: 23px; } .home:not(.fsComposeMode) ul.main-slideshow li { width: 1140px; overflow: hidden; padding: 0 4px; opacity: .5; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; } .home:not(.fsComposeMode) ul.main-slideshow li.slick-active { opacity: 1; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; } @media screen and (max-width: 736px) { .home:not(.fsComposeMode) ul.slideshow li.slide5 > a { font-size: 18px; text-align: left; } .home:not(.fsComposeMode) ul.slideshow li.slide5 > a span { padding-left: 10px; } .home:not(.fsComposeMode) ul.slideshow li.slide5 > a .action { margin-right: 84px; } .home:not(.fsComposeMode) ul.slideshow li.slide5 .line2 { font-size: 40px; } } @media screen and (max-width: 630px) { .home:not(.fsComposeMode) ul.slideshow li.slide1 > a .action { margin-right: 32px; } .home:not(.fsComposeMode) ul.slideshow li.slide1 .line1 { font-size: 24px; } .home:not(.fsComposeMode) ul.slideshow li.slide1 .line2 { font-size: 35px; } .home:not(.fsComposeMode) ul.slideshow li.slide1 .line3 { font-size: 15px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 > a { font-size: 50px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 span { padding-left: 15px; padding-left: 25px; } } .home:not(.fsComposeMode) .mobile-slideshow { display: none; } @media screen and (max-width: 583px) { .home:not(.fsComposeMode) .main-slideshow-container { display: none; } .home:not(.fsComposeMode) .mobile-slideshow { display: block; height: auto !important; max-width: 100vw !important; } .home:not(.fsComposeMode) .mobile-slideshow li { height: auto !important; } .home:not(.fsComposeMode) .mobile-slideshow li img.long-image { width: 100% !important; min-height: 0 !important; left: 0 !important; margin: 0 !important; } } @media screen and (max-width: 583px) and (max-width: 400px) { .home:not(.fsComposeMode) .mobile-slideshow li img.long-image { min-height: 220px !important; } } @media screen and (max-width: 583px) { .home:not(.fsComposeMode) ul.slideshow li { max-width: 100vw; } .home:not(.fsComposeMode) ul.slideshow li > a { float: none; border: 0 !important; width: 100% !important; height: 165px !important; clear: both; } .home:not(.fsComposeMode) ul.slideshow li > a span { margin-left: 0; padding-left: 0; text-align: center; } .home:not(.fsComposeMode) ul.slideshow li > img { display: none; } .home:not(.fsComposeMode) ul.slideshow li > img.long-image { display: block; float: none; border: 0; margin: 0 auto; width: 583px; height: auto; min-height: 297px; position: relative; left: 50%; margin-left: -291.5px; } } @media screen and (max-width: 583px) and (max-width: 540px) { .home:not(.fsComposeMode) ul.slideshow li > img.long-image { left: 0; margin: 0; } } @media screen and (max-width: 583px) { .home:not(.fsComposeMode) ul.slideshow li.slide2 > a { border-bottom: 4px solid #fff !important; } .home:not(.fsComposeMode) ul.slideshow li.slide2 > a span { padding-left: 0; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .line1 { padding-top: 15px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .line3 { padding-right: 170px; } .home:not(.fsComposeMode) ul.slideshow li.slide2 .action { text-align: right; } .home:not(.fsComposeMode) ul.slideshow li.slide1 > a { border-bottom: 4px solid #fff !important; } .home:not(.fsComposeMode) ul.slideshow li.slide1 > a span { padding-left: 0; } .home:not(.fsComposeMode) ul.slideshow li.slide5 > a { border-bottom: 4px solid #fff !important; } .home:not(.fsComposeMode) ul.slideshow li.slide5 > a span { padding-left: 0; } .home:not(.fsComposeMode) ul.slideshow li.slide3 > a { border-top: 4px solid #fff !important; } .home:not(.fsComposeMode) ul.slideshow li.slide4 > a { border-top: 4px solid #fff !important; } } .home:not(.fsComposeMode) .slide1 h4 { color: #6e1111; } .home:not(.fsComposeMode) .slide1 .caption { color: #573e2b; } .home:not(.fsComposeMode) .slide1 .icon { top: 10px; right: 19px; } .home:not(.fsComposeMode) .slide2 h4 { color: #e5d182; } .home:not(.fsComposeMode) .slide2 .caption { color: #acd7e5; } .home:not(.fsComposeMode) .slide2 .icon { top: 10px; right: 19px; } .home:not(.fsComposeMode) .slide3 h4 { color: #e5d182; } .home:not(.fsComposeMode) .slide3 .caption { color: #acd7e5; } .home:not(.fsComposeMode) .slide3 .icon { top: 10px; right: 19px; } .home:not(.fsComposeMode) .slide4 h4 { color: #e5d182; } .home:not(.fsComposeMode) .slide4 .caption { color: #fff; } .home:not(.fsComposeMode) .slide4 .icon { top: 18px; right: 24px; background-position: 0 -18px; } .home:not(.fsComposeMode) .slick-prev, .home:not(.fsComposeMode) .slick-next { opacity: .8; border: none; padding: 0; position: absolute; display: block; width: 0; height: 0; background: transparent; text-indent: -9999px; overflow: hidden; top: 50%; z-index: 300; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .home:not(.fsComposeMode) .slick-prev { left: 15px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #fff; } @media screen and (max-width: 583px) { .home:not(.fsComposeMode) .slick-prev { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; } } .home:not(.fsComposeMode) .slick-prev:hover { opacity: 1; } .home:not(.fsComposeMode) .slick-next { right: 15px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #fff; } @media screen and (max-width: 583px) { .home:not(.fsComposeMode) .slick-next { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; } } .home:not(.fsComposeMode) .slick-next:hover { opacity: 1; } .home:not(.fsComposeMode) .news-container { padding-top: 40px; padding-bottom: 40px; zoom: 1; background: #f4f0e3; text-align: left; } .home:not(.fsComposeMode) .news-container:after { display: table; clear: both; content: ''; } .home:not(.fsComposeMode) .news-container:after { display: block !important; clear: both !important; } .home:not(.fsComposeMode) .news-container > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (max-width: 1140px) { .home:not(.fsComposeMode) .news-container > .fsElementContent { padding-right: 20px; padding-left: 20px; } } @media (min-width: 610px) { .home:not(.fsComposeMode) .news-container .featured-news { width: 75%; float: left; } } @media (min-width: 610px) { .home:not(.fsComposeMode) .news-container .featured-news article { clear: none; width: 31%; margin: 0 1%; float: left; } } .home:not(.fsComposeMode) .news-container .featured-news article .fsThumbnail { width: 100%; max-height: 166px; overflow: hidden; } .home:not(.fsComposeMode) .news-container .featured-news article .fsThumbnail img { width: 100%; } .home:not(.fsComposeMode) .news-container .featured-news article .fsTitle { font-size: 15px; color: #000; font-family: 'RobotoBold'; } .home:not(.fsComposeMode) .news-container .featured-news article .fsTitle a { color: #000; } .home:not(.fsComposeMode) .news-container .featured-news article .fsTitle a:hover { color: #20344f; } @media (min-width: 610px) { .home:not(.fsComposeMode) .news-container .news-slider { width: 25%; float: left; } .home:not(.fsComposeMode) .news-container .news-slider .fsListItems { min-height: 132px; position: relative; } } .home:not(.fsComposeMode) .news-container .news-slider .fsElementTitle { font-family: 'RobotoLight'; font-size: 30px; color: #000; text-transform: uppercase; } .home:not(.fsComposeMode) .news-container .news-slider article { width: auto; clear: none; } .home:not(.fsComposeMode) .news-container .news-slider article .fsTitle { font-size: 15px; color: #000; font-family: 'RobotoBold'; } .home:not(.fsComposeMode) .news-container .news-slider article .fsTitle a { color: #000; } .home:not(.fsComposeMode) .news-container .news-slider article .fsTitle a:hover { color: #20344f; } .home:not(.fsComposeMode) .news-container .news-slider .slick-dots { position: absolute; bottom: 0; right: 0; text-align: right; } .home:not(.fsComposeMode) .news-container .news-slider .slick-dots li button { background: #c4c0b2; } .home:not(.fsComposeMode) .news-container .news-slider .slick-dots li.slick-active button, .home:not(.fsComposeMode) .news-container .news-slider .slick-dots li:hover button { background: #51504d; } .home:not(.fsComposeMode) .events-photos { zoom: 1; background: #fff; padding-top: 40px; padding-bottom: 40px; text-align: left; } .home:not(.fsComposeMode) .events-photos:after { display: table; clear: both; content: ''; } .home:not(.fsComposeMode) .events-photos:after { display: block !important; clear: both !important; } .home:not(.fsComposeMode) .events-photos > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (max-width: 1140px) { .home:not(.fsComposeMode) .events-photos > .fsElementContent { padding-right: 20px; padding-left: 20px; } } @media (min-width: 610px) { .home:not(.fsComposeMode) .events-photos .fsCalendar { width: 24%; float: left; } } .home:not(.fsComposeMode) .events-photos .fsCalendar .fsElementTitle { font-family: 'RobotoLight'; color: #000; text-transform: uppercase; font-size: 30px; } @media (min-width: 610px) { .home:not(.fsComposeMode) .events-photos .potomacinphotos { width: 74%; margin-left: 2%; float: left; } } .home:not(.fsComposeMode) .events-photos .potomacinphotos .fsElementTitle { font-family: 'RobotoLight'; color: #000; text-transform: uppercase; font-size: 30px; } .home:not(.fsComposeMode) .events-photos .potomacinphotos span { width: 100%; margin: 0 auto 20px; position: relative; display: block; } .home:not(.fsComposeMode) .events-photos .potomacinphotos span img { width: 100%; } .home:not(.fsComposeMode) .events-photos .potomacinphotos span:before { position: absolute; top: 0; right: 0; display: block; content: ''; height: 60px; width: 60px; background: url("/uploaded/themes/build_2015/images/home/img-corner.png") 0 0 no-repeat; } @media (min-width: 610px) { .home:not(.fsComposeMode) .events-photos .potomacinphotos span { float: left; width: 54.6%; } .home:not(.fsComposeMode) .events-photos .potomacinphotos span:first-child { width: 43.4%; margin-right: 2%; } } .home:not(.fsComposeMode) .subsites-container { text-align: center; color: #fff; background: #1f3a4b; -webkit-transform: translateZ(0); transform: translateZ(0); /* ----------------------------------------------------------------------------- =NAV-SUBSITES ----------------------------------------------------------------------------- */ } @media (min-width: 610px) { .home:not(.fsComposeMode) .subsites-container { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } } .home:not(.fsComposeMode) .subsites-container:before { content: ""; position: absolute; left: -9999px; z-index: -1; right: 100%; top: 0; bottom: 0; background-color: #1f3a4b; } .home:not(.fsComposeMode) .subsites-container:after { content: ""; position: absolute; top: 0; bottom: 0; left: -9999px; right: 0; box-shadow: 9999px 0 0 #1f3a4b; z-index: -1; display: block; } .isIE .home:not(.fsComposeMode) .subsites-container:after { right: 1px; } .home:not(.fsComposeMode) .subsites-container .nav-subsites { font-size: 11px; line-height: 1; margin: 0 0 2px; } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul, .home:not(.fsComposeMode) .subsites-container .nav-subsites ol { margin-bottom: 0; padding-left: 0; list-style: none; } .home:not(.fsComposeMode) .subsites-container .nav-subsites a { display: block; } @media (min-width: 610px) { .home:not(.fsComposeMode) .subsites-container .nav-subsites { float: left; width: 72%; margin: 0 0 20px; } } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul { zoom: 1; padding: 20px; } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul:after { display: table; clear: both; content: ''; } @media (min-width: 610px) { .home:not(.fsComposeMode) .subsites-container .nav-subsites ul { height: 21px; } } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul li { display: block; width: 100%; text-align: center; } @media (min-width: 610px) { .home:not(.fsComposeMode) .subsites-container .nav-subsites ul li { width: auto; position: relative; float: left; margin: 0 30px 0 0; } } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul li a { height: 21px; text-decoration: none; text-indent: -280%; white-space: nowrap; overflow: hidden; background: url("/uploaded/themes/build_2015/images/navigation/nav-subsites-resp.png") no-repeat 0 0; display: block; margin: 0 auto .8em; } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul li#nav-li-summer__potomac > a { width: 158px; } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul li#nav-li-etc > a { width: 42px; background-position: -158px 0; } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul li:last-child { margin-right: 0; } .home:not(.fsComposeMode) .subsites-container .nav-subsites ul li#nav-li-campusnet > a { width: 106px; background-position: -199px 0; } @media (max-width: 601px) { .home:not(.fsComposeMode) .subsites-container { margin-top: -10px; } } .home:not(.fsComposeMode) .schoolnews-container .fsElementTitle { font-family: 'RobotoRegular'; font-size: 30px; color: #302c2a; text-transform: uppercase; text-align: center; margin-bottom: 1.25em; } @media (max-width: 601px) { .home:not(.fsComposeMode) .schoolnews-container .fsNews article:nth-child(1) { margin-bottom: 30px !important; } } .home:not(.fsComposeMode) .videos-container { padding-top: 40px; padding-bottom: 40px; background: #3f5c6d; } .home:not(.fsComposeMode) .videos-container:after { display: block !important; clear: both !important; } .home:not(.fsComposeMode) .videos-container > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (max-width: 1140px) { .home:not(.fsComposeMode) .videos-container > .fsElementContent { padding-right: 20px; padding-left: 20px; } } .home:not(.fsComposeMode) .videos-container .fsElementTitle { font-family: 'RobotoRegular'; font-size: 30px; color: #ffffff; text-transform: uppercase; text-align: center; margin-bottom: 1.25em; } .home:not(.fsComposeMode) .videos-container .vimeo-container .fsElementContent { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .home:not(.fsComposeMode) .videos-container .fsSocialVideoFrame { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: inline-block; float: left; width: 66%; } @media (max-width: 601px) { .home:not(.fsComposeMode) .videos-container .fsSocialVideoFrame { width: 100%; } } .home:not(.fsComposeMode) .videos-container iframe { height: 415px !important; } @media (max-width: 805px) { .home:not(.fsComposeMode) .videos-container iframe { height: 272px !important; } } @media (max-width: 601px) { .home:not(.fsComposeMode) .videos-container iframe { height: 313px !important; } } @media (max-width: 450px) { .home:not(.fsComposeMode) .videos-container iframe { height: 202px !important; } } .home:not(.fsComposeMode) .videos-container .fsVimeoList { list-style-type: none; margin: 0; padding: 0 50px 0 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; float: left; display: inline-block; width: 34%; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .fsVimeoListItem { padding: 0; margin: 0; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .fsVimeoListItem img { display: none; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .fsVimeoListItem .fsVimeoViews { display: none; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .fsVimeoListItem .fsVimeoTitle { -webkit-transition: color .3s, color .3s; transition: color .3s, color .3s; font-family: 'RobotoBold'; color: #ffffff; font-size: 20px; padding: 0; margin: 0; padding-bottom: 20px; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .fsVimeoListItem .fsVimeoTitle:hover { color: #ca4b1b; cursor: pointer; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .fsVimeoListItem .fsVimeoTitle:hover:before { color: #ca4b1b; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .fsVimeoListItem .fsVimeoTitle:before { content: '\f144'; font-family: 'fontawesome'; margin-right: 10px; color: #f1dd92; } .home:not(.fsComposeMode) .videos-container .fsVimeoList .vimeo_view_link { display: none; } @media (max-width: 901px) { .home:not(.fsComposeMode) .videos-container .fsVimeoList { padding-right: 10px; } } @media (max-width: 601px) { .home:not(.fsComposeMode) .videos-container .fsVimeoList { width: 100%; padding: 0; } } .home:not(.fsComposeMode) .schoolnews-container, .home:not(.fsComposeMode) .spotlight-container { padding-top: 40px; padding-bottom: 40px; background: #ffffff; } .home:not(.fsComposeMode) .schoolnews-container:after, .home:not(.fsComposeMode) .spotlight-container:after { display: block !important; clear: both !important; } .home:not(.fsComposeMode) .schoolnews-container > .fsElementContent, .home:not(.fsComposeMode) .spotlight-container > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (max-width: 1140px) { .home:not(.fsComposeMode) .schoolnews-container > .fsElementContent, .home:not(.fsComposeMode) .spotlight-container > .fsElementContent { padding-right: 20px; padding-left: 20px; } } .home:not(.fsComposeMode) .schoolnews-container .fsElementFooterContent, .home:not(.fsComposeMode) .spotlight-container .fsElementFooterContent { text-align: center; } .home:not(.fsComposeMode) .schoolnews-container .fsListItems, .home:not(.fsComposeMode) .spotlight-container .fsListItems { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; overflow: hidden; } @media (max-width: 601px) { .home:not(.fsComposeMode) .schoolnews-container .fsListItems, .home:not(.fsComposeMode) .spotlight-container .fsListItems { display: block; } } .home:not(.fsComposeMode) .schoolnews-container .fsElementTitle, .home:not(.fsComposeMode) .spotlight-container .fsElementTitle { font-family: 'RobotoRegular'; font-size: 30px; color: #302c2a; text-transform: uppercase; text-align: center; margin-bottom: 1.25em; } .home:not(.fsComposeMode) .schoolnews-container .fsNews.fsGrid .fsStyleThreeColumns article:nth-child(3n-1), .home:not(.fsComposeMode) .spotlight-container .fsNews.fsGrid .fsStyleThreeColumns article:nth-child(3n-1) { margin: 0 2%; } .home:not(.fsComposeMode) .schoolnews-container .fsNews.fsGrid .fsThumbnail, .home:not(.fsComposeMode) .spotlight-container .fsNews.fsGrid .fsThumbnail { margin: 0 !important; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article, .home:not(.fsComposeMode) .spotlight-container .fsNews article { border-radius: 7px; padding: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article .fsThumbnail img, .home:not(.fsComposeMode) .spotlight-container .fsNews article .fsThumbnail img { display: none; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article .thumb-holder, .home:not(.fsComposeMode) .spotlight-container .fsNews article .thumb-holder { width: 100%; padding-bottom: 65%; background-size: cover; background-position: center center; display: block; margin-bottom: 20px; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article .thumb-holder img, .home:not(.fsComposeMode) .spotlight-container .fsNews article .thumb-holder img { width: 100%; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article .fsTitle, .home:not(.fsComposeMode) .spotlight-container .fsNews article .fsTitle { font-size: 16px; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article .fsTitle a, .home:not(.fsComposeMode) .spotlight-container .fsNews article .fsTitle a { color: #33312b; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article .fsTitle a:hover, .home:not(.fsComposeMode) .spotlight-container .fsNews article .fsTitle a:hover { color: #ca4b1b; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article .fsSummary, .home:not(.fsComposeMode) .spotlight-container .fsNews article .fsSummary { padding-bottom: 20px; } @media (max-width: 901px) { .home:not(.fsComposeMode) .schoolnews-container .fsNews article, .home:not(.fsComposeMode) .spotlight-container .fsNews article { width: 48%; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article:nth-child(3), .home:not(.fsComposeMode) .spotlight-container .fsNews article:nth-child(3) { display: none; } } @media (max-width: 601px) { .home:not(.fsComposeMode) .schoolnews-container .fsNews article, .home:not(.fsComposeMode) .spotlight-container .fsNews article { width: 100%; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article:nth-child(3n-1), .home:not(.fsComposeMode) .spotlight-container .fsNews article:nth-child(3n-1) { margin: 0 !important; } .home:not(.fsComposeMode) .schoolnews-container .fsNews article:nth-child(1), .home:not(.fsComposeMode) .spotlight-container .fsNews article:nth-child(1) { margin-bottom: 30px !important; } } .home:not(.fsComposeMode) .infographic-container { padding-top: 40px; padding-bottom: 40px; zoom: 1; background: #b23f1c; position: relative; } .home:not(.fsComposeMode) .infographic-container:after { display: table; clear: both; content: ''; } .home:not(.fsComposeMode) .infographic-container:after { display: block !important; clear: both !important; } .home:not(.fsComposeMode) .infographic-container > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (max-width: 1140px) { .home:not(.fsComposeMode) .infographic-container > .fsElementContent { padding-right: 20px; padding-left: 20px; } } .home:not(.fsComposeMode) .infographic-container .fsElementTitle { font-family: 'RobotoRegular'; font-size: 30px; color: #ffffff; text-transform: uppercase; text-align: center; margin-bottom: 1.25em; } .home:not(.fsComposeMode) .infographic-container .btn-holder { position: relative; margin: 0 auto; /*max-width: 69.41176em; max-width: 73.75rem;*/ position: absolute; top: 50%; width: 96%; left: 2%; right: 2%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-arrow { border: 0; background: none; font-size: 0; padding: 0; width: 40px; height: 50px; } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-arrow:before, .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-arrow:after { font-size: 50px; color: #fff; -webkit-transition: color 0.15s linear; transition: color 0.15s linear; width: 35px; height: 4px; background: #fff; position: absolute; } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-prev { position: absolute; left: 20px; } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-prev:before { content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; left: 5px; } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-prev:after { content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: 12px; left: 5px; } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-next { position: absolute; right: 20px; } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-next:before { content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; left: 5px; } .home:not(.fsComposeMode) .infographic-container .btn-holder .slick-next:after { content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 12px; left: 5px; } .home:not(.fsComposeMode) .infographic-container .icon-section { color: #ffffff; text-align: center; padding: 5px 20px; } .home:not(.fsComposeMode) .infographic-container .icon-section h3 { color: #ffffff; font-size: 30px; font-family: 'RobotoLight'; margin-bottom: 0 !important; } .home:not(.fsComposeMode) .infographic-container .icon-section .icon-wrapper { width: 150px; height: 110px; position: relative; margin: 0 auto; margin-bottom: 10px; } .home:not(.fsComposeMode) .infographic-container .icon-section img { position: relative; width: 55px; margin: 0 auto; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } body:not(.fsComposeMode).special-landing #fsPageBodyWrapper { padding: 0; } body:not(.fsComposeMode).special-landing #fsPageBody { max-width: 100%; } body:not(.fsComposeMode).special-landing #fsPageContent { margin-bottom: 0; } body:not(.fsComposeMode).special-landing .fsLayout .fsDiv { margin-bottom: 0; } body:not(.fsComposeMode).special-landing .fsPageTitle { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; margin-top: 20px; margin-bottom: 1em; padding-left: 16px; } body:not(.fsComposeMode).special-landing .topsection { padding-bottom: 30px; padding: 0 20px 30px; } @media (min-width: 1400px) { body:not(.fsComposeMode).special-landing .topsection { padding: 0 0 30px; } } body:not(.fsComposeMode).special-landing .topsection .topsection-inner { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } body:not(.fsComposeMode).special-landing .topsection h2 { color: #b23f1c; } body:not(.fsComposeMode).special-landing .panel-dark { background: #25292a; color: #fff; padding: 0 0 60px 0; } @media (min-width: 1400px) { body:not(.fsComposeMode).special-landing .panel-dark { padding: 0 0 60px 0; } } @media (min-width: 800px) { body:not(.fsComposeMode).special-landing .panel-dark.fsTwoColumnLayout .panel-dark-inner > .fsDiv:first-child { width: 36%; } } @media (min-width: 800px) { body:not(.fsComposeMode).special-landing .panel-dark.fsTwoColumnLayout .panel-dark-inner > .fsDiv:last-child { width: 64%; } } body:not(.fsComposeMode).special-landing .panel-dark:before { display: block; content: ''; height: 10px; background: url(/uploaded/themes/build_2015/uploaded/images/about/Our_Faculty/bg-landing-zag.gif) 50% 0 repeat-x; } body:not(.fsComposeMode).special-landing .panel-dark .panel-dark-inner { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; padding: 60px 20px 0; } @media (min-width: 1400px) { body:not(.fsComposeMode).special-landing .panel-dark .panel-dark-inner { padding: 60px 0 0 0; } } body:not(.fsComposeMode).special-landing .panel-dark .fsElement { font-size: .95em; font-family: 'RobotoRegular'; padding-top: 10px; padding-bottom: 10px; } body:not(.fsComposeMode).special-landing .panel-dark .fsElement img { width: 100%; border: 10px solid #515455; margin-bottom: 2em; } body:not(.fsComposeMode).special-landing .panel-dark .fsElement a { color: #0076a5; } body:not(.fsComposeMode).special-landing .panel-dark .fsElement a:hover { color: #fff; } body:not(.fsComposeMode).special-landing .panel-dark .fsElementTitle { text-transform: uppercase; color: #ecc251; font-size: 22px; margin: 0 0 .7em 0; line-height: 1.4em; } .admissions-landing:not(.fsComposeMode) #fsPageBodyWrapper { padding-top: 0; } .admissions-landing:not(.fsComposeMode) .admission-videos { width: 0vw; margin: 0 auto !important; } .admissions-landing:not(.fsComposeMode) .admission-videos > header { padding-top: 40px; } .admissions-landing:not(.fsComposeMode) .admission-videos > .fsElementContent { min-height: 370px; } .admissions-landing:not(.fsComposeMode) .admission-videos > header, .admissions-landing:not(.fsComposeMode) .admission-videos > .fsElementContent { background: #fff; margin-left: -50vw !important; margin-right: -50vw !important; max-width: 100vw; } @media (max-width: 1140px) { .admissions-landing:not(.fsComposeMode) .admission-videos > header, .admissions-landing:not(.fsComposeMode) .admission-videos > .fsElementContent { padding: 0 20px; } } .admissions-landing:not(.fsComposeMode) .admission-videos .fsElementTitle { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; padding: 20px 0; } .admissions-landing:not(.fsComposeMode) .admission-videos .fsTwoColumnLayout { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } .admissions-landing:not(.fsComposeMode) .admission-videos .fsTwoColumnLayout .fsDiv { display: block; zoom: 1; float: none; clear: both; } .admissions-landing:not(.fsComposeMode) .admission-videos .fsTwoColumnLayout .fsDiv:after { display: table; clear: both; content: ''; } .admissions-landing:not(.fsComposeMode) .admission-videos .fsTwoColumnLayout .fsDiv:first-child { min-height: 220px; } @media (min-width: 500px) { .admissions-landing:not(.fsComposeMode) .admission-videos .fsTwoColumnLayout .fsDiv:first-child { min-height: 360px; } } @media (min-width: 1140px) { .admissions-landing:not(.fsComposeMode) .admission-videos .fsTwoColumnLayout .fsDiv:first-child { float: left; clear: none; width: 70%; padding: 0; } .admissions-landing:not(.fsComposeMode) .admission-videos .fsTwoColumnLayout .fsDiv:last-child { float: left; clear: none; width: 30%; padding: 0; } } .admissions-landing:not(.fsComposeMode) .admission-videos #adm-trigger-1, .admissions-landing:not(.fsComposeMode) .admission-videos #adm-trigger-2, .admissions-landing:not(.fsComposeMode) .admission-videos #adm-trigger-3 { display: block; margin: 0 0 1em 0; border: 0; background: none; font-size: 28px; padding: 0; width: 100%; color: #a9cde5; outline: 0; text-align: left; } .admissions-landing:not(.fsComposeMode) .admission-videos .adm-vid-1, .admissions-landing:not(.fsComposeMode) .admission-videos .adm-vid-2, .admissions-landing:not(.fsComposeMode) .admission-videos .adm-vid-3 { width: 622px; height: 350px; max-width: 100%; position: absolute; top: 0; left: 0; visibility: hidden; height: 350px; } .admissions-landing:not(.fsComposeMode) .admission-videos.one-active #adm-trigger-1 { color: #20344f; } .admissions-landing:not(.fsComposeMode) .admission-videos.one-active .adm-vid-1 { visibility: visible; } .admissions-landing:not(.fsComposeMode) .admission-videos.two-active #adm-trigger-2 { color: #20344f; } .admissions-landing:not(.fsComposeMode) .admission-videos.two-active .adm-vid-2 { visibility: visible; } .admissions-landing:not(.fsComposeMode) .admission-videos.three-active #adm-trigger-3 { color: #20344f; } .admissions-landing:not(.fsComposeMode) .admission-videos.three-active .adm-vid-3 { visibility: visible; } /* ----------------------------------------------------------------------------- =Meet Our Faculty Stat Treatments ----------------------------------------------------------------------------- */ ul#facultystats { float: left; clear: both; list-style: none; margin: 0; display: block; width: 100%; } ul#facultystats li { background: none; letter-spacing: 0; color: #302c2a; line-height: .9em; font-family: 'ChunkFiveRegular'; background: none; padding: 0; margin: 0 0 .1em 0; display: block; float: left; font-size: 9em; } ul#facultystats li span.number { float: left; } ul#facultystats li span.more-info { line-height: 1.3em; font-family: 'RobotoRegular'; font-size: .12em; display: block; float: right; } @media screen and (max-width: 680px) { ul#facultystats { float: none; width: auto; } ul#facultystats li { float: none; margin-right: 0; width: auto; } } ul#facultystats li#facultytotal { width: 37%; /* 390/1054px */ color: #fa7f00; font-size: 7.5em; margin-right: 4%; /* 40/1054px */ } ul#facultystats li#facultytotal span.more-info { display: block; height: 88px; width: 169px; text-indent: -9999px; overflow: hidden; background: url(/uploaded/images/about/Our_Faculty/faculty_interns.png) 0 0 no-repeat; float: left; margin-left: 8px; } @media screen and (max-width: 1100px) { ul#facultystats li#facultytotal { width: 30%; } ul#facultystats li#facultytotal span.number { float: none; display: block; text-align: center; } ul#facultystats li#facultytotal span.more-info { margin-left: auto; margin-right: auto; float: none; display: block; } } @media screen and (max-width: 800px) { ul#facultystats li#facultytotal { width: 35%; margin-right: 2%; } } @media screen and (max-width: 680px) { ul#facultystats li#facultytotal { width: auto; margin-right: 0; } } ul#facultystats li#development { padding: .05em 0; width: 59%; /* 624/1054px */ color: #799156; } ul#facultystats li#development span.number { font-size: .8em; line-height: .9em; } ul#facultystats li#development span.more-info { display: block; /*width: 51%;*/ /* 320/624 */ float: none; font-size: .15em; margin-left: 300px; width: auto; } @media screen and (max-width: 1100px) { ul#facultystats li#development { width: 66%; } } @media screen and (max-width: 800px) { ul#facultystats li#development { width: 63%; } ul#facultystats li#development span.number { float: none; display: block; width: auto; text-align: center; } ul#facultystats li#development span.more-info { margin-left: 0; text-align: center; } } @media screen and (max-width: 680px) { ul#facultystats li#development { width: auto; margin-right: 0; } } @media screen and (max-width: 360px) { ul#facultystats li#development span.number { font-size: .7em; } } ul#facultystats li#advisory { font-size: 8em; width: 43%; /* 448/1054px */ color: #70a2b6; margin-right: 0; /* 33/1054px */ } ul#facultystats li#advisory span.more-info { display: block; float: none; /*width: 60%;*/ /* 270/448 */ font-size: .13em; padding-top: .2em; margin-left: 150px; width: auto; } @media screen and (max-width: 1100px) { ul#facultystats li#advisory { clear: left; } } @media screen and (max-width: 900px) { ul#facultystats li#advisory { width: 35%; } ul#facultystats li#advisory span.number { float: none; display: block; width: auto; text-align: center; } ul#facultystats li#advisory span.more-info { margin-left: 0; text-align: center; } } @media screen and (max-width: 680px) { ul#facultystats li#advisory { width: auto; margin-right: 0; } } ul#facultystats li#degrees { display: block; height: 1.2em; width: 20%; /* 150/1054px */ text-align: center; background: url(/uploaded/images/about/Our_Faculty/advanced_degrees.png) 50% 0 no-repeat; float: left; margin-right: 0; /* 33/1054px */ } ul#facultystats li#degrees span.number { font-family: 'ChunkFiveRegular'; display: block; float: none; color: #f4f0e3; font-size: .3em; -webkit-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -o-transform: rotate(-22deg); margin-top: .3em; } ul#facultystats li#board { width: 37%; /* 390/1054px */ color: #e4ce51; } ul#facultystats li#board span.more-info { display: block; height: 89px; width: 224px; text-indent: -9999px; overflow: hidden; background: url(/uploaded/images/about/Our_Faculty/board_certified_teachers.png) 0 0 no-repeat; } @media screen and (max-width: 1100px) { ul#facultystats li#board { width: 30%; } ul#facultystats li#board span.number { float: none; display: block; text-align: center; } ul#facultystats li#board span.more-info { margin-left: auto; margin-right: auto; float: none; display: block; } ul#facultystats li#degrees { width: 27%; } } @media screen and (max-width: 900px) { ul#facultystats li#board { width: 35%; } ul#facultystats li#degrees { width: 30%; } } @media screen and (max-width: 680px) { ul#facultystats li#degrees { width: auto; margin-top: 0; float: none; } ul#facultystats li#degrees span.number { padding-top: .5em; } ul#facultystats li#board { width: auto; float: none; } } @media screen and (max-width: 680px) { ul#facultystats li#degrees span.number { padding-top: .3em; } } body:not(.fsComposeMode).athletics-landing #fsPageBodyWrapper { padding: 0; } body:not(.fsComposeMode).athletics-landing #fsPageBody { max-width: 100%; } body:not(.fsComposeMode).athletics-landing #fsPageContent { margin-bottom: 0; } body:not(.fsComposeMode).athletics-landing .fsLayout .fsDiv { margin-bottom: 0; } body:not(.fsComposeMode).athletics-landing .news-collage { border-bottom: 4px solid #fff; height: 226px; margin: 0; background-position: -498px 0; background-repeat: repeat-x; } @media (min-width: 780px) { body:not(.fsComposeMode).athletics-landing .news-collage { background-position: 0 0; } } @media (min-width: 1160px) { body:not(.fsComposeMode).athletics-landing .news-collage { background-position: 50% 0; } } body:not(.fsComposeMode).athletics-landing .news-collage > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; position: relative; } body:not(.fsComposeMode).athletics-landing .news-collage .fsNews { background: #002a5c; width: 266px; height: 111px; position: absolute; top: 0; left: 3px; margin: 0; padding: 26px 14px 0 14px; overflow: hidden; } @media (min-width: 780px) { body:not(.fsComposeMode).athletics-landing .news-collage .fsNews { left: 500px; } } @media (min-width: 1160px) { body:not(.fsComposeMode).athletics-landing .news-collage .fsNews { left: 209px; } } body:not(.fsComposeMode).athletics-landing .news-collage .fsNews article { clear: none; } body:not(.fsComposeMode).athletics-landing .news-collage .fsNews .fsTitle { margin: 0; } body:not(.fsComposeMode).athletics-landing .news-collage .fsNews .fsTitle .fsNewsPostLink { font-size: 21px; line-height: 1em; font-family: 'RobotoLight'; color: #fff; } body:not(.fsComposeMode).athletics-landing .news-collage .fsNews .fsReadMoreLink { color: #70a2b6; font-size: 14px; margin: 0; padding: 0; } body:not(.fsComposeMode).athletics-landing .threecolumn-news { padding: 40px 20px; zoom: 1; } body:not(.fsComposeMode).athletics-landing .threecolumn-news:after { display: table; clear: both; content: ''; } body:not(.fsComposeMode).athletics-landing .threecolumn-news > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } body:not(.fsComposeMode).athletics-landing .threecolumn-news article { width: 30%; float: left; margin: 0 1.5%; clear: none; } body:not(.fsComposeMode).athletics-landing .fsThreeColumnBottomLayout > .fsThreeColumnLayout { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } @media (min-width: 900px) { body:not(.fsComposeMode).athletics-landing .fsThreeColumnBottomLayout > .fsThreeColumnLayout > .fsDiv { width: 50%; } body:not(.fsComposeMode).athletics-landing .fsThreeColumnBottomLayout > .fsThreeColumnLayout > .fsDiv:first-child, body:not(.fsComposeMode).athletics-landing .fsThreeColumnBottomLayout > .fsThreeColumnLayout > .fsDiv:last-child { width: 25%; } } body:not(.fsComposeMode).our-community { /* Lightbox styling */ /* ----------------------------------------------------------------------------- =Const Landing ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- =Blogs ----------------------------------------------------------------------------- */ /* 23px/13px */ /* ----------------------------------------------------------------------------- =Bloggers ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- =Fonts ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- =Animations ----------------------------------------------------------------------------- */ } body:not(.fsComposeMode).our-community .questions { height: 364px; position: relative; overflow: hidden; font-size: 12px; } body:not(.fsComposeMode).our-community .questions .container { position: relative; height: 364px; width: 100%; } body:not(.fsComposeMode).our-community .questions .fsListItems { margin: 0; padding: 0; list-style: none; } body:not(.fsComposeMode).our-community .questions article { margin: 0; padding: 0; background-image: none; line-height: 1; white-space: nowrap; position: absolute; } body:not(.fsComposeMode).our-community .questions .fsTitle { font-size: 1em; line-height: 1; margin: 0; padding: 0; } body:not(.fsComposeMode).our-community .questions .question1 { text-align: right; font-size: 2em; /* 20px/10px */ right: 50%; top: 3em; /* 60px/20px */ margin-right: 16em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question1 .fsTitle a { color: #47a1b8; font-family: 'allerregular'; } body:not(.fsComposeMode).our-community .questions .question2 { font-size: 6em; /* 60px/10px */ left: 50%; top: .667em; /* 40px/60px */ margin-left: -5.267em; /* 316px/60px */ } body:not(.fsComposeMode).our-community .questions .question2 .fsTitle a { color: #66873a; font-family: 'MuseoSlab-100'; } body:not(.fsComposeMode).our-community .questions .question3 { font-size: 3em; /* 30px/10px */ text-align: right; right: 50%; top: 3.6em; /* 108px/30px */ margin-right: -2.733em; /* 82px/30px */ } body:not(.fsComposeMode).our-community .questions .question3 .fsTitle a { color: #b24a3c; font-family: 'RobotoLight'; } body:not(.fsComposeMode).our-community .questions .question4 { font-size: 8em; /* 80px/10px */ left: 50%; top: 1.375em; /* 110px/80px */ margin-left: 2.15em; /* 172px/80px */ } body:not(.fsComposeMode).our-community .questions .question4 .fsTitle a { color: #c84917; font-family: 'RobotoLight'; } body:not(.fsComposeMode).our-community .questions .question5 { font-size: 4.8em; /* 48px/10px */ text-align: right; right: 50%; top: 3.25em; /* 150px/48px */ margin-right: -3.083em; /* 148px/48px */ } body:not(.fsComposeMode).our-community .questions .question5 .fsTitle a { color: #b2923c; font-family: 'bebas_neueregular'; } body:not(.fsComposeMode).our-community .questions .question6 { font-size: 2.4em; /* 24px/10px */ left: 50%; top: 8.625em; /* 207px/24px */ margin-left: -1.833em; /* 44px/24px */ } body:not(.fsComposeMode).our-community .questions .question6 .fsTitle a { color: #5582a8; font-family: 'QuicksandBook'; } body:not(.fsComposeMode).our-community .questions .question7 { font-size: 6em; /* 60px/10px */ text-align: right; right: 50%; top: 3.267em; /* 196px/60px */ margin-right: 1.267em; /* 76px/60px */ } body:not(.fsComposeMode).our-community .questions .question7 .fsTitle a { color: #a85592; font-family: 'MuseoSlab-100'; } body:not(.fsComposeMode).our-community .questions .question8 { font-size: 2em; /* 20px/10px */ left: 50%; top: 3em; /* 60px/20px */ margin-left: 0em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question8 .fsTitle a { color: #5582a8; font-family: 'allerregular'; } body:not(.fsComposeMode).our-community .questions .question9 { text-align: right; font-size: 5em; /* 50px/10px */ right: 50%; top: 3em; /* 60px/20px */ margin-right: 1em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question9 .fsTitle a { color: #47a1b8; font-family: 'MuseoSlab-100'; } body:not(.fsComposeMode).our-community .questions .question10 { font-size: 3.5em; /* 35px/10px */ left: 50%; top: 3em; /* 60px/20px */ margin-left: 1em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question10 .fsTitle a { color: #a85592; font-family: 'bebas_neueregular'; } body:not(.fsComposeMode).our-community .questions .question11 { text-align: right; font-size: 2.4em; /* 24px/10px */ right: 50%; top: .5em; margin-right: 1em; } body:not(.fsComposeMode).our-community .questions .question11 .fsTitle a { color: #47a1b8; font-family: 'RobotoLight'; } body:not(.fsComposeMode).our-community .questions .question12 { font-size: 4.5em; /* 45px/10px */ left: 50%; top: 5.5em; /* 60px/20px */ margin-left: 1em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question12 .fsTitle a { color: #5582a8; font-family: 'RobotoLight'; } body:not(.fsComposeMode).our-community .questions .question13 { text-align: right; font-size: 6em; /* 60px/10px */ right: 50%; top: 4em; margin-right: -1em; } body:not(.fsComposeMode).our-community .questions .question13 .fsTitle a { color: #b24a3c; font-family: 'QuicksandBook'; } body:not(.fsComposeMode).our-community .questions .question14 { font-size: 7.5em; /* 75px/10px */ left: 50%; top: 2.7em; /* 60px/20px */ margin-left: 1em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question14 .fsTitle a { color: #47a1b8; font-family: 'bebas_neueregular'; } body:not(.fsComposeMode).our-community .questions .question15 { text-align: right; font-size: 2.8em; /* 28px/10px */ right: 50%; top: 4.5em; /* 60px/20px */ margin-right: 1em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question15 .fsTitle a { color: #66873a; font-family: 'MuseoSlab-100'; } body:not(.fsComposeMode).our-community .questions .question16 { font-size: 4em; /* 40px/10px */ left: 50%; top: 3em; /* 60px/20px */ margin-left: 1em; /* 320px/20px */ } body:not(.fsComposeMode).our-community .questions .question16 .fsTitle a { color: #b24a3c; font-family: 'QuicksandBook'; } body:not(.fsComposeMode).our-community .questions .question17 { text-align: right; font-size: 5em; /* 50px/10px */ right: 50%; top: 2em; margin-right: 0; } body:not(.fsComposeMode).our-community .questions .question17 .fsTitle a { color: #47a1b8; font-family: 'allerregular'; } body:not(.fsComposeMode).our-community .questions .question18 { font-size: 2em; /* 20px/10px */ left: 50%; top: 1.2em; margin-left: 1em; } body:not(.fsComposeMode).our-community .questions .question18 .fsTitle a { color: #a85592; font-family: 'RobotoLight'; } body:not(.fsComposeMode).our-community .questions .question19 { text-align: right; font-size: 3.5em; /* 35px/10px */ right: 50%; top: 2.2em; margin-right: 10em; } body:not(.fsComposeMode).our-community .questions .question19 .fsTitle a { color: #66873a; font-family: 'MuseoSlab-100'; } body:not(.fsComposeMode).our-community .questions .question20 { font-size: 5em; /* 50px/10px */ left: 50%; top: 4em; margin-left: 3.5em; } body:not(.fsComposeMode).our-community .questions .question20 .fsTitle a { color: #c84917; font-family: 'QuicksandBook'; } body:not(.fsComposeMode).our-community .direction { position: absolute; width: 50%; height: 5%; } body:not(.fsComposeMode).our-community .direction.left { left: 0; top: 0; } body:not(.fsComposeMode).our-community .direction.right { right: 0; top: 0; } body:not(.fsComposeMode).our-community .side-text { position: absolute; top: 40px; right: 0; width: 548px; font-size: 1.2em; } body:not(.fsComposeMode).our-community .editmode .side-text { position: relative; top: 0; left: 0; width: auto; } body:not(.fsComposeMode).our-community .side-text h2 { text-transform: uppercase; color: #b23f1c; margin: 0 0 1em 0; font-size: 21px; line-height: 1em; } body:not(.fsComposeMode).our-community .ask-us { margin: 0; /* 301px/13px */ border: 1px solid rgba(113, 79, 46, 0.87); box-shadow: inset 0 1px 0 rgba(244, 227, 173, 0.25); border-radius: 6px; background: #985124 url(/uploaded/themes/build_2015/images/common/community-form-bg.png) repeat 50% 50%; width: 604px; height: 78px; font-size: 1.3em; position: absolute; bottom: -5px; left: 50%; z-index: 300; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } body:not(.fsComposeMode).our-community .ask-us .mask { position: absolute; bottom: -1px; left: 0; width: 100%; height: 7px; background: url(/uploaded/themes/build_2015/images/common/community-form-mask.png) repeat-x 50% 0; display: block; } body:not(.fsComposeMode).our-community .ask-us #validationsummary, body:not(.fsComposeMode).our-community .ask-us div span.error { display: none !important; } @media screen and (max-width: 602px) { body:not(.fsComposeMode).our-community .ask-us { margin-left: 0; width: 100%; } body:not(.fsComposeMode).our-community .ask-us input[type='submit'] { right: 0; } } body:not(.fsComposeMode).our-community .lightboxes { clear: both; left: -9000px; height: 0; overflow: hidden; } body:not(.fsComposeMode).our-community #pp_gallery_thumbs { display: none !important; } body:not(.fsComposeMode).our-community .pp_content { background: #33383b !important; border: 10px solid #fff; font-family: 'RobotoLight'; position: relative; padding: 1.5em; /* drop shadow */ /* drop shadow */ box-shadow: 0 8px 18px rgba(0, 0, 0, 0.38); /* drop shadow */ } body:not(.fsComposeMode).our-community .pp_inline { margin-bottom: 1.5em; } body:not(.fsComposeMode).our-community .pp_inline:after { content: ""; display: table; clear: both; } body:not(.fsComposeMode).our-community .pp_nav:after { content: ""; display: table; clear: both; } body:not(.fsComposeMode).our-community .pp_content .fsTitle { font-family: 'RobotoLight'; font-size: 26px; /* 26px/10px */ line-height: 1.269; /* 33px/26px */ margin-bottom: .231em; /* 6px/26px */ } body:not(.fsComposeMode).our-community .pp_content .fsTitle a { color: #eac78f; } body:not(.fsComposeMode).our-community .pp_content .fsSummary { color: #f4f0e3; font-size: 1.4em; /* 14px/10px */ line-height: 1.5; /* 21px/14px */ } body:not(.fsComposeMode).our-community .pp_content .fsThumbnail { float: left; margin: 0 1.5em 0 0; } body:not(.fsComposeMode).our-community .pp_content a.pp_close { line-height: 1; position: absolute; top: -17px; right: -16px; width: 35px !important; height: 35px !important; background: url(/uploaded/themes/build_2015/images/common/community-lightbox-close.png) no-repeat 0 0 !important; } body:not(.fsComposeMode).our-community .const-landing #tertiary-content { width: 350px; margin-right: 45px; padding-top: 147px; } body:not(.fsComposeMode).our-community .const-landing #primary-content { width: 650px; } body:not(.fsComposeMode).our-community .const-landing h1 { color: #e4d9bb; font-size: 3.333em; /* 50px/15px */ margin-bottom: 1.12em; /* 56px/50px */ } body:not(.fsComposeMode).our-community .const-landing .pc, body:not(.fsComposeMode).our-community .const-landing .sc, body:not(.fsComposeMode).our-community .const-landing .tc { color: #f4f0e3; } body:not(.fsComposeMode).our-community .const-landing #primary-content { font-size: 1.5em; /* 15px/10px */ line-height: 1.733; /* 26px/15px */ padding-top: 36px; } body:not(.fsComposeMode).our-community .const-landing .pc h2 { color: #ecc251; font-size: 1.6em; /* 24px/15px */ line-height: 1.083; /* 26px/24px */ text-transform: uppercase; font-family: 'RobotoLight'; margin: 0 0 .75em 0; /* 18px/24px */ } body:not(.fsComposeMode).our-community .const-landing .video-container { margin-bottom: 24px; } body:not(.fsComposeMode).our-community .news.blogs { padding: 0; background-color: transparent; border-radius: 0; border: 0; background-image: none; } body:not(.fsComposeMode).our-community .blogs .bd ul.news li { margin: 0 0 1.769em 0; } body:not(.fsComposeMode).our-community .blogs .bd ul.news li h4 { margin: 0; font-family: 'RobotoLight'; font-size: 1.385em; /* 18px/13px */ line-height: 1.278; /* 23p/18px */ margin-bottom: .333em; /* 6px/18px */ color: #ec9e51; } body:not(.fsComposeMode).our-community .blogs .bd ul.news li .fsTitle a { color: #ec9e51; } body:not(.fsComposeMode).our-community .blogs .bd ul.news li h6 { color: #94ab95; text-transform: uppercase; font-family: 'RobotoLight'; margin: 0; font-size: .923em; /* 12px/13px */ line-height: 1.167em; /* 14px/12px */ margin-bottom: .75em; /* 9px/12px */ } body:not(.fsComposeMode).our-community .blogs .bd ul.news li .comment-count { font-size: .923em; /* 12px/13px */ line-height: 1.167em; /* 14px/12px */ background: url(/uploaded/themes/build_2015/images/common/community-comment.png) no-repeat 0 0; padding: 0 0 0 2em; /* 24px/12px */ } body:not(.fsComposeMode).our-community .blogs .bd ul.news li .comment-count a { color: #c4c6ab; } body:not(.fsComposeMode).our-community .tc .module.gallery, body:not(.fsComposeMode).our-community .tc .gallery.fsSearch.fsSearchField, body:not(.fsComposeMode).our-community .sc .module.gallery, body:not(.fsComposeMode).our-community .sc .gallery.fsSearch.fsSearchField { padding: 0; background-color: transparent; border-radius: 0; border: 0; background-image: none; } body:not(.fsComposeMode).our-community .gallery .bloggers .bd ul.images { margin: 0; padding: 0; } body:not(.fsComposeMode).our-community .const-landing .tc .gallery .bloggers .bd ul.images { width: 356px; } body:not(.fsComposeMode).our-community .gallery .bloggers .bd ul.images li { width: 84px !important; margin: 0 5px 5px 0; } body:not(.fsComposeMode).our-community .gallery .bloggers .bd ul.images li .thumb { border: 0; padding: 0; background-color: transparent; margin: 0; } @font-face { body:not(.fsComposeMode).our-community { font-family: 'bebas_neueregular'; src: url("/uploaded/themes/build_2015/fonts/bebasneue-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/bebasneue-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/bebasneue-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/bebasneue-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/bebasneue-webfont.svg#bebas_neueregular") format("svg"); font-weight: normal; font-style: normal; } } @font-face { body:not(.fsComposeMode).our-community { font-family: 'QuicksandBook'; src: url("/uploaded/themes/build_2015/fonts/Quicksand_Book-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/Quicksand_Book-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/Quicksand_Book-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/Quicksand_Book-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/Quicksand_Book-webfont.svg#QuicksandBook") format("svg"); font-weight: normal; font-style: normal; } } @font-face { body:not(.fsComposeMode).our-community { font-family: 'allerregular'; src: url("aller_rg-webfont.eot"); src: url("/uploaded/themes/build_2015/fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/themes/build_2015/fonts/aller_rg-webfont.woff") format("woff"), url("/uploaded/themes/build_2015/fonts/aller_rg-webfont.ttf") format("truetype"), url("/uploaded/themes/build_2015/fonts/aller_rg-webfont.svg#allerregular") format("svg"); font-weight: normal; font-style: normal; } } body:not(.fsComposeMode).our-community .arrow-button { font-size: 32px; } body:not(.fsComposeMode).our-community .arrow-button a { color: #f9cb36 !important; width: 100%; text-transform: uppercase; display: block; } body:not(.fsComposeMode).our-community .arrow-button a:hover { color: #fff !important; } body:not(.fsComposeMode).our-community .arrow-button a:after { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; float: right; color: #ccc; } body:not(.fsComposeMode).our-community .questions .question { animation: floats 20s linear infinite; -moz-animation: floats 20s linear infinite; -webkit-animation: floats 20s linear infinite; -o-animation: floats 20s linear infinite; -ms-animation: floats 20s linear infinite; } body:not(.fsComposeMode).our-community .questions .question2 { animation-duration: 30s; -moz-animation-duration: 30s; -webkit-animation-duration: 30s; -o-animation-duration: 30s; -ms-animation-duration: 30s; animation-name: floats2; -moz-animation-name: floats2; -webkit-animation-name: floats2; -o-animation-name: floats2; -ms-animation-name: floats2; } body:not(.fsComposeMode).our-community .questions .question3 { animation-duration: 24s; -moz-animation-duration: 24s; -webkit-animation-duration: 24s; -o-animation-duration: 24s; -ms-animation-duration: 24s; animation-name: floats3; -moz-animation-name: floats3; -webkit-animation-name: floats3; -o-animation-name: floats3; -ms-animation-name: floats3; } body:not(.fsComposeMode).our-community .questions .question4 { animation-duration: 40s; -moz-animation-duration: 40s; -webkit-animation-duration: 40s; -o-animation-duration: 40s; -ms-animation-duration: 40s; animation-name: floats4; -moz-animation-name: floats4; -webkit-animation-name: floats4; -o-animation-name: floats4; -ms-animation-name: floats4; } body:not(.fsComposeMode).our-community .questions .question5 { animation-duration: 18s; -moz-animation-duration: 18s; -webkit-animation-duration: 18s; -o-animation-duration: 18s; -ms-animation-duration: 18s; animation-name: floats5; -moz-animation-name: floats5; -webkit-animation-name: floats5; -o-animation-name: floats5; -ms-animation-name: floats5; } body:not(.fsComposeMode).our-community .questions .question6 { animation-duration: 20s; -moz-animation-duration: 20s; -webkit-animation-duration: 20s; -o-animation-duration: 20s; -ms-animation-duration: 20s; animation-name: floats2; -moz-animation-name: floats2; -webkit-animation-name: floats2; -o-animation-name: floats2; -ms-animation-name: floats2; } body:not(.fsComposeMode).our-community .questions .question8 { animation-duration: 50s; -moz-animation-duration: 50s; -webkit-animation-duration: 50s; -o-animation-duration: 50s; -ms-animation-duration: 50s; animation-name: floats8; -moz-animation-name: floats8; -webkit-animation-name: floats8; -o-animation-name: floats8; -ms-animation-name: floats8; } body:not(.fsComposeMode).our-community .questions .question9 { animation-duration: 43s; -moz-animation-duration: 43s; -webkit-animation-duration: 43s; -o-animation-duration: 43s; -ms-animation-duration: 43s; animation-name: floats9; -moz-animation-name: floats9; -webkit-animation-name: floats9; -o-animation-name: floats9; -ms-animation-name: floats9; } body:not(.fsComposeMode).our-community .questions .question10 { animation-duration: 60s; -moz-animation-duration: 60s; -webkit-animation-duration: 60s; -o-animation-duration: 60s; -ms-animation-duration: 60s; animation-name: floats10; -moz-animation-name: floats10; -webkit-animation-name: floats10; -o-animation-name: floats10; -ms-animation-name: floats10; } body:not(.fsComposeMode).our-community .questions .question11 { animation-duration: 46s; -moz-animation-duration: 46s; -webkit-animation-duration: 46s; -o-animation-duration: 46s; -ms-animation-duration: 46s; animation-name: floats11; -moz-animation-name: floats11; -webkit-animation-name: floats11; -o-animation-name: floats11; -ms-animation-name: floats11; } body:not(.fsComposeMode).our-community .questions .question12 { animation-duration: 38s; -moz-animation-duration: 38s; -webkit-animation-duration: 38s; -o-animation-duration: 38s; -ms-animation-duration: 38s; animation-name: floats12; -moz-animation-name: floats12; -webkit-animation-name: floats12; -o-animation-name: floats12; -ms-animation-name: floats12; } body:not(.fsComposeMode).our-community .questions .question13 { animation-duration: 32s; -moz-animation-duration: 32s; -webkit-animation-duration: 32s; -o-animation-duration: 32s; -ms-animation-duration: 32s; animation-name: floats13; -moz-animation-name: floats13; -webkit-animation-name: floats13; -o-animation-name: floats13; -ms-animation-name: floats13; } body:not(.fsComposeMode).our-community .questions .question14 { animation-duration: 80s; -moz-animation-duration: 80s; -webkit-animation-duration: 80s; -o-animation-duration: 80s; -ms-animation-duration: 80s; animation-name: floats14; -moz-animation-name: floats14; -webkit-animation-name: floats14; -o-animation-name: floats14; -ms-animation-name: floats14; } body:not(.fsComposeMode).our-community .questions .question15 { animation-duration: 70s; -moz-animation-duration: 70s; -webkit-animation-duration: 70s; -o-animation-duration: 70s; -ms-animation-duration: 70s; animation-name: floats15; -moz-animation-name: floats15; -webkit-animation-name: floats15; -o-animation-name: floats15; -ms-animation-name: floats15; } body:not(.fsComposeMode).our-community .questions .question16 { animation-duration: 42s; -moz-animation-duration: 42s; -webkit-animation-duration: 42s; -o-animation-duration: 42s; -ms-animation-duration: 42s; animation-name: floats16; -moz-animation-name: floats16; -webkit-animation-name: floats16; -o-animation-name: floats16; -ms-animation-name: floats16; } body:not(.fsComposeMode).our-community .questions .question17 { animation-duration: 35s; -moz-animation-duration: 35s; -webkit-animation-duration: 35s; -o-animation-duration: 35s; -ms-animation-duration: 35s; animation-name: floats17; -moz-animation-name: floats17; -webkit-animation-name: floats17; -o-animation-name: floats17; -ms-animation-name: floats17; } body:not(.fsComposeMode).our-community .questions .question18 { animation-duration: 76s; -moz-animation-duration: 76s; -webkit-animation-duration: 76s; -o-animation-duration: 76s; -ms-animation-duration: 76s; animation-name: floats18; -moz-animation-name: floats18; -webkit-animation-name: floats18; -o-animation-name: floats18; -ms-animation-name: floats18; } body:not(.fsComposeMode).our-community .questions .question19 { animation-duration: 45s; -moz-animation-duration: 45s; -webkit-animation-duration: 45s; -o-animation-duration: 45s; -ms-animation-duration: 45s; animation-name: floats19; -moz-animation-name: floats19; -webkit-animation-name: floats19; -o-animation-name: floats19; -ms-animation-name: floats19; } body:not(.fsComposeMode).our-community .questions .question20 { animation-duration: 44s; -moz-animation-duration: 44s; -webkit-animation-duration: 44s; -o-animation-duration: 44s; -ms-animation-duration: 44s; animation-name: floats2; -moz-animation-name: floats2; -webkit-animation-name: floats2; -o-animation-name: floats2; -ms-animation-name: floats2; } body:not(.fsComposeMode).our-community .questions .question:hover { animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; } body:not(.fsComposeMode).our-community .editmode .questions .container { animation: none; -moz-animation: none; -webkit-animation: none; -o-animation: none; -ms-animation: none; } @keyframes floats { 0% { right: -60%; } 100% { right: 90%; } } @keyframes floats2 { 0% { left: -90%; } 100% { left: 130%; } } @keyframes floats3 { 0% { right: -40%; } 100% { right: 120%; } } @keyframes floats4 { 0% { left: -130%; } 100% { left: 110%; } } @keyframes floats5 { 0% { right: -60%; } 100% { right: 120%; } } @keyframes floats8 { 0% { left: -300%; } 100% { left: 300%; } } @keyframes floats9 { 0% { right: -300%; } 100% { right: 300%; } } @keyframes floats10 { 0% { left: -200%; } 100% { left: 200%; } } @keyframes floats11 { 0% { right: -200%; } 100% { right: 200%; } } @keyframes floats12 { 0% { left: -200%; } 100% { left: 200%; } } @keyframes floats13 { 0% { right: -180%; } 100% { right: 120%; } } @keyframes floats14 { 0% { left: -800%; } 100% { left: 800%; } } @keyframes floats15 { 0% { right: -400%; } 100% { right: 400%; } } @keyframes floats16 { 0% { left: -360%; } 100% { left: 360%; } } @keyframes floats17 { 0% { right: -100%; } 100% { right: 120%; } } @keyframes floats18 { 0% { left: -700%; } 100% { left: 700%; } } @keyframes floats19 { 0% { right: -90%; } 100% { right: 130%; } } @-webkit-keyframes floats { 0% { right: -60%; } 100% { right: 90%; } } @-webkit-keyframes floats2 { 0% { left: -90%; } 100% { left: 130%; } } @-webkit-keyframes floats3 { 0% { right: -40%; } 100% { right: 120%; } } @-webkit-keyframes floats4 { 0% { left: -130%; } 100% { left: 110%; } } @-webkit-keyframes floats5 { 0% { right: -60%; } 100% { right: 120%; } } @-webkit-keyframes floats8 { 0% { left: -300%; } 100% { left: 300%; } } @-webkit-keyframes floats9 { 0% { right: -300%; } 100% { right: 300%; } } @-webkit-keyframes floats10 { 0% { left: -200%; } 100% { left: 200%; } } @-webkit-keyframes floats11 { 0% { right: -200%; } 100% { right: 200%; } } @-webkit-keyframes floats12 { 0% { left: -200%; } 100% { left: 200%; } } @-webkit-keyframes floats13 { 0% { right: -180%; } 100% { right: 120%; } } @-webkit-keyframes floats14 { 0% { left: -800%; } 100% { left: 800%; } } @-webkit-keyframes floats15 { 0% { right: -400%; } 100% { right: 400%; } } @-webkit-keyframes floats16 { 0% { left: -360%; } 100% { left: 360%; } } @-webkit-keyframes floats17 { 0% { right: -100%; } 100% { right: 120%; } } @-webkit-keyframes floats18 { 0% { left: -700%; } 100% { left: 700%; } } @-webkit-keyframes floats19 { 0% { right: -90%; } 100% { right: 130%; } } body:not(.fsComposeMode).our-community .panel-dark .blog-buttons { padding: 0; margin: 0; } body:not(.fsComposeMode).our-community .panel-dark .blog-buttons .fsElementTitle { color: #fff; } body:not(.fsComposeMode).our-community .panel-dark .blog-buttons img { width: auto; border: 0; margin: 0; } body:not(.fsComposeMode) #form_44 input[type='text'] { border: 0; background-color: transparent; padding: 0; margin: 0; color: #ddc648; font-family: 'RobotoLight'; font-size: 1.846em; /* 24px/13px */ line-height: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.65); width: 70%; /* 383px/24px */ height: 47px; padding: 0 .5em !important; position: absolute; border-top-left-radius: 6px; border-bottom-left-radius: 6px; top: 12px; left: 19px; box-shadow: 0 1px 0 rgba(250, 232, 172, 0.22), inset 0 1px 1px #000; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); } @media (min-width: 500px) { body:not(.fsComposeMode) #form_44 input[type='text'] { width: 430px; } } body:not(.fsComposeMode) #form_44 input[type='text']:focus { border: 0; outline: none; } body:not(.fsComposeMode) #form_44 .field_1460 label { display: none !important; } body:not(.fsComposeMode) #form_44 .submitBtn { border: 0; padding: 0; margin: 0; background: transparent url("/uploaded/themes/build_2015/images/common/community-form-btn.png") no-repeat 0 0 !important; line-height: 1; width: 139px; height: 48px; position: absolute; top: 12px; right: 17px; color: #fff6c1 !important; font-family: 'RobotoLight'; font-size: 26px; outline: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.65); } #confirmOut { background: rgba(255, 255, 255, 0.5); padding: .9em; margin: .5em; width: auto; display: inline-block; line-height: 1em; } #confirmOut h3 { margin: 0; } .fsSection76 #fsHeader .tagline { color: #467296; font-family: 'RobotoMedium'; font-size: 60px; text-transform: uppercase; line-height: 1em; padding: 0; margin: 0 auto; } .fsSection76 #fsHeader .tagline p { -webkit-margin-before: 0; -webkit-margin-after: 0; } .fsSection76 #fsHeader .tagline p a:hover { color: #0076a5; } @media (min-width: 400px) { .fsSection76 #fsHeader .tagline { font-size: 80px; margin: 7px 20px 0 0; } } @media (min-width: 880px) { .fsSection76 #fsHeader .tagline { float: right; } } @media (min-width: 1400px) { .fsSection76 #fsHeader .tagline { margin: 7px 0 0; } } body:not(.fsComposeMode).alumni-homepage #fsPageBodyWrapper { padding: 0; } body:not(.fsComposeMode).alumni-homepage #fsPageBody { max-width: 100%; } body:not(.fsComposeMode).alumni-homepage #fsPageContent { margin-bottom: 0; } body:not(.fsComposeMode).alumni-homepage .fsLayout .fsDiv { margin-bottom: 0; } body:not(.fsComposeMode).alumni-homepage .landing-grid { height: 226px; background-position: -428px 0; background-repeat: no-repeat; padding: 0; margin: 0 0 60px 0; display: block; width: 100%; } @media (min-width: 1162px) { body:not(.fsComposeMode).alumni-homepage .landing-grid { background-position: 50% 0; } } body:not(.fsComposeMode).alumni-homepage .landing-grid > .fsElementContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; height: 226px; position: relative; } body:not(.fsComposeMode).alumni-homepage .landing-grid p { -webkit-margin-before: 0; -webkit-margin-after: 0; } body:not(.fsComposeMode).alumni-homepage .landing-grid #featurelink1 { position: absolute; display: block; height: 136px; width: 250px; top: 0; left: 0; color: transparent; } body:not(.fsComposeMode).alumni-homepage .landing-grid #featurelink2 { position: absolute; display: block; height: 112px; width: 450px; top: 113px; left: 589px; color: transparent; } body:not(.fsComposeMode).alumni-homepage .fsTwoColumnLayout { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; margin: 0 20px 40px; } @media (min-width: 900px) { body:not(.fsComposeMode).alumni-homepage .fsTwoColumnLayout { margin: 0 auto 40px; } } body:not(.fsComposeMode).alumni-homepage .fsNews, body:not(.fsComposeMode).alumni-homepage .fsCalendar { background: #f6f5f1; border: 1px solid #e4e0d4; border-radius: .6em; margin-bottom: 20px; position: relative; padding: 20px; min-height: 339px; } body:not(.fsComposeMode).alumni-homepage .fsNews header, body:not(.fsComposeMode).alumni-homepage .fsCalendar header { margin: -21px -21px 20px -21px; position: relative; color: #fff; text-transform: none; padding: 0; } body:not(.fsComposeMode).alumni-homepage .fsNews header .fsElementTitle, body:not(.fsComposeMode).alumni-homepage .fsCalendar header .fsElementTitle { background: #72110c; color: #f6f5f1; padding: 20px; margin: 0; border-top-left-radius: .4em; border-top-right-radius: .4em; } body:not(.fsComposeMode).alumni-homepage .fsNews header #news-viewall, body:not(.fsComposeMode).alumni-homepage .fsNews header #cal-viewall, body:not(.fsComposeMode).alumni-homepage .fsCalendar header #news-viewall, body:not(.fsComposeMode).alumni-homepage .fsCalendar header #cal-viewall { color: #fff; position: absolute; top: 18px; right: 18px; } body:not(.fsComposeMode).alumni-homepage .fsNews.fsList article { clear: none; } .campusnet #fsHeader { background: #877b59; } .campusnet #fsHeader .fsBanner > .fsContent { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; padding: 20px; } .campusnet #fsHeader h1 { background: url(/uploaded/themes/build_2015/images/campusnet/bg-logo.png) no-repeat 50% 0; height: 41px; width: 250px; padding: 0; margin: 0 auto 1em; line-height: 1em; width: 100%; overflow: hidden; text-indent: -200%; white-space: nowrap; color: transparent; } @media (min-width: 610px) { .campusnet #fsHeader h1 { width: 237px; margin: 0; background: url(/uploaded/themes/build_2015/images/campusnet/bg-logo.png) no-repeat 0 0; } } .campusnet #fsHeader h1 a { display: block; padding: 12px 0 10px 0; height: 41px; width: 250px; } .campusnet .nav-main { background: #3f5c6d; border-bottom: 0; } .campusnet .nav-main .fsNavLevel1 > .fsNavCurrentPage > a .icon:before { background: #3f5c6d; } .campusnet .nav-main .fsNavLevel1 > .fsNavCurrentPage > a .icon:after { background: #3f5c6d; } .campusnet .nav-main .fsNavLevel2 li { font-size: 13px; } @media (min-width: 610px) { .campusnet #nav-campus-util { width: 50%; position: absolute; bottom: 10px; right: 0; } } .campusnet #nav-campus-util ul { list-style: none; } @media (min-width: 610px) { .campusnet #nav-campus-util ul { text-align: right; } } .campusnet #nav-campus-util ul li { display: inline-block; margin-right: 10px; } .campusnet #nav-campus-util ul li a { color: #fff; } .campusnet #nav-campus-util ul li a:hover { color: #f3f1bb; } .campusnet #nav-campus-util ul li#nav-li-directory a:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; padding-right: 6px; } .campusnet #nav-campus-util ul li#nav-li-calendars a:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; padding-right: 6px; } .campusnet #nav-campus-util ul li#nav-li-paw-prints a:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; padding-right: 6px; } .campusnet #nav-campus-util ul li#nav-li-home a:before { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; padding-right: 6px; } @media (min-width: 900px) { body[data-pageid="283"] .fsSandwichThreeColumnLayout .fsThreeColumnLayout .fsDiv { width: 50%; } body[data-pageid="283"] .fsSandwichThreeColumnLayout .fsThreeColumnLayout .fsDiv:first-child, body[data-pageid="283"] .fsSandwichThreeColumnLayout .fsThreeColumnLayout .fsDiv:last-child { width: 25%; } } @media (min-width: 1400px) { body:not(.fsComposeMode).voices-landing #fsPageContent { padding: 0 113px; } } @media (min-width: 1400px) { body:not(.fsComposeMode).voices-landing .fsOneColumnLayout .fsElementContent div.blogheader { width: calc(75% - 3px); float: left; height: 225px; overflow: hidden; } } body:not(.fsComposeMode).voices-landing .fsOneColumnLayout .fsElementContent div.blogheader .blogintrotext { margin: 0 0 1em 0; color: #b23f1c; font-size: 24px; line-height: 30px; } body:not(.fsComposeMode).voices-landing .fsOneColumnLayout .fsElementContent div.blogheader h2#blogheader { font-size: 80px; color: #b23f1c; font-family: 'ChunkFiveRegular'; margin-bottom: 0; } body:not(.fsComposeMode).voices-landing .fsOneColumnLayout .fsElementContent img { display: block; margin: 0 auto; } @media (min-width: 500px) { body:not(.fsComposeMode).voices-landing .fsOneColumnLayout .fsElementContent img { width: calc(25% - 1px); float: left; margin: 0; } } body:not(.fsComposeMode).fsSection83 .fsElementContent h1 { font-size: 3.5em; font-family: 'ChunkFiveRegular'; margin-bottom: .4em; color: #b23f1c; } @media (min-width: 610px) { body:not(.fsComposeMode).fsSection83 .fsStyleOneThird { padding: 0; } } body:not(.fsComposeMode).fsSection83 .fsStyleOneThird img { width: 100%; } body:not(.fsComposeMode).fsSection83 .studentlist, body:not(.fsComposeMode).fsSection83 .teacherlist, body:not(.fsComposeMode).fsSection83 .parentlist { padding: 14px; margin: 0; color: #f4f0e3; } body:not(.fsComposeMode).fsSection83 .studentlist { background: #3f5c6d; } body:not(.fsComposeMode).fsSection83 .teacherlist { background: #799156; } body:not(.fsComposeMode).fsSection83 .parentlist { background: #b23f1c; } body:not(.fsComposeMode).fsSection83 .studentlist ul, body:not(.fsComposeMode).fsSection83 .teacherlist ul, body:not(.fsComposeMode).fsSection83 .parentlist ul { list-style: none; margin: 0; padding: 0; } body:not(.fsComposeMode).fsSection83 .studentlist ul li, body:not(.fsComposeMode).fsSection83 .teacherlist ul li, body:not(.fsComposeMode).fsSection83 .parentlist ul li { font-size: 1.3em; line-height: 1em; padding-left: 15px; position: relative; margin: 0 0 5px 0; } body:not(.fsComposeMode).fsSection83 .studentlist ul li:before, body:not(.fsComposeMode).fsSection83 .teacherlist ul li:before, body:not(.fsComposeMode).fsSection83 .parentlist ul li:before { display: block; height: 5px; width: 5px; content: ''; background: #fff; border: 1px solid #20344f; box-shadow: 1px 1px 0 #20344f; position: absolute; left: 0; top: 5px; } body:not(.fsComposeMode).fsSection83 .studentlist ul li a span, body:not(.fsComposeMode).fsSection83 .teacherlist ul li a span, body:not(.fsComposeMode).fsSection83 .parentlist ul li a span { font-size: .7em; } body:not(.fsComposeMode).fsSection83 .studentlist a, body:not(.fsComposeMode).fsSection83 .teacherlist a, body:not(.fsComposeMode).fsSection83 .parentlist a { color: #f4f0e3; } body:not(.fsComposeMode).fsSection83 .studentlist h2, body:not(.fsComposeMode).fsSection83 .teacherlist h2, body:not(.fsComposeMode).fsSection83 .parentlist h2 { font-size: 3.3em; color: #f4f0e3; font-family: 'ChunkFiveRegular'; margin-bottom: .4em; } .summer:not(.fsComposeMode) { background: url("/uploaded/themes/build_2015/images/summer/sky.jpg") 50% 0 repeat; } .summer:not(.fsComposeMode) #fsPageWrapper { background: url("/uploaded/themes/build_2015/images/summer/clouds.png") 0 0 repeat-x; -webkit-animation: animatedBackground 45s linear infinite; animation: animatedBackground 45s linear infinite; max-width: 100%; overflow: hidden; } .summer:not(.fsComposeMode) #fsPageWrapperInner { background: url("/uploaded/themes/build_2015/images/summer/footer.png") left bottom repeat-x; } .summer:not(.fsComposeMode) #fsPageBodyWrapper { background: none; min-height: 662px; padding: 0; } @media (min-width: 950px) { .summer:not(.fsComposeMode) #fsPageBodyWrapper { padding-bottom: 200px; } } @media (min-width: 800px) { .summer:not(.fsComposeMode) #fsBannerLeft { width: 298px; padding-right: 0; } } .summer:not(.fsComposeMode) #fsPageContent { padding: 0 20px; } @media (min-width: 800px) { .summer:not(.fsComposeMode) #fsPageContent { padding: 0; margin-top: 0; } } @media (min-width: 800px) { .summer.fsHasLeftBanner #fsPageContent { margin-top: -50px; width: calc(100% - 298px) !important; padding-left: 40px !important; } } .summer:not(.fsComposeMode) #bird { display: block; height: 39px; width: 57px; background: url("/uploaded/themes/build_2015/images/summer/flyingbird.gif") 0 0 no-repeat; position: absolute; top: 34%; left: -57px; -webkit-transition: all; transition: all; -webkit-animation-name: flyBirdie; animation-name: flyBirdie; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 15s; animation-duration: 15s; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @-webkit-keyframes flyBirdie { 40%, 100% { top: 20%; left: 100%; } } @keyframes flyBirdie { 40%, 100% { top: 20%; left: 100%; } } .summer:not(.fsComposeMode) #fsHeader { height: 378px; background: url("/uploaded/themes/build_2015/images/summer/paper-bottom.png") 0 0 repeat-x; } .summer:not(.fsComposeMode) #fsHeader .fsBanner { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } .summer:not(.fsComposeMode) .site-info-container { width: 298px; height: 378px; margin: 0 auto; padding: 0; max-width: 100%; background: url("/uploaded/themes/build_2015/images/summer/sun.png") 50% 0 no-repeat; } @media (min-width: 800px) { .summer:not(.fsComposeMode) .site-info-container { float: left; } } @media (min-width: 950px) { .summer:not(.fsComposeMode) .site-info-container { -webkit-transition: all 250ms ease; transition: all 250ms ease; } } .summer:not(.fsComposeMode) #summer-home-link { width: 100%; height: 100%; display: block; color: transparent; } .summer:not(.fsComposeMode) #summer-reg-link { display: block; color: transparent; height: 125px; width: 100%; background: url("/uploaded/themes/build_2015/images/summer/register.png") 50% 0 no-repeat; margin: 0 0 20px; -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } .summer:not(.fsComposeMode) #summer-reg-link:hover { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .summer:not(.fsComposeMode) .drawer #summer-reg-link { background: url("/uploaded/themes/build_2015/images/summer/drawer-register-button.jpg") 0 0 no-repeat; height: 75px; width: 320px; margin: 20px auto 0; } .summer:not(.fsComposeMode) .drawer #summer-reg-link:hover { opacity: .9; } .summer:not(.fsComposeMode) .paper-top { height: 66px; position: absolute; top: 0; left: 0; width: 100%; background: url("/uploaded/themes/build_2015/images/summer/paper-top.png") 0 0 repeat-x; z-index: 9000; } .summer:not(.fsComposeMode) .paper-top .paper-top-inner { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } .summer:not(.fsComposeMode) .paper-top .back-to-potomac { display: block; text-indent: -9999px; background: url("/uploaded/themes/build_2015/images/summer/backtopotomac.png") 0 0 no-repeat; height: 23px; width: 148px; position: absolute; top: 10px; left: 20px; -webkit-transition: none; transition: none; z-index: 9000; } .summer:not(.fsComposeMode) .paper-top .back-to-potomac:hover { background-position: 0 -23px; } .summer:not(.fsComposeMode) #fsFooter { background: none; position: relative; height: 168px; width: 100%; } .summer:not(.fsComposeMode) #fsFooter .fsBanner { position: relative; margin: 0 auto; max-width: 76em; max-width: 71.25rem; } .summer:not(.fsComposeMode) #fsFooter address { margin: 0; position: absolute; top: 20px; left: 20px; font-family: 'ChunkFiveRegular'; font-size: 13px; color: #bd9323; padding: 36px 12px 4px 9px; line-height: 25px; background: url("/uploaded/themes/build_2015/images/summer/address.png") 0 0 no-repeat; } .summer:not(.fsComposeMode) #fsFooter #footer-phone { text-align: left; } .summer:not(.fsComposeMode) #fsFooter #employmentlink { display: block; background: url("/uploaded/themes/build_2015/images/summer/worm.png") 0 0 no-repeat; height: 75px; width: 127px; text-indent: -9999px; position: absolute; top: 20px; right: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .summer:not(.fsComposeMode) #fsFooter #employmentlink:hover { -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); -webkit-transform-origin: 80% 20%; -ms-transform-origin: 80% 20%; transform-origin: 80% 20%; } .summer:not(.fsComposeMode) #fsFooter #fsPoweredByFinalsite { position: absolute; bottom: 5px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (min-width: 950px) { .summer:not(.fsComposeMode) #tree-left, .summer:not(.fsComposeMode) #tree-right { display: block; position: absolute; } .summer:not(.fsComposeMode) #tree-left { top: -314px; left: 0; height: 314px; width: 212px; background: url("/uploaded/themes/build_2015/images/summer/tree-left.png") 0 0 no-repeat; } .summer:not(.fsComposeMode) #tree-right { right: 0; top: -220px; height: 234px; width: 323px; background: url("/uploaded/themes/build_2015/images/summer/tree-right.png") 0 0 no-repeat; } } .summer:not(.fsComposeMode) .drawer-ribbon { background: none; border: 0; position: absolute; top: 0; right: 0; width: 40%; z-index: 9000; } .summer:not(.fsComposeMode) .drawer-ribbon .drawer-trigger { width: 100px; float: right; margin-right: 10px; color: #20344f; } .summer:not(.fsComposeMode) .drawer-ribbon .drawer-trigger:after { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-left: 10px; font-size: 20px; } .summer.drawer-is-active .drawer-ribbon .drawer-trigger { color: transparent; } .summer.drawer-is-active .drawer-ribbon .drawer-trigger:after { color: #20344f; content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-left: 10px; } .summer:not(.fsComposeMode) .drawer { top: 0; left: 50%; position: absolute; z-index: 500; visibility: hidden; height: auto; opacity: 0; overflow: auto; -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s; transition: opacity .3s, visibility .3s, transform .3s; padding: 70px 20px 0; width: 360px; background: url("/uploaded/themes/build_2015/images/summer/drawer-summer.jpg") 0 0 repeat; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(-50%, -20%); -ms-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } .summer.drawer-is-active .drawer { height: auto; opacity: 1 !important; visibility: visible !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (min-width: 950px) { .summer:not(.fsComposeMode) .drawer { display: none; } } .summer:not(.fsComposeMode) .nav-summer { margin-bottom: 40px; } .summer:not(.fsComposeMode) .nav-summer ul, .summer:not(.fsComposeMode) .nav-summer ol { margin-bottom: 0; padding-left: 0; list-style: none; } .summer:not(.fsComposeMode) .nav-summer a { display: block; } @media (min-width: 950px) { .summer:not(.fsComposeMode) .nav-summer { margin: 0; position: absolute; top: 0; right: 0; height: 274px; width: 700px; } } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 { margin: 0 20px; } @media (min-width: 950px) { .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 { margin: 0; position: relative; } } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li { text-align: center; text-transform: uppercase; font-size: 18px; font-family: 'denne__at_the_tea_partyRg'; border-bottom: 1px solid #c9c8c5; } @media (min-width: 950px) { .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li { border: 0; position: absolute; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:hover { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:last-child { border: 0; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li a { padding: 1em .5em; color: #20344f; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li a:hover { color: #70a2b6 !important; } @media (min-width: 950px) { .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li a { display: block; padding: 0; height: 100%; width: 100%; color: #12506d; text-align: center; font-weight: bold; letter-spacing: .09em; } :not(.fsComposeMode) .nav-summer .fsNavLevel1 .fsNavCurrentPage a { color: #773417; } :not(.fsComposeMode) .nav-summer .fsNavLevel1 .fsNavCurrentPage .fsNavCurrentPageAncestor a { color: #773417; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:first-child { width: 227px; height: 189px; background: url("/uploaded/themes/build_2015/images/summer/cloud1.png") 0 0 no-repeat; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:first-child a { padding-top: 132px; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:nth-child(2) { width: 267px; height: 257px; background: url("/uploaded/themes/build_2015/images/summer/cloud2.png") 0 0 no-repeat; left: 168px; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:nth-child(2) a { padding-top: 194px; padding-left: 35px; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:nth-child(3) { width: 277px; height: 181px; background: url("/uploaded/themes/build_2015/images/summer/cloud3.png") 0 0 no-repeat; left: 295px; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:nth-child(3) a { padding-top: 112px; padding-left: 15px; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:nth-child(4) { width: 197px; height: 248px; background: url("/uploaded/themes/build_2015/images/summer/cloud4.png") 0 0 no-repeat; right: 0; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:nth-child(4) a { padding-top: 172px; } .summer:not(.fsComposeMode) .nav-summer .fsNavLevel1 li:last-child { display: none; } } .summer:not(.fsComposeMode) h1, .summer:not(.fsComposeMode) h2, .summer:not(.fsComposeMode) h3, .summer:not(.fsComposeMode) h4, .summer:not(.fsComposeMode) h5, .summer:not(.fsComposeMode) h6 { font-weight: normal; font-family: 'Cabin Sketch', cursive; } .summer:not(.fsComposeMode) h1, .summer:not(.fsComposeMode) h2, .summer:not(.fsComposeMode) h3 { margin-bottom: .5em; } .summer:not(.fsComposeMode) h1 { font-size: 38px; line-height: 1em; font-family: 'Cabin Sketch', cursive; color: #106fb7; text-transform: uppercase; } .summer:not(.fsComposeMode) h2 { font-size: 24px; line-height: 1em; color: #0b314d; } .summer:not(.fsComposeMode) h3 { font-size: 22px; color: #0b314d; } .summer:not(.fsComposeMode) .curriculum-detail > h3:first-child { display: none; } .summer:not(.fsComposeMode) h4 { font-size: 14px; color: #0b314d; } .summer:not(.fsComposeMode) h5 { font-size: 13px; color: #0b314d; } .summer:not(.fsComposeMode) h6 { font-size: 12px; color: #0b314d; } .summer:not(.fsComposeMode) a:link { color: #fff; } .summer:not(.fsComposeMode) a:visited { color: #fff; } .summer:not(.fsComposeMode) a:hover { color: #0b314d; } .summer:not(.fsComposeMode) a:active, .summer:not(.fsComposeMode) a:focus { color: #0b314d; } .summer:not(.fsComposeMode) p.intro, .summer:not(.fsComposeMode) p.large { font-family: inherit, cursive; color: #fff; font-size: 21px; line-height: 21px; } .summer:not(.fsComposeMode) p.large { font-size: 23px; text-transform: uppercase; line-height: 24px; margin: 0 0 21px 0; } .summer:not(.fsComposeMode) .nav-sub { background: #20344f; border: 0; margin: 0 20px; } @media (min-width: 950px) { .summer:not(.fsComposeMode) .nav-sub { background: none; margin: 0 0 50px; } } .summer:not(.fsComposeMode) .nav-sub header { display: none; } @media (max-width: 950px) { .summer:not(.fsComposeMode) .nav-sub > .fsElementContent { display: none; } } .active-nav > .fsElementContent { display: block !important; padding-bottom: 20px; } .summer:not(.fsComposeMode) .nav-sub .fsNavLevel1 li { margin: 0; display: block; width: 100%; float: none; text-align: left; border-bottom: 1px dotted #786156; padding: 0; } @media (min-width: 950px) { .summer:not(.fsComposeMode) .nav-sub .fsNavLevel1 li { text-align: right; } } .summer:not(.fsComposeMode) .nav-sub .fsNavLevel1 li.fsNavCurrentPage { background: url("/uploaded/themes/build_2015/images/summer/nav-sub-active.png") right 50% no-repeat; } .summer:not(.fsComposeMode) .nav-sub .fsNavLevel1 li:last-child { border: 0; } .summer:not(.fsComposeMode) .nav-sub .fsNavLevel1 li a { display: block; font-family: 'Cabin Sketch', cursive; color: #fff; font-size: 18px; line-height: 18px; text-decoration: none; background: none; text-transform: uppercase; padding: 10px; } .summer:not(.fsComposeMode) .nav-sub .fsNavLevel1 li a:hover { color: #3371a0; } .summer:not(.fsComposeMode) .nav-sub .fsNavLevel2 .fsNavPageInfo { display: none; } .nav-summer .fsNavLevel1 .fsNavCurrentPage.fsNavParentPage .fsNavPageInfo { display: block; } .nav-summer .fsNavLevel1 .fsParentPage.fsCurrentPageAncestor .fsNavPageInfo { display: block; } .summer:not(.fsComposeMode) .nav-sub .fsNavLevel2 li { font-size: .8em; } .summer:not(.fsComposeMode) #fsBannerLeft .fsNews { padding: 0 0 1em 20px; } .summer:not(.fsComposeMode) #fsBannerLeft .fsNews .fsTitle { margin: 0; } .summer:not(.fsComposeMode) #fsBannerLeft .fsNews .fsSummary { margin: 0; padding: 0; } .summer:not(.fsComposeMode) .module.tape, .summer:not(.fsComposeMode) .tape.fsSearch.fsSearchField { width: 258px; background: none; border: 0; padding: 0; margin: 0 0 100px; position: relative; background: url("/uploaded/themes/build_2015/images/summer/sc-module-header.png") 0 0 no-repeat; } .summer:not(.fsComposeMode) .module.tape:after, .summer:not(.fsComposeMode) .tape.fsSearch.fsSearchField:after { display: block; content: ''; height: 12px; position: relative; bottom: -12px; background: url("/uploaded/themes/build_2015/images/summer/sc-module-bot.png") 0 0 no-repeat; } .summer:not(.fsComposeMode) .module.tape header, .summer:not(.fsComposeMode) .tape.fsSearch.fsSearchField header { margin: 0; padding: 40px 10px 0 10px; text-align: center; box-shadow: none; font-size: 16px; text-transform: none; background: none; } .summer:not(.fsComposeMode) .module.tape .fsElementContent, .summer:not(.fsComposeMode) .tape.fsSearch.fsSearchField .fsElementContent { padding: 0 20px; } .summer:not(.fsComposeMode) .module.tape .fsElementContent a, .summer:not(.fsComposeMode) .tape.fsSearch.fsSearchField .fsElementContent a { color: #20344f; } .summer:not(.fsComposeMode) .fsAccordion .fsPanel { background: #f2ede0; } .summer:not(.fsComposeMode) .fsAccordion .fsPanel a { color: #091930; } .summer:not(.fsComposeMode) .fsAccordion .fsPanel a:hover { color: #70a2b6; } .summer:not(.fsComposeMode) .fsAccordion .fsPanel > header { background: url("/uploaded/themes/build_2015/images/summer/accordionbg.jpg") 0 0 repeat; } .summer:not(.fsComposeMode) .fsAccordion .fsPanel > header .fsElementTitle { color: #382a07; text-transform: uppercase; font-family: 'Cabin', sans-serif; font-weight: bold; font-size: 14px; line-height: 14px; text-shadow: 0px 1px 1px #ead187; } .summer:not(.fsComposeMode) .section-title { background: #20344f; color: #fff; position: relative; padding: 10px; cursor: pointer; margin: 0 20px 1.2em; font-size: 1.33333em; font-weight: bold; text-transform: uppercase; } .summer:not(.fsComposeMode) .section-title:after { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; float: right; } .active-nav > .section-title:after { content: ""; font-family: "FontAwesome"; font-smoothing: antialiased; font-weight: normal; speak: none; } @media (min-width: 600px) { .summer:not(.fsComposeMode) .section-title { display: none; } } .summer:not(.fsComposeMode) .section-title:before { display: none; } @media (max-width: 599px) { .summer:not(.fsComposeMode) .section-title:before { position: absolute; top: 50%; right: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 0.2em; width: 0.2em; content: ''; background: #20344f; border-radius: 100%; box-shadow: 0 -0.33333em 0 0 #20344f, 0 0.33333em 0 0 #20344f; -webkit-transition: box-shadow .3s, -webkit-transform .3s; transition: box-shadow .3s, transform .3s; } } @media (max-width: 599px) { .active-nav .summer:not(.fsComposeMode) .section-title:before { box-shadow: -0.33333em 0 0 0 #20344f, 0.33333em 0 0 0 #20344f; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 800px) { .summer:not(.fsComposeMode) .fsElephantRightLayout .fsStyleTwoThirds { width: 64.54386%; } } .summer:not(.fsComposeMode) .fsElephantRightLayout .fsStyleOneThird { clear: both; } @media (min-width: 800px) { .summer:not(.fsComposeMode) .fsElephantRightLayout .fsStyleOneThird { width: 34.99052%; clear: none; } } .summer:not(.fsComposeMode) .custom-slideshow { position: relative; z-index: 2; } .summer:not(.fsComposeMode) .custom-slideshow:before { display: block; height: 80%; width: 90%; content: ''; background: black; box-shadow: 0 0 25px black; position: absolute; bottom: 17px; left: 20px; -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); border-radius: 10px; } .summer:not(.fsComposeMode) .custom-slideshow:after { display: block; height: 80%; width: 90%; content: ''; background: black; box-shadow: 0 0 25px black; position: absolute; bottom: 17px; right: 20px; -webkit-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); z-index: -1; border-radius: 10px; } .summer:not(.fsComposeMode) .custom-slideshow .slick-track { background: #000; } .summer:not(.fsComposeMode) table.styled, .summer:not(.fsComposeMode) table.fs_style_27 { background: none; border-top: 1px solid #d9d5c6; } .summer:not(.fsComposeMode) table.styled th, .summer:not(.fsComposeMode) table.fs_style_27 th { background: rgba(255, 255, 255, 0.3); color: #0b314d; border-bottom: 1px solid #284252; border-right: 1px solid #d9d5c6; border-left: 1px solid #d9d5c6; } .summer:not(.fsComposeMode) table.styled td, .summer:not(.fsComposeMode) table.fs_style_27 td { border-top: 1px solid #b2dcfc; border-bottom: 1px solid #27577b; border-right: 1px solid #d9d5c6; background: rgba(255, 255, 255, 0.1); } .summer table.styled tr:nth-of-type(odd) td { background: rgba(255, 255, 255, 0.2); } .summer table.fs_style_27 tr:nth-of-type(odd) td { background: rgba(255, 255, 255, 0.2); } .summer:not(.fsComposeMode) .lead-in { line-height: 1.19; font-size: 21px; font-family: 'Cabin Sketch', cursive; color: #d6630e; font-weight: normal; text-shadow: 0px 1px 1px #aad6f7; } @-webkit-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 1400px 0; } } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 1400px 0; } } .summer-image { width: 261px !important; padding-top: 20px; background: url("/uploaded/themes/build_2015/images/summer/sc-image-top.png") -1px 0 no-repeat; } .summer-image .fs_style_33 { width: 261px !important; background: url("/uploaded/themes/build_2015/images/summer/sc-image-bg.png") -1px bottom no-repeat; padding: 0 10px 32px 10px !important; border: 0 !important; position: relative; } /*! pages - style-guide v0.0.1 */ .style-guide-page .fsPageTitle { margin-bottom: 2em; padding: 0.66667em 1.33333em; background: rgba(0, 0, 0, 0.1); } .colors ol { zoom: 1; margin-bottom: 2.66667em; padding: 0; list-style: none; } .colors ol:after { display: table; clear: both; content: ''; } .colors ol li { position: relative; float: left; margin-bottom: 2em; height: 4em; width: 25%; } @media (min-width: 600px) { .colors ol li { width: 12.5%; } } @media (min-width: 1140px) { .colors ol li { margin-bottom: 0; width: 6.25%; } } .colors ol li:after { position: absolute; top: 100%; left: 0; } .colors ol li:nth-of-type(1) { background: #33312b; color: #33312b; } .colors ol li:nth-of-type(1):after { content: "#33312b"; } .colors ol li:nth-of-type(2) { background: #20344f; color: #20344f; } .colors ol li:nth-of-type(2):after { content: "#20344f"; } .colors ol li:nth-of-type(3) { background: #091930; color: #091930; } .colors ol li:nth-of-type(3):after { content: "#091930"; } .colors ol li:nth-of-type(4) { background: #70a2b6; color: #70a2b6; } .colors ol li:nth-of-type(4):after { content: "#70a2b6"; } .colors ol li:nth-of-type(5) { background: #80bfd8; color: #80bfd8; } .colors ol li:nth-of-type(5):after { content: "#80bfd8"; } .colors ol li:nth-of-type(6) { background: #3f5c6d; color: #3f5c6d; } .colors ol li:nth-of-type(6):after { content: "#3f5c6d"; } .colors ol li:nth-of-type(7) { background: #d1e6f2; color: #d1e6f2; } .colors ol li:nth-of-type(7):after { content: "#d1e6f2"; } .colors ol li:nth-of-type(8) { background: #1f3a4b; color: #1f3a4b; } .colors ol li:nth-of-type(8):after { content: "#1f3a4b"; } .colors ol li:nth-of-type(9) { background: #efd787; color: #efd787; } .colors ol li:nth-of-type(9):after { content: "#efd787"; } .colors ol li:nth-of-type(10) { background: #f3f1bb; color: #f3f1bb; } .colors ol li:nth-of-type(10):after { content: "#f3f1bb"; } .colors ol li:nth-of-type(11) { background: #124d4d; color: #124d4d; } .colors ol li:nth-of-type(11):after { content: "#124d4d"; } .colors ol li:nth-of-type(12) { background: #f4f0e3; color: #f4f0e3; } .colors ol li:nth-of-type(12):after { content: "#f4f0e3"; } .colors ol li:nth-of-type(13) { background: #724f29; color: #724f29; } .colors ol li:nth-of-type(13):after { content: "#724f29"; } .colors ol li:nth-of-type(14) { background: #ca4b1b; color: #ca4b1b; } .colors ol li:nth-of-type(14):after { content: "#ca4b1b"; } .colors ol li:nth-of-type(15) { background: #72110c; color: #72110c; } .colors ol li:nth-of-type(15):after { content: "#72110c"; } .colors ol li:nth-of-type(16) { background: #0076a5; color: #0076a5; } .colors ol li:nth-of-type(16):after { content: "#0076a5"; } .fonts ol { zoom: 1; margin-bottom: 2.66667em; padding: 0; list-style: none; } .fonts ol:after { display: table; clear: both; content: ''; } .fonts ol li { margin-bottom: 0.33333em; padding: 0.33333em; } .fonts ol li:nth-of-type(1) { font-family: "MuseoSlab-100"; } .fonts ol li:nth-of-type(1):after { content: "MuseoSlab-100"; } .fonts ol li:nth-of-type(2) { font-family: "MuseoSlab500Regular"; } .fonts ol li:nth-of-type(2):after { content: "MuseoSlab500Regular"; } .fonts ol li:nth-of-type(3) { font-family: "RobotoRegular"; } .fonts ol li:nth-of-type(3):after { content: "RobotoRegular"; } .fonts ol li:nth-of-type(4) { font-family: arial, sans-serif; } .fonts ol li:nth-of-type(4):after { content: "arial, sans-serif"; } .fonts ol li:nth-of-type(5) { font-family: "FontAwesome"; } .fonts ol li:nth-of-type(5):after { content: "FontAwesome"; } .fonts ol li:nth-of-type(6) { font-family: "IcoMoon"; } .fonts ol li:nth-of-type(6):after { content: "IcoMoon"; } .fonts ol li:nth-of-type(7) { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } .fonts ol li:nth-of-type(7):after { content: "Menlo, Monaco, Consolas, Courier New, monospace"; } .headers h1:after { content: " size: 36px / line: 38px"; } .headers h2:after { content: " size: 32px / line: 34"; } .headers h3:after { content: " size: 28px / line: 30px"; } .headers h4:after { content: " size: 24px / line: 26px"; } .headers h5:after { content: " size: 20px / line: 22px"; } .headers h6:after { content: " size: 16px / line: 18px"; }