@charset "UTF-8";
@charset "UTF-8";
   .compartment {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
}
@media (min-width: 600px) {
.col-4 {
width: 50%;
float: left;
}
}
@media (min-width: 900px) {
.col-4 {
width: 25%;
}
} .margin-x {
margin-right: 1.1764705882em;
margin-left: 1.1764705882em;
}
.margin-x-2x {
margin-right: 2.3529411765em;
margin-left: 2.3529411765em;
}
.margin-y {
margin-top: 1.1764705882em;
margin-bottom: 1.1764705882em;
}
.margin-y-2x {
margin-top: 2.3529411765em;
margin-bottom: 2.3529411765em;
}
.padding-x {
padding-right: 1.1764705882em;
padding-left: 1.1764705882em;
}
.padding-x-2x {
padding-right: 2.3529411765em;
padding-left: 2.3529411765em;
}
.padding-y {
padding-top: 1.1764705882em;
padding-bottom: 1.1764705882em;
}
.padding-y-2x {
padding-top: 2.3529411765em;
padding-bottom: 2.3529411765em;
}
.stretch-container {
margin-right: -1.1764705882em;
margin-left: -1.1764705882em;
}
.cover {
position: absolute;
height: 100%;
width: 100%;
}    .wf-loading {
visibility: hidden;
opacity: 0;
}
.wf-active, .wf-inactive {
visibility: visible;
opacity: 1;
}
.fsElement {
margin-bottom: 50px;
}
.fsElement.fsPanel {
margin-bottom: 0;
}
.fsElement:last-child {
margin-bottom: 0;
}
.fsElementHeaderContent {
margin-bottom: 15px;
}
.fsElementFooterContent {
margin-top: 15px;
}
@font-face {
font-family: 'IcoMoon';
src: url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/fonts//icomoon.eot);
src: url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/fonts//icomoon.eot?#iefix) format("embedded-opentype"), url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/fonts//icomoon.woff2) format("woff2"), url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/fonts//icomoon.woff) format("woff"), url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/fonts//icomoon.ttf) format("truetype"), url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/fonts//icomoon.svg#IcoMoon) format("svg");
font-weight: 400;
font-style: normal;
}
.fsTitle, .fsVimeoTitle, .fsYoutubeTitle {
margin: 0;
font-weight: 600;
font-size: 24px;
line-height: 26px;
color: #00583d;
}
.fsTitle a, .fsVimeoTitle a, .fsYoutubeTitle a {
font-weight: inherit;
}
h1 {
margin-top: 0;
font-weight: normal;
font-size: 35px;
line-height: 39px;
font-weight: 300;
color: #00583d;
margin-bottom: 25px;
}
@media (min-width: 600px) {
h1 {
font-size: 50px;
line-height: 55px;
}
}
@media (min-width: 600px) {
h1 {
margin-bottom: 30px;
}
}
h2 {
margin-top: 0;
font-weight: normal;
font-size: 28px;
line-height: 34px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
}
h3 {
margin-top: 0;
font-weight: normal;
font-size: 24px;
line-height: 27px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
}
h4 {
margin-top: 0;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
}
h5 {
margin-top: 0;
font-weight: normal;
font-size: 17px;
line-height: 22px;
color: #3bae43;
font-weight: 700;
margin-bottom: 20px;
}
h6 {
margin-top: 0;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #3bae43;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 20px;
}
p {
margin: 0 0 20px;
}
body:not(.fsComposeMode) p:last-child {
margin-bottom: 0;
}
hr {
margin: 25px auto 40px;
border-bottom: solid 1px #cbcccd;
border-top: solid 2px #cbcccd;
border-left: none;
border-right: none;
height: 2px;
}
a {
outline: 0;
text-decoration: none;
color: #00583d;
font-weight: 700;
transition: background .3s, color .3s;
}
a:hover {
color: #0a7554;
}
ul,
ol {
margin-top: 0;
padding-left: 1.1764705882em;
}
.fsAthleticsEvent.fsTable .fsElementTable, .fsAthleticsRoster .fsElementTable,
table.styled,
table.fs_style_36 {
margin: 20px 0 45px;
width: 100%;
overflow-x: auto;
font-size: 15px;
font-weight: 400;
line-height: 18px;
}
.fsAthleticsEvent.fsTable .fsElementTable .fsTitle, .fsAthleticsRoster .fsElementTable .fsTitle,
table.styled .fsTitle,
table.fs_style_36 .fsTitle {
font-size: 15px;
font-weight: 400;
line-height: 18px;
}
.fsAthleticsEvent.fsTable .fsElementTable tr, .fsAthleticsRoster .fsElementTable tr,
table.styled tr,
table.fs_style_36 tr {
border-left: 1px solid #cbcccd;
border-right: 1px solid #cbcccd;
border-top: none;
border-bottom: none;
}
.fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(even) td, .fsAthleticsRoster .fsElementTable tr:nth-of-type(even) td,
table.styled tr:nth-of-type(even) td,
table.fs_style_36 tr:nth-of-type(even) td {
background-color: rgba(84, 86, 91, 0.1);
}
.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,
table.fs_style_36 tr:nth-of-type(odd) td {
background-color: transparent;
}
.fsAthleticsEvent.fsTable .fsElementTable tr:last-child, .fsAthleticsRoster .fsElementTable tr:last-child,
table.styled tr:last-child,
table.fs_style_36 tr:last-child {
border-bottom: 1px solid #cbcccd;
}
.fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th,
.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsRoster .fsElementTable td,
table.styled th,
table.styled td,
table.fs_style_36 th,
table.fs_style_36 td {
vertical-align: top;
}
.fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th,
table.styled th,
table.fs_style_36 th {
padding: 13px 20px;
text-align: left;
background: #00583d;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 18px;
border-left: 1px solid #00583d;
border-right: 1px solid #00583d;
border-top: none;
border-bottom: none;
}
.fsAthleticsEvent.fsTable .fsElementTable td, .fsAthleticsRoster .fsElementTable td,
table.styled td,
table.fs_style_36 td {
padding: 13px 20px;
}
.fs_style_36 td {
border-right: 2px solid;
}
.fs_style_36 td:last-child {
border-right: none;
}
.fs_style_36 th:last-child {
border-right: none;
}
img,
canvas,
video,
svg {
height: auto;
max-width: 100%;
}
iframe {
border: 0;
max-width: 100%;
}
.fs_style_23 {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fs_style_23:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.fs_style_23:last-child {
margin-bottom: 0;
}
.fs_style_30 {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #3bae43;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fs_style_30:hover {
background: #50ce59;
color: #fff;
transition: .3s;
}
.fs_style_30:last-child {
margin-bottom: 0;
}
.fs_style_31 {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #00583d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fs_style_31:hover {
background: #0a7554;
color: #fff;
transition: .3s;
}
.fs_style_31:last-child {
margin-bottom: 0;
}
.fs_style_33 {
display: inline-block;
border: 0;
margin: 0 0 30px;
padding: 22px 30px;
background: transparent;
color: #989a9d;
outline: 0;
border-radius: 0;
font-size: 22px;
line-height: 1.2;
border: solid 2px #989a9d;
text-align: center;
}
@media (min-width: 600px) {
.fs_style_33 {
font-size: 28px;
}
}
.fs_style_33:hover {
background: #989a9d;
color: #fff;
}
.fs_style_33 em {
display: block;
font-style: normal;
font-size: 17px;
line-height: 26px;
}
.fs_style_33:last-child {
margin-bottom: 0;
}
.fs_style_34 {
display: inline-block;
border: 0;
margin: 0 0 30px;
padding: 22px 30px;
background: transparent;
color: #3bae43;
outline: 0;
border-radius: 0;
font-size: 22px;
line-height: 1.2;
border: solid 2px #3bae43;
text-align: center;
}
@media (min-width: 600px) {
.fs_style_34 {
font-size: 28px;
}
}
.fs_style_34:hover {
background: #3bae43;
color: #fff;
}
.fs_style_34 em {
display: block;
font-style: normal;
font-size: 17px;
line-height: 26px;
}
.fs_style_34:last-child {
margin-bottom: 0;
}
.fs_style_35 {
display: inline-block;
border: 0;
margin: 0 0 30px;
padding: 22px 30px;
background: transparent;
color: #00583d;
outline: 0;
border-radius: 0;
font-size: 22px;
line-height: 1.2;
border: solid 2px #00583d;
text-align: center;
}
@media (min-width: 600px) {
.fs_style_35 {
font-size: 28px;
}
}
.fs_style_35:hover {
background: #00583d;
color: #fff;
}
.fs_style_35 em {
display: block;
font-style: normal;
font-size: 17px;
line-height: 26px;
}
.fs_style_35:last-child {
margin-bottom: 0;
}
@-webkit-keyframes bounce {
50% {
-webkit-transform: translate(3px, 0);
transform: translate(3px, 0);
}
}
@keyframes bounce {
50% {
-webkit-transform: translate(3px, 0);
transform: translate(3px, 0);
}
}
.fs_style_37 {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .075em;
display: inline-block;
margin: 0 5px 0 0;
color: #3bae43;
border-radius: 0;
position: relative;
transition: .3s;
text-decoration: none;
}
.fs_style_37:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
color: rgba(59, 174, 67, 0.5);
margin-left: 5px;
font-size: 21px;
line-height: 1;
vertical-align: bottom;
}
.fs_style_37:hover, .fs_style_37:focus {
transition: .3s;
}
.fs_style_37:hover:after, .fs_style_37:focus:after {
-webkit-animation: bounce .4s 2;
animation: bounce .4s 2;
}
.fsStyleDefaultButton {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #3bae43;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fsStyleDefaultButton:hover {
background: #50ce59;
color: #fff;
transition: .3s;
}
.fsStyleDefaultButton:last-child {
margin-bottom: 0;
}
.fsStyleDefaultButton.fsCategoryLink {
margin-right: 5px;
}
.fsStyleDefaultButton.fsLoadMoreButton {
margin-bottom: 0;
margin-top: 30px;
}
.fsStyleUpdateButton {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fsStyleUpdateButton:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.fsStyleUpdateButton:last-child {
margin-bottom: 0;
}
.fsStyleUpdateButton.fsElementToolsSearchButton {
margin-top: 20px;
margin-bottom: 0;
}
.fsBanner .fs_style_33, .fsBanner .fs_style_34, .fsBanner .fs_style_35,
.fsStyleOneThird .fs_style_33,
.fsStyleOneThird .fs_style_34,
.fsStyleOneThird .fs_style_35,
.fsFourColumnLayout .fs_style_33,
.fsFourColumnLayout .fs_style_34,
.fsFourColumnLayout .fs_style_35 {
display: block;
padding: 22px 20px;
}
.custom-image-button {
background-size: cover;
position: relative;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 20px;
background-position: top center;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-family: "proxima-nova", sans-serif;
}
@media (min-width: 800px) {
.custom-image-button {
background-position: center;
}
}
body.fsComposeMode .custom-image-button {
display: block;
}
.custom-image-button .fsElementTitle {
font-size: 20px;
font-weight: 700;
line-height: 22px;
color: #fff;
margin-bottom: 0;
}
.custom-image-button > .fsElementTitle {
padding: 20px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
transition: .3s ease-in 0s;
width: calc(100% - 40px);
margin: 20px;
background-color: rgba(0, 88, 61, 0.7);
}
@media (min-width: 1100px) {
.custom-image-button > .fsElementTitle {
padding: 15px;
}
}
.custom-image-button > header {
padding: 20px;
position: relative;
margin: 20px;
background-color: rgba(0, 88, 61, 0.7);
opacity: 0;
visibility: hidden;
transition: .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 300px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (min-width: 1100px) {
.custom-image-button > header {
padding: 30px;
}
}
.custom-image-button > header .fsElementTitle {
margin-bottom: 15px;
position: relative;
}
.custom-image-button > header .fsElementTitle:after {
bottom: 3px;
height: 2px;
}
.custom-image-button > header .fsElementTitle,
.custom-image-button > header .fsElementHeaderContent {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
.custom-image-button:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
}
.custom-image-button .fs_style_37 {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .075em;
display: inline-block;
margin: 0 5px 0 0;
color: #fff;
border-radius: 0;
position: relative;
transition: .3s;
text-decoration: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 20px;
margin: 0;
opacity: 0;
visibility: hidden;
}
.custom-image-button .fs_style_37:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
color: rgba(255, 255, 255, 0.5);
margin-left: 5px;
font-size: 21px;
line-height: 1;
vertical-align: bottom;
}
.custom-image-button .fs_style_37:hover, .custom-image-button .fs_style_37:focus {
transition: .3s;
}
.custom-image-button .fs_style_37:hover:after, .custom-image-button .fs_style_37:focus:after {
-webkit-animation: bounce .4s 2;
animation: bounce .4s 2;
}
@media (min-width: 1100px) {
.custom-image-button .fs_style_37 {
padding: 30px;
}
}
.custom-image-button .fsElementHeaderContent {
margin-bottom: 30px;
}
.custom-image-button .fsElementHeaderContent a {
color: #3bae43;
}
.custom-image-button .fsElementHeaderContent a:hover, .custom-image-button .fsElementHeaderContent a:focus {
color: #fff;
}
.custom-image-button .fsElementFooterContent {
margin-top: 0;
}
.custom-image-button:hover > .fsElementTitle {
opacity: 0;
visibility: hidden;
transition: 0s;
}
.custom-image-button:hover > header {
opacity: 1;
visibility: visible;
transition: .3s;
}
.custom-image-button:hover > header .fsElementTitle,
.custom-image-button:hover > header .fsElementHeaderContent {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition: .3s ease-in-out 0s;
}
.custom-image-button:hover > header .fsElementHeaderContent {
transition: .3s ease-in-out 0s;
}
.custom-image-button:hover .fs_style_37 {
opacity: 1;
visibility: visible;
transition: .3s ease-in-out 0s;
}
.custom-button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
.custom-button-container > .fsDiv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 600px) {
.custom-button-container.fsFourColumnLayout {
margin-left: -10px;
margin-right: -10px;
}
}
@media (min-width: 600px) {
.custom-button-container.fsFourColumnLayout > .fsDiv {
width: 50%;
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1000px) {
.custom-button-container.fsFourColumnLayout > .fsDiv {
width: 25%;
}
}
@media (min-width: 600px) {
.custom-button-container.fsThreeColumnLayout {
margin-left: -10px;
margin-right: -10px;
}
}
@media (min-width: 600px) {
.custom-button-container.fsThreeColumnLayout > .fsDiv {
width: 50%;
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 800px) {
.custom-button-container.fsThreeColumnLayout > .fsDiv {
width: 33.33%;
}
}
@media (min-width: 600px) {
.custom-button-container.fsTwoColumnLayout {
margin-left: -10px;
margin-right: -10px;
}
}
@media (min-width: 600px) {
.custom-button-container.fsTwoColumnLayout > .fsDiv {
width: 50%;
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1180px) {
.custom-button-container.fsLayout .custom-image-button > header {
min-height: 300px;
}
}
.lead-in,
.fs_style_24 {
color: #989a9d;
font-family: "adobe-garamond-pro", Georgia, serif;
font-size: 30px;
line-height: 1.2;
}
@media (min-width: 600px) {
.lead-in,
.fs_style_24 {
font-size: 36px;
}
}
.lead-in a,
.fs_style_24 a {
font-weight: 400;
}
blockquote:not(.fsCallout) {
position: relative;
margin: 50px 0 40px;
color: #3bae43;
font-family: "adobe-garamond-pro", Georgia, serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
padding-top: 30px;
padding-bottom: 20px;
border-top: solid 1px #cbcccd;
border-bottom: solid 1px #cbcccd;
}
blockquote:not(.fsCallout) a {
font-weight: 400;
}
blockquote:not(.fsCallout):before {
position: absolute;
top: -20px;
color: #00583d;
font-family: "proxima-nova", sans-serif;
font-size: 100px;
font-weight: 700;
line-height: .85;
content: '\201c';
background-color: #fff;
display: block;
width: 50px;
height: 40px;
}
blockquote:not(.fsCallout):after {
content: '';
width: 100%;
left: 0;
height: 2px;
background-color: #cbcccd;
bottom: 2px;
position: absolute;
}
cite,
.fs_style_29 {
display: block;
font-style: normal;
text-align: right;
color: #989a9d;
font-family: "proxima-nova", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 22px;
margin: 10px 0 0;
}
.fs_style_27 {
font-size: 12px;
font-weight: 400;
line-height: 1.43;
text-transform: uppercase;
letter-spacing: .05em;
border-bottom: solid 1px #cbcccd;
position: relative;
padding-bottom: 20px;
padding-right: 10px;
}
@media (min-width: 500px) {
.fs_style_27 {
max-width: calc(100% - 50px);
padding-right: 0;
}
}
@media (min-width: 600px) {
.fs_style_27 {
max-width: 80%;
font-size: 14px;
}
}
@media (min-width: 700px) {
.fs_style_27 {
max-width: 75%;
}
}
.fs_style_27:after {
content: '';
width: 100%;
left: 0;
height: 2px;
background-color: #cbcccd;
bottom: 2px;
position: absolute;
}
.callout, .fs_style_25, .fsCallout {
color: #00583d;
font-size: 24px;
line-height: 32px;
padding-left: 25px;
position: relative;
margin: 35px 0 35px;
text-align: left;
}
.callout:before,
.fs_style_25:before,
.fsCallout:before {
content: '';
width: 5px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #3bae43;
}
body:not(.fsComposeMode) .callout:first-child,
body:not(.fsComposeMode) .fs_style_25:first-child,
body:not(.fsComposeMode) .fsCallout:first-child {
margin-top: 0;
}
.fs_style_26 {
text-align: center;
font-family: "adobe-garamond-pro", Georgia, serif;
font-size: 24px;
line-height: 1.2;
color: #989a9d;
position: relative;
padding: 30px 0;
margin: 40px 0;
z-index: 1;
}
@media (min-width: 600px) {
.fs_style_26 {
font-size: 36px;
padding: 50px 0;
}
}
.fs_style_26:before {
content: '';
top: 0;
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
width: 1px;
height: 100%;
background-color: #989a9d;
z-index: 0;
}
.fs_style_26:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
color: #00583d;
font-size: 18px;
line-height: 1;
top: 50px;
}
@media (min-width: 600px) {
.fs_style_26:after {
top: 80px;
font-size: 21px;
}
}
.fs_style_26 a {
font-weight: normal;
}
.fs_style_26 .callout-inner {
padding: 55px 0 20px;
background-color: #fff;
position: relative;
}
@media (min-width: 600px) {
.fs_style_26 .callout-inner {
padding: 75px 0 20px;
}
}
.fs_style_39 {
display: block;
font-size: 17px;
line-height: 1.3;
font-weight: bold;
font-family: "proxima-nova", sans-serif;
color: #cbcccd;
margin-top: 20px;
}
.fs_style_32:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #989a9d;
display: inline-block;
margin-right: 8px;
vertical-align: text-bottom;
} .fsHeader {
padding: 0;
}
.header-search-wrapper {
background-color: #00583d;
margin-bottom: 0;
color: #fff;
position: absolute;
top: 88px;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
transition: -webkit-transform .3s;
transition: transform .3s;
}
@media (min-width: 800px) {
.header-search-wrapper {
position: relative;
height: 0;
transition: -webkit-transform .4s, height .3s;
transition: transform .4s, height .3s;
top: auto;
overflow: hidden;
}
}
.search-is-active .header-search-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
height: auto;
z-index: 300;
opacity: 1;
visibility: visible;
transition: -webkit-transform .3s;
transition: transform .3s;
}
@media (min-width: 900px) {
.search-is-active .header-search-wrapper {
height: 300px;
transition: -webkit-transform .4s, height .3s;
transition: transform .4s, height .3s;
}
}
.header-search-wrapper > header {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
}
.header-search-wrapper > header > .fsElementTitle {
display: none;
}
.header-search-wrapper > header > .fsElementHeaderContent {
position: fixed;
color: transparent;
cursor: pointer;
z-index: 10;
margin-bottom: 0;
overflow: hidden;
word-wrap: nowrap;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: -webkit-transform .3s;
transition: transform .3s;
right: 60px;
top: -50px;
width: 50px;
height: 50px;
display: none;
}
@media (min-width: 800px) {
.header-search-wrapper > header > .fsElementHeaderContent {
right: 10px;
top: 10px;
width: 45px;
height: 45px;
display: block;
}
}
@media (min-width: 900px) {
.header-search-wrapper > header > .fsElementHeaderContent {
right: 30px;
top: 30px;
}
}
.header-search-wrapper > header > .fsElementHeaderContent:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
line-height: 1;
color: #3bae43;
font-size: 24px;
}
@media (min-width: 500px) {
.header-search-wrapper > header > .fsElementHeaderContent:after {
color: #fff;
font-size: 32px;
}
}
.header-search-wrapper > header > .fsElementHeaderContent:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
transition: -webkit-transform .3s;
transition: transform .3s;
}
.header-search-wrapper > .fsElementContent {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
padding-top: 20px;
padding-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 500px) {
.header-search-wrapper > .fsElementContent {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (min-width: 900px) {
.header-search-wrapper > .fsElementContent {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 80px;
padding-bottom: 80px;
}
}
.nav-popular-pages {
width: 100%;
}
@media (min-width: 900px) {
.nav-popular-pages {
width: 420px;
}
}
.nav-popular-pages > header .fsElementTitle {
margin-top: 0;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
font-weight: 700;
}
.nav-popular-pages ul {
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 500px) {
.nav-popular-pages ul.fsNavLevel1 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.nav-popular-pages ul.fsNavLevel1 > li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.nav-popular-pages ul li a {
color: #fff;
padding: 0 0 5px;
opacity: .7;
transition: opacity .3s;
font-weight: 700;
}
.nav-popular-pages ul li a:hover {
color: #fff;
opacity: 1;
transition: opacity .3s;
}
.header-main-wrapper {
position: relative;
margin-bottom: 0;
}
@media (min-width: 800px) {
.header-main-wrapper {
padding-top: 25px;
margin-bottom: 20px;
}
}
.header-main-wrapper > header {
display: none;
}
.header-main-wrapper > .fsElementContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 800px) {
.header-main-wrapper > .fsElementContent {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
}
}
.header-main-wrapper > footer {
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
overflow: hidden;
z-index: 100;
}
@media (min-width: 800px) {
.header-main-wrapper > footer {
display: none;
}
}
.header-main-wrapper > footer .fsElementFooterContent {
display: none;
}
.site-info-container {
overflow: hidden;
white-space: nowrap;
display: inline-block;
margin-bottom: 0;
max-width: calc(100% - 50px);
padding-left: 20px;
}
@media (min-width: 800px) {
.site-info-container {
max-width: 100%;
padding-left: 0;
}
}
.site-info-container h1 {
margin-bottom: 0;
}
.site-info-container a {
display: block;
color: transparent;
width: 155px;
height: 50px;
position: relative;
}
@media (min-width: 800px) {
.site-info-container a {
height: 42px;
margin-bottom: 10px;
padding-top: 20px;
width: 210px;
}
}
@media (min-width: 900px) {
.site-info-container a {
height: 48px;
width: 258px;
}
}
.site-info-container a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
position: absolute;
width: 100%;
font-size: 16px;
line-height: 50px;
color: #00583d;
}
@media (min-width: 800px) {
.site-info-container a:before {
font-size: 22px;
line-height: 1;
height: calc(100% - 20px);
}
}
@media (min-width: 900px) {
.site-info-container a:before {
font-size: 27px;
}
}
.site-info-container a:hover {
color: transparent;
}
.site-info-container .fsElementFooterContent {
margin-top: 0;
color: #989a9d;
font-size: 14px;
line-height: 1.47;
}
@media (min-width: 900px) {
.site-info-container .fsElementFooterContent {
font-size: 17px;
line-height: 25px;
}
}
.site-info-container > footer {
display: none;
}
@media (min-width: 800px) {
.site-info-container > footer {
display: block;
}
}
#fsFooter {
border-top: solid 1px #cbcccd;
padding-top: 50px;
}
@media (min-width: 600px) {
#fsFooter {
padding-top: 60px;
}
}
@media (min-width: 900px) {
#fsFooter {
padding-top: 80px;
}
}
#fsFooter > .fsBanner {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 60px;
position: relative;
}
@media (min-width: 980px) {
#fsFooter > .fsBanner {
padding-bottom: 100px;
}
}
#fsFooter > .fsBanner:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: block;
opacity: .5;
line-height: 1;
margin-bottom: 30px;
font-size: 5.625vw;
}
@media (min-width: 600px) {
#fsFooter > .fsBanner:before {
opacity: .3;
margin-bottom: 40px;
}
}
@media (min-width: 900px) {
#fsFooter > .fsBanner:before {
font-size: 50px;
margin-bottom: 50px;
}
}
#fsFooter > .fsBanner:after {
display: none;
}
#fsFooter > .fsBanner > div {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#fsFooter > .fsBanner > div.footer-image-wrapper {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv {
margin-bottom: 0;
width: auto;
padding: 0;
}
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-1 {
width: 100%;
height: 20px;
}
@media (min-width: 600px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-1 {
width: 50%;
width: 300px;
}
}
@media (min-width: 800px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-1 {
width: calc(100% - 420px);
}
}
@media (min-width: 900px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-1 {
width: calc(100% - 480px);
}
}
@media (min-width: 1000px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-1 {
width: calc(100% - 580px);
}
}
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-2 {
width: 28%;
height: 130px;
display: none;
}
@media (min-width: 600px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-2 {
display: block;
width: 50%;
width: calc(100% - 300px);
}
}
@media (min-width: 800px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-2 {
width: 420px;
}
}
@media (min-width: 900px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-2 {
width: 480px;
}
}
@media (min-width: 1000px) {
#fsFooter > .fsBanner > div.footer-image-wrapper > .fsDiv.fsStyleColumn-2 {
width: 580px;
}
}
#fsFooter > .fsBanner > div.nav-utility-ftr {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: 0;
}
#fsFooter > .fsBanner > div.footer-info-wrapper {
margin: 0 auto 40px;
}
@media (min-width: 600px) {
#fsFooter > .fsBanner > div.footer-info-wrapper {
margin: 0 auto 50px;
}
}
@media (min-width: 980px) {
#fsFooter > .fsBanner > div.footer-info-wrapper {
margin: 0 auto 60px;
}
}
.footer-info-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 900px) {
.footer-info-wrapper {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.footer-info-wrapper:after {
display: none;
}
.footer-info-wrapper > .fsStyleColumn.fsDiv {
width: 100%;
padding: 0;
margin-bottom: 0;
}
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-1 {
margin-bottom: 30px;
}
@media (min-width: 900px) {
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-1 {
max-width: 480px;
margin-bottom: 0;
}
}
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-2 {
margin-bottom: 30px;
}
@media (min-width: 500px) {
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-2 {
min-width: 200px;
width: 50%;
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-2 {
margin: 0 20px 0 40px;
width: 200px;
}
}
@media (min-width: 500px) {
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-3 {
width: 50%;
}
}
@media (min-width: 600px) {
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-3 {
min-width: 260px;
}
}
@media (min-width: 900px) {
.footer-info-wrapper > .fsStyleColumn.fsStyleColumn-3 {
width: 280px;
}
}
.footer-content {
margin-bottom: 30px;
}
.footer-content > header .fsElementTitle {
margin-top: 0;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
}
.footer-content.explore ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-content.explore a {
font-weight: 700;
color: #00583d;
padding: 0 0 5px;
}
.footer-content.explore a:hover {
color: #0a7554;
}
.nav-utility-ftr {
font-size: 13px;
font-weight: 400;
line-height: 22px;
position: relative;
z-index: 5;
width: 100%;
}
@media (min-width: 900px) {
.nav-utility-ftr {
width: auto;
}
}
.nav-utility-ftr ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav-utility-ftr ul li {
display: inline-block;
}
.nav-utility-ftr ul li:first-child {
padding-right: 16px;
margin-right: 14px;
position: relative;
margin-top: 10px;
}
@media (min-width: 900px) {
.nav-utility-ftr ul li:first-child {
margin-left: 30px;
margin-top: 0;
}
}
.nav-utility-ftr ul li:first-child:after {
content: 'ΓÇó';
position: absolute;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
right: 0;
opacity: .8;
}
.nav-utility-ftr ul li a {
padding: 0;
color: #54565b;
opacity: .8;
transition: opacity .3s;
}
.nav-utility-ftr ul li a:hover {
opacity: 1;
transition: opacity .3s;
color: #54565b;
}
.footer-image-wrapper {
height: 130px;
width: calc(100% + 40px);
position: absolute;
right: -20px;
bottom: 0;
}
@media (min-width: 600px) {
.footer-image-wrapper {
max-width: 1260px;
right: 0;
}
}
@media (min-width: 1180px) {
.footer-image-wrapper {
width: calc(100% + 80px);
}
}
.footer-image {
height: 100%;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
opacity: .3;
filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
.school-details {
margin-bottom: 10px;
}
.school-details [itemprop='name'] {
margin-top: 0;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
}
.school-details [itemprop='streetAddress'] {
display: block;
}
.school-details a {
color: inherit;
} * {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
pointer-events: none;
}
html {
font-family: "proxima-nova", sans-serif;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-size: 17px;
line-height: 25px;
color: #54565b;
}
#fsPageWrapper {
position: relative;
margin-bottom:0px !important;
}
#fsPageWrapper:after {
content: '';
position: absolute;
width: 100%;
height: calc(100% - 88px);
top: 88px;
left: 0;
background-color: #000;
opacity: 0;
visibility: hidden;
}
.search-is-active #fsPageWrapper:after {
opacity: .5;
visibility: visible;
z-index: 250;
transition: opacity .3s;
}
@media (min-width: 800px) {
#fsPageWrapper:after {
display: none;
}
}
.fsPageBodyWrapper {
padding-top: 40px;
padding-bottom: 40px;
background: #fff;
}
@media (min-width: 800px) {
.fsPageBodyWrapper {
padding-bottom: 100px;
}
}
#fsPageBody {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fsPageContent {
width: 100%;
overflow: hidden;
}
.fsPageLayout {
margin-left: 0;
margin-right: 0;
}
.fsPageLayout > .fsDiv {
padding-left: 0;
padding-right: 0;
}
.fsPageLayout > .fsDiv:last-child {
margin-bottom: 0;
}
#fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 600px) {
#fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
margin-bottom: 0;
}
}
@media (min-width: 800px) {
#fsBannerLeft {
padding-right: 40px;
width: 280px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 600px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
margin-bottom: 40px;
}
}
@media (min-width: 700px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 800px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
.fsHasRightBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 40px;
}
@media (min-width: 700px) {
.fsHasRightBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.fsHasRightBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 400px);
}
}
.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
@media (min-width: 600px) {
.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 800px) {
.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 280px);
}
}
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 40px;
width: 100%;
}
@media (min-width: 600px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 700px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
width: calc(100% - 280px);
}
}
@media (min-width: 800px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 490px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
width: calc(100% - 680px);
}
}
#fsBannerRight {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 700px) {
#fsBannerRight {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 900px) {
#fsBannerRight {
padding-left: 80px;
width: 400px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
}
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
padding-left: 80px;
width: 400px;
}
}
@media (min-width: 800px) {
.fsLayout {
margin-left: -10px;
margin-right: -10px;
}
.fsLayout > header {
margin-left: 10px;
}
}
.fsLayout .fsDiv {
margin-bottom: 20px;
width: 100%;
float: none;
}
@media (min-width: 800px) {
.fsLayout .fsDiv {
float: left;
}
}
@media (min-width: 800px) {
.fsLayout .fsDiv {
padding-right: 10px;
padding-left: 10px;
}
}
@media (min-width: 800px) {
.fsTwoColumnLayout .fsDiv {
width: 50%;
}
}
@media (min-width: 900px) {
.fsThreeColumnLayout .fsDiv {
width: 33.3333333333%;
}
}
@media (min-width: 800px) {
.fsFourColumnLayout .fsDiv {
width: 50%;
}
}
@media (min-width: 1000px) {
.fsFourColumnLayout .fsDiv {
width: 25%;
}
}
.fsLayout .fsStyleTwoThirds {
width: 100%;
}
@media (min-width: 700px) {
.fsLayout .fsStyleTwoThirds {
width: 66.6666666667%;
}
}
.fsLayout .fsStyleOneThird {
width: 100%;
}
@media (min-width: 700px) {
.fsLayout .fsStyleOneThird {
width: 33.3333333333%;
}
}
div[class*="fsTwoColumnWide"] {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div[class*="fsTwoColumnWide"] > .fsDiv {
padding: 0;
margin: 0;
width: 100%;
float: none;
margin-bottom: 20px;
}
@media (min-width: 700px) {
div[class*="fsTwoColumnWide"] > .fsDiv {
margin-bottom: 0;
}
}
div[class*="fsTwoColumnWide"] > .fsDiv:last-child {
margin-bottom: 0;
}
.fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
@media (min-width: 600px) {
.fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 800px) {
.fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 280px);
}
}
@media (min-width: 700px) {
.fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
width: 100%;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 280px);
}
}
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 600px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
width: calc(100% - 280px);
}
}
@media (min-width: 800px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
width: calc(100% - 280px);
}
}
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
width: calc(100% - 220px);
}
}
.fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 40px;
}
@media (min-width: 600px) {
.fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
margin-bottom: 0;
}
}
@media (min-width: 800px) {
.fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
padding-right: 40px;
width: 280px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 700px) {
.fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 280px;
padding-right: 40px;
margin-bottom: 0;
}
}
@media (min-width: 600px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 800px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
padding-right: 40px;
width: 280px;
}
}
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
padding-right: 20px;
width: 220px;
}
}
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
width: calc(100% - 400px);
}
}
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 1000px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
padding-left: 80px;
width: 400px;
}
}
@media (min-width: 600px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 700px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 1100px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 600px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 220px);
}
}
@media (min-width: 700px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 280px);
}
}
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 490px);
margin-bottom: 0;
}
}
@media (min-width: 1100px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 680px);
}
}
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 1100px) {
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
padding-left: 80px;
width: 400px;
}
}
.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 40px;
}
@media (min-width: 700px) {
.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 400px);
}
}
.fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 800px) {
.fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
width: calc(100% - 400px);
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
width: 100%;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
width: calc(100% - 400px);
}
}
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
width: calc(100% - 270px);
}
}
.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 700px) {
.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 900px) {
.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
padding-left: 80px;
width: 400px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
}
.fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
padding-left: 80px;
width: 400px;
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
width: 100%;
padding-left: 0;
margin-bottom: 20px;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
width: 400px;
padding-left: 80px;
margin-bottom: 0;
}
}
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
padding-left: 20px;
width: 270px;
}
}
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 280px);
}
}
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
width: calc(100% - 280px);
}
}
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
width: 100%;
padding: 0;
}
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 1000px) {
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 1100px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
padding-right: 40px;
width: 280px;
}
}
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 600px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 700px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 280px);
}
}
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 490px);
margin-bottom: 0;
}
}
@media (min-width: 1100px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
width: calc(100% - 680px);
}
}
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 1100px) {
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
padding-left: 80px;
width: 400px;
}
}
.fsElephantRightLayout,
.fsElephantLeftLayout {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fsElephantRightLayout > div,
.fsElephantLeftLayout > div {
padding: 0;
margin: 0;
width: 100%;
float: none;
margin-bottom: 20px;
}
@media (min-width: 700px) {
.fsElephantRightLayout > div,
.fsElephantLeftLayout > div {
margin-bottom: 0;
}
}
.fsElephantRightLayout > div:last-child,
.fsElephantLeftLayout > div:last-child {
margin-bottom: 0;
}
.fsElephantRightLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 40px;
}
@media (min-width: 700px) {
.fsElephantRightLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.fsElephantRightLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 400px);
}
}
.fsHasLeftBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 800px) {
.fsHasLeftBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
width: calc(100% - 400px);
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
width: 100%;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
width: calc(100% - 400px);
}
}
.fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
width: calc(100% - 270px);
}
}
.fsElephantRightLayout > div.fsStyleTwoThirds > .fsDiv {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 800px) {
.fsElephantRightLayout > div.fsStyleTwoThirds > .fsTwoColumnLayout {
margin-right: -20px;
margin-left: -20px;
}
}
.fsElephantRightLayout > div.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 700px) {
.fsElephantRightLayout > div.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 900px) {
.fsElephantRightLayout > div.fsStyleOneThird {
padding-left: 80px;
width: 400px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
}
.fsHasLeftBanner .fsElephantRightLayout > div.fsStyleOneThird {
width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.fsHasLeftBanner .fsElephantRightLayout > div.fsStyleOneThird {
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsElephantRightLayout > div.fsStyleOneThird {
padding-left: 80px;
width: 400px;
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
width: 100%;
padding-left: 0;
margin-bottom: 20px;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
width: 400px;
padding-left: 80px;
margin-bottom: 0;
}
}
.fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
padding-left: 20px;
width: 270px;
}
}
.fsElephantLeftLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
@media (min-width: 600px) {
.fsElephantLeftLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 800px) {
.fsElephantLeftLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 280px);
}
}
@media (min-width: 700px) {
.fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
width: 100%;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 280px);
}
}
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 600px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
width: calc(100% - 280px);
}
}
@media (min-width: 800px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
width: calc(100% - 280px);
}
}
.fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
width: calc(100% - 220px);
}
}
.fsElephantLeftLayout > div.fsStyleTwoThirds > .fsDiv {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 800px) {
.fsElephantLeftLayout > div.fsStyleTwoThirds > .fsTwoColumnLayout {
margin-right: -20px;
margin-left: -20px;
}
}
.fsElephantLeftLayout > div.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 40px;
padding-left: 0;
}
@media (min-width: 600px) {
.fsElephantLeftLayout > div.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
margin-bottom: 0;
}
}
@media (min-width: 800px) {
.fsElephantLeftLayout > div.fsStyleOneThird {
padding-right: 40px;
width: 280px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 700px) {
.fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleOneThird {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 280px;
padding-right: 40px;
margin-bottom: 0;
}
}
@media (min-width: 600px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 700px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 800px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
padding-right: 40px;
width: 280px;
}
}
.fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 600px) {
.wide-right > .fsDiv {
float: left;
}
}
.wide-right > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
@media (min-width: 600px) {
.wide-right > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 800px) {
.wide-right > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 280px);
}
}
@media (min-width: 700px) {
.fsHasLeftBanner .wide-right > .fsDiv.fsStyleColumn-2 {
width: 100%;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .wide-right > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 280px);
}
}
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 600px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
}
}
@media (min-width: 700px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-2 {
width: calc(100% - 280px);
}
}
@media (min-width: 800px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 220px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-2 {
width: calc(100% - 280px);
}
}
.fsHasLeftBanner.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-2 {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-2 {
width: calc(100% - 220px);
}
}
.wide-right > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 40px;
}
@media (min-width: 600px) {
.wide-right > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
margin-bottom: 0;
}
}
@media (min-width: 800px) {
.wide-right > .fsDiv.fsStyleColumn-1 {
padding-right: 40px;
width: 280px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 700px) {
.fsHasLeftBanner .wide-right > .fsDiv.fsStyleColumn-1 {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .wide-right > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 280px;
padding-right: 40px;
margin-bottom: 0;
}
}
@media (min-width: 600px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 700px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-1 {
padding-right: 40px;
width: 280px;
}
}
@media (min-width: 800px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-1 {
padding-right: 40px;
width: 280px;
}
}
.fsHasLeftBanner.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-1 {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .wide-right > .fsDiv.fsStyleColumn-1 {
padding-right: 20px;
width: 220px;
}
}
@media (min-width: 700px) {
.wide-left > .fsDiv {
float: left;
}
}
.wide-left > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 40px;
}
@media (min-width: 700px) {
.wide-left > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.wide-left > .fsDiv.fsStyleColumn-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 400px);
}
}
.fsHasLeftBanner .wide-left > .fsDiv.fsStyleColumn-1 {
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 800px) {
.fsHasLeftBanner .wide-left > .fsDiv.fsStyleColumn-1 {
width: calc(100% - 270px);
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .wide-left > .fsDiv.fsStyleColumn-1 {
width: calc(100% - 400px);
}
}
@media (min-width: 700px) {
.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-1 {
width: 100%;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-1 {
width: calc(100% - 400px);
}
}
.fsHasLeftBanner.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-1 {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-1 {
width: calc(100% - 270px);
}
}
.wide-left > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 700px) {
.wide-left > .fsDiv.fsStyleColumn-2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 900px) {
.wide-left > .fsDiv.fsStyleColumn-2 {
padding-left: 80px;
width: 400px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
}
.fsHasLeftBanner .wide-left > .fsDiv.fsStyleColumn-2 {
width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.fsHasLeftBanner .wide-left > .fsDiv.fsStyleColumn-2 {
padding-left: 20px;
width: 270px;
}
}
@media (min-width: 1000px) {
.fsHasLeftBanner .wide-left > .fsDiv.fsStyleColumn-2 {
padding-left: 80px;
width: 400px;
}
}
@media (min-width: 700px) {
.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-2 {
width: 100%;
padding-left: 0;
margin-bottom: 20px;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-2 {
width: 400px;
padding-left: 80px;
margin-bottom: 0;
}
}
.fsHasLeftBanner.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-2 {
width: 100%;
}
@media (min-width: 1000px) {
.fsHasLeftBanner.fsHasRightBanner .wide-left > .fsDiv.fsStyleColumn-2 {
padding-left: 20px;
width: 270px;
}
}
.fsBreadcrumb ul {
margin: 0;
padding: 0;
list-style: none;
}
.fsBreadcrumb li {
display: inline-block;
}
.fsBreadcrumb li a {
display: inline-block;
padding: 0;
}
.fsBreadcrumb span {
display: inline-block;
margin: 0 5px;
}
.fsNavigation a {
display: block;
padding: 5px 0;
color: #54565b;
font-weight: normal;
}
.fsNavigation a:hover {
color: #3bae43;
}
.nav-main > header {
display: none;
}
.fsHeader .nav-main {
display: none;
}
@media (min-width: 800px) {
.fsHeader .nav-main {
display: block;
margin-bottom: 20px;
}
}
.nav-main, .nav-main ul {
margin: 0;
padding: 0;
list-style: none;
}
.nav-main li {
margin: 0;
padding: 0;
}
.nav-main .fsNavLevel1 {
position: relative;
}
@media (min-width: 800px) {
.nav-main .fsNavLevel1 {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-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 > a {
padding: 10px 0 22px;
color: #54565b;
font-weight: 600;
display: block;
font-size: 15px;
line-height: 1.47;
position: relative;
}
@media (min-width: 900px) {
.nav-main .fsNavLevel1 > li > a {
font-size: 17px;
line-height: 25px;
}
}
.nav-main .fsNavLevel1 > li > a:after {
content: '';
width: 100%;
height: 0;
background-color: #3bae43;
position: absolute;
left: 0;
top: calc(100% - 10px);
transition: height .3s;
}
.nav-main .fsNavLevel1 > li:hover > a:after {
height: 10px;
transition: height .3s;
}
.nav-main .fsNavLevel1 > li[class*="fsNavCurrentPage"] > a {
color: #3bae43;
}
.nav-main .alumni-nav,
.nav-main .summer-nav {
display: none;
}
.nav-main .fsNavLevel1 > li {
cursor: pointer;
}
.nav-main .fsNavLevel1 > li > .fsNavPageInfo {
position: absolute;
top: 100%;
max-height: 0;
overflow: hidden;
}
.nav-main .fsNavLevel1 > li:hover > .fsNavPageInfo {
max-height: 9999px;
}
@media (max-width: 599px) {
.nav-main .fsNavLevel1 > li:focus > .fsNavPageInfo {
max-height: 9999px;
}
}
.nav-main .fsNavLevel1 > li > .fsNavPageInfo {
z-index: 300;
}
.nav-main .fsNavPageInfo {
background: #fff;
text-align: left;
border: solid 1px #cbcccd;
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
opacity: 0;
visibility: hidden;
padding: 30px 30px 15px;
cursor: default;
width: calc(100% + 20px);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 1000px) {
.nav-main .fsNavPageInfo {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 30px;
}
}
@media (min-width: 1180px) {
.nav-main .fsNavPageInfo {
padding: 40px;
}
}
@media (min-width: 1240px) {
.nav-main .fsNavPageInfo {
width: 1220px;
border: solid 1px #cbcccd;
}
}
.nav-main .fsNavPageInfo > div, .nav-main .fsNavPageInfo > ul {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.nav-main .fsNavPageInfo > div.fsNavPageThumbnail, .nav-main .fsNavPageInfo > ul.fsNavPageThumbnail {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 200px;
}
@media (min-width: 1000px) {
.nav-main .fsNavPageInfo > div.fsNavPageThumbnail, .nav-main .fsNavPageInfo > ul.fsNavPageThumbnail {
width: 210px;
margin-right: 20px;
}
}
@media (min-width: 1180px) {
.nav-main .fsNavPageInfo > div.fsNavPageThumbnail, .nav-main .fsNavPageInfo > ul.fsNavPageThumbnail {
margin-right: 40px;
}
}
.nav-main .fsNavPageInfo > div.fsNavPageThumbnail img, .nav-main .fsNavPageInfo > ul.fsNavPageThumbnail img {
display: block;
}
.nav-main .fsNavPageInfo > div.fsNavPageDescription, .nav-main .fsNavPageInfo > ul.fsNavPageDescription {
width: calc(100% - 200px);
padding-left: 30px;
}
@media (min-width: 1000px) {
.nav-main .fsNavPageInfo > div.fsNavPageDescription, .nav-main .fsNavPageInfo > ul.fsNavPageDescription {
width: calc(100% - 520px);
max-width: 320px;
margin-right: 20px;
padding-left: 0;
}
}
@media (min-width: 1180px) {
.nav-main .fsNavPageInfo > div.fsNavPageDescription, .nav-main .fsNavPageInfo > ul.fsNavPageDescription {
margin-right: 40px;
}
}
@media (min-width: 800px) {
.nav-main .fsNavParentPage:hover .fsNavPageInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
visibility: visible;
transition: .3s;
}
}
.nav-main .fsNavPageDescription h4 {
margin-bottom: 15px;
}
.nav-main .fsNavPageDescription a {
font-weight: 700;
color: #00583d;
display: inline-block;
padding: 0;
}
.nav-main .fsNavPageDescription a:hover {
color: #0a7554;
}
.nav-main .fsNavPageDescription a:last-child {
margin-top: 10px;
}
.nav-main .fsNavPageDescription br {
line-height: 1;
}
.nav-main .fsNavLevel2 {
width: calc(50% - 20px);
margin-top: 20px;
}
@media (min-width: 1000px) {
.nav-main .fsNavLevel2 {
margin-top: -15px;
width: 240px;
}
}
@media (min-width: 1000px) {
.nav-main .fsNavLevel2.column-1 {
margin-right: 20px;
}
}
@media (min-width: 1180px) {
.nav-main .fsNavLevel2.column-1 {
margin-right: 40px;
}
}
.nav-main .fsNavLevel2 li:last-child > a {
border-bottom: none;
}
.nav-main .fsNavLevel2 a {
padding: 10px 0;
color: #54565b;
display: block;
font-weight: 700;
border-bottom: solid 1px #cbcccd;
}
.nav-main .fsNavLevel2 a:hover {
color: #989a9d;
}
.drawer-ribbon {
position: relative;
height: 50px;
}
@media (min-width: 800px) {
.drawer-ribbon {
display: none;
}
}
.drawer-trigger, .header-main-wrapper > footer {
position: absolute;
height: 100%;
width: 100%;
border: 0;
background: none;
outline: 0;
margin: 0;
padding: 0;
max-width: 50px;
height: 50px;
cursor: pointer;
}
.drawer-trigger:before, .drawer-trigger:after,
.header-main-wrapper > footer:before,
.header-main-wrapper > footer:after {
position: absolute;
top: 50%;
left: 50%;
height: 2px;
width: 18px;
content: '';
background: #54565b;
}
.drawer-trigger:before,
.header-main-wrapper > footer:before {
margin-top: -0.2352941176em;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: margin-top .3s, -webkit-transform .3s;
transition: margin-top .3s, transform .3s;
}
.drawer-trigger:after,
.header-main-wrapper > footer:after {
box-shadow: 0 0.2352941176em 0 0 #54565b;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: box-shadow .3s, -webkit-transform .3s;
transition: box-shadow .3s, transform .3s;
}
.drawer-is-active .drawer-trigger:before,
.drawer-is-active .header-main-wrapper > footer:before {
margin-top: 0;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.drawer-is-active .drawer-trigger:after,
.drawer-is-active .header-main-wrapper > footer:after {
box-shadow: none;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.fsMenu {
position: absolute;
z-index: 500;
width: 100%;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility .3s, -webkit-transform .3s;
transition: opacity .3s, visibility .3s, transform .3s;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: 51px;
max-width: 100%;
background: rgba(0, 0, 0, 0.5);
}
.drawer-is-active .fsMenu {
pointer-events: auto;
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
min-height: calc(100% - 51px);
}
@media (min-width: 800px) {
.fsMenu {
display: none;
}
}
.nav-mobile {
background-color: #fff;
margin-bottom: 0;
}
.nav-mobile > header {
padding: 20px;
}
.nav-mobile > header .fsElementHeaderContent {
margin: 0;
text-align: center;
}
.nav-mobile > header .fsElementHeaderContent a {
display: block;
background-color: #00583d;
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
line-height: 16px;
letter-spacing: .075em;
padding: 10px 20px;
}
.nav-mobile ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav-mobile li {
position: relative;
margin-bottom: 0;
}
.nav-mobile li.fsNavParentPage > a {
width: calc(100% - 55px);
border-right: solid 1px #b0b2b6;
}
.nav-mobile li.fsNavCurrentPageAncestor > a, .nav-mobile li.fsNavCurrentPage > a {
color: #3bae43;
}
.nav-mobile .fsNavPageInfo {
display: none;
}
.nav-mobile a {
display: block;
font-weight: 600;
font-size: 15px;
line-height: 1.5;
padding: 9px 20px;
min-height: 40px;
}
.nav-mobile .fsNavLevel1 {
border-top: solid 1px #cbcccd;
}
.nav-mobile .fsNavLevel1 > li {
border-bottom: solid 1px #cbcccd;
}
.nav-mobile .fsNavLevel1 > li > a {
font-size: 17px;
line-height: 1.45;
padding: 8px 20px;
}
.nav-mobile .fsNavLevel1 > li.alumni-nav > a, .nav-mobile .fsNavLevel1 > li.summer-nav > a {
font-size: 13px;
padding: 11px 20px;
}
.nav-mobile .fsNavLevel2 li.fsNavCurrentPage > a {
font-weight: 700;
}
.nav-mobile .fsNavLevel2 > li > a {
padding-left: 25px;
}
.nav-mobile .fsNavLevel3 > li > a {
padding-left: 30px;
}
.nav-mobile .fsNavLevel4 > li > a {
padding-left: 35px;
}
.nav-mobile .fsNavLevel5 > li > a {
padding-left: 40px;
}
.nav-mobile .alumni-nav > a {
font-size: 13px;
text-transform: uppercase;
color: #989a9d;
letter-spacing: .05em;
}
.nav-mobile .open:not(.fsNavCurrentPageAncestor) > .mobile-toggle:before, .nav-mobile .fsNavCurrentPageAncestor:not(.open) > .mobile-toggle:before {
content: "";
}
.nav-mobile .open:not(.fsNavCurrentPageAncestor) > .fsNavPageInfo, .nav-mobile .fsNavCurrentPageAncestor:not(.open) > .fsNavPageInfo {
display: block;
background-color: rgba(84, 86, 91, 0.05);
border-top: solid 1px #cbcccd;
}
.nav-mobile .open:not(.fsNavCurrentPageAncestor) > .fsNavPageInfo li.fsNavParentPage, .nav-mobile .fsNavCurrentPageAncestor:not(.open) > .fsNavPageInfo li.fsNavParentPage {
border-top: solid 1px #cbcccd;
box-shadow: 0px 1px 0 0 #cbcccd;
}
.nav-mobile.utility .fsNavLevel1 {
border-top: none;
}
.nav-mobile.utility .fsNavLevel1 > li {
display: none;
}
.nav-mobile.utility .fsNavLevel1 > li.summer {
display: block;
}
.nav-mobile.utility .fsNavLevel1 > li.summer > a {
font-size: 13px;
padding: 11px 20px;
line-height: 1.45;
text-transform: uppercase;
color: #b0b2b6;
letter-spacing: .05em;
}
.mobile-toggle {
position: absolute;
right: 0;
top: 0;
width: 55px;
height: 40px;
padding: 0;
background-color: transparent;
border: none;
outline: transparent;
}
.mobile-toggle:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
color: #3bae43;
font-size: 24px;
font-weight: normal;
line-height: 1;
transition: .3s;
}
.fsNavLevel2 .mobile-toggle:before {
font-size: 20px;
}
.nav-sub-horizontal {
background-color: #f6f6f7;
border-top: solid 1px #cbcccd;
border-bottom: solid 1px #cbcccd;
margin-bottom: 0;
display: none;
}
@media (min-width: 800px) {
.nav-sub-horizontal {
display: block;
z-index: 10;
}
}
.nav-sub-horizontal > header {
display: none;
}
.nav-sub-horizontal > .fsElementContent {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
}
.nav-sub-horizontal ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav-sub-horizontal ul.fsNavLevel1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 0 0;
margin-left: -18px;
margin-right: -18px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nav-sub-horizontal ul.fsNavLevel1 > li > .fsNavPageInfo {
display: none;
}
.nav-sub-horizontal ul.fsNavLevel1 > li[class*="fsNavCurrentPage"] > a {
color: #3bae43;
font-weight: 600;
}
.nav-sub-horizontal ul.fsNavLevel1 > li > a {
display: block;
color: #54565b;
font-size: 16px;
line-height: 24px;
padding: 10px 0 20px;
margin: 0 18px;
position: relative;
}
.nav-sub-horizontal ul.fsNavLevel1 > li > a:after {
content: '';
width: 100%;
height: 0px;
background-color: #3bae43;
position: absolute;
left: 0;
top: calc(100% - 6px);
transition: height .3s;
}
.nav-sub-horizontal ul.fsNavLevel1 > li > a:hover:after {
height: 6px;
}
.fsHeader .nav-tier {
display: block;
width: calc(100% - 40px);
margin: 15px auto 0;
}
@media (min-width: 800px) {
.fsHeader .nav-tier {
display: none;
}
}
.fsHasLeftBanner .fsHeader .nav-tier {
display: block;
}
@media (min-width: 600px) {
.fsHasLeftBanner .fsHeader .nav-tier {
display: none;
}
}
#fsPageBody .nav-tier {
display: none;
background-color: rgba(84, 86, 91, 0.05);
border: 1px solid rgba(84, 86, 91, 0.3);
}
@media (min-width: 800px) {
#fsPageBody .nav-tier {
display: block;
}
}
.fsHasLeftBanner #fsPageBody .nav-tier {
display: none;
}
@media (min-width: 600px) {
.fsHasLeftBanner #fsPageBody .nav-tier {
display: block;
}
}
.nav-tier.nav-tier-empty {
display: none !important;
}
.fsHeader .nav-tier > .fsElementContent {
height: auto;
max-height: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.fsHeader .nav-tier.active-nav > .fsElementContent {
max-height: 9999px;
visibility: visible;
opacity: 1;
}
.nav-tier .fsNavPageInfo {
display: none;
}
.nav-tier .fsNavParentPage > a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
margin-left: -8px;
color: #989a9d;
font-size: 24px;
line-height: 1;
vertical-align: sub;
transition: .3s;
}
.nav-tier .fsNavParentPage > a:hover:before {
color: #3bae43;
transition: .3s;
}
.nav-tier ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav-tier ul li {
position: relative;
}
.nav-tier ul li.fsNavCurrentPage > .fsNavPageInfo, .nav-tier ul li.fsNavCurrentPageAncestor > .fsNavPageInfo {
display: block;
}
.nav-tier ul li.fsNavCurrentPage > a {
background-color: rgba(84, 86, 91, 0.1);
}
.nav-tier ul li a {
display: block;
padding: 15px 20px;
color: #54565b;
font-weight: normal;
}
.nav-tier ul li a:hover {
color: #3bae43;
}
.nav-tier .fsNavLevel1 > li:last-child > a:after {
display: none;
}
.nav-tier .fsNavLevel1 > li > a {
position: relative;
}
.nav-tier .fsNavLevel1 > li > a:after {
content: '';
width: calc(100% - 40px);
left: 20px;
bottom: 0;
height: 1px;
background-color: #cbcccd;
position: absolute;
}
.nav-tier .fsNavLevel2 a {
padding: 10px;
}
.nav-tier .fsNavLevel2 > li > a {
padding-left: 36px;
}
.nav-tier .fsNavLevel3 > li > a {
padding-left: 52px;
}
.nav-tier .fsNavLevel4 > li > a {
padding-left: 68px;
}
.nav-tier > header > .fsElementTitle {
font-size: 17px;
font-weight: 700;
line-height: 25px;
padding: 8px 35px 7px 20px;
margin-bottom: 0;
position: relative;
margin: 0;
cursor: pointer;
}
.fsHeader .nav-tier > header > .fsElementTitle {
background-color: #3bae43;
color: #fff;
font-size: 15px;
line-height: 1.45;
}
#fsPageBody .nav-tier > header > .fsElementTitle {
cursor: default;
padding: 18px 20px 15px;
}
.fsHeader .nav-tier > header > .fsElementTitle:after {
position: absolute;
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #fff;
font-size: 24px;
line-height: 21px;
display: inline-block;
}
.fsHeader .nav-tier > .fsElementContent {
width: calc(100% - 10px);
margin: 0 auto;
background-color: rgba(59, 174, 67, 0.8);
border-top: none;
}
.fsHeader .nav-tier > .fsElementContent .fsNavLevel1 {
padding-top: 14px;
padding-bottom: 14px;
}
.fsHeader .nav-tier > .fsElementContent a {
color: #fff;
font-size: 15px;
line-height: 1.4;
font-weight: 600;
padding-top: 6px;
padding-bottom: 6px;
}
.fsHeader .nav-tier > .fsElementContent a:hover {
background-color: #3bae43;
}
.fsHeader .nav-tier > .fsElementContent a:before {
color: rgba(255, 255, 255, 0.5);
}
.fsHeader .nav-tier > .fsElementContent a:after {
display: none;
}
.nav-social .fsNavLevel1 {
font-size: 0;
line-height: 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;
vertical-align: top;
}
.nav-social .fsNavLevel1 li:not(:last-child) {
margin-right: 20px;
}
.nav-social .fsNavLevel1 li.social-wcat a {
position: relative;
width: 65px;
}
.nav-social .fsNavLevel1 li.social-wcat a:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
}
.nav-social .fsNavLevel1 li.social-wcat a:after {
content: 'WCAT';
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #00583d;
letter-spacing: .05em;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
top: calc(50% + 2px);
left: 25px;
transition: color .3s;
}
.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*='rss']:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
}
.nav-social .fsNavLevel1 a {
display: block;
white-space: nowrap;
padding: 0;
width: 25px;
}
.nav-social .fsNavLevel1 a:before {
color: #00583d;
font-size: 20px;
line-height: 25px;
transition: 0.3s all;
display: block;
transition: color .3s;
}
.nav-social .fsNavLevel1 a:hover:before, .nav-social .fsNavLevel1 a:hover:after {
color: #0a7554;
transition: color .3s;
}
.header-utility-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(84, 86, 91, 0.05);
border-top: 1px solid #cbcccd;
border-bottom: 1px solid #cbcccd;
}
@media (min-width: 800px) {
.header-utility-links {
background-color: transparent;
border: none;
}
}
.header-utility-links .fsElementFooterContent {
margin-top: 0;
}
.header-utility-links > header {
display: none;
}
.header-utility-links > .fsElementContent {
width: calc(100% - 65px);
}
@media (min-width: 800px) {
.header-utility-links > .fsElementContent {
width: auto;
}
}
.header-utility-links ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-utility-links ul.fsNavLevel1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-utility-links ul.fsNavLevel1 > li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
}
@media (min-width: 700px) {
.header-utility-links ul.fsNavLevel1 > li {
max-width: 25%;
}
}
@media (min-width: 800px) {
.header-utility-links ul.fsNavLevel1 > li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: auto;
max-width: 100%;
}
}
@media screen and (max-width: 330px) {
.header-utility-links ul.fsNavLevel1 > li:first-child > a {
padding-left: 25px;
text-align: left;
}
}
.header-utility-links ul.fsNavLevel1 > li.summer {
display: none;
}
@media (min-width: 600px) {
.header-utility-links ul.fsNavLevel1 > li.summer {
display: block;
}
}
.header-utility-links ul.fsNavLevel1 > li.alumni-util {
display: none;
}
@media (min-width: 500px) {
.header-utility-links ul.fsNavLevel1 > li.alumni-util {
display: block;
}
}
.header-utility-links ul.fsNavLevel1 > li > a {
color: #989a9d;
font-size: 12px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
letter-spacing: .05em;
display: block;
padding: 3px 10px;
border-right: 1px solid #cbcccd;
text-align: center;
}
@media (min-width: 800px) {
.header-utility-links ul.fsNavLevel1 > li > a {
margin: 0 10px;
padding: 5px 0;
border: none;
text-align: left;
}
}
@media (min-width: 900px) {
.header-utility-links ul.fsNavLevel1 > li > a {
font-size: 14px;
}
}
@media (min-width: 980px) {
.header-utility-links ul.fsNavLevel1 > li > a {
margin: 0 18px;
}
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage {
position: relative;
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage:before {
content: '';
position: absolute;
bottom: -5px;
right: 10px;
height: 0;
width: calc(100% - 20px);
background-color: #00583d;
transition: .3s;
display: none;
}
@media (min-width: 800px) {
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage:before {
display: block;
}
}
@media (min-width: 980px) {
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage:before {
right: 18px;
width: calc(100% - 36px);
}
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage:hover:before {
height: 5px;
transition: .3s;
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage:hover .fsNavPageInfo {
opacity: 1;
visibility: visible;
transition: .3s;
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo {
position: absolute;
right: 0;
top: 100%;
z-index: 10;
overflow: hidden;
transition: .3s;
opacity: 0;
visibility: hidden;
width: calc(100% + 1px);
}
@media (min-width: 800px) {
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo {
width: 145px;
right: 10px;
}
}
@media (min-width: 980px) {
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo {
right: 18px;
}
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavLevel2 {
background-color: #00583d;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
padding: 10px 18px;
}
@media (min-width: 800px) {
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavLevel2 {
margin-top: 5px;
}
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavLevel2 a {
color: inherit;
font-weight: 600;
}
.header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavLevel2 a:hover, .header-utility-links ul.fsNavLevel1 > li.fsNavParentPage .fsNavLevel2 a:focus {
color: rgba(255, 255, 255, 0.75);
}
.header-utility-links ul.fsNavLevel1 > li:hover > a {
color: #54565b;
}
.header-utility-links > footer {
width: 65px;
overflow: hidden;
white-space: nowrap;
position: relative;
color: transparent;
cursor: pointer;
}
@media (min-width: 800px) {
.header-utility-links > footer {
width: 42px;
}
}
.header-utility-links > footer:hover:after {
color: #50ce59;
transition: color .3s;
}
.header-utility-links > footer:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #3bae43;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
top: calc(50% - 1px);
font-size: 14px;
line-height: 1;
transition: color .3s;
min-width: 15px;
text-align: center;
right: 25px;
}
@media (min-width: 800px) {
.header-utility-links > footer:after {
font-size: 20px;
right: 0;
top: calc(50% - 2px);
}
}
.search-is-active .header-utility-links > footer:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
font-size: 24px;
right: 20px;
top: 50%;
}
@media (min-width: 800px) {
.search-is-active .header-utility-links > footer:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
right: 0;
font-size: 20px;
top: calc(50% - 2px);
}
}
.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;
}
.nav-site-map .fsElementContent nav ul {
margin: 0 0 0 20px;
padding: 0;
}
.nav-site-map .fsElementContent nav ul li {
margin: 0;
padding: 0;
font-weight: 400;
}
.nav-site-map .fsElementContent nav ul.fsNavLevel1 {
margin-left: 0;
list-style: none;
}
@media (min-width: 600px) {
.nav-site-map .fsElementContent nav ul.fsNavLevel1 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-column-rule: 0;
-moz-column-rule: 0;
column-rule: 0;
min-height: initial;
}
.nav-site-map .fsElementContent nav ul.fsNavLevel1 li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
.no-csscolumns .nav-site-map .fsElementContent nav ul.fsNavLevel1 li {
float: left;
display: block;
width: 100%;
vertical-align: top;
}
}
.nav-site-map .fsElementContent nav ul.fsNavLevel1 > li {
margin-bottom: 20px;
font-weight: 700;
}
.nav-site-map .fsElementContent nav ul.fsNavLevel2 {
list-style: disc;
}
.nav-site-map .fsElementContent nav ul.fsNavLevel3 {
list-style: circle;
}
.nav-site-map .fsElementContent nav ul.fsNavLevel4 {
list-style: square;
}
.nav-site-map .fsElementContent nav ul.fsNavLevel5 {
list-style: disc;
}  .fsListItems article {
margin-bottom: 20px;
}
.fsSlideshow .slick-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.fsSlideshow .slick-arrow:before, .fsSlideshow .slick-arrow:after {
font-family: "IcoMoon";
color: #989a9d;
font-size: 45px;
}
.fsSlideshow .slick-arrow.fsUpArrow:before {
content: "";
}
.fsSlideshow .slick-arrow.fsDownArrow:before {
content: "";
}
.fsSlideshow .slick-arrow.fsLeftArrow:before, .fsSlideshow .slick-arrow.fsRightArrow:before {
line-height: 45px;
}
.fsSlideshow .slick-arrow.fsLeftArrow {
left: -10px;
}
.fsSlideshow .slick-arrow.fsLeftArrow:before {
content: "";
text-align: left;
}
.fsSlideshow .slick-arrow.fsRightArrow {
right: -10px;
}
.fsSlideshow .slick-arrow.fsRightArrow:before {
content: "";
}
.fsSlideshow .fsPager {
margin-bottom: 0;
margin-top: 10px;
}
.fsSlideshow .fsPager li {
width: 10px;
height: 10px;
}
.fsSlideshow .fsPager li button:before {
content: '';
width: 100%;
height: 100%;
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
background-color: #cbcccd;
opacity: 1;
transition: .3s;
}
.fsSlideshow .fsPager li button:hover:before {
background-color: #989a9d;
transition: .3s;
}
.fsSlideshow .fsPager li.slick-active button:before {
opacity: 1;
background-color: #989a9d;
transition: .3s;
}
.fsSlideshow.fsSlideshowVertical article {
padding-bottom: 35px;
}
.fsSlideshow.fsSlideshowHorizontal article {
padding-bottom: 0;
}
.fsElementDialog {
max-width: calc(100% - 40px);
width: 700px;
min-width: 240px;
}
.fsElementDialog .fsThumbnailAlignLeft,
.fsElementDialog .fsThumbnailAlignRight {
display: block !important;
}
.fsElementDialog .custom-pop {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.fsDialogCloseButton {
opacity: 1;
}
.fsDialogCloseButton::after,
.fsDialogCloseButton::before,
.fsDialogCloseButton:focus::after,
.fsDialogCloseButton:focus::before {
background: #00583d;
}
.fsDialogCloseButton:hover::after,
.fsDialogCloseButton:hover::before {
background-color: #3bae43;
}
#fsPagePopHideButton {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
box-shadow: none;
text-shadow: none;
margin: 0 0 -35px -35px !important;
display: block;
font-size: 13px;
line-height: 1;
}
#fsPagePopHideButton:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
#fsPagePopHideButton:last-child {
margin-bottom: 0;
}
#fsPagePopHideButton:hover {
box-shadow: none;
background-color: #b0b2b6;
}
.element-custom {
padding: 30px;
border: solid 1px #cbcccd;
position: relative;
}
.element-custom:before {
content: '';
width: calc(100% + 2px);
height: 5px;
background-color: #00583d;
position: absolute;
left: -1px;
top: -1px;
z-index: 1;
}
.element-custom .redactor-toolbar li a {
color: #333;
}
.element-custom.green {
background: #00583d;
color: #fff;
border: none;
}
.element-custom.green:before {
display: none;
}
.element-custom.green h1, .element-custom.green h2, .element-custom.green h3, .element-custom.green h4, .element-custom.green h5, .element-custom.green h6 {
color: #3bae43;
}
.element-custom.green a {
color: #3bae43;
}
.element-custom.green a:hover {
color: #50ce59;
}
.element-custom.photo-top:before {
display: none;
}
.element-custom.photo-top > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.element-custom.photo-top > header > .fsElementHeaderContent {
width: calc(100% + 60px);
margin-top: -30px;
margin-left: -30px;
}
.element-custom.photo-top > header > .fsElementHeaderContent img {
display: block;
width: 100%;
min-width: 100%;
}
.element-custom.photo-left {
overflow: hidden;
}
@media (min-width: 600px) {
.element-custom.photo-left {
padding-left: calc(50% + 30px);
position: relative;
}
}
.element-custom.photo-left > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media (min-width: 600px) {
.element-custom.photo-left > header {
display: block;
}
}
.element-custom.photo-left > header > .fsElementHeaderContent {
width: calc(100% + 60px);
margin-top: -30px;
margin-left: -30px;
}
@media (min-width: 600px) {
.element-custom.photo-left > header > .fsElementHeaderContent {
position: absolute;
width: 50%;
height: 100%;
background-size: cover;
background-position: center;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
margin: 0;
}
}
.element-custom.photo-left > header > .fsElementHeaderContent img {
display: block;
width: 100%;
min-width: 100%;
}
@media (min-width: 600px) {
.element-custom.photo-left > header > .fsElementHeaderContent img {
display: none;
}
}
.fsComposeMode .element-custom.photo-left > header > .fsElementHeaderContent img {
display: block !important;
opacity: .5;
}
@media (min-width: 700px) {
.fsHasRightBanner .element-custom.photo-left, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left {
padding-left: 30px;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .element-custom.photo-left, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left {
padding-left: calc(50% + 30px);
}
}
@media (min-width: 700px) {
.fsHasRightBanner .element-custom.photo-left > header, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (min-width: 700px) and (min-width: 1000px) {
.fsHasRightBanner .element-custom.photo-left > header, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left > header {
display: block;
}
}
@media (min-width: 700px) {
.fsHasRightBanner .element-custom.photo-left > header > .fsElementHeaderContent, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left > header > .fsElementHeaderContent {
width: calc(100% + 60px);
margin-top: -30px;
margin-left: -30px;
position: relative;
margin-bottom: 20px;
}
.fsHasRightBanner .element-custom.photo-left > header > .fsElementHeaderContent img, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left > header > .fsElementHeaderContent img {
display: block;
width: 100%;
min-width: 100%;
}
}
@media (min-width: 1000px) {
.fsHasRightBanner .element-custom.photo-left > header > .fsElementHeaderContent, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left > header > .fsElementHeaderContent {
position: absolute;
width: 50%;
margin: 0;
}
.fsHasRightBanner .element-custom.photo-left > header > .fsElementHeaderContent img, .fsHasTwoColumnWideLeftLayout .element-custom.photo-left > header > .fsElementHeaderContent img {
display: none;
}
}
@media (min-width: 600px) {
.fsHasLeftBanner .element-custom.photo-left, .fsHasTwoColumnWideRightLayout .element-custom.photo-left {
padding-left: 30px;
}
}
@media (min-width: 900px) {
.fsHasLeftBanner .element-custom.photo-left, .fsHasTwoColumnWideRightLayout .element-custom.photo-left {
padding-left: calc(50% + 30px);
}
}
@media (min-width: 600px) {
.fsHasLeftBanner .element-custom.photo-left > header, .fsHasTwoColumnWideRightLayout .element-custom.photo-left > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (min-width: 600px) and (min-width: 900px) {
.fsHasLeftBanner .element-custom.photo-left > header, .fsHasTwoColumnWideRightLayout .element-custom.photo-left > header {
display: block;
}
}
@media (min-width: 600px) {
.fsHasLeftBanner .element-custom.photo-left > header > .fsElementHeaderContent, .fsHasTwoColumnWideRightLayout .element-custom.photo-left > header > .fsElementHeaderContent {
width: calc(100% + 60px);
margin-top: -30px;
margin-left: -30px;
position: relative;
margin-bottom: 20px;
}
.fsHasLeftBanner .element-custom.photo-left > header > .fsElementHeaderContent img, .fsHasTwoColumnWideRightLayout .element-custom.photo-left > header > .fsElementHeaderContent img {
display: block;
width: 100%;
min-width: 100%;
}
}
@media (min-width: 900px) {
.fsHasLeftBanner .element-custom.photo-left > header > .fsElementHeaderContent, .fsHasTwoColumnWideRightLayout .element-custom.photo-left > header > .fsElementHeaderContent {
position: absolute;
width: 50%;
margin: 0;
}
.fsHasLeftBanner .element-custom.photo-left > header > .fsElementHeaderContent img, .fsHasTwoColumnWideRightLayout .element-custom.photo-left > header > .fsElementHeaderContent img {
display: none;
}
}
.hide-alert .fsElementControls .fsAlertsIcon {
display: none;
}  .fsConstituent.fsSearch {
margin: 0;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #cbcccd;
}
.fsConstituent.fsSearch:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
@media (min-width: 800px) {
.fsConstituent.fsSearch > .fsElementContent {
margin: 0 -10px;
}
}
.fsConstituent.fsSearch label {
display: block;
margin-bottom: 1.1764705882em;
}
@media (min-width: 800px) {
.fsConstituent.fsSearch label {
display: inline-block;
vertical-align: top;
width: 49.5%;
padding: 0 10px;
}
}
@media (min-width: 900px) {
.fsConstituent.fsSearch label {
width: 32.8333333333%;
}
}
.fsConstituent.fsSearch label:first-of-type:last-of-type {
width: 100%;
}
.fsConstituent.fsSearch input,
.fsConstituent.fsSearch select {
display: block;
width: 100%;
}
.fsConstituent.fsSearch [type*='submit'] {
width: auto;
}
@media (min-width: 800px) {
.fsConstituent.fsSearch [type*='submit'] {
margin-left: 0.5882352941em;
}
}
.fsConstituent.fsSearch .fsConstituentSearchButton {
display: block;
margin: 0 10px;
}
.fsBanner .fsConstituent.fsSearch label, .fsStyleOneThird .fsConstituent.fsSearch label, .fsFourColumnLayout .fsConstituent.fsSearch label {
width: 100%;
}
.fsConstituent .fsElementPagination {
margin: 20px 0;
} .fsConstituentProfile {
position: relative;
}
.fsConstituentProfile .fsProfileImage {
display: block;
margin-bottom: 20px;
}
.fsConstituentProfile .fsFullName {
color: #00583d;
}
@media (min-width: 800px) {
.fsConstituentProfile.fsHasPhoto > div, .fsConstituentProfile.fsHasPhoto > h3 {
padding: 0;
padding-left: calc(25% + 20px);
}
}
@media (min-width: 600px) {
.fsConstituentProfile.fsHasPhoto .fsProfileImage {
float: left;
padding-right: 20px;
max-width: 50%;
}
}
@media (min-width: 800px) {
.fsConstituentProfile.fsHasPhoto .fsProfileImage {
position: absolute;
left: 0;
top: 0;
max-width: 25%;
padding: 0;
float: none;
}
}
@media (min-width: 600px) {
.fsConstituentProfile:not(.fsHasPhoto) .fsProfileImage {
float: left;
padding-right: 20px;
max-width: 50%;
}
}
@media (min-width: 800px) {
.fsConstituentProfile:not(.fsHasPhoto) .fsProfileImage {
max-width: 25%;
}
}
.fsProfileSection {
margin-bottom: 1.1764705882em;
font-size: 16px;
}
.fsProfileSection h4 {
font-weight: 700;
font-size: 18px;
border-bottom: 1px solid #b0b2b6;
margin: 0 0 .5em 0;
padding: 0 0 .5em 0;
}
.fsProfileSection .fsProfileSectionData {
margin-bottom: 10px;
padding-bottom: 10px;
}
.fsProfileSection .fsProfileSectionData.fsTitle {
font-weight: normal;
font-size: 1em;
}
.fsProfileSectionData.fsStyleHalf {
width: 100%;
}
@media (min-width: 600px) {
.fsProfileSectionData.fsStyleHalf {
width: 50%;
}
}
.fsProfileSectionSpecialData > div, .fsProfileSpecialFieldName > div {
width: auto;
float: none;
}
@media (min-width: 800px) {
.fsProfileSectionSpecialData > div, .fsProfileSpecialFieldName > div {
float: none;
display: inline-block;
vertical-align: top;
}
}
.fsProfileSectionFieldName,
.fsProfileSectionFieldValue {
width: auto;
float: none;
}
.fsProfileSectionFieldName,
.fsProfileSectionSpecialData > div:first-child {
float: none;
display: inline-block;
vertical-align: top;
font-weight: 700;
}
.fsProfileSectionFieldName:after,
.fsProfileSectionSpecialData > div:first-child:after {
content: ':';
display: inline-block;
margin-right: 5px;
margin-left: -2px;
}
@media (min-width: 800px) {
.fsProfileSectionFieldValue {
float: none;
display: inline-block;
vertical-align: top;
}
}
@media (min-width: 800px) {
.fsBiography .fsProfileSectionFieldName {
font-weight: bold;
}
.fsBiography .fsProfileSectionFieldName,
.fsBiography .fsProfileSectionFieldValue {
float: none;
width: 100%;
}
}
.fsProfileSectionData.fsEmployedSince {
width: 100% !important;
} .fsDirectory {
word-break: break-word;
margin-bottom: 20px;
}
.fsDirectory .fsConstituentItem {
padding: 20px 0;
border: solid 1px #cbcccd;
}
.fsDirectory .fsConstituentItem > h3, .fsDirectory .fsConstituentItem > div {
padding-right: 20px;
padding-left: 20px;
margin-bottom: 10px;
padding-top: 0;
}
.fsDirectory .fsConstituentItem > h3:last-child, .fsDirectory .fsConstituentItem > div:last-child {
margin-bottom: 0;
}
.fsDirectory .fsConstituentItem > h3 a {
color: inherit;
font-weight: inherit;
}
.fsDirectory .fsConstituentItem > h3 a:hover {
color: #50ce59;
}
.fsDirectory .fsConstituentItem .fsPhoto img {
display: block;
}
.fsDirectory .fsConstituentItem a {
word-break: break-word;
}
.fsConstituentColumnLayout_1 .fsConstituentItem {
margin: 0;
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media (min-width: 800px) {
.fsConstituentColumnLayout_2 {
margin: 0 -10px;
}
}
.fsConstituentColumnLayout_2 .fsConstituentItem {
width: 100%;
margin: 0;
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media (min-width: 800px) {
.fsConstituentColumnLayout_2 .fsConstituentItem {
width: calc(50% - 20px);
margin: 0 10px;
margin-bottom: 20px;
}
}
.fsConstituentColumnLayout_2 .fsConstituentItem:nth-child(2n+1) {
clear: both;
}
@media (min-width: 800px) {
.fsConstituentColumnLayout_3 {
margin: 0 -10px;
}
}
.fsConstituentColumnLayout_3 .fsConstituentItem {
width: 100%;
margin: 0;
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media (min-width: 800px) {
.fsConstituentColumnLayout_3 .fsConstituentItem {
width: calc(50% - 20px);
float: left;
margin: 0 10px;
margin-bottom: 20px;
}
.fsConstituentColumnLayout_3 .fsConstituentItem:nth-child(2n+1) {
clear: both;
}
}
@media (min-width: 900px) {
.fsConstituentColumnLayout_3 .fsConstituentItem {
width: calc(33.33% - 20px);
}
.fsConstituentColumnLayout_3 .fsConstituentItem:nth-child(2n+1) {
clear: none;
}
.fsConstituentColumnLayout_3 .fsConstituentItem:nth-child(3n+1) {
clear: both;
}
}
@media (min-width: 800px) {
.fsConstituentColumnLayout_4 {
margin: 0 -10px;
}
}
.fsConstituentColumnLayout_4 .fsConstituentItem {
width: 100%;
margin: 0;
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media (min-width: 800px) {
.fsConstituentColumnLayout_4 .fsConstituentItem {
width: calc(50% - 20px);
margin: 0 10px;
margin-bottom: 20px;
}
.fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(2n+1) {
clear: both;
}
}
@media (min-width: 900px) {
.fsConstituentColumnLayout_4 .fsConstituentItem {
width: calc(33.33% - 20px);
}
.fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(2n+1) {
clear: none;
}
.fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(3n+1) {
clear: both;
}
}
@media (min-width: 1000px) {
.fsConstituentColumnLayout_4 .fsConstituentItem {
width: calc(25% - 20px);
}
.fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(3n+1) {
clear: none;
}
.fsConstituentColumnLayout_4 .fsConstituentItem:nth-child(4n+1) {
clear: both;
}
} .fsAccordion .fsPanel > header, .fsTabs .fsPanel > header {
cursor: pointer;
background: transparent;
transition: .3s;
border-top: solid 1px #cbcccd;
}
.fsAccordion .fsPanel > header h2, .fsTabs .fsPanel > header h2 {
margin-bottom: 0;
display: block;
padding: 15px 20px;
color: #54565b;
transition: .3s;
font-weight: 400;
font-size: 20px;
line-height: 25px;
position: relative;
}
.fsAccordion .fsPanel > header h2 a, .fsTabs .fsPanel > header h2 a {
transition: none;
font-weight: normal;
}
.fsAccordion .fsPanel > header:hover, .fsTabs .fsPanel > header:hover {
background: #f6f6f7;
transition: .3s;
}
.fsAccordion .fsPanel > header:hover h2, .fsTabs .fsPanel > header:hover h2 {
color: #3bae43;
transition: .3s;
}
.fsAccordion .fsPanel.fsStateOpen > header, .fsTabs .fsPanel.fsStateOpen > header {
background: transparent;
}
.fsAccordion .fsPanel.fsStateOpen > header h2, .fsTabs .fsPanel.fsStateOpen > header h2 {
color: #3bae43;
}
.fsAccordion .fsPanel.fsStateOpen > header h2:before, .fsTabs .fsPanel.fsStateOpen > header h2:before {
content: "";
}
.fsPanelIconAfter.fsAccordion .fsPanel > header h2::after, .fsPanelIconAfter.fsTabs .fsPanel > header h2::after, .fsPanelIconBefore.fsAccordion .fsPanel > header h2::before, .fsPanelIconBefore.fsTabs .fsPanel > header h2::before {
content: '';
border: none;
width: 60px;
height: 35px;
position: absolute;
margin: 0;
top: 10px;
font-family: "IcoMoon";
color: #3bae43;
font-size: 28px;
line-height: 35px;
text-align: center;
content: "";
}
.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen > header h2::before, .fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen > header h2::before, .fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen > header h2::after, .fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen > header h2::after {
content: '';
border: none;
width: 60px;
height: 35px;
position: absolute;
margin: 0;
top: 10px;
font-family: "IcoMoon";
color: #3bae43;
font-size: 28px;
line-height: 35px;
text-align: center;
content: "";
}
.fsPanelIconBefore.fsAccordion .fsPanel > header h2, .fsPanelIconBefore.fsTabs .fsPanel > header h2 {
padding-left: 78px;
}
.fsPanelIconBefore.fsAccordion .fsPanel > header h2:before, .fsPanelIconBefore.fsTabs .fsPanel > header h2:before {
left: 0;
border-right: solid 2px #cbcccd !important;
}
.fsPanelIconAfter.fsAccordion .fsPanel > header h2, .fsPanelIconAfter.fsTabs .fsPanel > header h2 {
padding-right: 78px;
}
.fsPanelIconAfter.fsAccordion .fsPanel > header h2:before, .fsPanelIconAfter.fsTabs .fsPanel > header h2:before {
display: none;
}
.fsPanelIconAfter.fsAccordion .fsPanel > header h2:after, .fsPanelIconAfter.fsTabs .fsPanel > header h2:after {
right: 0;
border-left: solid 2px #cbcccd !important;
}
.fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before, .fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before {
content: '';
}
.fsAccordion .fsPanel > .fsElementContent, .fsTabs .fsPanel > .fsElementContent {
padding: 10px 20px 25px;
}
.fsAccordion {
border-bottom: solid 1px #cbcccd;
position: relative;
padding-bottom: 5px;
}
.fsAccordion:after {
content: '';
width: 100%;
height: 2px;
background-color: #cbcccd;
position: absolute;
left: 0;
bottom: 2px;
}
.fsAccordion.fsElement {
margin-bottom: 40px;
}
dialog {
border-radius: 0;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
border: none;
}
@media (min-width: 600px) {
.fsDialogContent {
padding: 50px;
}
}
.fsDialogContent .fsBody p:last-child {
margin-bottom: 0;
}
.fsDialogCloseButton {
opacity: 1;
}
.fsDialogCloseButton:after, .fsDialogCloseButton:before {
background: #54565b;
}
.fsDialogCloseButton:focus:after, .fsDialogCloseButton:focus:before {
background: #54565b;
}
.fsDialogCloseButton:hover:after, .fsDialogCloseButton:hover:before {
background: #a0a2a8;
}
.fsElementDialog {
color: #54565b;
max-width: calc(100% - 40px);
width: 1180px;
min-width: 240px;
max-height: calc(100vh - 40px);
}
.touch .fsElementDialog {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.fsElementDialog.fsPostElement .fsDateTime {
margin-top: -2px !important;
vertical-align: top;
}
.fsElementDialog.fsPostElement .has-thumbnail {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fsElementDialog.fsPostElement .has-thumbnail .fsThumbnail {
max-width: 395px;
margin-right: 0;
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 800px) {
.fsElementDialog.fsPostElement .has-thumbnail .fsThumbnail {
margin-bottom: 0;
width: 33.333%;
}
}
.fsElementDialog.fsPostElement .has-thumbnail .fsThumbnail > img {
display: block;
width: 100%;
}
.fsElementDialog.fsPostElement .has-thumbnail > div {
float: none;
}
@media (min-width: 800px) {
.fsElementDialog.fsPostElement .has-thumbnail > div {
padding-left: 40px;
}
}
.fsElementDialog.fsPostElement .pop-content {
width: 100%;
}
@media (min-width: 800px) {
.fsElementDialog.fsPostElement .pop-content {
width: 66.666%;
}
}  .fsAthleticsEvent > .fsElementContent {
width: 100%;
}
.fsAthleticsEvent .fsAlertFeeds {
margin-bottom: 10px;
}
.fsAthleticsEvent .fsElementEventIcon {
display: inline-block;
max-width: 100%;
}
.fsAthleticsEvent .fsAthleticsAdvantage,
.fsAthleticsEvent .fsAthleticsLocations,
.fsAthleticsEvent .fsAthleticsDismissal,
.fsAthleticsEvent .fsAthleticsDeparture,
.fsAthleticsEvent .fsAthleticsReturn,
.fsAthleticsEvent .fsAthleticsPickup,
.fsAthleticsEvent .fsAthleticsTransportation,
.fsAthleticsEvent .fsAthleticsEventType {
margin-bottom: 5px;
}
.fsAthleticsEvent .fsAthleticsAdvantage:last-child,
.fsAthleticsEvent .fsAthleticsLocations:last-child,
.fsAthleticsEvent .fsAthleticsDismissal:last-child,
.fsAthleticsEvent .fsAthleticsDeparture:last-child,
.fsAthleticsEvent .fsAthleticsReturn:last-child,
.fsAthleticsEvent .fsAthleticsPickup:last-child,
.fsAthleticsEvent .fsAthleticsTransportation:last-child,
.fsAthleticsEvent .fsAthleticsEventType:last-child {
margin-bottom: 0;
}
.fsAthleticsEvent .fsAthleticsDismissalLabel,
.fsAthleticsEvent .fsAthleticsDepartureLabel,
.fsAthleticsEvent .fsAthleticsReturnLabel,
.fsAthleticsEvent .fsAthleticsPickupLabel {
font-weight: 700;
}
.fsAthleticsEvent .fsAthleticsDismissalLabel + .fsDateTime,
.fsAthleticsEvent .fsAthleticsDepartureLabel + .fsDateTime,
.fsAthleticsEvent .fsAthleticsReturnLabel + .fsDateTime,
.fsAthleticsEvent .fsAthleticsPickupLabel + .fsDateTime {
display: inline;
}
.fsAthleticsEvent .fsAthleticsLocationDetails {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
border-top: solid 1px #cbcccd;
border-bottom: solid 1px #cbcccd;
}
.fsAthleticsEvent .fsAthleticsLocationDetails:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.fsAthleticsEvent .fsAthleticsAddress > div {
margin-bottom: 10px;
}
.fsAthleticsEvent .fsAthleticsAddress > div:last-child {
margin-bottom: 0;
}
.fsAthleticsEvent .fsAthleticsAddress > div:first-of-type {
margin-top: 10px;
}
.fsAthleticsEvent.fsList .fsListItems article, .fsAthleticsEvent.fsEvent .fsListItems article {
margin-bottom: 20px;
}
.fsAthleticsEvent.fsList.fsList article, .fsAthleticsEvent.fsEvent.fsList article {
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: solid 1px #cbcccd;
}
.fsAthleticsEvent.fsList.fsList article:last-of-type, .fsAthleticsEvent.fsEvent.fsList article:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.fsBanner .fsAthleticsEvent.fsList.fsList, .fsStyleOneThird .fsAthleticsEvent.fsList.fsList, .fsFourColumnLayout .fsAthleticsEvent.fsList.fsList, .fsBanner .fsAthleticsEvent.fsEvent.fsList, .fsStyleOneThird .fsAthleticsEvent.fsEvent.fsList, .fsFourColumnLayout .fsAthleticsEvent.fsEvent.fsList {
border-bottom: solid 1px #cbcccd;
position: relative;
padding-bottom: 5px;
padding-bottom: 34px;
}
.fsBanner .fsAthleticsEvent.fsList.fsList:after, .fsStyleOneThird .fsAthleticsEvent.fsList.fsList:after, .fsFourColumnLayout .fsAthleticsEvent.fsList.fsList:after, .fsBanner .fsAthleticsEvent.fsEvent.fsList:after, .fsStyleOneThird .fsAthleticsEvent.fsEvent.fsList:after, .fsFourColumnLayout .fsAthleticsEvent.fsEvent.fsList:after {
content: '';
width: 100%;
height: 2px;
background-color: #cbcccd;
position: absolute;
left: 0;
bottom: 2px;
}
.fsAthleticsEvent.fsList article > .fsDateTime, .fsAthleticsEvent.fsEvent article > .fsDateTime {
color: #989a9d;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 10px;
}
.fsAthleticsEvent.fsList .fsTitle, .fsAthleticsEvent.fsEvent .fsTitle {
display: inline-block;
margin-top: 0;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
margin-bottom: 0;
}
.fsAthleticsEvent.fsList .fsElementEventIcon, .fsAthleticsEvent.fsEvent .fsElementEventIcon {
margin-right: 10px;
}
.fsAthleticsEvent.fsList .fsAthleticsEventDetailLink, .fsAthleticsEvent.fsEvent .fsAthleticsEventDetailLink {
outline: 0;
}
.fsAthleticsEvent.fsList .fsAlertIcon, .fsAthleticsEvent.fsEvent .fsAlertIcon {
margin-left: 5px;
margin-bottom: -3px;
}
.fsAthleticsEvent.fsList .fsAthleticsOpponents, .fsAthleticsEvent.fsEvent .fsAthleticsOpponents {
display: inline;
}
.fsAthleticsEvent.fsList .fsAthleticsOpponentNames, .fsAthleticsEvent.fsEvent .fsAthleticsOpponentNames {
display: inline;
}
.fsAthleticsEvent.fsTable > .fsElementContent {
overflow-x: auto;
}
.fsAthleticsEvent.fsTable .fsElementEventColorIcon {
width: 6px;
height: 6px;
vertical-align: middle;
}
.fsAthleticsEvent.fsTable .fsElementTable {
margin: 0;
box-shadow: inset 0 -1px 0 0px #b0b2b6;
}
@media (max-width: 800px) {
.fsAthleticsEvent.fsTable .fsElementTable {
border-top: solid 1px #cbcccd;
}
}
.fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(even) td {
background-color: transparent;
}
.fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td {
background-color: rgba(84, 86, 91, 0.1);
}
@media (max-width: 800px) {
.fsAthleticsEvent.fsTable .fsElementTable thead {
display: none;
}
}
.fsAthleticsEvent.fsTable .fsElementTable thead th {
padding: 13px 10px;
}
.fsAthleticsEvent.fsTable .fsElementTable thead th.fsTitle {
font-weight: 700;
}
.fsAthleticsEvent.fsTable .fsElementTable td {
padding: 13px 10px;
margin-bottom: 0;
}
@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-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 10px;
}
.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: ';
}
} #fsAthleticsEventElementDialog .fsAthleticsEvent.fsAlertIcon {
margin-left: 5px;
margin-bottom: -3px;
}
.fsAthleticsEvent.fsElementDialog .fsAthleticsTitle {
margin-top: 0;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
margin-bottom: 10px;
}
.fsAthleticsEvent.fsElementDialog .fsAthleticsContainer {
margin-bottom: 15px;
}
.fsAthleticsEvent.fsElementDialog .fsAthleticsContainer:last-child {
margin-bottom: 0;
}
.fsAthleticsEvent.fsElementDialog .fsAthleticsContainer > .fsAthleticsItem {
margin-bottom: 15px;
}
.fsAthleticsEvent.fsElementDialog .fsAthleticsLabel {
color: #989a9d;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 5px;
} .fsAthleticsRoster .fsElementTable td:before, .fsAthleticsRosterList li > div:before {
margin-right: 5px;
display: inline-block;
font-weight: 700;
color: #3bae43;
}
.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: ';
}
.fsAthleticsRoster {
margin-bottom: 20px;
}
@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 p:last-child {
margin-bottom: 0;
}
.fsAthleticsRosterContent:empty {
margin-bottom: 0;
}
.fsAthleticsRosterContent > ul {
padding: 0;
margin: 0;
}
.fsAthleticsRosterList, .fsAthleticsRosterList ul {
margin: 0;
padding: 0;
list-style: none;
}
.fsAthleticsRosterList li {
margin: 0;
padding: 0;
}
.fsAthleticsRosterList li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #cbcccd;
}
.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;
} .fsAthleticsTeam {
margin-bottom: 20px;
}
.fsAthleticsTeamDirectory {
max-width: 100%;
margin-bottom: 20px;
}
.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;
}
.fsAthleticsTeamProfile > div {
margin-bottom: 20px;
}
.fsAthleticsTeamProfile > div:last-child {
margin-bottom: 0;
}
.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;
}
}  .fsCalendar article {
position: relative;
padding-left: 80px;
min-height: 110px;
padding-top: 0;
}
.fsCalendar article .fsElementEventColorIcon {
width: 12px;
height: 12px;
}
.fsCalendar .fsDate {
position: absolute;
top: 3px;
left: 0;
text-align: center;
height: 90px;
width: 60px;
color: #989a9d;
background: transparent;
border: solid 1px #cbcccd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fsCalendar .fsDate > span {
display: block;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .075em;
font-size: 12px;
line-height: 1.2;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.fsCalendar .fsDate > span.fsMonth {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.fsCalendar .fsDate > span.fsDayName {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.fsCalendar .fsDate > span.fsDayName + .fsMonth {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.fsCalendar .fsDate > span.fsDay {
color: #3bae43;
font-size: 36px;
letter-spacing: .025em;
line-height: 1.05;
font-weight: 600;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.fsCalendar .fsTitle {
margin-bottom: 10px;
}
.fsCalendar .fsTimeRange {
margin-bottom: 2px;
}
.fsCalendar .fsNotes, .fsCalendar .fsDescription {
margin-top: 10px;
}
.fsCalendar .fsNotes p:last-child, .fsCalendar .fsDescription p:last-child {
margin-bottom: 0;
}
.fsCalendar .fsReadMoreLink {
margin-top: 5px;
display: inline-block;
} .fsCalendar.fsList > header .fsElementTitle {
margin-bottom: 30px;
}
.fsCalendar.fsList article {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: solid 1px #cbcccd;
}
.fsCalendar.fsList .fsListItems:last-of-type .fsDayContainer:last-child article:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.fsBanner .fsCalendar.fsList, .fsStyleOneThird .fsCalendar.fsList, .fsFourColumnLayout .fsCalendar.fsList {
border-bottom: solid 1px #cbcccd;
position: relative;
padding-bottom: 5px;
padding-bottom: 24px;
}
.fsBanner .fsCalendar.fsList:after, .fsStyleOneThird .fsCalendar.fsList:after, .fsFourColumnLayout .fsCalendar.fsList:after {
content: '';
width: 100%;
height: 2px;
background-color: #cbcccd;
position: absolute;
left: 0;
bottom: 2px;
} .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div {
margin-bottom: 5px;
}
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div:last-child {
margin-bottom: 0;
}
.fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
background-color: rgba(59, 174, 67, 0.1);
}
.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) {
.flexbox .fsCalendarEventGrid .fsCalendarRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flexbox .fsCalendarEventGrid .fsCalendarDaybox {
height: auto !important;
}
}
.fsCalendar.fsGrid .fsCalendarGridControlBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-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 {
-webkit-box-ordinal-group: 4;
-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.fsCalendarToday {
background-color: rgba(59, 174, 67, 0.1);
}
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
background-color: rgba(84, 86, 91, 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(59, 174, 67, 0.3);
}
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
background-color: rgba(59, 174, 67, 0.2);
}
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
font-size: 15px;
margin-bottom: 0;
}
.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo {
display: none;
}
.fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow {
border-left: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
zoom: 1;
display: block;
}
.fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:after {
display: table;
clear: both;
content: '';
}
.fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:first-child {
border-top: 1px solid #EDEDED;
}
.fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:last-child {
border-bottom: 1px solid #EDEDED;
}
.fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox {
width: 16.666% !important;
height: 50px !important;
border: 1px solid #EDEDED;
}
.fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarWeekendDayBox {
border: none;
}
.fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarOutOfRange {
display: block;
}
}
#event-view {
padding: 20px;
margin: 20px auto 0;
}
#event-view .fsCalendarDaybox {
height: auto !important;
}
#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 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
padding: 10px 20px;
}
.scroll-up span:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.scroll-up span:last-child {
margin-bottom: 0;
}
.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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-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%;
}
}   textarea,
input,
select {
padding: 5px;
max-width: 100%;
}
textarea:focus,
input:focus,
select:focus {
outline-color: #cbcccd;
}
.fsComposerFormEmbed {
background: none;
}
.fsComposerFormEmbed body {
margin: 0;
}
.fsComposerFormEmbed form {
zoom: 1;
}
.fsComposerFormEmbed form:after {
display: table;
clear: both;
content: '';
}
.fsComposerFormEmbed form input {
border: solid 1px #ccc;
font-family: "proxima-nova", sans-serif;
font-size: 17px;
line-height: 25px;
color: #54565b;
}
.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 #ccc;
font-family: "proxima-nova", sans-serif;
font-size: 17px;
line-height: 25px;
color: #54565b;
}
@media (min-width: 600px) {
.fsComposerFormEmbed form textarea {
width: auto;
}
}
.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: #00583d;
margin-right: 10px;
cursor: pointer;
transition: .3s;
}
.fsComposerFormEmbed form .linkLike:hover {
color: #0a7554;
}
.fsComposerFormEmbed form .required {
color: #00583d;
}
.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: #00583d;
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: #0a7554;
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 {
margin: 0;
padding: 12.5px 25px;
color: #fff;
outline: 0;
border-radius: 0;
text-align: center;
font-weight: 700;
background: #989a9d !important;
text-shadow: none;
border: none !important;
float: left;
transition: .3s;
}
.fsComposerFormEmbed form .submitBtn:hover, .fsComposerFormEmbed form .submitBtn:focus {
transition: .3s;
color: #fff !important;
background: #b0b2b6 !important;
}
.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: #cbcccd;
}
:-moz-placeholder {
color: #cbcccd;
}
::-moz-placeholder {
color: #cbcccd;
}
:-ms-input-placeholder {
color: #cbcccd;
} .fsLogin .fsLoginMainView, .fsLogin .fsLoginForgotView, .fsLogin .fsLoginNewView, .fsAccount .fsLoginMainView, .fsAccount .fsLoginForgotView, .fsAccount .fsLoginNewView {
zoom: 1;
}
.fsLogin .fsLoginMainView:after, .fsLogin .fsLoginForgotView:after, .fsLogin .fsLoginNewView:after, .fsAccount .fsLoginMainView:after, .fsAccount .fsLoginForgotView:after, .fsAccount .fsLoginNewView:after {
display: table;
clear: both;
content: '';
}
.fsLogin .fsLoginMainView h3, .fsLogin .fsLoginForgotView h3, .fsLogin .fsLoginNewView h3, .fsAccount .fsLoginMainView h3, .fsAccount .fsLoginForgotView h3, .fsAccount .fsLoginNewView h3 {
margin-bottom: 20px;
}
.fsLogin .fsLoginMainView span, .fsLogin .fsLoginForgotView span, .fsLogin .fsLoginNewView span, .fsAccount .fsLoginMainView span, .fsAccount .fsLoginForgotView span, .fsAccount .fsLoginNewView span {
margin-bottom: 2px;
}
.fsLogin .fsLoginMainView .fsLoginSubmit, .fsLogin .fsLoginMainView button, .fsLogin .fsLoginForgotView .fsLoginSubmit, .fsLogin .fsLoginForgotView button, .fsLogin .fsLoginNewView .fsLoginSubmit, .fsLogin .fsLoginNewView button, .fsAccount .fsLoginMainView .fsLoginSubmit, .fsAccount .fsLoginMainView button, .fsAccount .fsLoginForgotView .fsLoginSubmit, .fsAccount .fsLoginForgotView button, .fsAccount .fsLoginNewView .fsLoginSubmit, .fsAccount .fsLoginNewView button {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fsLogin .fsLoginMainView .fsLoginSubmit:hover, .fsLogin .fsLoginMainView button:hover, .fsLogin .fsLoginForgotView .fsLoginSubmit:hover, .fsLogin .fsLoginForgotView button:hover, .fsLogin .fsLoginNewView .fsLoginSubmit:hover, .fsLogin .fsLoginNewView button:hover, .fsAccount .fsLoginMainView .fsLoginSubmit:hover, .fsAccount .fsLoginMainView button:hover, .fsAccount .fsLoginForgotView .fsLoginSubmit:hover, .fsAccount .fsLoginForgotView button:hover, .fsAccount .fsLoginNewView .fsLoginSubmit:hover, .fsAccount .fsLoginNewView button:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.fsLogin .fsLoginMainView .fsLoginSubmit:last-child, .fsLogin .fsLoginMainView button:last-child, .fsLogin .fsLoginForgotView .fsLoginSubmit:last-child, .fsLogin .fsLoginForgotView button:last-child, .fsLogin .fsLoginNewView .fsLoginSubmit:last-child, .fsLogin .fsLoginNewView button:last-child, .fsAccount .fsLoginMainView .fsLoginSubmit:last-child, .fsAccount .fsLoginMainView button:last-child, .fsAccount .fsLoginForgotView .fsLoginSubmit:last-child, .fsAccount .fsLoginForgotView button:last-child, .fsAccount .fsLoginNewView .fsLoginSubmit:last-child, .fsAccount .fsLoginNewView button:last-child {
margin-bottom: 0;
}
.fsLogin .fsLoginMainView .fsLoginSubmit, .fsLogin .fsLoginForgotView .fsLoginSubmit, .fsLogin .fsLoginNewView .fsLoginSubmit, .fsAccount .fsLoginMainView .fsLoginSubmit, .fsAccount .fsLoginForgotView .fsLoginSubmit, .fsAccount .fsLoginNewView .fsLoginSubmit {
display: block;
}
.fsLogin .fsLoginMainView .fsLoginForgotPasswordLink, .fsLogin .fsLoginMainView .fsLoginNewAccountLink, .fsLogin .fsLoginForgotView .fsLoginForgotPasswordLink, .fsLogin .fsLoginForgotView .fsLoginNewAccountLink, .fsLogin .fsLoginNewView .fsLoginForgotPasswordLink, .fsLogin .fsLoginNewView .fsLoginNewAccountLink, .fsAccount .fsLoginMainView .fsLoginForgotPasswordLink, .fsAccount .fsLoginMainView .fsLoginNewAccountLink, .fsAccount .fsLoginForgotView .fsLoginForgotPasswordLink, .fsAccount .fsLoginForgotView .fsLoginNewAccountLink, .fsAccount .fsLoginNewView .fsLoginForgotPasswordLink, .fsAccount .fsLoginNewView .fsLoginNewAccountLink {
margin-bottom: 10px;
}
.fsLogin .fsLoginMainView > form + div, .fsLogin .fsLoginForgotView > form + div, .fsLogin .fsLoginNewView > form + div, .fsAccount .fsLoginMainView > form + div, .fsAccount .fsLoginForgotView > form + div, .fsAccount .fsLoginNewView > form + div {
margin-top: 20px;
}
.fsLogin .fsLoginForgotView .fsLoginForgotEmail, .fsAccount .fsLoginForgotView .fsLoginForgotEmail {
display: block;
}
.fsLogin .fsLoginForgotView .fsLoginForgotSubmit, .fsAccount .fsLoginForgotView .fsLoginForgotSubmit {
margin-right: 10px;
}
.fsLogin .fsLoginNewFields .fsLoginNewCaptcha, .fsAccount .fsLoginNewFields .fsLoginNewCaptcha {
margin-bottom: 20px;
}
.fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area, .fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table, .fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area, .fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table {
max-width: 100%;
}
@media screen and (max-width: 599px) {
.fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div, .fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div {
overflow: hidden;
border-radius: 5px;
}
}
.fsLogin .fsLoginNewFields .fsLoginNewContinue, .fsAccount .fsLoginNewFields .fsLoginNewContinue {
margin-right: 10px;
}
.fsLogin .fsLoginNewSuccess button, .fsAccount .fsLoginNewSuccess button {
margin-top: 20px;
}
.fsLogin .fsResetPasswordView button, .fsAccount .fsResetPasswordView button {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fsLogin .fsResetPasswordView button:hover, .fsAccount .fsResetPasswordView button:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.fsLogin .fsResetPasswordView button:last-child, .fsAccount .fsResetPasswordView button:last-child {
margin-bottom: 0;
}
.fsLogin .fsResetPasswordView button + button, .fsAccount .fsResetPasswordView button + button {
margin-left: 10px;
}
.fsLogin .fsResetPasswordFields > div, .fsAccount .fsResetPasswordFields > div {
margin-bottom: 20px;
}
.fsLogin .fsResetPasswordFields > div:last-child, .fsAccount .fsResetPasswordFields > div:last-child {
margin-bottom: 0;
}
.fsAccount .fsAccountGreeting {
margin-bottom: 20px;
}
.fsAccount .fsAccountLinks {
margin: 0;
}
.fsAccount .fsAccountLogout {
display: block;
margin-top: 20px;
}
.fsAccount .fsAccountLogout a {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.fsAccount .fsAccountLogout a:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.fsAccount .fsAccountLogout a:last-child {
margin-bottom: 0;
}
.fsMediaCustomPlayer {
background: none;
position: relative;
}
.fsMediaCustomPlayer article {
background-position: center;
background-size: cover;
outline: 0;
position: relative;
}
.fsMediaCustomPlayer article img {
opacity: 0;
visibility: hidden;
}
.fsMediaCustomPlayer .caption-wrapper {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
font-family: "proxima-nova", sans-serif;
font-size: 17px;
left: 0;
line-height: 25px;
padding: 10px;
position: absolute;
width: 100%;
}
@media (min-width: 800px) {
.fsMediaCustomPlayer .caption-wrapper {
padding: 20px;
}
}
.fsMediaCustomPlayer .caption-title {
margin-top: 0;
font-weight: normal;
font-size: 28px;
line-height: 34px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
}
.fsMediaCustomPlayer .caption-desc p:last-child {
margin-bottom: 0;
}
.fsMediaCustomPlayer .caption-desc:empty {
display: none;
}
.fsMediaCustomPlayer .slick-arrow {
background: none;
border: none;
color: transparent;
height: 37px;
outline: 0;
padding: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 37px;
z-index: 55;
}
.fsMediaCustomPlayer .slick-arrow:before {
color: #fff;
display: block;
font-size: 26px;
font-weight: normal;
line-height: 1;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.fsMediaCustomPlayer .slick-next {
left: auto;
right: 0;
}
.fsMediaCustomPlayer .slick-next:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
}
.fsMediaCustomPlayer .slick-prev {
left: 0;
right: auto;
}
.fsMediaCustomPlayer .slick-prev:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
}
.fsMediaContainer {
border: 2px solid #fff;
}
.fsMediaTitle {
display: none;
}
.fsMedia.fsPlayer .fsMediaPlayOverlay::before,
.fsMediaGallery:not([data-mediatype="1"]) .fsMediaPlayOverlay::before {
box-shadow: none;
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 100%;
background-color: rgba(59, 174, 67, 0.9);
content: '';
display: inline-block;
height: 60px;
width: 60px;
transition: .3s;
}
.fsMedia.fsPlayer .fsMediaPlayOverlay:hover::before,
.fsMediaGallery:not([data-mediatype="1"]) .fsMediaPlayOverlay:hover::before {
background-color: #3bae43;
box-shadow: none;
transition: .3s;
}
.fsMedia.fsPlayer .fsMediaPlayOverlay::after,
.fsMediaGallery:not([data-mediatype="1"]) .fsMediaPlayOverlay::after {
transition: none;
border-radius: 0;
content: '';
display: inline-block;
height: 0;
margin: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 0;
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #fff;
opacity: 1;
transition: .3s;
}
.fsMedia.fsPlayer .fsMediaPlayOverlay:hover::after,
.fsMediaGallery:not([data-mediatype="1"]) .fsMediaPlayOverlay:hover::after {
border-style: solid;
border-width: 12px 0 12px 20px;
left: 5px;
transition: .3s;
}
.fifty-fifty-slideshow > .fsElementContent {
position: relative;
}
.fifty-fifty-slideshow > .fsElementContent:before {
content: '';
width: 74px;
height: 74px;
background-color: #3bae43;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
border-radius: 100%;
z-index: 45;
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
bottom: calc(77.4vw - 37px);
}
@media (min-width: 500px) {
.fifty-fifty-slideshow > .fsElementContent:before {
bottom: calc(67vw - 37px);
}
}
@media (min-width: 700px) {
.fifty-fifty-slideshow > .fsElementContent:before {
bottom: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
.fifty-fifty-slideshow > .fsElementContent:after {
content: '';
width: 1px;
height: 74px;
position: absolute;
background-color: #fff;
opacity: .5;
z-index: 50;
left: 50%;
bottom: calc(77.4vw - 37px);
}
@media (min-width: 500px) {
.fifty-fifty-slideshow > .fsElementContent:after {
bottom: calc(67vw - 37px);
}
}
@media (min-width: 700px) {
.fifty-fifty-slideshow > .fsElementContent:after {
width: 1px;
height: calc(100% - 5px);
top: 5px;
bottom: auto;
}
}
.fifty-fifty-slideshow .fsMediaContainer {
border: none;
}
.fifty-fifty-slideshow .fsMediaCustomPlayer .slick-arrow {
top: auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
height: 74px;
width: 37px;
bottom: calc(77.4vw - 37px);
}
@media (min-width: 500px) {
.fifty-fifty-slideshow .fsMediaCustomPlayer .slick-arrow {
bottom: calc(67vw - 37px);
}
}
@media (min-width: 700px) {
.fifty-fifty-slideshow .fsMediaCustomPlayer .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
.fifty-fifty-slideshow .fsMediaCustomPlayer .slick-prev {
right: 50%;
left: auto;
}
.fifty-fifty-slideshow .fsMediaCustomPlayer .slick-next {
left: 50%;
}
@media (min-width: 500px) {
.fifty-fifty-slideshow .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.fifty-slide {
border: 1px solid rgba(84, 86, 91, 0.3);
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
min-height: 480px;
min-height: 40vw;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 700px) {
.fifty-slide {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1180px) {
.fifty-slide {
min-height: 480px;
}
}
.fifty-slide:before {
content: '';
width: calc(100% + 2px);
position: absolute;
left: -1px;
top: -1px;
height: 5px;
background-color: #00583d;
z-index: 2;
}
@media (min-width: 700px) {
.fifty-slide:before {
width: calc(50% + 2px);
}
}
.fifty-slide .caption-wrapper,
.fifty-slide .image-wrapper {
position: relative;
width: 100%;
background-color: #fff;
color: #54565b;
}
@media (min-width: 700px) {
.fifty-slide .caption-wrapper,
.fifty-slide .image-wrapper {
width: 50%;
}
}
.fifty-slide .caption-wrapper {
padding: 35px 20px 60px 20px;
}
@media (min-width: 700px) {
.fifty-slide .caption-wrapper {
padding: 35px 50px 35px 20px;
}
}
.fifty-slide .caption-wrapper h6 {
color: #989a9d;
margin-bottom: 10px;
}
.fifty-slide .image-wrapper {
background-size: cover;
background-position: center;
height: 77.4vw;
}
@media (min-width: 500px) {
.fifty-slide .image-wrapper {
height: 67vw;
}
}
@media (min-width: 700px) {
.fifty-slide .image-wrapper {
height: auto;
}
}
.fifty-slide .image-wrapper img {
opacity: 0;
visibility: hidden;
}
.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;
}
}
.fsNews:not(.fsThumbnailAlignLeft) article, .fsNews:not(.fsThumbnailAlignRight) article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.fsNews .fsThumbnail {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fsNews .fsThumbnail + div {
margin-top: 10px;
}
.fsNews .fsThumbnail[style*="background-image"] img {
opacity: 0;
visibility: hidden;
}
.fsNews .fsTitle {
margin-bottom: 10px;
}
.fsNews .fsTitle + .fsReadMoreLink {
margin-top: 0;
}
.fsNews .fsDateTime {
color: #989a9d;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 10px;
}
.fsNews .fsReadMoreLink {
margin-top: 10px;
display: inline-block;
}
.fsNews.fsList article {
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: solid 1px #cbcccd;
}
.fsNews.fsList article:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.fsBanner .fsNews.fsList, .fsStyleOneThird .fsNews.fsList, .fsFourColumnLayout .fsNews.fsList {
border-bottom: solid 1px #cbcccd;
position: relative;
padding-bottom: 5px;
padding-bottom: 34px;
}
.fsBanner .fsNews.fsList:after, .fsStyleOneThird .fsNews.fsList:after, .fsFourColumnLayout .fsNews.fsList:after {
content: '';
width: 100%;
height: 2px;
background-color: #cbcccd;
position: absolute;
left: 0;
bottom: 2px;
}
.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:not(.fsThumbnailAlignLeft) article, .fsPostElement:not(.fsThumbnailAlignRight) article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.fsPostElement .fsThumbnail {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fsPostElement .fsThumbnail + div {
margin-top: 10px;
}
.fsPostElement .fsThumbnail[style*="background-image"] img {
opacity: 0;
visibility: hidden;
}
.fsPostElement .fsTitle {
margin-bottom: 10px;
}
.fsPostElement .fsTitle + .fsReadMoreLink {
margin-top: 0;
}
.fsPostElement .fsDateTime {
color: #989a9d;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 10px;
}
.fsPostElement .fsReadMoreLink {
margin-top: 10px;
display: inline-block;
}
@-webkit-keyframes grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.post-hub-filter {
position: relative;
z-index: 10;
margin-bottom: 30px;
}
@media (min-width: 600px) {
.post-hub-filter {
margin-bottom: 50px;
}
}
@media (min-width: 400px) {
.post-hub-filter > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.post-hub-filter > header .fsElementTitle {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #3bae43;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
cursor: pointer;
text-transform: uppercase;
letter-spacing: .075em;
font-size: 14px;
font-weight: 700;
line-height: 18px;
width: 100%;
padding: 15px;
width: 190px;
margin-bottom: 0;
}
.post-hub-filter > header .fsElementTitle:hover {
background: #50ce59;
color: #fff;
transition: .3s;
}
.post-hub-filter > header .fsElementTitle:last-child {
margin-bottom: 0;
}
.post-hub-filter > header .fsElementTitle:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
font-size: 24px;
line-height: 10px;
display: inline-block;
margin-left: 3px;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
width: 18px;
}
.post-hub-filter > header .fsElementHeaderContent {
margin-top: 0;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #3bae43;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 20px;
display: block;
margin: 0;
cursor: pointer;
font-size: 13px;
margin-top: 20px;
}
@media (min-width: 400px) {
.post-hub-filter > header .fsElementHeaderContent {
font-size: 14px;
margin-left: 30px;
margin-top: 0;
display: inline-block;
}
}
.post-hub-filter > header .fsElementHeaderContent:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
text-align: center;
font-size: 18px;
vertical-align: sub;
line-height: 1.25;
transition: .5s;
}
@media (min-width: 400px) {
.post-hub-filter > header .fsElementHeaderContent:before {
display: block;
font-size: 20px;
margin-bottom: 5px;
}
}
.post-hub-filter > header .fsElementHeaderContent:hover:before {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: .5s;
}
@media (min-width: 400px) {
.post-hub-filter > .fsElementContent {
position: relative;
}
}
.post-hub-filter .fsToolsList {
margin: 0;
background-color: #fff;
position: absolute;
width: 180px;
top: 50px;
left: 5px;
opacity: 0;
visibility: hidden;
}
@media (min-width: 400px) {
.post-hub-filter .fsToolsList {
top: 0;
}
}
.post-hub-filter .fsToolsList li {
display: block;
margin: 0;
padding: 0;
}
.post-hub-filter .fsToolsList li a {
margin: 0;
background-color: rgba(59, 174, 67, 0.8);
text-align: left;
font-weight: 600;
padding: 7px 20px;
line-height: 26px;
}
.post-hub-filter .fsToolsList li a:hover, .post-hub-filter .fsToolsList li a:focus {
background-color: #3bae43;
}
.post-hub-filter .fsToolsList li.fsStateSelected a {
background-color: #3bae43;
}
.post-hub-filter .fsToolsList li:first-child > a {
padding-top: 14px;
}
.post-hub-filter .fsToolsList li:last-child > a {
padding-bottom: 14px;
}
.post-hub-filter.show-topics .fsToolsList {
opacity: 1;
visibility: visible;
transition: .3s;
}
.post-hub-element .fsListItems {
margin-left: 0;
margin-right: 0;
}
.post-hub-element .fsListItems > article {
margin-bottom: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px 30px;
}
.post-hub-element article {
position: relative;
min-height: 245px;
border: solid 1px #fff;
background-image: url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/images/posts-fallback.jpg);
background-size: cover;
background-position: center;
}
@media (min-width: 600px) {
.post-hub-element article {
-webkit-filter: grayscale(1);
filter: grayscale(1); -webkit-filter: gray;
filter: gray;
}
}
.post-hub-element article:nth-child(1) {
-webkit-animation: grow 1.5s 1 0.1s;
animation: grow 1.5s 1 0.1s;
}
.post-hub-element article:nth-child(2) {
-webkit-animation: grow 1.5s 1 0.2s;
animation: grow 1.5s 1 0.2s;
}
.post-hub-element article:nth-child(3) {
-webkit-animation: grow 1.5s 1 0.3s;
animation: grow 1.5s 1 0.3s;
}
.post-hub-element article:nth-child(4) {
-webkit-animation: grow 1.5s 1 0.4s;
animation: grow 1.5s 1 0.4s;
}
.post-hub-element article:nth-child(5) {
-webkit-animation: grow 1.5s 1 0.5s;
animation: grow 1.5s 1 0.5s;
}
.post-hub-element article:nth-child(6) {
-webkit-animation: grow 1.5s 1 0.6s;
animation: grow 1.5s 1 0.6s;
}
.post-hub-element article:nth-child(7) {
-webkit-animation: grow 1.5s 1 0.7s;
animation: grow 1.5s 1 0.7s;
}
.post-hub-element article:nth-child(8) {
-webkit-animation: grow 1.5s 1 0.8s;
animation: grow 1.5s 1 0.8s;
}
.post-hub-element article:nth-child(9) {
-webkit-animation: grow 1.5s 1 0.9s;
animation: grow 1.5s 1 0.9s;
}
.post-hub-element article:nth-child(10) {
-webkit-animation: grow 1.5s 1 1s;
animation: grow 1.5s 1 1s;
}
.post-hub-element article:nth-child(11) {
-webkit-animation: grow 1.5s 1 1.1s;
animation: grow 1.5s 1 1.1s;
}
.post-hub-element article:nth-child(12) {
-webkit-animation: grow 1.5s 1 1.2s;
animation: grow 1.5s 1 1.2s;
}
.post-hub-element article:nth-child(13) {
-webkit-animation: grow 1.5s 1 1.3s;
animation: grow 1.5s 1 1.3s;
}
.post-hub-element article:nth-child(14) {
-webkit-animation: grow 1.5s 1 1.4s;
animation: grow 1.5s 1 1.4s;
}
.post-hub-element article:nth-child(15) {
-webkit-animation: grow 1.5s 1 1.5s;
animation: grow 1.5s 1 1.5s;
}
.post-hub-element article:nth-child(16) {
-webkit-animation: grow 1.5s 1 1.6s;
animation: grow 1.5s 1 1.6s;
}
.post-hub-element article:nth-child(17) {
-webkit-animation: grow 1.5s 1 1.7s;
animation: grow 1.5s 1 1.7s;
}
.post-hub-element article:nth-child(18) {
-webkit-animation: grow 1.5s 1 1.8s;
animation: grow 1.5s 1 1.8s;
}
.post-hub-element article:nth-child(19) {
-webkit-animation: grow 1.5s 1 1.9s;
animation: grow 1.5s 1 1.9s;
}
.post-hub-element article:nth-child(20) {
-webkit-animation: grow 1.5s 1 2s;
animation: grow 1.5s 1 2s;
}
.post-hub-element article:nth-child(21) {
-webkit-animation: grow 1.5s 1 2.1s;
animation: grow 1.5s 1 2.1s;
}
.post-hub-element article:nth-child(22) {
-webkit-animation: grow 1.5s 1 2.2s;
animation: grow 1.5s 1 2.2s;
}
.post-hub-element article:nth-child(23) {
-webkit-animation: grow 1.5s 1 2.3s;
animation: grow 1.5s 1 2.3s;
}
.post-hub-element article:nth-child(24) {
-webkit-animation: grow 1.5s 1 2.4s;
animation: grow 1.5s 1 2.4s;
}
.post-hub-element article:nth-child(25) {
-webkit-animation: grow 1.5s 1 2.5s;
animation: grow 1.5s 1 2.5s;
}
.post-hub-element article:nth-child(26) {
-webkit-animation: grow 1.5s 1 2.6s;
animation: grow 1.5s 1 2.6s;
}
.post-hub-element article:nth-child(27) {
-webkit-animation: grow 1.5s 1 2.7s;
animation: grow 1.5s 1 2.7s;
}
.post-hub-element article:nth-child(28) {
-webkit-animation: grow 1.5s 1 2.8s;
animation: grow 1.5s 1 2.8s;
}
.post-hub-element article:nth-child(29) {
-webkit-animation: grow 1.5s 1 2.9s;
animation: grow 1.5s 1 2.9s;
}
.post-hub-element article:nth-child(30) {
-webkit-animation: grow 1.5s 1 3s;
animation: grow 1.5s 1 3s;
}
.post-hub-element article:nth-child(31) {
-webkit-animation: grow 1.5s 1 3.1s;
animation: grow 1.5s 1 3.1s;
}
.post-hub-element article:nth-child(32) {
-webkit-animation: grow 1.5s 1 3.2s;
animation: grow 1.5s 1 3.2s;
}
.post-hub-element article:nth-child(33) {
-webkit-animation: grow 1.5s 1 3.3s;
animation: grow 1.5s 1 3.3s;
}
.post-hub-element article:nth-child(34) {
-webkit-animation: grow 1.5s 1 3.4s;
animation: grow 1.5s 1 3.4s;
}
.post-hub-element article:nth-child(35) {
-webkit-animation: grow 1.5s 1 3.5s;
animation: grow 1.5s 1 3.5s;
}
.post-hub-element article:nth-child(36) {
-webkit-animation: grow 1.5s 1 3.6s;
animation: grow 1.5s 1 3.6s;
}
.post-hub-element article:nth-child(37) {
-webkit-animation: grow 1.5s 1 3.7s;
animation: grow 1.5s 1 3.7s;
}
.post-hub-element article:nth-child(38) {
-webkit-animation: grow 1.5s 1 3.8s;
animation: grow 1.5s 1 3.8s;
}
.post-hub-element article:nth-child(39) {
-webkit-animation: grow 1.5s 1 3.9s;
animation: grow 1.5s 1 3.9s;
}
.post-hub-element article:nth-child(40) {
-webkit-animation: grow 1.5s 1 4s;
animation: grow 1.5s 1 4s;
}
.post-hub-element article:nth-child(41) {
-webkit-animation: grow 1.5s 1 4.1s;
animation: grow 1.5s 1 4.1s;
}
.post-hub-element article:nth-child(42) {
-webkit-animation: grow 1.5s 1 4.2s;
animation: grow 1.5s 1 4.2s;
}
.post-hub-element article:nth-child(43) {
-webkit-animation: grow 1.5s 1 4.3s;
animation: grow 1.5s 1 4.3s;
}
.post-hub-element article:nth-child(44) {
-webkit-animation: grow 1.5s 1 4.4s;
animation: grow 1.5s 1 4.4s;
}
.post-hub-element article:nth-child(45) {
-webkit-animation: grow 1.5s 1 4.5s;
animation: grow 1.5s 1 4.5s;
}
.post-hub-element article:nth-child(46) {
-webkit-animation: grow 1.5s 1 4.6s;
animation: grow 1.5s 1 4.6s;
}
.post-hub-element article:nth-child(47) {
-webkit-animation: grow 1.5s 1 4.7s;
animation: grow 1.5s 1 4.7s;
}
.post-hub-element article:nth-child(48) {
-webkit-animation: grow 1.5s 1 4.8s;
animation: grow 1.5s 1 4.8s;
}
.post-hub-element article:nth-child(49) {
-webkit-animation: grow 1.5s 1 4.9s;
animation: grow 1.5s 1 4.9s;
}
.post-hub-element article:nth-child(50) {
-webkit-animation: grow 1.5s 1 5s;
animation: grow 1.5s 1 5s;
}
.post-hub-element article:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
z-index: 2;
}
.post-hub-element article > div, .post-hub-element article > a {
position: relative;
color: #fff;
z-index: 3;
}
.post-hub-element article:hover {
transition: .3s;
}
@media (min-width: 600px) {
.post-hub-element article:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0); -webkit-filter: none;
filter: none;
}
}
.post-hub-element article:hover .fsReadMoreLink {
max-height: 25px;
transition: .3s;
}
.post-hub-element .fsThumbnail {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: .3s;
z-index: 1;
}
.post-hub-element .fsTitle {
margin-bottom: 5px;
font-size: 17px;
line-height: 1.3;
}
.post-hub-element .fsTitle a {
color: inherit;
}
.post-hub-element .fsReadMoreLink {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .075em;
display: inline-block;
margin: 0 5px 0 0;
color: #fff;
border-radius: 0;
position: relative;
transition: .3s;
text-decoration: none;
margin-right: 0;
display: block;
max-height: 0;
transition: .3s;
overflow: hidden;
}
.post-hub-element .fsReadMoreLink:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
color: rgba(255, 255, 255, 0.5);
margin-left: 5px;
font-size: 21px;
line-height: 1;
vertical-align: bottom;
}
.post-hub-element .fsReadMoreLink:hover, .post-hub-element .fsReadMoreLink:focus {
transition: .3s;
}
.post-hub-element .fsReadMoreLink:hover:after, .post-hub-element .fsReadMoreLink:focus:after {
-webkit-animation: bounce .4s 2;
animation: bounce .4s 2;
}
.fsPostElement.fsList article {
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: solid 1px #cbcccd;
}
.fsPostElement.fsList article:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.fsBanner .fsPostElement.fsList, .fsStyleOneThird .fsPostElement.fsList, .fsFourColumnLayout .fsPostElement.fsList {
border-bottom: solid 1px #cbcccd;
position: relative;
padding-bottom: 5px;
padding-bottom: 34px;
}
.fsBanner .fsPostElement.fsList:after, .fsStyleOneThird .fsPostElement.fsList:after, .fsFourColumnLayout .fsPostElement.fsList:after {
content: '';
width: 100%;
height: 2px;
background-color: #cbcccd;
position: absolute;
left: 0;
bottom: 2px;
} .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;
} .fsSearch.site-search {
margin-bottom: 25px;
max-width: 100%;
}
@media (min-width: 500px) {
.fsSearch.site-search {
margin-bottom: 40px;
}
}
@media (min-width: 900px) {
.fsSearch.site-search {
max-width: calc(100% - 420px);
margin-bottom: 0;
margin-right: 40px;
}
}
.fsSearch.site-search > header .fsElementTitle {
font-size: 6.25vw;
line-height: 1.25;
margin-bottom: 10px;
}
@media (min-width: 320px) {
.fsSearch.site-search > header .fsElementTitle {
font-size: 20px;
}
}
@media (min-width: 500px) {
.fsSearch.site-search > header .fsElementTitle {
font-size: 28px;
line-height: 34px;
margin-bottom: 20px;
}
}
.fsSearch.site-search form.gsc-search-box-tools {
width: 600px;
max-width: 100%;
}
.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%;
background: transparent;
border-radius: 4px;
overflow: hidden;
position: relative;
box-shadow: none;
}
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #fff;
font-size: 20px;
line-height: 1;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 60px;
left: 0;
text-align: center;
}
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box input.gsc-input {
background: rgba(0, 0, 0, 0.2) !important;
background-image: none !important;
width: 100%;
height: 68px !important;
color: #fff;
padding-left: 60px !important;
padding-right: 55px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
font-size: 17px;
font-family: "proxima-nova", sans-serif;
text-indent: 0 !important;
}
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
padding: 0;
overflow: hidden;
height: 68px;
width: 45px;
background: transparent;
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: "";
color: rgba(255, 255, 255, 0.5);
font-family: "IcoMoon";
opacity: 1;
display: block;
position: absolute;
text-align: center;
height: 100%;
width: 100%;
left: 0;
top: 0;
line-height: 68px;
font-size: 25px;
}
.fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
background: transparent;
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: transparent;
}
.fsSearch.site-search :-moz-placeholder {
color: transparent;
}
.fsSearch.site-search ::-moz-placeholder {
color: transparent;
}
.fsSearch.site-search :-ms-input-placeholder {
color: transparent;
}
.fsSearch.site-search input:focus::-webkit-input-placeholder {
color: transparent;
}
.fsSearch.site-search input:focus:-moz-placeholder {
color: transparent;
}
.fsSearch.site-search input:focus::-moz-placeholder {
color: transparent;
}
.fsSearch.site-search input:focus:-ms-input-placeholder {
color: transparent;
} .fsSearch:not(.site-search) {
margin-bottom: 20px;
}
.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 #54565b;
box-shadow: none;
}
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
color: #00583d;
font-size: 20px;
line-height: 1;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 60px;
left: 0;
text-align: center;
}
.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: 68px !important;
color: #54565b;
padding-left: 60px !important;
padding-right: 55px !important;
margin: 0 !important;
border-radius: 0 !important;
font-size: 17px;
font-family: "proxima-nova", sans-serif;
background: none !important;
text-indent: 0 !important;
}
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
padding: 0;
overflow: hidden;
height: 100%;
width: 45px;
background: #54565b;
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: "";
color: rgba(255, 255, 255, 0.5);
opacity: 1;
display: block;
position: absolute;
text-align: center;
height: 100%;
width: 100%;
left: 0;
top: 0;
line-height: 68px;
font-size: 25px;
font-family: "IcoMoon";
}
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
background: #00583d;
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;
} .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: 17px;
}
.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: #54565b;
}
.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: #3bae43;
}
.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: #00583d !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: #0a7554 !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: 17px;
}
.fsSearchResults .gsc-results .gsc-cursor-box, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box {
margin: 10px 0;
}  .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;
}
.fsFacebookFrom {
font-weight: 700;
}
.fsFacebookFrom:after {
content: '-';
display: inline-block;
margin-left: 5px;
}
.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;
} .fsTwitter {
margin-bottom: 20px;
} .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 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.vimeo_view_link a:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.vimeo_view_link a:last-child {
margin-bottom: 0;
} .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 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
}
.Youtube_view_link a:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.Youtube_view_link a:last-child {
margin-bottom: 0;
} .fsTabs {
padding: 0;
background: none;
border: 0;
margin-bottom: 20px;
}
.fsTabs .fsTabsNav {
margin: 0;
padding: 0 0 2px;
display: none;
border-bottom: solid 1px #cbcccd;
position: relative;
}
.fsTabs .fsTabsNav:after {
content: '';
width: 100%;
height: 2px;
background-color: #cbcccd;
left: 0;
bottom: 2px;
position: absolute;
}
@media (min-width: 600px) {
.fsTabs .fsTabsNav {
display: block;
}
}
.fsTabs .fsTabsNav li {
margin-right: 50px;
}
.fsTabs .fsTabsNav li a {
display: block;
margin-bottom: 0;
display: block;
padding: 15px 20px;
color: #54565b;
transition: .3s;
font-weight: 400;
font-size: 20px;
line-height: 25px;
padding: 10px 0;
background: transparent;
color: #54565b;
position: relative;
}
.fsTabs .fsTabsNav li a:after {
content: '';
width: 100%;
height: 0;
background-color: #3bae43;
position: absolute;
left: 0;
top: calc(100% - 5px);
transition: height .3s;
z-index: 2;
}
.fsTabs .fsTabsNav li a:hover {
background: transparent;
color: #3bae43;
}
.fsTabs .fsTabsNav li.fsStateSelected a {
background: transparent;
color: #3bae43;
}
.fsTabs .fsTabsNav li.fsStateSelected a:after {
height: 5px;
transition: height .3s;
}
.fsTabs .fsPanel > .fsElementContent {
padding-top: 25px;
}
.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;
}
} .has-fixed-header #fsPageWrapper {
padding-top: 0;
transition: padding .25s, background-color .3s ease-out .3s;
}
@media (min-width: 800px) {
.has-fixed-header.fsAccountBarVisible #fsAccountBar {
position: absolute;
}
}
.has-fixed-header .fsHeader .nav-tier {
margin-top: 70px;
}
@media (min-width: 600px) {
.has-fixed-header .fsHeader .nav-tier {
margin-top: 15px;
}
}
@media (min-width: 700px) {
.has-fixed-header .fsHeader .nav-tier {
display: block;
}
}
@media (min-width: 800px) {
.has-fixed-header .fsHeader .nav-tier {
display: none;
}
}
.fixed-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: #fff;
position: relative;
}
@media (min-width: 600px) {
.fixed-header {
padding-top: 0px;
}
}
@media (min-width: 800px) {
.fixed-header {
height: 740px;
padding-top: 0;
}
}
@media (min-width: 800px) {
.fixed-header .header-search-wrapper {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
position: absolute;
top: 0;
left: 0;
min-height: 300px;
transition: -webkit-transform .3s;
transition: transform .3s;
height: auto;
}
.search-is-active .fixed-header .header-search-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s;
transition: transform .3s;
}
}
@media (min-width: 600px) {
.fixed-header .header-main-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 200;
margin-bottom: 0;
}
}
@media (min-width: 800px) {
.fixed-header .header-main-wrapper {
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
padding-top: 5px;
padding-bottom: 17px;
}
}
.fixed-header.search-is-active .header-main-wrapper {
-webkit-transform: translateY(300px);
-ms-transform: translateY(300px);
transform: translateY(300px);
}
@media (min-width: 600px) {
.fixed-header .site-info-container .fsElementFooterContent,
.fixed-header .header-utility-links ul.fsNavLevel1 > li > a,
.fixed-header .header-utility-links > footer:after,
.fixed-header .nav-main .fsNavLevel1 > li > a {
color: #fff;
}
}
@media (min-width: 800px) {
.fixed-header .site-info-container a:before {
color: #fff;
}
}
@media (min-width: 600px) {
.fixed-header .header-utility-links ul.fsNavLevel1 > li > a:hover {
color: rgba(255, 255, 255, 0.7);
}
}
@media (min-width: 600px) {
.fixed-header .header-utility-links > footer:hover:after {
color: rgba(255, 255, 255, 0.7);
}
}
.fixed-header .nav-main {
margin-bottom: 0;
left: 0;
z-index: 100;
width: 100%;
}
.fixed-header .nav-main .fsNavLevel1 {
position: static;
}
.fixed-header .nav-main .fsNavPageInfo {
width: calc(100% - 20px);
}
@media (min-width: 1240px) {
.fixed-header .nav-main .fsNavPageInfo {
width: 1220px;
}
}
.fixed-header.fsComposeMode .header-main-wrapper {
position: relative;
}
.fixed-header.fsComposeMode .nav-main {
position: relative;
top: auto;
}
.fixed-header > .nav-main {
position: relative;
}
.fixed-header > .nav-main > header {
display: block;
}
.fixed-header > .nav-main .fsElementHeaderContent {
position: relative;
margin: 0 auto;
width: calc(100% _ 40px);
max-width: 1180px;
}
.fixed-header > .nav-main nav {
width: 1180px;
max-width: calc(100% - 40px);
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (min-width: 900px) {
.fixed-header > .nav-main nav {
padding-left: 30px;
}
}
.fixed-header > .nav-main .fsNavLevel1 {
max-width: 960px;
margin: 0;
}
@media (min-width: 900px) {
.fixed-header > .nav-main .fsNavLevel1 > li > a {
font-size: 16px;
line-height: 1.47;
}
}
@media (min-width: 980px) {
.fixed-header > .nav-main .fsNavLevel1 > li > a {
font-size: 17px;
line-height: 25px;
}
}
.fixed-header .nav-sub-horizontal {
border-top: none;
}
.fixed-header-container {
position: absolute;
width: 100%;
top: 0;
background-color: #fff;
left: 0;
right: 0;
margin-bottom: 0;
z-index: 500;
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0);
transition: .3s;
border-bottom: solid 1px #cbcccd;
display: none;
}
@media (min-width: 800px) {
.fixed-header-container {
display: block;
}
}
.stick-header .fixed-header-container {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .5s;
}
body:not(.fsComposeMode) .fixed-header-container {
position: fixed;
}
body:not(.fsComposeMode) .fixed-header-container > header {
display: none;
}
.fixed-header-container > .fsElementContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(100% - 40px);
max-width: 1180px;
margin: 0 auto;
}
.fixed-header-container .site-info-container {
position: relative;
width: 40px;
height: 80px;
}
@media (min-width: 900px) {
.fixed-header-container .site-info-container {
width: 60px;
}
}
.fixed-header-container .site-info-container a {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.fixed-header-container .site-info-container a:before {
content: "";
color: #00583d;
font-size: 24px;
line-height: 1;
height: auto;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
@media (min-width: 900px) {
.fixed-header-container .site-info-container a:before {
font-size: 40px;
}
}
.fixed-header-container .site-info-container > footer {
display: none;
}
.fixed-header-container .nav-main {
max-width: calc(100% - 50px);
margin-bottom: 0;
}
@media (min-width: 900px) {
.fixed-header-container .nav-main {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1100px) {
.fixed-header-container .nav-main {
max-width: 960px;
}
}
.fixed-header-container .nav-main .fsNavLevel1 {
max-width: 100%;
position: static;
}
.fixed-header-container .nav-main .fsNavLevel1 > li > a {
color: #54565b;
padding: 0;
line-height: 80px;
font-size: 15px;
}
@media (min-width: 1000px) {
.fixed-header-container .nav-main .fsNavLevel1 > li > a {
font-size: 17px;
}
}
.video-hero {
position: relative;
margin-bottom: 0;
background-color: #54565b;
min-height: 250px;
}
.video-hero-main {
position: relative;
margin-bottom: 0;
background-color: #54565b;
min-height: 250px;
}
@media (min-width: 600px) {
.video-hero {
min-height: 46.875vw;
}
.video-hero-main {
min-height: 46.875vw;
}
}
@media (min-width: 800px) {
.video-hero {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
height: 675px;
min-height: 675px;
max-height: 75vw;
}
.video-hero-main {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
height: 675px;
min-height: 675px;
max-height: 75vw;
}
}
.video-hero:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 4;
background-color: rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.5) 100%);
}
.video-hero > header {
z-index: 5;
width: calc(100% - 40px);
max-width: 1180px;
position: absolute;
bottom: -50px;
left: 20px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 15px;
background-color: #f6f6f7;
border: 1px solid rgba(84, 86, 91, 0.3);
}
.video-hero-main:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 4;
background-color: rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.5) 100%);
}
.video-hero-main > header {
z-index: 5;
width: calc(100% - 40px);
max-width: 1180px;
position: absolute;
bottom: -50px;
left: 20px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 15px;
background-color: #f6f6f7;
border: 1px solid rgba(84, 86, 91, 0.3);
}
@media (min-width: 600px) {
.video-hero > header {
bottom: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
background-color: transparent;
border: none;
padding: 0;
}
.video-hero-main > header {
bottom: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
background-color: transparent;
border: none;
padding: 0;
}
}
.video-hero > header .fsElementTitle {
text-align: center;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #989a9d;
margin-bottom: 0;
}
.video-hero-main > header .fsElementTitle {
text-align: center;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #989a9d;
margin-bottom: 0;
}
@media (min-width: 600px) {
.video-hero > header .fsElementTitle {
opacity: 0.8;
text-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
line-height: 1;
margin-bottom: 0;
font-size: 8.75vw;
}
.video-hero-main > header .fsElementTitle {
opacity: 0.8;
text-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
line-height: 1;
margin-bottom: 0;
font-size: 8.75vw;
}
}
@media (min-width: 800px) {
.video-hero > header .fsElementTitle {
font-size: 70px;
}
.video-hero-main > header .fsElementTitle {
font-size: 70px;
}
}
.video-hero > header .fsElementHeaderContent {
color: #54565b;
font-size: 19px;
font-weight: 300;
line-height: 1.3;
margin-bottom: 0;
}
.video-hero-main > header .fsElementHeaderContent {
color: #54565b;
font-size: 19px;
font-weight: 300;
line-height: 1.3;
margin-bottom: 0;
}
@media (min-width: 600px) {
.video-hero > header .fsElementHeaderContent {
text-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 50px;
}
.video-hero-main > header .fsElementHeaderContent {
text-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 50px;
}
}
.fsComposeMode .video-hero > header {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: auto;
top: auto;
}
.fsComposeMode .video-hero-main > header {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: auto;
top: auto;
}
.video-hero > .fsElementContent {
position: relative;
overflow: hidden;
height: 100%;
}
.video-hero-main > .fsElementContent {
position: relative;
overflow: hidden;
height: 100%;
}
.video-hero > .fsElementContent div {
height: 100%;
}
.video-hero > .fsElementContent video {
display: block;
z-index: 3;
}
.video-hero-main > .fsElementContent div {
height: 100%;
}
.video-hero-main > .fsElementContent video {
display: block;
z-index: 3;
}
@media (min-width: 600px) {
.video-hero > .fsElementContent video {
display: block;
}
.video-hero-main > .fsElementContent video {
display: block;
}
}
@media (min-width: 1px) and (min-width: 799px) {
.home .video-hero .fsMediaContainer .vid-inner video{top:0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
.home .video-hero-main .fsMediaContainer .vid-inner video{top:0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}
@media (max-width: 479px) {
.home_top_video{height:255px !important;}
.home_top_video .wpb_column{height:255px !important;}
.home_top_video .vc_column-inner{height:255px !important;}
.home_top_video .wpb_wrapper{height:255px !important;}
.home_top_video .fsPageWrappertop{height:255px !important;}
.home_top_video .fsHeader{height:255px !important;}
.home_top_video .fixed-header{height:255px !important;}
.home_top_video .fsElement{height:255px !important;}
.home_top_video .fsElementContent{height:255px !important;}
.home_top_video .fsMediaContainer{height:255px !important;}
.home_top_video .vid-inner{height:255px !important;}
.home_top_video #fsEl_home_top_2397{height:255px !important; min-height:255px !important;}
.home_top_video #vid-inner-home-top{height:255px !important; min-height:255px !important;}
.home_second_video #fsEl_second_video_top_2397{height:255px !important; min-height:255px !important;}
.home_second_video #vid-inner-second-video-top{height:255px !important; min-height:255px !important;}
.home_top_video #vid-inner-home-top #hero-vid{height:255px !important;max-width: unset !important;width:auto !important;}
.home_second_video #vid-inner-second-video-top #hero-vid{height:255px !important;max-width: unset !important;width:auto !important;}
}
@media (min-width: 800px) {
.video-hero > .fsElementContent video {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
min-height: 100%;
min-width: 100%;  height: auto;
max-height: none;
max-width: none;
} .home .video-hero.move-video-main .fsMediaContainer .vid-inner video{width:auto;}
.home .video-hero.move-video .fsMediaContainer .vid-inner video{width:auto;}
.video-hero-main > .fsElementContent video {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
min-height: 100%;
min-width: 100%;  height: auto;
max-height: none;
max-width: none;
} .home .video-hero .fsMediaContainer .vid-inner video{top:0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
.home .video-hero-main .fsMediaContainer .vid-inner video{top:0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
.home .video-hero-main.move-video-main .fsMediaContainer .vid-inner video{width:auto;}
.home .video-hero.move-video .fsMediaContainer .vid-inner video{width:auto;}
}
.video-hero > .fsElementContent img {
display: block;
}
.video-hero .fsMediaContainer {
border: none;
}
.fsComposeMode .video-hero {
position: relative;
height: auto;
}
.video-hero-main > .fsElementContent img {
display: block;
}
.video-hero-main .fsMediaContainer {
border: none;
}
.fsComposeMode .video-hero-main {
position: relative;
height: auto;
}
.vid-inner {
background-size: cover;
background-position: center;
min-height: 250px;
}
@media (min-width: 600px) {
.vid-inner {
background: none !important;
}
}
.image-hero {
margin-bottom: 0;
background-size: cover;
background-position: center;
min-height: 27.777vw;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.image-hero:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.image-hero > header {
position: relative;
z-index: 1;
width: calc(100% - 40px);
max-width: 1180px;
margin: 0 auto;
}
.image-hero > header .fsElementTitle {
margin-top: 0;
font-weight: normal;
font-size: 35px;
line-height: 39px;
font-weight: 300;
color: #00583d;
margin-bottom: 25px;
color: #fff;
margin-bottom: 20px;
margin-top: 25px;
margin-top: 20.8vw;
}
@media (min-width: 600px) {
.image-hero > header .fsElementTitle {
font-size: 50px;
line-height: 55px;
}
}
@media (min-width: 600px) {
.image-hero > header .fsElementTitle {
margin-bottom: 30px;
}
}
@media (min-width: 600px) {
.image-hero > header .fsElementTitle {
margin-bottom: 35px;
}
}
.fsComposeMode .image-hero {
min-height: 400px;
display: block;
}
.image-hero.skinny {
min-height: 0;
}
.image-hero.skinny:before {
background-image: none;
}
.continue-animation {
display: none;
position: absolute;
left: 15px;
top: 8px;
width: 20px;
height: 40px;
text-align: center;
transition: 2s all ease-in-out;
cursor: pointer;
}
@media (min-width: 900px) {
.continue-animation {
display: block;
}
}
body:not(.fsComposeMode) .continue-animation > span {
display: none;
}
.continue-animation .down-angle {
width: 20px;
height: 10px;
position: absolute;
margin: 0 auto;
color: #fff;
font-family: "IcoMoon";
}
.continue-animation .down-angle:before {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
content: "";
font-size: 18px;
line-height: 1;
}
.continue-animation .down-angle.one {
-webkit-animation: chevron-reveal 0.5s infinite;
animation: chevron-reveal 0.5s infinite;
}
.continue-animation .down-angle.two {
-webkit-animation: chevron-slide 0.5s infinite;
animation: chevron-slide 0.5s infinite;
}
.continue-animation .down-angle.three {
top: 8px;
-webkit-animation: chevron-slide 0.5s infinite;
animation: chevron-slide 0.5s infinite;
}
.continue-animation .down-angle.four {
top: 16px;
-webkit-animation: chevron-fade 0.5s infinite;
animation: chevron-fade 0.5s infinite;
}
@-webkit-keyframes chevron-reveal {
from {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0.001;
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
to {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes chevron-reveal {
from {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0.001;
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
to {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes chevron-slide {
to {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes chevron-slide {
to {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes chevron-fade {
from {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0.001;
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
}
@keyframes chevron-fade {
from {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0.001;
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
} .custom-landing-page .fsPageBodyWrapper {
padding-bottom: 0;
padding-top: 20px;
}
@media (min-width: 800px) {
.custom-landing-page .fsPageBodyWrapper {
padding-top: 40px;
}
}
.custom-landing-page #fsPageBody {
max-width: 100%;
width: 100%;
}
.custom-landing-page .custom-panel {
margin: 50px auto;
}
@media (min-width: 600px) {
.custom-landing-page .custom-panel {
margin: 100px auto;
}
}
.custom-landing-page .custom-panel:first-child {
margin-top: 0;
}
.custom-landing-page .custom-panel > footer,
.custom-landing-page .custom-panel > header,
.custom-landing-page .custom-panel > .fsElementContent {
width: 1180px;
max-width: calc(100% - 40px);
margin: 0 auto;
}
.custom-landing-page .fifty-fifty-slideshow,
.custom-landing-page .fsPageTitle {
width: 1180px;
max-width: calc(100% - 40px);
margin: 0 auto 30px;
}
@media (min-width: 800px) {
.custom-landing-page .custom-button-container > .fsDiv {
margin-bottom: 0;
}
}
.custom-landing-page .custom-button-container > .fsDiv:last-child {
margin-bottom: 0;
}
.landing-intro-wrapper {
position: relative;
padding-top: 50vw;
margin-bottom: 50px;
}
@media (min-width: 500px) {
.landing-intro-wrapper {
padding-top: 54.8387vw;
}
}
@media (min-width: 600px) {
.landing-intro-wrapper {
margin-bottom: 100px;
}
}
@media (min-width: 900px) {
.landing-intro-wrapper {
padding-top: 450px;
}
}
@media (min-width: 1100px) {
.landing-intro-wrapper {
padding-top: 65px;
}
}
.landing-intro-wrapper > footer,
.landing-intro-wrapper > header {
max-width: 100%;
position: absolute;
left: 0;
background-size: cover;
background-position-y: center;
overflow: hidden;
opacity: 0.3;
top: 6.05vw;
display: none;
filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
@media (min-width: 500px) {
.landing-intro-wrapper > footer,
.landing-intro-wrapper > header {
display: block;
}
}
@media (min-width: 900px) {
.landing-intro-wrapper > footer,
.landing-intro-wrapper > header {
top: 50px;
bottom: auto;
}
}
@media (min-width: 1100px) {
.landing-intro-wrapper > footer,
.landing-intro-wrapper > header {
top: 70px;
}
}
.landing-intro-wrapper > footer > div,
.landing-intro-wrapper > header > div {
margin: 0;
}
.landing-intro-wrapper > footer img, .landing-intro-wrapper > header img {
opacity: 0;
visibility: hidden;
}
body.fsComposeMode .landing-intro-wrapper > footer img,
body.fsComposeMode .landing-intro-wrapper > header img {
opacity: 1;
visibility: visible;
}
.landing-intro-wrapper > header {
max-width: 100%;
background-position-x: right;
min-width: 125px;
width: calc(50% - 220px);
width: 20.16%;
height: 42.74vw;
}
@media (min-width: 900px) {
.landing-intro-wrapper > header {
height: 340px;
}
}
@media (min-width: 1100px) {
.landing-intro-wrapper > header {
width: calc(50% - 470px);
min-width: 250px;
}
}
.landing-intro-wrapper > footer {
background-position-x: left;
right: 0;
left: auto;
width: 4.83vw;
height: 47.74vw;
}
@media (min-width: 900px) {
.landing-intro-wrapper > footer {
height: 380px;
min-width: 60px;
width: calc(50% - 362px);
}
}
@media (min-width: 1100px) {
.landing-intro-wrapper > footer {
width: calc(50% - 640px);
min-width: 80px;
}
}
.landing-intro-wrapper > .fsElementContent {
margin: 0 auto;
position: relative;
z-index: 10;
width: 100%;
padding: 0 4.83%;
}
@media (min-width: 700px) {
.landing-intro-wrapper > .fsElementContent {
padding-left: 6.25%;
padding-right: 8%;
}
}
@media (min-width: 900px) {
.landing-intro-wrapper > .fsElementContent {
padding-left: 10.2%;
padding-right: 14.2857%;
}
}
@media (min-width: 900px) {
.landing-intro-wrapper > .fsElementContent {
width: 780px;
max-width: calc(100% - 40px);
padding-left: 35px;
padding-right: 7.65vw;
}
}
@media (min-width: 1100px) {
.landing-intro-wrapper > .fsElementContent {
padding-left: 0;
width: 1180px;
max-width: calc(100% - 260px);
padding-right: 0;
}
}
@media (min-width: 1200px) {
.landing-intro-wrapper > .fsElementContent {
padding-right: 30px;
}
}
@media (min-width: 1440px) {
.landing-intro-wrapper > .fsElementContent {
padding-right: 50px;
}
}
.landing-intro-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1100px) {
.landing-intro-inner {
min-height: 440px;
}
}
.landing-intro-inner > footer,
.landing-intro-inner > header {
position: absolute;
overflow: hidden;
background-position: center;
background-size: cover;
border: solid 2px #fff;
}
.landing-intro-inner > footer img,
.landing-intro-inner > header img {
opacity: 0;
visibility: hidden;
}
.landing-intro-inner > footer > div,
.landing-intro-inner > header > div {
margin: 0;
}
.landing-intro-inner > .fsElementContent {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.landing-intro-inner > header {
height: 37.8125vw;
width: calc(56.25% + 3px);
bottom: calc(100% + 12.5vw);
left: -2px;
}
@media (min-width: 500px) {
.landing-intro-inner > header {
bottom: calc(100% + 10.419vw);
width: 50.48%;
height: 34vw;
left: 4.83%;
}
}
@media (min-width: 900px) {
.landing-intro-inner > header {
height: 270px;
width: 400px;
left: 35px;
bottom: calc(100% + 90px);
}
}
@media (min-width: 1100px) {
.landing-intro-inner > header {
top: -45px;
bottom: auto;
left: 0;
}
}
.landing-intro-inner > footer {
height: 30.3125vw;
width: calc(43.75% + 3px);
bottom: calc(100% + 12.5vw);
right: -2px;
margin-bottom: -15px;
}
@media (min-width: 500px) {
.landing-intro-inner > footer {
right: 4.83%;
height: 27.1vw;
width: 40.1%;
bottom: calc(100% + 10.419vw);
margin-bottom: -20px;
}
}
@media (min-width: 900px) {
.landing-intro-inner > footer {
width: 320px;
height: 216px;
right: 27px;
bottom: calc(100% + 60px);
margin-bottom: 0;
}
}
@media (min-width: 1100px) {
.landing-intro-inner > footer {
left: 120px;
top: 223px;
bottom: auto;
right: auto;
}
}
@media (min-width: 1100px) {
.custom-landing-intro {
padding-left: 460px;
}
}
.custom-landing-intro > header .fsElementTitle {
position: relative;
font-size: 18px;
font-style: italic;
line-height: 1.3333;
font-family: "adobe-garamond-pro", Georgia, serif;
font-weight: normal;
padding-left: 60px;
}
@media (min-width: 500px) {
.custom-landing-intro > header .fsElementTitle {
font-size: 24px;
}
}
.custom-landing-intro > header .fsElementTitle:before {
content: '';
width: 50px;
height: 2px;
left: 0;
position: absolute;
background-color: #cbcccd;
top: 12px;
}
@media (min-width: 500px) {
.custom-landing-intro > header .fsElementTitle:before {
top: 16px;
}
}
.custom-landing-intro > header .fsElementHeaderContent {
margin-top: 0;
font-weight: normal;
font-size: 35px;
line-height: 39px;
font-weight: 300;
color: #00583d;
margin-bottom: 25px;
position: relative;
z-index: 5;
}
@media (min-width: 600px) {
.custom-landing-intro > header .fsElementHeaderContent {
font-size: 50px;
line-height: 55px;
}
}
@media (min-width: 600px) {
.custom-landing-intro > header .fsElementHeaderContent {
margin-bottom: 30px;
}
}
@media (min-width: 700px) {
.custom-landing-intro > footer,
.custom-landing-intro > .fsElementContent {
padding-left: 15%;
}
}
@media (min-width: 900px) {
.custom-landing-intro > footer,
.custom-landing-intro > .fsElementContent {
padding-left: 95px;
}
}
@media (min-width: 1100px) {
.custom-landing-intro > footer,
.custom-landing-intro > .fsElementContent {
padding-left: 30px;
}
}
@media (min-width: 1200px) {
.custom-landing-intro > footer,
.custom-landing-intro > .fsElementContent {
padding-left: 60px;
}
}
@media (min-width: 1440px) {
.custom-landing-intro > footer,
.custom-landing-intro > .fsElementContent {
padding-left: 100px;
}
}
.custom-landing-intro .fsElementFooterContent {
margin-top: 0;
}
.custom-landing-intro .fs_style_37 {
color: #00583d;
}
.custom-landing-intro .fs_style_37:after {
color: #54565b;
}
.custom-landing-intro .fs_style_37:focus, .custom-landing-intro .fs_style_37:hover {
color: #3bae43;
}
.spotlight-video {
position: relative;
margin: 50px auto;
}
@media (min-width: 600px) {
.spotlight-video {
margin: 100px auto;
}
}
.spotlight-video > .fsElementContent,
.spotlight-video > footer {
width: 1000px;
max-width: calc(100% - 40px);
margin: 0 auto;
position: relative;
z-index: 5;
}
body:not(.custom-landing-page) .spotlight-video {
width: 100vw;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.spotlight-video > header .fsElementTitle {
max-width: 1000px;
margin: 0 auto 15px;
width: calc(100% - 40px);
}
.spotlight-video > header .fsElementHeaderContent {
position: absolute;
background-size: cover;
background-position: left center;
overflow: hidden;
opacity: 0.3;
width: 20px;
bottom: 50px;
height: calc(100% - 80px);
left: calc(100% - 20px);
margin-bottom: 0;
}
@media (min-width: 500px) {
.spotlight-video > header .fsElementHeaderContent {
left: calc(100% - 50px);
height: calc(100% - 50px);
bottom: 30px;
width: 70px;
}
}
@media (min-width: 600px) {
.spotlight-video > header .fsElementHeaderContent {
left: 85%;
height: 85%;
width: 332px;
}
}
@media (min-width: 700px) {
.spotlight-video > header .fsElementHeaderContent {
bottom: 0;
}
}
@media (min-width: 900px) {
.spotlight-video > header .fsElementHeaderContent {
min-height: 500px;
}
}
@media (min-width: 1280px) {
.spotlight-video > header .fsElementHeaderContent {
width: 23vw;
left: 77%;
height: 75%;
left: auto;
right: 0;
width: calc(50vw - 400px);
}
}
body:not(.fsComposeMode) .spotlight-video > header img {
opacity: 0;
visibility: hidden;
}
.quote-slideshow {
background-size: cover;
background-position: center;
padding-top: 45px;
padding-bottom: 70px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 50px auto;
}
@media (min-width: 600px) {
.quote-slideshow {
margin: 100px auto;
}
}
@media (min-width: 700px) {
.quote-slideshow {
padding-top: 20px;
padding-bottom: 30px;
min-height: 380px;
}
}
body.fsComposeMode .quote-slideshow {
display: block;
}
.quote-slideshow:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
}
.quote-slideshow:after {
content: '\201c';
opacity: 0.3;
color: #fff;
font-weight: 700;
position: absolute;
line-height: 0.3333;
position: absolute;
font-size: 300px;
left: -30px;
top: 107px;
}
@media (min-width: 700px) {
.quote-slideshow:after {
top: 11vw;
font-size: 41.66vw;
left: -3.472%;
}
}
@media (min-width: 1440px) {
.quote-slideshow:after {
font-size: 600px;
left: -50px;
top: 145px;
}
}
.quote-slideshow > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
opacity: 0.6;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.075em;
position: absolute;
right: 20px;
top: 45px;
}
@media (min-width: 700px) {
.quote-slideshow > header {
top: 25px;
right: 30px;
}
}
.quote-slideshow > header .fsElementTitle {
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin-bottom: 0;
}
.quote-slideshow > .fsElementContent {
position: static;
max-width: 880px;
margin: 50px auto;
width: calc(100% - 40px);
}
@media (min-width: 700px) {
.quote-slideshow > .fsElementContent {
width: calc(100% - 140px);
}
}
@media (min-width: 1000px) {
.quote-slideshow > .fsElementContent {
width: calc(100% - 320px);
}
}
@media (min-width: 1100px) {
.quote-slideshow > .fsElementContent {
width: 61.111%;
}
}
.quote-slideshow .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.quote-slideshow .slick-arrow {
width: 44px;
height: 44px;
background-color: rgba(0, 0, 0, 0.5);
border: none;
padding: 0;
border-radius: 100%;
position: relative;
overflow: hidden;
color: transparent;
transition: 0.3s;
position: absolute;
right: calc(50% - 50px);
bottom: 50px;
outline: transparent;
}
@media (min-width: 700px) {
.quote-slideshow .slick-arrow {
bottom: 30px;
right: 30px;
}
}
.quote-slideshow .slick-arrow:focus, .quote-slideshow .slick-arrow:hover {
background-color: rgba(0, 0, 0, 0.9);
transition: 0.3s;
}
.quote-slideshow .slick-arrow:after {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
color: #fff;
line-height: 1;
font-size: 26px;
}
.quote-slideshow .slick-arrow.slick-prev {
right: calc(50% + 6px);
}
@media (min-width: 700px) {
.quote-slideshow .slick-arrow.slick-prev {
right: 90px;
}
}
.quote-slideshow .slick-arrow.slick-prev:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
}
.quote-slideshow .slick-arrow.slick-next:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
}
.quotation-slide {
font-family: "adobe-garamond-pro", Georgia, serif;
font-size: 20px;
font-weight: 400;
line-height: 1.333;
color: #fff;
outline: transparent;
margin-bottom: 0;
}
@media (min-width: 700px) {
.quotation-slide {
padding: 20px 0;
font-size: 24px;
}
}
@media (min-width: 1000px) {
.quotation-slide {
padding: 0;
}
}
body:not(.fsComposeMode) .quotation-slide p:last-child {
margin-bottom: 0;
}
.quotation-slide > header {
display: none;
}
.quotation-slide > footer {
font-family: "proxima-nova", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 22px;
}
.quotation-slide .fsElementFooterContent {
text-align: right;
}
.landing-post-shuffle {
width: 980px;
max-width: calc(100% - 40px);
margin: 50px auto 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 600px) {
.landing-post-shuffle {
margin: 100px auto 60px;
}
}
@media (min-width: 800px) {
.landing-post-shuffle {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media (min-width: 1100px) {
.landing-post-shuffle {
background-size: 660px 100%;
}
}
.landing-post-shuffle > header {
text-align: center;
}
@media (min-width: 800px) {
.landing-post-shuffle > header {
padding-top: 60px;
}
}
.landing-post-shuffle > header .fsElementTitle {
color: #00583d;
font-weight: 700;
line-height: 1.2;
margin-bottom: 10px;
font-size: 24px;
}
@media (min-width: 600px) {
.landing-post-shuffle > header .fsElementTitle {
margin-bottom: 20px;
font-size: 28px;
}
}
@media (min-width: 800px) {
.landing-post-shuffle > header .fsElementTitle {
font-size: 24px;
}
}
@media (min-width: 900px) {
.landing-post-shuffle > header .fsElementTitle {
font-size: 28px;
}
}
.landing-post-shuffle > header .fsElementHeaderContent {
margin-top: 0;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #3bae43;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .075em;
margin-bottom: 20px;
display: inline-block;
margin: 0 auto;
cursor: pointer;
font-size: 13px;
}
@media (min-width: 600px) {
.landing-post-shuffle > header .fsElementHeaderContent {
font-size: 14px;
}
}
.landing-post-shuffle > header .fsElementHeaderContent:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
text-align: center;
font-size: 18px;
vertical-align: sub;
line-height: 1.25;
transition: 0.5s;
}
@media (min-width: 600px) {
.landing-post-shuffle > header .fsElementHeaderContent:before {
display: block;
font-size: 20px;
margin-bottom: 5px;
}
}
.landing-post-shuffle > header .fsElementHeaderContent:hover:before {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: 0.5s;
}
.landing-post-shuffle > .fsElementContent {
width: 660px;
max-width: 100%;
margin-top: 25px;
}
@media (min-width: 600px) {
.landing-post-shuffle > .fsElementContent {
margin-top: 50px;
}
}
@media (min-width: 800px) {
.landing-post-shuffle > .fsElementContent {
max-width: 60vw;
margin-top: 0;
}
}
@media (min-width: 1100px) {
.landing-post-shuffle > .fsElementContent {
max-width: 100%;
}
}
.landing-post-shuffle > .fsElementContent .fsListItems article {
height: 407px;
display: none;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
position: relative;
background-color: #fff;
max-height: 58.1428vw;
min-height: 172px;
background-image: url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/images/posts-fallback.jpg);
background-size: cover;
background-position: center;
}
@media (min-width: 800px) {
.landing-post-shuffle > .fsElementContent .fsListItems article {
max-height: 37vw;
}
}
@media (min-width: 1100px) {
.landing-post-shuffle > .fsElementContent .fsListItems article {
max-height: 100%;
}
}
.landing-post-shuffle > .fsElementContent .fsListItems article:not(.has-thumbnail) {
background-color: transparent;
filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: 0.3s;
}
.landing-post-shuffle > .fsElementContent .fsListItems article:not(.has-thumbnail):hover {
-webkit-filter: grayscale(0);
filter: grayscale(0); -webkit-filter: none;
filter: none;
transition: 0.3s;
}
.landing-post-shuffle > .fsElementContent .fsListItems article:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%, transparent 100%);
z-index: 1;
}
.landing-post-shuffle > .fsElementContent .fsListItems article.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.landing-post-shuffle > .fsElementContent .fsListItems article:hover .fsThumbnail {
-webkit-filter: grayscale(0);
filter: none;
-webkit-filter: grayscale(0);
filter: grayscale(0); transition: 0.3s;
}
.landing-post-shuffle > .fsElementContent .fsListItems article:hover .fsTitle {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: 0.3s;
}
.landing-post-shuffle > .fsElementContent .fsListItems article:hover .fsReadMoreLink {
opacity: 1;
visibility: visible;
transition: 0.3s ease-in 0.15s;
}
.landing-post-shuffle .fsThumbnail {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-size: cover;
background-position: center;
filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: 0.3s;
}
.landing-post-shuffle .fsThumbnail img {
opacity: 0;
visibility: hidden;
}
.landing-post-shuffle .fsReadMoreLink,
.landing-post-shuffle .fsTitle {
position: relative;
color: #fff;
z-index: 5;
padding-left: 30px;
padding-right: 30px;
}
.landing-post-shuffle .fsTitle {
font-size: 17px;
line-height: 22px;
margin-bottom: 5px;
-webkit-transform: translate3d(0, 26px, 0);
transform: translate3d(0, 26px, 0);
transition: 0.3s;
font-weight: 700;
}
.landing-post-shuffle .fsTitle a {
color: inherit;
}
.landing-post-shuffle .fsTitle + .fsReadMoreLink {
margin-top: 0;
}
.landing-post-shuffle .fsReadMoreLink {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .075em;
display: inline-block;
margin: 0 5px 0 0;
color: #3bae43;
border-radius: 0;
position: relative;
transition: .3s;
text-decoration: none;
color: #fff;
padding-bottom: 30px;
opacity: 0;
visibility: hidden;
transition: 0.2s;
}
.landing-post-shuffle .fsReadMoreLink:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
color: rgba(59, 174, 67, 0.5);
margin-left: 5px;
font-size: 21px;
line-height: 1;
vertical-align: bottom;
}
.landing-post-shuffle .fsReadMoreLink:hover, .landing-post-shuffle .fsReadMoreLink:focus {
transition: .3s;
}
.landing-post-shuffle .fsReadMoreLink:hover:after, .landing-post-shuffle .fsReadMoreLink:focus:after {
-webkit-animation: bounce .4s 2;
animation: bounce .4s 2;
}
.landing-post-shuffle .fsReadMoreLink:after {
color: rgba(255, 255, 255, 0.6);
}
.outro-statement {
max-width: 100%;
width: 820px;
margin: 40px auto;
}
@media (min-width: 600px) {
.outro-statement {
margin: 60px auto;
}
}
.custom-landing-page .outro-statement {
max-width: calc(100% - 40px);
}
.cta-button-element {
background-size: cover;
background-position: center;
position: relative;
color: #fff;
min-height: 415px;
padding: 50px 20px;
min-height: 28.819vw;
margin-bottom: 0;
margin-top: 50px;
}
@media (min-width: 600px) {
.cta-button-element {
margin-top: 60px;
}
}
@media (min-width: 900px) {
.cta-button-element {
margin-top: 80px;
}
}
@media (min-width: 1440px) {
.cta-button-element {
min-height: 415px;
}
}
.cta-button-element:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.4);
}
body:not(.fsComposeMode) .cta-button-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cta-button-element > .fsElementContent,
.cta-button-element > footer,
.cta-button-element > header {
position: relative;
}
body:not(.home) .cta-button-element > header .fsElementHeaderContent {
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body:not(.home) .cta-button-element > header .fsElementHeaderContent div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
body:not(.home) .cta-button-element > header .fsElementHeaderContent br {
display: none;
}
body:not(.home) .cta-button-element > header a {
display: inline-block;
border: 0;
margin: 0 0 30px;
padding: 22px 30px;
background: transparent;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 22px;
line-height: 1.2;
border: solid 2px #fff;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.5);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 22px 3.333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: calc(100% - 20px);
margin: 10px;
max-width: 380px;
}
@media (min-width: 600px) {
body:not(.home) .cta-button-element > header a {
font-size: 28px;
}
}
body:not(.home) .cta-button-element > header a:hover {
background: #fff;
color: #fff;
}
body:not(.home) .cta-button-element > header a em {
display: block;
font-style: normal;
font-size: 17px;
line-height: 26px;
}
body:not(.home) .cta-button-element > header a:last-child {
margin-bottom: 0;
}
@media (min-width: 600px) {
body:not(.home) .cta-button-element > header a {
font-size: 3vw;
}
}
@media (min-width: 900px) {
body:not(.home) .cta-button-element > header a {
font-size: 28px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 22px 30px;
}
}
body:not(.home) .cta-button-element > header a:last-child {
margin-bottom: 10px;
}
body:not(.home) .cta-button-element > header a:focus, body:not(.home) .cta-button-element > header a:hover {
color: #54565b;
}
@media (min-width: 600px) {
body:not(.home) .cta-button-element.three > header a, body:not(.home) .cta-button-element.two > header a {
width: calc(50% - 20px);
}
}
@media (min-width: 900px) {
body:not(.home) .cta-button-element.three > header a {
width: calc(33.333% - 20px);
}
} .home .fsPageBodyWrapper {
padding-bottom: 0;
padding-top: 0;
}
.home #fsPageBody {
max-width: 100%;
width: 100%;
}
.home .fixed-header {
max-height: 100vh;
}
@media (min-width: 900px) {
.home .fixed-header {
height: 100vh;
}
}
@media (min-width: 900px) {
.home .fixed-header > .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
top: auto;
bottom: 100%;
}
}
.home .nav-main .fsNavPageInfo {
width: 100%;
max-width: 1180px;
}
.home .nav-sub-horizontal {
display: none;
}
.home.fsComposeMode .video-hero {
height: 300px;
}
.home .video-hero {
background-color: #fff;
min-height: 250px;
}
.home.fsComposeMode .video-hero-main {
height: 300px;
}
.home .video-hero-main {
background-color: #fff;
min-height: 250px;
}
@media (min-width: 600px) {
.home .video-hero {
overflow: hidden;
}
.home .video-hero-main {
overflow: hidden;
}
}
@media (min-width: 800px) {
.home .video-hero {
max-height: none;
height: 100%;
}
.home .video-hero-main {
max-height: none;
height: 100%;
}
}
@media (min-width: 900px) {
.home .video-hero {
height: 100vh;
transition: .5s;
}
.home .video-hero-main {
height: 100vh;
transition: .5s;
}
}
.home .video-hero > header {
overflow: hidden;
max-width: 100%;
}
.home .video-hero > header .fsElementTitle,
.home .video-hero > header .fsElementHeaderContent {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .5s;
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.home .video-hero-main > header {
overflow: hidden;
max-width: 100%;
}
.home .video-hero-main > header .fsElementTitle,
.home .video-hero-main > header .fsElementHeaderContent {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .5s;
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
@media (min-width: 1000px) {
.home .video-hero > header .fsElementTitle {
font-size: 90px;
}
.home .video-hero-main > header .fsElementTitle {
font-size: 90px;
}
}
@media (min-width: 600px) {
.home .video-hero > header.hide .fsElementTitle {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
visibility: hidden;
transition: 1s;
}
.home .video-hero-main > header.hide .fsElementTitle {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
visibility: hidden;
transition: 1s;
}
}
@media (min-width: 600px) {
.home .video-hero > header.hide .fsElementHeaderContent {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
visibility: hidden;
transition: 1s;
}
.home .video-hero-main > header.hide .fsElementHeaderContent {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
visibility: hidden;
transition: 1s;
}
}
@media (min-width: 800px) {
.home .video-hero > .fsElementContent {
position: absolute;
width: 1220px;
max-width: calc(100% - 40px);
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
overflow: visible;
}
.home .video-hero-main > .fsElementContent {
position: absolute;
width: 1220px;
max-width: calc(100% - 40px);
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
overflow: visible;
}
}
@media (min-width: 800px) {
.home .video-hero > .fsElementContent video {
top: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.home .video-hero-main > .fsElementContent video {
top: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
@media (min-width: 800px) {
.home .video-hero .fsMediaCustomPlayer {
width: 100vw;
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
transition: .75s;
}
.home .video-hero-main .fsMediaCustomPlayer {
width: 100vw;
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
transition: .75s;
}
}
@media (min-width: 800px) {
.home .video-hero:after {
opacity: 1;
visibility: visible;
transition: .3s ease-in .5s;
}
.home .video-hero-main:after {
opacity: 1;
visibility: visible;
transition: .3s ease-in .5s;
}
}
@media (min-width: 900px) {
.home .video-hero.move-video {
overflow: visible;
}
.home .video-hero-main.move-video-main {
overflow: visible;
}
.home .video-hero.move-video .fsMediaContainer{overflow:hidden;}
.home .video-hero-main.move-video-main .fsMediaContainer{overflow:hidden;}
}
@media (min-width: 900px) {
.home .video-hero.move-video:after {
opacity: 0;
visibility: hidden;
}
.home .video-hero-main.move-video-main:after {
opacity: 0;
visibility: hidden;
}
}
@media (min-width: 900px) {
.home .video-hero.move-video > .fsElementContent {
height: 465px;
top: calc(100% + 170px);
transition: .75s;
}
.home .video-hero-main.move-video-main > .fsElementContent {
height: 400px;
top: calc(100% + 158px);
transition: .75s;
}
.home .video-hero.move-video > .fsElementContent > .fsMediaCustomPlayer { width:480px;
left: 15px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .75s;
z-index: 10;
}
.home .video-hero-main.move-video-main > .fsElementContent > .fsMediaCustomPlayer { width:370px;
right:15px;
left: unset;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .75s;
z-index: 10;
}
.home .video-hero.move-video > .fsElementContent > .fsMediaCustomPlayer video {
max-height: 100%;
}
.home .video-hero-main.move-video-main > .fsElementContent > .fsMediaCustomPlayer video {
max-height: 100%;
}
}
.home:not(.custom-landing-page) .cta-button-element:last-child {
margin-bottom: 0;
}
.home .cta-button-element {
margin-top: 0;
}
.home .cta-button-element > header {
text-align: center;
}
.home .cta-button-element > header .fsElementTitle {
font-size: 30px;
font-weight: 300;
color: #fff;
line-height: 1.1;
margin-bottom: 10px;
}
@media (min-width: 600px) {
.home .cta-button-element > header .fsElementTitle {
font-size: 40px;
line-height: 1.2;
}
}
@media (min-width: 800px) {
.home .cta-button-element > header .fsElementTitle {
font-size: 50px;
}
}
.home .cta-button-element > header .fsElementTitle:last-child {
margin-bottom: 20px;
}
@media (min-width: 800px) {
.home .cta-button-element > header .fsElementTitle:last-child {
margin-bottom: 50px;
}
}
.home .cta-button-element > header .fsElementHeaderContent {
font-family: "adobe-garamond-pro", Georgia, serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
margin-bottom: 50px;
}
.home .cta-button-element > footer .fsElementFooterContent {
margin: 0 -2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
.home .cta-button-element > footer .fsElementFooterContent {
margin: 0 -10px;
}
}
.home .cta-button-element > footer .fsElementFooterContent br {
display: none;
}
.home .cta-button-element > footer a {
display: inline-block;
border: 0;
margin: 0 0 30px;
padding: 22px 30px;
background: transparent;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 22px;
line-height: 1.2;
border: solid 2px #fff;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.5);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 22px 3.333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: calc(100% - 20px);
margin: 0 2px;
max-width: 380px;
font-size: 18px;
}
@media (min-width: 600px) {
.home .cta-button-element > footer a {
font-size: 28px;
}
}
.home .cta-button-element > footer a:hover {
background: #fff;
color: #fff;
}
.home .cta-button-element > footer a em {
display: block;
font-style: normal;
font-size: 17px;
line-height: 26px;
}
.home .cta-button-element > footer a:last-child {
margin-bottom: 0;
}
@media (min-width: 600px) {
.home .cta-button-element > footer a {
font-size: 3vw;
margin: 10px;
}
}
@media (min-width: 900px) {
.home .cta-button-element > footer a {
font-size: 28px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 22px 30px;
}
}
@media (min-width: 600px) {
.home .cta-button-element > footer a:last-child {
margin-bottom: 10px;
}
}
.home .cta-button-element > footer a:hover, .home .cta-button-element > footer a:focus {
color: #54565b;
}
@media (min-width: 600px) {
.home .cta-button-element.two
.home .cta-button-element.three > footer a {
width: calc(50% - 20px);
}
}
@media (min-width: 900px) {
.home .cta-button-element.three > footer a {
width: calc(33.333% - 20px);
}
}
.home:not(.fsComposeMode) .outro-statement {
max-width: calc(100% - 40px);
}
@media (min-width: 600px) {
.home:not(.fsComposeMode) .outro-statement .callout-inner {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
transition: .3s;
}
}
@media (min-width: 600px) {
.home:not(.fsComposeMode) .outro-statement .fs_style_26:before {
opacity: 0;
visibility: hidden;
}
}
@media (min-width: 600px) {
.home:not(.fsComposeMode) .outro-statement .fs_style_26:after {
opacity: 0;
visibility: hidden;
top: 0;
transition: .3s;
}
}
.home:not(.fsComposeMode) .outro-statement.animate .callout-inner {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
transition: .5s ease-in .2s;
}
.home:not(.fsComposeMode) .outro-statement.animate .fs_style_26:before {
opacity: 1;
visibility: visible;
transition: .3s ease-in .6s;
}
.home:not(.fsComposeMode) .outro-statement.animate .fs_style_26:after {
opacity: 1;
visibility: visible;
transition: .3s;
top: 50px;
}
@media (min-width: 600px) {
.home:not(.fsComposeMode) .outro-statement.animate .fs_style_26:after {
top: 80px;
}
}
.slideout-is-active {
overflow: hidden;
}
.slideout-panel-container {
margin-bottom: 0;
display: none;
}
@media (min-width: 800px) {
.slideout-panel-container {
display: block;
}
}
.slideout-panel-container > header {
cursor: pointer;
}
.slideout-panel-container > header .fsElementTitle {
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: fixed;
right: 0;
background-color: rgba(0, 88, 61, 0.9);
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .075em;
z-index: 501;
margin: 0;
padding: 16px 30px;
-webkit-transform: translate3d(0, -50%, 0) rotate(-90deg);
transform: translate3d(0, -50%, 0) rotate(-90deg);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
top: calc(50% - 86px);
transition: -webkit-transform .485s, background-color .3s;
transition: transform .485s, background-color .3s;
min-width: 172px;
white-space: nowrap;
}
.slideout-panel-container > header .fsElementTitle:hover {
background-color: #00583d;
transition: background-color .3s;
}
.slideout-is-active .slideout-panel-container > header .fsElementTitle {
transition: -webkit-transform .75s;
transition: transform .75s;
-webkit-transform: translate3d(-100vw, -50%, 0) rotate(-90deg);
transform: translate3d(-100vw, -50%, 0) rotate(-90deg);
}
.slideout-panel-container > header .fsElementHeaderContent {
position: fixed;
right: 30px;
top: 20px;
z-index: 501;
opacity: 0;
visibility: hidden;
width: 50px;
height: 50px;
color: transparent;
overflow: hidden;
}
.slideout-panel-container > header .fsElementHeaderContent:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
color: #fff;
line-height: 1;
font-size: 32px;
}
.slideout-is-active .slideout-panel-container > header .fsElementHeaderContent {
opacity: 1;
visibility: visible;
transition: .3s ease-in .5s;
}
.slideout-panel-inner {
color: #fff;
background-color: #00583d;
}
body:not(.fsComposeMode) .slideout-panel-inner {
position: fixed;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: .5s;
width: 100%;
max-height: 100vh;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
top: 0;
left: 0;
z-index: 500;
}
.slideout-is-active:not(.fsComposeMode) .slideout-panel-inner {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition: .75s;
overflow: auto;
width: 100%;
}
.slideout-panel-inner > header,
.slideout-panel-inner > .fsElementContent {
width: 1180px;
max-width: calc(100% - 100px);
margin: 0 auto;
}
@media (min-width: 1100px) {
.slideout-panel-inner > header,
.slideout-panel-inner > .fsElementContent {
max-width: calc(100% - 210px);
}
}
.slideout-panel-inner > header {
padding-top: 65px;
}
.slideout-panel-inner > header .fsElementTitle {
margin-top: 0;
font-weight: normal;
font-size: 35px;
line-height: 39px;
font-weight: 300;
color: #00583d;
margin-bottom: 25px;
color: #fff;
}
@media (min-width: 600px) {
.slideout-panel-inner > header .fsElementTitle {
font-size: 50px;
line-height: 55px;
}
}
@media (min-width: 600px) {
.slideout-panel-inner > header .fsElementTitle {
margin-bottom: 30px;
}
}
.slideout-panel-inner > .fsElementContent {
padding-bottom: 65px;
}
.slideout-calendar-slideshow .fsElementHeaderContent a,
.slideout-post .fsElementHeaderContent a {
color: rgba(255, 255, 255, 0.8);
}
.slideout-calendar-slideshow .fsElementHeaderContent a:after,
.slideout-post .fsElementHeaderContent a:after {
color: rgba(255, 255, 255, 0.5);
transition: color .3s;
margin-left: 0;
}
.slideout-calendar-slideshow .fsElementHeaderContent a:hover, .slideout-calendar-slideshow .fsElementHeaderContent a:focus,
.slideout-post .fsElementHeaderContent a:hover,
.slideout-post .fsElementHeaderContent a:focus {
color: #fff;
}
.slideout-calendar-slideshow .fsElementHeaderContent a:hover:after, .slideout-calendar-slideshow .fsElementHeaderContent a:focus:after,
.slideout-post .fsElementHeaderContent a:hover:after,
.slideout-post .fsElementHeaderContent a:focus:after {
color: rgba(255, 255, 255, 0.7);
transition: color .3s;
}
.slideout-calendar-slideshow .fsListItems article,
.slideout-post .fsListItems article {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.slideout-calendar-slideshow {
max-width: calc(100% - 110px);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1100px) {
.slideout-calendar-slideshow {
max-width: 100%;
}
}
.slideout-calendar-slideshow .fsListItems article {
padding-right: 30px;
}
.slideout-calendar-slideshow .fsDate {
background-color: rgba(0, 0, 0, 0.2);
border: solid 1px rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.8);
}
.slideout-calendar-slideshow .fsTitle {
color: #fff;
}
.slideout-calendar-slideshow .fsTitle a {
color: inherit;
transition: opacity .3s;
}
.slideout-calendar-slideshow .fsTitle a:hover {
opacity: .8;
transition: opacity .3s;
}
.slideout-calendar-slideshow .slick-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
width: 45px;
height: 45px;
padding: 0;
overflow: hidden;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
color: transparent;
border: none;
transition: .3s;
}
.slideout-calendar-slideshow .slick-arrow:hover, .slideout-calendar-slideshow .slick-arrow:focus {
background-color: rgba(0, 0, 0, 0.4);
outline: transparent;
transition: .3s;
}
.slideout-calendar-slideshow .slick-arrow:hover:before, .slideout-calendar-slideshow .slick-arrow:hover:after, .slideout-calendar-slideshow .slick-arrow:focus:before, .slideout-calendar-slideshow .slick-arrow:focus:after {
color: #fff;
transition: color .3s;
}
.slideout-calendar-slideshow .slick-arrow:before, .slideout-calendar-slideshow .slick-arrow:after {
font-family: "IcoMoon";
color: rgba(255, 255, 255, 0.8);
font-size: 25px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
transition: color .3s;
}
.slideout-calendar-slideshow .slick-arrow.slick-prev:before, .slideout-calendar-slideshow .slick-arrow.slick-next:before {
line-height: 13px;
}
.slideout-calendar-slideshow .slick-arrow.slick-prev {
left: -85px;
}
.slideout-calendar-slideshow .slick-arrow.slick-prev:before {
content: "";
text-align: left;
}
.slideout-calendar-slideshow .slick-arrow.slick-next {
right: -85px;
}
.slideout-calendar-slideshow .slick-arrow.slick-next:before {
content: "";
}
.slideout-post .grid-sizer {
width: 33.333%;
}
@media (min-width: 1100px) {
.slideout-post .grid-sizer {
width: 25%;
}
}
.slideout-post .fsListItems article {
background-color: rgba(0, 0, 0, 0.2);
width: calc(33.33% - 20px);
margin-bottom: 20px !important;
display: block;
}
@media (min-width: 1100px) {
.slideout-post .fsListItems article {
width: calc(25% - 20px);
}
}
.slideout-post .fsListItems article:after {
display: none;
}
.slideout-post .fsListItems article .fsTitle {
margin-top: 25px;
padding-bottom: 25px;
margin-bottom: 0;
}
.slideout-post .fsListItems article .fsTags {
display: none;
}
.slideout-post .fsListItems article:first-of-type {
width: calc(66.66% - 20px);
}
@media (min-width: 1100px) {
.slideout-post .fsListItems article:first-of-type {
width: calc(50% - 20px);
}
}
.slideout-post .fsListItems article.has-video .fsThumbnail {
position: relative;
}
.slideout-post .fsListItems article.has-video .fsThumbnail:before, .slideout-post .fsListItems article.has-video .fsThumbnail:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.slideout-post .fsListItems article.has-video .fsThumbnail:before {
width: 60px;
height: 60px;
background-color: rgba(59, 174, 67, 0.9);
border: 1px solid #fff;
border-radius: 100%;
transition: .3s;
}
.slideout-post .fsListItems article.has-video .fsThumbnail:after {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #fff;
}
.slideout-post .fsListItems article.has-video .fsThumbnail:hover:before {
background-color: #3bae43;
transition: .3s;
}
.slideout-post article > div,
.slideout-post article > a {
padding-left: 20px;
padding-right: 20px;
}
.slideout-post article > div:last-child,
.slideout-post article > a:last-child {
padding-bottom: 25px;
}
.slideout-post article > div.fsThumbnail,
.slideout-post article > a.fsThumbnail {
width: 100%;
max-width: 100% !important;
padding: 0;
}
.slideout-post article > div.fsThumbnail img,
.slideout-post article > a.fsThumbnail img {
display: block;
}
.slideout-post article > div.fsSummary,
.slideout-post article > a.fsSummary {
padding-bottom: 25px;
}
.slideout-post .fsTitle {
color: #3bae43;
}
.slideout-post .fsTitle:last-child {
margin-bottom: 0;
}
.slideout-post .fsTitle a {
color: inherit;
}
.slideout-post .fsTitle a:hover {
color: #fff;
}
.slideout-post .fsSummary p:last-child {
margin-bottom: 0;
}
.hp-panel {
margin: 40px auto;
}
@media (min-width: 600px) {
.hp-panel {
margin: 70px auto;
}
}
.hp-panel:last-of-type {
margin-bottom: 0;
}
.hp-panel + .cta-button-element {
margin-top: 0;
}
.hp-panel.intro {
width: 1180px;
max-width: calc(100% - 40px);
margin-top: 80px;
}
@media (min-width: 600px) {
.hp-panel.intro {
margin-top: 70px;
}
}
@media (min-width: 900px) {
.hp-panel.intro {
margin-top: 200px;
}
}
@media (min-width: 900px) {
.hp-panel.intro .custom-landing-intro {
padding-left: 480px;
}
}
@media (min-width: 1100px) {
.hp-panel.intro .custom-landing-intro {
padding-left: calc(480px + 6vw);
}
}
.hp-panel.numbers .custom-landing-intro {
max-width: calc(100% - 40px);
margin: 0 auto 50px;
}
@media (min-width: 900px) {
.hp-panel.numbers .custom-landing-intro {
width: 1180px;
padding-top: 25px;
}
}
@media (min-width: 600px) {
.hp-panel .custom-landing-intro {
padding-right: 80px;
padding-left: 40px;
}
}
@media (min-width: 900px) {
.hp-panel .custom-landing-intro {
padding-left: 480px;
padding-left: calc(480px + 6vw);
padding-right: 5.55vw;
min-height: 450px;
}
}
@media (min-width: 1220px) {
.hp-panel .custom-landing-intro {
padding-left: 530px;
padding-right: 80px;
}
}
@media (min-width: 900px) {
.hp-panel .custom-landing-intro > header {
min-height: 0;
padding-left: 0;
display: block;
}
}
@media (min-width: 900px) {
.hp-panel .custom-landing-intro > header .fsElementTitle {
font-size: 22px;
padding-left: 40px;
}
}
@media (min-width: 1000px) {
.hp-panel .custom-landing-intro > header .fsElementTitle {
font-size: 24px;
padding-left: 60px;
}
}
@media (min-width: 900px) {
.hp-panel .custom-landing-intro > header .fsElementTitle:before {
width: 30px;
}
}
@media (min-width: 1000px) {
.hp-panel .custom-landing-intro > header .fsElementTitle:before {
width: 50px;
}
}
@media (min-width: 900px) {
.hp-panel .custom-landing-intro > header .fsElementHeaderContent {
font-size: 40px;
line-height: 1.1;
}
}
@media (min-width: 1000px) {
.hp-panel .custom-landing-intro > header .fsElementHeaderContent {
font-size: 50px;
}
}
.hp-panel .custom-landing-intro > .fsElementContent,
.hp-panel .custom-landing-intro > footer {
padding: 0;
}
@media (min-width: 600px) {
.hp-panel .custom-landing-intro > .fsElementContent,
.hp-panel .custom-landing-intro > footer {
padding-left: 10vw;
padding-right: 0;
}
}
@media (min-width: 800px) {
.hp-panel .custom-landing-intro > .fsElementContent,
.hp-panel .custom-landing-intro > footer {
padding-left: 100px;
}
}
@media (min-width: 900px) {
.hp-panel .custom-landing-intro > .fsElementContent,
.hp-panel .custom-landing-intro > footer {
padding-left: 0;
}
}
@media (min-width: 1000px) {
.hp-panel .custom-landing-intro > .fsElementContent,
.hp-panel .custom-landing-intro > footer {
padding-left: 40px;
}
}
@media (min-width: 1100px) {
.hp-panel .custom-landing-intro > .fsElementContent,
.hp-panel .custom-landing-intro > footer {
padding-left: 7vw;
padding-right: 7vw;
}
}
@media (min-width: 1220px) {
.hp-panel .custom-landing-intro > .fsElementContent,
.hp-panel .custom-landing-intro > footer {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 600px) {
.hp-panel .custom-landing-intro > .fsElementContent:last-child,
.hp-panel .custom-landing-intro > footer:last-child {
padding-bottom: 30px;
}
}
@media (min-width: 600px) {
.hp-panel .custom-landing-intro.left-side {
padding-left: 40px;
}
}
@media (min-width: 900px) {
.hp-panel .custom-landing-intro.left-side {
padding-right: 530px;
padding-left: 20px;
}
}
@media (min-width: 1000px) {
.hp-panel .custom-landing-intro.left-side {
padding-right: 530px;
padding-left: 80px;
}
}
@media (min-width: 1220px) {
.hp-panel .custom-landing-intro.left-side {
padding-left: 5.55vw;
}
}
@media (min-width: 1000px) {
.hp-panel .custom-landing-intro.left-side > .fsElementContent,
.hp-panel .custom-landing-intro.left-side > footer {
padding-left: 60px;
}
}
@media (min-width: 1100px) {
.hp-panel .custom-landing-intro.left-side > .fsElementContent,
.hp-panel .custom-landing-intro.left-side > footer {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 600px) {
.hp-panel .custom-landing-intro.left-side > .fsElementContent:last-child,
.hp-panel .custom-landing-intro.left-side > footer:last-child {
padding-bottom: 30px;
}
}
.hp-panel.programs {
margin-bottom: 100px;
}
@media (min-width: 600px) {
.hp-panel.posts-hub-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
body.fsComposeMode .hp-panel.posts-hub-container {
display: block;
}
@media (min-width: 600px) {
.hp-panel.posts-hub-container > header,
.hp-panel.posts-hub-container > footer {
max-width: 130px;
background-size: cover;
background-position-y: center;
overflow: hidden;
opacity: .3;
width: 20px;
filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
}
@media (min-width: 1220px) {
.hp-panel.posts-hub-container > header,
.hp-panel.posts-hub-container > footer {
width: calc(50% - 590px);
}
}
@media (min-width: 1440px) {
.hp-panel.posts-hub-container > header,
.hp-panel.posts-hub-container > footer {
max-width: 100%;
}
}
.hp-panel.posts-hub-container > header > div,
.hp-panel.posts-hub-container > footer > div {
margin: 0;
}
.hp-panel.posts-hub-container > header img, .hp-panel.posts-hub-container > footer img {
opacity: 0;
visibility: hidden;
}
body.fsComposeMode .hp-panel.posts-hub-container > header img,
body.fsComposeMode .hp-panel.posts-hub-container > footer img {
opacity: 1;
visibility: visible;
}
@media (min-width: 600px) {
.hp-panel.posts-hub-container > header {
height: 51.823vw;
}
}
@media (min-width: 1080px) {
.hp-panel.posts-hub-container > header {
height: 454px;
}
}
.hp-panel.posts-hub-container > header .fsElementTitle {
margin-top: 0;
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
line-height: 18px;
color: #989a9d;
width: 100%;
background: #fff;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 600px) {
.hp-panel.posts-hub-container > header .fsElementTitle {
position: absolute;
left: 20px;
bottom: 100%;
color: black;
}
}
@media (min-width: 1080px) {
.hp-panel.posts-hub-container > header .fsElementTitle {
display: none;
}
}
.hp-panel.posts-hub-container > header .fsElementHeaderContent {
display: none;
}
@media (min-width: 600px) {
.hp-panel.posts-hub-container > header .fsElementHeaderContent {
display: block;
}
}
.hp-panel.posts-hub-container > footer {
-ms-flex-item-align: end;
align-self: flex-end;
display: none;
}
@media (min-width: 600px) {
.hp-panel.posts-hub-container > footer {
height: 42.45vw;
display: block;
}
}
@media (min-width: 1080px) {
.hp-panel.posts-hub-container > footer {
height: 760px;
}
}
.hp-panel.posts-hub-container > .fsElementContent {
width: 1180px;
max-width: calc(100% - 40px);
margin: 0 auto;
position: relative;
z-index: 1;
}
.hp-panel.posts-hub-container .video-autoplay {
position: absolute;
right: 1px;
top: 27.118vw;
width: 63%;
min-height: calc(100% - 27.118vw);
z-index: 5;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
display: none;
}
@media (min-width: 1080px) {
.hp-panel.posts-hub-container .video-autoplay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 1220px) {
.hp-panel.posts-hub-container .video-autoplay {
top: 326px;
width: 740px;
min-height: calc(100% - 326px);
}
}
body.fsComposeMode .hp-panel.posts-hub-container .video-autoplay {
position: relative;
display: block;
top: auto;
}
.hp-panel.posts-hub-container .video-autoplay > header {
width: 52.7%;
-ms-flex-item-align: end;
align-self: flex-end;
padding: 25px 30px;
}
@media (min-width: 1220px) {
.hp-panel.posts-hub-container .video-autoplay > header {
width: 390px;
}
}
.hp-panel.posts-hub-container .video-autoplay > header .fsElementTitle {
color: #00583d;
font-weight: 700;
line-height: 25px;
font-size: 17px;
margin-bottom: 5px;
}
.hp-panel.posts-hub-container .video-autoplay > header .fsElementHeaderContent {
margin-bottom: 0;
}
.hp-panel.posts-hub-container .video-autoplay .fsMediaContainer {
border: solid 1px #fff;
box-shadow: 0 0 0 1px #fff;
}
.hp-panel.posts-hub-container .video-autoplay video {
display: block;
height: 415px;
max-width: none;
}
.hp-panel .post-hub-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 600px) {
.hp-panel .post-hub-filter {
margin: 0 0 20px 20px;
}
}
@media (min-width: 1080px) {
.hp-panel .post-hub-filter {
margin: 0;
position: absolute;
left: 0;
top: calc(34.322vw + 50px);
z-index: 15;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 37%;
height: 245px;
}
}
@media (min-width: 1220px) {
.hp-panel .post-hub-filter {
top: 455px;
max-width: 440px;
}
}
body.fsComposeMode .hp-panel .post-hub-filter {
position: relative;
max-width: 100%;
top: auto;
}
.hp-panel .post-hub-filter > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 340px) {
.hp-panel .post-hub-filter > header {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.hp-panel .post-hub-filter > header .fsElementTitle {
width: auto;
margin-right: 0;
text-align: center;
padding-left: 10px;
padding-right: 10px;
width: 164px;
}
@media (min-width: 340px) {
.hp-panel .post-hub-filter > header .fsElementTitle {
margin-right: 20px;
}
}
@media (min-width: 600px) {
.hp-panel .post-hub-filter > header .fsElementTitle {
width: 190px;
margin-right: 0;
}
}
.hp-panel .post-hub-filter > header .fsElementHeaderContent {
margin-top: 0;
text-align: center;
margin-left: 0;
}
@media (min-width: 600px) {
.hp-panel .post-hub-filter > header .fsElementHeaderContent {
margin-left: 30px;
}
}
.hp-panel .post-hub-filter > header .fsElementHeaderContent:before {
display: inline-block;
margin-bottom: 0;
}
.hp-panel .post-hub-filter > .fsElementContent {
width: 310px;
}
.hp-panel .post-hub-filter .fsToolsList {
width: 154px;
}
@media (min-width: 600px) {
.hp-panel .post-hub-filter .fsToolsList {
width: 180px;
}
}
.hp-panel .post-hub-filter .fsToolsList li a {
line-height: 1.2;
}
@media (min-width: 600px) {
.hp-panel .post-hub-filter .fsToolsList li a {
line-height: 26px;
}
}
.hp-panel .post-hub-element {
margin-bottom: -2px;
padding: 1px;
}
@media (min-width: 1080px) {
.hp-panel .post-hub-element {
padding: 0;
margin-bottom: 0;
}
}
.hp-panel .post-hub-element .fsListItems article {
border: none;
margin-bottom: 10px;
padding: 15px 20px;
min-height: 53.75vw;
}
@media (min-width: 600px) {
.hp-panel .post-hub-element .fsListItems article {
width: 50%;
min-height: 28.125vw;
margin-bottom: 0;
border: solid 1px #fff;
box-shadow: 0 0 0 1px #fff;
}
}
@media (min-width: 1080px) {
.hp-panel .post-hub-element .fsListItems article {
min-height: 245px;
width: 395px;
margin-top: 245px;
max-width: 33.333%;
padding: 20px 30px;
}
}
@media (min-width: 1220px) {
.hp-panel .post-hub-element .fsListItems article {
max-width: 395px;
}
}
body.fsComposeMode .hp-panel .post-hub-element .fsListItems article {
margin: 0 auto;
}
@media (min-width: 1080px) {
.hp-panel .post-hub-element .fsListItems article:first-of-type {
width: 56%;
max-width: 660px;
height: 34.322vw;
max-height: 405px;
margin-top: 50px;
}
}
@media (min-width: 1220px) {
.hp-panel .post-hub-element .fsListItems article:first-of-type {
height: 405px;
}
}
@media (min-width: 1080px) {
.hp-panel .post-hub-element .fsListItems article:nth-of-type(2) {
width: 44%;
max-width: 520px;
height: 27.118vw;
max-height: 320px;
margin-top: 7px;
}
}
@media (min-width: 1220px) {
.hp-panel .post-hub-element .fsListItems article:nth-of-type(2) {
height: 320px;
}
}
.hp-panel .post-hub-element .fsListItems article:nth-of-type(3), .hp-panel .post-hub-element .fsListItems article:nth-of-type(4) {
z-index: 10;
position: relative;
}
.hp-panel .post-hub-element .fsListItems article:nth-of-type(4) {
margin-bottom: 0;
}
.hp-panel .post-hub-element .fsListItems article:nth-child(n+5) {
display: none;
}
.program-intro-container {
position: relative;
margin-bottom: 40px;
}
@media (min-width: 600px) {
.program-intro-container {
margin-bottom: 70px;
}
}
.program-intro-container > header,
.program-intro-container > footer {
max-width: 100%;
background-size: cover;
background-position-y: center;
overflow: hidden;
opacity: .3;
position: absolute;
left: 0;
display: none;
filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
@media (min-width: 600px) {
.program-intro-container > header,
.program-intro-container > footer {
display: block;
}
}
.program-intro-container > header > div,
.program-intro-container > footer > div {
margin: 0;
}
.program-intro-container > header img, .program-intro-container > footer img {
opacity: 0;
visibility: hidden;
}
body.fsComposeMode .program-intro-container > header img,
body.fsComposeMode .program-intro-container > footer img {
opacity: 1;
visibility: visible;
}
.program-intro-container > header {
height: 545px;
top: -130px;
width: 9vw;
max-width: 130px;
width: 20px;
}
@media (min-width: 500px) {
.program-intro-container > header {
display: block;
}
}
@media (min-width: 1000px) {
.program-intro-container > header {
width: 5.55vw;
}
}
@media (min-width: 1220px) {
.program-intro-container > header {
width: calc(50% - 570px);
}
}
@media (min-width: 1440px) {
.program-intro-container > header {
max-width: 100%;
}
}
.program-intro-container > footer {
height: 102px;
top: 417px;
width: calc(50% - 490px);
width: 100px;
}
@media (min-width: 1220px) {
.program-intro-container > footer {
width: calc(50% - 490px);
}
}
@media (min-width: 1440px) {
.program-intro-container > footer {
max-width: 100%;
}
}
.program-intro-container > .fsElementContent {
width: 1180px;
max-width: calc(100% - 40px);
margin: 0 auto;
}
@media (min-width: 900px) {
.program-intro-container > .fsElementContent {
min-height: 450px;
}
}
.hp-program-slideshow {
background-color: #00583d;
}
body:not(.fsComposeMode) .hp-program-slideshow > header {
display: none;
}
.hp-program-slideshow > .fsElementContent {
width: 1180px;
max-width: calc(100% - 40px);
margin: 0 auto;
}
.hp-program-slideshow .fsMediaCustomPlayer {
border: none;
overflow: visible;
}
.hp-program-slideshow .slick-list {
overflow: visible;
}
.hp-program-slideshow .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hp-program-slideshow .slick-track .slick-slide {
height: auto;
}
.hp-program-slideshow .slick-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
width: 45px;
height: 45px;
padding: 0;
overflow: hidden;
border-radius: 100%;
background-color: rgba(161, 163, 166, 0.3);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
top: calc(100% + 20px);
color: transparent;
border: none;
transition: .3s;
}
.hp-program-slideshow .slick-arrow:hover, .hp-program-slideshow .slick-arrow:focus {
background-color: rgba(161, 163, 166, 0.6);
outline: transparent;
transition: .3s;
}
.hp-program-slideshow .slick-arrow:before, .hp-program-slideshow .slick-arrow:after {
font-family: "IcoMoon";
color: #54565b;
font-size: 25px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
transition: color .3s;
}
.hp-program-slideshow .slick-arrow.slick-prev:before, .hp-program-slideshow .slick-arrow.slick-next:before {
line-height: 13px;
}
.hp-program-slideshow .slick-arrow.slick-prev {
left: auto;
right: 60px;
}
.hp-program-slideshow .slick-arrow.slick-prev:before {
content: "";
text-align: left;
}
.hp-program-slideshow .slick-arrow.slick-next {
right: 0;
}
.hp-program-slideshow .slick-arrow.slick-next:before {
content: "";
}
.hp-program-slide {
border: solid 1px #fff;
}
.hp-program-slide img {
position: absolute;
top: 0;
left: 0;
}
.hp-program-slide .custom-image-button {
min-height: 340px;
height: 100%;
}
.hp-program-slide .custom-image-button .fsElementHeaderContent {
margin-bottom: 0;
}
.program-desc p {
margin-bottom: 0;
}
.program-desc a.fs_style_37, .program-desc a {
position: relative;
padding: 0;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .075em;
display: inline-block;
margin: 0 5px 0 0;
color: #fff;
border-radius: 0;
position: relative;
transition: .3s;
text-decoration: none;
margin-top: 10px;
display: block;
}
.program-desc a.fs_style_37:after, .program-desc a:after {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
display: inline-block;
color: rgba(255, 255, 255, 0.5);
margin-left: 5px;
font-size: 21px;
line-height: 1;
vertical-align: bottom;
}
.program-desc a.fs_style_37:hover, .program-desc a.fs_style_37:focus, .program-desc a:hover, .program-desc a:focus {
transition: .3s;
}
.program-desc a.fs_style_37:hover:after, .program-desc a.fs_style_37:focus:after, .program-desc a:hover:after, .program-desc a:focus:after {
-webkit-animation: bounce .4s 2;
animation: bounce .4s 2;
}
.production .program-desc a.fs_style_37 {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
margin-top: 15px;
padding: 5px 20px;
font-size: 12px;
}
.production .program-desc a.fs_style_37:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.production .program-desc a.fs_style_37:last-child {
margin-bottom: 0;
}
.production .program-desc a.fs_style_37:after {
content: '';
}
@-webkit-keyframes igAnimate {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes igAnimate {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes igActive {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes igActive {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.hp-infographic-container {
background-position: center top;
text-align: center;
padding: 50px 0;
background-size: cover;
margin-bottom: 0;
}
.hp-infographic-container.mobile > .fsElementContent {
max-width: 100%;
}
@media (min-width: 700px) {
.hp-infographic-container.mobile {
display: none;
}
}
.hp-infographic-container.desktop {
display: none;
}
@media (min-width: 700px) {
.hp-infographic-container.desktop {
display: block;
}
}
@media (min-width: 700px) {
.hp-infographic-container {
padding: 200px 0 50px;
margin-top: -120px;
}
}
@media (min-width: 800px) {
.hp-infographic-container {
padding: 320px 0 110px;
margin-top: -190px;
}
}
.fsComposeMode .hp-infographic-container {
margin-top: 0;
}
.hp-infographic-container > .fsElementContent {
max-width: calc(100% - 40px);
width: 1320px;
margin: 0 auto;
position: relative;
}
@media (min-width: 700px) {
.hp-infographic-container > .fsElementContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1100px) {
.hp-infographic-container > .fsElementContent {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (min-width: 1180px) {
.hp-infographic-container > .fsElementContent {
max-width: calc(100% - 100px);
}
}
.hp-infographic-container > footer .fsElementFooterContent {
margin-top: 25px;
}
@media (min-width: 700px) {
.hp-infographic-container > footer .fsElementFooterContent {
margin-top: 50px;
}
}
.fsComposeMode .hp-infographic-container > .fsElementContent {
display: block;
}
.hp-infographic-slide {
margin-bottom: 0;
padding: 0 10px;
transition: .3s;
}
@media (min-width: 700px) {
.hp-infographic-slide {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media (min-width: 1180px) {
.hp-infographic-slide {
padding: 0 20px;
}
}
.hp-infographic-slide > header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hp-infographic-slide > header .fsElementTitle {
margin-bottom: 0;
font-size: 30px;
font-weight: 400;
line-height: 90px;
font-family: "adobe-garamond-pro", Georgia, serif;
color: #00583d;
position: relative;
text-align: center;
transition: .3s;
}
@media (min-width: 600px) {
.hp-infographic-slide > header .fsElementTitle {
font-size: 34px;
}
}
@media (min-width: 800px) {
.hp-infographic-slide > header .fsElementTitle {
font-size: 36px;
}
}
.hp-infographic-slide > footer .fsElementFooterContent {
margin: 0 auto;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
position: relative;
width: 480px;
}
@media (min-width: 600px) {
.hp-infographic-slide > footer .fsElementFooterContent {
font-size: 26px;
}
}
body:not(.fsComposeMode) .hp-infographic-slide > footer .fsElementFooterContent {
display: none;
}
.hp-infographic-slide.ig-slide {
cursor: pointer;
width: 14.28559%;
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
}
.hp-infographic-slide.ig-slide.clicked {
-webkit-animation: igActive .5s 1;
animation: igActive .5s 1;
transition: .3s;
}
.hp-infographic-slide.ig-slide:first-of-type {
padding-left: 0;
}
.hp-infographic-slide.ig-slide:last-of-type {
padding-right: 0;
}
.hp-infographic-slide.ig-slide:hover .fsElementTitle {
color: #3bae43;
transition: .3s;
}
.hp-infographic-slide.ig-active {
-ms-flex-item-align: start;
align-self: flex-start;
padding: 0;
-webkit-animation: igActive .75s 1;
animation: igActive .75s 1;
transition: .3s;
}
@media (min-width: 700px) {
.hp-infographic-slide.ig-active {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
min-width: 350px;
}
}
@media (min-width: 1100px) {
.hp-infographic-slide.ig-active {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
width: auto;
}
}
.hp-infographic-slide.ig-active > header .fsElementTitle {
font-weight: 400;
line-height: 90px;
color: #3bae43;
position: relative;
font-size: 60px;
transition: font-size .5s;
letter-spacing: -3px;
font-family: "adobe-garamond-pro", Georgia, serif;
margin-bottom: 0;
}
@media (min-width: 600px) {
.hp-infographic-slide.ig-active > header .fsElementTitle {
font-size: 75px;
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 800px) {
.hp-infographic-slide.ig-active > header .fsElementTitle {
font-size: 90px;
}
}
.hp-infographic-slide.ig-active > header .fsElementTitle:before, .hp-infographic-slide.ig-active > header .fsElementTitle:after {
content: '';
width: 30px;
height: 2px;
opacity: 0.3;
background-color: #54565b;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
@media (min-width: 600px) {
.hp-infographic-slide.ig-active > header .fsElementTitle:before, .hp-infographic-slide.ig-active > header .fsElementTitle:after {
width: 50px;
}
}
.hp-infographic-slide.ig-active > header .fsElementTitle:before {
left: 0;
}
.hp-infographic-slide.ig-active > header .fsElementTitle:after {
right: 0;
}
.hp-infographic-slide.ig-active.animated {
-webkit-animation: igAnimate .75s 1;
animation: igAnimate .75s 1;
transition: .3s;
}
.hp-infographic-slide.ig-active.select {
-webkit-animation: igActive .75s 1;
animation: igActive .75s 1;
transition: .3s;
}
.mobile .hp-infographic-slide {
padding: 0;
outline: transparent;
}
.mobile .hp-infographic-slide > header {
display: block;
}
.mobile .hp-infographic-slide > header .fsElementTitle {
font-size: 24px;
font-size: 60px;
line-height: 60px;
-webkit-transform: translateX(calc(60% - 60px)) scale(0.4);
-ms-transform: translateX(calc(60% - 60px)) scale(0.4);
transform: translateX(calc(60% - 60px)) scale(0.4);
text-align: right;
}
@media (min-width: 500px) {
.mobile .hp-infographic-slide > header .fsElementTitle {
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
text-align: center;
}
}
.mobile .hp-infographic-slide > footer .fsElementFooterContent {
display: block !important;
-webkit-transform: translate3d(-50%, 0, 0) scale(0);
transform: translate3d(-50%, 0, 0) scale(0);
position: relative;
left: 50%;
font-size: 20px;
padding-top: 15px;
transition: .3s;
max-width: calc(100vw - 40px);
margin: 0;
}
.mobile .hp-infographic-slide.slick-current > header .fsElementTitle {
color: #3bae43;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
text-align: center;
}
.mobile .hp-infographic-slide.slick-current > footer .fsElementFooterContent {
-webkit-transform: translate3d(-50%, 0, 0) scale(1);
transform: translate3d(-50%, 0, 0) scale(1);
transition: .3s ease-in .3s;
}
.mobile .hp-infographic-slide.slick-current + .hp-infographic-slide > header .fsElementTitle {
-webkit-transform: translateX(calc(-60% + 60px)) scale(0.4);
-ms-transform: translateX(calc(-60% + 60px)) scale(0.4);
transform: translateX(calc(-60% + 60px)) scale(0.4);
text-align: left;
}
@media (min-width: 500px) {
.mobile .hp-infographic-slide.slick-current + .hp-infographic-slide > header .fsElementTitle {
text-align: center;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
}
.ig-desc-wrapper {
margin: 20px auto 0;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
position: relative;
width: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 600px) {
.ig-desc-wrapper {
font-size: 26px;
height: 40px;
}
}
.ig-desc-inner {
max-width: 480px;
margin: 0 auto;
}
.hp-animated-content {
margin: 0 auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10;
max-width: 100%;
min-height: 250px;
}
@media (min-width: 600px) {
.hp-animated-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto 70px;
height: 670px;
width: 1360px;
height: 57vw;
max-width: calc(100% - 40px);
}
}
@media (min-width: 900px) {
.hp-animated-content {
height: 760px;
}
}
@media (min-width: 1440px) {
.hp-animated-content {
max-width: calc(100% - 7vw);
max-width: calc(100% - 100px);
}
}
.hp-animated-content > .fsElementContent {
position: relative;
top: 0;
max-width: 100%;
height: 100%;
background-size: cover;
background-position: center;
min-height: 250px;
}
@media screen and (max-width: 899px) {
.hp-animated-content > .fsElementContent {
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
left: 0 !important;
width: 100% !important;
height: 57vw !important;
}
}
.hp-animated-content > .fsElementContent:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.hp-animated-content > .fsElementContent img {
opacity: 0;
visibility: hidden;
display: block;
}
.fsComposeMode .hp-animated-content > .fsElementContent img {
opacity: 1;
visibility: visible;
}
.hp-animated-content.programs > .fsElementContent {
-ms-flex-item-align: end;
align-self: flex-end;
}
.hp-animated-content.infographic > .fsElementContent {
left: 0;
}
.hp-animated-content > header {
text-align: center;
z-index: 105;
width: 1180px;
max-width: calc(100% - 40px);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
margin: 0 auto;
padding: 13px 10px;
background-color: #f6f6f7;
border: 1px solid rgba(84, 86, 91, 0.3);
}
@media (min-width: 600px) {
.hp-animated-content > header {
border: none;
background-color: transparent;
bottom: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
padding: 0;
}
}
@media (min-width: 800px) {
.hp-animated-content > header {
max-width: calc(100% - 100px);
}
}
.hp-animated-content > header .fsElementTitle {
text-align: center;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #989a9d;
margin-bottom: 0;
}
@media (min-width: 600px) {
.hp-animated-content > header .fsElementTitle {
text-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 36px;
font-weight: 300;
line-height: 1.2;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .5s;
}
}
@media (min-width: 900px) {
.hp-animated-content > header .fsElementTitle {
font-size: 50px;
}
}
.hp-animated-content > header .fsElementHeaderContent {
color: #54565b;
font-size: 19px;
font-weight: 300;
line-height: 1.3;
margin-bottom: 0;
}
@media (min-width: 600px) {
.hp-animated-content > header .fsElementHeaderContent {
opacity: 0.8;
text-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
font-weight: 700;
line-height: 1.2;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .5s;
font-size: 54px;
}
}
@media (min-width: 900px) {
.hp-animated-content > header .fsElementHeaderContent {
font-size: 90px;
}
}
@media (min-width: 600px) {
.hp-animated-content > header.hide .fsElementTitle {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
visibility: hidden;
transition: .5s;
}
}
@media (min-width: 600px) {
.hp-animated-content > header.hide .fsElementHeaderContent {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
visibility: hidden;
transition: .5s;
}
}
@media (min-width: 900px) {
.touch .hp-animated-content > .fsElementContent {
transition: .5s;
}
.touch .hp-animated-content > .fsElementContent.touch-animate {
width: 450px;
height: 450px;
-webkit-transform: translate3d(0, 670px, 0px);
transform: translate3d(0, 670px, 0px);
transition: .5s;
margin: 0;
}
}
.portal-page .fsTwoColumnWideRightLayout > .fsDiv > .fsElement + .fsElement {
margin-top: 2em;
} .style-guide-page .fsPageTitle {
margin-bottom: 1.7647058824em;
padding: 1.1764705882em;
background: rgba(0, 0, 0, 0.1);
}
.colors {
margin-bottom: 0;
}
.colors ol {
zoom: 1;
margin-bottom: 2.3529411765em;
padding: 0;
list-style: none;
}
.colors ol:after {
display: table;
clear: both;
content: '';
}
.colors ol li {
position: relative;
float: left;
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 {
top: 100%;
left: 0;
margin-top: 4em;
padding-bottom: 2em;
display: block;
background-color: #fff;
}
.colors ol li:nth-of-type(1) {
background: #00583d;
color: #00583d;
}
.colors ol li:nth-of-type(1):after {
content: "#00583d";
}
.colors ol li:nth-of-type(2) {
background: #0a7554;
color: #0a7554;
}
.colors ol li:nth-of-type(2):after {
content: "#0a7554";
}
.colors ol li:nth-of-type(3) {
background: #3bae43;
color: #3bae43;
}
.colors ol li:nth-of-type(3):after {
content: "#3bae43";
}
.colors ol li:nth-of-type(4) {
background: #50ce59;
color: #50ce59;
}
.colors ol li:nth-of-type(4):after {
content: "#50ce59";
}
.colors ol li:nth-of-type(5) {
background: #cbcccd;
color: #cbcccd;
}
.colors ol li:nth-of-type(5):after {
content: "#cbcccd";
}
.colors ol li:nth-of-type(6) {
background: #b0b2b6;
color: #b0b2b6;
}
.colors ol li:nth-of-type(6):after {
content: "#b0b2b6";
}
.colors ol li:nth-of-type(7) {
background: #989a9d;
color: #989a9d;
}
.colors ol li:nth-of-type(7):after {
content: "#989a9d";
}
.colors ol li:nth-of-type(8) {
background: #54565b;
color: #54565b;
}
.colors ol li:nth-of-type(8):after {
content: "#54565b";
}
.fonts ol {
zoom: 1;
margin-bottom: 2.3529411765em;
padding: 0;
list-style: none;
}
.fonts ol:after {
display: table;
clear: both;
content: '';
}
.fonts ol li {
margin-bottom: 0.2941176471em;
padding: 0.2941176471em;
}
.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: 50px / line: 55px";
}
.headers h2:after {
content: " size: 28px / line: 34px";
}
.headers h3:after {
content: " size: 24px / line: 27px";
}
.headers h4:after {
content: " size: 20px / line: 24px";
}
.headers h5:after {
content: " size: 17px / line: 22px";
}
.headers h6:after {
content: " size: 14px / line: 18px";
}
.campus-map .fsLayout {
margin-left: 0 !important;
margin-right: 0 !important;
}
.campus-map .coordinates-popup {
position: absolute;
background: #FFF;
color: #000;
padding: 9px 5px;
margin-top: -87px;
margin-left: -310px;
z-index: 250;
width: 620px;
height: 80px;
text-align: center;
border: 1px solid #000;
}
.campus-map .coordinates-popup:after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
}
.campus-map .coordinates-popup .html-markup {
display: block;
margin: 5px;
}
.campus-map .coordinates-popup .copyButton.success:after {
content: "\2714";
margin-left: 5px;
}
@media (min-width: 800px) {
.campus-map.map-pop-active .map-wrapper {
overflow: hidden;
}
.campus-map.map-pop-active .map-pop-wrapper:before {
position: absolute;
top: 0;
bottom: 0;
right: 100%;
width: 1000px;
background: rgba(255, 255, 255, 0.7);
content: '';
z-index: 200;
}
}
.campus-map .map-wrapper {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
margin-bottom: 40px !important;
}
.campus-map .map-wrapper .map-container {
margin-bottom: 0 !important;
overflow: hidden;
}
.campus-map .map-wrapper .map-container > .fsElementContent {
position: relative;
overflow: hidden;
}
.campus-map .map-wrapper .map-container > .fsElementContent img {
display: block;
width: 100%;
height: auto;
}
.campus-map:not(.fsComposeMode) .map-points > header {
display: none;
}
.campus-map:not(.fsComposeMode) .map-points ul.location-list {
height: auto;
}
.campus-map:not(.fsComposeMode) .map-points ul.location-list li a:after {
content: '';
background: url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/images/map-marker.svg);
width: 100px;
height: 100px;
position: absolute;
left: -175%;
top: -155%;
}
.campus-map:not(.fsComposeMode) .map-points ul.location-list li a span {
display: none;
}
.campus-map:not(.fsComposeMode) .map-points ul.location-list.tooltip {
z-index: 494;
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.campus-map:not(.fsComposeMode) .map-points ul.location-list.tooltip li a:after {
display: none;
}
.campus-map:not(.fsComposeMode) .map-points ul.location-list.tooltip li a span {
display: block;
}
.campus-map .map-points, .campus-map .map-points ul {
margin: 0;
padding: 0;
list-style: none;
}
.campus-map .map-points li {
margin: 0;
padding: 0;
}
@media (min-width: 800px) {
.campus-map .map-points.mobile {
display: none;
}
}
.campus-map .map-points:not(.mobile) {
display: none;
}
@media (min-width: 800px) {
.campus-map .map-points:not(.mobile) {
display: block;
}
}
@media (min-width: 800px) {
.campus-map .map-points {
text-align: center;
font-size: 0.625rem;
}
}
.campus-map .map-points ul:not(.redactor-toolbar) {
font-size: 0;
}
.campus-map .map-points ul:not(.redactor-toolbar) li {
position: absolute;
top: 0;
left: 0;
z-index: 0;
counter-increment: li;
transition: 0.3s all;
visibility: hidden;
opacity: 0;
z-index: 0;
}
.campus-map .map-points ul:not(.redactor-toolbar) li.active-modal {
visibility: visible;
opacity: 1;
}
@media (min-width: 800px) {
.campus-map .map-points ul:not(.redactor-toolbar) li {
visibility: visible;
opacity: 1;
}
}
.campus-map .map-points ul:not(.redactor-toolbar) li.close-to-top .map-text {
bottom: -320%;
}
.campus-map .map-points ul:not(.redactor-toolbar) li.close-to-top .map-text:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: rgba(255, 255, 255, 0.95) transparent transparent transparent;
position: absolute;
top: -10px;
z-index: 1;
-webkit-transform: rotate(180deg) translateX(-50%);
-ms-transform: rotate(180deg) translateX(-50%);
transform: rotate(180deg) translateX(-50%);
left: 37%;
}
.campus-map .map-points ul:not(.redactor-toolbar) li:hover {
z-index: 1;
}
.campus-map .map-points ul:not(.redactor-toolbar) li:before {
border-radius: 100%;
}
.campus-map .map-points ul:not(.redactor-toolbar) li a {
display: block;
position: relative;
}
.campus-map .map-points ul:not(.redactor-toolbar) li a:hover .map-text {
color: #54565b;
background: rgba(255, 255, 255, 0.95);
font-weight: normal;
-webkit-transform: scale(1) translate(-50%, -10%);
-ms-transform: scale(1) translate(-50%, -10%);
transform: scale(1) translate(-50%, -10%);
opacity: 1;
visibility: visible;
position: absolute;
z-index: 495;
}
.campus-map .map-points ul:not(.redactor-toolbar) li a:before {
border-radius: 100%;
transition: all 0.3s ease;
display: inline-block;
vertical-align: bottom;
content: counter(li);
text-shadow: rgba(0, 0, 0, 0.6) 0 2px;
color: #FFF;
width: 22px;
height: 22px;
line-height: 19px;
text-align: center;
font-size: 1rem;
}
.campus-map .map-points ul:not(.redactor-toolbar) li a .map-text {
bottom: 100%;
font-size: 0.875rem;
color: #FFF;
padding: 20px 25px;
position: absolute;
left: 50%;
border-radius: 4px;
white-space: nowrap;
-webkit-transform: scale(0.95) translate(-50%, 100%);
-ms-transform: scale(0.95) translate(-50%, 100%);
transform: scale(0.95) translate(-50%, 100%);
opacity: 0;
visibility: hidden;
text-transform: uppercase;
z-index: 0;
transition: all 0.3s ease;
box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
}
.campus-map .map-points ul:not(.redactor-toolbar) li a .map-text:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: rgba(255, 255, 255, 0.95) transparent transparent transparent;
position: absolute;
bottom: -10px;
z-index: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.campus-map .map-points ul:not(.redactor-toolbar) li a .map-text:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 11px 11px 0 11px;
border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
position: absolute;
bottom: -16px;
z-index: -1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.campus-map .map-key {
margin: 40px 0 20px 0;
padding: 0;
}
.campus-map .map-key ul:not(.redactor-toolbar) {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 600px) {
.campus-map .map-key ul:not(.redactor-toolbar) {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-column-rule: 0;
-moz-column-rule: 0;
column-rule: 0;
min-height: initial;
}
}
.campus-map .map-key ul:not(.redactor-toolbar) li {
counter-increment: li;
padding: 5px;
margin-bottom: 2px;
}
@media screen and (min-width: 600px) {
.campus-map .map-key ul:not(.redactor-toolbar) li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
.campus-map .map-key ul:not(.redactor-toolbar) li:before {
display: inline-block;
text-align: left;
vertical-align: middle;
margin-right: 7px;
content: counter(li);
background: none;
color: #3bae43;
font-size: 16px;
}
@media screen and (min-width: 600px) {
.campus-map .map-key ul:not(.redactor-toolbar) li:before {
text-align: center;
width: 40px;
margin-right: 0;
}
}
@media screen and (min-width: 600px) {
.campus-map .map-key ul:not(.redactor-toolbar) li a {
max-width: calc(100% - 40px);
}
}
@media screen and (min-width: 600px) {
.campus-map .map-key ul:not(.redactor-toolbar) li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
}
.campus-map .map-key ul:not(.redactor-toolbar) li .map-text {
color: #54565b;
font-size: 15px;
line-height: 20.49px;
font-weight: normal;
}
.campus-map .map-detail {
font-family: "proxima-nova", sans-serif;
color: #6d6d6d;
font-size: 17px;
}
@media (min-width: 800px) {
.campus-map .map-detail {
height: 100%;
position: absolute;
width: 100%;
top: 0;
right: 0;
}
}
@media (min-width: 800px) {
.campus-map .map-detail .slick-list {
height: 100% !important;
}
}
.campus-map .map-detail .slick-dots {
list-style: none;
font-size: 0;
margin: 0;
padding: 18px 20px;
display: none !important;
line-height: 1;
text-align: center;
}
@media (min-width: 800px) {
.campus-map .map-detail .slick-dots {
display: block !important;
}
}
.campus-map .map-detail .slick-dots li {
display: inline-block;
vertical-align: bottom;
font-size: 0;
}
.campus-map .map-detail .slick-dots li:not(:last-child) {
margin-right: 10px;
}
.campus-map .map-detail .slick-dots li.slick-active button {
background: #3bae43;
opacity: 1;
}
.campus-map .map-detail .slick-dots li button {
padding: 0;
opacity: 0.6;
background: #b2b2b2;
width: 10px;
height: 10px;
border: 0;
border-radius: 100%;
transition: 0.3s background;
}
.campus-map .map-detail .slick-dots li button:hover {
background: #35c9d7;
opacity: 1;
}
@media (min-width: 800px) {
.campus-map .map-detail .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.campus-map .map-detail .slick-slide:first-of-type .fsSlideImage {
opacity: 1;
visibility: visible;
}
.campus-map .map-detail .fsSlideImage {
background-position: center center;
background-size: cover;
position: relative;
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 799px) {
.campus-map .map-detail .fsSlideImage {
background-image: none !important;
}
}
.campus-map .map-detail.show-slides .fsSlideImage {
opacity: 1;
visibility: visible;
}
.campus-map .map-detail .fsSlideImage img {
display: block;
width: 100%;
height: auto;
opacity: 1;
visibility: visible;
}
@media (min-width: 800px) {
.campus-map .map-detail .fsSlideImage img {
opacity: 0;
visibility: hidden;
}
}
.campus-map .map-detail .fsSlideImage .fsCaptionTitleWrapper {
background: #e4e2e1;
padding: 20px 20px 5px;
line-height: 1.5;
}
@media (min-width: 800px) {
.campus-map .map-detail .fsSlideImage .fsCaptionTitleWrapper {
position: absolute;
background: rgba(0, 0, 0, 0.6);
padding: 25px;
right: 0;
bottom: 0;
left: 0;
}
}
.campus-map .map-detail .fsSlideImage .fsCaptionTitleWrapper .fsSlideTitle {
font-size: 1.5625rem;
color: #5e5e5e;
}
@media (min-width: 800px) {
.campus-map .map-detail .fsSlideImage .fsCaptionTitleWrapper .fsSlideTitle {
color: #FFF;
font-size: inherit;
}
}
.campus-map .map-detail .fsCaptionDescWrapper {
padding: 20px;
line-height: 1.5;
background: #e4e2e1;
color: #5e5e5e;
}
@media (min-width: 800px) {
.campus-map .map-detail .fsCaptionDescWrapper {
background: none;
padding: 17px 25px 25px;
}
}
.campus-map .map-detail .fsCaptionDescWrapper .fsSlideDescription h5 {
text-transform: uppercase;
}
.campus-map .map-detail .fsCaptionDescWrapper .fsSlideDescription p:last-child {
margin-bottom: 0;
}
.campus-map.map-pop-active .map-pop-wrapper {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
margin-top: 20px;
}
@media (min-width: 800px) {
.campus-map.map-pop-active .map-pop-wrapper {
margin-top: 0;
}
}
.campus-map .map-pop-wrapper {
position: relative;
transition: 0.3s margin;
}
@media (min-width: 800px) {
.campus-map .map-pop-wrapper {
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #FFF;
opacity: 0;
z-index: 499;
transition: all 0.3s ease;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
width: 100%;
max-width: 540px;
}
.campus-map .map-pop-wrapper .map-pop-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.campus-map .map-pop-wrapper .map-close {
position: absolute;
top: 20px;
right: 20px;
color: #FFF;
font-size: 0;
width: 40px;
height: 40px;
border-radius: 100%;
border: 2px solid #FFF;
text-align: center;
z-index: 400;
transition: 0.3s color, 0.3s border;
}
.campus-map .map-pop-wrapper .map-close:hover {
cursor: pointer;
color: rgba(255, 255, 255, 0.75);
border-color: rgba(255, 255, 255, 0.75);
}
.campus-map .map-pop-wrapper .map-close:before {
content: "";
font-family: "IcoMoon";
font-smoothing: antialiased;
font-weight: normal;
speak: none;
font-size: 1.1875rem;
line-height: 2;
display: block;
}
body.campus-map.fsComposeMode .coordinates-popup {
display: none;
}
body.campus-map.fsComposeMode .map-key {
display: none;
}
body.campus-map.fsComposeMode .map-points {
text-align: left;
}
body.campus-map.fsComposeMode .map-points ul:not(.redactor-toolbar) {
font-size: 17px;
}
body.campus-map.fsComposeMode .map-points ul:not(.redactor-toolbar) li {
position: static;
opacity: 1;
visibility: visible;
}
body.campus-map.fsComposeMode .map-points ul:not(.redactor-toolbar) li:not(:last-child) {
margin-bottom: 10px;
}
body.campus-map.fsComposeMode .map-points ul:not(.redactor-toolbar) li .map-text {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
color: inherit;
border-radius: 0;
white-space: normal;
}
body:not(.fsComposeMode) .infographic-grid > .fsElementContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
body:not(.fsComposeMode) .infographic-grid > .fsElementContent .fsContent {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
body:not(.fsComposeMode) .infographic-grid > .fsElementContent .fsContent > .fsElementContent {
font-size: 24px;
}
body:not(.fsComposeMode) .infographic-grid > .fsElementContent .fsContent > .fsElementContent h3 {
font-size: 120px;
font-weight: 300;
}
body:not(.fsComposeMode) .infographic-grid > .fsElementContent .fsContent > .fsElementContent h4 {
font-size: 80px;
font-weight: 300;
}
body:not(.fsComposeMode) .infographic-grid > .fsElementContent .fsContent > .fsElementContent h5 {
font-size: 60px;
font-weight: 300;
}
body.fsDraftMode .infographic-grid > .fsElementContent .fsContent {
display: block;
}
body:not(.fsComposeMode) .infographic-grid .fsElement.full {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
body:not(.fsComposeMode) .infographic-grid .fsElement.fifth {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
}
body:not(.fsComposeMode) .infographic-grid .fsElement.quarter {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
}
body:not(.fsComposeMode) .infographic-grid .fsElement.third {
-webkit-box-flex: 1;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
}
body:not(.fsComposeMode) .infographic-grid .fsElement.half {
-webkit-box-flex: 1;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
}
body:not(.fsComposeMode) .infographic-grid .fsElement.twoThirds {
-webkit-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
}
body:not(.fsComposeMode) .coloredContentElement {
padding: 60px;
text-align: center;
margin: 0;
}
body:not(.fsComposeMode) .coloredContentElement h1,
body:not(.fsComposeMode) .coloredContentElement h2,
body:not(.fsComposeMode) .coloredContentElement h3,
body:not(.fsComposeMode) .coloredContentElement h4,
body:not(.fsComposeMode) .coloredContentElement h5,
body:not(.fsComposeMode) .coloredContentElement h6,
body:not(.fsComposeMode) .coloredContentElement p {
margin: 0;
line-height: 1;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray {
background: #54565b;
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray h1,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray h2,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray h3,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray h4,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray h5,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray h6,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorGray p {
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen {
background: #00583d;
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen h1,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen h2,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen h3,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen h4,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen h5,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen h6,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorDarkGreen p {
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen {
background: #3bae43;
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen h1,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen h2,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen h3,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen h4,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen h5,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen h6,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGreen p {
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen {
background: #0a7554;
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen h1,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen h2,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen h3,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen h4,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen h5,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen h6,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltDarkGreen p {
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen {
background: #50ce59;
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen h1,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen h2,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen h3,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen h4,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen h5,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen h6,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorAltLightGreen p {
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen {
background: #90EE90;
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen h1,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen h2,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen h3,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen h4,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen h5,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen h6,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLighterGreen p {
color: white;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey {
background: #cbcccd;
color: #54565b;
}
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey h1,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey h2,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey h3,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey h4,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey h5,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey h6,
body:not(.fsComposeMode) .coloredContentElement.fsElement.colorLightGrey p {
color: #54565b;
}
@media (min-width: 800px) {
.fsLayout.westminster-fund {
margin-left: 10px;
margin-right: 10px;
}
}
@media print {
.nav-main,
.nav-sub,
.nav-social,
.nav-utility-header,
.nav-utility-footer,
#fsMenu,
#fsFooter,
.fsThumbnail {
display: none !important;
}
#fsPageContent,
#fsBannerLeft,
#fsBannerRight {
width: 100%;
}
html {
font-size: 100%; }
body {
font-size: 62.5%;
}
.fsHeader {
border-bottom: 2px solid #000;
}
.fsHeader .site-name {
margin-top: 0;
font-weight: normal;
font-size: 35px;
line-height: 39px;
font-weight: 300;
color: #00583d;
margin-bottom: 25px;
}
}
@media print and (min-width: 600px) {
.fsHeader .site-name {
font-size: 50px;
line-height: 55px;
}
}
@media print and (min-width: 600px) {
.fsHeader .site-name {
margin-bottom: 30px;
}
}
@media print {
* {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
min-height: auto !important;
height: auto !important;
}
a, a:visited {
text-decoration: underline;
}
dl dd {
margin-left: 0;
}
div, dl, li {
height: auto !important;
height: 1%;
}
thead {
display: table-header-group;
}
tr, img, h2, h3, pre, blockquote {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
} @font-face {
font-family: 'BPT-IcoMoon';
src: url(//www.bhavkunjschool.ac.in/wp-content/themes/bhavkunj/css/fonts/icomoon.eot);
}
@font-face {
font-family: 'BPT-IcoMoon';
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBKUAAAC8AAAAYGNtYXDpQ+m2AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZqPgyCMAAAGAAAACxGhlYWQK1mz9AAAERAAAADZoaGVhB50DygAABHwAAAAkaG10eBK2ACEAAASgAAAAJGxvY2EB5gLIAAAExAAAABRtYXhwAA4AXQAABNgAAAAgbmFtZZlKCfsAAAT4AAABhnBvc3QAAwAAAAAGgAAAACAAAwJ0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg6QLpB//9//8AAAAAACDpAOkG//3//wAB/+MXBBcBAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAADdA9sCkQAbAAABFA8BBicmPQEhIicmPQE0NzYzITU0NzYfARYVA9sF3AkLC/03CAUFBQUIAskLCwncBQG5CAbKCAQFDIAFBQhuCAUFgAwFBAfIBgcAAAAAAgAAAAACSQNuABAAJwAAATQnJiMiBwYVFBcWMzI3NjUzFAcDBgcGIyInJicDJjU0NzYzMhcWFQG3Kys8PSsrKys9PCsrkhPQCRISFBUSEgnQE1ZVenlVVgJJPSsqKis9PCsrKys8Pij+RhMLCwsLEwG6KD55VlZWVnkAAAQAAP+3A7cDtwAEABkALQBaAAA3IREhERM1NCcmKwEiBwYdARQXFjsBMjc2NSE1NCcmKwEiBwYdARQXFjsBMjc2NxEUBwYjISInJjURNDc2OwE1NDc2OwEyFxYdATM1NDc2OwEyFxYdATMyFxYVSQMl/NvcBgUIJAgFBgYFCCQIBQYBtgUFCCQIBgUFBggkCAUF3BYWHfzbHhUWFhUeSRsbJiQmGxvbGxsmJCYbG0kdFhYAAkn9twK3pAgGBQUGCKQIBQUFBQikCAYFBQYIpAgFBQUFLP0lHhUWFhUeAtseFhY2JhsbGxsmNjYmGxsbGyY2FhYeAAAAAQAHAHUBVAKvABoAAAEUBwEGIyIvASY1ND8BJyY1ND8BNjMyFwEWFQFUBv72BgcIBR0GBuHhBgYdBQgHBgEKBgGSBwb+9gYGHAYIBwbg4QYHBwYdBQX+9QUIAAABABoAdQFmAq8AGgAAARQPARcWFRQPAQYjIicBJjU0NwE2MzIfARYVAWYF4eEFBR0GBwgF/vUFBQELBQgHBh0FAoAHBuHgBgcIBhwGBgEKBgcIBQELBQUdBgcAAAEAAAABAACE86NbXw889QALBAAAAAAA0+4USQAAAADT7hRJAAD/twPbA7cAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA9sAAQAAAAAAAAAAAAAAAAAAAAkEAAAAAAAAAAAAAAACAAAAA9sAAAJJAAADtwAAAVsABwGAABoAAAAAAAoAFAAeAEwAigEGATQBYgABAAAACQBbAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
font-weight: normal;
font-style: normal;
} .bpt-athletics3 #fsPageBodyWrapper {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.bpt-athletics3 #fsPageBody {
max-width: 100%;
}
.bpt-athletics3 h1 {
color: #1cacc1;
}
.bpt-athletics3 .title-bar {
margin: 0 auto;
max-width: 1220px;
padding: 0 20px;
}
.bpt-athletics3 .title-bar > header {
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 600px) {
.bpt-athletics3 .title-bar > header {
margin-bottom: 50px;
}
}
.bpt-athletics3 .title-bar > header .fsElementTitle {
display: block;
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .05em;
color: rgba(0, 0, 0, 0.3);
font-weight: 600;
text-align: center;
position: relative;
margin: 40px auto 20px;
}
@media (min-width: 600px) {
.bpt-athletics3 .title-bar > header .fsElementTitle {
font-size: 18px;
line-height: 24px;
margin: 60px auto 20px;
}
}
.bpt-athletics3 .title-bar > header .fsElementTitle:before {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 1px;
background-color: rgba(0, 0, 0, 0.15);
opacity: .5;
}
.bpt-athletics3 .title-bar .title-inner {
background-color: #fff;
display: inline-block;
margin: 0 auto;
padding: 0 8px;
position: relative;
}
@media (min-width: 600px) {
.bpt-athletics3 .title-bar .title-inner {
padding: 0 15px;
}
}
.bpt-athletics3 .title-bar.image > header {
margin-top: 40px;
}
@media (min-width: 600px) {
.bpt-athletics3 .title-bar.image > header {
margin-top: 70px;
}
}
.bpt-athletics3 .title-bar.image .fsElementHeaderContent {
position: relative;
}
.bpt-athletics3 .title-bar.image .fsElementHeaderContent:before {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 1px;
background-color: rgba(0, 0, 0, 0.15);
opacity: .5;
}
.bpt-athletics3 .title-bar.image .fsElementHeaderContent img {
background-color: #fff;
display: inline-block;
margin: 0 auto;
padding: 0 8px;
position: relative;
max-width: 150px;
}
@media (min-width: 600px) {
.bpt-athletics3 .title-bar.image .fsElementHeaderContent img {
padding: 0 15px;
max-width: 230px;
}
}
.bpt-athletics3 .fsElement.fsNews {
margin: 0 auto;
max-width: 1220px;
padding: 0 20px;
}
.bpt-athletics3 .fsElement.fsNews.featured-news {
margin-bottom: 45px;
}
.bpt-athletics3 .fsElement.fsNews.featured-news > header {
text-align: center;
}
.bpt-athletics3 .fsElement.fsNews.featured-news article {
zoom: 1;
position: relative;
}
.bpt-athletics3 .fsElement.fsNews.featured-news article:after {
display: table;
clear: both;
content: '';
}
@media (min-width: 700px) {
.bpt-athletics3 .fsElement.fsNews.featured-news article {
padding-left: calc(50% + 50px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 400px;
}
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsThumbnail {
background-size: cover;
background-position: center;
overflow: hidden;
border: solid 1px #d9d9d9;
}
@media (min-width: 700px) {
.bpt-athletics3 .fsElement.fsNews.featured-news .fsThumbnail {
position: absolute;
width: 50%;
height: 100%;
left: 0;
top: 0;
margin: 0;
}
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsThumbnail img {
opacity: 0;
visibility: hidden;
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsTitle {
margin-top: 0;
font-size: 26px;
line-height: 1.2;
font-weight: normal;
margin-bottom: 20px;
position: relative;
color: #1cacc1;
}
@media (min-width: 600px) {
.bpt-athletics3 .fsElement.fsNews.featured-news .fsTitle {
font-size: 22px;
}
}
@media (min-width: 800px) {
.bpt-athletics3 .fsElement.fsNews.featured-news .fsTitle {
font-size: 30px;
}
}
@media (min-width: 980px) {
.bpt-athletics3 .fsElement.fsNews.featured-news .fsTitle {
font-size: 40px;
line-height: 48px;
}
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsTitle:before {
content: 'Featured News';
color: #3bae43;
font-size: 15px;
font-weight: 600;
line-height: 19px;
letter-spacing: .05em;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsTitle a {
color: inherit;
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsTitle a:hover {
opacity: .7;
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsCroppedImage {
border: 1px solid #d9d9d9;
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsReadMoreLink {
font-weight: 600;
color: #1cacc1;
}
.bpt-athletics3 .fsElement.fsNews.featured-news .fsReadMoreLink:hover {
color: #00583d;
}
.bpt-athletics3 .fsElement.fsNews.recent-news {
padding-bottom: 40px;
}
@media (min-width: 700px) {
.bpt-athletics3 .fsElement.fsNews.recent-news {
padding-bottom: 80px;
}
}
.bpt-athletics3 .fsElement.fsNews.recent-news .fsElementTitle {
color: #3bae43;
font-size: 15px;
font-weight: 600;
line-height: 19px;
letter-spacing: .05em;
text-transform: uppercase;
margin-bottom: 25px;
}
@media (min-width: 700px) {
.bpt-athletics3 .fsElement.fsNews.recent-news .fsListItems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.bpt-athletics3 .fsElement.fsNews.recent-news article {
border-bottom: none;
margin-bottom: 20px;
padding: 7px 20px;
position: relative;
}
.bpt-athletics3 .fsElement.fsNews.recent-news article:last-child {
margin-bottom: 0;
}
@media (min-width: 700px) {
.bpt-athletics3 .fsElement.fsNews.recent-news article {
margin-bottom: 0;
width: 33.33%;
}
}
.bpt-athletics3 .fsElement.fsNews.recent-news article:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
display: block;
background-color: #3bae43;
}
.bpt-athletics3 .fsElement.fsNews.recent-news article .fsTitle a {
color: inherit;
}
.bpt-athletics3 .fsElement.fsNews.recent-news .fsElementFooterContent {
text-align: center;
}
.bpt-athletics3 .fsElement.fsNews.recent-news .fsElementFooterContent > a {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
margin: 40px auto 0;
background-color: #00583d;
color: #fff;
}
.bpt-athletics3 .fsElement.fsNews.recent-news .fsElementFooterContent > a:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.bpt-athletics3 .fsElement.fsNews.recent-news .fsElementFooterContent > a:last-child {
margin-bottom: 0;
}
.bpt-athletics3 .fsElement.fsNews.recent-news .fsElementFooterContent > a:hover {
background-color: #1cacc1;
}
@media (min-width: 700px) {
.bpt-athletics3 .fsElement.fsNews.recent-news .fsElementFooterContent > a {
margin: 60px auto 0;
}
}
.ath-landing-slideshow {
background-size: cover;
background-position: center;
text-align: center;
position: relative;
margin-bottom: 0;
overflow: hidden;
}
.ath-landing-slideshow:before {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, transparent 50%, transparent 100%);
}
.ath-landing-slideshow > header {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.9);
padding: 15px;
width: calc(100% - 40px);
z-index: 1;
opacity: 1;
visibility: visible;
}
@media (min-width: 600px) {
.ath-landing-slideshow > header {
padding: 25px 30px 40px;
width: calc(100% - 100px);
height: auto;
}
}
@media (min-width: 800px) {
.ath-landing-slideshow > header {
width: 70%;
}
}
@media (min-width: 1180px) {
.ath-landing-slideshow > header {
max-width: 580px;
}
}
.ath-landing-slideshow > header .fsElementTitle {
margin-top: 0;
font-weight: normal;
font-size: 35px;
line-height: 39px;
font-weight: 300;
color: #00583d;
margin-bottom: 25px;
color: #1cacc1;
}
@media (min-width: 600px) {
.ath-landing-slideshow > header .fsElementTitle {
font-size: 50px;
line-height: 55px;
}
}
@media (min-width: 600px) {
.ath-landing-slideshow > header .fsElementTitle {
margin-bottom: 30px;
}
}
@media screen and (max-width: 799px) {
.ath-landing-slideshow > header .fsElementTitle {
font-size: 36px;
line-height: 1.2;
margin-bottom: 20px;
}
}
@media screen and (max-width: 599px) {
.ath-landing-slideshow > header .fsElementTitle {
font-size: 26px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 599px) {
.ath-landing-slideshow > header .fsElementHeaderContent {
font-size: 14px;
line-height: 1.3;
}
}
.ath-landing-slideshow > header .fsElementHeaderContent > a {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
margin-bottom: 0;
background-color: #00583d;
color: #fff;
}
.ath-landing-slideshow > header .fsElementHeaderContent > a:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
.ath-landing-slideshow > header .fsElementHeaderContent > a:last-child {
margin-bottom: 0;
}
.ath-landing-slideshow > header .fsElementHeaderContent > a:hover {
background-color: #1cacc1;
}
@media screen and (max-width: 599px) {
.ath-landing-slideshow > header .fsElementHeaderContent > a {
font-size: 12px;
line-height: 1.2;
padding: 10px 15px;
}
}
.ath-landing-slideshow.start-show:before {
display: none;
}
.ath-landing-slideshow.start-show > header {
-webkit-transform: translate(-50%, 150%);
-ms-transform: translate(-50%, 150%);
transform: translate(-50%, 150%);
opacity: 0;
visibility: hidden;
transition: .5s;
}
.ath-landing-slideshow .fsMediaCustomPlayer {
height: 300px;
position: relative;
opacity: 0;
visibility: hidden;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer {
height: 600px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer.show {
opacity: 1;
visibility: visible;
transition: .3s ease-in .3s;
}
.ath-landing-slideshow .fsMediaCustomPlayer:before {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, transparent 50%, transparent 100%);
}
.ath-landing-slideshow .fsMediaCustomPlayer article {
height: 300px;
position: relative;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer article {
height: 600px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer article:before {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, transparent 50%, transparent 100%);
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-wrapper {
position: absolute;
text-align: left;
bottom: 20px;
left: 0;
right: 0;
z-index: 1;
margin: 0 auto;
padding: 0 30px;
background: transparent;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .caption-wrapper {
bottom: 60px;
max-width: 1280px;
padding: 0 50px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-title, .ath-landing-slideshow .fsMediaCustomPlayer .caption-desc {
max-width: 100%;
margin: 0;
}
@media (min-width: 800px) {
.ath-landing-slideshow .fsMediaCustomPlayer .caption-title, .ath-landing-slideshow .fsMediaCustomPlayer .caption-desc {
max-width: 60%;
}
}
@media (min-width: 1180px) {
.ath-landing-slideshow .fsMediaCustomPlayer .caption-title, .ath-landing-slideshow .fsMediaCustomPlayer .caption-desc {
max-width: 40%;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-title {
font-size: 26px;
font-weight: 400;
line-height: 1.3;
font-style: normal;
text-shadow: none;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .caption-title {
font-size: 40px;
line-height: 48px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc {
font-size: 14px;
font-weight: 600;
line-height: 1.3;
text-shadow: none;
transition: .3s;
margin-top: 5px;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc {
font-size: 18px;
line-height: 24px;
margin-top: 15px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc:empty {
margin: 0;
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc p {
margin-bottom: 5px;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc p {
margin-bottom: 15px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc p:last-child, .ath-landing-slideshow .fsMediaCustomPlayer .caption-desc p:empty {
margin-bottom: 0;
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc a {
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: .05em;
transition: .3s;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc a {
font-size: 13px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .caption-desc a:hover {
text-decoration: none;
opacity: .7;
transition: .3s;
}
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow {
width: 30px;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow {
width: 40px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow:hover:before {
opacity: .7;
transition: .3s;
}
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow:before {
font-family: "BPT-IcoMoon";
font-size: 26px;
font-weight: 400;
text-shadow: none;
line-height: 40px;
transition: .3s;
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow:before {
font-size: 40px;
}
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow.slick-next {
right: 10px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow.slick-next:before {
content: '\e906';
}
@media (min-width: 600px) {
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow.slick-prev {
left: 10px;
}
}
.ath-landing-slideshow .fsMediaCustomPlayer .slick-arrow.slick-prev:before {
content: '\e907';
}
.ath-toggle-container {
position: relative;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.ath-toggle-container > .fsElementContent {
background-color: #f6f6f7;
padding: 45px 0;
}
@media (min-width: 600px) {
.ath-toggle-container > .fsElementContent {
padding: 0;
height: 100%;
}
}
body:not(.fsComposeMode) .ath-toggle-container {
margin: 50px 0 50px;
}
@media (min-width: 600px) {
body:not(.fsComposeMode) .ath-toggle-container {
height: 145px;
}
}
.ath-toggle-container .fsAthleticsEvent:not(.on) > header h2 {
transition: .3s;
}
.ath-toggle-container .fsAthleticsEvent:not(.on) > header:hover h2 {
color: #3bae43;
transition: .3s;
}
.ath-toggle-container .fsAthleticsEvent > .fsElementContent {
opacity: 0;
visibility: hidden;
z-index: -1;
position: relative;
max-height: 0;
overflow: hidden;
}
@media (min-width: 600px) {
.ath-toggle-container .fsAthleticsEvent > .fsElementContent {
margin-top: 0;
}
}
.ath-toggle-container .fsAthleticsEvent > .fsElementContent .fsElementEmpty {
min-height: 120px;
padding: 30px;
}
.ath-toggle-container .fsAthleticsEvent.on > header {
background-color: #3bae43;
cursor: default;
border: none;
}
.ath-toggle-container .fsAthleticsEvent.on > header h2 {
color: #fff;
}
.ath-toggle-container .fsAthleticsEvent.on > .fsElementContent {
opacity: 1;
visibility: visible;
z-index: 2;
max-height: inherit;
overflow: visible;
}
.ath-toggle-container .fsAthleticsEvent.on > footer {
display: block;
}
.fsComposeMode .ath-toggle-container .fsAthleticsEvent > .fsElementContent {
opacity: 1;
visibility: visible;
z-index: 2;
max-height: inherit;
overflow: visible;
}
.ath-event-slideshow {
width: calc(100% - 78px);
margin: 0px auto 4px;
}
@media (min-width: 600px) {
.ath-event-slideshow {
width: calc(100% - 305px);
}
}
.ath-event-slideshow .slick-list {
padding: 0 1px;
}
body:not(.fsComposeMode) .ath-event-slideshow > footer {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 5px;
width: calc(100% - 84px);
height: 40px;
display: none;
text-align: center;
background-color: #00583d;
border-radius: 0px;
transition: .3s;
}
body:not(.fsComposeMode) .ath-event-slideshow > footer:hover {
background-color: #3bae43;
}
@media (min-width: 600px) {
body:not(.fsComposeMode) .ath-event-slideshow > footer {
width: 105px;
height: calc(100% - 10px);
top: 5px;
bottom: auto;
right: 5px;
left: auto;
}
}
body:not(.fsComposeMode) .ath-event-slideshow > footer > div {
height: 100%;
margin-top: 0 !important;
}
body:not(.fsComposeMode) .ath-event-slideshow > footer a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
color: #fff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 11px;
font-size: 15px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
letter-spacing: .05em;
}
body:not(.fsComposeMode) .ath-event-slideshow > footer a br {
display: none;
}
@media (min-width: 600px) {
body:not(.fsComposeMode) .ath-event-slideshow > footer a br {
display: block;
}
}
body:not(.fsComposeMode) .ath-event-slideshow > header {
position: absolute;
left: 40px;
width: calc(50% - 45px);
text-align: center;
height: 40px;
cursor: pointer;
border: 1px solid rgba(84, 86, 91, 0.3);
border-radius: 0px;
z-index: 15;
top: 0;
background-color: #fff;
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
body:not(.fsComposeMode) .ath-event-slideshow > header {
height: 50px;
width: 107px;
left: 5px;
top: auto;
height: calc(50% - 8px);
}
}
body:not(.fsComposeMode) .ath-event-slideshow.scores > header {
left: auto;
right: 40px;
}
@media (min-width: 600px) {
body:not(.fsComposeMode) .ath-event-slideshow.scores > header {
top: auto;
right: auto;
left: 5px;
bottom: 5px;
}
}
.fsComposeMode .ath-schedules > header {
height: calc(100% - 30px);
}
.fsComposeMode .ath-scores > header {
height: calc(100% - 30px);
bottom: 30px;
}
body:not(.fsComposeMode) .ath-event-slideshow > header h2 {
color: #989a9d;
margin: 0;
font-size: 17px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
line-height: 1;
letter-spacing: 0;
}
@media (min-width: 600px) {
body:not(.fsComposeMode) .ath-event-slideshow > header h2 {
line-height: 1;
position: absolute;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
}
.ath-event-slideshow .fsListItems {
zoom: 1;
}
.ath-event-slideshow .fsListItems:after {
display: table;
clear: both;
content: '';
}
.ath-event-slideshow .fsListItems article {
display: block !important;
padding: 15px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
min-height: 135px;
color: #989a9d;
background-color: white;
border: 1px solid rgba(84, 86, 91, 0.3);
margin: 4px 2px;
outline: transparent;
line-height: 1.2;
font-weight: 600;
font-size: 16px;
}
.ath-event-slideshow .fsDateTime {
font-size: 14px;
margin-bottom: 2px !important;
}
.ath-event-slideshow .fsDateTime:before {
display: none;
content: '\e902';
font-family: "BPT-IcoMoon";
font-weight: normal;
color: rgba(0, 0, 0, 0.3);
font-size: 13px;
margin-right: 3px;
}
.ath-event-slideshow .fsDateTime span {
color: #3bae43;
line-height: 24px;
}
.ath-event-slideshow .fsDateTime .fsSeparator {
color: #989a9d;
}
.ath-event-slideshow .fsDateTime .fsTime:before {
content: '|';
color: rgba(0, 0, 0, 0.3);
}
.ath-event-slideshow .fsDateTime .fsTime + .fsTime:before {
display: none;
}
.ath-event-slideshow .fsTitle {
font-size: 18px !important;
color: #00583d;
display: block;
margin-bottom: 3px !important;
}
.ath-event-slideshow .fsTitle .fsElementEventColorIcon {
display: none;
}
.ath-event-slideshow .fsTitle .fsAthleticsEventDetailLink {
color: #00583d;
display: block;
transition: .3s;
}
.ath-event-slideshow .fsTitle .fsAthleticsEventDetailLink:hover {
opacity: .8;
transition: .3s;
}
.ath-event-slideshow .fsAthleticsOpponents {
color: #989a9d;
display: block !important;
margin-bottom: 10px !important;
line-height: 24px !important;
}
.ath-event-slideshow .fsAthleticsAdvantage {
color: #989a9d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
margin-bottom: 0;
line-height: 24px;
}
.ath-event-slideshow .fsAthleticsAdvantage:before {
content: "\e901";
font-family: "BPT-IcoMoon";
margin-right: 3px;
color: rgba(0, 0, 0, 0.3);
font-size: 13px;
font-weight: normal;
}
.ath-event-slideshow .fsAthleticsAdvantage .fsAthleticsLocations {
color: #989a9d;
margin-bottom: 0;
}
.ath-event-slideshow .fsAthleticsAdvantage .fsAthleticsLocations:before {
content: '|';
display: inline-block;
margin-left: 5px;
color: rgba(0, 0, 0, 0.3);
}
.ath-event-slideshow .fsAthleticsAdvantage + .fsAthleticsLocations:before, .ath-event-slideshow .fsAthleticsAdvantage + .fsAthleticsStatus:before {
content: '|';
display: inline-block;
margin-right: 3px;
color: rgba(0, 0, 0, 0.3);
}
.ath-event-slideshow .fsAthleticsLocations {
display: block;
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
.ath-event-slideshow .fsAthleticsLocations, .ath-event-slideshow .fsAthleticsStatus {
font-size: 16px;
vertical-align: bottom;
}
.ath-event-slideshow .fsAthleticsLocations + .fsAthleticsStatus:before {
content: '|';
display: inline-block;
margin-right: 3px;
color: rgba(0, 0, 0, 0.3);
}
.ath-event-slideshow .fsAthleticsStatus {
color: #3bae43;
}
.ath-event-slideshow .fsAthleticsResultWrapper {
font-size: 14px;
line-height: 24px;
color: #3bae43;
}
.ath-event-slideshow .fsAthleticsResultWrapper .fsAthleticsResult:after {
content: '|';
display: inline-block;
margin-left: 3px;
color: rgba(0, 0, 0, 0.3);
}
.ath-event-slideshow .slick-arrow {
position: absolute;
width: 35px;
min-height: 145px;
height: calc(100% + 92px);
overflow: hidden;
background-color: #989a9d;
border: none;
padding: 0;
color: transparent;
z-index: 10;
outline: 0;
top: -46px;
border: none;
}
@media (min-width: 600px) {
.ath-event-slideshow .slick-arrow {
height: 145px;
top: -1px;
width: 30px;
}
}
.ath-event-slideshow .slick-arrow:after {
content: '';
font-family: "BPT-IcoMoon";
color: #fff;
position: absolute;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
line-height: 1;
}
.ath-event-slideshow .slick-arrow.slick-prev {
left: -40px;
}
@media (min-width: 600px) {
.ath-event-slideshow .slick-arrow.slick-prev {
left: -35px;
}
}
.ath-event-slideshow .slick-arrow.slick-prev:after {
content: '\e907';
}
.ath-event-slideshow .slick-arrow.slick-next {
right: -40px;
}
@media (min-width: 600px) {
.ath-event-slideshow .slick-arrow.slick-next {
right: -35px;
}
}
.ath-event-slideshow .slick-arrow.slick-next:after {
content: "\e906";
}
.ath-event-slideshow.scores article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ath-event-slideshow.scores article > div {
margin-bottom: 0;
}
.team-tabs {
padding: 40px 20px 50px;
position: relative;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 24px;
background-size: cover;
background-position: center;
}
@media (min-width: 600px) {
.team-tabs {
min-height: 450px;
padding: 50px 20px 40px;
}
}
.team-tabs a {
color: inherit;
}
.team-tabs:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
background-color: #1cacc1;
}
@media (min-width: 600px) {
.team-tabs:before {
opacity: .94;
}
}
.team-tabs > header, .team-tabs > .fsElementContent, .team-tabs > footer {
position: relative;
margin: 0 auto;
width: 1180px;
max-width: calc(100% - 40px);
}
.team-tabs .fsElementTitle {
margin-top: 0;
font-size: 26px;
line-height: 1.2;
font-weight: normal;
margin-bottom: 20px;
position: relative;
color: #fff;
}
@media (min-width: 600px) {
.team-tabs .fsElementTitle {
font-size: 22px;
}
}
@media (min-width: 800px) {
.team-tabs .fsElementTitle {
font-size: 30px;
}
}
@media (min-width: 980px) {
.team-tabs .fsElementTitle {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 500px) {
.team-tabs .fsAthleticsTeamDirectory {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 700px) {
.team-tabs .fsAthleticsTeamDirectory {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
.team-tabs .fsAthleticsTeamDirectory a {
opacity: .8;
transition: .3s;
}
.team-tabs .fsAthleticsTeamDirectory a:hover {
opacity: 1;
transition: .3s;
}
.team-tabs .fsTabsNav li.fsStateSelected a {
color: #54565b;
background-color: #fff;
border: solid 1px #fff;
}
.team-tabs .fsTabsNav li a {
color: #fff;
border: solid 1px #fff;
background-color: transparent;
}
.team-tabs .fsTabsNav li a:hover {
background-color: #fff;
border-color: #fff;
color: #54565b;
}
.team-tabs .fsPanel > .fsElementContent {
padding-top: 35px;
}
.team-tabs .fsPanel > .fsElementContent .fsAthleticsTeam {
margin-bottom: 0;
}
.connect-container .fsTwitter .fsElementTitle {
margin-bottom: 0;
color: #00583d;
}
.connect-container .fsTwoColumnLayout {
margin: 0 auto;
}
@media (min-width: 700px) {
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn {
border: solid 1px rgba(0, 0, 0, 0.07);
margin-bottom: 20px;
padding: 0;
float: none;
}
@media (min-width: 700px) {
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn {
margin-bottom: 0;
width: calc(50% - 10px);
}
}
@media (min-width: 1180px) {
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn {
width: calc(50% - 15px);
}
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn > .fsElement:last-child {
margin-bottom: 0;
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-1 {
padding: 20px 20px 10px;
}
@media (min-width: 700px) {
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-1 {
margin-right: 20px;
padding: 30px 30px 10px;
}
}
@media (min-width: 1180px) {
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-1 {
margin-right: 30px;
}
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #d9d9d9;
margin-bottom: 0;
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent {
width: 100%;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: relative;
padding: 20px;
}
@media (min-width: 400px) {
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent {
height: 525px;
}
}
@media (min-width: 700px) {
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent {
padding: 0;
height: auto;
}
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent > .fsElementContent {
position: relative;
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent p {
margin: 0;
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent a {
display: inline-block;
border: 0;
margin: 0 0 20px;
padding: 12.5px 25px;
background: #989a9d;
color: #fff;
outline: 0;
border-radius: 0;
font-size: 17px;
line-height: 25px;
text-align: center;
font-weight: 700;
transition: .3s;
margin: 10px 0;
background-color: #00583d;
color: #fff;
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent a:hover {
background: #b0b2b6;
color: #fff;
transition: .3s;
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent a:last-child {
margin-bottom: 0;
}
body:not(.fsComposeMode) .connect-container .fsTwoColumnLayout .fsStyleColumn-2 > .fsContent a:hover {
background-color: #1cacc1;
}
body.fsComposeMode .circle-button-link {
pointer-events: none;
}
body.fsComposeMode .circle-button {
overflow: visible;
}
body.bpt-athletics3 .circle-button {
margin-bottom: 0;
}
body.bpt-athletics3:not(.fsComposeMode) .circle-button header .fsElementHeaderContent {
margin-top: 0;
}
body.bpt-athletics3 .fsFourColumnLayout:after {
display: none;
}
body.bpt-athletics3:not(.fsComposeMode) body.bpt-athletics3 .fsFourColumnLayout {
margin: 0;
}
@media (min-width: 600px) {
body.bpt-athletics3:not(.fsComposeMode) body.bpt-athletics3 .fsFourColumnLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
body.bpt-athletics3:not(.fsComposeMode) body.bpt-athletics3 .fsFourColumnLayout > .fsDiv {
padding: 0;
margin: 20px 0;
}
@media (min-width: 600px) {
body.bpt-athletics3:not(.fsComposeMode) body.bpt-athletics3 .fsFourColumnLayout > .fsDiv {
width: 50%;
padding: 0 15px;
margin: 15px 0;
}
}
@media (min-width: 700px) {
body.bpt-athletics3:not(.fsComposeMode) body.bpt-athletics3 .fsFourColumnLayout > .fsDiv {
padding: 0;
}
}
@media (min-width: 900px) {
body.bpt-athletics3:not(.fsComposeMode) body.bpt-athletics3 .fsFourColumnLayout > .fsDiv {
width: auto;
margin: 0;
}
}
@media (min-width: 700px) {
body.bpt-athletics3 .fsFourColumnLayout .circle-button {
width: 275px;
height: 275px;
}
}
@media (min-width: 900px) {
body.bpt-athletics3 .fsFourColumnLayout .circle-button {
width: 200px;
height: 200px;
}
}
@media (min-width: 1000px) {
body.bpt-athletics3 .fsFourColumnLayout .circle-button {
width: 230px;
height: 230px;
}
}
@media (min-width: 1180px) {
body.bpt-athletics3 .fsFourColumnLayout .circle-button {
width: 275px;
height: 275px;
}
}
body.bpt-athletics3 .fsFourColumnLayout .circle-button header h2 {
font-size: 24px;
font-weight: 600;
line-height: 1.2;
font-family: "proxima-nova", sans-serif;
margin-bottom: 0;
}
@media (min-width: 700px) {
body.bpt-athletics3 .fsFourColumnLayout .circle-button header h2 {
line-height: 28px;
padding: 0;
}
}
@media (min-width: 900px) {
body.bpt-athletics3 .fsFourColumnLayout .circle-button header h2 {
font-size: 20px;
}
}
@media (min-width: 1000px) {
body.bpt-athletics3 .fsFourColumnLayout .circle-button header h2 {
font-size: 24px;
}
}
body:not(.home) {      }
body:not(.home) .circle-button {
text-align: center;
position: relative;
color: #fff;
z-index: 1;
margin: 0 auto;
background-size: cover;
background-position: center;
overflow: hidden;
border-radius: 100%;
border: 1px solid #d9d9d9;
width: 200px;
height: 200px;
}
@media (min-width: 1000px) {
body:not(.home) .circle-button {
width: 300px;
height: 300px;
}
}
@media (min-width: 1220px) {
body:not(.home) .circle-button {
width: 370px;
height: 370px;
}
}
body:not(.home) .circle-button:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 100%;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.6) 20%, transparent 60%, transparent 100%);
transition: .6s;
}
body:not(.home) .circle-button header {
z-index: 5;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
}
body:not(.home) .circle-button header h2, body:not(.home) .circle-button header p, body:not(.home) .circle-button header a {
position: relative;
}
body:not(.home) .circle-button header h2 {
margin-top: 0;
font-weight: normal;
font-size: 24px;
line-height: 27px;
color: #3bae43;
font-weight: 600;
margin-bottom: 20px;
margin-bottom: 0;
color: #fff;
font-size: 24px;
line-height: 1.2;
padding: 0;
}
@media (min-width: 1000px) {
body:not(.home) .circle-button header h2 {
font-size: 32px;
}
}
@media (min-width: 1220px) {
body:not(.home) .circle-button header h2 {
font-size: 40px;
line-height: 48px;
}
}
body:not(.home) .circle-button header h2 + .fsElementHeaderContent {
margin-top: 5px;
}
@media (min-width: 1000px) {
body:not(.home) .circle-button header h2 + .fsElementHeaderContent {
margin-top: 10px;
}
}
body:not(.home) .circle-button header .fsElementHeaderContent {
display: block;
font-size: 14px;
}
@media (min-width: 1000px) {
body:not(.home) .circle-button header .fsElementHeaderContent {
font-size: 18px;
}
}
body:not(.home) .circle-button header a {
margin-bottom: 0;
color: #fff;
display: inline-block;
margin-top: 10px;
font-weight: 600;
position: relative;
padding-right: 30px;
}
body:not(.home) .circle-button header a:after {
content: '\e900';
font-family: "BPT-IcoMoon";
margin-left: 10px;
font-weight: normal;
position: absolute;
line-height: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 5px;
margin-top: -2px;
}
body:not(.home) .circle-button header.front {
display: block;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
visibility: visible;
transition: opacity .3s ease-in-out .3s;
}
body:not(.home) .circle-button header:not(.front) {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
color: #fff;
transition: 0.6s;
}
body:not(.home) .circle-button header:not(.front):before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: #00583d;
opacity: .9;
border-radius: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body:not(.home) .circle-button:hover:before {
opacity: 0;
visibility: hidden;
transition: .6s;
}
body:not(.home) .circle-button:hover header {
transition: 0.6s;
}
body:not(.home) .circle-button:hover header:not(.front) {
-webkit-transform: rotateY(0deg) translateY(0);
transform: rotateY(0deg) translateY(0);
top: 0;
}
body:not(.home) .circle-button:hover header.front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 0;
visibility: hidden;
}
body:not(.home) .circle-button-link {
color: #fff;
width: 100%;
height: 100%;
position: relative;
display: block;
z-index: 3;
transition: 0.6s;
background-color: transparent;
}
body:not(.home) .circle-button-link:hover {
color: #fff;
}
body:not(.home) .circle-button-inner {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
left: 0;
}
body:not(.home) .circle-button-inner p:last-child {
margin-bottom: 0;
}
body:not(.home) .front .circle-button-inner {
top: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
bottom: 40px;
}
@media (min-width: 1000px) {
body:not(.home) .front .circle-button-inner {
bottom: 60px;
}
}
body:not(.home) .front .circle-button-inner a {
display: none;
}
body:not(.home) .circle-button {
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
body:not(.home) .circle-button:hover header:not(.front) {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
body:not(.home) .circle-button:hover header.front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
body:not(.home) .circle-button-link {
transition: 0.6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
width: 100%;
height: 100%;
position: relative;
}
body:not(.home) .circle-button header {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.6s;
position: absolute;
top: 0;
left: 0;
}
body:not(.home) .circle-button header.front {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
body:not(.home) .circle-button header:not(.front) {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
body:not(.home).fsComposeMode .circle-button-link {
pointer-events: none;
}
body:not(.home).fsComposeMode .circle-button {
overflow: visible;
}