html, body {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
font-weight: 400;
padding: 0;
margin: 0;
}
body.noscroll {
overflow: hidden;
}
hr {
border-style: solid;
}
.menu-visible {
overflow: hidden;
overflow: hidden;
}
.iframe__embed {
height: 0;
padding-top: 56.25%;
position: relative;
overflow: hidden;
width: 100%;
}
.iframe__embed iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hfeed {
overflow-x: hidden;
}
.header {
position: fixed;
z-index: 100;
color: #fff;
font-size: 15px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
width: 100%;
background-color: rgba(0, 47, 74, 0);
transition: background-color .5s;
}
.header--fixed {
background-color: #002F4A;
position: fixed;
width: 100%;
}
.header--fixed .header__brand {
height: initial;
}
.header--fixed .header__brand img {
object-fit: cover;
width: 45px;
height: 40px;
object-position: left center;
}
.header--fixed .header__inner {
height: 50px;
}
.header--fixed .header__nav ul > li.menu-button {
height: 30px;
line-height: 30px;
}
.header--fixed .header__logo {
border: none;
width: 40px;
display: block;
border-right: none;
}
.header--fixed .header__title {
display: none;
}
.header--fixed .header__search {
height: initial;
}
.header--fixed .header__search-bar {
top: 0;
}
.header--fixed .header__search-button-wrapper:not(.header__search-button-wrapper--form) div { display: none; }
.header--fixed .header__menu-wrapper {
padding-top: 13px;
}
.header--fixed .header__menu-wrapper div { display: none; }
.header__background {
background-color: #002F4A;
position: absolute;
width: 100%;
height: 110px;
}
.header--menu-visible {
height: 100vh;
background-color: #fff;
overflow: auto;
}
@media only screen and (max-width:768px) {
.header--menu-visible {
overflow: auto
}
}
.header__inner {
align-items: center;
display: flex;
flex-flow: row nowrap;
height: 110px;
justify-content: space-between;
margin: 0 auto;
max-width: 1240px;
position: relative;
padding: 0 30px;
transition: height .25s;
}
.header__inner--gradient {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.header__brand {
height: 70px;
text-decoration:none;
display:block;
}
.header__brand path, .header__brand polygon {
transition: fill 0.1s;
fill: #fff;
}
.header__brand img {
max-width: 230px;
}
@media only screen and (max-width:768px) {
.header__brand {
height: 55px
}
.header__brand img {
object-fit: cover;
width: 63px;
height: 55px;
object-position: left center;
}
}
.header__brand--dark path, .header__brand--dark polygon {
fill: #000;
}
.header__logo, .header__title {
height: 100%;
width: auto;
display: inline-block;
}
.header__logo {
border-right: 1px solid white;
}
.header__links {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.header__nav ul {
list-style: none;
display: flex;
align-items: center;
flex-flow: row nowrap;
padding: 0;
margin: 0 -12px;
}
@media only screen and (max-width:768px) {
.header__nav ul {
display: none
}
}
.header__nav ul > li {
padding: 0 12px;
}
.header__nav ul > li.menu-button a {
width: 184px;
height: 52px;
line-height: 52px;
text-align: center;
border: 2px solid #FFF;
padding: 0;
}
.header__nav ul .menu-item:hover.menu-item-alumnus {
background: #fff;
}
.header__nav ul .menu-item:hover.menu-item-alumnus a { color: #002F4A; }
.header__nav ul .menu-item:hover .sub-menu {
max-height: 1000px;
}
.header__nav ul .menu-item .sub-menu {
max-height: 0;
background: #fff;
transition: max-height .3s ease-in-out;
display: block;
overflow: hidden;
position: absolute;
}
.header__nav ul .menu-item .sub-menu > li {
padding: 10px 5px;
}
.header__nav ul .menu-item .sub-menu a {
color: #002F4A;
}
.header__nav a {
display: block;
font-size: 15px;
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
color: #fff;
text-decoration: none;
transition: 0.1s color;
padding: 4px 0;
transition: color 0.5s, background-color 0.5s, box-shadow 0.5s;
}
.header__nav a:hover {
/*what if bg transparent*/
background-color: #fff;
color: #002F4A;
}
.header__nav--dark a {
color: #000;
box-shadow: 0 -2px 0 transparent inset;
}
.header__nav--dark a:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.header__search {
margin-left: 20px;
position: relative;
height: 70px;
}
.header__search-button-wrapper {
height: 41px;
width: 41px;
font-size: 10px;
text-transform: uppercase;
}
.header__search-button-wrapper--form {
position: absolute;
top: 0;
right: 0;
}
.header__search-button {
margin: 10px;
cursor: pointer;
}
.header__search-button path {
fill: #018F4B;
}
.header__search-button--dark {
filter: brightness(0);
}
.header__search-button-wrapper--dark {
color: #000;
}
.header__search-bar {
height: 40px;
}
.header__search-bar--hidden {
display: none;
}
.header__search-bar--header {
position: absolute;
top: 18px;
right: -3px;
}
.header__search-bar--page {
border: 1px solid #000;
position: relative;
display: inline-block;
}
.header__search-bar input[type="submit"] {
position: absolute;
top: 0;
width: 20px;
margin: 10px;
padding: 0;
height: 20px;
right: 0;
background: none;
cursor: pointer;
}
.header__search-bar input {
height: 100%;
width: 400px;
border: none;
padding: 0 10px;
box-sizing: content-box;
}
.header__search-bar input::placeholder {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.header__search-bar input:focus {
outline: none;
}
.header__menu-wrapper {
text-align: right;
}
.header__menu-wrapper div {
font-size: 10px;
padding: 0 5px 5px 0;
text-transform: uppercase;
}
.header__menu-wrapper--mobile-only {
display: none;
}
@media only screen and (max-width:768px) {
.header__menu-wrapper--mobile-only {
display: initial
}
}
.header__menu-wrapper--dark { color: #000; }
.header__menu-wrapper__menu-button {
width: 37px;
height: 41px;
background: url(https://www.williston.com/wp-content/themes/wp-williston-theme/assets/images/menu.svg) left top no-repeat;
transition: 0.1s filter;
border: none;
cursor: pointer;
margin: 10px 0 0 20px;
}
.header__menu-wrapper__menu-button--dark {
filter: brightness(0);
}
.header__menu-wrapper__menu-button:focus {
outline: none;
}
.header__gift-button {
display: block;
width: 160px;
height: 52px;
font-size: 15px;
line-height: 52px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #FFF;
text-decoration: none;
text-align: center;
background: none;
border: 2px solid #FFF;
cursor: pointer;
}
.header__gift-button:focus {
outline: none;
}
@media only screen and (max-width: 1080px) {
/* for the alumni page */
.nav__alumni ul li {
padding: 0 5px;
}
.header__nav ul > li.menu-button {
margin-left: 10px;
}
}
@media only screen and (max-width: 976px) {
/* for the alumni page */
.brand__alumni .header__title {
display: none;
}
.header__logo {
border: none;
}
}
@media only screen and (max-width: 850px) {
.header__logo {
border: none;
}
.header__title {
display: none;
}
}
@media only screen and (max-width: 798px) {
.header__nav ul li {
padding: 0 7px;
}
}
@media only screen and (max-width: 640px) {
.header__inner {
padding:0 15px;
}
}
@media only screen and (max-width: 570px) {
.header__search-bar input {
width: 300px;
}
}
@media only screen and (max-width: 470px) {
.header__search-bar input {
width: 220px;
}
}
.content {
margin-top: 110px;
}
.content__inner {
max-width: 1240px;
margin: 0 auto;
padding: 0 30px;
}
@media only screen and (max-width:768px) {
.content__inner {
padding: 0 15px
}
}
.content__header {
display: flex;
margin: 40px 0 80px;
padding-top: 40px;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width:768px) {
.content__header {
flex-flow: column;
align-items: flex-start;
margin: 40px 0
}
}
.content__header-title {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
font-size: 64px;
margin: 0;
}
.content__detail {
font-family: "whitman";
font-weight: 400;
font-size: 18px;
margin-top: 10em;
}
.content__detail h1 {
font-size: 58px;
font-weight: inherit;
margin: 16px 0;
}
.content__detail hr {
margin: 0;
border: none;
border-top: 1px solid #E4E4E4;
}
.content .detail-hero {
background: #d7d7d7;
height: 100vh;
margin-top: -10em;
max-height: 760px;
min-height: 400px;
overflow: hidden;
position: relative;
text-align: left;
color: #fff;
}
.content .detail-hero--black {
color: #000;
}
.content .detail-hero__inner {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: flex-end;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 1240px;
margin: 0 auto;
z-index: 10;
padding: 40px 30px;
}
@media only screen and (max-width:768px) {
.content .detail-hero__inner {
padding: 40px 15px
}
}
.content .detail-hero__heading {
width: 50%;
margin: 0;
}
.content .detail-hero__heading--gotham {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
font-size: 46px;
}
.content .detail-hero__heading--italic {
font-style: italic;
}
@media only screen and (max-width:768px) {
.content .detail-hero__heading {
width: auto
}
}
.content .detail-hero__subheading {
width: 75%;
margin: 20px 0;
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.content .detail-hero__byline {
margin: 16px 0 0;
font-family: "whitman";
font-style: normal;
font-weight: 400;
}
.content .detail-hero img {
position: absolute;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
z-index: 5;
}
.content .detail-header {
position: relative;
font-family: "whitman";
font-style: italic;
font-weight: 400;
text-align: left;
}
.content .detail-header__wrapper {
max-width: 580px;
margin: 0 auto;
}
.content .detail-header__inner {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: flex-end;
margin: 0 auto;
z-index: 10;
}
.content .detail-header__heading {
margin: 0;
}
.content .detail-header__heading--gotham {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
font-size: 46px;
}
.content .detail-header__subheading {
margin: 0 0 20px;
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.content .detail-header__byline {
margin: 16px 0 0;
font-family: "whitman";
font-style: normal;
font-weight: 400;
}
.content .article {
position: relative;
margin: 4em 0;
}
.content .article__links a {
line-height: 1.5em;
color: #000;
text-decoration: none;
box-shadow: 0 -2px 0 #018F4B inset;
transition: background-color 0.5s;
}
.content .article__links a:hover {
background-color: rgba(1, 143, 75, 0.1);
}
.content .article__inner {
max-width: 580px;
margin: 0 auto;
}
.content .article__inner > img:first-child {
margin-bottom: 4em;
}
.content .article__inner p, .content .article__inner li, .content .article__inner a {
line-height: 1.5em;
}
.content .article__inner p:first-of-type {
margin-top: 0;
}
.content .article__inner h3 {
margin: 0;
}
.content .article__inner img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.content .article__inner a:not(.article__email-link) {
color: #000;
text-decoration: none;
box-shadow: 0 -2px 0 #018F4B inset;
transition: background-color 0.5s;
}
.content .article__inner a:not(.article__email-link):hover {
background-color: rgba(1, 143, 75, 0.1);
}
.content .article__tickets {
display: block;
margin: 20px 0;
width: 140px;
height: 43px;
line-height: 44px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #000;
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
color: #000;
text-decoration: none;
}
.content .article__tickets--black {
border: none;
background-color: #000;
color: #fff;
}
.content .article__attendees {
list-style: none;
padding: 0;
}
.content .article__attendees > li {
line-height: 1.5em;
}
.content .article__section--double {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 0 -20px;
}
.content .article__section--double > div {
flex: 1;
margin: 0 20px;
}
.content .article__email-link {
margin: 0 10px;
}
.content .article__email-link svg {
width: 25px;
}
.content .article__email-link rect, .content .article__email-link polyline {
stroke: #000;
fill: none;
stroke-miterlimit: 10;
transition: stroke 0.5s;
}
.content .article__email-link:hover rect, .content .article__email-link:hover polyline {
stroke: #018F4B;
}
.content .archive__filter-wrapper {
height: 0;
position: relative;
}
.content .archive__filter {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
background: #f4f4f4;
position: absolute;
overflow: hidden;
margin-top: 40px;
z-index: 1;
}
@media only screen and (max-width:768px) {
.content .archive__filter {
flex-flow: column
}
}
.content .archive__filter > * {
margin: 20px;
}
.content .archive__filter--hidden {
height: 0;
}
.content .archive__filter-header {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: 5px;
}
.content .archive__filter-selections {
display: flex;
flex-flow: row wrap;
margin: 0 -5px;
}
.content .archive__filter-selection {
margin: 0 5px;
font-size: 14px;
padding: 4px;
}
.content .archive__search {
width: 420px;
position: relative;
height: 40px;
margin: 0 40px;
}
@media only screen and (max-width:768px) {
.content .archive__search {
width: 100%;
margin: 20px 0 0
}
}
.content .archive__search path {
fill: #000;
}
.content .archive__search-bar {
height: 40px;
position: absolute;
right: -1px;
border: 1px solid #000;
}
@media only screen and (max-width:768px) {
.content .archive__search-bar {
width: 100%
}
}
.content .archive__search-bar--hidden {
display: none;
}
.content .archive__search-bar input {
height: 100%;
width: 400px;
border: none;
padding: 0 10px;
box-sizing: content-box;
}
@media only screen and (max-width:768px) {
.content .archive__search-bar input {
padding-left: 40px;
width: calc(100% - 50px)
}
}
.content .archive__search-bar input:focus {
outline: none;
}
.content .archive__search-bar input[type="submit"] {
position: absolute;
top: 0;
width: 20px;
margin: 10px;
padding: 0;
height: 20px;
right: 0;
background: none;
cursor: pointer;
}
.content .archive__search-button-wrapper {
width: 41px;
height: 41px;
font-size: 10px;
text-transform: uppercase;
position: absolute;
right: 0;
top: -16px;
}
@media only screen and (max-width:768px) {
.content .archive__search-button-wrapper {
left: 0
}
}
.content .archive__search-button-wrapper--form {
position: absolute;
top: 0;
right: 0;
}
.content .archive__search-button-wrapper--form path {
fill: #018F4B;
}
.content .archive__search-button-label {
font-weight: 700;
margin-bottom: 5px;
}
.content .archive__search-button {
margin: 10px;
cursor: pointer;
}
.content .archive__search-button path {
transition: fill 0.5s;
}
.content .archive__search-button:hover path {
fill: #018F4B;
}
.content .archive-button {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
cursor: pointer;
padding: 10px 20px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
border: 2px solid #000;
text-align: center;
background-color: #fff;
transition: color 0.5s, border-color 0.5s, background-color 0.5s;
}
.content .archive-button:hover {
color: #fff;
border-color: #018F4B;
background-color: #018F4B;
}
.content .archive-button:focus {
outline: none;
}
.content .archive-button--hidden {
display: none;
}
.content .archive-button--form {
flex: 0 0 auto;
}
.content .archive-button--open {
background-color: #000;
color: #fff;
border: none;
}
@media only screen and (max-width:768px) {
.content .archive-button--open {
margin-top: 20px
}
}
.content .archive-button--close {
margin-left: 20px;
}
.content .archive-button--clear, .content .archive-button--close {
font-size: 10px;
margin-top: 20px;
padding: 7px 16px;
border: none;
background-color: #e3e3e3;
color: #333;
}
.content .archive-button__wrapper {
display: flex;
justify-content: center;
margin-top: 80px;
}
.content .archive-button__wrapper-form {
display: flex;
}
.content .faculty__list {
display: flex;
flex-flow: row wrap;
margin: -30px;
}
.content .faculty__item {
flex: 0 2 25%;
padding: 30px;
box-sizing: border-box;
}
.content .faculty__item-card-image {
position: relative;
height: clamp(148px, 19vw, 281px);
background-size: cover;
margin-bottom: 20px;
}
.content .faculty__item-image {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.content .faculty__item-image img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
@media only screen and (max-width:768px) {
.content .faculty__item {
flex-basis: 100%
}
.content .faculty__item-card-image {
height: 93vw;
}
}
.content .faculty__image {
margin-bottom: 20px;
display: block;
}
.content .faculty__image img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
border: 8px solid transparent;
margin: -8px;
transition: border-color 0.5s;
}
.content .faculty__image:hover img {
border-color: rgba(1, 143, 75, 0.1);
}
.content .faculty__info {
text-align: center;
}
.content .faculty__info > p {
font-size: 14px;
margin: 5px 0;
}
.content .faculty__info > p:last-of-type {
margin-bottom: 0;
}
.content .faculty__name {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
text-decoration: none;
color: #000;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.content .faculty__name:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.content .faculty__title {
font-style: italic;
margin: 10px 0 !important;
}
.content .faculty__email {
color: #000;
text-decoration: none;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.content .faculty__email:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.content .faculty__bold {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
}
.popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
display: none;
opacity: 0;
transition: 0.25s opacity;
}
.popup__inner {
max-width: 700px;
width: 100%;
padding: 0 30px;
}
@media only screen and (max-width:768px) {
.popup__inner {
padding: 0 15px
}
}
.popup__box {
max-height: calc(100vh - 120px - 2 * 30px);
background-color: #fff;
border: 1px solid #000;
overflow: auto;
padding: 60px;
}
@media only screen and (max-width:768px) {
.popup__box {
max-height: calc(100vh - 65px - 30px);
padding: 50px 15px 15px
}
}
.popup__close {
height: 0;
text-align: right;
transform: translate(35px, -35px);
cursor: pointer;
}
.popup__close svg {
width: 20px;
}
.popup__close line {
fill: none;
stroke: #000;
stroke-width: 10px;
transition: stroke 0.5s;
}
.popup__close:hover line {
stroke: #018F4B;
}
@media only screen and (max-width:768px) {
.popup__close {
transform: translate(0, -35px)
}
}
.popup__open {
margin: 20px 0;
width: 140px;
height: 43px;
line-height: 44px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #000;
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;
cursor: pointer;
}
.popup__open--black {
border: none;
background-color: #000;
color: #fff;
}
.popup__text {
display: none;
margin: 0;
}
.popup__text--active {
display: block;
}
.share {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
text-align: center;
margin: 4em 0;
}
.share__inner {
display: block;
}
.share p {
margin-top: 0;
}
.share span {
border-bottom: 1px solid #E4E4E4;
}
.share__link {
color: #000;
text-decoration: none;
margin: 1em;
transition: color 0.5s;
}
.share__link:hover {
color: #018F4B;
}
.share__link:hover rect, .share__link:hover polyline {
stroke: #018F4B;
}
.share__link svg {
width: 25px;
}
.share__link rect, .share__link polyline {
stroke-miterlimit: 10;
stroke: #000;
fill: none;
transition: stroke 0.5s;
}
@media only screen and (min-width: 900px) {
.content .article--has-share {
min-height: 210px;
}
.content .share {
position: absolute;
top: 0;
margin: 0;
width: calc(50% - 300px);
}
.content .share__inner {
display: flex;
flex-flow: column;
align-items: center;
}
.content .share__link {
margin: 0.5em;
}
}
@media only screen and (max-width: 768px) {
.page-id-804416 .content .ws-hero, .page-id-804416 .content .ws-slideshow-hero {
height: 270px;
min-height: 270px;
max-height: 270px;
}
}
.footer {
font-size: 12px;
overflow-x: hidden;
}
@media only screen and (max-width:768px) {
.footer {
height: auto
}
}
.footer__inner {
align-items: flex-start;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0 auto;
max-width: 1240px;
padding: 50px 30px 0;
}
@media only screen and (max-width:768px) {
.footer__inner {
flex-wrap: wrap;
padding-bottom: 0
}
}
.footer__inner--bottom {
padding: 0 30px 30px 30px;
}
@media only screen and (max-width:768px) {
.footer__inner--bottom {
flex-flow: column;
margin: 0 78px
}
}
.footer__section {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.footer__section--left {
flex: 0 1 66%;
flex-flow: row wrap;
}
@media only screen and (max-width:768px) {
.footer__section--left {
flex-flow: column;
flex-basis: 100%
}
}
.footer__section--right {
align-items: flex-end;
}
@media only screen and (max-width:768px) {
.footer__section--right {
display: none
}
}
.footer__section--mobile {
background: #002F4A;
display: none;
padding: 20px;
}
@media only screen and (max-width:768px) {
.footer__section--mobile {
display: block
}
}
.footer__contact {
display: flex;
padding-bottom: 40px;
}
.footer__contact-text {
margin-left: 30px;
}
.footer__contact-logo {
height: 52px;
width: auto;
display: block;
}
.footer__contact-name {
color: #018F4B;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
margin: 0;
}
.footer__contact-info {
margin: 5px 0 0;
}
.footer__contact-info a {
padding: 4px 0;
display: inline-block;
color: #000;
text-decoration: none;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.footer__contact-info a:hover {
background-color: rgba(1, 143, 75, 0.1);
box-shadow: 0 -2px 0 #018F4B inset;
}
.footer__copyright {
margin: 0;
padding-top: 12px;
}
@media only screen and (max-width:768px) {
.footer__copyright {
margin: 0
}
}
.footer__nav {
justify-content: flex-end;
width: 260px;
padding-bottom: 40px;
margin-left: 78px;
}
.footer__nav > ul {
list-style: none;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
padding: 0;
margin: -6px 0;
}
@media only screen and (max-width:768px) {
.footer__nav > ul {
flex-flow: column
}
}
.footer__nav > ul > li {
flex: 1 0 50%;
margin: 2px 0;
}
.footer__nav > ul > li > a {
padding: 4px 0;
display: inline-block;
color: #000;
text-decoration: none;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.footer__nav > ul > li > a:hover {
background-color: rgba(1, 143, 75, 0.1);
box-shadow: 0 -2px 0 #018F4B inset;
}
.footer__social-list {
list-style: none;
display: flex;
flex-flow: row nowrap;
padding: 0;
margin: 0 -16px;
justify-content: center;
}
.footer__social-item {
margin: 0 16px;
}
.footer__social-link {
text-decoration: none;
color: #000;
transition: color 0.5s;
}
.footer__social-link:hover {
color: #018F4B;
}
@media only screen and (max-width:768px) {
.footer__social-link {
color: #fff
}
}
.footer__credits {
width: 146px;
}
.footer__credits img { margin-top: 7px; }
@media only screen and (max-width: 1088px) {
.footer__nav {
}
}
#menu-middle-school-header-menu-1 .main-menu__item {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
font-size: 16px;
margin: 16px;
}
.main-menu {
max-width: 1240px;
margin: 0 auto;
}
.main-menu--hidden {
display: none;
}
.main-menu__list {
padding: 0;
list-style: none;
margin: 0;
}
.main-menu__list--main {
display: flex;
flex-wrap: wrap;
margin: 0 50px;
padding-bottom: 100px;
}
.main-menu__item {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 30px;
width: calc(25% - 60px);
margin: 30px;
}
@media only screen and (max-width:768px) {
.main-menu__item {
width: 100%
}
}
.main-menu__sub-item {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.main-menu__sub-item:first-child {
margin-top: 5px;
}
.main-menu__link {
text-decoration: none;
color: black;
display: block;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.main-menu__link:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.calendar {
margin: 0 auto;
max-width: 1240px;
padding: 0 30px;
}
@media only screen and (max-width:768px) {
.calendar {
padding: 0;
width: 100%
}
}
.calendar__navigation {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
@media only screen and (max-width:768px) {
.calendar__navigation {
border-bottom: 1px solid #ccc;
padding-bottom: 10px
}
}
.calendar__arrow {
text-decoration: none;
}
.calendar__arrow--prev {
margin-right: 15px;
}
.calendar__arrow--prev svg { transform: rotate(90deg); }
.calendar__arrow--next {
margin-left: 15px;
}
.calendar__arrow--next svg { transform: rotate(-90deg); }
.calendar__arrow:hover polyline { stroke: #018F4B; }
.calendar__arrow svg {
height: 8px;
width: auto;
margin-bottom: 2px;
}
.calendar__arrow polyline {
transition: stroke 0.5s;
fill: none;
stroke: #000;
stroke-miterlimit: 10;
stroke-width: 5px;
}
.calendar__title-wrapper {
position: relative;
padding: 4px 15px;
border-bottom: 2px solid transparent;
transition: background-color 0.5s, border-color 0.5s;
}
.calendar__title-wrapper:hover {
background-color: rgba(1, 143, 75, 0.1);
border-color: #018F4B;
}
.calendar__title-wrapper:hover .calendar__dropdown {
display: block;
}
.calendar__title-wrapper:hover polyline { stroke: #018F4B; }
.calendar__title {
font-size: 30px;
font-weight: 700;
}
.calendar__dropdown {
display: none;
position: absolute;
z-index: 2;
background: #fff;
border: 1px solid #ccc;
left: 50%;
transform: translateX(-50%);
top: calc(100% + 2px);
font-size: 14px;
}
@media only screen and (max-width:768px) {
.calendar__dropdown {
width: 100%
}
}
.calendar__dropdown-year {
display: flex;
margin: 10px 20px;
}
.calendar__dropdown-label {
margin: 2px 10px 2px 0;
}
@media only screen and (max-width:768px) {
.calendar__dropdown-label {
margin: 6px 10px 6px 0
}
}
.calendar__dropdown-months {
display: flex;
}
@media only screen and (max-width:768px) {
.calendar__dropdown-months {
flex-flow: row wrap;
justify-content: space-between;
flex-grow: 1
}
}
.calendar__dropdown-month {
padding: 2px;
margin: 0 8px;
color: #a4a4a4;
text-decoration: none;
transition: color 0.5s, background-color 0.5s;
}
.calendar__dropdown-month:last-child { margin-right: 0; }
.calendar__dropdown-month:hover {
color: #fff;
background-color: #000;
}
@media only screen and (max-width:768px) {
.calendar__dropdown-month {
flex-basis: 20%;
flex-grow: 1;
margin: 4px
}
}
.calendar__day {
position:relative;
border: 1px solid #ccc;
/*TODO*/
padding: 25px;
height: 150px;
font-size: 14px;
}
@media only screen and (max-width:768px) {
.calendar__day {
border: none;
border-bottom: 1px solid #ccc;
display: block;
height: auto;
padding: 20px
}
}
.calendar__day--today {
background-color: rgba(1, 143, 75, 0.1);
}
.calendar__day--outrange {
background-color: #f4f4f4;
}
@media only screen and (max-width:768px) {
.calendar__day--outrange { display: none
}
}
@media only screen and (max-width:768px) {
.calendar__day--empty { display: none
}
}
.calendar__date {
font-weight: 700;
position: absolute;
top: 10px;
right: 10px;
}
@media only screen and (max-width:768px) {
.calendar__date {
/*TODO*/
font-size: 24px;
font-weight: initial;
padding-left: 9px;
position: initial
}
}
.calendar__time {
color: #a4a4a4;
}
.calendar__event {
position: relative;
margin-bottom: 10px;
border-bottom: 2px solid transparent;
transition: border-color 0.5s, background-color 0.5s;
display: block;
padding: 4px 0 2px;
}
@media only screen and (max-width:768px) {
.calendar__event {
display: block;
margin: 10px
}
}
.calendar__event:last-child {
margin-bottom: 0;
}
.calendar__event:hover {
background-color: rgba(1, 143, 75, 0.1);
border-color: #018F4B;
}
.calendar__event:focus {
outline: none;
}
.calendar__tooltip-link {
color: #000;
text-decoration: none;
display: inline-block;
padding-top: 4px;
margin-top: 6px;
border-bottom: 2px solid #018F4B;
transition: background-color 0.5s;
}
.calendar__tooltip-link:first-of-type { margin-right: 20px; }
.calendar__tooltip-link:hover { background-color: rgba(1, 143, 75, 0.1); }
.calendar table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.calendar table th {
border: 0 none;
font-weight: bold;
/*TODO*/
padding: 0.7em 0.3em;
text-align: center;
}
@media only screen and (max-width:768px) {
.calendar table th { display: none
}
}
.calendar-theme.tippy-tooltip {
color: #000;
text-align: left;
border-radius: 0;
border: 2px solid #ccc;
padding: 10px 20px;
font-size: 14px;
}
.calendar-theme.tippy-tooltip .tippy-backdrop {
background-color: #fff;
}
#quote-list {
max-width: 1300px;
margin: auto;
}
#quote-list .vc_row {
margin-bottom: 40px;
}
#quote-list .headline h2 {
float: left;
margin-right: 40px;
border-right: 1px solid #000;
padding-right: 40px;
max-width: 300px;
}
#quote-list .headline p {
float: left;
max-width: 500px;
}
#quote-list .ws-spacer--small {
height: 40px;
float: none;
clear: both;
}
#quote-list .ws-spacer--small {
height: 40px;
float: none;
clear: both;
}
#quote-list .ws-excerpt hr {
margin-bottom:20px;
}
#quote-list .list h2 {
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 800;
}
.timeline .ws-excerpt p{
text-transform:�uppercase !important;
font-size:�14px;
}
.timeline .ws-excerpt h3 {
font-size: 18px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin-top: 0px;
}
.timeline .ws-excerpt .ws-excerpt__description {
line-height: 1.5em;
margin-top: 30px;
}
.timeline .ws-excerpt .dot {
background:yellow;
}
#alumni-network .ws-inner-excerpt img {
height: 40px;
width: auto;
margin-right: 7px;
}
#alumni-network .map {
background-image: url(https://www.williston.com/wp-content/themes/wp-williston-theme/assets/images/w-shield-bg.jpg);
}
#alumni-network .cta {
max-width:540px;
}
.search__wrapper {
position: relative;
height: 41px;
margin-left: 0;
}
.search__list {
list-style: none;
margin-top: 40px;
padding: 0;
}
.search__item {
margin: 20px 0;
}
.search__title {
margin: 0 0 5px;
}
.search__title a {
color: #000;
text-decoration: none;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
}
.search__url {
margin: 0;
font-size: 14px;
}
.search__excerpt {
margin: 10px 0;
}
.search__pages {
text-align: center;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin-top: 80px;
}
.search__pages .page-numbers {
color: #000;
text-decoration: none;
display: inline-block;
margin: 0 5px;
}
.search__pages .page-numbers.current {
color: #aaa;
}
/* row / section ? */
.ws-separator {
display: block;
height: 0;
border: none;
border-bottom: 1px solid #E4E4E4;
margin: 80px 0;
}
.ws-separator--yellow, .ws-separator--black {
border-bottom: 8px solid;
}
.ws-separator--yellow {
margin: 30px 0;
border-color: #EBD831;
}
.ws-separator--black {
border-color: #000;
}
.ws-separator--narrow {
margin: 40px 0;
}
.ws-spacer--small {
height: 40px;
}
.ws-spacer--large {
height: 80px;
}
.ws-excerpt--white {
color: #fff;
}
.ws-excerpt--white .ws-excerpt__description a,
.ws-excerpt--white .ws-excerpt__heading a {
color: #fff;
}
.ws-excerpt--white .ws-excerpt__description a:hover,
.ws-excerpt--white .ws-excerpt__heading a:hover {
background-color: #018F4B;
}
.ws-excerpt__heading {
font-size: 30px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin: 0 0 10px;
line-height: 36px;
}
.ws-excerpt__heading--whitman {
font-family: 'whitman';
font-style: normal;
font-weight: 400;
font-weight: 400;
font-size: 36px;
}
.ws-excerpt__heading--primary {
font-size: 16px;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 0 26px;
}
.ws-excerpt__heading--large {
font-size: 64px;
line-height: 48px;
margin: 0;
}
.ws-excerpt__heading--medium {
font-size: 44px;
line-height: 48px;
margin: 0;
}
.ws-excerpt__heading a {
text-decoration: none;
color: #000;
transition: border-color 0.5s, background-color 0.5s, color 0.5s, box-shadow 0.5s;
}
.ws-excerpt__heading a:hover {
background-color: rgba(1, 143, 75, 0.1);
}
.ws-excerpt__description {
line-height: 1.5em;
max-width: 760px;
}
.ws-excerpt__description p:first-of-type, .ws-excerpt__description > *:first-child { margin-top: 0; }
.ws-excerpt__description p:last-of-type, .ws-excerpt__description > *:last-child { margin-bottom: 0; }
.ws-excerpt__description--readmore {
height: auto;
overflow-y: scroll;
}
.ws-excerpt__description img {
max-width: 100%;
height: auto;
display: block;
}
.ws-excerpt__description a {
text-decoration: none;
color: #000;
box-shadow: 0 -2px 0 #018F4B inset;
transition: background-color 0.5s;
}
.ws-excerpt__description a:hover { background-color: rgba(1, 143, 75, 0.1); }
.ws-excerpt__description a img {
display: initial;
}
.ws-excerpt__description a.image-link {
box-shadow: none;
}
.ws-excerpt__description a.image-link:hover { background-color: transparent; }
.ws-excerpt__description table {
width: 100%;
}
.ws-excerpt__description table tr { vertical-align: top; }
.ws-excerpt__readmore {
margin: 20px 0 0;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #000;
}
.ws-excerpt__readmore-button {
cursor: pointer;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.ws-excerpt__readmore-button:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-excerpt__readmore-button--white {
color: #fff;
box-shadow: none;
}
.ws-excerpt__readmore-button--white:hover {
background-color: #018F4B;
box-shadow: none;
}
.ws-excerpt__links {
display: flex;
flex-flow: row nowrap;
margin: 20px -20px 0;
}
@media only screen and (max-width:768px) {
.ws-excerpt__links {
flex-flow: column;
align-items: flex-start
}
}
.ws-excerpt__link {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #000;
text-decoration: none;
}
@media only screen and (max-width:768px) {
.ws-excerpt__link--button:nth-child(2) { margin-top: 20px; }
}
.ws-excerpt__link--text {
padding: 4px 0;
margin: -4px 20px;
transition: background-color 0.5s, box-shadow 0.5s;
box-shadow: 0 -2px 0 transparent inset;
}
.ws-excerpt__link--text:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-excerpt__link--button {
padding: 10px 20px;
color: #000;
box-sizing: border-box;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #000;
margin: 0 20px;
text-decoration: none;
transition: color 0.5s, background-color 0.5s, border-color 0.5s;
}
.ws-excerpt__link--button:hover {
color: #fff;
background-color: #018F4B;
border-color: #018F4B;
}
.ws-excerpt__link--white {
color: #fff;
border-color: #fff;
box-shadow: none;
}
.ws-excerpt__link--white:hover {
background-color: #018F4B;
box-shadow: none;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-excerpt { margin-top: 40px; }
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12) .ws-spacer + .ws-excerpt { margin-top: 0; }
}
.ws-factoid {
margin: 0 45px;
}
@media only screen and (max-width:768px) {
.ws-factoid {
margin: 0
}
}
.ws-factoid__image {
width: 100%;
height: auto;
display: block;
margin-bottom: 28px;
}
.ws-factoid__figure {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin-bottom: 28px;
}
@media only screen and (max-width:768px) {
.ws-factoid__figure {
margin-bottom: 10px
}
}
.ws-factoid__figure--large {
font-size: 124px;
line-height: 93px;
}
.ws-factoid__figure--medium {
font-size: 64px;
line-height: 50px;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-factoid {
margin-top: 40px;
}
}
.ws-quote {
text-align: center;
}
.ws-quote__image {
width: 100%;
height: auto;
max-width: 300px;
border-radius: 50%;
}
.ws-quote__attribution {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin: 0;
}
.ws-quote__text {
margin: 10px 0;
}
.ws-quote__text--medium {
font-size: 20px;
}
.ws-quote__text--large {
font-size: 30px;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-quote {
margin-top: 40px;
}
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12) .ws-spacer + .ws-quote {
margin-top: 0;
}
}
.ws-video {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 35px;
}
.ws-video__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-video {
margin-top: 40px;
}
}
.ws-quote-banner {
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width:768px) {
.ws-quote-banner {
flex-flow: column
}
}
.ws-quote-banner__content {
text-align: center;
flex-basis: 50%;
}
@media only screen and (max-width:768px) {
.ws-quote-banner__content {
order: 2
}
}
.ws-quote-banner__inner {
padding: 60px;
}
.ws-quote-banner__attribution, .ws-quote-banner__link {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
}
.ws-quote-banner__link {
margin: 10px 0;
display: inline-block;
text-decoration: none;
color: #000;
}
.ws-quote-banner__image-wrapper {
flex-basis: 50%;
position: relative;
}
.ws-quote-banner__overlap {
position: absolute;
top: 0; bottom: 0; left: 0;
width: 100px;
}
@media only screen and (max-width:768px) {
.ws-quote-banner__overlap {
display: none
}
}
.ws-quote-banner__image {
width: 100%;
height: auto;
display: block;
}
.ws-slideshow {
overflow: hidden;
position: relative;
}
.ws-slideshow__slides {
display: flex;
transform: translateX(0);
}
.ws-slideshow__slides--transition {
transition: 0.5s transform;
}
.ws-slideshow__slide {
flex: 0 0 100%;
}
.ws-slideshow__image {
width: 100%;
height: auto;
display: block;
}
.ws-slideshow__arrows {
position: absolute;
bottom: 0;
margin: 35px;
display: flex;
justify-content: space-between;
width: 66px;
}
.ws-slideshow__arrows polyline {
transition: 0.5s stroke;
}
.ws-slideshow__arrows--black polyline {
stroke: #000;
}
.ws-slideshow__arrows--green polyline {
stroke: #018F4B;
}
.ws-slideshow__arrows--yellow polyline {
stroke: #EBD831;
}
.ws-slideshow__arrows--blue polyline {
stroke: #002F4A;
}
@media only screen and (max-width:768px) {
.ws-slideshow__arrows {
width: calc(100% - 40px);
justify-content: center;
margin: 20px
}
}
.ws-slideshow__arrow {
cursor: pointer;
}
.ws-slideshow__arrow--prev {
transform: rotate(180deg);
}
.ws-slideshow__arrow svg {
height: 22px;
width: auto;
display: block;
}
@media only screen and (max-width:768px) {
.ws-slideshow__arrow {
display: none
}
}
.ws-slideshow__dot {
display: none;
margin: 0 5px;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.1s;
}
.ws-slideshow__dot--active {
opacity: 1;
cursor: initial;
}
.ws-slideshow__dot--black circle {
fill: #000;
}
.ws-slideshow__dot--green circle {
fill: #018F4B;
}
.ws-slideshow__dot--yellow circle {
fill: #EBD831;
}
.ws-slideshow__dot--blue circle {
fill: #002F4A;
}
@media only screen and (max-width:768px) {
.ws-slideshow__dot {
display: block
}
}
.ws-slideshow__dot circle {
transition: fill 0.5s;
}
.ws-slideshow__dot svg {
height: 10px;
width: auto;
display: block;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-slideshow {
margin-top: 40px;
}
}
.ws-hero {
position: relative;
height: 100vh;
min-height: 400px;
max-height: 650px;
background: #333333;
overflow: hidden;
color: #fff;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-align: left;
}
@media only screen and (max-width:768px) {
.ws-hero {
display: flex;
flex-flow: column;
background: #000
}
}
.ws-hero--top {
max-height: 760px;
margin-top: -110px;
}
.ws-hero--full-height {
max-height: initial;
}
.ws-hero--black {
color: #000;
}
@media only screen and (max-width:768px) {
.ws-hero--black {
background: #fff
}
}
.ws-hero__image-background, .ws-hero__video-background, .ws-hero__image-fallback {
position: absolute;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.ws-hero__image-background_top,
.ws-hero__image-fallback_top {
object-position: center top;
}
.ws-hero__image-background, .ws-hero__video-background {
opacity:0;
transition:opacity 0.3s ease;
}
@media only screen and (max-width:768px) {
.ws-hero__image-background, .ws-hero__video-background {
flex-grow: 1;
height: auto;
position: relative
}
}
.ws-hero.images-loaded .ws-hero__image-background {
opacity:1;
}
.ws-hero.video-loaded .ws-hero__video-background {
opacity:1;
}
.ws-hero__content {
display: flex;
flex-flow: column nowrap;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
max-width: 1240px;
margin: 0 auto;
padding: 60px;
}
@media only screen and (max-width:768px) {
.ws-hero__content {
padding: 20px;
position: relative;
width: calc(100% - 40px)
}
}
.ws-hero__content--center {
align-items: center;
justify-content: center;
}
.ws-hero__content--bottom-center {
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width:768px) {
.ws-hero__content--bottom-center {
padding: 20px
}
}
.ws-hero__content--upper {
justify-content: flex-start;
}
@media only screen and (max-width:768px) {
.ws-hero__content--upper {
justify-content: flex-end
}
}
.ws-hero__content--bottom {
justify-content: flex-end;
}
.ws-hero__content--left {
align-items: flex-start;
}
.ws-hero__content--right {
align-items: flex-end;
}
@media only screen and (max-width:768px) {
.ws-hero__content--right {
align-items: flex-start
}
}
.ws-hero__content--has-explore {
padding-bottom: 150px;
}
.ws-hero__content--boxed {
padding: 35px;
}
@media only screen and (max-width:768px) {
.ws-hero__content--boxed {
padding: 0;
width: 100%
}
}
.ws-hero--top .ws-hero__content--upper {
padding-top: 120px;
}
.ws-hero__inner--wide {
display: flex;
align-items: flex-end;
}
.ws-hero__inner--boxed {
padding: 25px 35px;
}
@media only screen and (max-width:768px) {
.ws-hero__inner--boxed {
width: calc(100% - 30px);
padding: 20px 23px
}
}
.ws-hero__inner--white {
background-color: #fff;
}
.ws-hero__inner--black {
background-color: #000;
}
.ws-hero__inner--yellow .ws-hero__video-button, .ws-hero__inner--green .ws-hero__video-button, .ws-hero__inner--blue .ws-hero__video-button {
transition: color 0.5s, background-color 0.5s;
}
.ws-hero__inner--yellow .ws-hero__video-button:hover, .ws-hero__inner--green .ws-hero__video-button:hover, .ws-hero__inner--blue .ws-hero__video-button:hover {
background-color: #fff;
}
.ws-hero__inner--yellow .ws-hero__video-button--black, .ws-hero__inner--green .ws-hero__video-button--black, .ws-hero__inner--blue .ws-hero__video-button--black {
border-bottom: none;
}
.ws-hero__inner--yellow .ws-hero__video-button--black:hover, .ws-hero__inner--green .ws-hero__video-button--black:hover, .ws-hero__inner--blue .ws-hero__video-button--black:hover {
background-color: #000;
}
.ws-hero__inner--yellow .ws-hero__link--text.ws-hero__link--black, .ws-hero__inner--green .ws-hero__link--text.ws-hero__link--black, .ws-hero__inner--blue .ws-hero__link--text.ws-hero__link--black {
box-shadow: none;
}
.ws-hero__inner--yellow .ws-hero__link--text.ws-hero__link--black:hover, .ws-hero__inner--green .ws-hero__link--text.ws-hero__link--black:hover, .ws-hero__inner--blue .ws-hero__link--text.ws-hero__link--black:hover {
box-shadow: none;
background-color: #000;
}
.ws-hero__inner--yellow .ws-hero__link:hover, .ws-hero__inner--green .ws-hero__link:hover, .ws-hero__inner--blue .ws-hero__link:hover {
background-color: #fff;
border-color: #fff;
}
.ws-hero__inner--yellow .ws-hero__link--black:hover, .ws-hero__inner--green .ws-hero__link--black:hover, .ws-hero__inner--blue .ws-hero__link--black:hover {
background-color: #000;
border-color: #000;
}
.ws-hero__inner--yellow {
background-color: #EBD831;
}
.ws-hero__inner--yellow .ws-hero__link:hover { color: #EBD831; }
.ws-hero__inner--yellow .ws-hero__video-button:hover {
color: #EBD831;
}
.ws-hero__inner--yellow .ws-hero__video-button:hover circle { stroke: #EBD831; }
.ws-hero__inner--yellow .ws-hero__video-button:hover polygon { fill: #EBD831; }
.ws-hero__inner--green {
background-color: #018F4B;
}
.ws-hero__inner--green .ws-hero__link:hover { color: #018F4B; }
.ws-hero__inner--green .ws-hero__video-button:hover {
color: #018F4B;
}
.ws-hero__inner--green .ws-hero__video-button:hover circle { stroke: #018F4B; }
.ws-hero__inner--green .ws-hero__video-button:hover polygon { fill: #018F4B; }
.ws-hero__inner--blue {
background-color: #002F4A;
}
.ws-hero__inner--blue .ws-hero__link:hover { color: #002F4A; }
.ws-hero__inner--blue .ws-hero__video-button:hover {
color: #002F4A;
}
.ws-hero__inner--blue .ws-hero__video-button:hover circle { stroke: #002F4A; }
.ws-hero__inner--blue .ws-hero__video-button:hover polygon { fill: #002F4A; }
.ws-hero__heading {
line-height: 1em;
text-align: left;
margin: 0;
color: #fff;
}
.ws-hero__heading--center { text-align: center; }
.ws-hero__heading--top { font-size: 100px; }
.ws-hero__heading--large {
font-size: 94px;
}
@media only screen and (max-width:768px) {
.ws-hero__heading--large {
font-size: 60px
}
}
.ws-hero__heading--medium {
font-size: 64px;
}
@media only screen and (max-width:768px) {
.ws-hero__heading--medium {
font-size: 46px
}
}
.ws-hero__heading--medium-small {
font-size: 44px;
}
.ws-hero__heading--small {
font-size: 30px;
}
.ws-hero__heading--athletic {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
letter-spacing: 0.025em;
}
.ws-hero__heading--athletic-top {
font-size: 114px;
}
.ws-hero__heading--athletic-large {
font-size: 106px;
}
.ws-hero__heading--athletic-medium {
font-size: 72px;
}
.ws-hero__heading--athletic-medium-small {
font-size: 50px;
}
.ws-hero__heading--athletic-small {
font-size: 34px;
}
.ws-hero__heading--caps {
text-transform: uppercase;
}
.ws-hero__heading--black {
color: #000;
}
.ws-hero__heading--green {
color: #018F4B;
}
.ws-hero__subheading {
font-size: 30px;
margin: 0;
text-align: left;
text-transform: uppercase;
}
.ws-hero__subheading--top {
font-size: 14px;
margin: 20px 0;
}
.ws-hero__subheading--center {
text-align: center;
}
.ws-hero__subheading--black {
color: #000;
}
.ws-hero__subheading--green {
color: #018F4B;
}
.ws-hero__wide-text {
margin-left: 80px;
}
.ws-hero__description {
width: 450px;
line-height: 1.5em;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
margin: 10px 0;
}
@media only screen and (max-width:768px) {
.ws-hero__description {
width: auto;
max-width: 450px
}
}
.ws-hero__description--center {
text-align: center;
margin: 10px auto;
}
.ws-hero__links {
list-style: none;
display: flex;
flex-flow: row nowrap;
padding: 0;
justify-content: flex-start;
}
.ws-hero__links--text {
margin: 16px -20px -4px;
}
.ws-hero__links--video {
margin: 20px -20px 0;
}
.ws-hero__links--button {
margin: 40px -20px 20px;
}
.ws-hero__links--bottom-center, .ws-hero__links--center {
justify-content: center;
}
@media only screen and (max-width:768px) {
.ws-hero__links--bottom-center, .ws-hero__links--center {
align-items: center
}
}
@media only screen and (max-width:768px) {
.ws-hero__links {
flex-flow: column;
margin: 20px -10px 0
}
}
.ws-hero__link {
margin: 0 20px;
color: #fff;
text-decoration: none;
transition: border-color 0.5s, background-color 0.5s, color 0.5s, box-shadow 0.5s;
/*&--video {
display: inline-block;
line-height: 50px;
height: 50px;
padding: 0 0 0 60px;
background: url(assets/images/hero_play.png) left center no-repeat;
}
&--video-black {
filter: brightness(0);
}*/
}
@media only screen and (max-width:768px) {
.ws-hero__link {
margin: 0 10px
}
}
.ws-hero__link--text {
padding: 4px 0;
}
.ws-hero__link--text.ws-hero__link--black {
box-shadow: 0 -2px 0 transparent inset;
}
.ws-hero__link--text:hover {
background-color: #018F4B;
}
.ws-hero__link--text:hover.ws-hero__link--black {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-hero__link--button {
display: flex;
justify-content: center;
align-itmes: center;
box-sizing: border-box;
padding: 10px 20px;
width: 250px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #fff;
box-shadow: none;
}
@media only screen and (max-width:768px) {
.ws-hero__link--button {
margin: 10px
}
}
.ws-hero__link--button:hover {
background-color: #018F4B;
border-color: #018F4B;
color: #fff;
box-shadow: none;
}
.ws-hero__link--black {
color: #000;
border-color: #000;
}
.ws-hero__video-button {
display: flex;
align-items: center;
margin: -4px 20px;
padding: 4px 0;
height: 50px;
color: #fff;
transition: border-color 0.5s, background-color 0.5s;
}
.ws-hero__video-button--link { text-decoration: none; }
.ws-hero__video-button--popup { cursor: pointer; }
.ws-hero__video-button:hover { background-color: #018F4B; }
.ws-hero__video-button svg {
height: 100%;
width: auto;
margin-right: 15px;
}
.ws-hero__video-button circle {
fill: none;
stroke: #fff;
stroke-miterlimit: 10;
stroke-width: 5px;
transition: stroke 0.5s;
}
.ws-hero__video-button polygon {
fill: #fff;
transition: fill 0.5s;
}
.ws-hero__video-button--black {
margin: -4px 20px -6px;
color: #000;
border-bottom: 2px solid transparent;
}
.ws-hero__video-button--black circle { stroke: #000; }
.ws-hero__video-button--black polygon { fill: #000; }
.ws-hero__video-button--black:hover {
background-color: rgba(1, 143, 75, 0.1);
border-color: #018F4B;
}
.ws-hero__video-button--black:hover circle { stroke: #018F4B; }
.ws-hero__video-button--black:hover polygon { fill: #018F4B; }
.ws-hero__video {
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
display: none;
opacity: 0;
transition: .25s opacity;
}
.ws-hero__video-inner {
max-width: 1300px;
width: 100%;
height: calc(100vh - 100px);
display: flex;
align-items: center;
justify-content: center;
}
.ws-hero__video-iframe {
margin: 65px;
display: none;
}
.ws-hero__video-iframe--active {
display: block;
}
.ws-hero__video-close {
position: absolute;
top: 0;
right: 0;
margin: 20px;
cursor: pointer;
}
.ws-hero__video-close svg { width: 20px; }
.ws-hero__video-close line {
fill: none;
stroke: #fff;
stroke-width: 10px;
transition: stroke 0.5s;
}
.ws-hero__video-close:hover line { stroke: #018F4B; }
.ws-hero__explore {
position: absolute;
bottom: 36px; left: 50%;
min-width: 31px;
font-weight: 700;
font-size: 19px;
text-align: center;
background: url(https://www.williston.com/wp-content/themes/wp-williston-theme/assets/images/explore.svg) center bottom no-repeat;
background-size: 36px;
padding-bottom: 60px;
transform: translateX(-50%);
z-index: 10;
color: #fff;
text-decoration: none;
}
.ws-hero__explore--black {
filter: brightness(0);
}
@media only screen and (max-width:768px) {
.ws-hero__explore {
display: none
}
}
.ws-slideshow-hero {
overflow: hidden;
position: relative;
height: 100vh;
min-height: 400px;
max-height: 650px;
}
.ws-slideshow-hero--top {
max-height: 760px;
margin-top: -110px;
}
.ws-slideshow-hero--top .ws-hero {
max-height: 760px;
}
.ws-slideshow-hero--top .ws-hero__content--upper {
padding-top: 120px;
}
@media only screen and (max-width:768px) {
.ws-slideshow-hero--top .ws-hero__content--upper {
padding-top: 20px
}
}
.ws-slideshow-hero--full-height {
max-height: initial;
}
.ws-slideshow-hero--full-height .ws-hero {
max-height: initial;
}
.ws-slideshow-hero__slides {
display: flex;
transform: translateX(0);
}
.ws-slideshow-hero__slides--transition {
transition: 0.5s transform;
}
.ws-slideshow-hero__holder {
flex: 0 0 100%;
}
.ws-slideshow-hero__width-wrapper {
position: absolute;
bottom: 48%; left: 0; right: 0;
margin: 35px auto;
padding: 0 60px;
}
@media only screen and (max-width:768px) {
.ws-slideshow-hero__width-wrapper {
bottom: 0;
margin: 20px auto
}
}
.ws-slideshow-hero__arrows {
display: flex;
justify-content: space-between;
}
.ws-slideshow-hero__arrows polyline {
transition: 0.5s stroke;
}
.ws-slideshow-hero__arrows--black polyline {
stroke: #000;
}
.ws-slideshow-hero__arrows--green polyline {
stroke: #018F4B;
}
.ws-slideshow-hero__arrows--yellow polyline {
stroke: #EBD831;
}
.ws-slideshow-hero__arrows--blue polyline {
stroke: #002F4A;
}
@media only screen and (max-width:768px) {
.ws-slideshow-hero__arrows {
justify-content: center
}
}
.ws-slideshow-hero__arrow {
cursor: pointer;
width: auto;
}
.ws-slideshow-hero__arrow--prev {
transform: rotate(180deg);
}
.ws-slideshow-hero__arrow svg {
height: 36px;
width: auto;
display: block;
}
@media only screen and (max-width:768px) {
.ws-slideshow-hero__arrow {
display: none
}
}
.ws-slideshow-hero__dot {
display: none;
margin: 0 5px;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.1s;
}
.ws-slideshow-hero__dot--active {
opacity: 1;
cursor: initial;
}
.ws-slideshow-hero__dot--black circle {
fill: #000;
}
@media only screen and (max-width:768px) {
.ws-slideshow-hero__dot {
display: block
}
}
.ws-slideshow-hero__dot circle {
transition: fill 0.5s;
}
.ws-slideshow-hero__dot svg {
height: 10px;
width: auto;
display: block;
}
.ws-slideshow-hero .ws-hero__content {
padding-bottom: 90px;
}
@media only screen and (max-width:768px) {
.ws-slideshow-hero .ws-hero__content {
padding-bottom: 0
}
.ws-slideshow-hero .ws-hero__content--boxed {
margin: 0;
}
}
@media only screen and (max-width:768px) {
.ws-slideshow-hero .ws-hero__inner {
padding-bottom: 50px;
}
.ws-slideshow-hero .ws-hero__inner--boxed {
padding: 20px 20px 50px;
width: calc(100% - 40px);
}
}
.ws-news__header {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin: 0 0 40px;
}
.ws-news__title {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 800;
font-size: 26px;
text-transform: uppercase;
margin: 0;
}
.ws-news__view-all {
cursor: pointer;
font-size: 10px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
background-color: #000;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 8px 6px;
text-decoration: none;
margin-left: 20px;
flex-shrink: 0;
transition: background-color 0.5s;
}
.ws-news__filter {
cursor: pointer;
font-size: 10px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
background-color: #000;
color: white;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 15px 90px;
}
.ws-news__list {
display: flex;
flex-flow: row wrap;
margin: -30px;
}
.ws-news__item {
flex: 0 2 25%;
padding: 30px;
box-sizing: border-box;
}
@media only screen and (max-width:768px) {
.ws-news__item { flex-basis: 100%
}
}
.ws-news__image {
display: block;
width: 100%;
height: auto;
margin: -8px;
border: 8px solid transparent;
transition: border-color 0.5s;
}
.ws-news__image:hover { border-color: rgba(1, 143, 75, 0.1); }
.ws-news__empty-image {
padding-bottom: 100%;
}
@media only screen and (max-width:768px) {
.ws-news__empty-image { padding-bottom: 0
}
}
.ws-news__headline {
display: block;
font-size: 14px;
margin: 20px 0 10px;
padding: 4px 0;
color: #000;
text-decoration: none;
transition: box-shadow 0.5s, background-color 0.5s;
}
.ws-news__headline:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-news__headline--bold {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
}
.ws-news__description {
font-size: 14px;
margin: 0;
}
.ws-news__footer {
margin: 80px 0 0;
}
.ws-news__footer--hidden { display: none; }
.ws-news__more {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
display: block;
margin: 0 auto;
cursor: pointer;
box-sizing: border-box;
width: 253px;
height: 43px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #000;
background-color: #fff;
transition: color 0.5s, border-color 0.5s, background-color 0.5s;
}
.ws-news__more:hover {
color: #fff;
background-color: #018F4B;
border-color: #018F4B;
}
.ws-news__more:focus { outline: none; }
.ws-news-small__header {
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
justify-content: space-between;
margin: 0 0 16px;
}
.ws-news-small__title {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 800;
font-size: 26px;
text-transform: uppercase;
margin: 0;
}
.ws-news-small__view-all {
cursor: pointer;
font-size: 10px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
background-color: #000;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 8px 6px;
text-decoration: none;
margin-left: 20px;
flex-shrink: 0;
transition: background-color 0.5s;
}
.ws-news-small__view-all:hover {
background-color: #018F4B;
}
.ws-news-small__list {
list-style: none;
display: flex;
flex-flow: row nowrap;
padding: 0;
margin-left: -20px;
}
@media only screen and (max-width:768px) {
.ws-news-small__list {
flex-flow: column
}
}
.ws-news-small__item {
flex: 1;
margin-left: 20px;
}
@media only screen and (max-width:768px) {
.ws-news-small__item {
margin-bottom: 20px
}
.ws-news-small__item:last-child {
margin-bottom: 0;
}
}
.ws-news-small__item-inner {
display: flex;
align-items: center;
height: 100%;
text-decoration: none;
font-size: 14px;
color: #000;
border-bottom: 2px solid transparent;
transition: background-color 0.5s, border-bottom 0.5s;
}
.ws-news-small__item-inner:hover {
background-color: rgba(1, 143, 75, 0.1);
border-bottom: 2px solid #018F4B;
}
.ws-news-small__image-wrapper {
margin-right: 20px;
flex: 1;
}
.ws-news-small__image {
width: 100%;
height: auto;
display: block;
}
.ws-news-small__headline {
display: block;
flex: 1;
padding-right: 20px;
}
.ws-news-small__headline--centered {
width: 100%;
text-align: center;
}
.ws-news-list__title {
font-size: 30px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin: 0 0 10px;
}
.ws-news-list__list {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
.ws-news-list__item {
margin: 20px 0;
}
.ws-news-list__item:first-of-type {
margin-top: 0;
}
.ws-news-list__item:last-of-type {
margin-bottom: 0;
}
.ws-news-list__item-inner {
display: flex;
align-items: center;
text-decoration: none;
color: #000;
border-bottom: 2px solid transparent;
transition: background-color 0.5s, border-bottom 0.5s;
}
.ws-news-list__item-inner:hover {
background-color: rgba(1, 143, 75, 0.1);
border-bottom: 2px solid #018F4B;
}
.ws-news-list__text {
margin: 0 20px;
flex: 65%;
}
.ws-news-list__headline {
margin: 0;
}
.ws-news-list__excerpt {
font-size: 14px;
margin: 5px 0 0;
}
.ws-news-list__image-wrapper {
flex: 35%;
}
.ws-news-list__image-wrapper--empty {
padding-bottom: 16.33%;
}
.ws-news-list__image {
width: 100%;
height: auto;
display: block;
}
.ws-news-list__view-all {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #000;
text-decoration: none;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: background-color 0.5s, box-shadow 0.5s;
}
.ws-news-list__view-all:hover {
background-color: rgba(1, 143, 75, 0.1);
box-shadow: 0 -2px 0 #018F4B inset;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-news-list {
margin-top: 40px;
}
}
.ws-events {
margin: 40px 0;
}
.ws-events__header {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin: 0 0 45px;
}
.ws-events__meta {
max-width: 450px;
}
.ws-events__title {
font-weight: 700;
font-size: 38px;
margin: 0 0 4px;
}
.ws-events__description {
font-weight: 400;
font-size: 17px;
line-height: 1.2em;
margin: 0;
}
.ws-events__filter {
width: 400px;
height: 68px;
font-weight: 700;
font-size: 20px;
background: #ECECEC;
padding: 0 30px;
border: 1px solid #000;
}
.ws-events__list {
list-style: none;
display: table;
width: 100%;
font-weight: 400;
font-size: 17px;
padding: 0;
margin: 0;
}
.ws-events__item {
display: table-row;
}
.ws-events__attribute {
display: table-cell;
padding: 30px 0 8px;
border-bottom: 2px solid #959595;
}
.ws-events__attribute--heading {
font-weight: 700;
padding: 0 0 20px;
border-bottom: none;
}
.ws-events__attribute--centered {
text-align: center;
}
.ws-events__footer {
margin: 40px 0 0;
}
.ws-events__view-all {
font-weight: 700;
font-size: 17px;
color: #000;
text-decoration: none;
border-bottom: 1px solid #CCC;
cursor: pointer;
}
.ws-events-small {
font-size: 14px;
}
.ws-events-small__header {
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
justify-content: space-between;
margin: 0 0 16px;
}
.ws-events-small__title {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 800;
font-size: 26px;
text-transform: uppercase;
margin: 0;
}
.ws-events-small__view-all {
cursor: pointer;
font-size: 10px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
background-color: #000;
color: white;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 8px 6px;
text-decoration: none;
margin-left: 20px;
flex-shrink: 0;
transition: background-color 0.5s;
}
.ws-events-small__view-all:hover {
background-color: #018F4B;
}
.ws-events-small__list {
list-style: none;
display: flex;
flex-flow: row nowrap;
padding: 0;
margin: 0 -20px;
}
@media only screen and (max-width:768px) {
.ws-events-small__list {
flex-flow: column
}
}
.ws-events-small__item {
flex: 1;
display: flex;
align-items: center;
margin: 0 20px;
}
@media only screen and (max-width:768px) {
.ws-events-small__item {
margin-bottom: 20px
}
.ws-events-small__item:last-child {
margin-bottom: 0;
}
}
.ws-events-small__date {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.ws-events-small__month {
letter-spacing: 2px;
margin: 0;
}
.ws-events-small__day {
font-size: 34px;
margin: -5px 0 0 0;
}
.ws-events-small__vertical {
border-left: 1px solid black;
height: 100%;
margin: 0 20px;
}
.ws-events-small__link {
display: block;
color: #000;
text-decoration: none;
transition: background-color 0.5s, box-shadow 0.5s;
box-shadow: 0 -2px 0 transparent inset;
padding: 4px 0;
}
.ws-events-small__link:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-events-small__link--lower {
margin-top: 2px;
}
.ws-events-list__header {
margin: 0 0 20px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.ws-events-list__title {
font-size: 30px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin: 0;
}
.ws-events-list__description {
max-width: 600px;
margin: 0;
line-height: 1.5em;
margin-top: 10px;
}
.ws-events-list__list {
list-style: none;
padding: 0;
margin: 0 0 16px;
}
.ws-events-list__item {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 5px 0;
}
.ws-events-list__item--heading {
margin: 40px 0 20px;
}
@media only screen and (max-width:768px) {
.ws-events-list__item--heading {
display: none
}
}
.ws-events-list__item--bordered {
border-bottom: 1px solid #E4E4E4;
padding: 20px 0;
}
@media only screen and (max-width:768px) {
.ws-events-list__item--bordered {
padding: 4px 0
}
}
.ws-events-list__attribute {
margin: 0 5px;
flex: 5%;
}
.ws-events-list__attribute--medium {
flex: 15%;
}
.ws-events-list__attribute--large {
flex: 35%;
}
.ws-events-list__attribute--right {
text-align: right;
}
.ws-events-list__attribute--heading {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
}
.ws-events-list__attribute:first-of-type {
margin-left: 0;
}
.ws-events-list__attribute:last-of-type {
margin-right: 0;
}
.ws-events-list__link {
text-decoration: none;
color: #000;
box-shadow: 0 -2px 0 #018F4B inset;
transition: background-color 0.5s;
}
.ws-events-list__link:hover {
background-color: rgba(1, 143, 75, 0.1);
}
@media only screen and (max-width:768px) {
.ws-events-list__nomobile {
display: none
}
}
.ws-events-list__mobile {
display: none;
}
@media only screen and (max-width:768px) {
.ws-events-list__mobile {
display: block
}
}
.ws-events-list__bold {
font-weight: 700;
}
.ws-events-list__bold--inline {
display: inline;
}
.ws-events-list__view-all {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #000;
padding: 4px 0;
text-decoration: none;
box-shadow: 0 -2px 0 transparent inset;
transition: background-color 0.5s, box-shadow 0.5s;
}
.ws-events-list__view-all:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-accordion__title {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 30px;
margin: 0 0 10px;
}
.ws-accordion__list {
list-style: none;
padding: 0;
margin: 0;
}
.ws-accordion__item {
border-bottom: 2px solid #000;
transition: border-color 0.5s;
}
.ws-accordion__item--hovered {
border-color: #018F4B;
}
.ws-accordion__heading-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
transition: color 0.5s, background-color 0.5s;
}
.ws-accordion__heading-wrapper:hover {
color: #018F4B;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-accordion__heading-wrapper:hover polyline {
stroke: #018F4B;
}
.ws-accordion__heading {
display: block;
font-size: 18px;
padding: 22px 36px 22px 0;
margin: 0;
}
.ws-accordion__arrow {
flex-shrink: 0;
height: 15px;
width: auto;
transform: rotate(-90deg);
transition: 0.1s transform;
}
.ws-accordion__arrow--expanded {
transform: rotate(0deg);
}
.ws-accordion__arrow polyline {
transition: stroke 0.5s;
fill: none;
stroke: #000;
stroke-miterlimit: 10;
stroke-width: 3px;
}
.ws-accordion__content {
overflow: hidden;
height: 0;
max-width: 760px;
}
.ws-accordion__content > p, .ws-accordion__content > ul > li {
line-height: 1.5em;
}
.ws-accordion__content > p, .ws-accordion__content > ul {
margin: 0 0 20px;
}
.ws-accordion__content > ul {
list-style-type: disc;
}
.ws-accordion__content a {
text-decoration: none;
color: #000;
box-shadow: 0 -2px 0 #018F4B inset;
transition: background-color 0.5s;
}
.ws-accordion__content a:hover {
background-color: rgba(1, 143, 75, 0.1);
}
.ws-header {
text-align: center;
text-transform: uppercase;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin: 0 0 75px;
position: relative;
}
@media only screen and (max-width:768px) {
.ws-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
text-align: left
}
}
.ws-header--white {
color: #fff;
}
.ws-header__title {
font-size: 26px;
letter-spacing: 0.2em;
margin: 0;
}
.ws-header__link {
font-size: 10px;
background-color: #000;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 8px 6px;
position: absolute;
top: 0; right: 0;
text-decoration: none;
transition: background-color 0.5s;
}
.ws-header__link:hover {
background-color: #018F4B;
}
@media only screen and (max-width:768px) {
.ws-header__link {
flex-shrink: 0;
margin-left: 20px;
position: relative
}
}
.ws-page-header {
position: relative;
color: #000;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-align: left;
margin: 40px 0 0;
}
.ws-page-header__content {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.ws-page-header__content--left { align-items: flex-start; }
.ws-page-header__heading {
line-height: 1em;
text-align: center;
margin: 0;
}
.ws-page-header__heading--top { font-size: 100px; }
.ws-page-header__heading--large { font-size: 94px; }
.ws-page-header__heading--medium { font-size: 64px; }
.ws-page-header__heading--small { font-size: 30px; }
.ws-page-header__heading--athletic {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
letter-spacing: 0.025em;
}
.ws-page-header__heading--athletic-top { font-size: 114px; }
.ws-page-header__heading--athletic-large { font-size: 106px; }
.ws-page-header__heading--athletic-medium { font-size: 72px; }
.ws-page-header__heading--athletic-medium-small { font-size: 50px; }
.ws-page-header__heading--athletic-small { font-size: 34px; }
.ws-page-header__heading--caps { text-transform: uppercase; }
.ws-page-header__heading--black { color: #000; }
.ws-page-header__heading--green { color: #018F4B; }
.ws-page-header__content--left .ws-page-header__heading { text-align: left; }
.ws-page-header__wide-text { margin-left: 80px; }
.ws-page-header__description {
width: 450px;
line-height: 1.5em;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
margin: 10px 0;
color: #000;
}
.ws-page-header__description--center {
text-align: center;
width: 700px;
margin: 10px auto;
}
@media only screen and (max-width:768px) {
.ws-page-header__description {
width: auto
}
}
.ws-page-header__links {
list-style: none;
display: flex;
flex-flow: row nowrap;
padding: 0;
justify-content: flex-start;
}
.ws-page-header__links--text { margin: 16px -20px -4px; }
.ws-page-header__links--video { margin: -4px -20px; }
.ws-page-header__links--button { margin: 40px -20px 20px; }
.ws-page-header__links--center { justify-content: center; }
.ws-page-header__link {
margin: 0 20px;
color: #000;
text-decoration: none;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.ws-page-header__link:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-page-header__link--button {
display: flex;
justify-content: center;
align-itmes: center;
box-sizing: border-box;
padding: 10px 20px;
width: 250px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #000;
transition: color 0.5s, border-color 0.5s, background-color 0.5s;
box-shadow: none;
}
.ws-page-header__link--button:hover {
color: #fff;
background-color: #018F4B;
border-color: #018F4B;
box-shadow: none;
}
.ws-page-header__link--video {
display: flex;
align-items: center;
height: 50px;
}
.ws-page-header__link--video svg {
height: 100%;
width: auto;
margin-right: 15px;
}
.ws-page-header__link--video circle {
fill: none;
stroke: #000;
stroke-miterlimit: 10;
stroke-width: 5px;
transition: stroke 0.5s;
}
.ws-page-header__link--video polygon {
fill: #000;
transition: fill 0.5s;
}
.ws-page-header__link--video:hover circle { stroke: #018F4B; }
.ws-page-header__link--video:hover polygon { fill: #018F4B; }
.ws-page-header__explore {
position: absolute;
bottom: 36px; left: 50%;
min-width: 31px;
font-weight: 700;
font-size: 19px;
text-align: center;
background: url(https://www.williston.com/wp-content/themes/wp-williston-theme/assets/images/explore.png) center top no-repeat;
padding-top: 60px;
transform: translateX(-50%);
z-index: 10;
}
.ws-faculty {
text-align: center;
}
.ws-faculty__image-wrapper {
position: relative;
display: block;
width: 100%;
overflow: hidden;
border-radius: 50%;
border: 8px solid transparent;
margin: -8px -8px 2px;
transition: border-color 0.5s;
}
.ws-faculty__image-wrapper:hover {
border-color: rgba(1, 143, 75, 0.1);
}
.ws-faculty__image-wrapper:before {
content: "";
display: block;
padding-top: 100%;
}
.ws-faculty__image {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.ws-faculty__name {
display: inline-block;
text-decoration: none;
color: #000;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin: 6px 0;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.ws-faculty__name:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-faculty__title {
margin: 0;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-faculty {
margin-top: 40px;
}
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12) .ws-spacer + .ws-faculty {
margin-top: 0;
}
}
.ws-aggregated-people {
display: flex;
flex-flow: row wrap;
margin: -30px;
}
.ws-aggregated-people__item {
text-align: center;
padding: 20px;
box-sizing: border-box;
}
.ws-aggregated-people__item--one {
flex-basis: 100%;
}
.ws-aggregated-people__item--two {
flex-basis: 50%;
}
.ws-aggregated-people__item--three {
flex-basis: 33%;
}
.ws-aggregated-people__item--four {
flex-basis: 25%;
}
@media only screen and (max-width:768px) {
.ws-aggregated-people__item {
flex-basis: 100%;
padding: 20px 30px
}
}
.ws-aggregated-people__image-wrapper {
margin-bottom: 20px;
display: block;
}
.ws-aggregated-people__image-wrapper:hover img {
border-color: rgba(1, 143, 75, 0.1);
}
.ws-aggregated-people__image-wrapper img {
margin: -8px;
width: 100%;
height: auto;
display: block;
border: 8px solid transparent;
border-radius: 50%;
transition: border-color 0.5s;
}
.ws-aggregated-people__name {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-decoration: none;
color: #000;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: background-color 0.5s, box-shadow 0.5s;
}
.ws-aggregated-people__name:hover {
background-color: rgba(1, 143, 75, 0.1);
box-shadow: 0 -2px 0 #018F4B inset;
}
.ws-aggregated-people__info {
margin: 10px 0;
}
.ws-athletic-events__title {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 30px;
margin: 0;
}
.ws-athletic-events__header {
margin-bottom: 20px;
display: flex;
align-items: flex-end;
justify-content: space-between;
line-height: 1;
}
.ws-athletic-events__table {
display: flex;
flex-flow: column nowrap;
margin-bottom: 20px;
}
.ws-athletic-events__table-row {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.ws-athletic-events__table-row--head {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.2em;
}
@media only screen and (max-width:768px) {
.ws-athletic-events__table-row--head {
display: none
}
}
.ws-athletic-events__table-row--body {
border-bottom: 1px solid #E4E4E4;
}
.ws-athletic-events__table-item {
margin: 20px;
}
.ws-athletic-events__table-item--multi-line {
line-height: 1.5em;
}
.ws-athletic-events__table-item--mobile {
display: none;
}
.ws-athletic-events__table-item--small, .ws-athletic-events__table-item--score {
flex: 1 1 10%;
}
.ws-athletic-events__table-item--date, .ws-athletic-events__table-item--advantage-result {
flex: 1 1 15%;
}
.ws-athletic-events__table-item--team, .ws-athletic-events__table-item--results-opposition, .ws-athletic-events__table-item--upcoming-opposition {
flex: 1 1 25%;
}
.ws-athletic-events__table-item--upcoming-opposition-huge {
flex: 1 1 75%;
}
.ws-athletic-events__table-item:first-of-type {
margin-left: 0;
}
.ws-athletic-events__table-item:last-of-type {
margin-right: 0;
text-align: right;
}
@media only screen and (max-width:768px) {
.ws-athletic-events__table-item {
margin: 4px
}
.ws-athletic-events__table-item--nomobile {
display: none;
}
.ws-athletic-events__table-item--mobile {
display: block;
}
.ws-athletic-events__table-item--team, .ws-athletic-events__table-item--advantage-result {
display: none;
}
.ws-athletic-events__table-item--date, .ws-athletic-events__table-item--score {
flex: 1 1 25%;
}
.ws-athletic-events__table-item--results-opposition {
flex: 1 1 40%;
}
.ws-athletic-events__table-item--upcoming-opposition, .ws-athletic-events__table-item--upcoming-opposition-huge {
flex: 1 1 65%;
}
}
.ws-athletic-events__table-sub--bold {
font-weight: 700;
}
.ws-athletic-events__table-sub--gray {
color: red;
}
.ws-athletic-events__table-sub--result {
display: inline;
font-weight: 700;
}
.ws-athletic-events__table-sub--win {
color: #018F4B;
}
.ws-athletic-events__table-sub--mobile {
display: none;
}
@media only screen and (max-width:768px) {
.ws-athletic-events__table-sub--mobile {
display: block;
}
.ws-athletic-events__table-sub--nomobile {
display: none;
}
}
.ws-athletic-events__link, .ws-athletic-events__viewall {
color: #000;
text-decoration: none;
}
.ws-athletic-events__empty {
margin: 20px 0;
text-align: center;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.2em;
color: #aaa;
}
.ws-athletic-events__viewall {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: background-color 0.5s, box-shadow 0.5s;
}
.ws-athletic-events__viewall:hover {
background-color: rgba(1, 143, 75, 0.1);
box-shadow: 0 -2px 0 #018F4B inset;
}
.ws-athletic-events__recap {
cursor: pointer;
padding: 4px 0;
box-shadow: 0 -2px 0 transparent inset;
transition: box-shadow 0.5s, background-color 0.5s;
}
.ws-athletic-events__recap:hover {
box-shadow: 0 -2px 0 #018F4B inset;
background-color: rgba(1, 143, 75, 0.1);
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .ws-athletic-events {
margin-top: 40px;
}
}
.ws-athletics-ticker {
background: linear-gradient(to bottom, #30B8FE, #002f4a);
color: #fff;
}
.ws-athletics-ticker__inner {
}
.ws-athletics-ticker__athlete {
display: flex;
align-items: center;
justify-content: space-between;
flex-basis: 25%;
}
.ws-athletics-ticker__athlete-image {
flex-basis: 33%;
}
.ws-athletics-ticker__athlete-text {
margin-left: 25px;
}
.ws-athletics-ticker__athlete img {
width: 100%;
height: auto;
display: block;
}
.ws-athletics-ticker__scoreboard {
max-width: 1240px;
margin: 0 auto;
padding: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width:768px) {
.ws-athletics-ticker__scoreboard {
padding: 20px 23px;
flex-flow: column;
align-items: stretch
}
}
.ws-athletics-ticker__scoreboard-inner {
flex: 1;
margin: 0 30px;
}
.ws-athletics-ticker__scoreboard-inner:first-child { margin-left: 0; }
.ws-athletics-ticker__scoreboard-inner:last-child { margin-right: 0; }
@media only screen and (max-width:768px) {
.ws-athletics-ticker__scoreboard-inner {
margin: 10px 0
}
.ws-athletics-ticker__scoreboard-inner:first-child { margin-top: 0; }
.ws-athletics-ticker__scoreboard-inner:last-child { margin-bottom: 0; }
}
.ws-athletics-ticker__score {
display: flex;
align-items: flex-end;
justify-content: space-between;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
}
.ws-athletics-ticker__title {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
letter-spacing: 0.025em;
text-transform: uppercase;
font-size: 22px;
line-height: 25px;
margin: 0;
}
.ws-athletics-ticker__title--large {
font-size: 30px;
line-height: 30px;
}
.ws-athletics-ticker__subtitle {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #30b8fe;
font-size: 14px;
margin: 16px 0 0;
text-transform: uppercase;
}
.ws-athletics-ticker__link {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #30b8fe;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.2em;
display: inline-block;
margin: 6px 0 -4px;
padding: 4px 0;
transition: background-color 0.5s;
}
.ws-athletics-ticker__link:hover { background-color: #fff; }
.ws-athletics-ticker__team {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #30b8fe;
font-size: 14px;
margin: 0 0 10px;
}
.ws-athletics-ticker__vertical {
border-left: 2px solid #fff;
margin: 0 40px;
opacity: 0.2;
}
.ws-athletics-ticker__horizontal {
margin: 5px 0;
border-top: 2px solid #fff;
opacity: 0.2;
}
.ws-section-dropdown {
font-size: 0.75em;
margin: 40px 0 56px;
}
.ws-section-dropdown__trail {
display: inline;
border-bottom: 2px solid #aaa;
padding-bottom: 1px;
}
.ws-section-dropdown__label {
margin: 0 5px;
color: #000;
text-decoration: none;
}
.ws-section-dropdown__select {
border: none;
font-size: inherit;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
background-color: #000;
color: #fff;
padding: 5px 5px 2px 5px;
}
.ws-next-in-section {
padding: 20px 30px;
border-top: 1px solid #E4E4E4;
}
.ws-next-in-section__link {
max-width: 500px;
margin: 0 auto;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
color: #000;
text-decoration: none;
transition: background-color 0.5s, border-bottom 0.5s;
border-bottom: 2px solid transparent;
}
.ws-next-in-section__link--no-image {
max-width: 250px;
padding: 20px;
}
.ws-next-in-section__link:hover {
border-bottom: 2px solid #018F4B;
background-color: rgba(1, 143, 75, 0.1);
}
.ws-next-in-section__link:hover polyline { stroke: #018F4B; }
.ws-next-in-section__image-wrapper { margin-right: 20px; }
.ws-next-in-section__image {
display: block;
width: 100%;
height: auto;
}
.ws-next-in-section__info {
display: flex;
flex-flow: column nowrap;
justify-content: center;
flex: 75%;
}
.ws-next-in-section__label {
font-family: 'whitman';
font-style: normal;
font-weight: 400;
font-size: 18px;
margin-bottom: 4px;
}
.ws-next-in-section__title {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 400;
font-size: 14px;
}
.ws-next-in-section__arrow {
flex-shrink: 0;
height: 10px;
width: auto;
transform: rotate(-90deg);
}
.ws-next-in-section__arrow polyline {
fill: none;
stroke: #000;
stroke-miterlimit: 10;
stroke-width: 3px;
transition: stroke 0.5s;
}
.ws-learnmore {
background-color: #EEEDE3;
overflow: hidden;
}
.ws-learnmore__inner {
display: flex;
max-width: 1240px;
margin: 0 auto;
padding: 0 30px;
}
.ws-learnmore__text {
flex: 0.5;
z-index: 2;
padding: 75px 0;
}
@media only screen and (max-width:768px) {
.ws-learnmore__text {
flex: none;
width: 100%
}
}
.ws-learnmore__image-wrapper {
flex: 1;
margin-left: -100px;
background-image: url(https://www.williston.com/wp-content/themes/wp-williston-theme/assets/images/guidebook.jpg);
background-position: left top;
background-repeat: no-repeat;
position: relative;
}
.ws-learnmore__image-wrapper img {
position: absolute;
left: 0;
top: 0;
display: block;
}
.ws-learnmore__image-gradient, .ws-learnmore__image {
position: absolute;
left: 0; top: 0; display: block;
}
.ws-learnmore__image-gradient {
width: 100px;
height: 100%;
background: linear-gradient(to right, rgba(238, 237, 227, 1), rgba(238, 237, 227, 0));
}
.ws-learnmore__image-gradient--after {
right: 0;
}
.ws-learnmore__heading {
margin: 0 0 30px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 30px;
}
#wrapper .ws-learnmore .gform_wrapper .gform_body { width: 75%; }
#wrapper .ws-learnmore .gform_wrapper .gform_title { font-size: 30px; }
#wrapper .ws-learnmore .gform_wrapper .gfield {
padding: 10px 0;
margin: 0 0 8px;
}
#wrapper .ws-learnmore .gform_wrapper .gfield_label {
font-weight: 400;
font-size: 14px;
display: none;
}
#wrapper .ws-learnmore .gform_wrapper .ginput_container.ginput_container_select .gfield_select {
font-size: 12px;
height: 24px;
}
#wrapper .ws-learnmore .gform_wrapper input[type="text"], #wrapper .ws-learnmore .gform_wrapper select {
width: 100% !important;
background-color: initial;
font-size: 14px !important;
border-color: #000;
transition: border-color 0.25s;
}
#wrapper .ws-learnmore .gform_wrapper input[type="text"]:focus, #wrapper .ws-learnmore .gform_wrapper select:focus {
outline: none;
border-color: #018F4B;
}
#wrapper .ws-learnmore .gform_wrapper input[type="text"] {
display: block;
border: none;
border-bottom: 2px solid;
padding: 0 !important;
color: #000;
}
#wrapper .ws-learnmore .gform_wrapper select {
border-width: 2px;
padding: 0;
}
#wrapper .ws-learnmore .gform_wrapper div.validation_error {
font-weight: 400;
font-size: 14px;
}
#wrapper .ws-learnmore .gform_wrapper div.charleft {
display:none;
}
@media only screen and (max-width:768px) {
.ws-learnmore__image-wrapper { display: none; }
#wrapper .ws-learnmore .gform_wrapper .gform_body { width: 100%; }
}
.ws-wildcat-gear {
background-color: #002F4A;
color: #fff;
}
.ws-wildcat-gear__inner {
max-width: 1240px;
margin: 0 auto;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row nowrap;
}
@media only screen and (max-width:768px) {
.ws-wildcat-gear__inner {
flex-flow: column
}
}
.ws-wildcat-gear__text {
margin: 30px 0;
flex: 50%;
}
@media only screen and (max-width:768px) {
.ws-wildcat-gear__text {
width: 100%
}
}
.ws-wildcat-gear__heading {
margin: 0 0 20px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 44px;
}
@media only screen and (max-width:768px) {
.ws-wildcat-gear__heading {
font-size: 30px
}
}
.ws-wildcat-gear__link {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
display: block;
color: #fff;
text-decoration: none;
box-sizing: border-box;
width: 253px;
height: 43px;
line-height: 42px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #fff;
transition: background-color 0.5s, color 0.5s;
}
.ws-wildcat-gear__link:hover {
background-color: #fff;
color: #002F4A;
}
@media only screen and (max-width:768px) {
.ws-wildcat-gear__link {
display: inline;
height: auto;
text-transform: none;
border: none;
line-height: initial;
letter-spacing: initial;
text-align: left;
padding: 4px 0
}
}
.ws-wildcat-gear__image-sizer {
position: relative;
flex: 50%;
padding-bottom: 16.31%;
}
.ws-wildcat-gear__image-wrapper {
flex: 50%;
}
@media only screen and (max-width:768px) {
.ws-wildcat-gear__image-wrapper {
margin-bottom: 40px
}
}
.ws-wildcat-gear__image {
display: block;
width: 100%;
height: auto;
}
.ws-outer {
position: relative;
display: flex;
align-items: center;
}
@media only screen and (max-width:768px) {
.ws-outer {
flex-wrap: wrap;
margin-bottom: 40px
}
.ws-outer:last-child {
margin-bottom: 0;
}
}
.ws-outer > * {
flex-basis: 50%;
}
@media only screen and (max-width:768px) {
.ws-outer > * {
flex-basis: 100%
}
}
.ws-inner-image__image {
height: auto;
width: 100%;
display: block;
}
.ws-inner-video {
position: relative;
padding-bottom: 25.12%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.ws-inner-video__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width:768px) {
.ws-inner-video {
padding-bottom: 50.24%;
order: 1;
}
}
@media only screen and (max-width:768px) {
.ws-inner-excerpt {
order: 2;
margin-top: 26px
}
}
.ws-inner-excerpt--white {
color: #fff;
}
.ws-inner-excerpt__heading a {
text-decoration: none;
color: #000;
transition: border-color 0.5s, background-color 0.5s, color 0.5s, box-shadow 0.5s;
}
.ws-inner-excerpt__heading a:hover {
background-color: rgba(1, 143, 75, 0.1);
}
.ws-inner-excerpt--white .ws-inner-excerpt__description a,
.ws-inner-excerpt--white .ws-inner-excerpt__heading a {
color: #fff;
}
.ws-inner-excerpt--white .ws-inner-excerpt__description a:hover,
.ws-inner-excerpt--white .ws-inner-excerpt__heading a:hover {
background-color: #018F4B;
}
.ws-inner-excerpt__content {
padding: 0 75px;
}
@media only screen and (max-width:768px) {
.ws-inner-excerpt__content {
padding: 0
}
}
.ws-inner-excerpt:first-of-type > .ws-inner-excerpt__content--not-padded {
padding-left: 0;
}
.ws-inner-excerpt:last-of-type > .ws-inner-excerpt__content--not-padded {
padding-right: 0;
}
.ws-inner-excerpt__heading {
font-size: 30px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
margin: 0 0 10px;
}
.ws-inner-excerpt__heading--whitman {
font-family: 'whitman';
font-style: normal;
font-weight: 400;
font-weight: 400;
font-size: 36px;
}
.ws-inner-excerpt__heading--primary {
font-size: 16px;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 0 26px;
}
.ws-inner-excerpt__heading--large {
font-size: 64px;
margin: 0;
}
.ws-inner-excerpt__heading--medium {
font-size: 44px;
margin: 0;
}
.ws-inner-excerpt__description {
line-height: 1.5em;
max-width: 760px;
}
.ws-inner-excerpt__description p:first-of-type {
margin-top: 0;
}
.ws-inner-excerpt__description p:last-of-type {
margin-bottom: 0;
}
.ws-inner-excerpt__description a {
text-decoration: none;
color: #000;
box-shadow: 0 -2px 0 #018F4B inset;
transition: background-color 0.5s;
}
.ws-inner-excerpt__description a:hover {
background-color: rgba(1, 143, 75, 0.1);
}
.ws-inner-excerpt__description a.image-link {
box-shadow: none;
}
.ws-inner-excerpt__description a.image-link:hover { background-color: transparent; }
.ws-inner-excerpt__links {
display: flex;
flex-flow: row nowrap;
margin: 20px -20px 0;
}
@media only screen and (max-width:768px) {
.ws-inner-excerpt__links {
flex-flow: column;
align-items: flex-start
}
}
.ws-inner-excerpt__link {
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
color: #000;
text-decoration: none;
}
@media only screen and (max-width:768px) {
.ws-inner-excerpt__link--button:nth-child(2) {
margin-top: 20px;
}
}
.ws-inner-excerpt__link--text {
margin: 0 20px;
}
.ws-inner-excerpt__link--button {
color: #000;
box-sizing: border-box;
padding: 10px 20px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 14px;
text-align: center;
border: 2px solid #000;
margin: 0 20px;
text-decoration: none;
}
.ws-inner-excerpt__link--white {
color: #fff;
border-color: #fff;
}
.ws-inner-excerpt__circle {
width: 85px;
height: 85px;
position: absolute;
z-index: -1;
}
.ws-inner-excerpt__circle--blue {
background: #002F4A;
}
.ws-inner-excerpt__circle--green {
background: #018F4B;
}
.ws-inner-excerpt__circle--yellow {
background: #EBD831;
}
.ws-inner-excerpt__circle--upper-right {
top: 0;
right: 50%;
border-bottom-left-radius: 85px;
}
.ws-inner-excerpt__circle--lower-right {
bottom: 0;
right: 50%;
border-top-left-radius: 100px;
}
.ws-inner-excerpt__circle--lower-left {
bottom: 0;
left: 0;
border-top-right-radius: 100px;
}
.ws-inner-excerpt__circle--upper-left {
top: 0;
left: 0;
border-bottom-right-radius: 100px;
}
.ws-inner-excerpt__circle--upper-right:last-of-type, .ws-inner-excerpt__circle--lower-right:last-of-type {
right: 0;
}
.ws-inner-excerpt__circle--upper-left:last-of-type, .ws-inner-excerpt__circle--lower-left:last-of-type {
left: 50%;
}
.ws-progress-bar {
margin: 0 auto;
max-width: 1240px;
width: 100%;
}
.ws-progress-bar__subhead {
/* margin-bottom: 20px; */
}
.ws-progress-bar__bar {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
width: 100%;
}
.ws-progress-bar__goal {
line-height: 21px;
font-size: 12px;
}
.ws-progress-bar__background {
background-color: rgba(1, 143, 75, 0.1);
border-radius: 500px;
height: 20px;
margin-right: 10px;
width: 100%
}
.ws-progress-bar__fill {
background-color: #018F4B;
border-radius: 500px;
display: inline-block;
height: 100%;
}
.ws-progress-bar__fill__text {
color: #fff;
font-size: 12px;
display: inline-block;
line-height: 21px;
text-align: right;
width: 97%;
}
.ws-founders-popup {
align-items: center;
background: rgba(128, 128, 128, 0.8);
display: none;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 999;
opacity: 0;
transition: opacity .25s ease;
}
.ws-founders-popup__close {
height: 0;
text-align: right;
transform: translate(35px, -35px);
cursor: pointer;
}
.ws-founders-popup__close svg { width: 20px; }
.ws-founders-popup__close line {
fill: none;
stroke: #000;
stroke-width: 10px;
transition: stroke 0.5s;
}
.ws-founders-popup__close:hover line { stroke: #018F4B; }
@media only screen and (max-width:768px) {
.ws-founders-popup__close .popup__close {
transform: translate(0, -35px);
}
}
.ws-founders-popup__content {
background: #fff;
max-width: 400px;
padding: 40px;
width: 80%;
}
.ws-founders-popup__subhead {
margin-bottom: 20px;
}
.ws-founders-popup__link {
display: inline-block;
margin-top: 20px;
}
/* Blackbaud Overrides */
.BBFormContainer { padding: 0 !important; }
#bbox-msg-wrapper img { width: initial; }
/* VC Overrides */
.vc_row.wpb_row {
margin-left: -30px;
margin-right: -30px;
}
@media only screen and (max-width:768px) {
.vc_row.wpb_row {
padding: 0 !important;
background-image: none
}
}
.wpb_column.vc_column_container > .vc_column-inner {
padding-left: 30px;
padding-right: 30px;
}
.vc_row-no-margin { margin: 0; }
.vc_row:first-of-type { margin-top: 0; }
.vc_row:last-of-type { margin-bottom: 0; }
.vc_row.vc_inner { margin: 0; }
.vc_row .vc_row {
width: 100%;
max-width: 1300px;
margin: 0 auto;
}
@media only screen and (max-width:768px) {
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12):not(:first-child) .wpb_single_image { margin-top: 40px; }
.vc_row > .wpb_column.vc_column_container:not(.vc_col-sm-12) .wpb_single_image:last-child { margin-bottom: 0; }
}
@media only screen and (max-width:768px) {
.wpb_column.vc_column_container > .vc_column-inner {
padding-left: 23px;
padding-right: 23px;
}
}
/* Gravity Form Overrides */
#wrapper .gform_wrapper .gform_body { margin: 40px 0; }
#wrapper .gform_wrapper .gform_button {
cursor: pointer;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0);
border: 2px solid #000;
padding: 1em 2em;
margin: 0;
transition: color 0.5s, border-color 0.5s, background-color 0.5s;
}
#wrapper .gform_wrapper .gform_button:hover {
color: #EEEDE3;
border-color: #018F4B;
background-color: #018F4B;
}
#wrapper .gform_wrapper .gform_description { width: initial; }
#wrapper .gform_wrapper .gform_footer {
padding: 0;
margin: 0;
}
#wrapper .gform_wrapper .gform_title {
margin: 0 0 30px;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 44px;
}
#wrapper .gform_wrapper .gfield {
margin-top: 20px;
padding-right: 0;
}
#wrapper .gform_wrapper .ginput_container { margin-top: 5px !important; }
#wrapper .gform_wrapper .ginput_complex {
width: initial;
}
#wrapper .gform_wrapper .ginput_complex span:first-child { padding: 2px 8px 0 0; }
#wrapper .gform_wrapper .ginput_complex span:last-child { padding: 2px 0 0 8px; }
#wrapper .gform_wrapper .gsection {
margin: 40px 0 20px 0 !important;
padding: 40px 0 0;
border-bottom: none;
border-top: 1px solid #E4E4E4;
}
#wrapper .gform_wrapper .gsection_title { font-size: 30px; }
#wrapper .gform_wrapper .gsection_description {
margin: 10px 0 40px 0;
font-size: initial;
}
#hsForm_01f279ea-1fb7-4a4b-9cb5-e229a3f7bebd {
width: 80% !important;
}
.hbspt-form .hs-form {
margin: 40px 0;
}
.hbspt-form .hs-form .hs-button {
cursor: pointer;
font-family: 'Gotham A', 'Gotham B';
font-style: normal;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0);
border: 2px solid #000;
padding: 1em 2em;
margin: 0;
transition: color 0.5s, border-color 0.5s, background-color 0.5s;
}
.hbspt-form .hs-form .hs-button:hover {
color: #EEEDE3;
border-color: #018F4B;
background-color: #018F4B;
}
.hbspt-form .hs-form .hs-dateinput input {
padding: 0 !important;
}
.hbspt-form .hs-form .hs-button {
margin-top: 32px;
}
.hbspt-form .hs-form .hs-fieldtype-select label {
margin-bottom: 5px;
display: block;
}
.hbspt-form .hs-form .hs_contact_type {
margin-top: 20px;
}
.hbspt-form .hs-form input {
display: block;
border: none;
border-bottom: 2px solid;
color: #000;
background-color: #EEEDE3;
z-index: 10;
position: relative;
}
.hbspt-form .hs-form input[value=""] {
background-color: transparent;
}
.hbspt-form .hs-form .hs-input {
padding-left: 0 !important;
}
.hbspt-form .hs-form select {
border-width: 2px;
padding: 0;
height: 24px;
margin-bottom: 20px;
}
.hbspt-form .hs-form .hs-fieldtype-date {
margin-bottom: 20px;
}
.hbspt-form .hs-form .hs-fieldtype-text input {
padding-left: 80px !important;
}
.hbspt-form .hs-form .hs-fieldtype-text label {
position: relative;
top: 20px;
}
.hbspt-form .hs-form ul, .hbspt-form .hs-form li {
list-style-type: none !important;
}
.hbspt-form .hs-form ul label, .hbspt-form .hs-form li label {
top: 0 !important;
}
.hbspt-form .hs-form input, .hbspt-form .hs-form select {
background-color: initial;
font-size: 14px !important;
border-color: #000;
transition: border-color 0.25s;
}
@media only screen and (max-width:768px) {
#wrapper .gform_wrapper .ginput_complex span:first-child, #wrapper .gform_wrapper .ginput_complex span:last-child { padding: 2px 0 0 0; }
}
@media only screen and (max-width: 750px) {
.vc_row .wpb_row vc_row-fluid vc_row-has-fill {
padding: 0 !important;
}
}