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; } }