@charset "UTF-8";
/**
*
* Davis School District - default_work_order
* @link https://davisk12utus.finalsite.com
* Site Template : newclientcustom
* Built By: Florin Dan
* Project Manager: Lisa Willsey
* Designer: Akua Duah
* ==== Git Info ====
* Branch Name: clients/davisk12utus_work_order
* Build version: 3.2.7
* Git Tag: v3.0-318-g57b73bfbb0
* Last build by: Jworthington
*
**/
@charset "UTF-8";
/*! helpers - functions v0.0.1 */
/*! helpers - utility v0.0.1 */
.compartment {
position: relative;
margin: 0 auto;
max-width: 73.75em;
max-width: 73.75rem; }
@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.25em;
margin-left: 1.25em; }
.margin-x-2x {
margin-right: 2.5em;
margin-left: 2.5em; }
.margin-y {
margin-top: 1.25em;
margin-bottom: 1.25em; }
.margin-y-2x {
margin-top: 2.5em;
margin-bottom: 2.5em; }
.padding-x {
padding-right: 1.25em;
padding-left: 1.25em; }
.padding-x-2x {
padding-right: 2.5em;
padding-left: 2.5em; }
.padding-y {
padding-top: 1.25em;
padding-bottom: 1.25em; }
.padding-y-2x {
padding-top: 2.5em;
padding-bottom: 2.5em; }
.stretch-container {
margin-right: -1.25em;
margin-left: -1.25em; }
.cover {
position: absolute;
height: 100%;
width: 100%; }
/*! helpers - presentational v0.0.1 */
/*! helpers - ui-pattern v0.0.1 */
/*
Example sites:
http://coderepo.demo.finalsite.com/stuff-by-al/dropdown-mixin
http://codepen.io/foxareld/pen/BNpWJm
Ex 1:
Use:
.parent {
@include drop(".dropdown"); //this makes .dropdown drop on hover of .parent
}
//this makes .dropdown drop when .parent has class .drop-class, it was also have a transition
.parent {
@include drop(".dropdown", true, ".drop-class");
}
//this makes .dropdown drop when .sibling has class .drop-class, it will not have a transition
.sibling {
@include drop("+ .dropdown", false, ".drop-class");
}
*/
/*! helpers - typography v0.0.1 */
@font-face {
font-family: 'bpa-font-icons';
src: url("../fonts/bpa-icon-library.eot");
src: url("../fonts/bpa-icon-library.eot?#iefix") format("embedded-opentype"), url("../fonts/bpa-icon-library.woff2") format("woff2"), url("../fonts/bpa-icon-library.woff") format("woff"), url("../fonts/bpa-icon-library.ttf") format("truetype"), url("../fonts/bpa-icon-library.svg#IcoMoon") format("svg");
font-weight: 400;
font-style: normal; }
.apple[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.backpack[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bar-graph[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.baseball[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.book[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.briefcase[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bullhorn[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bus[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.calendar[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.camera[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.certificate[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.check[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.chess[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.city[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.college[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.covid[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.cross[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.directory[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.diversity[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.dollar[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.door[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.droplet[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.enroll[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.family[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.faq[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.files[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.football[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.gift[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.giving[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.globe[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.grad[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group-boys[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group-coed[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group-girls[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.heart[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.info[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.jersey[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.leaf[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.lightbulb[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.link[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.list[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.location[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.lock[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.map[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.medal[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.microscope[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.mobile[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.music[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.paint[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.parent[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.pencil[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.person[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.phone[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.piggy-bank[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.portion[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.question[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.ratio[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.robot[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.school[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.screens[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.settings[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.shoe[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.soccer[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.sports[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.star-of-david[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.star[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.store[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.sun[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.teacher[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.theatre[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.time[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.tree[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.trophy[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.virtual[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.warning[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bpa-icon-library .fsPageTitle {
margin-bottom: 40px;
text-align: center; }
.bpa-icon-library .bpa-infographic-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
margin-bottom: 30px; }
.bpa-icon-library .bpa-infographic-1[class*="infographic-"]:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
visibility: visible !important;
opacity: 1 !important; }
.bpa-icon-library .bpa-infographic-1:before {
color: inherit;
font-size: 50px;
line-height: 1;
font-weight: 400;
margin-bottom: 20px; }
.bpa-icon-library .bpa-infographic-1 > header .fsElementTitle {
color: #183969;
font-size: 30px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 0; }
.bpa-icon-library .bpa-infographic-1 > header .fsElementTitle:last-child {
margin-bottom: 0; }
.bpa-icon-library .bpa-infographic-1 > header .fsElementHeaderContent {
color: #666666;
font-size: 16px;
line-height: 23px;
font-weight: 400;
margin-bottom: 0; }
.bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent {
font-size: 16px;
line-height: 23px;
margin-top: 20px; }
.bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent a {
font-size: inherit;
line-height: inherit;
font-weight: normal;
color: #00819c; }
.bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent a:hover, .bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent a:focus {
color: #183969; }
.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1 > header .fsElementHeaderContent {
display: none; }
.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1 > footer {
display: none; }
.icon-apple a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-backpack a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-bar-graph a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-baseball a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-book a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-briefcase a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-bullhorn a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-bus a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-calendar a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-camera a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-certificate a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-check a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-chess a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-city a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-college a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-covid a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-cross a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-directory a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-diversity a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-dollar a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-door a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-droplet a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-enroll a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-family a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-faq a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-files a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-football a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-gift a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-giving a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-globe a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-grad a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-group-boys a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-group-coed a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-group-girls a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-group a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-heart a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-info a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-jersey a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-leaf a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-lightbulb a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-link a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-list a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-location a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-lock a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-map a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-medal a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-microscope a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-mobile a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-music a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-paint a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-parent a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-pencil a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-person a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-phone a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-piggy-bank a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-portion a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-question a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-ratio a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-robot a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-school a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-screens a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-settings a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-shoe a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-soccer a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-sports a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-star-of-david a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-star a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-store a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-sun a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-teacher a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-theatre a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-time a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-tree a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-trophy a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-virtual a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-warning a:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
font-weight: 700; }
.icon-apple > .fsTitle:before {
content: "" !important; }
.icon-backpack > .fsTitle:before {
content: "" !important; }
.icon-bar-graph > .fsTitle:before {
content: "" !important; }
.icon-baseball > .fsTitle:before {
content: "" !important; }
.icon-book > .fsTitle:before {
content: "" !important; }
.icon-briefcase > .fsTitle:before {
content: "" !important; }
.icon-bullhorn > .fsTitle:before {
content: "" !important; }
.icon-bus > .fsTitle:before {
content: "" !important; }
.icon-calendar > .fsTitle:before {
content: "" !important; }
.icon-camera > .fsTitle:before {
content: "" !important; }
.icon-certificate > .fsTitle:before {
content: "" !important; }
.icon-check > .fsTitle:before {
content: "" !important; }
.icon-chess > .fsTitle:before {
content: "" !important; }
.icon-city > .fsTitle:before {
content: "" !important; }
.icon-college > .fsTitle:before {
content: "" !important; }
.icon-covid > .fsTitle:before {
content: "" !important; }
.icon-cross > .fsTitle:before {
content: "" !important; }
.icon-directory > .fsTitle:before {
content: "" !important; }
.icon-diversity > .fsTitle:before {
content: "" !important; }
.icon-dollar > .fsTitle:before {
content: "" !important; }
.icon-door > .fsTitle:before {
content: "" !important; }
.icon-droplet > .fsTitle:before {
content: "" !important; }
.icon-enroll > .fsTitle:before {
content: "" !important; }
.icon-family > .fsTitle:before {
content: "" !important; }
.icon-faq > .fsTitle:before {
content: "" !important; }
.icon-files > .fsTitle:before {
content: "" !important; }
.icon-football > .fsTitle:before {
content: "" !important; }
.icon-gift > .fsTitle:before {
content: "" !important; }
.icon-giving > .fsTitle:before {
content: "" !important; }
.icon-globe > .fsTitle:before {
content: "" !important; }
.icon-grad > .fsTitle:before {
content: "" !important; }
.icon-group-boys > .fsTitle:before {
content: "" !important; }
.icon-group-coed > .fsTitle:before {
content: "" !important; }
.icon-group-girls > .fsTitle:before {
content: "" !important; }
.icon-group > .fsTitle:before {
content: "" !important; }
.icon-heart > .fsTitle:before {
content: "" !important; }
.icon-info > .fsTitle:before {
content: "" !important; }
.icon-jersey > .fsTitle:before {
content: "" !important; }
.icon-leaf > .fsTitle:before {
content: "" !important; }
.icon-lightbulb > .fsTitle:before {
content: "" !important; }
.icon-link > .fsTitle:before {
content: "" !important; }
.icon-list > .fsTitle:before {
content: "" !important; }
.icon-location > .fsTitle:before {
content: "" !important; }
.icon-lock > .fsTitle:before {
content: "" !important; }
.icon-map > .fsTitle:before {
content: "" !important; }
.icon-medal > .fsTitle:before {
content: "" !important; }
.icon-microscope > .fsTitle:before {
content: "" !important; }
.icon-mobile > .fsTitle:before {
content: "" !important; }
.icon-music > .fsTitle:before {
content: "" !important; }
.icon-paint > .fsTitle:before {
content: "" !important; }
.icon-parent > .fsTitle:before {
content: "" !important; }
.icon-pencil > .fsTitle:before {
content: "" !important; }
.icon-person > .fsTitle:before {
content: "" !important; }
.icon-phone > .fsTitle:before {
content: "" !important; }
.icon-piggy-bank > .fsTitle:before {
content: "" !important; }
.icon-portion > .fsTitle:before {
content: "" !important; }
.icon-question > .fsTitle:before {
content: "" !important; }
.icon-ratio > .fsTitle:before {
content: "" !important; }
.icon-robot > .fsTitle:before {
content: "" !important; }
.icon-school > .fsTitle:before {
content: "" !important; }
.icon-screens > .fsTitle:before {
content: "" !important; }
.icon-settings > .fsTitle:before {
content: "" !important; }
.icon-shoe > .fsTitle:before {
content: "" !important; }
.icon-soccer > .fsTitle:before {
content: "" !important; }
.icon-sports > .fsTitle:before {
content: "" !important; }
.icon-star-of-david > .fsTitle:before {
content: "" !important; }
.icon-star > .fsTitle:before {
content: "" !important; }
.icon-store > .fsTitle:before {
content: "" !important; }
.icon-sun > .fsTitle:before {
content: "" !important; }
.icon-teacher > .fsTitle:before {
content: "" !important; }
.icon-theatre > .fsTitle:before {
content: "" !important; }
.icon-time > .fsTitle:before {
content: "" !important; }
.icon-tree > .fsTitle:before {
content: "" !important; }
.icon-trophy > .fsTitle:before {
content: "" !important; }
.icon-virtual > .fsTitle:before {
content: "" !important; }
.icon-warning > .fsTitle:before {
content: "" !important; }
/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
/* Firefox 10-34 */
filter: url("data:image/svg+xml;utf8,#grayscale");
/*
Chrome 19+,
Safari 6+,
Safari 6+ iOS,
Opera 15+
*/
/* Firefox 35+ */
filter: grayscale(1);
/* IE 6-9 */
filter: gray; }
.grayscale.grayscale-fade {
transition: filter .5s; }
/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.grayscale.grayscale-fade {
transition: -webkit-filter .5s; } }
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover,
.home-post-container article:hover .grayscale-fade {
filter: grayscale(0); }
/* Background element */
.grayscale.grayscale-replaced {
filter: none; }
.grayscale.grayscale-replaced > svg {
transition: opacity .5s ease;
opacity: 1; }
.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg,
.home-post-container article:hover .grayscale-fade > svg {
opacity: 0; }
@font-face {
font-family: 'IcoMoon';
src: url("../fonts/icomoon.eot");
src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#IcoMoon") format("svg");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Clarendon';
src: url("../fonts/ClarendonLtBTLight.ttf") format("truetype");
font-weight: 400;
font-style: normal; }
.skip-link a {
position: absolute;
top: -40px;
left: 0px;
color: #fff;
padding: 6px;
background: #666666;
transition: top 1s ease-out, background 1s linear;
z-index: 9999; }
.skip-link a:focus {
left: 0px;
top: 0px;
background: #666666;
color: #fff;
transition: top .1s ease-in, background .5s linear; }
.fsTitle, .fsAthleticsRosterList li > div.fsRosterName, .fsFacebookFrom, .fsVimeoTitle, .fsYoutubeTitle {
margin: 0;
font-weight: bold;
font-size: 1.1em; }
h1 {
margin-top: 0;
font-weight: 600;
font-size: 36px;
line-height: 50px;
color: #183969;
margin-bottom: 16px; }
h2 {
margin-top: 0;
font-weight: 600;
font-size: 24px;
line-height: 40px;
color: #183969;
margin-bottom: 16px; }
h3 {
margin-top: 0;
font-weight: 600;
font-size: 22px;
line-height: 30px;
color: #122538;
margin-bottom: 10px; }
h4 {
margin-top: 0;
font-weight: 600;
font-size: 20px;
line-height: 22px;
color: #183969;
margin-bottom: 10px; }
h5 {
margin-top: 0;
font-weight: 600;
font-size: 16px;
line-height: 23px;
text-transform: uppercase;
color: #122538;
margin-bottom: 10px; }
h6 {
margin-top: 0;
font-weight: 600;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: #757575;
margin-bottom: 10px; }
p {
margin: 0 0 20px; }
hr {
margin: 0 auto 20px; }
a {
text-decoration: none;
transition: background .3s,
color .3s;
font-weight: 700;
color: #00819c; }
a:hover, a:focus {
text-decoration: underline;
color: #183969; }
a:visited {
/*color:#551A8B; //default purple*/ }
ul,
ol {
margin-top: 0;
padding-left: 1.25em; }
.fsAthleticsEvent.fsTable .fsElementTable, .fsAthleticsRoster .fsElementTable,
table.styled,
.fs_style_32 {
margin-bottom: 20px;
width: 100%; }
.fsAthleticsEvent.fsTable .fsElementTable td, .fsAthleticsRoster .fsElementTable td,
table.styled td,
.fs_style_32 td {
padding: 14px;
background: #e8ebf2;
font-size: 15px; }
.fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td, .fsAthleticsRoster .fsElementTable tr:nth-of-type(odd) td,
table.styled tr:nth-of-type(odd) td,
.fs_style_32 tr:nth-of-type(odd) td {
background-color: #fff; }
.fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable td, .fsAthleticsRoster .fsElementTable td,
table.styled th,
table.styled td,
.fs_style_32 th,
.fs_style_32 td {
vertical-align: top;
border-bottom: none; }
.fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th,
table.styled th,
.fs_style_32 th {
padding: 14px;
text-align: left;
background: #122538;
color: #fff; }
img,
canvas,
video,
svg {
height: auto;
max-width: 100%; }
iframe {
border: 0;
max-width: 100%; }
/*! _main.scss - src/sass/modules/common/ - main common import */
/*! elements - common v0.0.1 */
/* Contains generic styles that apply to every element */
.fsElement {
margin-bottom: 20px; }
.fsElement:last-child {
margin-bottom: 0; }
.fsElementHeaderContent {
margin-bottom: 20px; }
.fsElementFooterContent {
margin-top: 20px; }
.fsPanel {
margin-bottom: 0; }
.fsStyleDefaultField {
border: solid 1px black; }
/*! elements - common - list subtype v0.0.1 */
/* Contains generic styles that apply to every element with the class '.fsList' and the list subtype selected */
.fsList article {
margin-bottom: 20px; }
/*! element - common - slideshow subtype v0.0.1 */
/* Contains generic styles that apply to every element slideshow subtype*/
.fsSlideshow.fsSlideshowVertical .fsElementSlideshow[data-slides-to-show="1"] article {
padding-bottom: 0; }
.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*="true"] {
padding-top: 0;
padding-bottom: 0; }
.fsSlideshow.fsSlideshowHorizontal article {
padding-bottom: 0; }
.fsSlideshow .fsNextButton,
.fsSlideshow .fsPrevButton {
overflow: hidden;
background-color: rgba(33, 37, 41, 0.2);
transition: background-color 0.3s; }
.fsSlideshow .fsNextButton:hover,
.fsSlideshow .fsPrevButton:hover {
background-color: #212529; }
.fsSlideshow .fsNextButton:before,
.fsSlideshow .fsPrevButton:before {
color: #fff;
font-size: 32px;
transition: .3s;
display: inline-block;
line-height: 1;
width: auto;
height: auto;
position: absolute;
font-family: "IcoMoon";
font-weight: normal; }
.fsSlideshow .fsNextButton.fsUpArrow:before, .fsSlideshow .fsNextButton.fsDownArrow:before,
.fsSlideshow .fsPrevButton.fsUpArrow:before,
.fsSlideshow .fsPrevButton.fsDownArrow:before {
top: auto;
bottom: 0; }
.fsSlideshow .fsNextButton.fsLeftArrow:before, .fsSlideshow .fsNextButton.fsRightArrow:before,
.fsSlideshow .fsPrevButton.fsLeftArrow:before,
.fsSlideshow .fsPrevButton.fsRightArrow:before {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
left: 50%;
transform: translate3d(-50%, -50%, 0);
right: auto; }
.fsSlideshow .fsNextButton:hover:before, .fsSlideshow .fsNextButton:focus:before,
.fsSlideshow .fsPrevButton:hover:before,
.fsSlideshow .fsPrevButton:focus:before {
color: #fff;
transition: .3s; }
.fsSlideshow .fsPrevButton:before {
content: ""; }
.fsSlideshow .fsNextButton:before {
content: ""; }
.fsSlideshow .fsPager {
margin-bottom: 0;
margin-top: 20px; }
.fsSlideshow .fsPager li {
width: 12px;
height: 12px;
position: relative;
vertical-align: middle; }
.fsSlideshow .fsPager li button {
width: 100%;
height: 100%;
padding: 0;
color: #666666; }
.fsSlideshow .fsPager li button:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(102, 102, 102, 0.25);
transition: .3s;
opacity: 1; }
.fsSlideshow .fsPager li button:hover:before, .fsSlideshow .fsPager li button:focus:before {
background-color: #666666;
transition: .3s; }
.fsSlideshow .fsPager li button:focus {
outline: 1px dashed rgba(102, 102, 102, 0.25); }
.fsSlideshow .fsPager li.slick-active button:before {
opacity: 1;
background-color: #666666; }
body:not(.fsComposeMode) .universal-slideshow {
display: block;
width: 100%;
z-index: 50;
position: relative;
margin: 0;
overflow: hidden;
border-bottom: 5px solid #f3c201; }
@media (max-width: 999px) {
body:not(.fsComposeMode) .universal-slideshow {
margin: 0; } }
@media (max-width: 799px) {
body:not(.fsComposeMode) .universal-slideshow {
border-bottom: 0px; } }
body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshow {
margin: 0px;
padding: 0px; }
body:not(.fsComposeMode) .universal-slideshow .slick-slider {
margin: 0px !important;
padding: 0px !important; }
body:not(.fsComposeMode) .universal-slideshow .fsResourceCollectionDescription {
margin: 0px; }
body:not(.fsComposeMode) .universal-slideshow article {
position: relative;
display: block;
margin: 0;
padding: 0;
z-index: 10; }
body:not(.fsComposeMode) .universal-slideshow article figure {
margin: 0px; }
body:not(.fsComposeMode) .universal-slideshow article picture {
position: relative;
display: block;
width: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat; }
@media (max-width: 899px) {
body:not(.fsComposeMode) .universal-slideshow article picture {
min-height: 320px; } }
@media (min-width: 1400px) {
body:not(.fsComposeMode) .universal-slideshow article picture {
min-height: 700px; } }
body:not(.fsComposeMode) .universal-slideshow article picture:before {
position: absolute;
content: "";
width: 100%;
left: 0;
bottom: 0;
z-index: 15;
background: linear-gradient(180deg, rgba(0, 0, 0, 4e-05) 0%, rgba(0, 0, 0, 0.4) 100%);
height: 464px; }
body:not(.fsComposeMode) .universal-slideshow article picture img {
max-height: 700px;
height: auto;
opacity: 0; }
body:not(.fsComposeMode) .universal-slideshow article .fsResourceName {
display: none; }
body:not(.fsComposeMode) .universal-slideshow article figcaption,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription {
position: absolute;
z-index: 20;
width: 50%;
left: 0;
bottom: 0;
padding: 63px 37px 38px 67px;
background: rgba(255, 255, 255, 0.7);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 18px;
line-height: 28px;
color: #000000; }
@media (max-width: 1249px) {
body:not(.fsComposeMode) .universal-slideshow article figcaption,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription {
padding: 40px 30px; } }
@media (max-width: 999px) {
body:not(.fsComposeMode) .universal-slideshow article figcaption,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription {
width: 85%; } }
@media (max-width: 799px) {
body:not(.fsComposeMode) .universal-slideshow article figcaption,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription {
width: 100%;
position: relative;
left: auto;
bottom: auto;
background: #ffffff;
padding: 18px 20px 25px 20px;
text-align: center;
font-size: 15px;
line-height: 20px; } }
body:not(.fsComposeMode) .universal-slideshow article figcaption .fsTitle,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription .fsTitle {
display: block;
width: 100%;
margin-bottom: 5px;
font-family: "proxima-nova", sans-serif;
font-size: 32px;
line-height: 34px;
color: #000000; }
@media (max-width: 799px) {
body:not(.fsComposeMode) .universal-slideshow article figcaption .fsTitle,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription .fsTitle {
font-size: 24px;
line-height: 26px; } }
body:not(.fsComposeMode) .universal-slideshow article figcaption .fsTitle.fsResourceName,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription .fsTitle.fsResourceName {
display: none; }
body:not(.fsComposeMode) .universal-slideshow article figcaption p,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription p {
margin-bottom: 29px; }
@media (max-width: 799px) {
body:not(.fsComposeMode) .universal-slideshow article figcaption p,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription p {
margin-bottom: 13px; }
body:not(.fsComposeMode) .universal-slideshow article figcaption p:last-child,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription p:last-child {
margin-bottom: 0; } }
body:not(.fsComposeMode) .universal-slideshow article figcaption p:last-child,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription p:last-child {
margin-bottom: 0; }
body:not(.fsComposeMode) .universal-slideshow article figcaption cite,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription cite {
display: block;
margin: 0;
padding: 0;
font-style: normal;
text-align: inherit;
text-transform: none;
font-family: "proxima-nova", sans-serif;
font-size: 14px;
line-height: 17px;
color: #ffffff; }
body:not(.fsComposeMode) .universal-slideshow article figcaption cite:after, body:not(.fsComposeMode) .universal-slideshow article figcaption cite:before,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription cite:after,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription cite:before {
display: none; }
body:not(.fsComposeMode) .universal-slideshow article figcaption [class*=fs_style_],
body:not(.fsComposeMode) .universal-slideshow article .fsDescription [class*=fs_style_] {
box-shadow: none;
padding: 0;
margin: 0;
background: transparent;
text-decoration: none;
text-transform: none;
font-family: "proxima-nova", sans-serif;
font-size: 14px;
line-height: 17px;
color: #ffffff; }
body:not(.fsComposeMode) .universal-slideshow article figcaption [class*=fs_style_]:before, body:not(.fsComposeMode) .universal-slideshow article figcaption [class*=fs_style_]:after,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription [class*=fs_style_]:before,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription [class*=fs_style_]:after {
display: none; }
body:not(.fsComposeMode) .universal-slideshow article figcaption a,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-right: 7px;
font-family: "proxima-nova", sans-serif;
font-size: 14px;
line-height: 17px;
color: #ffffff;
text-decoration: none;
text-transform: none;
padding: 10px 11px 10px 18px;
margin-bottom: 8px;
border-radius: 5px;
background: #00819c; }
@media (max-width: 799px) {
body:not(.fsComposeMode) .universal-slideshow article figcaption a,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription a {
margin: 0 3px 8px 3px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; } }
body:not(.fsComposeMode) .universal-slideshow article figcaption a:after,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription a:after {
position: relative;
display: block;
content: "";
margin-left: 7px;
width: 15px;
height: 15px;
background: url("../images/slideshow-arrow.png") no-repeat center; }
body:not(.fsComposeMode) .universal-slideshow article figcaption a:hover, body:not(.fsComposeMode) .universal-slideshow article figcaption a:focus,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription a:hover,
body:not(.fsComposeMode) .universal-slideshow article .fsDescription a:focus {
background: #183969;
color: #ffffff;
text-decoration: none; }
body:not(.fsComposeMode) .universal-slideshow .slick-arrow {
width: 40px;
height: 40px; }
@media (max-width: 799px) {
body:not(.fsComposeMode) .universal-slideshow .slick-arrow {
display: none !important; } }
/*! elements - common - dialog box v0.0.1 */
/* Contains generic styles that apply to every element that has a pop-up/dialog option */
.fsDialogCloseButton {
opacity: 1; }
.fsDialogCloseButton:after, .fsDialogCloseButton:before {
background: #666666; }
.fsDialogCloseButton:focus:after, .fsDialogCloseButton:focus:before {
background: #666666; }
.fsDialogCloseButton:hover:after, .fsDialogCloseButton:hover:before {
background: #333333; }
.fsElementDialog {
color: #666666; }
.button {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #183969;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.button:hover, .button:focus,
.fsStateSelected .button {
background-color: #183969;
color: #fff;
text-decoration: none; }
.button em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.color-button {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #00819c;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.color-button:hover, .color-button:focus,
.fsStateSelected .color-button {
background-color: #183969;
color: #fff;
text-decoration: none; }
.color-button em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.hollow-button {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: transparent;
color: #00819c;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
border: 0.2em solid #00819c; }
.hollow-button:hover, .hollow-button:focus,
.fsStateSelected .hollow-button {
background-color: #183969;
color: #00819c;
text-decoration: none; }
.hollow-button em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_23 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #00819c;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
text-shadow: none; }
.fs_style_23:hover, .fs_style_23:focus,
.fsStateSelected .fs_style_23 {
background-color: #00738b;
color: #fff;
text-decoration: none; }
.fs_style_23 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_26 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: transparent;
color: #183969;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #183969;
text-shadow: none; }
.fs_style_26:hover, .fs_style_26:focus,
.fsStateSelected .fs_style_26 {
background-color: #183969;
color: #183969;
text-decoration: none; }
.fs_style_26 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_26:hover, .fs_style_26:focus {
color: #fff; }
.fs_style_27 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #f3c201;
color: #333333;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fs_style_27:hover, .fs_style_27:focus,
.fsStateSelected .fs_style_27 {
background-color: #ddb000;
color: #333333;
text-decoration: none; }
.fs_style_27 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_28 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #48545f;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fs_style_28:hover, .fs_style_28:focus,
.fsStateSelected .fs_style_28 {
background-color: #333333;
color: #fff;
text-decoration: none; }
.fs_style_28 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_29, .quicklinks-container .resource-link .fsNavPageInfo a, .header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: transparent;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #fff;
text-shadow: none; }
.fs_style_29:hover, .quicklinks-container .resource-link .fsNavPageInfo a:hover, .header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a:hover, .fs_style_29:focus, .quicklinks-container .resource-link .fsNavPageInfo a:focus, .header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a:focus,
.fsStateSelected .fs_style_29,
.fsStateSelected .quicklinks-container .resource-link .fsNavPageInfo a,
.quicklinks-container .resource-link .fsNavPageInfo .fsStateSelected a,
.fsStateSelected .header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a,
.header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent .fsStateSelected a {
background-color: #fff;
color: #fff;
text-decoration: none; }
.fs_style_29 em, .quicklinks-container .resource-link .fsNavPageInfo a em, .header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_29:hover, .quicklinks-container .resource-link .fsNavPageInfo a:hover, .header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a:hover, .fs_style_29:focus, .quicklinks-container .resource-link .fsNavPageInfo a:focus, .header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a:focus {
color: #333333; }
.fs_style_38 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: transparent;
color: #757575;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #757575; }
.fs_style_38:hover, .fs_style_38:focus,
.fsStateSelected .fs_style_38 {
background-color: #757575;
color: #757575;
text-decoration: none; }
.fs_style_38 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_38:hover, .fs_style_38:focus {
color: #fff; }
.fs_style_39 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #eeeeee;
color: #666666;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #cdc9c9; }
.fs_style_39:hover, .fs_style_39:focus,
.fsStateSelected .fs_style_39 {
background-color: #cdc9c9;
color: #666666;
text-decoration: none; }
.fs_style_39 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_39:hover, .fs_style_39:focus {
color: #212529; }
.fs_style_30 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #00819c;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fs_style_30:hover, .fs_style_30:focus,
.fsStateSelected .fs_style_30 {
background-color: #00738b;
color: #fff;
text-decoration: none; }
.fs_style_30 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_31 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: transparent;
color: #183969;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #183969; }
.fs_style_31:hover, .fs_style_31:focus,
.fsStateSelected .fs_style_31 {
background-color: #183969;
color: #183969;
text-decoration: none; }
.fs_style_31 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_31 em {
color: rgba(24, 57, 105, 0.7); }
.fs_style_31:hover, .fs_style_31:focus {
color: #fff; }
.fs_style_31:hover em, .fs_style_31:focus em {
color: rgba(255, 255, 255, 0.7); }
.fs_style_35 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #f3c201;
color: #333333;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fs_style_35:hover, .fs_style_35:focus,
.fsStateSelected .fs_style_35 {
background-color: #ddb000;
color: #333333;
text-decoration: none; }
.fs_style_35 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_36 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #48545f;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fs_style_36:hover, .fs_style_36:focus,
.fsStateSelected .fs_style_36 {
background-color: #333333;
color: #fff;
text-decoration: none; }
.fs_style_36 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_37 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: transparent;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #fff; }
.fs_style_37:hover, .fs_style_37:focus,
.fsStateSelected .fs_style_37 {
background-color: #fff;
color: #fff;
text-decoration: none; }
.fs_style_37 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_37:hover, .fs_style_37:focus {
color: #333333; }
.fs_style_37:hover em, .fs_style_37:focus em {
color: rgba(51, 51, 51, 0.7); }
.fs_style_41 {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #eeeeee;
color: #666666;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #cdc9c9; }
.fs_style_41:hover, .fs_style_41:focus,
.fsStateSelected .fs_style_41 {
background-color: #cdc9c9;
color: #666666;
text-decoration: none; }
.fs_style_41 em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fs_style_41:hover, .fs_style_41:focus {
color: #212529; }
.fs_style_41 em {
color: rgba(33, 37, 41, 0.7); }
.fs_style_30,
.fs_style_31,
.fs_style_35,
.fs_style_36,
.fs_style_37,
.fs_style_41 {
font-size: 17px;
line-height: 20px;
padding: 25px 80px; }
.fsStyleDefaultButton {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #666666;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus,
.fsStateSelected .fsStyleDefaultButton {
background-color: #183969;
color: #fff;
text-decoration: none; }
.fsStyleDefaultButton em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fsStyleDefaultButton.fsLoadMoreButton {
margin-bottom: 0; }
.fsStyleDefaultButton.fsSelectAll {
margin-bottom: 5px;
padding: 7px 12px;
font-size: .875em;
line-height: 1.2; }
.fsStyleUpdateButton {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #666666;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus,
.fsStateSelected .fsStyleUpdateButton {
background-color: #183969;
color: #fff;
text-decoration: none; }
.fsStyleUpdateButton em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.lead-in,
.fs_style_24 {
font-size: 30px;
line-height: 42px;
font-family: "adobe-garamond-pro", Georgia, serif;
color: #757575; }
blockquote {
position: relative;
margin: 20px 0;
font-size: 24px;
line-height: 32px;
color: #333333;
font-family: "adobe-garamond-pro", Georgia, serif;
text-align: center;
padding-left: 60px;
padding-right: 60px;
font-weight: 700; }
blockquote:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
left: 0; }
blockquote:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
right: 0; }
blockquote:before, blockquote:after {
color: #f3c201;
position: absolute;
top: 0;
font-size: 25px; }
.fsBannerLeft blockquote,
.fsBannerRight blockquote {
padding: 60px 0 0; }
.fsBannerLeft blockquote:before,
.fsBannerRight blockquote:before {
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.fsBannerLeft blockquote:after,
.fsBannerRight blockquote:after {
display: none; }
cite,
.fs_style_25 {
display: block;
margin: 20px 0 20px;
font-style: normal;
color: #5a5a5a;
font-family: "proxima-nova", sans-serif;
font-size: 18px;
line-height: 19px;
font-weight: 600;
text-align: center; }
cite:before,
.fs_style_25:before {
content: '- '; }
.fsBannerLeft cite,
.fsBannerRight cite, .fsBannerLeft
.fs_style_25,
.fsBannerRight
.fs_style_25 {
margin-top: 20px; }
.callout {
padding-left: 20px;
color: #757575;
border-left: 2px solid #f3c201;
font-size: 24px;
line-height: 35px;
font-family: "adobe-garamond-pro", Georgia, serif; }
.callout.left {
float: left;
margin-left: 20px; }
@media (min-width: 500px) {
.callout.left {
width: 50%; } }
.callout.right {
float: right;
margin-right: 20px; }
@media (min-width: 500px) {
.callout.right {
width: 50%; } }
@media (min-width: 700px) {
.float-right {
width: 50%;
float: right;
margin-left: 20px; } }
@media (min-width: 700px) {
.float-left {
width: 50%;
float: left;
margin-right: 20px; } }
@font-face {
font-family: 'bpa-font-icons';
src: url("../fonts/bpa-icon-library.eot");
src: url("../fonts/bpa-icon-library.eot?#iefix") format("embedded-opentype"), url("../fonts/bpa-icon-library.woff2") format("woff2"), url("../fonts/bpa-icon-library.woff") format("woff"), url("../fonts/bpa-icon-library.ttf") format("truetype"), url("../fonts/bpa-icon-library.svg#IcoMoon") format("svg");
font-weight: 400;
font-style: normal; }
.apple[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.backpack[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bar-graph[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.baseball[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.book[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.briefcase[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bullhorn[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bus[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.calendar[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.camera[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.certificate[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.check[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.chess[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.city[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.college[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.covid[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.cross[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.directory[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.diversity[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.dollar[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.door[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.droplet[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.enroll[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.family[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.faq[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.files[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.football[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.gift[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.giving[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.globe[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.grad[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group-boys[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group-coed[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group-girls[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.group[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.heart[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.info[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.jersey[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.leaf[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.lightbulb[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.link[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.list[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.location[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.lock[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.map[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.medal[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.microscope[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.mobile[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.music[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.paint[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.parent[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.pencil[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.person[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.phone[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.piggy-bank[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.portion[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.question[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.ratio[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.robot[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.school[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.screens[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.settings[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.shoe[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.soccer[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.sports[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.star-of-david[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.star[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.store[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.sun[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.teacher[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.theatre[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.time[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.tree[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.trophy[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.virtual[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.warning[class*="infographic-"]:before {
content: "" !important;
font-family: "bpa-font-icons"; }
.bpa-icon-library .fsPageTitle {
margin-bottom: 40px;
text-align: center; }
.bpa-icon-library .bpa-infographic-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
margin-bottom: 30px; }
.bpa-icon-library .bpa-infographic-1[class*="infographic-"]:before {
content: "";
font-family: "bpa-font-icons";
font-weight: normal;
speak: none;
visibility: visible !important;
opacity: 1 !important; }
.bpa-icon-library .bpa-infographic-1:before {
color: inherit;
font-size: 50px;
line-height: 1;
font-weight: 400;
margin-bottom: 20px; }
.bpa-icon-library .bpa-infographic-1 > header .fsElementTitle {
color: #183969;
font-size: 30px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 0; }
.bpa-icon-library .bpa-infographic-1 > header .fsElementTitle:last-child {
margin-bottom: 0; }
.bpa-icon-library .bpa-infographic-1 > header .fsElementHeaderContent {
color: #666666;
font-size: 16px;
line-height: 23px;
font-weight: 400;
margin-bottom: 0; }
.bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent {
font-size: 16px;
line-height: 23px;
margin-top: 20px; }
.bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent a {
font-size: inherit;
line-height: inherit;
font-weight: normal;
color: #00819c; }
.bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent a:hover, .bpa-icon-library .bpa-infographic-1 > footer .fsElementFooterContent a:focus {
color: #183969; }
.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1 > header .fsElementHeaderContent {
display: none; }
.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1 > footer {
display: none; }
/*! _main.scss - src/sass/navigation/ - main import */
.fsNavigation ul {
list-style: none;
margin: 0;
padding: 0; }
.fsNavigation ul li.fsNavCurrentPage > a, .fsNavigation ul li.fsNavCurrentPageAncestor > a {
color: #183969;
background: transparent; }
.fsNavigation ul li a {
display: block;
padding: 10px 0;
color: #00819c;
background: transparent; }
.fsNavigation ul li a:hover, .fsNavigation ul li a:focus {
color: #183969;
background: transparent; }
.fsNavigation .fsNavLevel2 > li > a {
padding-left: 10px; }
.fsNavigation .fsNavLevel3 > li > a {
padding-left: 20px; }
.fsNavigation .fsNavLevel4 > li > a {
padding-left: 30px; }
.fsNavigation .fsNavLevel5 > li > a {
padding-left: 40px; }
.fsBreadcrumb {
position: relative;
margin: 0 auto;
max-width: 73.75em;
max-width: 73.75rem;
margin: 10px auto 45px; }
.fsBreadcrumb li {
text-transform: uppercase;
font-size: 12px;
line-height: 15px;
font-weight: 600;
color: #343B41; }
.fsBreadcrumb li a {
color: #343B41 !important;
font-weight: 600; }
.fsBreadcrumb span.fsNavBreadcrumbSeperator {
font-size: 14px;
line-height: 14px;
padding: 0 7px;
color: #ADB5BD; }
.fsBreadcrumb ul li {
display: inline-block; }
.fsBreadcrumb ul li a {
display: inline-block;
padding: 0; }
.home .fsBreadcrumb {
display: none !important; }
#fsHeader .fsBreadcrumb {
display: none !important; }
.nav-site-map ul {
margin: 0 0 0 20px;
padding: 0; }
.nav-site-map ul.fsNavLevel1 {
margin-left: 0;
list-style: none; }
@media (min-width: 600px) {
.nav-site-map ul.fsNavLevel1 {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 0;
column-gap: 0;
-moz-column-rule: 0;
column-rule: 0;
min-height: initial; }
.nav-site-map ul.fsNavLevel1 li {
page-break-inside: avoid;
break-inside: avoid-column; } }
.nav-site-map ul.fsNavLevel1 > li > a {
margin-bottom: 20px;
font-weight: 700; }
.nav-site-map ul.fsNavLevel2 {
list-style: disc; }
.nav-site-map ul.fsNavLevel3 {
list-style: circle; }
.nav-site-map ul.fsNavLevel4 {
list-style: square; }
.nav-site-map ul.fsNavLevel5 {
list-style: disc; }
.nav-tier ul {
list-style: none;
margin: 0;
padding: 0; }
.nav-tier ul li a {
display: block;
padding: 10px 10px;
color: #00819c;
background: transparent; }
.nav-tier ul li a:hover, .nav-tier ul li a:focus {
color: #183969;
background: #122538; }
.nav-tier ul li.fsNavCurrentPage > a {
color: #183969;
background: #060c11; }
.nav-tier ul li.fsNavCurrentPage > a:hover, .nav-tier ul li.fsNavCurrentPage > a:focus {
color: #00819c;
background: #122538; }
.nav-tier ul li.fsNavCurrentPageAncestor {
background: #122538; }
.nav-tier ul li.fsNavCurrentPageAncestor > a {
color: #00819c;
background: transparent; }
.nav-tier ul li.fsNavCurrentPageAncestor > a:hover, .nav-tier ul li.fsNavCurrentPageAncestor > a:focus {
color: #00819c;
background: #122538; }
.nav-tier .fsNavLevel1 {
padding-left: 0; }
.nav-tier .fsNavLevel1 > li {
border-bottom: 1px solid #122538; }
.nav-tier .fsNavLevel1 > li:last-child {
border-bottom: none; }
.nav-tier .fsNavLevel2 > li > a {
padding-left: 20px; }
.nav-tier .fsNavLevel3 > li > a {
padding-left: 30px; }
.nav-tier .fsNavLevel4 > li > a {
padding-left: 40px; }
.nav-tier .fsNavLevel5 > li > a {
padding-left: 50px; }
.nav-sub-simple {
display: block;
background-color: #f7f8fb;
padding: 20px 30px; }
.nav-sub-simple ul {
list-style: none;
margin: 0;
padding: 0; }
.nav-sub-simple ul li a {
display: block;
padding: 14px 10px;
color: #48545f;
background: transparent;
width: calc(100% - 30px); }
.nav-sub-simple ul li a:hover, .nav-sub-simple ul li a:focus {
color: #183969;
background: transparent; }
.nav-sub-simple ul li.fsNavCurrentPage > a {
color: #183969;
background: transparent; }
.nav-sub-simple ul li.fsNavCurrentPage > a:hover, .nav-sub-simple ul li.fsNavCurrentPage > a:focus {
color: #183969;
background: transparent; }
.nav-sub-simple ul li.fsNavCurrentPageAncestor {
background: transparent; }
.nav-sub-simple ul li.fsNavCurrentPageAncestor > a {
color: #183969;
background: transparent; }
.nav-sub-simple ul li.fsNavCurrentPageAncestor > a:hover, .nav-sub-simple ul li.fsNavCurrentPageAncestor > a:focus {
color: #183969;
background: transparent; }
.nav-sub-simple ul.fsNavLevel1 > li {
display: none; }
.nav-sub-simple ul.fsNavLevel1 > li.fsNavCurrentPage, .nav-sub-simple ul.fsNavLevel1 > li.fsNavCurrentPageAncestor {
display: block; }
.nav-sub-simple ul.fsNavLevel1 > li.fsNavCurrentPage > a, .nav-sub-simple ul.fsNavLevel1 > li.fsNavCurrentPageAncestor > a {
display: none; }
.nav-sub-simple ul.fsNavLevel2 > li {
display: none; }
.nav-sub-simple ul.fsNavLevel2 > li.fsNavCurrentPage, .nav-sub-simple ul.fsNavLevel2 > li.fsNavCurrentPageAncestor {
display: block; }
.nav-sub-simple ul.fsNavLevel2 > li.fsNavCurrentPage > a, .nav-sub-simple ul.fsNavLevel2 > li.fsNavCurrentPageAncestor > a {
margin-top: 0;
font-weight: 600;
font-size: 24px;
line-height: 40px;
color: #183969;
margin-bottom: 16px;
padding: 0;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #dce0e9;
margin-bottom: 12px; }
.nav-sub-simple .fsNavLevel3 {
padding-left: 0; }
@media screen and (max-width: 599px) {
.nav-sub-simple .fsNavLevel3 {
padding-top: 14px;
padding-bottom: 14px; } }
.nav-sub-simple .fsNavLevel3 > li + li {
border-top: 1px solid #dce0e9; }
.nav-sub-simple .fsNavLevel3 > li > a {
padding-left: 0; }
.nav-sub-simple .fsNavLevel4 > li {
font-size: 15px; }
.nav-sub-simple .fsNavLevel4 > li > a {
padding-left: 20px; }
.nav-sub-simple .fsNavLevel5 > li > a {
padding-left: 30px; }
.nav-sub-simple .fsNavLevel6 > li > a {
padding-left: 40px; }
.nav-sub {
display: none; }
.nav-sub:not(.mobile-sub) > header {
display: block;
border-bottom: 1px solid #dce0e9;
margin-bottom: 12px; }
.nav-sub:not(.mobile-sub) > header h2 {
margin-bottom: 10px; }
.nav-sub:not(.mobile-sub) > header h2 a {
color: #183969;
background: transparent; }
.nav-sub:not(.mobile-sub) > header h2 a:hover, .nav-sub:not(.mobile-sub) > header h2 a:focus {
color: #183969; }
@media screen and (max-width: 599px) {
.nav-sub > header {
display: block;
position: relative; }
.nav-sub > header .fsElementTitle {
position: relative;
margin-top: 0;
font-weight: 600;
font-size: 16px;
line-height: 23px;
text-transform: uppercase;
color: #122538;
margin-bottom: 10px;
margin-bottom: 0;
display: block;
padding: 14px 20px;
color: #fff;
background-color: #00819c;
transition: .3s;
font-weight: 600;
font-size: 14px;
cursor: pointer;
position: relative;
padding-right: 40px; }
.nav-sub > header .fsElementTitle:hover {
background-color: #005769;
color: #fff; } }
@media screen and (max-width: 599px) and (min-width: 600px) {
.nav-sub > header .fsElementTitle {
cursor: default; } }
@media screen and (max-width: 599px) {
.nav-sub > header .fsElementTitle:after {
content: "+";
line-height: 1;
position: absolute;
margin: 0;
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
right: 20px; }
.nav-sub > .fsElementContent {
position: relative;
display: block;
background-color: #f7f8fb;
padding: 0 30px; }
.nav-sub > .fsElementContent ul li a {
display: block;
padding: 14px 20px;
color: #48545f;
background: transparent; }
.nav-sub > .fsElementContent ul li a:hover, .nav-sub > .fsElementContent ul li a:focus {
color: #48545f;
background: transparent; }
.nav-sub > .fsElementContent ul li.fsNavCurrentPage > a {
color: #183969;
background: transparent; }
.nav-sub > .fsElementContent ul li.fsNavCurrentPage > a:hover, .nav-sub > .fsElementContent ul li.fsNavCurrentPage > a:focus {
color: #183969;
background: transparent; }
.nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor {
background: transparent; }
.nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a {
color: #183969;
background: transparent; }
.nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a:hover, .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a:focus {
color: #183969;
background: transparent; }
.nav-sub > .fsElementContent .fsNavLevel1 > li > a {
padding-left: 0; }
.nav-sub > .fsElementContent .fsNavLevel2 > li {
font-size: 15px; }
.nav-sub > .fsElementContent .fsNavLevel2 > li > a {
padding-left: 30px; }
.nav-sub > .fsElementContent .fsNavLevel3 > li > a {
padding-left: 40px; }
.nav-sub > .fsElementContent .fsNavLevel4 > li > a {
padding-left: 50px; }
.nav-sub > .fsElementContent .fsNavLevel5 > li > a {
padding-left: 60px; }
.nav-sub.active-nav > header .fsElementTitle {
background-color: #00819c;
color: #fff; }
.nav-sub.active-nav > header .fsElementTitle:after {
content: "-"; } }
.nav-sub.mobile-sub {
display: block; }
@media (min-width: 600px) {
.nav-sub {
display: block;
background-color: #f7f8fb;
padding: 20px 30px; }
.nav-sub.mobile-sub {
display: none; } }
.nav-sub > .fsElementContent {
height: auto;
max-height: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease; }
@media (min-width: 600px) {
.nav-sub > .fsElementContent {
max-height: 9999px;
visibility: visible;
opacity: 1; } }
.nav-sub.active-nav > .fsElementContent {
max-height: 9999px;
visibility: visible;
opacity: 1; }
.fsHeader .nav-sub {
display: block; }
@media (min-width: 600px) {
.fsHeader .nav-sub {
display: none; } }
.nav-sub.nav-sub-empty {
display: none !important; }
.nav-sub ul {
list-style: none;
margin: 0;
padding: 0; }
.nav-sub ul li a {
display: block;
padding: 14px 10px;
color: #48545f;
background: transparent;
width: calc(100% - 30px); }
.nav-sub ul li a:hover, .nav-sub ul li a:focus {
color: #183969;
background: transparent; }
.nav-sub ul li.fsNavCurrentPage > a {
color: #183969;
background: transparent; }
.nav-sub ul li.fsNavCurrentPage > a:hover, .nav-sub ul li.fsNavCurrentPage > a:focus {
color: #183969;
background: transparent; }
.nav-sub ul li.fsNavCurrentPageAncestor {
background: transparent; }
.nav-sub ul li.fsNavCurrentPageAncestor > a {
color: #183969;
background: transparent; }
.nav-sub ul li.fsNavCurrentPageAncestor > a:hover, .nav-sub ul li.fsNavCurrentPageAncestor > a:focus {
color: #183969;
background: transparent; }
.nav-sub .fsNavLevel1 {
padding-left: 0; }
@media screen and (max-width: 599px) {
.nav-sub .fsNavLevel1 {
padding-top: 14px;
padding-bottom: 14px; } }
.nav-sub .fsNavLevel1 > li + li {
border-top: 1px solid #dce0e9; }
.nav-sub .fsNavLevel1 > li > a {
padding-left: 0; }
.nav-sub .fsNavLevel2 > li {
font-size: 15px; }
.nav-sub .fsNavLevel2 > li > a {
padding-left: 20px; }
.nav-sub .fsNavLevel3 > li > a {
padding-left: 30px; }
.nav-sub .fsNavLevel4 > li > a {
padding-left: 40px; }
.nav-sub .fsNavLevel5 > li > a {
padding-left: 50px; }
.nav-sub li.fsNavParentPage {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative; }
.nav-sub li.fsNavParentPage > .fsNavPageInfo {
position: absolute;
top: 100%;
left: 0;
max-height: 0;
overflow: hidden; }
.active .nav-sub li.fsNavParentPage > .fsNavPageInfo {
max-height: 9999px; }
.nav-sub li.fsNavParentPage.active > .fsNavPageInfo {
max-height: 9999px; }
.nav-sub li.fsNavParentPage .fsNavPageInfo {
width: 100%;
position: static; }
.nav-sub li.fsNavParentPage .nav-sub-btn {
padding: 0 10px;
background-color: transparent;
border: 0;
cursor: pointer;
width: 25px; }
.nav-sub li.fsNavParentPage .nav-sub-btn:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #747b83;
font-size: 18px;
color: #00819c; }
.nav-sub li.fsNavParentPage.active > .nav-sub-btn:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-sub.mobile-sub .fsElementTitle {
color: #fff; }
.nav-sub.mobile-sub > header h2.fsElementTitle > a {
color: #fff !important; }
.nav-main {
margin-bottom: 0; }
.fsHeader .nav-main {
display: none; }
@media (min-width: 1100px) {
.fsHeader .nav-main {
display: block;
width: 100%; } }
@media (min-width: 1100px) {
.nav-main .fsNavLevel1 {
position: relative;
margin: 0 auto;
max-width: 73.75em;
max-width: 73.75rem;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.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:hover > a {
color: #666666;
background: transparent;
text-decoration: none; }
.nav-main .fsNavLevel1 > li:hover > a:before {
-ms-transform: scaleX(1);
transform: scaleX(1); }
.nav-main .fsNavLevel1 > li[class*="fsNavCurrentPage"] > a {
color: #666666;
background: transparent; }
.nav-main .fsNavLevel1 > li[class*="fsNavCurrentPage"] > a:before {
-ms-transform: scaleX(1);
transform: scaleX(1); }
.nav-main .fsNavLevel1 > li > a {
display: block;
color: #666666;
background: transparent;
font-size: 18px;
line-height: 22px;
padding: 5px 0 15px 0;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
position: relative; }
.nav-main .fsNavLevel1 > li > a:before {
content: "";
position: absolute;
top: calc(100% - 3px);
height: 3px;
background-color: #f3c201;
left: 0;
width: 100%;
-ms-transform: scaleX(0);
transform: scaleX(0);
transition: transform 0.3s; }
.nav-main .fsNavLevel1 > li > a:focus {
color: #666666;
background: transparent;
text-decoration: none; }
.nav-main .fsNavLevel1 > li > a:focus:before {
-ms-transform: scaleX(1);
transform: scaleX(1); }
html.js .nav-main .fsNavLevel1 > li {
position: relative;
position: static; }
html.js .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
position: absolute;
top: 100%;
left: 0;
max-height: 0;
overflow: hidden; }
.menu-item-open html.js .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
max-height: 9999px; }
html.js .nav-main .fsNavLevel1 > li.menu-item-open > .fsNavPageInfo {
max-height: 9999px; }
html.js .nav-main .fsNavLevel1 > li:hover > .fsNavPageInfo {
max-height: 400px;
max-height: calc(100vh - 200px);
overflow-y: scroll;
border: 1px solid #cdc9c9; }
html.js .nav-main .fsNavLevel1 > li.menu-item-open > .fsNavPageInfo {
border: 1px solid #cdc9c9; }
html:not(.js) .nav-main .fsNavLevel1 > li {
position: relative;
position: static; }
html:not(.js) .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
position: absolute;
top: 100%;
left: 0;
max-height: 0;
overflow: hidden; }
html:not(.js) .nav-main .fsNavLevel1 > li:hover > .fsNavPageInfo {
max-height: 9999px; }
@media (max-width: 599px) {
html:not(.js) .nav-main .fsNavLevel1 > li:focus > .fsNavPageInfo {
max-height: 9999px; } }
.nav-main .fsNavPageDescription {
display: none; }
.nav-main .info-link,
.nav-main .quicklinks-link,
.nav-main .social-links,
.nav-main .footer-resources-links {
display: none !important; }
.fixed-top #fsHeader .nav-main .fsElementContent,
.fixed-top #fsHeader .nav-main nav,
.fixed-top #fsHeader .nav-main .fsNavLevel1,
.fixed-top #fsHeader .nav-main .fsNavLevel1 > li > a {
height: 100%; }
.fixed-top #fsHeader .nav-main .fsNavLevel1 > li > a {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center; }
.fixed-top #fsHeader .nav-main .fsNavLevel1 > li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center; }
.nav-main .fsNavLevel1 > li > .fsNavPageInfo {
background: #fff;
text-align: left;
z-index: 300;
width: 100%; }
.nav-main .fsNavLevel1 > li:first-child .fsNavPageInfo {
left: 0;
-ms-transform: none;
transform: none; }
.nav-main .fsNavLevel1 > li:last-child .fsNavPageInfo {
right: 0;
left: auto;
-ms-transform: none;
transform: none; }
@media (min-width: 1200px) {
#fsHeader .nav-main .fsNavLevel1 > li.departments-link > .fsNavPageInfo {
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: calc(50% - 91px);
width: 1200px; }
.fixed-top #fsHeader .nav-main .fsNavLevel1 > li.departments-link > .fsNavPageInfo {
left: calc(50% + -80px); } }
#fsHeader .nav-main .fsNavLevel1 > li.departments-link .fsNavLevel2 {
display: block;
padding-left: 10px;
padding-right: 10px;
width: 20%; }
#fsHeader .nav-main .fsNavLevel1 > li.departments-link .fsNavLevel2 > li {
width: 100%;
margin-left: 0; }
#fsHeader .nav-main .fsNavLevel1 > li.departments-link .fsNavLevel2 > li > a {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px; }
#fsHeader .nav-main .fsNavLevel1 > li.departments-link .fsNavLevel2 > li .mm-btn {
top: 9px; }
.nav-main .mm-inner {
padding: 22px 35px 22px 14px;
display: -ms-flexbox;
display: flex; }
.nav-main .fsNavPageThumbnail {
-ms-flex: 0 0 280px;
flex: 0 0 280px; }
.nav-main .fsNavLevel2 {
padding-left: 48px;
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: block;
padding-left: 10px;
padding-right: 10px;
width: 50%; }
.nav-main .fsNavLevel2 > li {
border-bottom: 1px solid rgba(151, 151, 151, 0.5);
position: relative;
margin-right: 8px;
margin-left: 8px; }
.nav-main .fsNavLevel2 > li .mm-btn {
padding: 0;
background-color: transparent;
border: 0;
cursor: pointer;
position: absolute;
top: 15px;
right: 10px;
width: 22px; }
.nav-main .fsNavLevel2 > li .mm-btn:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #00819c;
margin-left: 8px; }
.nav-main .fsNavLevel2 > li .mm-btn:hover:before, .nav-main .fsNavLevel2 > li .mm-btn:focus:before {
color: #f3c201; }
.nav-main .fsNavLevel2 > li a {
display: block;
color: #666666;
background: transparent;
padding: 0.625em 0;
font-weight: 400;
font-size: 14px;
line-height: 17px; }
.nav-main .fsNavLevel2 > li a:hover, .nav-main .fsNavLevel2 > li a:focus {
color: #183969;
text-decoration: none; }
.nav-main .fsNavLevel2 > li > a {
font-size: 16px;
line-height: 19px;
font-weight: 600;
padding: 15px 40px 15px 0; }
.nav-main .fsNavLevel2 > li[class*="fsNavCurrentPage"] > a {
color: #183969;
background: transparent; }
.nav-main .fsNavLevel2 > li.fsNavParentPage {
position: relative; }
.nav-main .fsNavLevel2 > li.fsNavParentPage > .fsNavPageInfo {
position: absolute;
top: 100%;
left: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }
.active .nav-main .fsNavLevel2 > li.fsNavParentPage > .fsNavPageInfo {
max-height: 9999px;
transition: max-height 0.5s cubic-bezier(1, 0, 1, 0); }
.nav-main .fsNavLevel2 > li.fsNavParentPage.active > .fsNavPageInfo {
max-height: 9999px;
transition: max-height 0.5s cubic-bezier(1, 0, 1, 0); }
.nav-main .fsNavLevel2 > li.fsNavParentPage > .fsNavPageInfo {
position: static; }
.nav-main .fsNavLevel2 > li.active .mm-btn:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-main .fsNavLevel1 > li.no-pic .mm-inner {
padding-right: 14px; }
.nav-main .fsNavLevel1 > li.no-pic .fsNavLevel2 {
padding-left: 0; }
.nav-main .fsNavLevel1 > li.no-pic .fsNavLevel2 > li {
width: calc(25% - 30px);
margin-left: 15px;
margin-right: 15px; }
.mobile-nav-main .info-link,
.mobile-nav-main .quicklinks-link,
.mobile-nav-main .social-links,
.mobile-nav-main .footer-resources-links {
display: none !important; }
.mobile-nav-main .fsNavLevel1 > li {
padding: 0 10px; }
.mobile-nav-main .fsNavLevel1 > li > a {
font-size: 16px;
line-height: 21px;
color: #b3b9c6;
text-transform: uppercase;
padding: 14px 0; }
.mobile-nav-main .fsNavLevel1 > li + li {
border-top: 1px solid rgba(255, 255, 255, 0.2); }
.mobile-nav-main a:hover,
.mobile-nav-main a:focus {
color: #fff !important;
text-decoration: none; }
.mobile-nav-main li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
.mobile-nav-main li > .fsNavPageInfo {
position: absolute;
top: 100%;
left: 0;
max-height: 0;
overflow: hidden; }
.active .mobile-nav-main li > .fsNavPageInfo {
max-height: 9999px; }
.mobile-nav-main li.active > .fsNavPageInfo {
max-height: 9999px; }
.mobile-nav-main li > .fsNavPageInfo {
position: static; }
.mobile-nav-main .fsNavPageInfo {
width: 100%; }
.mobile-nav-main .active > a {
color: #fff !important; }
.mobile-nav-main .fsNavLevel2 a {
color: #c3c9d6;
font-size: 15px;
line-height: 18px;
font-weight: 400;
padding-left: 0 !important;
padding-right: 0; }
.mobile-nav-main .fsNavLevel2 .fsNavPageInfo {
padding-left: 10px; }
.mobile-sub-btn {
padding: 0 10px;
background-color: transparent;
border: 0;
cursor: pointer; }
.mobile-sub-btn:before {
content: "+";
color: #b3b9c6;
font-size: 18px; }
.active > .mobile-sub-btn:before {
content: "-"; }
.mobile-button {
background-color: transparent;
padding: 0;
border: 0;
font-size: 15px;
color: #fff;
cursor: pointer; }
.mobile-button:before {
display: inline-block;
color: #fff;
margin-right: 6px; }
#fsHeader .mobile-button {
display: none;
font-size: 20px;
-ms-flex-order: 5 !important;
order: 5 !important; }
@media (max-width: 1099px) {
#fsHeader .mobile-button {
display: block; } }
#fsHeader .mobile-button:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
#fsMenu .mobile-button {
margin-top: 10px;
margin-right: 10px; }
#fsMenu .mobile-button:before {
content: "×";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
font-size: 40px; }
#fsMenu {
display: none;
position: fixed;
top: 0;
left: 100%;
width: 320px;
height: 100%;
z-index: 999999;
background-color: #183969;
overflow: scroll;
transition: transform 0.3s;
padding: 0 0 60px;
text-align: right; }
#fsMenu .fsMenu {
text-align: left;
padding: 0 20px; }
.fsAccountBarVisible #fsMenu {
top: 45px; }
.drawer-is-active #fsMenu {
-ms-transform: translateX(-320px);
transform: translateX(-320px); }
@media (max-width: 1099px) {
#fsMenu {
display: block; } }
@media (max-width: 699px) {
#fsMenu {
width: 100%; }
.drawer-is-active #fsMenu {
-ms-transform: translateX(-100%);
transform: translateX(-100%); } }
@media (min-width: 1100px) {
.quicklinks-container {
position: fixed;
top: 0;
left: 100%;
width: 400px;
height: 100%;
z-index: 999999;
background-color: #183969;
overflow: auto;
transition: transform 0.3s;
padding: 20px; }
.show-quicklinks .quicklinks-container {
-ms-transform: translateX(-100%);
transform: translateX(-100%); } }
.quicklinks-container > header .fsElementTitle {
font-size: 20px;
line-height: 28px;
color: #fff;
text-transform: uppercase;
margin-top: 50px; }
@media (max-width: 1099px) {
.quicklinks-container > header .fsElementTitle {
display: none; } }
.quicklinks-container .fsNavigation .fsNavLevel1 > li:not(.quicklinks-link) {
display: none; }
.quicklinks-container .close-quicklinks {
position: absolute;
top: 22px;
right: 22px;
background-color: transparent;
padding: 0;
border: 0;
cursor: pointer; }
.quicklinks-container .close-quicklinks:before {
content: "×";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #fff;
font-size: 40px;
display: block;
line-height: 1; }
.quicklinks-container .close-quicklinks:hover:before {
color: #f3c201; }
.quicklinks-container .fsNavLevel1 > li > a {
display: none; }
.quicklinks-container .fsNavLevel2 > li > a {
font-size: 14px;
line-height: 1;
color: #cdc9c9 !important;
font-weight: 600;
text-transform: uppercase;
border-bottom: 2px solid rgba(216, 216, 216, 0.5);
padding-bottom: 5px;
padding-left: 0;
cursor: default; }
.quicklinks-container .fsNavLevel2 > li > a:hover, .quicklinks-container .fsNavLevel2 > li > a:focus {
text-decoration: none; }
.quicklinks-container .fsNavLevel2 > li + li {
margin-top: 40px; }
.quicklinks-container .fsNavLevel3 {
margin-top: 18px; }
.quicklinks-container .fsNavLevel3 li {
border-bottom: 1px solid #d8d8d8; }
.quicklinks-container .fsNavLevel3 li[class*='CurrentPage'] > a {
color: #f3c201; }
.quicklinks-container .fsNavLevel3 a {
font-size: 14px;
color: #fff;
font-weight: 400;
padding: 0;
padding-left: 0 !important; }
.quicklinks-container .fsNavLevel3 a:hover, .quicklinks-container .fsNavLevel3 a:focus {
color: #f3c201; }
.quicklinks-container .resource-link {
margin-top: 60px; }
.quicklinks-container .resource-link .fsNavPageInfo {
padding-top: 20px; }
.quicklinks-container .resource-link li {
display: inline-block; }
.quicklinks-container .resource-link li + li {
margin-left: 5px; }
#fsMenu .quicklinks-container .resource-link li + li {
margin-left: 0; }
#fsMenu .quicklinks-container .resource-link li {
display: block; }
.quicklinks-container .resource-link .fsNavPageInfo a {
padding: 10px 20px !important; }
#fsMenu .quicklinks-container .resource-link .fsNavPageInfo a {
width: 100%; }
@media (max-width: 1099px) {
#fsPageWrapper > .quicklinks-container {
display: none; } }
.show-quicklinks,
.drawer-is-active,
.show-schools {
position: relative; }
.show-quicklinks:before,
.drawer-is-active:before,
.show-schools:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9999;
pointer-events: auto; }
.show-quicklinks, .show-quicklinks body,
.drawer-is-active,
.drawer-is-active body,
.show-schools,
.show-schools body {
height: 100%;
overflow: hidden; }
.title-button-mobile {
margin: 20px 0; }
.title-button-mobile p {
margin-bottom: 0; }
.title-button-mobile a {
color: #fff;
background-color: #00819c;
text-decoration: none !important;
font-size: 14px;
line-height: 17px;
font-weight: 600;
border-radius: 5px;
padding: 10px 16px;
display: table; }
.title-button-mobile a:visited {
color: #ffffff; }
.title-button-mobile a:hover, .title-button-mobile a:focus {
text-decoration: none;
background-color: #f3c201;
color: #1e2023; }
.nav-social .fsNavLevel1 {
font-size: 0; }
.nav-social .fsNavLevel1, .nav-social .fsNavLevel1 ul {
margin: 0;
padding: 0;
list-style: none; }
.nav-social .fsNavLevel1 li {
margin: 0;
padding: 0; }
.nav-social .fsNavLevel1 li {
display: inline-block; }
.nav-social .fsNavLevel1 li:not(:last-child) {
margin-right: 10px; }
.nav-social .fsNavLevel1 [href*='facebook']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='instagram']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='linkedin']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='pinterest']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='tumblr']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='twitter']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='vimeo']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='vine']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='youtube']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='googleplus']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='wechat']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='flickr']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='wordpress']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='rss']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='facebook']:hover, .nav-social .fsNavLevel1 [href*='facebook']:focus {
background: #3b5998;
border-color: #3b5998; }
.nav-social .fsNavLevel1 [href*='facebook']:hover:before, .nav-social .fsNavLevel1 [href*='facebook']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='instagram']:hover, .nav-social .fsNavLevel1 [href*='instagram']:focus {
background: #3f729b;
border-color: #3f729b; }
.nav-social .fsNavLevel1 [href*='instagram']:hover:before, .nav-social .fsNavLevel1 [href*='instagram']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='linkedin']:hover, .nav-social .fsNavLevel1 [href*='linkedin']:focus {
background: #0077b5;
border-color: #0077b5; }
.nav-social .fsNavLevel1 [href*='linkedin']:hover:before, .nav-social .fsNavLevel1 [href*='linkedin']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='pinterest']:hover, .nav-social .fsNavLevel1 [href*='pinterest']:focus {
background: #cc2127;
border-color: #cc2127; }
.nav-social .fsNavLevel1 [href*='pinterest']:hover:before, .nav-social .fsNavLevel1 [href*='pinterest']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='tumblr']:hover, .nav-social .fsNavLevel1 [href*='tumblr']:focus {
background: #35465c;
border-color: #35465c; }
.nav-social .fsNavLevel1 [href*='tumblr']:hover:before, .nav-social .fsNavLevel1 [href*='tumblr']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='twitter']:hover, .nav-social .fsNavLevel1 [href*='twitter']:focus {
background: #55acee;
border-color: #55acee; }
.nav-social .fsNavLevel1 [href*='twitter']:hover:before, .nav-social .fsNavLevel1 [href*='twitter']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='vimeo']:hover, .nav-social .fsNavLevel1 [href*='vimeo']:focus {
background: #1ab7ea;
border-color: #1ab7ea; }
.nav-social .fsNavLevel1 [href*='vimeo']:hover:before, .nav-social .fsNavLevel1 [href*='vimeo']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='vine']:hover, .nav-social .fsNavLevel1 [href*='vine']:focus {
background: #00b488;
border-color: #00b488; }
.nav-social .fsNavLevel1 [href*='vine']:hover:before, .nav-social .fsNavLevel1 [href*='vine']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='youtube']:hover, .nav-social .fsNavLevel1 [href*='youtube']:focus {
background: #cd201f;
border-color: #cd201f; }
.nav-social .fsNavLevel1 [href*='youtube']:hover:before, .nav-social .fsNavLevel1 [href*='youtube']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='googleplus']:hover, .nav-social .fsNavLevel1 [href*='googleplus']:focus {
background: #db4f46;
border-color: #db4f46; }
.nav-social .fsNavLevel1 [href*='googleplus']:hover:before, .nav-social .fsNavLevel1 [href*='googleplus']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='wechat']:hover, .nav-social .fsNavLevel1 [href*='wechat']:focus {
background: #37bf21;
border-color: #37bf21; }
.nav-social .fsNavLevel1 [href*='wechat']:hover:before, .nav-social .fsNavLevel1 [href*='wechat']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='flickr']:hover, .nav-social .fsNavLevel1 [href*='flickr']:focus {
background: #2090d9;
border-color: #2090d9; }
.nav-social .fsNavLevel1 [href*='flickr']:hover:before, .nav-social .fsNavLevel1 [href*='flickr']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='wordpress']:hover, .nav-social .fsNavLevel1 [href*='wordpress']:focus {
background: #0f74a8;
border-color: #0f74a8; }
.nav-social .fsNavLevel1 [href*='wordpress']:hover:before, .nav-social .fsNavLevel1 [href*='wordpress']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 [href*='rss']:hover, .nav-social .fsNavLevel1 [href*='rss']:focus {
background: #f26522;
border-color: #f26522; }
.nav-social .fsNavLevel1 [href*='rss']:hover:before, .nav-social .fsNavLevel1 [href*='rss']:focus:before {
color: #fff; }
.nav-social .fsNavLevel1 a {
display: block;
position: relative;
border: 1px solid #00819c;
background: #fff;
height: 30px;
width: 30px;
border-radius: 100%; }
.nav-social .fsNavLevel1 a:before {
color: #00819c;
font-size: 16px;
transition: 0.3s all;
display: block;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.nav-social .fsNavLevel1 [href*='plus.google.com']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.nav-social .fsNavLevel1 [href*='plus.google.com']:hover, .nav-social .fsNavLevel1 [href*='plus.google.com']:focus {
background: #db4f46;
border-color: #db4f46; }
.nav-social .fsNavLevel1 [href*='plus.google.com']:hover:before, .nav-social .fsNavLevel1 [href*='plus.google.com']:focus:before {
color: #fff; }
.nav-utility-footer .fsNavLevel1, .nav-utility-footer .fsNavLevel1 ul {
margin: 0;
padding: 0;
list-style: none; }
.nav-utility-footer .fsNavLevel1 li {
margin: 0;
padding: 0; }
/*! structure - header v0.0.1 */
#fsHeader {
padding: 0 20px;
background-color: #fff;
border-bottom: 1px solid #cdc9c9; }
@media (max-width: 699px) {
#fsHeader {
padding: 0 12px; } }
#fsHeader .seal img {
width: 40px;
right: 0;
position: absolute;
top: 60px; }
@media (max-width: 699px) {
#fsHeader .seal img {
display: none; } }
.fixed-top #fsHeader .seal img {
width: 70px; }
@media (min-width: 800px) {
#fsHeader .seal img {
width: 60px; } }
@media (min-width: 1100px) {
#fsHeader .seal img {
width: 100px;
right: -124px;
top: 55px; } }
@media (min-width: 1100px) {
#fsHeader {
top: 0;
left: 0;
width: 100%;
z-index: 999; }
body:not(.fsComposeMode) #fsHeader {
position: fixed; }
.fsAccountBarVisible #fsHeader {
top: 45px; } }
#fsHeader .fsBanner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
margin: 0 auto;
max-width: 73.75em;
max-width: 73.75rem; }
.site-info-container {
overflow: hidden; }
.site-info-container,
.site-info-container .fsElementHeaderContent {
margin-bottom: 0; }
.site-info-container .fsNavPageThumbnail {
position: absolute;
top: 0;
left: 0;
width: 166px;
z-index: 51;
/* body:not(.district-theme) & {
width: 124px;
top: 44px;
@include maxbp($bp-main-nav-inline) {
width: 84px;
}
@include maxbp(600px) {
top: 42px;
}
}*/ }
.site-info-container .fsNavPageThumbnail a {
display: block !important; }
.fixed-top .site-info-container .fsNavPageThumbnail {
width: 88px;
top: 44px;
position: static; }
@media (max-width: 1099px) {
.site-info-container .fsNavPageThumbnail {
width: 132px; } }
@media (max-width: 699px) {
.site-info-container .fsNavPageThumbnail {
width: 90px;
top: 42px; } }
.site-info-container img {
display: block; }
.site-info-container a {
font-size: 32px;
line-height: 1.2;
color: #122538 !important;
text-transform: none;
text-decoration: none !important;
font-family: 'Clarendon';
font-weight: 400;
display: block; }
.fixed-top .site-info-container a {
display: none; }
@media (max-width: 699px) {
.site-info-container a {
font-size: 23px; } }
.fixed-top .site-info-container {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-right: 35px; }
.header-school-container {
display: none;
margin-bottom: 0; }
.show-schools .header-school-container {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #183969;
z-index: 9999;
overflow: scroll; }
.header-school-container .close-school {
position: absolute;
top: 20px;
right: 30px;
background-color: transparent;
padding: 0;
border: 0;
cursor: pointer;
z-index: 99; }
.fsAccountBarVisible .header-school-container .close-school {
top: 50px; }
.header-school-container .close-school:before {
content: "×";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #fff;
font-size: 40px;
display: block;
line-height: 1; }
.header-school-container .close-school:hover:before {
color: #f3c201; }
.header-school-container > .fsElementContent {
position: relative;
margin: 0 auto;
max-width: 73.75em;
max-width: 73.75rem;
padding-top: 60px; }
.header-school-container .fsNavigation ul li a {
font-size: 14px;
color: #fff;
font-weight: 400;
line-height: 1; }
.header-school-container .fsNavigation ul li a:hover, .header-school-container .fsNavigation ul li a:focus {
text-decoration: none;
color: #f3c201; }
.header-school-container .fsNavigation ul li {
border-bottom: 1px solid #d8d8d8; }
@media (min-width: 1000px) {
.header-school-container .fsNavigation nav {
display: -ms-flexbox;
display: flex; } }
@media (min-width: 1000px) {
.header-school-container .fsNavigation .fsNavLevel1 {
width: 215px; } }
@media (min-width: 1000px) {
.header-school-container .fsNavigation .menu-col + .menu-col {
margin-left: 60px;
margin-left: 100px; } }
.header-school-container .fsTabs.fsPanelGroup {
position: relative; }
.header-school-container .fsTabs.fsPanelGroup .fsPanel > header h2 {
color: #0e0e0e; }
.header-school-container .fsTabs.fsPanelGroup > header {
position: absolute;
top: 0;
right: 20px; }
.header-school-container .fsTabs.fsPanelGroup > header .fsElementHeaderContent,
.header-school-container .fsTabs.fsPanelGroup > header a {
margin-bottom: 0 !important; }
@media (max-width: 999px) {
.header-school-container .fsTabs.fsPanelGroup > header {
bottom: 0;
left: 0;
right: auto;
top: auto;
padding: 0 20px;
width: 100%; } }
@media (min-width: 1000px) {
.header-school-container .fsTabs.fsPanelGroup > .fsElementContent {
padding-left: 160px; } }
.header-school-container .fsTabs.fsPanelGroup .fsPanel {
padding-left: 20px;
padding-right: 20px; }
@media (min-width: 1000px) {
.header-school-container .fsTabs.fsPanelGroup .fsPanel {
margin-left: -160px; } }
@media (max-width: 999px) {
.header-school-container .fsTabs.fsPanelGroup .fsPanel {
display: block !important; }
.header-school-container .fsTabs.fsPanelGroup .fsPanel > header {
display: block !important; }
.header-school-container .fsTabs.fsPanelGroup .fsPanel > header .fsElementTitle {
margin-bottom: 10px; } }
.header-school-container .fsTabs.fsPanelGroup .fsPanel .fsElementContent {
padding-left: 0;
padding-right: 0; }
@media (max-width: 999px) {
.header-school-container .fsTabs.fsPanelGroup .fsElementHeaderContent a {
width: 100%; } }
.header-school-container .fsTabs.fsPanelGroup .fsTabsNav {
display: inline-block;
background-color: #011d3f;
border-radius: 100px;
padding: 5px;
position: relative; }
.header-school-container .fsTabs.fsPanelGroup .fsTabsNav li:last-child {
margin-right: 0; }
.header-school-container .fsTabs.fsPanelGroup .fsTabsNav:before {
content: "Select A School";
text-transform: uppercase;
font-size: 14px;
line-height: 17px;
color: #fff;
position: absolute;
right: calc(100% + 15px);
top: 15px;
white-space: nowrap;
font-weight: 600; }
.header-school-container .fsTabs.fsPanelGroup .fsTabsNav li a {
border-bottom: 0 !important;
font-size: 14px;
color: #fff;
font-weight: 600;
padding: 4px 15px;
border-radius: 100px; }
.header-school-container .fsTabs.fsPanelGroup .fsTabsNav li.fsStateSelected a,
.header-school-container .fsTabs.fsPanelGroup .fsTabsNav li:hover a {
color: #122538;
background-color: #f3c201; }
@media (max-width: 999px) {
.header-school-container .fsTabs.fsPanelGroup .fsTabsNav {
display: none; } }
@media (max-width: 999px) {
.header-school-container .fsTabs.fsPanelGroup {
padding-top: 50px;
padding-bottom: 70px; }
.header-school-container .fsTabs.fsPanelGroup:before {
content: "Select A School";
position: absolute;
text-transform: uppercase;
bottom: calc(100% + 10px);
left: 20px;
font-weight: 600;
color: #fff;
font-size: 14px; } }
.header-utility-container {
width: 100%;
margin-bottom: 0;
position: relative;
z-index: 1;
padding-left: 166px; }
@media (max-width: 1099px) {
.header-utility-container {
padding-left: 147px; } }
@media (max-width: 699px) {
.header-utility-container {
padding-left: 0px; } }
body.district-theme .header-utility-container {
padding-left: 166px; }
.fixed-topbody.district-theme .header-utility-container body.district-theme .header-utility-container {
padding-left: 0; }
@media (max-width: 1099px) {
body.district-theme .header-utility-container {
padding-left: 128px; } }
@media (max-width: 699px) {
body.district-theme .header-utility-container {
padding-left: 0; } }
.header-utility-container .wg-default {
position: relative;
right: 0;
-ms-flex-order: 3;
order: 3;
margin-right: auto; }
.header-utility-container .wg-default .country-selector {
position: static; }
@media (max-width: 499px) {
.header-utility-container .wg-default .country-selector .wgcurrent a {
font-size: 0;
padding-right: 0; } }
@media (max-width: 499px) {
.header-utility-container .wg-default .country-selector .wgcurrent:after {
display: none; } }
.header-utility-container > .fsElementContent {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 699px) {
.header-utility-container > .fsElementContent {
margin-left: -14px; } }
.header-utility-container:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: -999px;
background-color: #022E64;
box-shadow: 999px 0 0 #022E64;
z-index: -1; }
.header-utility-container:after {
content: "";
position: absolute;
top: 100%;
height: 3px;
right: 0;
left: -999px;
box-shadow: 999px 0 0 #f3c201;
background-color: #f3c201; }
.header-utility-container .select-school-btn, .header-utility-container .district-home-button a {
border: 0;
background-color: transparent;
padding: 10px 18px;
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 19px;
/*border-right: 1px solid rgba(#fff, 0.5);*/
/*border-left: 1px solid rgba(#fff, 0.5);*/
cursor: pointer;
transition: background-color 0.3s;
-ms-flex-order: 2;
order: 2; }
@media (max-width: 699px) {
.header-utility-container .select-school-btn, .header-utility-container .district-home-button a {
border-right: 1px solid rgba(255, 255, 255, 0.5); } }
.header-utility-container .select-school-btn:after, .header-utility-container .district-home-button a:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
margin-left: 6px; }
.header-utility-container .select-school-btn:hover, .header-utility-container .district-home-button a:hover, .header-utility-container .select-school-btn:focus, .header-utility-container .district-home-button a:focus {
background-color: #132e54; }
.header-utility-container .district-home-button {
-ms-flex-order: 1;
order: 1;
margin-bottom: 0; }
.header-utility-container .district-home-button * {
height: 100%; }
.header-utility-container .district-home-button a {
text-decoration: none !important;
display: block; }
.header-utility-container .district-home-button a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
margin-right: 8px; }
.header-utility-container .district-home-button a:after {
display: none; }
.header-utility-container .district-home-button p {
margin-bottom: 0; }
body.district-theme .site-info-container a {
font-family: 'Clarendon';
text-transform: none; }
#fsHeader .header-utility {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
-ms-flex-order: 3;
order: 3; }
#fsHeader .header-utility ul {
display: -ms-flexbox;
display: flex; }
#fsHeader .header-utility ul li + li {
margin-left: 20px; }
#fsMenu .header-utility {
padding-left: 10px; }
.header-utility .my-dsd-link > a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.header-utility .careers-link > a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.header-utility .donate-link > a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.header-utility .teach-link > a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.header-utility .smile-link > a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.header-utility ul li a {
font-size: 16px;
line-height: 19px;
color: #fff;
text-decoration: none;
font-weight: 600; }
.header-utility ul li a:before {
color: #04a8ca;
display: inline-block;
margin-right: 5px;
transition: color 0.3s; }
.header-utility ul li a:hover, .header-utility ul li a:focus {
text-decoration: none;
color: #f3c201; }
.header-utility ul li a:hover:before, .header-utility ul li a:focus:before {
color: #f3c201; }
@media (max-width: 1099px) {
#fsHeader .header-utility {
display: none; } }
.header-container {
width: 100%;
padding-top: 24px;
padding-left: 166px;
margin: 0; }
.fixed-top .header-container {
padding-left: 0; }
@media (max-width: 1099px) {
.header-container {
padding-left: 128px;
height: 92px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; } }
@media (max-width: 699px) {
.header-container {
padding-left: 0; } }
.header-container > .fsElementContent {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 35px; }
@media (max-width: 699px) {
.header-container > .fsElementContent {
padding-left: 0; } }
.fixed-top .header-container > .fsElementContent {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.fixed-top .header-container {
padding-left: 0;
padding-top: 0; }
@media (max-width: 1099px) {
.header-container {
padding-bottom: 24px; } }
@media (max-width: 699px) {
.header-container {
padding-left: 100px; } }
.quicklinks-search {
position: relative;
padding-right: 40px; }
.quicklinks-search > .fsElementContent {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.fixed-top .quicklinks-search {
display: none; }
@media (max-width: 1099px) {
.quicklinks-search {
display: none; } }
.quicklinks-button,
.title-button {
margin-bottom: 0;
margin-right: 20px; }
.quicklinks-button p,
.title-button p {
margin-bottom: 0; }
.quicklinks-button a,
.title-button a {
color: #fff;
background-color: #00819c;
text-decoration: none !important;
font-size: 14px;
line-height: 17px;
font-weight: 600;
border-radius: 5px;
padding: 10px 16px;
display: block; }
.quicklinks-button a:hover, .quicklinks-button a:focus,
.title-button a:hover,
.title-button a:focus {
text-decoration: none;
background-color: #183969; }
@media (max-width: 1099px) {
.quicklinks-button,
.title-button {
display: none; } }
.quicklinks-button {
margin-right: 0; }
.quicklinks-button a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
margin-right: 5px; }
.header-image {
margin-bottom: 0; }
.header-image img {
width: 100%; }
#fsFooter {
padding: 20px;
color: #fff; }
#fsFooter .fsBanner {
position: relative;
margin: 0 auto;
max-width: 73.75em;
max-width: 73.75rem;
padding-top: 45px; }
#fsFooter .fsFourColumnLayout {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 0;
margin-right: 0;
margin-bottom: 0; }
#fsFooter .fsFourColumnLayout .fsContent .fsElementTitle {
font-size: 16px;
line-height: 19px;
font-weight: 600;
color: #fff;
margin-bottom: 0;
text-transform: uppercase;
border-bottom: 2px solid #979797;
padding-bottom: 5px; }
#fsFooter .fsFourColumnLayout .fsStyleColumn {
padding-left: 0;
padding-right: 0; }
@media (max-width: 999px) {
#fsFooter .fsFourColumnLayout {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#fsFooter .fsFourColumnLayout .fsDiv.fsStyleColumn {
width: 50%;
margin-bottom: 80px; }
#fsFooter .fsFourColumnLayout .fsDiv.fsStyleColumn:nth-child(odd) {
padding-right: 30px; }
#fsFooter .fsFourColumnLayout .fsDiv.fsStyleColumn:nth-child(even) {
padding-left: 30px; } }
@media (max-width: 699px) {
#fsFooter .fsFourColumnLayout .fsDiv.fsStyleColumn {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 50px; } }
#fsFooter .fsStyleColumn.fsStyleColumn-1 {
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 35px; }
#fsFooter .fsStyleColumn.fsStyleColumn-1 a {
font-size: 32px;
font-family: "adobe-garamond-pro", Georgia, serif;
color: #fff;
font-weight: 400;
line-height: 38px; }
#fsFooter .fsStyleColumn.fsStyleColumn-1 a:hover, #fsFooter .fsStyleColumn.fsStyleColumn-1 a:focus {
text-decoration: none; }
@media (max-width: 999px) {
#fsFooter .fsStyleColumn.fsStyleColumn-1 {
-ms-flex-positive: 0;
flex-grow: 0; } }
#fsFooter .fsStyleColumn-2 {
width: 28.81356%;
margin-right: 60px; }
#fsFooter .fsStyleColumn-2 .fsNavPageDescription {
line-height: 24px; }
#fsFooter .fsStyleColumn-2 .fsNavPageDescription a {
color: #fff;
text-decoration: none; }
#fsFooter .fsStyleColumn-2 a {
font-weight: 400;
font-size: 16px;
text-decoration: underline;
color: #fff; }
#fsFooter .fsStyleColumn-2 a:hover, #fsFooter .fsStyleColumn-2 a:focus {
color: #f3c201; }
@media (max-width: 999px) {
#fsFooter .fsStyleColumn-2 {
margin-right: 0; } }
#fsFooter .fsStyleColumn-3 {
width: 180px;
margin-right: 20px; }
#fsFooter .fsStyleColumn-3 ul, #fsFooter .fsStyleColumn-3 ul ul {
margin: 0;
padding: 0;
list-style: none; }
#fsFooter .fsStyleColumn-3 ul li {
margin: 0;
padding: 0; }
#fsFooter .fsStyleColumn-3 ul a {
font-size: 16px;
line-height: 27px;
color: #fff;
font-weight: 400;
text-decoration: underline; }
#fsFooter .fsStyleColumn-3 ul a:hover {
color: #f3c201; }
@media (max-width: 999px) {
#fsFooter .fsStyleColumn-3 {
margin-right: 0; } }
#fsFooter .fsStyleColumn-4 {
width: 23.72881%; }
#fsFooter .fsStyleColumn-4 ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px; }
#fsFooter .fsStyleColumn-4 ul, #fsFooter .fsStyleColumn-4 ul ul {
margin: 0;
padding: 0;
list-style: none; }
#fsFooter .fsStyleColumn-4 ul li {
margin: 0;
padding: 0; }
#fsFooter .fsStyleColumn-4 ul li {
margin-left: 5px;
margin-right: 5px; }
#fsFooter .fsStyleColumn-4 ul a {
font-size: 0;
display: block;
color: #fff; }
#fsFooter .fsStyleColumn-4 ul a:before {
font-size: 20px;
color: #fff;
width: 41px;
height: 41px;
display: block;
border: 1px solid #fff;
border-radius: 100%;
text-align: center;
line-height: 41px;
background-color: transparent; }
#fsFooter .fsStyleColumn-4 ul a:hover, #fsFooter .fsStyleColumn-4 ul a:focus {
text-decoration: none; }
#fsFooter .fsStyleColumn-4 ul a:hover:before, #fsFooter .fsStyleColumn-4 ul a:focus:before {
background-color: #fff;
color: #183969; }
#fsFooter .fsStyleColumn-4 ul a[href*='facebook']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
#fsFooter .fsStyleColumn-4 ul a[href*='twitter']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
#fsFooter .fsStyleColumn-4 ul a[href*='linkedin']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
#fsFooter .fsStyleColumn-4 ul a[href*='instagram']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
#fsFooter .fsStyleColumn-4 ul a[href*='youtube']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
#fsFooter .fsStyleColumn-4 ul a[href*='safeut']:before {
content: '';
width: 200px;
height: 50px;
background-image: url("https://resources.finalsite.net/images/v1530544689/davisk12utus/lkediejqlv9v7gzsia3b/SafeUTApp.png");
background-size: contain;
background-repeat: no-repeat;
border: 0;
border-radius: 0;
background-color: transparent !important; }
#fsFooter .fsStyleColumn-4 ul a[href*='peachjar']:before {
content: '';
width: 200px;
height: 50px;
background-image: url("https://resources.finalsite.net/images/v1530544712/davisk12utus/lzkxgrerrafwvortb9mx/Peachjar-logo-white.png");
background-size: contain;
background-repeat: no-repeat;
border: 0;
border-radius: 0;
background-color: transparent !important; }
.partners-container {
text-align: center;
border-top: 1px solid #979797;
padding-top: 30px; }
.partners-container.hidden {
display: none; }
.partners-container > header .fsElementTitle {
font-size: 16px;
font-weight: 600;
line-height: 19px;
text-transform: uppercase;
color: #fff; }
.partners-container > .fsElementContent {
vertical-align: middle; }
.partners-container .fsResourceElement {
display: inline-block;
margin-bottom: 0;
opacity: 0.6; }
.partners-container .fsResourceElement + .fsResourceElement {
margin-left: 60px; }
@media (max-width: 699px) {
.partners-container .fsResourceElement {
display: block; }
.partners-container .fsResourceElement + .fsResourceElement {
margin-left: 0;
margin-top: 30px; }
.partners-container .fsResourceElement img {
margin-left: auto;
margin-right: auto; } }
.partners-container img[src*='chevron'] {
width: 55px; }
.partners-container img[src*='lakeview'] {
width: 180px; }
.partners-container img[src*='lindquist'] {
width: 220px; }
body #fsFooter .fsStyleColumn.fsStyleColumn-1 {
height: 200px;
width: 300px; }
body #fsFooter .fsStyleColumn.fsStyleColumn-1 a {
display: block;
text-align: center;
font-size: 0 !important; }
body #fsFooter .fsStyleColumn.fsStyleColumn-1 a::after {
content: '';
width: 230px;
height: 230px;
background: url(/uploaded/themes/default_18/images/logo-centered-tag-white.png) no-repeat 0 -50%;
display: inline-block;
background-size: contain;
visibility: visible; }
/*! structure - layouts v0.0.1 */
* {
box-sizing: border-box; }
*:before,
*:after {
box-sizing: border-box;
pointer-events: none; }
html {
font-family: "proxima-nova", sans-serif;
background: #183969;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
body {
font-size: 16px;
line-height: 23px;
color: #666666; }
#fsPageWrapper {
overflow-x: hidden;
position: relative; }
@media (max-width: 1099px) {
#fsPageWrapper {
padding-top: 0 !important; } }
#fsPageBodyWrapper {
padding-right: 1.25em;
padding-left: 1.25em;
padding-top: 40px;
padding-bottom: 40px;
background: #fff;
overflow: hidden; }
#fsPageBody {
position: relative;
margin: 0 auto;
max-width: 73.75em;
max-width: 73.75rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (min-width: 600px) {
#fsPageBody {
display: block; } }
@media (min-width: 800px) {
#fsPageBody {
display: -ms-flexbox;
display: flex; } }
#fsBannerLeft {
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 20px; }
@media (min-width: 600px) {
#fsBannerLeft {
padding-right: 20px;
width: 240px;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0; } }
@media (min-width: 700px) {
#fsBannerLeft {
padding-right: 80px;
width: 380px;
-ms-flex-order: 1;
order: 1; } }
@media (min-width: 600px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 240px; } }
@media (min-width: 700px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
padding-right: 80px;
width: 380px; } }
@media (min-width: 800px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 240px; } }
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
padding-right: 80px;
width: 380px; } }
#fsPageContent {
width: 100%; }
.fsHasRightBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: 100%; }
@media (min-width: 600px) {
.fsHasRightBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: calc(100% - 200px); } }
@media (min-width: 700px) {
.fsHasRightBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: calc(100% - 320px); } }
.fsHasLeftBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: 100%; }
@media (min-width: 600px) {
.fsHasLeftBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: calc(100% - 240px); } }
@media (min-width: 700px) {
.fsHasLeftBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: calc(100% - 380px); } }
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px;
width: 100%; }
@media (min-width: 600px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: calc(100% - 240px); } }
@media (min-width: 700px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
width: calc(100% - 380px); } }
@media (min-width: 800px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
-ms-flex-order: 1;
order: 1;
width: calc(100% - 440px);
margin-bottom: 0; } }
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
width: calc(100% - 700px); } }
#fsBannerRight {
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 20px; }
@media (min-width: 600px) {
#fsBannerRight {
padding-left: 20px;
width: 200px;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0; } }
@media (min-width: 700px) {
#fsBannerRight {
padding-left: 80px;
width: 320px;
-ms-flex-order: 1;
order: 1; } }
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
width: 100%;
padding: 0; }
@media (min-width: 600px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
width: calc(100% - 240px); } }
@media (min-width: 700px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
width: calc(100% - 380px); } }
@media (min-width: 800px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 200px; } }
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
padding-left: 80px;
width: 320px; } }
@media (min-width: 600px) {
.fsLayout {
margin-right: -20px;
margin-left: -20px; } }
.fsLayout .fsDiv {
margin-bottom: 20px;
width: 100%;
float: none; }
@media (min-width: 600px) {
.fsLayout .fsDiv {
float: left; } }
@media (min-width: 600px) {
.fsLayout .fsDiv {
padding-right: 1.25em;
padding-left: 1.25em; } }
@media (min-width: 600px) {
.fsLayout > header,
.fsLayout > footer {
padding-right: 1.25em;
padding-left: 1.25em; } }
@media (min-width: 800px) {
.fsTwoColumnLayout .fsDiv {
width: 50%; } }
@media (min-width: 900px) {
.fsThreeColumnLayout .fsDiv {
width: 33.33333%; } }
@media (min-width: 800px) {
.fsFourColumnLayout .fsDiv {
width: 50%; } }
@media (min-width: 1000px) {
.fsFourColumnLayout .fsDiv {
width: 25%; } }
.fsLayout .fsStyleOneThird {
float: none; }
.fsLayout .fsStyleTwoThirds {
float: none; }
.fsLayout .fsStyleTwoThirds > .fsDiv {
padding-left: 0;
padding-right: 0;
float: none; }
@media (min-width: 600px) {
.fsLayout .fsStyleTwoThirds > .fsTwoColumnLayout {
margin-right: -20px;
margin-left: -20px; } }
.fsTwoColumnWideRightLayout,
.fsElephantLeftLayout {
margin-left: 0;
margin-right: 0; }
@media (min-width: 600px) {
.fsTwoColumnWideRightLayout,
.fsElephantLeftLayout {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.fsTwoColumnWideRightLayout .fsStyleOneThird,
.fsElephantLeftLayout .fsStyleOneThird {
width: 100%;
margin-bottom: 20px; }
@media (min-width: 600px) {
.fsTwoColumnWideRightLayout .fsStyleOneThird,
.fsElephantLeftLayout .fsStyleOneThird {
padding-left: 0;
padding-right: 20px;
width: 240px;
margin-bottom: 0; } }
@media (min-width: 700px) {
.fsTwoColumnWideRightLayout .fsStyleOneThird,
.fsElephantLeftLayout .fsStyleOneThird {
padding-right: 80px;
width: 380px; } }
.fsTwoColumnWideRightLayout .fsStyleTwoThirds,
.fsElephantLeftLayout .fsStyleTwoThirds {
width: 100%; }
@media (min-width: 600px) {
.fsTwoColumnWideRightLayout .fsStyleTwoThirds,
.fsElephantLeftLayout .fsStyleTwoThirds {
padding-left: 0;
padding-right: 0;
width: calc(100% - 240px); } }
@media (min-width: 700px) {
.fsTwoColumnWideRightLayout .fsStyleTwoThirds,
.fsElephantLeftLayout .fsStyleTwoThirds {
width: calc(100% - 380px); } }
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent {
width: 100%; }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent {
width: calc(100% - 200px); } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent {
width: calc(100% - 320px); } }
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight,
.fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight {
width: 100%;
padding-left: 0;
margin-top: 20px; }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight,
.fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight {
padding-left: 20px;
width: 200px;
margin-top: 0; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight,
.fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight {
padding-left: 80px;
width: 320px; } }
@media (min-width: 600px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
padding-right: 20px;
width: 240px; } }
@media (min-width: 700px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
padding-right: 80px;
width: 380px; } }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
padding-right: 20px;
width: 240px; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
padding-right: 80px;
width: 380px; } }
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
width: 100%; }
@media (min-width: 600px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
width: calc(100% - 240px); } }
@media (min-width: 700px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
width: calc(100% - 380px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
width: calc(100% - 240px); } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
width: calc(100% - 380px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 240px); } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 380px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 240px;
margin-top: 0; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 80px;
width: 380px; } }
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird {
width: 100%;
padding-right: 0; }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird {
padding-right: 20px;
width: 240px; } }
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
width: 100%; }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
width: calc(100% - 240px); } }
@media (min-width: 600px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 240px; } }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 240px; } }
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: 100%;
margin-bottom: 0; }
@media (min-width: 600px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 240px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 440px); } }
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
width: 100%;
padding-left: 0;
margin-top: 20px;
margin-bottom: 0; }
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
padding-left: 20px;
width: 200px;
margin-top: 0; } }
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
margin-bottom: 20px;
width: 100%; }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
padding-right: 20px;
width: 240px;
margin-bottom: 0; } }
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
margin-bottom: 20px;
width: 100%;
margin-bottom: 0; }
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
width: calc(100% - 240px); } }
.fsTwoColumnWideLeftLayout,
.fsElephantRightLayout {
margin-left: 0;
margin-right: 0; }
@media (min-width: 600px) {
.fsTwoColumnWideLeftLayout,
.fsElephantRightLayout {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.fsTwoColumnWideLeftLayout .fsStyleOneThird,
.fsElephantRightLayout .fsStyleOneThird {
width: 100%;
margin-bottom: 20px; }
@media (min-width: 600px) {
.fsTwoColumnWideLeftLayout .fsStyleOneThird,
.fsElephantRightLayout .fsStyleOneThird {
padding-left: 20px;
padding-right: 0;
width: 200px;
margin-bottom: 0; } }
@media (min-width: 700px) {
.fsTwoColumnWideLeftLayout .fsStyleOneThird,
.fsElephantRightLayout .fsStyleOneThird {
padding-left: 80px;
width: 320px; } }
.fsTwoColumnWideLeftLayout .fsStyleTwoThirds,
.fsElephantRightLayout .fsStyleTwoThirds {
width: 100%; }
@media (min-width: 600px) {
.fsTwoColumnWideLeftLayout .fsStyleTwoThirds,
.fsElephantRightLayout .fsStyleTwoThirds {
width: calc(100% - 200px);
padding-left: 0;
padding-right: 0; } }
@media (min-width: 700px) {
.fsTwoColumnWideLeftLayout .fsStyleTwoThirds,
.fsElephantRightLayout .fsStyleTwoThirds {
width: calc(100% - 320px); } }
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
width: 100%; }
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 240px); } }
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 380px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 240px); } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 380px); } }
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
width: 100%;
padding-left: 0;
margin-bottom: 20px; }
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 240px; } }
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 80px;
width: 380px; } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 240px;
margin-bottom: 0; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 80px;
width: 380px; } }
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird {
width: 100%;
padding-left: 0; }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird {
padding-left: 20px;
width: 200px; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird {
padding-left: 80px;
width: 320px; } }
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
margin-bottom: 20px;
width: 100%; }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
width: calc(100% - 200px);
margin-bottom: 0; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
width: calc(100% - 320px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasRightBanner #fsPageContent {
width: calc(100% - 200px); } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasRightBanner #fsPageContent {
width: calc(100% - 320px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight,
.fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight {
padding-left: 20px;
width: 200px;
margin-top: 0; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight,
.fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight {
padding-left: 80px;
width: 320px; } }
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird {
width: 100%;
padding-left: 0; }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird {
padding-left: 20px;
width: 200px; } }
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds {
width: 100%; }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds {
width: calc(100% - 200px); } }
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
width: 100%;
padding-left: 0;
margin-top: 20px;
margin-bottom: 0; }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
padding-left: 20px;
width: 200px;
margin-top: 0; } }
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: 100%;
margin-bottom: 0; }
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 240px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 440px); } }
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
width: 100%;
padding-left: 0;
margin-bottom: 20px; }
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 240px;
margin-bottom: 0; } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 240px; } }
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
margin-bottom: 0; }
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
padding-left: 20px;
width: 200px; } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
width: 100%;
padding-left: 0; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
padding-left: 20px;
width: 200px; } }
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
margin-bottom: 0; }
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
width: calc(100% - 200px); } }
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
width: 100%; } }
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
width: calc(100% - 200px); } }
#fsPoweredByFinalsite {
width: 100%;
background-position: right;
margin-top: 40px; }
/*! elements - constituent main */
/*! elements - constituent default layout */
.fsConstituent {
word-break: break-word; }
.fsConstituent .fsElementPagination {
margin: 20px 0; }
.fsConstituent .fsPhoto[style*="background-image"],
.fsConstituent .fsProfileImage[style*="background-image"] {
background-size: cover;
background-position: center;
display: inline-block; }
.fsConstituent .fsPhoto[style*="background-image"] > img,
.fsConstituent .fsProfileImage[style*="background-image"] > img {
opacity: 0;
visibility: hidden; }
.fsConstituent[class*="fsThumbnailAlign"] .fsPhoto img,
.fsConstituent[class*="fsThumbnailAlign"] .fsProfileImage img {
float: none;
margin: 0; }
.fsConstituent.fsThumbnailAlignLeft .fsPhoto,
.fsConstituent.fsThumbnailAlignLeft .fsProfileImage {
float: left;
padding-right: 0; }
.fsConstituent.fsThumbnailAlignRight .fsPhoto,
.fsConstituent.fsThumbnailAlignRight .fsProfileImage {
float: right;
padding-left: 0; }
.fsConstituentProfile {
position: relative; }
.fsConstituentProfile > div,
.fsConstituentProfile > h3 {
margin-bottom: 20px; }
.fsConstituentProfile > div > strong {
display: block; }
/*! elements - constituent default layout */
.fsConstituent .fsConstituentItem {
float: none;
width: calc(100% - 20px);
margin: 0 auto 40px; }
.fsConstituent.fsThumbnailAlignLeft .fsPhoto {
margin-right: 10px;
margin-bottom: 10px; }
.fsConstituent.fsThumbnailAlignRight .fsPhoto {
margin-left: 10px;
margin-bottom: 10px; }
.fsConstituentItem {
padding-left: 10px;
padding-right: 10px; }
.fsConstituentItem > h3,
.fsConstituentItem > div {
margin-bottom: 10px; }
.fsConstituentItem > h3:last-child,
.fsConstituentItem > div:last-child {
margin-bottom: 0; }
.fsConstituentItem .fsPhoto img {
display: block; }
.fsConstituentItem .fsWebsite strong {
display: none; }
.fsConstituentItem .fsWebsite a {
font-size: 0;
display: block; }
.fsConstituentItem .fsWebsite a:before {
content: "Canvas Website";
font-size: 16px; }
div[class^="fsConstituentColumnLayout"] {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px; }
@media (min-width: 600px) {
.fsConstituentColumnLayout_2 .fsConstituentItem,
.fsConstituentColumnLayout_3 .fsConstituentItem,
.fsConstituentColumnLayout_4 .fsConstituentItem {
width: calc(50% - 20px);
margin-left: 10px;
margin-right: 10px; } }
@media (min-width: 800px) {
.fsConstituentColumnLayout_3 .fsConstituentItem,
.fsConstituentColumnLayout_4 .fsConstituentItem {
width: calc(33.33% - 20px); } }
@media (min-width: 1000px) {
.fsConstituentColumnLayout_4 .fsConstituentItem {
width: calc(25% - 20px); } }
/*! elements - constituent profile */
.fsConstituent.fsProfile .fsFullName {
margin-bottom: 20px; }
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
margin: 0 0 20px 0;
padding: 0;
float: none; }
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
float: none;
width: 100%; }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
padding: 0; } }
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3:first-child {
padding: 0; }
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
float: none; }
@media (min-width: 600px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
max-width: 40%; } }
@media (min-width: 1000px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage {
max-width: 512px; } }
@media (min-width: 600px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
max-width: 25%; } }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage {
max-width: 128px; } }
.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after {
display: none; }
.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData {
float: none;
display: block;
width: 100%; }
.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData > div {
clear: none; }
@media (min-width: 600px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
margin-right: 20px;
float: left; } }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3 {
padding-left: calc(40% + 20px); } }
@media (min-width: 1000px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 {
padding-left: 532px; } }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3 {
padding-left: calc(25% + 20px); } }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 {
padding-left: 148px; } }
@media (min-width: 600px) {
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
margin-left: 20px;
float: right; } }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3 {
padding-right: calc(40% + 20px); } }
@media (min-width: 1000px) {
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 {
padding-right: 532px; } }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
padding-right: calc(25% + 20px); } }
@media (min-width: 800px) {
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 {
padding-right: 148px; } }
.fsProfileImage {
margin-bottom: 20px; }
.fsProfileImage img {
display: block; }
.fsProfileSection {
margin-bottom: 20px; }
.fsProfileSection h4 {
margin: 0 0 1rem 0; }
.fsProfileSectionData {
margin-bottom: 1em; }
.fsProfileSectionData:last-child {
margin-bottom: 0; }
.fsProfileSectionData.fsTitle {
font-weight: inherit;
font-size: 16px;
line-height: 23px; }
.fsProfileSectionData > div {
width: auto;
float: none;
display: block; }
.fsProfileSectionData.fsStyleHalf {
width: 100%; }
@media (min-width: 600px) {
.fsProfileSectionData.fsStyleHalf {
width: 50%; } }
.fsProfileSectionSpecialData > div {
width: auto;
float: none;
display: block; }
.fsProfileSectionSpecialData div[id^="fsEmail"] {
display: inline-block; }
.fsProfileSectionFieldName,
.fsEmail > div:first-child {
font-weight: 700; }
/*! elements - constituent search */
.fsConstituent.fsSearch {
overflow: hidden; }
.fsConstituent.fsSearch + .fsConstituent {
border-top: solid 1px black;
margin-top: 20px;
padding-top: 20px; }
.fsConstituentSearchForm {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px; }
.fsConstituentSearchForm > label {
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 10px;
margin-top: 10px;
padding: 0 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between; }
.fsConstituentSearchForm > label > span {
margin-bottom: 2px; }
.fsConstituentSearchForm > label > select,
.fsConstituentSearchForm > label > input {
border: solid 1px black;
-ms-flex-positive: 1;
flex-grow: 1; }
.fsConstituentSearchForm > label > select {
height: 32px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
.fsConstituentSearchForm [type*='submit'] {
-ms-flex-item-align: end;
align-self: flex-end;
margin: 10px;
width: 100%; }
@media (min-width: 600px) {
.fsConstituentSearchForm [type*='submit'] {
width: auto; } }
/*! elements - constituent default layout */
.fsConstituent.fsDialog .fsProfileImage:first-child {
margin-top: 1em; }
.fsConstituent.fsDialog .fsProfileImage img {
float: none;
margin: 0; }
.fsConstituent .fsDialogContent {
padding-top: 45px; }
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
margin: 0 0 20px 0;
padding: 0;
float: none; }
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
float: none;
width: 100%; }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
padding: 0; } }
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3:first-child {
padding: 0; }
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
float: none; }
@media (min-width: 600px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
max-width: 40%; } }
@media (min-width: 600px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
max-width: 25%; } }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage {
max-width: 128px; } }
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after {
display: none; }
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData {
float: none;
display: block;
width: 100%; }
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData > div {
clear: none; }
@media (min-width: 600px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage {
margin-right: 20px;
float: left; } }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3 {
padding-left: calc(40% + 20px); } }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3 {
padding-left: calc(25% + 20px); } }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > h3 {
padding-left: 148px; } }
@media (min-width: 600px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
margin-left: 20px;
float: right; } }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3 {
padding-right: calc(40% + 20px); } }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
padding-right: calc(25% + 20px); } }
@media (min-width: 800px) {
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > h3 {
padding-right: 148px; } }
/*! elements - accordion */
.fsAccordion .fsPanel > header, .fsTabs.fsPanelGroup .fsPanel > header {
cursor: pointer;
background: #f7f8fb;
transition: .3s; }
.fsAccordion .fsPanel > header h2, .fsTabs.fsPanelGroup .fsPanel > header h2 {
margin-top: 0;
font-weight: 600;
font-size: 24px;
line-height: 40px;
color: #183969;
margin-bottom: 16px;
margin-bottom: 2px;
display: block;
font-size: 17px;
line-height: 23px;
padding: 16px 20px;
color: #6c7680;
transition: .3s;
position: relative; }
.fsAccordion .fsPanel > header h2 a, .fsTabs.fsPanelGroup .fsPanel > header h2 a {
transition: none; }
.fsAccordion .fsPanel > header:hover, .fsTabs.fsPanelGroup .fsPanel > header:hover {
background: #e8ebf2;
transition: .3s; }
.fsAccordion .fsPanel > header:hover h2, .fsTabs.fsPanelGroup .fsPanel > header:hover h2 {
color: #343b41;
transition: .3s; }
.fsAccordion .fsPanel > .fsElementContent, .fsTabs.fsPanelGroup .fsPanel > .fsElementContent {
padding-top: 25px;
padding-bottom: 25px; }
.fsAccordion .fsPanel.fsStateOpen > header, .fsTabs.fsPanelGroup .fsPanel.fsStateOpen > header {
background: #122538; }
.fsAccordion .fsPanel.fsStateOpen > header h2, .fsTabs.fsPanelGroup .fsPanel.fsStateOpen > header h2 {
color: #fff; }
.fsAccordion .fsPanel.fsStateOpen > header h2:before, .fsTabs.fsPanelGroup .fsPanel.fsStateOpen > header h2:before {
content: ""; }
.fsPanelIconAfter.fsAccordion .fsPanel > header h2::after, .fsPanelIconAfter.fsTabs.fsPanelGroup .fsPanel > header h2::after,
.fsPanelIconBefore.fsAccordion .fsPanel > header h2::before,
.fsPanelIconBefore.fsTabs.fsPanelGroup .fsPanel > header h2::before {
content: '';
border: none;
width: auto;
height: auto;
position: absolute;
margin: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
content: "";
font-family: "IcoMoon";
font-size: 16px; }
.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen > header h2::before, .fsPanelIconBefore.fsTabs.fsPanelGroup .fsPanel.fsStateOpen > header h2::before,
.fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen > header h2::after,
.fsPanelIconAfter.fsTabs.fsPanelGroup .fsPanel.fsStateOpen > header h2::after {
content: '';
border: none;
width: auto;
height: auto;
position: absolute;
margin: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
content: "";
font-family: "IcoMoon";
font-size: 16px; }
.fsPanelIconBefore.fsAccordion .fsPanel > header h2, .fsPanelIconBefore.fsTabs.fsPanelGroup .fsPanel > header h2 {
padding-left: 90px; }
.fsPanelIconBefore.fsAccordion .fsPanel > header h2:before, .fsPanelIconBefore.fsTabs.fsPanelGroup .fsPanel > header h2:before {
left: 26px; }
.fsPanelIconBefore.fsAccordion .fsPanel > header h2:after, .fsPanelIconBefore.fsTabs.fsPanelGroup .fsPanel > header h2:after {
content: "";
left: 70px;
position: absolute;
top: 10px;
bottom: 10px;
background-color: rgba(216, 216, 216, 0.3);
width: 1px; }
.fsPanelIconAfter.fsAccordion .fsPanel > header h2, .fsPanelIconAfter.fsTabs.fsPanelGroup .fsPanel > header h2 {
padding-right: 80px; }
.fsPanelIconAfter.fsAccordion .fsPanel > header h2:before, .fsPanelIconAfter.fsTabs.fsPanelGroup .fsPanel > header h2:before {
content: "";
right: 70px;
position: absolute;
top: 10px;
bottom: 10px;
background-color: rgba(216, 216, 216, 0.3);
width: 1px; }
.fsPanelIconAfter.fsAccordion .fsPanel > header h2:after, .fsPanelIconAfter.fsTabs.fsPanelGroup .fsPanel > header h2:after {
right: 26px; }
.fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before, .fsTabs.fsPanelGroup:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before {
content: ''; }
/*! elements - athletics main */
/*! elements - athletics events */
.fsAthleticsEvent > .fsElementContent {
width: 100%; }
.fsAthleticsEvent .fsAlertFeeds {
margin-bottom: 10px; }
.fsAthleticsEvent .fsElementEventIcon {
display: inline-block;
max-width: 100%; }
.fsAthleticsEvent .fsTitle {
font-size: 16px;
line-height: 23px;
margin-bottom: 0; }
.fsAthleticsEvent div.fsTitle {
display: inline-block; }
/*! elements - athletics events - list subtype */
.fsAthleticsEvent.fsList .fsElementEventIcon {
margin-right: 10px; }
.fsAthleticsEvent.fsList .fsAthleticsEventDetailLink {
outline: 0; }
.fsAthleticsEvent.fsList .fsAlertIcon {
margin-left: 5px;
margin-bottom: -3px; }
.fsAthleticsEvent.fsList .fsAthleticsOpponents {
display: inline; }
.fsAthleticsEvent.fsList .fsAthleticsOpponentNames {
display: inline; }
.fsAthleticsEvent.fsList .fsAthleticsEventReadMoreLink {
display: inline-block;
margin-top: 5px; }
.fsAthleticsEvent.fsList .fsAthleticsDismissal,
.fsAthleticsEvent.fsList .fsAthleticsDeparture,
.fsAthleticsEvent.fsList .fsAthleticsReturn,
.fsAthleticsEvent.fsList .fsAthleticsPickup {
margin-top: 5px; }
.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel {
display: inline-block; }
.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel + div,
.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel + div,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel + div,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel + div {
display: inline-block; }
/*! elements - athletics events */
.fsAthleticsEvent.fsEvent article > div {
margin-bottom: 10px; }
.fsAthleticsEvent.fsEvent article > div:last-child {
margin-bottom: 0; }
.fsAthleticsEvent.fsEvent .fsAthleticsOpponents {
display: inline-block; }
.fsAthleticsEvent.fsEvent .fsAthleticsVs + div {
display: inline-block; }
/*! elements - athletics events - table*/
@media (min-width: 801px) {
.fsAthleticsEvent.fsTable .fsDateTime,
.fsAthleticsEvent.fsTable .fsAthleticsScore {
white-space: nowrap; } }
.fsAthleticsEvent.fsTable .fsElementTable {
margin-bottom: 0; }
@media (max-width: 800px) {
.fsAthleticsEvent.fsTable .fsElementTable thead {
display: none; } }
@media (max-width: 800px) {
.fsAthleticsEvent.fsTable .fsElementTable td {
display: inline-block;
width: 100%;
padding: 0 10px; }
.fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) {
border: 0; }
.fsAthleticsEvent.fsTable .fsElementTable td:first-of-type {
padding-top: 10px; }
.fsAthleticsEvent.fsTable .fsElementTable td:last-of-type {
padding-bottom: 10px; }
.fsAthleticsEvent.fsTable .fsElementTable td:before {
display: inline-block;
font-weight: 700; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before {
content: 'Team: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents {
display: inline-block; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsVs {
display: inline-block; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsOpponentNames {
display: inline-block; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before {
content: 'Opponent: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime {
display: inline-block; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before {
content: 'Date: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime {
display: inline-block; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before {
content: 'Time: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before {
content: 'Location: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before {
content: 'Advantage: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before {
content: 'Type: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before {
content: 'Details: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before {
content: 'Result: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before {
content: 'Score: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before {
content: 'Alerts: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before {
content: 'Dismissal: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before {
content: 'Departure: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before {
content: 'Return Time: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before {
content: 'Pickup Time: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before {
content: 'Recap: '; }
.fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before {
content: 'Status: '; } }
.fsAthleticsEvent.fsTable .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsTable .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsTable .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsTable .fsAthleticsPickupLabel {
display: none; }
.fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
display: inline-block; }
@media (min-width: 800px) {
.fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
display: block; } }
/*! elements - athletics popup dialog box */
.fsAthleticsEvent.fsDialog {
margin: auto; }
.fsAthleticsEvent.fsDialog .fsAthleticsTitle {
margin-top: 0;
font-weight: 600;
font-size: 22px;
line-height: 30px;
color: #122538;
margin-bottom: 10px; }
.fsAthleticsEvent.fsDialog .fsAthleticsLabel {
font-weight: bold;
margin-top: 20px; }
.fsAthleticsEvent.fsDialog .fsAthleticsAddress > div {
margin-top: 10px; }
/*! elements - athletics roster */
.fsAthleticsRoster .fsElementTable td:before, .fsAthleticsRosterList li > div:before {
margin-right: 5px;
display: inline-block;
font-weight: 700; }
.fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before, .fsAthleticsRosterList li > div.fsRosterPlayerNumber:before {
content: 'Number: '; }
.fsAthleticsRoster .fsElementTable td.fsRosterName:before, .fsAthleticsRosterList li > div.fsRosterName:before {
content: 'Name: '; }
.fsAthleticsRoster .fsElementTable td.fsRosterPosition:before, .fsAthleticsRosterList li > div.fsRosterPosition:before {
content: 'Position: '; }
.fsAthleticsRoster .fsElementTable td.fsRosterClass:before, .fsAthleticsRosterList li > div.fsRosterClass:before {
content: 'Class: '; }
.fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before, .fsAthleticsRosterList li > div.fsRosterGradeLevel:before {
content: 'Grade: '; }
.fsAthleticsRoster .fsElementTable td.fsRosterHometown:before, .fsAthleticsRosterList li > div.fsRosterHometown:before {
content: 'Hometown: '; }
.fsAthleticsRoster .fsElementTable td.fsRosterHeight:before, .fsAthleticsRosterList li > div.fsRosterHeight:before {
content: 'Height: '; }
.fsAthleticsRoster .fsElementTable td.fsRosterWeight:before, .fsAthleticsRosterList li > div.fsRosterWeight:before {
content: 'Weight: '; }
@media (max-width: 800px) {
.fsAthleticsRoster .fsElementTable thead {
display: none; } }
@media (min-width: 800px) {
.fsAthleticsRoster .fsElementTable td:before {
display: none; } }
@media (max-width: 800px) {
.fsAthleticsRoster .fsElementTable td {
display: inline-block;
width: 100%;
padding: 0 10px; }
.fsAthleticsRoster .fsElementTable td:not(:last-child) {
border: 0; }
.fsAthleticsRoster .fsElementTable td:first-of-type {
padding-top: 10px; }
.fsAthleticsRoster .fsElementTable td:last-of-type {
padding-bottom: 10px; } }
.fsAthleticsRosterContent {
margin-bottom: 20px; }
.fsAthleticsRosterContent:empty, .fsAthleticsRosterContent:last-child {
margin-bottom: 0; }
.fsAthleticsRosterList, .fsAthleticsRosterList ul {
margin: 0;
padding: 0;
list-style: none; }
.fsAthleticsRosterList li {
margin: 0;
padding: 0; }
.fsAthleticsRosterList li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #122538; }
.fsAthleticsRosterList li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; }
.fsAthleticsRosterList li > div {
margin-bottom: 10px; }
.fsAthleticsRosterList li > div:last-child {
margin-bottom: 0; }
.fsAthleticsRosterList li > div.fsRosterName {
margin-bottom: 10px; }
.fsAthleticsRosterList li > div.fsRosterName:before {
display: none; }
.fsAthleticsRosterList .fsCoachImage {
display: block;
margin-bottom: 10px; }
/*! elements - athletics teams */
.fsAthleticsTeamDirectory {
max-width: 100%; }
.fsAthleticsTeamDirectory, .fsAthleticsTeamDirectory ul {
margin: 0;
padding: 0;
list-style: none; }
.fsAthleticsTeamDirectory li {
margin: 0;
padding: 0; }
.fsAthleticsTeamDirectory > li {
margin-bottom: 10px; }
.fsAthleticsTeamDirectory .fsAthleticsTeamIcon {
display: inline-block; }
.fsAthleticsTeamIcon {
margin-right: 10px; }
.fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
float: none; }
@media (min-width: 600px) {
.fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
float: left; } }
.fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
float: none; }
@media (min-width: 600px) {
.fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
float: right; } }
/*! _main.scss - src/sass/modules/calendar/ - main calendar import */
/*! _all.scss - src/sass/modules/calendar/list.scss - calendar each article style */
.fsCalendar article {
position: relative;
padding-left: 80px;
min-height: 60px;
padding-top: 0; }
.fsCalendar article .fsElementEventColorIcon {
width: 12px;
height: 12px; }
.fsCalendar .fsDate {
position: absolute;
top: 0;
left: 0;
text-align: center;
height: 60px;
width: 60px;
color: #fff;
background: #00819c;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center; }
.fsCalendar .fsDate > span {
display: block; }
.fsCalendar .fsDate > span.fsMonth {
font-size: 12px;
text-transform: uppercase;
line-height: 14px;
font-weight: 700; }
.fsCalendar .fsDate > span.fsDay {
font-size: 18px;
line-height: 22px;
font-weight: 700; }
.fsCalendar .fsTitle {
color: #333333; }
.fsCalendar .fsTitle a {
color: #333333; }
.fsCalendar .fsTitle a:hover, .fsCalendar .fsTitle a:focus {
color: #00819c; }
.fsCalendar .fsEventDetails {
font-size: 14px; }
.fsCalendar .fsNotes p:last-child, .fsCalendar .fsDescription p:last-child {
margin-bottom: 0; }
/*! _list.scss - src/sass/modules/calendar/list.scss - calendar event */
.fsCalendar.fsList .fsListItems + button {
margin-top: 0; }
/*! _grid.scss - src/sass/modules/calendar/grid.scss - calendar grid */
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div {
margin-bottom: 5px; }
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div:last-child {
margin-bottom: 0; }
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle {
font-size: 1.1em;
font-weight: bold;
outline: 0; }
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle + div {
margin-top: 5px; }
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
line-height: 1; }
@media (min-width: 800px) {
.fsCalendarEventGrid .fsCalendarRow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch; }
.fsCalendarEventGrid .fsCalendarDaybox {
height: auto !important;
-ms-flex-positive: 1;
flex-grow: 1; }
.fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div {
height: auto;
-ms-flex-positive: 1;
flex-grow: 1; } }
.fsCalendar.fsGrid .fsCalendarGridControlBar {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center; }
.fsCalendar.fsGrid .fsCalendarGridControlBar:after {
display: none; }
.fsCalendar.fsGrid .fsCalendarGridControlBar > div {
margin: 0; }
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsDisplayNavigation {
margin-right: 10px; }
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
width: 100%; }
@media (min-width: 600px) {
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
width: auto; } }
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
margin: 10px 0; }
@media (min-width: 600px) {
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
-ms-flex-order: 3;
order: 3;
margin: 0; } }
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthYearPicker:not(.fsStateHidden) {
z-index: 1; }
@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.fsStateHasEvents {
background-color: rgba(2, 46, 100, 0.05); }
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
background-color: rgba(24, 57, 105, 0.15); }
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
background-color: rgba(24, 57, 105, 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(24, 57, 105, 0.25); }
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
background-color: rgba(24, 57, 105, 0.25); }
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
position: absolute;
left: 50%;
top: 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; }
#event-view .fsCalendarDaybox > div {
margin-bottom: 20px; }
#event-view .fsCalendarEventTitle {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 5px; }
@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;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #666666;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
padding: 10px 20px; }
.scroll-up span:hover, .scroll-up span:focus,
.fsStateSelected .scroll-up span {
background-color: #183969;
color: #fff;
text-decoration: none; }
.scroll-up span em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.scroll-up + .fsCalendarLegend {
margin-top: 20px !important; }
@media screen and (min-width: 800px) {
.scroll-up {
display: none; } }
.fsElementEventColorIcon {
display: inline-block; }
.fsCalendar.fsGrid .fsCalendarEventGrid + .fsCalendarLegend {
margin-top: 40px; }
.fsCalendar.fsGrid .fsCalendarLegend, .fsCalendar.fsGrid .fsCalendarLegend ul {
margin: 0;
padding: 0;
list-style: none; }
.fsCalendar.fsGrid .fsCalendarLegend li {
margin: 0;
padding: 0; }
.fsCalendar.fsGrid .fsCalendarLegend h4 {
margin-bottom: 20px; }
@media (min-width: 600px) {
.fsCalendar.fsGrid .fsCalendarLegend > ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between; } }
.fsCalendar.fsGrid .fsCalendarLegend > ul > li {
margin-left: 0; }
@media (min-width: 600px) {
.fsCalendar.fsGrid .fsCalendarLegend > ul > li {
width: 49%; } }
.fsCalendar.fsGrid .fsCalendarLegend .fsElementEventColorIcon {
vertical-align: baseline; }
/*! _slideshow.scss - src/sass/modules/calendar/slideshow.scss - calendar slideshow */
.fsCalendar.fsSlideshow .fsAlertFeeds {
float: none; }
.fsCalendar.fsSlideshowHorizontal .fsElementSlideshow {
padding-left: 45px;
padding-right: 45px;
padding-bottom: 0; }
.fsCalendar.fsSlideshowVertical .fsElementSlideshow {
padding-left: 45px;
padding-top: 45px;
padding-bottom: 45px; }
/*! _event.scss - src/sass/modules/calendar/event.scss - calendar event */
/*! _dialog.scss - src/sass/modules/calendar/_dialog.scss - calendar dialog pop up */
/*! elements - forms */
textarea,
input,
select {
padding: 5px;
max-width: 100%; }
.fsComposerFormEmbed {
background: none; }
.fsComposerFormEmbed body {
margin: 0; }
.fsComposerFormEmbed form {
zoom: 1; }
.fsComposerFormEmbed form:after {
display: table;
clear: both;
content: ''; }
.fsComposerFormEmbed form input,
.fsComposerFormEmbed form textarea,
.fsComposerFormEmbed form select {
font-family: "proxima-nova", sans-serif;
font-size: 16px;
line-height: 23px;
color: #666666; }
.fsComposerFormEmbed form input {
border: solid 1px black; }
.fsComposerFormEmbed form input.fileUploader {
padding: 0;
width: 100%;
border: none; }
.fsComposerFormEmbed form fieldset {
padding: 0; }
.fsComposerFormEmbed form textarea {
max-width: 100%;
width: 100%;
border: solid 1px black; }
.fsComposerFormEmbed form .mainGroupSub {
max-width: 100%;
width: 100% !important; }
.fsComposerFormEmbed form .formPage {
margin-bottom: 20px; }
.fsComposerFormEmbed form .elementRow {
max-width: 100%;
margin: 0; }
.fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child {
margin-bottom: 0; }
.fsComposerFormEmbed form .elementContainer {
margin: 0 0 20px;
padding: 0; }
@media screen and (max-width: 599px) {
.fsComposerFormEmbed form .elementContainer {
width: 100%; } }
.fsComposerFormEmbed form .elementContainer label {
margin-bottom: 2px; }
.fsComposerFormEmbed form .elementContainer label.horizontal {
white-space: normal;
margin-right: 10px !important; }
.fsComposerFormEmbed form .elementContainer label.horizontal:last-child {
margin-right: 0; }
.fsComposerFormEmbed form .elementContainer hr {
margin: 0 auto; }
.fsComposerFormEmbed form .elementContainer p:last-child {
margin-bottom: 0; }
@media screen and (max-width: 599px) {
.fsComposerFormEmbed form .elementBody > input {
width: 100%; } }
.fsComposerFormEmbed form .elementBody > .descText {
margin-bottom: 10px; }
.fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
float: none; }
@media (min-width: 600px) {
.fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
width: 20%;
padding-right: 10px;
text-align: right;
float: left; } }
@media (min-width: 600px) {
.fsComposerFormEmbed form .labelLeft .elementContainer > label {
padding: 5px 10px 5px 5px; } }
.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label {
width: 100%; }
.fsComposerFormEmbed form .labelLeft .elementContainer fieldset label {
width: auto; }
.fsComposerFormEmbed form .labelLeft .elementBody {
margin: 0;
width: 100%;
float: none; }
@media (min-width: 600px) {
.fsComposerFormEmbed form .labelLeft .elementBody {
width: 80%;
float: left; } }
.fsComposerFormEmbed form .linkLike {
color: #00819c;
margin-right: 10px;
cursor: pointer;
transition: .3s; }
.fsComposerFormEmbed form .linkLike:hover {
color: #183969; }
.fsComposerFormEmbed form .required {
color: #183969; }
.fsComposerFormEmbed form .pageControls {
padding: 10px 0 !important;
margin-bottom: 10px; }
.fsComposerFormEmbed form .pageControls .userConfirmation {
margin-bottom: 0; }
.fsComposerFormEmbed form .userConfirmation {
margin-bottom: 20px; }
.fsComposerFormEmbed form .userConfirmation .userConfirmationToggle {
margin-right: 5px; }
.fsComposerFormEmbed form .userConfirmation > label {
display: block; }
.fsComposerFormEmbed form .elementColumn {
zoom: 1;
margin-bottom: 20px;
max-width: 100%; }
.fsComposerFormEmbed form .elementColumn:after {
display: table;
clear: both;
content: ''; }
@media screen and (max-width: 599px) {
.fsComposerFormEmbed form .elementColumn {
float: none !important;
width: 100% !important; } }
.fsComposerFormEmbed form .elementColumn .elementContainer {
margin-bottom: 0; }
.fsComposerFormEmbed form .elementColumn .elementBody > input {
width: 100%; }
.fsComposerFormEmbed form .pageBreak {
zoom: 1; }
.fsComposerFormEmbed form .pageBreak:after {
display: table;
clear: both;
content: ''; }
.fsComposerFormEmbed form .pageBreak .nextPage, .fsComposerFormEmbed form .pageBreak .prevPage {
background: none;
border: none;
color: #00819c;
transition: .3s;
outline: 0;
float: left;
padding: 0;
line-height: 1;
padding: 10px 0; }
.fsComposerFormEmbed form .pageBreak .nextPage:hover, .fsComposerFormEmbed form .pageBreak .prevPage:hover {
color: #183969;
transition: .3s; }
.fsComposerFormEmbed form .pageBreak .prevPage {
margin-right: 10px; }
.fsComposerFormEmbed form .pageBreak .pagenum {
display: inline-block;
float: left;
line-height: 1;
margin-right: 10px;
padding: 10px 0; }
.fsComposerFormEmbed form .pageBreak .pagenum:empty {
margin: 0; }
.fsComposerFormEmbed form .submitBtn {
border: 0;
margin: 0;
padding: 10px 20px;
border-radius: 0;
background: #183969;
color: #fff;
float: left;
transition: .3s; }
.fsComposerFormEmbed form .submitBtn:hover {
transition: .3s;
background: #00819c; }
.fsComposerFormEmbed .ui-widget {
font-family: "proxima-nova", sans-serif;
max-width: 100%; }
.fsComposerFormEmbed .ui-datepicker:empty {
display: none; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-header {
background: none;
border: none; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next {
background: none;
border: none;
text-align: center;
font-size: 20px;
cursor: pointer; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev span, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next span {
display: none; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
content: '';
font-weight: bold;
transition: .3s; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:hover:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:hover:before {
transition: .3s;
opacity: .5; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
content: '\203A'; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before {
content: '\2039'; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover {
right: 2px;
top: 2px; }
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
top: 2px; }
.fsComposerFormEmbed .ui-datepicker .ui-state-default {
background: rgba(0, 0, 0, 0.05);
text-align: center; }
.fsComposerFormEmbed .ui-datepicker .ui-state-active {
background: rgba(0, 0, 0, 0.1); }
.fsComposerFormEmbed .ui-datepicker .ui-state-highlight {
border: solid 1px #d3d3d3;
background-color: #d3d3d3; }
::-webkit-input-placeholder {
color: rgba(102, 102, 102, 0.5); }
:-moz-placeholder {
color: rgba(102, 102, 102, 0.5); }
::-moz-placeholder {
color: rgba(102, 102, 102, 0.5); }
:-ms-input-placeholder {
color: rgba(102, 102, 102, 0.5); }
/*! elements - login */
.fsAccount button:not(:last-of-type) {
margin-right: 10px; }
.fsLoginForgotPasswordLink,
.fsLoginNewAccountLink {
margin-bottom: 10px; }
.fsLoginForgotPasswordLink:last-child,
.fsLoginNewAccountLink:last-child {
margin-bottom: 0; }
.fsLoginNewFields .fsLoginNewCaptcha {
margin-bottom: 20px; }
.fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area,
.fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table {
max-width: 100%; }
@media screen and (max-width: 599px) {
.fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div {
overflow: hidden;
border-radius: 5px; } }
.fsResetPasswordFields > div {
margin-bottom: 20px; }
.fsResetPasswordFields > div:last-child {
margin-bottom: 0; }
.fsResetPasswordFields label > span {
display: block; }
.fsResetPasswordFields label > input {
margin-bottom: 20px; }
@media screen and (max-width: 599px) {
.fsLoginForgotControls label,
.fsLoginNewFields label,
.fsResetPasswordFields label {
display: block;
margin-bottom: 3px; }
.fsLoginForgotControls input,
.fsLoginNewFields input,
.fsResetPasswordFields input {
display: block;
width: 100%; } }
.fsLoginForgotView .fsLoginForgotEmail {
display: block; }
.fsLoginForgotSuccess .fsStyleDefaultButton {
margin-top: 20px; }
.fsAccountGreeting {
margin-bottom: 20px; }
.fsAccountLinks {
margin: 0; }
.fsAccountLinks li:not(:first-child) {
border-color: #122538; }
.fsAccountLogout {
display: block;
margin-top: 20px; }
.fsAccountLogout > .fsStyleUpdateButton:last-child {
margin-bottom: 0; }
input[name*="passkey"] + .fsLoginSubmit {
margin-top: 20px; }
.fsError {
margin-bottom: 50px; }
.fsResetContinue,
.fsResetCancel,
.fsLoginNewSuccess > button {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #666666;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.fsResetContinue:hover, .fsResetContinue:focus,
.fsStateSelected .fsResetContinue,
.fsResetCancel:hover,
.fsResetCancel:focus,
.fsStateSelected
.fsResetCancel,
.fsLoginNewSuccess > button:hover,
.fsLoginNewSuccess > button:focus,
.fsStateSelected
.fsLoginNewSuccess > button {
background-color: #183969;
color: #fff;
text-decoration: none; }
.fsResetContinue em,
.fsResetCancel em,
.fsLoginNewSuccess > button em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
.fsLoginNewSuccess button {
margin-top: 20px; }
.fsMediaCustomPlayer {
background: none;
position: relative;
color: #666666;
font-family: "proxima-nova", sans-serif; }
.fsMediaCustomPlayer article {
position: relative; }
.fsCustomSlider .fsElement {
margin-bottom: 0; }
.fsCustomSlider .slick-next, .fsCustomSlider .slick-prev {
background: none;
border: none;
color: transparent;
height: 40px;
padding: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
z-index: 2; }
.fsCustomSlider .slick-next:before, .fsCustomSlider .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; }
.fsCustomSlider .slick-next {
left: auto;
right: 0; }
.fsCustomSlider .slick-next:before {
content: '\203A'; }
.fsCustomSlider .slick-prev {
left: 0;
right: auto; }
.fsCustomSlider .slick-prev:before {
content: '\2039'; }
.fsCustomSlider .slider-play-btn {
position: absolute;
top: 20px;
left: 20px;
background-color: #00819c;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
padding: 0;
z-index: 1;
line-height: 42px; }
.fsCustomSlider .slider-play-btn:before {
content: "";
color: #fff;
font-size: 16px;
font-family: "adobe-garamond-pro", Georgia, serif; }
.fsCustomSlider.slider-paused .slider-play-btn:before {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-left: 13px solid #fff;
border-bottom: 7px solid transparent;
display: inline-block; }
.fsCustomSlider.slider-playing .slider-play-btn:before, .fsCustomSlider.slider-playing .slider-play-btn:after {
content: "";
width: 3px;
height: 18px;
background-color: #fff;
display: inline-block;
margin: 6px 2px 0; }
.fsCustomSlider .slick-dots {
position: absolute;
bottom: 12px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.fsCustomSlider .slick-dots, .fsCustomSlider .slick-dots ul {
margin: 0;
padding: 0;
list-style: none; }
.fsCustomSlider .slick-dots li {
margin: 0;
padding: 0; }
.fsCustomSlider .slick-dots li {
display: inline-block; }
.fsCustomSlider .slick-dots li + li {
margin-left: 6px; }
.fsCustomSlider .slick-dots button {
border: 0;
background-color: transparent;
padding: 0;
width: 12px;
height: 12px;
border: 2px solid #fff;
border-radius: 100%;
font-size: 0; }
.fsCustomSlider .slick-dots .slick-active button {
background-color: #fff; }
.fsCustomSlider .caption-wrapper {
font-family: "proxima-nova", sans-serif;
font-size: 16px;
line-height: 23px;
width: 100%;
background-color: #00819c;
color: #fff; }
.fsCustomSlider .caption-wrapper .caption-inner {
padding: 10px 10px 30px; }
@media (min-width: 800px) {
.fsCustomSlider .caption-wrapper {
padding: 30px 20px;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 129, 156, 0.5); } }
.fsCustomSlider .caption-wrapper a {
color: rgba(255, 255, 255, 0.5); }
.fsCustomSlider .caption-wrapper a:hover {
text-decoration: underline; }
.fsCustomSlider .caption-wrapper.is-empty {
display: none; }
@media (min-width: 800px) {
.fsCustomSlider .caption-title {
margin-top: 0;
font-weight: 600;
font-size: 24px;
line-height: 40px;
color: #183969;
margin-bottom: 16px;
color: #fff;
margin-bottom: 0; } }
@media (min-width: 800px) {
.fsCustomSlider .caption-desc {
display: block; } }
.fsCustomSlider .caption-desc p:last-child {
margin-bottom: 0; }
.fsCustomSlider .caption-desc:empty {
display: none; }
.fsNews.fsThumbnailAlignLeft .fsThumbnail {
float: none; }
@media (min-width: 600px) {
.fsNews.fsThumbnailAlignLeft .fsThumbnail {
float: left; } }
.fsNews.fsThumbnailAlignRight .fsThumbnail {
float: none; }
@media (min-width: 600px) {
.fsNews.fsThumbnailAlignRight .fsThumbnail {
float: right; } }
/*! _dialog.scss - src/sass/modules/news/_dialog.scss - news dialog pop up */
.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
float: none; }
@media (min-width: 600px) {
.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
float: left; } }
.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
float: none; }
@media (min-width: 600px) {
.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
float: right; } }
.fsPostElement article {
margin-bottom: 0; }
.fsPostElement article + article {
margin-top: 30px;
border-top: 1px solid #dce0e9;
padding-top: 30px; }
.fsPostElement .fsTitle {
font-size: 18px;
line-height: 26px;
margin-bottom: 12px;
font-weight: 700;
color: #333333; }
.fsPostElement .fsTitle a {
font-weight: 700;
color: #333333; }
.fsPostElement .fsTitle a:hover, .fsPostElement .fsTitle a:focus {
color: #00819c; }
.fsPostElement .fsAuthor {
font-size: 14px;
line-height: 17px;
margin-right: 0; }
.fsPostElement .fsAuthor + .fsDateTime {
position: relative;
padding-left: 10px;
margin-left: 4px; }
.fsPostElement .fsAuthor + .fsDateTime:before {
content: "";
position: absolute;
left: 0;
top: 2px;
bottom: 2px;
width: 1px;
background-color: #666666; }
.fsPostElement .fsDateTime {
font-size: 13px;
line-height: 16px;
text-transform: uppercase; }
.fsPostElement .fsSummary {
margin-top: 12px; }
.fsPostElement .fsCategory {
font-size: 10px;
line-height: 12px;
font-weight: 400;
color: #fff;
background-color: #757575;
border: 0;
border-radius: 2px;
padding: 4px 10px; }
.fsPostElement .fsCategory + .fsCategory {
margin-left: 10px; }
.fsPostElement .fsTag {
background-color: #f7f7f7;
font-weight: 600;
font-size: 12px;
line-height: 14px;
color: #343b41;
padding: 10px 10px; }
.fsPostElement .fsTag + .fsTag {
margin-left: 10px; }
.fsPostElement.fsGrid article + article {
margin-top: 0; }
/*! _dialog.scss - src/sass/modules/post/_dialog.scss - post dialog pop up */
/*! _main.scss - src/sass/modules/search/ - main search import */
.fsSearch form.gsc-search-box-tools {
margin-bottom: 0;
overflow: hidden;
font-size: inherit; }
.fsSearch form.gsc-search-box-tools table {
border: 0; }
.fsSearch form.gsc-search-box-tools > table.gsc-search-box {
margin-bottom: 0;
position: relative; }
.fsSearch form.gsc-search-box-tools td.gsib_a {
padding: 0; }
.fsSearch form.gsc-search-box-tools td.gsib_b {
display: none !important; }
.fsSearch form.gsc-search-box-tools table.gsc-branding {
display: none; }
/*! _custom.scss - src/sass/modules/search/ - custom site search, design based */
.fsSearch.site-search form.gsc-search-box-tools {
width: 400px; }
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input {
padding: 0; }
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box {
border: 0;
height: 100%; }
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box input.gsc-input {
background: #00819c !important;
background-image: none !important;
width: 100%;
height: 50px !important;
color: #122538;
padding-left: 10px !important;
padding-right: 85px !important;
margin: 0 !important;
border-radius: 0 !important;
font-size: 16px;
font-family: "proxima-nova", sans-serif; }
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
padding: 0;
overflow: hidden;
height: 50px;
width: 75px;
background: #183969;
position: absolute;
right: 0;
top: 0;
transition: .3s; }
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:after {
content: "Search";
color: #fff;
font-family: "proxima-nova", sans-serif;
opacity: 1;
display: block;
position: absolute;
text-align: center;
height: 100%;
width: 100%;
left: 0;
top: 0;
line-height: 50px;
font-size: 16px; }
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
background: black;
transition: .3s; }
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button input.gsc-search-button {
border: 0;
height: 100%;
width: 100%;
color: transparent;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
margin: 0; }
.fsSearch.site-search ::-webkit-input-placeholder {
color: #122538; }
.fsSearch.site-search :-moz-placeholder {
color: #122538; }
.fsSearch.site-search ::-moz-placeholder {
color: #122538; }
.fsSearch.site-search :-ms-input-placeholder {
color: #122538; }
#fsHeader .header-search {
position: absolute;
right: 0;
top: 0; }
@media (max-width: 1099px) {
#fsHeader .header-search {
display: none; } }
.header-search .fsElementContent {
display: -ms-flexbox;
display: flex; }
.open-search .header-search .fsElementContent {
border: 1px solid #666666;
border-radius: 5px;
overflow: hidden;
padding-right: 12px; }
.header-search form {
top: 0;
right: 30px;
z-index: 1;
background-color: #fff;
width: 0;
overflow: hidden;
height: 40px;
-ms-flex-align: center;
align-items: center;
padding-left: 12px; }
.header-search form > div {
border: 1px solid rgba(255, 255, 255, 0.2);
display: -ms-flexbox;
display: flex;
width: 100%; }
.open-search .header-search form {
width: 280px; }
#fsMenu .header-search form {
position: static;
width: 100%;
margin-top: 20px; }
.header-search input {
background-color: transparent;
font-size: 16px;
line-height: 19px;
border: 0;
padding: 10px 5px;
padding-left: 20px;
width: calc(100% - 30px);
color: #666666; }
.header-search input ::-webkit-input-placeholder {
color: #666666; }
.header-search input :-moz-placeholder {
color: #666666; }
.header-search input ::-moz-placeholder {
color: #666666; }
.header-search input :-ms-input-placeholder {
color: #666666; }
.header-search button {
padding: 0;
border: 0;
background-color: transparent;
font-size: 0;
line-height: 1;
cursor: pointer; }
.header-search button[type='submit'] {
position: relative;
top: 5px; }
.header-search button[type='submit']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
font-size: 20px;
color: #183969;
font-weight: 400; }
.header-search .search-btn:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
font-size: 20px;
color: #212529;
font-weight: 400; }
.open-search .header-search .search-btn:before {
content: "×";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
font-size: 32px;
line-height: 0.5; }
#fsMenu .header-search .search-btn {
display: none; }
#fsMenu .header-search form {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 3px;
background-color: transparent; }
#fsMenu .header-search button:before {
color: rgba(255, 255, 255, 0.5);
font-size: 12px; }
#fsMenu .header-search input {
padding-left: 8px;
font-size: 14px; }
#fsMenu .header-search input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
#fsMenu .header-search input:-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
#fsMenu .header-search input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
#fsMenu .header-search input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
/*! _search-box.scss - src/sass/modules/search/ - sitewide search box */
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input {
padding: 0; }
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box {
border: 0;
height: 100%;
border: solid 1px #666666; }
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box input.gsc-input {
background: #fff !important;
background-image: none !important;
width: 100%;
height: 50px !important;
color: #666666;
padding-left: 10px !important;
padding-right: 85px !important;
margin: 0 !important;
border-radius: 0 !important;
font-size: 16px;
font-family: "proxima-nova", sans-serif; }
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
padding: 0;
overflow: hidden;
height: 100%;
width: 75px;
background: #666666;
position: absolute;
transition: .3s;
right: 0;
top: 0; }
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:after {
content: "Search";
color: #fff;
opacity: 1;
display: block;
position: absolute;
text-align: center;
height: 100%;
width: 100%;
left: 0;
top: 0;
line-height: 50px;
font-size: 16px;
font-family: "proxima-nova", sans-serif; }
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
background: black;
transition: .3s; }
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button input.gsc-search-button {
border: 0;
height: 100%;
width: 100%;
color: transparent;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
margin: 0; }
/*! _search-results.scss - src/sass/modules/search/ - sitewide search results */
.fsSearchResults form.gsc-search-box-tools, .fsSearchFieldWithResults form.gsc-search-box-tools {
margin-bottom: 20px; }
.fsSearchResults .gsc-control-cse, .fsSearchFieldWithResults .gsc-control-cse {
padding: 0;
font-family: "proxima-nova", sans-serif;
font-size: 16px; }
.fsSearchResults .gsc-results, .fsSearchFieldWithResults .gsc-results {
width: 100%; }
.fsSearchResults .gsc-webResult .gsc-result, .fsSearchFieldWithResults .gsc-webResult .gsc-result {
margin-bottom: 20px;
border-bottom: solid 1px #ccc !important;
padding: 0 0 20px; }
.fsSearchResults .gsc-webResult .gsc-result .gs-result .gs-snippet, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-result .gs-snippet {
color: #666666; }
.fsSearchResults .gsc-webResult .gsc-result .gs-webResult div.gs-visibleUrl, .fsSearchResults .gsc-webResult .gsc-result .gs-imageResult div.gs-visibleUrl, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-webResult div.gs-visibleUrl, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-imageResult div.gs-visibleUrl {
color: #00819c; }
.fsSearchResults .gsc-table-result, .fsSearchResults .gsc-thumbnail-inside, .fsSearchResults .gsc-url-top, .fsSearchFieldWithResults .gsc-table-result, .fsSearchFieldWithResults .gsc-thumbnail-inside, .fsSearchFieldWithResults .gsc-url-top {
padding: 0; }
.fsSearchResults div.gs-title, .fsSearchFieldWithResults div.gs-title {
margin-bottom: 10px; }
.fsSearchResults a.gs-title, .fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page, .fsSearchFieldWithResults a.gs-title, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page {
color: #00819c !important;
outline: transparent; }
.fsSearchResults a.gs-title:hover, .fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .fsSearchFieldWithResults a.gs-title:hover, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
color: #183969 !important; }
.fsSearchResults .gsc-control-cse .gs-spelling, .fsSearchResults .gsc-control-cse .gs-result .gs-title, .fsSearchResults .gsc-control-cse .gs-result .gs-title *, .fsSearchFieldWithResults .gsc-control-cse .gs-spelling, .fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title, .fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title * {
font-size: 16px; }
.fsSearchResults .gsc-results .gsc-cursor-box, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box {
margin: 10px 0; }
/*! elements - social main */
/*! elements - social facebook */
.fsFacebook {
margin-bottom: 20px; }
.fsFacebookList, .fsFacebookList ul {
margin: 0;
padding: 0;
list-style: none; }
.fsFacebookList li {
margin: 0;
padding: 0; }
.fsFacebookList .fsFacebookListItem {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #dddedf; }
.fsFacebookExtras {
margin-top: 10px; }
.fsFacebookExtras .fsFacebookThumb {
margin-bottom: 10px;
display: block; }
.fsFacebookExtras .fsFacebookTitle[href*="https://www.facebook.com/finalsite/photos"] {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block; }
.fsFacebookFollow {
margin-top: 20px; }
/*! elements - social twitter */
.fsTwitter {
margin-bottom: 20px; }
/*! elements - social vimeo */
.fsVimeo {
margin-bottom: 20px; }
.fsVimeo iframe.fsSocialVideoFrame {
margin-bottom: 20px; }
.fsVimeoList, .fsVimeoList ul {
margin: 0;
padding: 0;
list-style: none; }
.fsVimeoList li {
margin: 0;
padding: 0; }
.fsVimeoList .fsVimeoListItem {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #dddedf;
transition: opacity .3s;
opacity: .6;
cursor: pointer; }
.fsVimeoList .fsVimeoListItem:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.fsVimeoList .fsVimeoListItem:hover {
border: none;
border-bottom: solid 1px #dddedf;
padding: 0;
padding-bottom: 20px;
opacity: 1;
transition: opacity .3s; }
.fsVimeoList .fsVimeoListItem:hover:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
.fsVimeoThumb {
margin-bottom: 10px;
margin-right: 20px; }
@media (min-width: 600px) {
.fsVimeoThumb {
float: left;
margin-bottom: 0; } }
.vimeo_view_link a {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #666666;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.vimeo_view_link a:hover, .vimeo_view_link a:focus,
.fsStateSelected .vimeo_view_link a {
background-color: #183969;
color: #fff;
text-decoration: none; }
.vimeo_view_link a em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
/*! elements - social youtube */
.fsYoutube {
margin-bottom: 20px; }
.fsYoutube .fsSocialVideoFrame {
margin-bottom: 20px; }
.fsYoutubeList, .fsYoutubeList ul {
margin: 0;
padding: 0;
list-style: none; }
.fsYoutubeList li {
margin: 0;
padding: 0; }
.fsYoutubeList .fsYoutubeListItem {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #dddedf;
transition: opacity .3s;
opacity: .6; }
.fsYoutubeList .fsYoutubeListItem:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.fsYoutubeList .fsYoutubeListItem:hover {
border: none;
border-bottom: solid 1px #dddedf;
padding: 0;
padding-bottom: 20px;
opacity: 1;
transition: opacity .3s; }
.fsYoutubeList .fsYoutubeListItem:hover:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
.fsYoutubeThumb {
margin-bottom: 10px;
margin-right: 20px;
float: none; }
@media (min-width: 600px) {
.fsYoutubeThumb {
float: left;
margin-bottom: 0; } }
.Youtube_view_link a {
display: inline-block;
border: 0;
margin: 0 5px 20px;
padding: 15px 20px;
background: #666666;
color: #fff;
border-radius: 0;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px; }
.Youtube_view_link a:hover, .Youtube_view_link a:focus,
.fsStateSelected .Youtube_view_link a {
background-color: #183969;
color: #fff;
text-decoration: none; }
.Youtube_view_link a em {
display: block;
font-style: normal;
font-size: 15px;
line-height: 18px;
text-transform: none;
color: rgba(255, 255, 255, 0.7);
margin-top: 6px; }
/*! elements - tabs */
.fsTabs.fsPanelGroup {
padding: 0;
background: none;
border: 0;
margin-bottom: 20px; }
.fsTabs.fsPanelGroup .fsTabsNav {
margin: 0;
padding: 0;
display: none; }
@media (min-width: 600px) {
.fsTabs.fsPanelGroup .fsTabsNav {
display: block; } }
.fsTabs.fsPanelGroup .fsTabsNav li {
margin-right: 10px; }
.fsTabs.fsPanelGroup .fsTabsNav li a {
display: block;
padding: 6px 15px;
border-bottom: 3px solid #dce0e9;
color: #48545f;
background-color: transparent; }
.fsTabs.fsPanelGroup .fsTabsNav li a:hover {
border-bottom: 3px solid #00819c;
color: #1e2023; }
.fsTabs.fsPanelGroup .fsTabsNav li.fsStateSelected a {
border-bottom: 3px solid #00819c;
color: #1e2023; }
.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; } }
/*! -main.scss - /sass/modules/tools */
/*! _all.scss - src/sass/modules/tools - News, Calendar, & Posts Tools Elements */
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton, .fsElementToolsSearchButton {
margin: 0 5px 0 0;
width: auto; }
.fsToolsList.fsStyleSelectList > li {
padding: 0;
margin: 0; }
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton {
margin-bottom: 5px;
padding: 7px 12px;
font-size: .875em;
line-height: 1.2; }
/*! _filter.scss - src/sass/modules/tools/posts - News & Calendar Tools Elements */
.fsBannerLeft .fsElementToolsSearch,
.fsBannerRight .fsElementToolsSearch,
.fsStyleOneThird .fsElementToolsSearch,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fsBannerLeft .fsElementToolsSearch > div,
.fsBannerRight .fsElementToolsSearch > div,
.fsStyleOneThird .fsElementToolsSearch > div,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch > div,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch > div {
width: 100%; }
.fsBannerLeft .fsElementToolsSearch .fsFieldContainer,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fsBannerLeft .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField {
-ms-flex-positive: 1;
flex-grow: 1; }
.fsBannerLeft .fsElementToolsSearch .fsElementToolsSearchButton,
.fsBannerRight .fsElementToolsSearch .fsElementToolsSearchButton,
.fsStyleOneThird .fsElementToolsSearch .fsElementToolsSearchButton,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton {
width: 100%; }
.fsElementToolsSearch .fsSeparator {
margin: 0 5px;
display: inline-block;
text-align: center; }
.fsElementToolsKeyword + .fsElementToolsDateRange {
margin-top: 10px; }
.fsElementToolsSearchButton {
margin: 10px 0 0; }
/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsLegend .fsElementControls {
margin-bottom: 5px; }
.fsLegend .fsElementControls label input:checked + span {
background: #00738b;
color: white; }
.fsLegend .fsElementControls label input + span {
color: #00738b;
background: #f1fdff; }
/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsMiniGrid .fsCalendarEventGrid {
max-width: 100%;
width: 240px; }
.fsMiniGrid .fsCalendarEventGrid .fsCalendarWeekdays {
box-shadow: inset 0 -1px 0 0 #122538; }
.fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox {
box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff;
background: #0c1825;
color: #666666;
font-size: .875em;
line-height: 1;
padding: 10px 5px; }
.fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox:last-child {
box-shadow: inset 0 -1px 0 0 #fff; }
.fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox.fsStateHasEvents {
background: black;
color: #666666; }
.fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox.fsCalendarOutOfRange {
background: #122538;
color: black; }
.fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox.fsCalendarToday {
background: #3172d0;
color: #fff; }
.fsCalendarMonthYearPicker > .fsStyleUpdateButton {
margin-bottom: 0;
display: block;
color: #fff;
background-color: #00738b; }
/*! _category.scss - src/sass/modules/tools/posts - Posts Tools Elements */
/*! _tag.scss - src/sass/modules/tools/posts - Posts Tools Elements */
/*! elements - common v0.0.1 */
/* Contains generic styles that apply to every element */
.module {
padding: 20px;
color: #fff; }
.module h1, .module h2, .module h3, .module h4, .module h5, .module h6 {
color: inherit; }
.module {
background: #183969;
font-size: 15px;
padding: 30px; }
.module .fsElementTitle {
font-size: 16px;
line-height: 23px;
text-transform: uppercase; }
.module.mod-gray {
background-color: #f7f7f7;
color: #343b41; }
.module.mod-gray h1, .module.mod-gray h2, .module.mod-gray h3, .module.mod-gray h4, .module.mod-gray h5, .module.mod-gray h6 {
color: #1e2023; }
.module.mod-turquoise {
background-color: #00819c; }
.module.mod-turquoise a {
color: #e8ebf2; }
.module.mod-turquoise a:visited {
color: #d8d8d8; }
.module.mod-blue a {
color: #00bce4; }
.module.mod-blue a:hover, .module.mod-blue a:focus {
color: #00ced1; }
.module.mod-blue a:visited {
color: #81cfe0; }
.mod-image header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.mod-image .fsElementTitle {
-ms-flex-order: 2;
order: 2; }
.mod-image .fsElementHeaderContent {
-ms-flex-order: 1;
order: 1;
margin-top: -30px;
margin-left: -30px;
margin-right: -30px; }
.mod-image .fsElementHeaderContent img {
width: 100%; }
.mod-image.half-image {
position: relative;
padding-left: calc(50% + 30px); }
.mod-image.half-image .fsElementHeaderContent {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50%;
margin: 0; }
.mod-image.half-image .fsElementHeaderContent .fsImage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.mod-image.half-image .fsElementHeaderContent img {
position: absolute;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
max-width: none;
max-height: none;
width: auto;
height: auto;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.mod-image.half-image.right {
padding-right: calc(50% + 30px);
padding-left: 30px; }
.mod-image.half-image.right .fsElementHeaderContent {
left: auto;
right: 0; }
@element ".mod-image.half-image" and (max-width: 600px) {
.mod-image.half-image {
padding-left: 30px !important;
padding-right: 30px !important; }
.mod-image.half-image .fsElementHeaderContent {
position: static;
width: auto;
margin-top: -30px;
margin-left: -30px;
margin-right: -30px;
margin-bottom: 20px; }
.mod-image.half-image .fsElementHeaderContent .fsImage {
height: auto;
position: static; }
.mod-image.half-image .fsElementHeaderContent img {
position: static;
-ms-transform: none;
transform: none;
min-height: none;
min-width: none; } }
/*! pages - home v0.0.1 */
.home #fsPageBodyWrapper #fsPageBody #fsPageContent h1.fsPageTitle {
display: none; }
.home .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
background: #f7f8fb; }
.home-calendar-container {
margin-left: 0;
margin-right: 0; }
.home-calendar-container .fsStyleColumn-1 {
width: calc(100% - 360px);
padding-right: 90px; }
.home-calendar-container .fsStyleColumn-2 {
width: 360px;
padding: 0; }
.home-calendar-container .fsContent[data-image-sizes] {
padding-left: 200px;
background-repeat: no-repeat;
background-position: top left;
background-size: auto 200px; }
@media (max-width: 699px) {
.home-calendar-container .fsContent[data-image-sizes] {
padding-left: 0;
padding-top: 250px;
background-position: top center; } }
.home-calendar-container .fsContent .fsElementHeaderContent {
font-size: 24px;
font-weight: 300;
line-height: 29px; }
.home-calendar-container .fsContent .fsElementHeaderContent strong {
font-weight: 600;
color: #183969; }
.home-calendar-container .fsCalendar .slick-slide > div:first-child article {
border-top: 0;
padding-top: 0; }
.home-calendar-container .fsCalendar .slick-slide > div:first-child article .fsDate {
top: 0; }
.home-calendar-container .fsCalendar article {
border-top: 1px solid #d8d8d8;
padding-top: 20px;
padding-bottom: 15px; }
.home-calendar-container .fsCalendar article .fsDate {
top: 20px; }
.home-calendar-container .fsCalendar .fsElementTitle {
line-height: 1;
position: relative;
margin-bottom: 30px; }
.home-calendar-container .fsCalendar .fsElementTitle:before {
content: "";
position: absolute;
height: 2px;
width: 26px;
background-color: #f3c201;
top: calc(100% + 7px);
left: 0; }
.home-calendar-container .fsCalendar .slick-dots {
position: absolute;
top: 100%;
right: 0; }
.home-calendar-container .fsCalendar .slick-dots, .home-calendar-container .fsCalendar .slick-dots ul {
margin: 0;
padding: 0;
list-style: none; }
.home-calendar-container .fsCalendar .slick-dots li {
margin: 0;
padding: 0; }
.home-calendar-container .fsCalendar .slick-dots li {
display: inline-block; }
.home-calendar-container .fsCalendar .slick-dots li + li {
margin-left: 6px; }
.home-calendar-container .fsCalendar .slick-dots button {
border: 0;
background-color: transparent;
padding: 0;
width: 10px;
height: 10px;
border: 1px solid #212529;
border-radius: 100%;
font-size: 0; }
.home-calendar-container .fsCalendar .slick-dots .slick-active button {
background-color: #212529;
color: #fff; }
.home-calendar-container .fsCalendar .fsElementFooterContent {
margin-top: 0; }
.home-calendar-container .fsCalendar footer a {
font-size: 14px;
line-height: 17px;
font-weight: 700;
color: #183969;
text-transform: uppercase; }
.home-calendar-container .fsCalendar footer a:hover, .home-calendar-container .fsCalendar footer a:focus {
color: #00819c; }
@media (max-width: 999px) {
.home-calendar-container .fsStyleColumn-1 {
width: 100%;
padding-right: 20px; }
.home-calendar-container .fsStyleColumn-2 {
width: 100%;
padding-left: 20px;
padding-right: 20px; } }
.home-post-container {
position: relative;
margin-top: 80px; }
.home-post-container > header,
.home-post-container > footer {
position: absolute;
width: calc(100% - 590px);
height: 720px;
top: -130px;
opacity: 0.4;
background-size: cover;
background-position: center; }
.home-post-container > header img,
.home-post-container > footer img {
position: absolute;
top: 0;
left: -9999px;
width: 0;
height: 0;
overflow: hidden; }
@media (max-width: 1179px) {
.home-post-container > header,
.home-post-container > footer {
display: none; } }
.home-post-container > header {
right: 100%; }
.home-post-container > footer {
left: 100%; }
.home-post-container > footer .fsElementFooterContent {
margin-top: 0; }
body:not(.fsComposeMode) .home-post-container > .fsElementContent {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
body:not(.fsComposeMode) .home-post-container > .fsElementContent:after {
display: none; }
@media (max-width: 699px) {
.home-post-container {
margin-left: -20px;
margin-right: -20px; } }
.home-post-container .fsPostElement {
margin-bottom: 0;
width: 100%; }
.home-post-container .fsPostElement .fsListItems {
display: -ms-flexbox;
display: flex; }
@media (max-width: 699px) {
.home-post-container .fsPostElement .fsListItems {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.home-post-container .fsPostElement article {
position: relative; }
.home-post-container .fsPostElement article .fsTitle {
font-size: 20px;
z-index: 1; }
.home-post-container .fsPostElement article .fsTitle,
.home-post-container .fsPostElement article .fsTitle a {
color: #fff;
font-weight: 700; }
.home-post-container .fsPostElement article .fsThumbnail {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
max-width: none;
position: relative;
overflow: hidden;
height: 380px; }
.home-post-container .fsPostElement article .fsThumbnail img {
position: absolute;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
max-width: none;
max-height: none;
width: auto;
height: auto;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media (max-width: 699px) {
.home-post-container .fsPostElement article .fsThumbnail {
height: 320px; } }
.home-post-container .fsPostElement article .post-inner {
position: relative;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 30px 40px 50px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.65) 100%);
overflow: hidden; }
.home-post-container .fsPostElement article .post-inner .fsReadMoreLink {
position: absolute;
top: 100%;
left: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }
.home-post-container .fsPostElement article .post-inner:hover .fsReadMoreLink {
max-height: 9999px;
transition: max-height 0.5s cubic-bezier(1, 0, 1, 0); }
@media (max-width: 599px) {
.home-post-container .fsPostElement article .post-inner:focus .fsReadMoreLink {
max-height: 9999px;
transition: max-height 0.5s cubic-bezier(1, 0, 1, 0); } }
.home-post-container .fsPostElement article .post-inner:before {
content: '';
background: url("https://resources.finalsite.net/images/v1529434385/davisk12utus/x54g7luw5tbfpb7u2dkv/post-overlay.png");
position: absolute;
width: 100%;
height: 90%;
bottom: 0;
left: 0;
background-size: cover;
background-position: top center;
z-index: 0;
transition: all 0.15s linear; }
.home-post-container .fsPostElement article .post-inner .fsReadMoreLink {
font-weight: 600;
color: #f3c201;
font-size: 18px;
line-height: 22px;
text-decoration: underline;
position: static;
z-index: 1; }
@media (max-width: 1049px) {
.home-post-container .fsPostElement article {
width: 50%; } }
@media (max-width: 699px) {
.home-post-container .fsPostElement article {
width: 100%; } }
.home-post-container .fsPostElement article:first-child {
border: 2px solid #fff;
border-right: 1px solid #fff; }
@media (min-width: 1050px) {
.home-post-container .fsPostElement article:first-child {
-ms-flex: 0 1 500px;
flex: 0 1 500px; } }
.home-post-container .fsPostElement article:nth-child(2) {
border: 2px solid #fff;
border-left: 1px solid #fff; }
@media (min-width: 1050px) {
.home-post-container .fsPostElement article:nth-child(2) {
-ms-flex: 1 0 auto;
flex: 1 0 auto; } }
.home-post-container .fsPostElement article + article {
padding-top: 0;
margin-top: 0;
border-top: 0; }
@media (max-width: 1049px) {
.home-post-container .fsPostElement {
-ms-flex-order: 1;
order: 1; } }
.home-post-container .fsYoutube {
border: 2px solid #fff;
position: relative; }
.home-post-container .fsYoutube .fsSocialVideoFrame {
margin-bottom: 0; }
.home-post-container .fsYoutube .video-thumbnail {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center;
z-index: 1;
cursor: pointer; }
.home-post-container .fsYoutube .video-thumbnail.video-playing {
display: none; }
.home-post-container .fsYoutube .video-thumbnail:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
position: absolute;
top: 50%;
left: calc(50% + 2px);
font-size: 22px;
color: #fff;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.home-post-container .fsYoutube .video-thumbnail:before {
content: "";
width: 50px;
height: 50px;
border: 5px solid #fff;
border-radius: 100%;
display: block;
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 25px);
color: #fff; }
@media (min-width: 1050px) {
.home-post-container .fsYoutube {
-ms-flex: 0 1 700px;
flex: 0 1 700px;
-ms-transform: translateY(-20px);
transform: translateY(-20px); } }
@media (max-width: 1049px) {
.home-post-container .fsYoutube {
-ms-flex-order: 3;
order: 3;
width: 100%; } }
.home-post-container .fsContent {
width: calc(100% - 700px);
padding: 50px 40px 20px; }
.home-post-container .fsContent .fsElementTitle {
text-align: center;
position: relative; }
.home-post-container .fsContent .fsElementTitle:before {
content: "";
height: 3px;
width: 26px;
background-color: #f3c201;
position: absolute;
bottom: 0;
left: calc(50% - 23px); }
.home-post-container .fsContent footer {
text-align: center; }
@media (max-width: 1049px) {
.home-post-container .fsContent {
-ms-flex-order: 2;
order: 2;
width: 100%; } }
.seal-horizontal-rule {
position: relative;
margin: 60px 0;
height: 40px;
opacity: 0; }
.seal-horizontal-rule:before, .seal-horizontal-rule:after {
content: "";
width: 540px;
height: 1px;
position: absolute;
background-color: #d8d8d8;
top: calc(50% - 1px);
left: calc(50% - 600px);
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: right;
transform-origin: right; }
.seal-horizontal-rule:after {
left: auto;
right: calc(50% - 600px);
-ms-transform-origin: left;
transform-origin: left; }
.seal-horizontal-rule .fsElementContent {
content: "";
width: 60px;
height: 60px;
background-image: url(../images/shield.png);
background-size: contain;
position: absolute;
top: calc(50% - 30px);
left: calc(50% - 30px);
background-repeat: no-repeat;
background-position: center; }
.seal-horizontal-rule.show-me,
body.fsComposeMode .seal-horizontal-rule {
opacity: 1;
transition: opacity 2s; }
.seal-horizontal-rule.show-me:before, .seal-horizontal-rule.show-me:after,
body.fsComposeMode .seal-horizontal-rule:before,
body.fsComposeMode .seal-horizontal-rule:after {
transition: transform .5s .5s;
-ms-transform: scaleX(1);
transform: scaleX(1); }
.home-blockquote {
padding-top: 70px;
opacity: 0;
position: relative; }
.home-blockquote.show-me,
body.fsComposeMode .home-blockquote {
opacity: 1;
transition: opacity 2s; }
.home-blockquote.show-me:before,
body.fsComposeMode .home-blockquote:before {
height: 40px;
transition: height 0.5s 0.5s; }
.home-blockquote.show-me blockquote,
body.fsComposeMode .home-blockquote blockquote {
opacity: 1;
transition: opacity 0.8s 1s; }
.home-blockquote blockquote {
font-size: 30px;
line-height: 42px;
opacity: 0; }
.home-blockquote cite {
text-transform: uppercase;
font-weight: 300;
font-size: 20px;
line-height: 24px; }
.home-blockquote:before {
content: "";
position: absolute;
top: 20px;
left: 50%;
width: 1px;
height: 0px;
background-color: #cdc9c9; }
.home-footer {
background-size: cover;
background-position: center;
height: 500px;
position: relative;
width: 100%; }
.home-footer > a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.home-footer > a:hover .footer-inner,
.home-footer > a:focus .footer-inner {
background-color: #f3c201; }
.home-footer a:hover {
text-decoration: none; }
.home-footer .fsElementTitle {
font-size: 24px;
line-height: 29px;
color: #183969;
margin-bottom: 0; }
.home-footer .fsElementContent {
font-style: italic;
font-size: 20px;
line-height: 25px;
font-family: "adobe-garamond-pro", Georgia, serif; }
.home-footer .fsElementContent p {
margin-bottom: 0; }
.home-footer .fsElementContent a {
color: #212529;
font-weight: 400; }
.home-footer .footer-inner {
background-color: rgba(243, 194, 1, 0.95);
width: 620px;
padding: 40px;
margin-bottom: 80px;
transition: background-color 0.3s; }
@media (max-width: 699px) {
.home-footer .footer-inner {
width: 100%;
margin-bottom: 0;
background-color: #f3c201; } }
.home-video {
position: relative;
overflow: hidden; }
body:not(.fsComposeMode) #fsPageBodyWrapper .home-video {
display: none; }
.home-video button[id="heroPlayBtn"] {
display: block;
font-size: 0;
cursor: pointer;
background-color: #45454A;
border: 0;
cursor: pointer;
line-height: 1;
opacity: .8;
padding: 0;
position: absolute;
top: 45px;
transition: all .3s;
z-index: 1;
height: 50px;
width: 50px;
left: 30px; }
.home-video button[id="heroPlayBtn"]:before {
content: "";
font-family: "IcoMoon";
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.home-video button[id="heroPlayBtn"].pause:before {
content: "";
font-family: "IcoMoon"; }
@media (max-width: 600px) {
.home-video button[id="heroPlayBtn"] {
display: none; } }
.home-slider {
background-color: #fff;
margin-bottom: 0;
border-bottom: 3px solid #f3c201;
position: relative; }
.home-slider footer {
z-index: 1;
position: relative; }
.home-slider footer .fsElementFooterContent {
margin: 0; }
.home-slider .slick-slider.fsElementSlideshow {
padding: 0;
margin-bottom: 0; }
.home-slider .scroll-to {
position: absolute;
bottom: 0;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
transition: right 0.05s ease; }
@media (min-width: 700px) {
.home-slider .scroll-to {
display: block; } }
.home-slider .scroll-to .scroll-to-inner {
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0.6);
background-color: #183969;
border-radius: 100%;
position: absolute;
left: 0;
bottom: 0;
cursor: pointer;
animation: 1.3s bouncing infinite cubic-bezier(0.2, 0.2, 0.5, 1.25) both;
-ms-transform: translateY(0px);
transform: translateY(0px);
transition: 0.3s all ease-in-out;
animation-fill-mode: forwards; }
.home-slider .scroll-to .scroll-to-inner:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
text-align: center;
color: white;
display: block;
font-size: 20px;
line-height: 20px;
font-family: "icomoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
@keyframes bouncing {
0% {
transform: translate(-50%, 0px); }
50% {
transform: translate(-50%, -10px); }
100% {
transform: translate(-50%, 0px); } }
.home-slider article {
padding: 0;
position: relative;
max-height: 700px; }
.home-slider article.fsResourceTypeImage {
background-size: cover;
background-position: center top; }
.home-slider article.fsResourceTypeImage figure {
opacity: 1;
visibility: visible; }
.home-slider article figure {
height: 100%; }
.home-slider article img {
max-width: none;
min-width: 100%;
height: 700px; }
.home-slider article picture {
display: block;
position: relative; }
@media (max-width: 1023px) {
.home-slider article {
max-height: 500px; }
.home-slider article img {
height: 500px; } }
@media (max-width: 699px) {
.home-slider article {
max-height: none; }
.home-slider article img {
height: 260px; } }
.home-slider video {
min-width: 100%;
max-width: 100%;
display: block;
position: relative; }
.home-slider figcaption,
.home-slider .fsDescription {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
color: #fff;
white-space: normal;
font-size: 18px;
line-height: 28px;
font-weight: 400;
z-index: 1;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 100px;
text-shadow: 2px 2px #000; }
.home-slider figcaption:before,
.home-slider .fsDescription:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 400px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.65) 100%);
z-index: -1; }
@media (max-width: 699px) {
.home-slider figcaption:before,
.home-slider .fsDescription:before {
display: none; } }
.home-slider figcaption h2,
.home-slider .fsDescription h2 {
font-size: 32px;
font-weight: 600;
line-height: 34px;
color: #fff; }
@media (max-width: 699px) {
.home-slider figcaption h2,
.home-slider .fsDescription h2 {
font-size: 24px;
line-height: 33px; } }
.home-slider figcaption h3,
.home-slider .fsDescription h3 {
color: #fff; }
.home-slider figcaption span,
.home-slider .fsDescription span {
text-shadow: none; }
.home-slider figcaption p,
.home-slider .fsDescription p {
margin-bottom: 8px; }
.home-slider figcaption a,
.home-slider .fsDescription a {
color: #f3c201;
text-decoration: underline;
margin-bottom: 3px; }
.home-slider figcaption a[class^="fs_style"],
.home-slider .fsDescription a[class^="fs_style"] {
color: #fff; }
.home-slider figcaption a.fs_style_26,
.home-slider .fsDescription a.fs_style_26 {
box-shadow: inset 0 0 0 1px #fff; }
.home-slider figcaption p:last-child,
.home-slider .fsDescription p:last-child {
margin-bottom: 0; }
@media (max-width: 699px) {
.home-slider figcaption,
.home-slider .fsDescription {
position: static;
background-color: #333;
padding-top: 35px; } }
.home-slider figcaption a {
color: #fff; }
.home-slider figcaption a:hover {
color: #fff; }
.home-slider .fsPager {
position: absolute;
bottom: 100px;
width: 100%;
margin-bottom: 0; }
.home-slider .fsPager li button:before {
border: 1px solid #fff;
background-color: transparent;
opacity: 1; }
.home-slider .fsPager li button:hover:before,
.home-slider .fsPager li button:focus:before {
background-color: #fff; }
.home-slider .fsPager li.slick-active button:before {
background-color: #fff; }
.home-slider .fsNextButton:before,
.home-slider .fsPrevButton:before {
color: #fff; }
@media (max-width: 699px) {
.home-slider .fsNextButton,
.home-slider .fsPrevButton {
top: 130px; } }
.home-slider .fsElementSlideshowControls > button {
height: 50px;
width: 50px;
left: 30px; }
@media (max-width: 699px) {
.home-slider .fsElementSlideshowControls > button {
top: 20px;
width: 30px;
height: 30px; } }
.home-slider .fsElementSlideshowControls > button:before {
background-image: none;
font-size: 20px;
color: #fff;
width: auto;
height: auto;
margin: 0; }
@media (max-width: 699px) {
.home-slider .fsElementSlideshowControls > button:before {
font-size: 14px; } }
.home-slider .fsElementSlideshowControls > button.fsSlideshowPause:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.home-slider .fsElementSlideshowControls > button.fsSlideshowPlay:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.home > svg {
top: 0; }
.portal-page .fsTwoColumnWideRightLayout > .fsDiv > .fsElement + .fsElement {
margin-top: 2em; }
/*! pages - style-guide v0.0.1 */
.style-guide-page .fsPageTitle {
margin-bottom: 1.875em;
padding: 1.25em;
background: rgba(0, 0, 0, 0.1); }
.colors ol {
zoom: 1;
margin-bottom: 2.5em;
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: 50%; }
@media (min-width: 600px) {
.colors ol li {
width: 25%; } }
@media (min-width: 1180px) {
.colors ol li {
margin-bottom: 0;
width: 12.5%; } }
.colors ol li:after {
position: absolute;
top: 100%;
left: 0; }
.colors ol li:nth-of-type(1) {
background: #666666;
color: #666666; }
.colors ol li:nth-of-type(1):after {
content: "#666666"; }
.colors ol li:nth-of-type(2) {
background: #183969;
color: #183969; }
.colors ol li:nth-of-type(2):after {
content: "#183969"; }
.colors ol li:nth-of-type(3) {
background: #00819c;
color: #00819c; }
.colors ol li:nth-of-type(3):after {
content: "#00819c"; }
.colors ol li:nth-of-type(4) {
background: #f3c201;
color: #f3c201; }
.colors ol li:nth-of-type(4):after {
content: "#f3c201"; }
.colors ol li:nth-of-type(5) {
background: #122538;
color: #122538; }
.colors ol li:nth-of-type(5):after {
content: "#122538"; }
.colors ol li:nth-of-type(6) {
background: #00738b;
color: #00738b; }
.colors ol li:nth-of-type(6):after {
content: "#00738b"; }
.colors ol li:nth-of-type(7) {
background: #ddb000;
color: #ddb000; }
.colors ol li:nth-of-type(7):after {
content: "#ddb000"; }
.colors ol li:nth-of-type(8) {
background: #48545f;
color: #48545f; }
.colors ol li:nth-of-type(8):after {
content: "#48545f"; }
.fonts ol {
zoom: 1;
margin-bottom: 2.5em;
padding: 0;
list-style: none; }
.fonts ol:after {
display: table;
clear: both;
content: ''; }
.fonts ol li {
margin-bottom: 0.3125em;
padding: 0.3125em; }
.fonts ol li:nth-of-type(1) {
font-family: "adobe-garamond-pro", Georgia, serif; }
.fonts ol li:nth-of-type(1):after {
content: "adobe-garamond-pro, Georgia, serif"; }
.fonts ol li:nth-of-type(2):after {
content: ""; }
.fonts ol li:nth-of-type(3) {
font-family: "proxima-nova", sans-serif; }
.fonts ol li:nth-of-type(3):after {
content: "proxima-nova, sans-serif"; }
.fonts ol li:nth-of-type(2):after {
content: ""; }
.fonts ol li:nth-of-type(5) {
font-family: "IcoMoon"; }
.fonts ol li:nth-of-type(5):after {
content: "IcoMoon"; }
.fonts ol li:nth-of-type(6) {
font-family: "FontAwesome"; }
.fonts ol li:nth-of-type(6):after {
content: "FontAwesome"; }
.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: 50px"; }
.headers h2:after {
content: " size: 24px / line: 40px"; }
.headers h3:after {
content: " size: 22px / line: 30px"; }
.headers h4:after {
content: " size: 20px / line: 22px"; }
.headers h5:after {
content: " size: 16px / line: 23px"; }
.headers h6:after {
content: " size: 14px / line: 18px"; }
.news-calendar-update {
margin-bottom: 0; }
.news-calendar-update .fsElementHeaderContent {
text-align: center;
color: #757575;
font-size: 30px;
line-height: 50px; }
.news-calendar-update .fsElementHeaderContent strong {
color: #212529;
font-weight: 600; }
.news-calendar-update .fsElementContent .fsPostElement {
margin-bottom: 30px; }
@media (min-width: 1100px) {
.news-calendar-update .fsElementContent .fsPostElement {
width: calc(100% - 385px);
display: inline-block;
vertical-align: top;
padding-right: 36px;
margin-bottom: 0; } }
.news-calendar-update .fsElementContent .fsPostElement .slick-list {
margin-right: -20px; }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article {
position: relative;
padding: 0;
margin: 0;
border: 0;
background: #EEEEEE;
height: 445px;
margin-right: 20px; }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .fsCroppedImage {
border-bottom: 3px solid #00819c;
height: 187px;
padding-bottom: 50%; }
@media (min-width: 700px) {
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .fsCroppedImage {
height: 228px; } }
@media (min-width: 1100px) {
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .fsCroppedImage {
height: 236px;
padding-bottom: 62.5%; } }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .fsTitle {
margin: 16px 30px 5px; }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .fsDate {
margin: 0 30px; }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .read-more-link {
display: block;
margin: 0 0 20px 30px;
padding-top: 14px;
bottom: 0;
position: absolute;
width: calc(100% - 60px);
border-top: 1px solid #DCE0E9; }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .read-more-link .fsReadMoreLink {
color: #333333;
font-family: "proxima-nova", sans-serif, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
padding-right: 20px; }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .read-more-link .fsReadMoreLink:hover {
color: #00819c; }
.news-calendar-update .fsElementContent .fsPostElement .slick-list article .read-more-link .fsReadMoreLink:after {
content: '\e929';
display: inline-block;
text-align: right;
font-family: "IcoMoon";
position: absolute;
margin-left: 10px; }
.news-calendar-update .fsElementContent .fsPostElement.fsSlideshow .fsElementSlideshow[data-arrows*="true"] {
padding: 0; }
.news-calendar-update .fsElementContent .fsPostElement .fsNextButton,
.news-calendar-update .fsElementContent .fsPostElement .fsPrevButton {
display: inline-block !important;
position: relative;
-ms-transform: none;
transform: none;
width: 40px;
height: 40px;
background-color: #EEEEEE; }
.news-calendar-update .fsElementContent .fsPostElement .fsNextButton:hover,
.news-calendar-update .fsElementContent .fsPostElement .fsPrevButton:hover {
background-color: #212529; }
.news-calendar-update .fsElementContent .fsPostElement .fsNextButton:hover:before,
.news-calendar-update .fsElementContent .fsPostElement .fsPrevButton:hover:before {
color: #fff;
transition: 0.3s; }
.news-calendar-update .fsElementContent .fsPostElement .fsNextButton:before,
.news-calendar-update .fsElementContent .fsPostElement .fsPrevButton:before {
color: #122538; }
@media (min-width: 1100px) {
.news-calendar-update .fsElementContent .fsCalendar {
width: 380px;
display: inline-block; } }
.news-calendar-update .fsElementContent .fsCalendar .fsListItems {
background: #eee;
padding: 30px;
height: 445px;
margin-bottom: 30px; }
.news-calendar-update .fsElementContent .fsCalendar .fsListItems:not(.slick-initialized) {
visibility: hidden;
overflow: hidden; }
.news-calendar-update .fsElementContent .fsCalendar .fsListItems article {
min-height: 90px; }
.news-calendar-update .fsElementContent .fsCalendar .fsListItems .slick-slide div:not(:last-child) article {
border-bottom: 1px solid #D8D8D8;
padding-bottom: 20px; }
.news-calendar-update .fsElementContent .fsCalendar .slick-dots {
top: 100%;
right: 0;
display: inline-block !important; }
.news-calendar-update .fsElementContent .fsCalendar .slick-dots, .news-calendar-update .fsElementContent .fsCalendar .slick-dots ul {
margin: 0;
padding: 0;
list-style: none; }
.news-calendar-update .fsElementContent .fsCalendar .slick-dots li {
margin: 0;
padding: 0; }
.news-calendar-update .fsElementContent .fsCalendar .slick-dots li {
display: inline-block; }
.news-calendar-update .fsElementContent .fsCalendar .slick-dots li + li {
margin-left: 6px; }
.news-calendar-update .fsElementContent .fsCalendar .slick-dots button {
border: 0;
background-color: transparent;
padding: 0;
width: 10px;
height: 10px;
border: 1px solid #212529;
border-radius: 100%;
font-size: 0; }
.news-calendar-update .fsElementContent .fsCalendar .slick-dots .slick-active button {
background-color: #212529;
color: #fff; }
.news-calendar-update .fsElementFooterContent > div,
.news-calendar-update .fsElementFooterContent > p,
.news-calendar-update .fsElementFooterContent > a {
float: right; }
.news-calendar-update .fsElementFooterContent .fs_style_23:focus, .news-calendar-update .fsElementFooterContent .fs_style_23:hover, .news-calendar-update .fsElementFooterContent .fs_style_23:visited {
color: #fff !important; }
@media (min-width: 1000px) {
body .fsFooter .fsFourColumnLayout .fsStyleColumn-2 {
margin-right: 20px !important; } }
@media (min-width: 1000px) {
body .fsFooter .fsFourColumnLayout .fsStyleColumn-3 {
width: 255px !important; } }
body .fsFooter .fsFourColumnLayout footer {
padding: 0;
margin-top: -70px; }
@media (min-width: 700px) {
body .fsFooter .fsFourColumnLayout footer {
width: 50%;
margin-top: -115px;
margin-right: 0;
margin-left: auto;
padding: 0; } }
@media (min-width: 1000px) {
body .fsFooter .fsFourColumnLayout footer {
margin: 0;
width: auto; } }
body .fsFooter .fsFourColumnLayout footer .fsElementFooterContent {
margin-top: 0; }
body .fsFooter .fsFourColumnLayout footer .fsElementFooterContent img {
width: 180px;
margin-left: 0; }
@media (min-width: 700px) {
body .fsFooter .fsFourColumnLayout footer .fsElementFooterContent img {
width: 180px;
margin-top: 20px;
margin-left: 30px; } }
@media (min-width: 1000px) {
body .fsFooter .fsFourColumnLayout footer .fsElementFooterContent img {
width: 290px;
margin-top: 20px;
margin-left: 10px; } }
@media print {
.nav-main,
.nav-sub,
.nav-social,
.nav-utility-header,
.nav-utility-footer,
#fsMenu,
#fsFooter,
#fsHeader,
.fsThumbnail,
.hide-for-print {
display: none !important; }
#fsPageContent,
#fsBannerLeft,
#fsBannerRight {
width: 100% !important; }
html {
font-size: 100%;
/* for IE */ }
body {
font-size: 62.5%; }
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
.slick-slide {
display: none !important; }
.slick-slide.slick-active {
display: block !important; }
.slick-list {
height: auto !important; }
.slick-track {
width: auto !important;
height: auto !important;
-ms-transform: none !important;
transform: none !important; }
.slick-track .slick-slide {
width: auto !important; }
a[class*='fs_style'] {
border-color: #000; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
page-break-inside: avoid; }
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.fsPanel > header ~ .fsElementContent {
display: block; } }
@font-face {
font-family: "infographic";
src: url('../fonts//infographic.eot');
src: url('../fonts//infographic.eot?#iefix') format("embedded-opentype"), url('../fonts//infographic.woff2') format("woff2"), url('../fonts//infographic.woff') format("woff"), url('../fonts//infographic.ttf') format("truetype"), url('../fonts//infographic.svg') format("svg");
font-weight: 400;
font-style: normal; }
.i-access:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-balance:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-bicycle:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-birthday:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-book:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-building:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-calculator:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-child:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-cloud:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-comment:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-envelope:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-exclamation:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-fax:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-gift:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-globe:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-graduation:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-handshake:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-heart:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-home:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-info:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-laptop:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-leaf:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-lock:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-medkit:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-music:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-pencil:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-pencil-alt:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-question:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-soccer:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-star:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-suitcase:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-sun:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-tree:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-trophy:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-umbrella:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-university:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-user:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.i-utensils:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.infographic-container {
position: relative;
z-index: 1;
padding: 74px 0 0;
margin-left: -10px;
margin-right: -10px; }
.fsDraftMode .infographic-container {
display: block; }
.infographic-container > header {
text-align: center;
margin-bottom: 40px;
font-size: 30px;
font-weight: 300;
color: #666666; }
.infographic-container > header strong {
color: #183969;
font-weight: 400; }
.infographic-container .fsDiv {
padding: 0;
margin: 0 10px;
background-color: #fff;
border: 1px solid #ebebeb;
float: left; }
.fsDraftMode .infographic-container .fsDiv {
margin: 0; }
.infographic-container .infographic {
text-align: center;
padding: 20px 10px 10px; }
.infographic-container .infographic:before {
color: rgba(0, 129, 156, 0.5);
font-size: 60px;
display: block;
line-height: 1;
margin-bottom: 25px; }
.infographic-container .infographic strong {
font-size: 36px;
color: #183969;
font-weight: 600;
font-family: "adobe-garamond-pro", Georgia, serif;
display: block;
line-height: 1;
position: relative;
padding-bottom: 20px; }
.infographic-container .infographic strong:before {
content: "";
position: absolute;
bottom: 6px;
width: 26px;
left: calc(50% - 13px);
height: 3px;
background-color: #f3c201; }
.infographic-container .infographic em {
text-transform: uppercase;
font-size: 22px;
font-weight: 600;
font-family: "adobe-garamond-pro", Georgia, serif;
font-style: normal;
display: inline-block;
vertical-align: 6px; }
.infographic-container .slick-slider {
padding-left: 40px;
padding-right: 40px; }
.infographic-container .slick-slider .slick-arrow {
background: transparent;
border: 0;
font-size: 0;
position: absolute;
top: 50%;
outline: none;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.infographic-container .slick-slider .slick-arrow:before {
font-size: 28px;
color: #183969;
transition: color 0.3s;
line-height: 1; }
.infographic-container .slick-slider .slick-arrow:hover:before {
color: #00819c; }
.infographic-container .slick-slider .slick-arrow.slick-prev {
left: 0; }
.infographic-container .slick-slider .slick-arrow.slick-prev:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.infographic-container .slick-slider .slick-arrow.slick-next {
right: 0; }
.infographic-container .slick-slider .slick-arrow.slick-next:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none; }
.infographic-doc li:before {
font-size: 50px;
display: inline-block;
margin-right: 15px;
line-height: 1; }