7799 lines
176 KiB
Plaintext
7799 lines
176 KiB
Plaintext
<style>
|
||
body {
|
||
background: white !important;
|
||
color: black !important;
|
||
font-size: 16px;
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir.ttc") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next.ttc") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-condensed";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next+Condensed.ttc") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-bold";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Bold.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-cn-it";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-CnIt.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-demi";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Demi.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-heavy";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Heavy.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-regular";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Regular.ttf") format("truetype");
|
||
}
|
||
|
||
body {
|
||
font-family: "avenir", sans-serif !important;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-family: "avenir", sans-serif !important;
|
||
}
|
||
|
||
.uk-navbar-nav>li>a {
|
||
font-family: "avenir", sans-serif !important;
|
||
}
|
||
|
||
html *:not(i) {
|
||
font-family: "avenir" !important;
|
||
letter-spacing: 0.01em !important;
|
||
}
|
||
|
||
.footer-bottom {
|
||
background-color: white !important;
|
||
}
|
||
|
||
.header-lines {
|
||
background: white !important;
|
||
height: auto !important;
|
||
}
|
||
|
||
.hh-search .search {
|
||
line-height: 30px !important;
|
||
width: 110px;
|
||
}
|
||
|
||
.preview-banner {
|
||
display: none;
|
||
}
|
||
|
||
.decorative-font {
|
||
font-family: "avenir" !important;
|
||
}
|
||
|
||
.hero__image {
|
||
background-position: center !important;
|
||
}
|
||
|
||
.hh-cat-header {
|
||
font-size: calc(2em + 2px) !important;
|
||
font-weight: 100 !important;
|
||
}
|
||
|
||
.course-details__desc {
|
||
min-height: 9em !important;
|
||
}
|
||
|
||
.hh-cat-header h2 {
|
||
border-bottom: 1px solid #b8b8b8;
|
||
font-size: calc(0.9em + 2px) !important;
|
||
font-family: "avenir" !important;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3 {
|
||
font-family: "avenir" !important;
|
||
}
|
||
|
||
.workshop__course-title-text,
|
||
.uk-button-link {
|
||
color: black !important;
|
||
}
|
||
|
||
|
||
/* 1079 */
|
||
|
||
@media screen and (max-width: 1214px) {
|
||
.marketing-nav__logo {
|
||
margin-top: 19px !important;
|
||
}
|
||
.marketing-nav__logo a img {
|
||
width: 250px !important;
|
||
}
|
||
}
|
||
|
||
.school-website-header {
|
||
background: white !important;
|
||
}
|
||
|
||
#mobile-search {
|
||
height: 100px
|
||
}
|
||
|
||
.uk-offcanvas-bar {
|
||
background: transparent !important;
|
||
}
|
||
|
||
h2 {
|
||
color: black !important;
|
||
}
|
||
|
||
.hh-mobile-nav {
|
||
display: none;
|
||
}
|
||
|
||
@media screen and (max-width: 969px) {
|
||
.hh-mobile-nav {
|
||
display: block !important;
|
||
}
|
||
.hh-desktop-nav {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 550px) {
|
||
.marketing-nav__logo {
|
||
margin-top: 25px !important;
|
||
}
|
||
.marketing-nav__logo a img {
|
||
width: 200px !important;
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 1040px) {
|
||
.heading--hero {
|
||
margin-top: 1em !important;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 1080px) {
|
||
.heading--hero {
|
||
margin-top: 0.6em !important;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 620px) {
|
||
.heading--hero {
|
||
margin-top: 0 !important;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 641px) {
|
||
.hero__image {
|
||
background-size: contain !important;
|
||
background-repeat-x: no-repeat !important;
|
||
background-repeat-y: no-repeat !important;
|
||
background-position: bottom !important;
|
||
}
|
||
nav.hh-margin-t {
|
||
margin-top: 0 !important;
|
||
}
|
||
}
|
||
|
||
.hero__image {
|
||
background-repeat: no-repeat !important;
|
||
}
|
||
|
||
@media screen and (max-width: 607px) {
|
||
.hero__image {
|
||
height: 24em !important;
|
||
}
|
||
}
|
||
|
||
.course-details__desc {
|
||
padding-top: 7px !important;
|
||
}
|
||
|
||
.templates-header a {
|
||
color: #0061df !important;
|
||
}
|
||
|
||
.footer-bottom__links>a {
|
||
color: black !important;
|
||
}
|
||
|
||
.styled-links::before {
|
||
display: none !important;
|
||
}
|
||
|
||
.hh-margin-b {
|
||
margin-bottom: 30px !important;
|
||
}
|
||
|
||
.hh-margin-t {
|
||
margin-top: 30px !important;
|
||
}
|
||
|
||
.hh-padding-b {
|
||
padding-bottom: 30px !important;
|
||
}
|
||
|
||
.hh-padding-t {
|
||
padding-top: 30px !important;
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.workshop__item .grid__item--tablet-up-third,
|
||
.hh-desc {
|
||
width: 58% !important;
|
||
}
|
||
}
|
||
|
||
.course-details__name {
|
||
min-height: 2.8em !important;
|
||
}
|
||
|
||
.marketing-nav__item {
|
||
font-size: calc(1em + 1px) !important;
|
||
}
|
||
|
||
.slick-prev:before,
|
||
.slick-next:before {
|
||
color: #09529b !important;
|
||
}
|
||
|
||
.searchables {
|
||
display: none
|
||
}
|
||
|
||
.marketing-nav__logo__shopify,
|
||
.marketing-nav__hamburger,
|
||
.marketing-nav__arrow,
|
||
.drawer__close-button {
|
||
background-repeat: no-repeat;
|
||
background-size: contain
|
||
}
|
||
|
||
.marketing-nav__logo__shopify {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20608%20173.7%22%3E%3Cpath%20fill=%22%2395BF47%22%20d=%22M130.6%2033c-.1-.9-.9-1.3-1.5-1.4-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-1-1-2.9-.7-3.7-.5-.1%200-2%20.6-5.1%201.6C93.7%2013%2088.3%205%2078.9%205h-.8c-2.7-3.5-6-5.1-8.8-5.1C47.4%200%2037%2027.3%2033.7%2041.2c-8.5%202.6-14.5%204.5-15.3%204.7-4.7%201.5-4.9%201.6-5.5%206.1C12.4%2055.5%200%20151.5%200%20151.5l96.7%2018.1%2052.4-11.3c0-.1-18.4-124.4-18.5-125.3zm-39.3-9.6c-2.4.8-5.2%201.6-8.2%202.5v-1.8c0-5.4-.8-9.8-2-13.2%204.9.7%208.2%206.2%2010.2%2012.5zM75.2%2012c1.3%203.4%202.2%208.2%202.2%2014.7v.9c-5.3%201.6-11.1%203.4-16.9%205.2%203.3-12.4%209.4-18.5%2014.7-20.8zm-6.5-6.1c.9%200%201.9.3%202.8.9-7%203.3-14.5%2011.6-17.7%2028.2-4.6%201.4-9.2%202.8-13.4%204.1C44.2%2026.5%2053%205.9%2068.7%205.9z%22/%3E%3Cpath%20fill=%22%235E8E3E%22%20d=%22M129.1%2031.6c-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-.4-.4-.9-.6-1.4-.6l-7.3%20149.6%2052.4-11.3S130.7%2033.9%20130.6%2033.1c-.1-.9-.9-1.4-1.5-1.5z%22/%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M78.9%2060.6l-6.5%2019.2s-5.7-3-12.6-3c-10.2%200-10.7%206.4-10.7%208%200%208.8%2022.9%2012.1%2022.9%2032.7%200%2016.2-10.3%2026.6-24.1%2026.6-16.6%200-25.1-10.3-25.1-10.3l4.4-14.7s8.7%207.5%2016.1%207.5c4.8%200%206.8-3.8%206.8-6.6%200-11.5-18.8-12-18.8-30.8C31.3%2073.4%2042.7%2058%2065.6%2058c9%20.1%2013.3%202.6%2013.3%202.6z%22/%3E%3Cpath%20d=%22M210.2%2096.6c-5.2-2.8-7.9-5.2-7.9-8.5%200-4.2%203.7-6.9%209.6-6.9%206.8%200%2012.8%202.8%2012.8%202.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18%200-30.5%2010.3-30.5%2024.8%200%208.2%205.8%2014.5%2013.6%2019%206.3%203.6%208.5%206.1%208.5%209.9%200%203.9-3.1%207-9%207-8.7%200-16.9-4.5-16.9-4.5l-5.1%2014.6s7.6%205.1%2020.3%205.1c18.5%200%2031.8-9.1%2031.8-25.5.1-8.9-6.6-15.1-14.7-19.8zM284%2065.9c-9.1%200-16.3%204.3-21.8%2010.9l-.3-.1%207.9-41.4h-20.6l-20%20105.3h20.6l6.9-36c2.7-13.6%209.7-22%2016.3-22%204.6%200%206.4%203.1%206.4%207.6%200%202.8-.3%206.3-.9%209.1l-7.8%2041.2h20.6l8.1-42.6c.9-4.5%201.5-9.9%201.5-13.4-.1-11.6-6.2-18.6-16.9-18.6zm63.4%200c-24.8%200-41.2%2022.4-41.2%2047.3%200%2016%209.9%2028.8%2028.4%2028.8%2024.3%200%2040.8-21.8%2040.8-47.3%200-14.8-8.7-28.8-28-28.8zm-10.1%2060.3c-7%200-10-6-10-13.4%200-11.8%206.1-31.1%2017.3-31.1%207.3%200%209.7%206.3%209.7%2012.4%200%2012.7-6.1%2032.1-17%2032.1zm90.8-60.3c-13.9%200-21.8%2012.2-21.8%2012.2h-.3l1.2-11H389c-.9%207.5-2.5%2018.8-4.2%2027.3l-14.3%2075.4H391l5.7-30.5h.4s4.2%202.7%2012.1%202.7c24.2%200%2040-24.8%2040-49.9.1-13.8-6.1-26.2-21.1-26.2zm-19.7%2060.6c-5.4%200-8.5-3-8.5-3l3.4-19.3c2.4-12.8%209.1-21.4%2016.3-21.4%206.3%200%208.2%205.8%208.2%2011.3%200%2013.4-7.9%2032.4-19.4%2032.4zm70.3-90.2c-6.6%200-11.8%205.2-11.8%2011.9%200%206.1%203.9%2010.3%209.7%2010.3h.3c6.4%200%2011.9-4.3%2012.1-11.9%200-6-4-10.3-10.3-10.3zm-28.8%20104.2h20.6l14-73h-20.7m73.1-.1h-14.3l.7-3.4c1.2-7%205.4-13.3%2012.2-13.3%203.7%200%206.6%201%206.6%201l4-16.1s-3.6-1.8-11.2-1.8c-7.3%200-14.6%202.1-20.2%206.9-7%206-10.3%2014.6-11.9%2023.3l-.6%203.4h-9.6l-3%2015.5h9.6l-10.9%2057.6H509l10.9-57.6h14.2l2.8-15.5zm49.6.1s-12.9%2032.5-18.7%2050.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2h-21.7l12.4%2067c.3%201.5.1%202.4-.4%203.4-2.4%204.6-6.4%209.1-11.2%2012.4-3.9%202.8-8.2%204.6-11.6%205.8l5.7%2017.5c4.2-.9%2012.8-4.3%2020.2-11.2%209.4-8.8%2018.1-22.4%2027-40.9l25.2-54h-21.5z%22/%3E%3C/svg%3E")
|
||
}
|
||
|
||
.marketing-nav__hamburger,
|
||
.drawer__close-button {
|
||
background-size: 1.25em;
|
||
background-position: center
|
||
}
|
||
|
||
.marketing-nav__hamburger {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23212b35%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M19%2011H1c-.552%200-1-.447-1-1s.448-1%201-1h18c.552%200%201%20.447%201%201s-.448%201-1%201zm0-7H1c-.552%200-1-.447-1-1s.448-1%201-1h18c.552%200%201%20.447%201%201s-.448%201-1%201zm0%2014H1c-.552%200-1-.447-1-1s.448-1%201-1h18c.552%200%201%20.447%201%201s-.448%201-1%201z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
.drawer__close-button {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23212b35%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M11.414%2010l6.293-6.293c.39-.39.39-1.023%200-1.414s-1.023-.39-1.414%200L10%208.586%203.707%202.293c-.39-.39-1.023-.39-1.414%200s-.39%201.023%200%201.414L8.586%2010l-6.293%206.293c-.39.39-.39%201.023%200%201.414.195.195.45.293.707.293s.512-.098.707-.293L10%2011.414l6.293%206.293c.195.195.45.293.707.293s.512-.098.707-.293c.39-.39.39-1.023%200-1.414L11.414%2010z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
.marketing-nav__arrow {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2010%205%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23919eab%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M0,0l5,5l5-5H0z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
.marketing-nav__item:hover .marketing-nav__arrow,
|
||
.marketing-nav__item:focus .marketing-nav__arrow,
|
||
.js-is-active .marketing-nav__item .marketing-nav__arrow {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2010%205%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23212b35%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M0,0l5,5l5-5H0z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
.marketing-nav__external-indicator {
|
||
-webkit-transition: background-image 300ms;
|
||
transition: background-image 300ms;
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%207%207%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23919eab%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M7,7V0H0L7,7z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
.marketing-nav__item:hover .marketing-nav__external-indicator,
|
||
.marketing-nav__item:focus .marketing-nav__external-indicator {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%207%207%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23212b35%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M7,7V0H0L7,7z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
.marketing-nav__secondary .marketing-nav__item:hover .marketing-nav__external-indicator,
|
||
.marketing-nav__secondary .marketing-nav__item:focus .marketing-nav__external-indicator {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%207%207%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23212b35%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M7,7V0H0L7,7z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
.drawer .marketing-nav__external-indicator,
|
||
.marketing-nav__secondary .marketing-nav__external-indicator {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%207%207%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23919eab%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M7,7V0H0L7,7z%22/%3E%3C/svg%3E%0A")
|
||
}
|
||
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box
|
||
}
|
||
|
||
main {
|
||
display: block;
|
||
background-color: #ffffff
|
||
}
|
||
|
||
p,
|
||
ul,
|
||
ol {
|
||
margin: 0;
|
||
padding: 0
|
||
}
|
||
|
||
ul,
|
||
ol {
|
||
list-style: none
|
||
}
|
||
|
||
cite {
|
||
font-style: normal
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5 {
|
||
margin-top: 0
|
||
}
|
||
|
||
figure {
|
||
margin-left: 0;
|
||
margin-right: 0
|
||
}
|
||
|
||
audio,
|
||
canvas,
|
||
img,
|
||
video {
|
||
vertical-align: middle
|
||
}
|
||
|
||
fieldset {
|
||
border: 0;
|
||
margin: 0;
|
||
padding: 0
|
||
}
|
||
|
||
textarea {
|
||
resize: vertical
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
input,
|
||
textarea,
|
||
select {
|
||
font-size: calc(1em + 2px)
|
||
}
|
||
}
|
||
|
||
.clearfix::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.visuallyhidden {
|
||
border: 0;
|
||
clip: rect(0 0 0 0);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px
|
||
}
|
||
|
||
.showvisuallyhidden,
|
||
.visuallyhidden.focusable:active,
|
||
.visuallyhidden.focusable:focus {
|
||
clip: auto;
|
||
height: auto;
|
||
margin: 0;
|
||
overflow: visible;
|
||
position: static;
|
||
width: auto
|
||
}
|
||
|
||
.is-transitioning {
|
||
display: block !important;
|
||
visibility: visible !important
|
||
}
|
||
|
||
.js-focus-hidden:focus {
|
||
outline: none
|
||
}
|
||
|
||
a,
|
||
button,
|
||
[role='button'],
|
||
input,
|
||
label,
|
||
select,
|
||
textarea {
|
||
-ms-touch-action: manipulation;
|
||
touch-action: manipulation
|
||
}
|
||
|
||
button {
|
||
background: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
border-radius: 0;
|
||
display: inline-block;
|
||
cursor: pointer;
|
||
color: inherit;
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
font-weight: inherit;
|
||
line-height: inherit
|
||
}
|
||
|
||
button::-moz-focus-inner,
|
||
input[type='button']::-moz-focus-inner,
|
||
input[type='submit']::-moz-focus-inner,
|
||
input[type='reset']::-moz-focus-inner {
|
||
padding: 0;
|
||
border: 0
|
||
}
|
||
|
||
button:-moz-focusring,
|
||
input[type='button']:-moz-focusring,
|
||
input[type='submit']:-moz-focusring,
|
||
input[type='reset']:-moz-focusring {
|
||
outline: 1px dotted ButtonText
|
||
}
|
||
|
||
#PageContainer {
|
||
overflow: hidden;
|
||
max-width: 1600px;
|
||
margin-left: auto;
|
||
margin-right: auto
|
||
}
|
||
|
||
main {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
position: relative
|
||
}
|
||
|
||
main::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.page-container {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
position: relative;
|
||
max-width: 1600px
|
||
}
|
||
|
||
.page-container::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.page-width {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
position: relative;
|
||
padding-left: 30px;
|
||
padding-right: 30px
|
||
}
|
||
|
||
.page-width::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.page-width {
|
||
width: 990px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.page-width {
|
||
width: 750px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.page-width--fluid {
|
||
width: 100%;
|
||
max-width: 1230px
|
||
}
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "ShopifySans";
|
||
src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--light.woff2") format("woff2");
|
||
font-style: normal;
|
||
font-weight: 300;
|
||
font-display: swap
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "ShopifySans";
|
||
src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--regular.woff2") format("woff2");
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-display: swap
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "ShopifySans";
|
||
src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--medium.woff2") format("woff2");
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
font-display: swap
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "ShopifySans";
|
||
src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--bold.woff2") format("woff2");
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
font-display: swap
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "ShopifySans";
|
||
src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--black.woff2") format("woff2");
|
||
font-style: normal;
|
||
font-weight: 900;
|
||
font-display: swap
|
||
}
|
||
|
||
body {
|
||
-moz-osx-font-smoothing: grayscale;
|
||
margin: 0;
|
||
padding: 0;
|
||
background: #ffffff;
|
||
font-size: calc(1em + 2px);
|
||
line-height: 1.5;
|
||
color: #ffffff;
|
||
font-weight: 400
|
||
}
|
||
|
||
.heading--jumbo {
|
||
-webkit-font-kerning: normal;
|
||
font-kerning: normal;
|
||
-webkit-font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
|
||
font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
|
||
-webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
|
||
font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
display: block;
|
||
margin-bottom: 0.5555555556em;
|
||
color: #212b35;
|
||
font-size: calc(2.25em + 2px);
|
||
line-height: 1.222;
|
||
font-weight: 700;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
letter-spacing: -0.025em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.heading--jumbo {
|
||
font-size: calc(2.25em + 2px);
|
||
margin-bottom: 0.5555555556em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.heading--jumbo {
|
||
font-size: calc(3.75em + 2px);
|
||
margin-bottom: 0.4em
|
||
}
|
||
}
|
||
|
||
h1,
|
||
.heading--1 {
|
||
-webkit-font-kerning: normal;
|
||
font-kerning: normal;
|
||
-webkit-font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
|
||
font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
|
||
-webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
|
||
font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
display: block;
|
||
margin-bottom: 0.7142857143em;
|
||
color: #212b35;
|
||
font-size: calc(1.75em + 2px);
|
||
line-height: 1.222;
|
||
font-weight: 700;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
letter-spacing: -0.025em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
h1,
|
||
.heading--1 {
|
||
font-size: calc(1.75em + 2px);
|
||
margin-bottom: 0.4166666667em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
h1,
|
||
.heading--1 {
|
||
font-size: calc(3em + 2px);
|
||
margin-bottom: 0.25em
|
||
}
|
||
}
|
||
|
||
h2,
|
||
.heading--2 {
|
||
-webkit-font-kerning: normal;
|
||
font-kerning: normal;
|
||
-webkit-font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
|
||
font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
|
||
-webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
|
||
font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
display: block;
|
||
margin-bottom: 0.8333333333em;
|
||
color: #202e78;
|
||
font-size: calc(1.5em + 2px);
|
||
line-height: 1.222;
|
||
font-weight: 700;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
h2,
|
||
.heading--2 {
|
||
font-size: calc(1.5em + 2px);
|
||
margin-bottom: 0.8333333333em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
h2,
|
||
.heading--2 {
|
||
font-size: calc(2.25em + 2px);
|
||
margin-bottom: 0.5em
|
||
}
|
||
}
|
||
|
||
h3,
|
||
.heading--3 {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
display: block;
|
||
font-size: calc(1.25em + 2px);
|
||
margin-bottom: 0.9em;
|
||
color: #212b35;
|
||
line-height: 1.222;
|
||
font-weight: 700;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
h3,
|
||
.heading--3 {
|
||
font-size: calc(1.25em + 2px);
|
||
margin-bottom: 0.9em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
h3,
|
||
.heading--3 {
|
||
font-size: calc(1.2em + 2px);
|
||
margin-bottom: 0.8333333333em
|
||
}
|
||
}
|
||
|
||
h4,
|
||
.heading--4 {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
display: block;
|
||
margin-bottom: 1.25em;
|
||
color: #212b35;
|
||
font-size: calc(1em + 2px);
|
||
line-height: 1.222;
|
||
font-weight: 700;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
h4,
|
||
.heading--4 {
|
||
font-size: calc(1em + 2px);
|
||
margin-bottom: 1.25em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
h4,
|
||
.heading--4 {
|
||
font-size: calc(1.125em + 2px);
|
||
margin-bottom: 1.1111111111em
|
||
}
|
||
}
|
||
|
||
h5,
|
||
.heading--5 {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
display: block;
|
||
margin-bottom: 1.4285714286em;
|
||
color: #212b35;
|
||
font-size: calc(0.875em + 2px);
|
||
line-height: 1.222;
|
||
font-weight: 700;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
h5,
|
||
.heading--5 {
|
||
font-size: calc(0.875em + 2px);
|
||
margin-bottom: 1.4285714286em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
h5,
|
||
.heading--5 {
|
||
font-size: calc(0.875em + 2px);
|
||
margin-bottom: 1.4285714286em
|
||
}
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.text-minor {
|
||
font-size: calc(0.75em + 2px)
|
||
}
|
||
|
||
.text-major {
|
||
font-size: calc(1.125em + 2px)
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.text-major {
|
||
font-size: calc(1.25em + 2px)
|
||
}
|
||
}
|
||
|
||
.body-link {
|
||
color: #5c6ac4;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-line: underline;
|
||
text-decoration-line: underline;
|
||
-webkit-text-decoration-style: solid;
|
||
text-decoration-style: solid;
|
||
-webkit-text-decoration-color: currentColor;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-skip-ink: auto;
|
||
-webkit-transition: color 150ms;
|
||
transition: color 150ms
|
||
}
|
||
|
||
.body-link:hover,
|
||
.body-link:focus {
|
||
color: #4655bc
|
||
}
|
||
|
||
.body-link:focus {
|
||
outline: 0;
|
||
background-color: rgba(92, 106, 196, 0.125)
|
||
}
|
||
|
||
.body-link--base {
|
||
color: #ffffff;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-line: underline;
|
||
text-decoration-line: underline;
|
||
-webkit-text-decoration-style: solid;
|
||
text-decoration-style: solid;
|
||
-webkit-text-decoration-color: currentColor;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-skip-ink: auto;
|
||
-webkit-transition: color 150ms;
|
||
transition: color 150ms
|
||
}
|
||
|
||
.body-link--base:hover,
|
||
.body-link--base:focus {
|
||
color: #566470
|
||
}
|
||
|
||
.body-link--base:focus {
|
||
outline: 0;
|
||
background-color: rgba(99, 115, 129, 0.125)
|
||
}
|
||
|
||
.body-link--reverse {
|
||
color: #ffffff;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-line: underline;
|
||
text-decoration-line: underline;
|
||
-webkit-text-decoration-style: solid;
|
||
text-decoration-style: solid;
|
||
-webkit-text-decoration-color: currentColor;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-skip-ink: auto;
|
||
-webkit-transition: color 150ms;
|
||
transition: color 150ms
|
||
}
|
||
|
||
.body-link--reverse:hover,
|
||
.body-link--reverse:focus {
|
||
color: #f0f0f0
|
||
}
|
||
|
||
.body-link--reverse:focus {
|
||
outline: 0;
|
||
background-color: rgba(255, 255, 255, 0.125)
|
||
}
|
||
|
||
.body-link--blue {
|
||
color: #206882;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-line: underline;
|
||
text-decoration-line: underline;
|
||
-webkit-text-decoration-style: solid;
|
||
text-decoration-style: solid;
|
||
-webkit-text-decoration-color: currentColor;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-skip-ink: auto;
|
||
-webkit-transition: color 150ms;
|
||
transition: color 150ms
|
||
}
|
||
|
||
.body-link--blue:hover,
|
||
.body-link--blue:focus {
|
||
color: #1a5469
|
||
}
|
||
|
||
.body-link--blue:focus {
|
||
outline: 0;
|
||
background-color: rgba(32, 104, 130, 0.125)
|
||
}
|
||
|
||
main p,
|
||
main ul,
|
||
main ol {
|
||
margin-bottom: 0.9375em;
|
||
line-height: 1.5;
|
||
font-size: calc(1em + 2px)
|
||
}
|
||
|
||
main p>a {
|
||
color: #5c6ac4;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-line: underline;
|
||
text-decoration-line: underline;
|
||
-webkit-text-decoration-style: solid;
|
||
text-decoration-style: solid;
|
||
-webkit-text-decoration-color: currentColor;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-skip-ink: auto;
|
||
-webkit-transition: color 150ms;
|
||
transition: color 150ms
|
||
}
|
||
|
||
main p>a:hover,
|
||
main p>a:focus {
|
||
color: #4655bc
|
||
}
|
||
|
||
main p>a:focus {
|
||
outline: 0;
|
||
background-color: rgba(92, 106, 196, 0.125)
|
||
}
|
||
|
||
.marketing-quote {
|
||
margin: 30px 0
|
||
}
|
||
|
||
.marketing-quote__content {
|
||
-webkit-font-smoothing: auto;
|
||
-moz-osx-font-smoothing: auto;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-weight: 300;
|
||
margin: 0;
|
||
padding: 0.6666666667em 0 0.6666666667em 30px;
|
||
font-size: calc(1.5em + 2px);
|
||
color: #000000;
|
||
border-left: solid 2px #dfe3e8
|
||
}
|
||
|
||
.marketing-quote__footer {
|
||
text-align: right
|
||
}
|
||
|
||
.heading-container {
|
||
text-align: center
|
||
}
|
||
|
||
.section-intro {
|
||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||
border-width: 1px 0;
|
||
padding: 2.25em 0
|
||
}
|
||
|
||
.section-intro::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.numbered-list {
|
||
list-style: decimal;
|
||
list-style-position: outside;
|
||
margin-left: 2.5em
|
||
}
|
||
|
||
.numbered-list li {
|
||
margin-bottom: 0.5em
|
||
}
|
||
|
||
.bulleted-list {
|
||
list-style: disc;
|
||
list-style-position: outside;
|
||
margin-left: 1.25em
|
||
}
|
||
|
||
.bulleted-list li {
|
||
margin-bottom: 0.5em
|
||
}
|
||
|
||
:lang(ja) {
|
||
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
|
||
-webkit-font-feature-settings: normal;
|
||
font-feature-settings: normal;
|
||
-webkit-font-variant-ligatures: normal;
|
||
font-variant-ligatures: normal
|
||
}
|
||
|
||
.grid-container {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
position: relative
|
||
}
|
||
|
||
.grid-container::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.grid-container--equal-height {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.grid-8 {
|
||
width: 930px
|
||
}
|
||
.grid-push-8 {
|
||
margin-left: 960px
|
||
}
|
||
.grid-7 {
|
||
width: 810px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-7 {
|
||
margin-left: 840px
|
||
}
|
||
.grid-6 {
|
||
width: 690px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-6 {
|
||
margin-left: 720px
|
||
}
|
||
.grid-5 {
|
||
width: 570px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-5 {
|
||
margin-left: 600px
|
||
}
|
||
.grid-4 {
|
||
width: 450px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-4 {
|
||
margin-left: 480px
|
||
}
|
||
.grid-3 {
|
||
width: 330px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-3 {
|
||
margin-left: 360px
|
||
}
|
||
.grid-2 {
|
||
width: 210px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-2 {
|
||
margin-left: 240px
|
||
}
|
||
.grid-1 {
|
||
width: 90px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-1 {
|
||
margin-left: 120px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.grid-8 {
|
||
width: 690px
|
||
}
|
||
.grid-push-8 {
|
||
margin-left: 720px
|
||
}
|
||
.grid-7 {
|
||
width: 600px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-7 {
|
||
margin-left: 630px
|
||
}
|
||
.grid-6 {
|
||
width: 510px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-6 {
|
||
margin-left: 540px
|
||
}
|
||
.grid-5 {
|
||
width: 420px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-5 {
|
||
margin-left: 450px
|
||
}
|
||
.grid-4 {
|
||
width: 330px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-4 {
|
||
margin-left: 360px
|
||
}
|
||
.grid-3 {
|
||
width: 240px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-3 {
|
||
margin-left: 270px
|
||
}
|
||
.grid-2 {
|
||
width: 150px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-2 {
|
||
margin-left: 180px
|
||
}
|
||
.grid-1 {
|
||
width: 60px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-push-1 {
|
||
margin-left: 90px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.grid--tablet-8 {
|
||
width: 690px
|
||
}
|
||
.grid--tablet-push-8 {
|
||
margin-left: 720px
|
||
}
|
||
.grid--tablet-7 {
|
||
width: 600px;
|
||
margin-right: 30px
|
||
}
|
||
.grid--tablet-push-7 {
|
||
margin-left: 630px
|
||
}
|
||
.grid--tablet-6 {
|
||
width: 510px;
|
||
margin-right: 30px
|
||
}
|
||
.grid--tablet-push-6 {
|
||
margin-left: 540px
|
||
}
|
||
.grid--tablet-5 {
|
||
width: 420px;
|
||
margin-right: 30px
|
||
}
|
||
.grid--tablet-push-5 {
|
||
margin-left: 450px
|
||
}
|
||
.grid--tablet-4 {
|
||
width: 330px;
|
||
margin-right: 30px
|
||
}
|
||
.grid--tablet-push-4 {
|
||
margin-left: 360px
|
||
}
|
||
.grid--tablet-3 {
|
||
width: 240px;
|
||
margin-right: 30px
|
||
}
|
||
.grid--tablet-push-3 {
|
||
margin-left: 270px
|
||
}
|
||
.grid--tablet-2 {
|
||
width: 150px;
|
||
margin-right: 30px
|
||
}
|
||
.grid--tablet-push-2 {
|
||
margin-left: 180px
|
||
}
|
||
.grid--tablet-1 {
|
||
width: 60px;
|
||
margin-right: 30px
|
||
}
|
||
.grid--tablet-push-1 {
|
||
margin-left: 90px
|
||
}
|
||
}
|
||
|
||
.grid-item {
|
||
float: left;
|
||
position: relative
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.grid-container--halves .grid-item:nth-child(2n) {
|
||
margin-right: 0
|
||
}
|
||
.grid-container--halves .grid-item:nth-child(2n+1) {
|
||
clear: left
|
||
}
|
||
.grid-container--thirds .grid-item:nth-child(3n) {
|
||
margin-right: 0
|
||
}
|
||
.grid-container--thirds .grid-item:nth-child(3n+1) {
|
||
clear: left
|
||
}
|
||
.grid-container--quarters .grid-item:nth-child(4n) {
|
||
margin-right: 0
|
||
}
|
||
.grid-container--quarters .grid-item:nth-child(4n+1) {
|
||
clear: left
|
||
}
|
||
.grid-container--eights .grid-item:nth-child(8n) {
|
||
margin-right: 0
|
||
}
|
||
.grid-container--eights .grid-item:nth-child(8n+1) {
|
||
clear: left
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.grid-item {
|
||
float: none
|
||
}
|
||
.grid-item.grid--mobile {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 6.6666666667%;
|
||
width: 46.6666666667%;
|
||
float: left
|
||
}
|
||
.grid-item.grid--mobile:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-item.grid--mobile:nth-child(2n) {
|
||
margin-right: 0
|
||
}
|
||
.grid-item.grid--mobile:nth-child(2n+1) {
|
||
clear: left
|
||
}
|
||
.grid-item.grid--mobile.grid--last+.grid-item {
|
||
clear: none
|
||
}
|
||
}
|
||
|
||
.grid--last {
|
||
margin-right: 0 !important
|
||
}
|
||
|
||
.grid--last+.grid-item {
|
||
clear: both
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.grid-item--fluid__quarter {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 3.2258064516%;
|
||
width: 22.5806451613%
|
||
}
|
||
.grid-item--fluid__quarter:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-item--fluid__third {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.1276595745%;
|
||
width: 31.914893617%
|
||
}
|
||
.grid-item--fluid__third:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-item--fluid__two-thirds {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.1276595745%;
|
||
width: 65.9574468085%
|
||
}
|
||
.grid-item--fluid__two-thirds:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-item--fluid__half {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 3.2258064516%;
|
||
width: 48.3870967742%
|
||
}
|
||
.grid-item--fluid__half:last-child {
|
||
margin-right: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.grid-container--wide {
|
||
width: 1440px;
|
||
padding-left: 255px;
|
||
padding-right: 255px;
|
||
margin-left: -255px
|
||
}
|
||
.grid-item--wide.grid-8,
|
||
.grid-8.grid--wide-right,
|
||
.grid-8.grid--wide-left {
|
||
width: 1185px
|
||
}
|
||
.grid-item--wide.grid-7,
|
||
.grid-7.grid--wide-right,
|
||
.grid-7.grid--wide-left {
|
||
width: 1065px
|
||
}
|
||
.grid-item--wide.grid-6,
|
||
.grid-6.grid--wide-right,
|
||
.grid-6.grid--wide-left {
|
||
width: 945px
|
||
}
|
||
.grid-item--wide.grid-5,
|
||
.grid-5.grid--wide-right,
|
||
.grid-5.grid--wide-left {
|
||
width: 825px
|
||
}
|
||
.grid-item--wide.grid-4,
|
||
.grid-4.grid--wide-right,
|
||
.grid-4.grid--wide-left {
|
||
width: 705px
|
||
}
|
||
.grid-item--wide.grid-3,
|
||
.grid-3.grid--wide-right,
|
||
.grid-3.grid--wide-left {
|
||
width: 585px
|
||
}
|
||
.grid-item--wide.grid-2,
|
||
.grid-2.grid--wide-right,
|
||
.grid-2.grid--wide-left {
|
||
width: 465px
|
||
}
|
||
.grid-item--wide.grid-1,
|
||
.grid-1.grid--wide-right,
|
||
.grid-1.grid--wide-left {
|
||
width: 345px
|
||
}
|
||
.grid--wide-left {
|
||
margin-left: -255px
|
||
}
|
||
.grid--wide-right {
|
||
margin-right: -255px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.grid--wide-right {
|
||
margin-right: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.grid-item--flush-half {
|
||
width: 50%
|
||
}
|
||
.grid-item--flush-third {
|
||
width: 33.3333333333%
|
||
}
|
||
.grid-item--flush-quarter {
|
||
width: 25%
|
||
}
|
||
}
|
||
|
||
.grid-item--bordered {
|
||
border-bottom: 1px solid #dfe3e8
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.grid-item--bordered:last-child {
|
||
border-bottom: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.grid-item--bordered {
|
||
border-right: 1px solid #dfe3e8
|
||
}
|
||
.grid-container--thirds .grid-item--bordered:nth-child(3n) {
|
||
border-right: 0
|
||
}
|
||
.grid-container--thirds .grid-item--bordered:nth-last-child(-n+3) {
|
||
border-bottom: 0
|
||
}
|
||
.grid-container--quarters .grid-item--bordered:nth-child(4n) {
|
||
border-right: 0
|
||
}
|
||
.grid-container--quarters .grid-item--bordered:nth-last-child(-n+4) {
|
||
border-bottom: 0
|
||
}
|
||
.grid-container--halves .grid-item--bordered:nth-child(2n) {
|
||
border-right: 0
|
||
}
|
||
.grid-container--halves .grid-item--bordered:nth-last-child(-n+2) {
|
||
border-bottom: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.grid-item--margin-bottom {
|
||
margin-bottom: 1.875em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.grid-content-10 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 100%
|
||
}
|
||
.grid-content-10:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-10 {
|
||
margin-left: 102.5641025641%
|
||
}
|
||
.grid-content-9 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 89.7435897436%
|
||
}
|
||
.grid-content-9:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-9 {
|
||
margin-left: 92.3076923077%
|
||
}
|
||
.grid-content-8 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 79.4871794872%
|
||
}
|
||
.grid-content-8:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-8 {
|
||
margin-left: 82.0512820513%
|
||
}
|
||
.grid-content-7 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 69.2307692308%
|
||
}
|
||
.grid-content-7:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-7 {
|
||
margin-left: 71.7948717949%
|
||
}
|
||
.grid-content-6 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 58.9743589744%
|
||
}
|
||
.grid-content-6:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-6 {
|
||
margin-left: 61.5384615385%
|
||
}
|
||
.grid-content-5 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 48.7179487179%
|
||
}
|
||
.grid-content-5:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-5 {
|
||
margin-left: 51.2820512821%
|
||
}
|
||
.grid-content-4 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 38.4615384615%
|
||
}
|
||
.grid-content-4:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-4 {
|
||
margin-left: 41.0256410256%
|
||
}
|
||
.grid-content-3 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 28.2051282051%
|
||
}
|
||
.grid-content-3:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-3 {
|
||
margin-left: 30.7692307692%
|
||
}
|
||
.grid-content-2 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 17.9487179487%
|
||
}
|
||
.grid-content-2:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-2 {
|
||
margin-left: 20.5128205128%
|
||
}
|
||
.grid-content-1 {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 2.5641025641%;
|
||
width: 7.6923076923%
|
||
}
|
||
.grid-content-1:last-child {
|
||
margin-right: 0
|
||
}
|
||
.grid-content-push-1 {
|
||
margin-left: 10.2564102564%
|
||
}
|
||
.grid-content--desktop-push-1 {
|
||
margin-left: 10.2564102564%
|
||
}
|
||
.grid-content--desktop-push-2 {
|
||
margin-left: 20.5128205128%
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.grid-content-10 {
|
||
width: 690px
|
||
}
|
||
.grid-content-push-10 {
|
||
margin-left: 720px
|
||
}
|
||
.grid-content-9 {
|
||
width: 618px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-9 {
|
||
margin-left: 648px
|
||
}
|
||
.grid-content-8 {
|
||
width: 546px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-8 {
|
||
margin-left: 576px
|
||
}
|
||
.grid-content-7 {
|
||
width: 474px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-7 {
|
||
margin-left: 504px
|
||
}
|
||
.grid-content-6 {
|
||
width: 402px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-6 {
|
||
margin-left: 432px
|
||
}
|
||
.grid-content-5 {
|
||
width: 330px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-5 {
|
||
margin-left: 360px
|
||
}
|
||
.grid-content-4 {
|
||
width: 258px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-4 {
|
||
margin-left: 288px
|
||
}
|
||
.grid-content-3 {
|
||
width: 186px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-3 {
|
||
margin-left: 216px
|
||
}
|
||
.grid-content-2 {
|
||
width: 114px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-2 {
|
||
margin-left: 144px
|
||
}
|
||
.grid-content-1 {
|
||
width: 42px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content-push-1 {
|
||
margin-left: 72px
|
||
}
|
||
.grid-content--tablet-10 {
|
||
width: 690px
|
||
}
|
||
.grid-content--tablet-push-10 {
|
||
margin-left: 720px
|
||
}
|
||
.grid-content--tablet-9 {
|
||
width: 618px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-9 {
|
||
margin-left: 648px
|
||
}
|
||
.grid-content--tablet-8 {
|
||
width: 546px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-8 {
|
||
margin-left: 576px
|
||
}
|
||
.grid-content--tablet-7 {
|
||
width: 474px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-7 {
|
||
margin-left: 504px
|
||
}
|
||
.grid-content--tablet-6 {
|
||
width: 402px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-6 {
|
||
margin-left: 432px
|
||
}
|
||
.grid-content--tablet-5 {
|
||
width: 330px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-5 {
|
||
margin-left: 360px
|
||
}
|
||
.grid-content--tablet-4 {
|
||
width: 258px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-4 {
|
||
margin-left: 288px
|
||
}
|
||
.grid-content--tablet-3 {
|
||
width: 186px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-3 {
|
||
margin-left: 216px
|
||
}
|
||
.grid-content--tablet-2 {
|
||
width: 114px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-2 {
|
||
margin-left: 144px
|
||
}
|
||
.grid-content--tablet-1 {
|
||
width: 42px;
|
||
margin-right: 30px
|
||
}
|
||
.grid-content--tablet-push-1 {
|
||
margin-left: 72px
|
||
}
|
||
}
|
||
|
||
.grid {
|
||
padding-left: 5%;
|
||
padding-right: 5%
|
||
}
|
||
|
||
.grid:not(.grid--vertically-centered)::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
@media screen and (min-width: 100em) {
|
||
.grid {
|
||
padding-left: 80px;
|
||
padding-right: 80px
|
||
}
|
||
}
|
||
|
||
.grid .grid {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
margin-left: -4px;
|
||
margin-right: -4px
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.grid .grid {
|
||
margin-left: -9px;
|
||
margin-right: -9px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.grid .grid {
|
||
margin-left: -18px;
|
||
margin-right: -18px
|
||
}
|
||
}
|
||
|
||
.grid--bleed {
|
||
padding-left: 0;
|
||
padding-right: 0
|
||
}
|
||
|
||
.grid--layout-mode {
|
||
padding-left: 0;
|
||
padding-right: 0
|
||
}
|
||
|
||
.grid--layout-mode .grid {
|
||
margin-left: 0;
|
||
margin-right: 0
|
||
}
|
||
|
||
.grid--layout-mode .grid__item {
|
||
padding-left: 0;
|
||
padding-right: 0
|
||
}
|
||
|
||
.grid--equal-height,
|
||
.grid--vertically-centered {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap
|
||
}
|
||
|
||
.grid--vertically-centered {
|
||
-webkit-box-align: center;
|
||
-webkit-align-items: center;
|
||
-ms-flex-align: center;
|
||
align-items: center
|
||
}
|
||
|
||
.grid__item {
|
||
position: relative;
|
||
width: 100%;
|
||
float: left;
|
||
padding-left: 4px;
|
||
padding-right: 4px
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.grid__item {
|
||
padding-left: 18px;
|
||
padding-right: 18px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.grid__item {
|
||
padding-left: 9px;
|
||
padding-right: 9px
|
||
}
|
||
}
|
||
|
||
.grid__item--mobile-up-1 {
|
||
width: 25%
|
||
}
|
||
|
||
.grid__item--mobile-up-2 {
|
||
width: 50%
|
||
}
|
||
|
||
.grid__item--mobile-up-3 {
|
||
width: 75%
|
||
}
|
||
|
||
.grid__item--mobile-up-4 {
|
||
width: 100%
|
||
}
|
||
|
||
.grid__item--mobile-up-full {
|
||
width: 100%
|
||
}
|
||
|
||
.grid__item--mobile-up-half {
|
||
width: 50%
|
||
}
|
||
|
||
.grid__item--mobile-up-third {
|
||
width: 33.3333333333%
|
||
}
|
||
|
||
.grid__item--mobile-up-two-thirds {
|
||
width: 66.6666666667%
|
||
}
|
||
|
||
.grid__item--mobile-up-quarter {
|
||
width: 25%
|
||
}
|
||
|
||
.grid__item--mobile-up-three-quarters {
|
||
width: 75%
|
||
}
|
||
|
||
.grid__item--mobile-up-align-center {
|
||
float: none;
|
||
clear: left;
|
||
margin-left: auto;
|
||
margin-right: auto
|
||
}
|
||
|
||
.grid__item--mobile-up-align-left {
|
||
float: left;
|
||
clear: none;
|
||
margin-left: 0;
|
||
margin-right: 0
|
||
}
|
||
|
||
.grid__item--mobile-up-offset-1 {
|
||
margin-left: 25%
|
||
}
|
||
|
||
.grid__item--mobile-up-offset-2 {
|
||
margin-left: 50%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-1 {
|
||
left: 25%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-1 {
|
||
right: 25%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-2 {
|
||
left: 50%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-2 {
|
||
right: 50%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-3 {
|
||
left: 75%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-3 {
|
||
right: 75%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-4 {
|
||
left: 100%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-4 {
|
||
right: 100%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-full {
|
||
left: 100%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-full {
|
||
right: 100%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-half {
|
||
left: 50%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-half {
|
||
right: 50%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-third {
|
||
left: 33.3333333333%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-third {
|
||
right: 33.3333333333%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-two-thirds {
|
||
left: 66.6666666667%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-two-thirds {
|
||
right: 66.6666666667%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-quarter {
|
||
left: 25%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-quarter {
|
||
right: 25%
|
||
}
|
||
|
||
.grid__item--mobile-up-push-three-quarters {
|
||
left: 75%
|
||
}
|
||
|
||
.grid__item--mobile-up-pull-three-quarters {
|
||
right: 75%
|
||
}
|
||
|
||
[class*='grid__item--mobile-up-push'] {
|
||
right: auto
|
||
}
|
||
|
||
[class*='grid__item--mobile-up-pull'] {
|
||
left: auto
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.grid__item--tablet-up-1 {
|
||
width: 16.6666666667%
|
||
}
|
||
.grid__item--tablet-up-2 {
|
||
width: 33.3333333333%
|
||
}
|
||
.grid__item--tablet-up-3 {
|
||
width: 50%
|
||
}
|
||
.grid__item--tablet-up-4 {
|
||
width: 66.6666666667%
|
||
}
|
||
.grid__item--tablet-up-5 {
|
||
width: 83.3333333333%
|
||
}
|
||
.grid__item--tablet-up-6 {
|
||
width: 100%
|
||
}
|
||
.grid__item--tablet-up-full {
|
||
width: 100%
|
||
}
|
||
.grid__item--tablet-up-half {
|
||
width: 50%
|
||
}
|
||
.grid__item--tablet-up-third {
|
||
width: 33.3333333333%
|
||
}
|
||
.grid__item--tablet-up-two-thirds {
|
||
width: 66.6666666667%
|
||
}
|
||
.grid__item--tablet-up-quarter {
|
||
width: 25%
|
||
}
|
||
.grid__item--tablet-up-three-quarters {
|
||
width: 75%
|
||
}
|
||
.grid__item--tablet-up-align-center {
|
||
float: none;
|
||
clear: left;
|
||
margin-left: auto;
|
||
margin-right: auto
|
||
}
|
||
.grid__item--tablet-up-align-left {
|
||
float: left;
|
||
clear: none;
|
||
margin-left: 0;
|
||
margin-right: 0
|
||
}
|
||
.grid__item--tablet-up-offset-1 {
|
||
margin-left: 16.6666666667%
|
||
}
|
||
.grid__item--tablet-up-offset-2 {
|
||
margin-left: 33.3333333333%
|
||
}
|
||
.grid__item--tablet-up-offset-3 {
|
||
margin-left: 50%
|
||
}
|
||
.grid__item--tablet-up-push-reset {
|
||
left: inherit
|
||
}
|
||
.grid__item--tablet-up-pull-reset {
|
||
right: inherit
|
||
}
|
||
.grid__item--tablet-up-push-1 {
|
||
left: 16.6666666667%
|
||
}
|
||
.grid__item--tablet-up-pull-1 {
|
||
right: 16.6666666667%
|
||
}
|
||
.grid__item--tablet-up-push-2 {
|
||
left: 33.3333333333%
|
||
}
|
||
.grid__item--tablet-up-pull-2 {
|
||
right: 33.3333333333%
|
||
}
|
||
.grid__item--tablet-up-push-3 {
|
||
left: 50%
|
||
}
|
||
.grid__item--tablet-up-pull-3 {
|
||
right: 50%
|
||
}
|
||
.grid__item--tablet-up-push-4 {
|
||
left: 66.6666666667%
|
||
}
|
||
.grid__item--tablet-up-pull-4 {
|
||
right: 66.6666666667%
|
||
}
|
||
.grid__item--tablet-up-push-5 {
|
||
left: 83.3333333333%
|
||
}
|
||
.grid__item--tablet-up-pull-5 {
|
||
right: 83.3333333333%
|
||
}
|
||
.grid__item--tablet-up-push-6 {
|
||
left: 100%
|
||
}
|
||
.grid__item--tablet-up-pull-6 {
|
||
right: 100%
|
||
}
|
||
.grid__item--tablet-up-push-full {
|
||
left: 100%
|
||
}
|
||
.grid__item--tablet-up-pull-full {
|
||
right: 100%
|
||
}
|
||
.grid__item--tablet-up-push-half {
|
||
left: 50%
|
||
}
|
||
.grid__item--tablet-up-pull-half {
|
||
right: 50%
|
||
}
|
||
.grid__item--tablet-up-push-third {
|
||
left: 33.3333333333%
|
||
}
|
||
.grid__item--tablet-up-pull-third {
|
||
right: 33.3333333333%
|
||
}
|
||
.grid__item--tablet-up-push-two-thirds {
|
||
left: 66.6666666667%
|
||
}
|
||
.grid__item--tablet-up-pull-two-thirds {
|
||
right: 66.6666666667%
|
||
}
|
||
.grid__item--tablet-up-push-quarter {
|
||
left: 25%
|
||
}
|
||
.grid__item--tablet-up-pull-quarter {
|
||
right: 25%
|
||
}
|
||
.grid__item--tablet-up-push-three-quarters {
|
||
left: 75%
|
||
}
|
||
.grid__item--tablet-up-pull-three-quarters {
|
||
right: 75%
|
||
}
|
||
[class*='grid__item--tablet-up-push'] {
|
||
right: auto
|
||
}
|
||
[class*='grid__item--tablet-up-pull'] {
|
||
left: auto
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.grid__item--desktop-up-1 {
|
||
width: 8.3333333333%
|
||
}
|
||
.grid__item--desktop-up-2 {
|
||
width: 16.6666666667%
|
||
}
|
||
.grid__item--desktop-up-3 {
|
||
width: 25%
|
||
}
|
||
.grid__item--desktop-up-4 {
|
||
width: 33.3333333333%
|
||
}
|
||
.grid__item--desktop-up-5 {
|
||
width: 41.6666666667%
|
||
}
|
||
.grid__item--desktop-up-6 {
|
||
width: 50%
|
||
}
|
||
.grid__item--desktop-up-7 {
|
||
width: 58.3333333333%
|
||
}
|
||
.grid__item--desktop-up-8 {
|
||
width: 66.6666666667%
|
||
}
|
||
.grid__item--desktop-up-9 {
|
||
width: 75%
|
||
}
|
||
.grid__item--desktop-up-10 {
|
||
width: 83.3333333333%
|
||
}
|
||
.grid__item--desktop-up-11 {
|
||
width: 91.6666666667%
|
||
}
|
||
.grid__item--desktop-up-12 {
|
||
width: 100%
|
||
}
|
||
.grid__item--desktop-up-full {
|
||
width: 100%
|
||
}
|
||
.grid__item--desktop-up-half {
|
||
width: 50%
|
||
}
|
||
.grid__item--desktop-up-third {
|
||
width: 33.3333333333%
|
||
}
|
||
.grid__item--desktop-up-two-thirds {
|
||
width: 66.6666666667%
|
||
}
|
||
.grid__item--desktop-up-quarter {
|
||
width: 25%
|
||
}
|
||
.grid__item--desktop-up-three-quarters {
|
||
width: 75%
|
||
}
|
||
.grid__item--desktop-up-align-center {
|
||
float: none;
|
||
clear: left;
|
||
margin-left: auto;
|
||
margin-right: auto
|
||
}
|
||
.grid__item--desktop-up-align-left {
|
||
float: left;
|
||
clear: none;
|
||
margin-left: 0;
|
||
margin-right: 0
|
||
}
|
||
.grid__item--desktop-up-offset-1 {
|
||
margin-left: 8.3333333333%
|
||
}
|
||
.grid__item--desktop-up-offset-2 {
|
||
margin-left: 16.6666666667%
|
||
}
|
||
.grid__item--desktop-up-offset-3 {
|
||
margin-left: 25%
|
||
}
|
||
.grid__item--desktop-up-offset-4 {
|
||
margin-left: 33.3333333333%
|
||
}
|
||
.grid__item--desktop-up-offset-5 {
|
||
margin-left: 41.6666666667%
|
||
}
|
||
.grid__item--desktop-up-offset-6 {
|
||
margin-left: 50%
|
||
}
|
||
.grid__item--desktop-up-push-reset {
|
||
left: inherit
|
||
}
|
||
.grid__item--desktop-up-pull-reset {
|
||
right: inherit
|
||
}
|
||
.grid__item--desktop-up-push-1 {
|
||
left: 8.3333333333%
|
||
}
|
||
.grid__item--desktop-up-pull-1 {
|
||
right: 8.3333333333%
|
||
}
|
||
.grid__item--desktop-up-push-2 {
|
||
left: 16.6666666667%
|
||
}
|
||
.grid__item--desktop-up-pull-2 {
|
||
right: 16.6666666667%
|
||
}
|
||
.grid__item--desktop-up-push-3 {
|
||
left: 25%
|
||
}
|
||
.grid__item--desktop-up-pull-3 {
|
||
right: 25%
|
||
}
|
||
.grid__item--desktop-up-push-4 {
|
||
left: 33.3333333333%
|
||
}
|
||
.grid__item--desktop-up-pull-4 {
|
||
right: 33.3333333333%
|
||
}
|
||
.grid__item--desktop-up-push-5 {
|
||
left: 41.6666666667%
|
||
}
|
||
.grid__item--desktop-up-pull-5 {
|
||
right: 41.6666666667%
|
||
}
|
||
.grid__item--desktop-up-push-6 {
|
||
left: 50%
|
||
}
|
||
.grid__item--desktop-up-pull-6 {
|
||
right: 50%
|
||
}
|
||
.grid__item--desktop-up-push-7 {
|
||
left: 58.3333333333%
|
||
}
|
||
.grid__item--desktop-up-pull-7 {
|
||
right: 58.3333333333%
|
||
}
|
||
.grid__item--desktop-up-push-8 {
|
||
left: 66.6666666667%
|
||
}
|
||
.grid__item--desktop-up-pull-8 {
|
||
right: 66.6666666667%
|
||
}
|
||
.grid__item--desktop-up-push-9 {
|
||
left: 75%
|
||
}
|
||
.grid__item--desktop-up-pull-9 {
|
||
right: 75%
|
||
}
|
||
.grid__item--desktop-up-push-10 {
|
||
left: 83.3333333333%
|
||
}
|
||
.grid__item--desktop-up-pull-10 {
|
||
right: 83.3333333333%
|
||
}
|
||
.grid__item--desktop-up-push-11 {
|
||
left: 91.6666666667%
|
||
}
|
||
.grid__item--desktop-up-pull-11 {
|
||
right: 91.6666666667%
|
||
}
|
||
.grid__item--desktop-up-push-12 {
|
||
left: 100%
|
||
}
|
||
.grid__item--desktop-up-pull-12 {
|
||
right: 100%
|
||
}
|
||
.grid__item--desktop-up-push-full {
|
||
left: 100%
|
||
}
|
||
.grid__item--desktop-up-pull-full {
|
||
right: 100%
|
||
}
|
||
.grid__item--desktop-up-push-half {
|
||
left: 50%
|
||
}
|
||
.grid__item--desktop-up-pull-half {
|
||
right: 50%
|
||
}
|
||
.grid__item--desktop-up-push-third {
|
||
left: 33.3333333333%
|
||
}
|
||
.grid__item--desktop-up-pull-third {
|
||
right: 33.3333333333%
|
||
}
|
||
.grid__item--desktop-up-push-two-thirds {
|
||
left: 66.6666666667%
|
||
}
|
||
.grid__item--desktop-up-pull-two-thirds {
|
||
right: 66.6666666667%
|
||
}
|
||
.grid__item--desktop-up-push-quarter {
|
||
left: 25%
|
||
}
|
||
.grid__item--desktop-up-pull-quarter {
|
||
right: 25%
|
||
}
|
||
.grid__item--desktop-up-push-three-quarters {
|
||
left: 75%
|
||
}
|
||
.grid__item--desktop-up-pull-three-quarters {
|
||
right: 75%
|
||
}
|
||
[class*='grid__item--desktop-up-push'] {
|
||
right: auto
|
||
}
|
||
[class*='grid__item--desktop-up-pull'] {
|
||
left: auto
|
||
}
|
||
}
|
||
|
||
a:hover:not(.uk-button) {
|
||
color: #D2BA92 !important;
|
||
}
|
||
|
||
.marketing-button {
|
||
display: inline-block;
|
||
padding: 1.0625em 1.875em;
|
||
border-radius: 5px;
|
||
font-family: "avenir-next-lt-pro-bold" !important;
|
||
font-weight: 700;
|
||
font-size: calc(1em + 2px);
|
||
line-height: 1.133;
|
||
-webkit-font-smoothing: antialiased;
|
||
-webkit-transition: 150ms ease;
|
||
transition: 150ms ease;
|
||
-webkit-transition-property: background-color border-color color;
|
||
transition-property: background-color border-color color;
|
||
text-align: center;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
background-color: #004538 !important;
|
||
color: #ffffff !important;
|
||
border-width: 0;
|
||
border-style: solid;
|
||
border-color: transparent
|
||
}
|
||
|
||
.marketing-button:hover {
|
||
color: #004538 !important;
|
||
background-color: #ffffff !important;
|
||
}
|
||
|
||
.marketing-nav__item--user {
|
||
color: #004538 !important;
|
||
}
|
||
|
||
#ShopifyMainNav > div.uk-navbar-flip > ul > li > div > div > a {
|
||
color: #004538 !important;
|
||
}
|
||
|
||
footer {
|
||
background-color: #004538 !important;
|
||
}
|
||
|
||
.marketing-button,
|
||
.marketing-button:hover,
|
||
.marketing-button:focus {
|
||
text-decoration: none
|
||
}
|
||
|
||
.marketing-button:focus {
|
||
outline: 0
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-button+.marketing-button {
|
||
margin-left: 15px
|
||
}
|
||
}
|
||
|
||
.marketing-button:hover,
|
||
.marketing-button:focus {
|
||
background-color: #202e78;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button:active {
|
||
background-color: #000639;
|
||
color: #ffffff;
|
||
border-color: #000639
|
||
}
|
||
|
||
.marketing-button:hover {
|
||
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
|
||
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25)
|
||
}
|
||
|
||
.marketing-button:focus {
|
||
-webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(92, 106, 196, 0.5);
|
||
box-shadow: 0 0 0.1875em 0.1875em rgba(92, 106, 196, 0.5)
|
||
}
|
||
|
||
.marketing-button[disabled],
|
||
.marketing-form--is-loading .marketing-button {
|
||
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
background-color: #919ea9;
|
||
color: #ffffff;
|
||
cursor: not-allowed
|
||
}
|
||
|
||
.marketing-button[disabled]:hover,
|
||
.marketing-button[disabled]:focus,
|
||
.marketing-form--is-loading .marketing-button:hover,
|
||
.marketing-form--is-loading .marketing-button:focus {
|
||
background-color: #808f9c;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button[disabled]:active,
|
||
.marketing-form--is-loading .marketing-button:active {
|
||
background-color: #748593;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button[disabled]:hover,
|
||
.marketing-form--is-loading .marketing-button:hover {
|
||
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
|
||
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25)
|
||
}
|
||
|
||
.marketing-button[disabled]:focus,
|
||
.marketing-form--is-loading .marketing-button:focus {
|
||
-webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(145, 158, 169, 0.5);
|
||
box-shadow: 0 0 0.1875em 0.1875em rgba(145, 158, 169, 0.5)
|
||
}
|
||
|
||
.marketing-button[disabled]:hover,
|
||
.marketing-button[disabled]:focus,
|
||
.marketing-button[disabled]:active,
|
||
.marketing-form--is-loading .marketing-button:hover,
|
||
.marketing-form--is-loading .marketing-button:focus,
|
||
.marketing-form--is-loading .marketing-button:active {
|
||
background-color: #919ea9
|
||
}
|
||
|
||
.marketing-form--is-loading button.marketing-button {
|
||
position: relative
|
||
}
|
||
|
||
.marketing-form--is-loading button.marketing-button,
|
||
.marketing-form--is-loading button.marketing-button:hover,
|
||
.marketing-form--is-loading button.marketing-button:focus {
|
||
color: #919ea9
|
||
}
|
||
|
||
.marketing-form--is-loading button.marketing-button::after {
|
||
content: '';
|
||
display: block;
|
||
width: 24px;
|
||
height: 24px;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
margin-left: -12px;
|
||
margin-top: -12px;
|
||
border-radius: 50%;
|
||
border: 3px solid #ffffff;
|
||
border-top-color: transparent;
|
||
-webkit-animation: spin 1s infinite linear;
|
||
animation: spin 1s infinite linear
|
||
}
|
||
|
||
@-webkit-keyframes spin {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg)
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg)
|
||
}
|
||
}
|
||
|
||
@keyframes spin {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg)
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg)
|
||
}
|
||
}
|
||
|
||
.marketing-button--block {
|
||
width: 100%;
|
||
padding-left: 0;
|
||
padding-right: 0
|
||
}
|
||
|
||
.marketing-button--secondary {
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none;
|
||
background-color: transparent;
|
||
color: #5c6ac4;
|
||
border-width: 0.125em;
|
||
border-style: solid;
|
||
border-color: #5c6ac4;
|
||
padding: 1em 1.75em
|
||
}
|
||
|
||
.marketing-button--secondary:hover,
|
||
.marketing-button--secondary:focus {
|
||
background-color: #5c6ac4;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--secondary:active {
|
||
background-color: #202e78;
|
||
color: #ffffff;
|
||
border-color: #202e78
|
||
}
|
||
|
||
.marketing-button--secondary:hover {
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none
|
||
}
|
||
|
||
.marketing-button--secondary:focus {
|
||
-webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(92, 106, 196, 0.5);
|
||
box-shadow: 0 0 0.1875em 0.1875em rgba(92, 106, 196, 0.5)
|
||
}
|
||
|
||
.marketing-button--small {
|
||
padding: 0.8125em 1.1875em
|
||
}
|
||
|
||
.marketing-button--small.marketing-button--secondary {
|
||
padding: 0.6875em 1.0625em
|
||
}
|
||
|
||
.marketing-button--skin-teal {
|
||
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
background-color: #47c1bf;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-teal:hover,
|
||
.marketing-button--skin-teal:focus {
|
||
background-color: #00848e;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-teal:active {
|
||
background-color: #003135;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-teal:hover {
|
||
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
|
||
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25)
|
||
}
|
||
|
||
.marketing-button--skin-teal:focus {
|
||
-webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(71, 193, 191, 0.5);
|
||
box-shadow: 0 0 0.1875em 0.1875em rgba(71, 193, 191, 0.5)
|
||
}
|
||
|
||
.marketing-button--skin-salmon {
|
||
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
background-color: #fb8b8a;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-salmon:hover,
|
||
.marketing-button--skin-salmon:focus {
|
||
background-color: #a65c5b;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-salmon:active {
|
||
background-color: #452626;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-salmon:hover {
|
||
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
|
||
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25)
|
||
}
|
||
|
||
.marketing-button--skin-salmon:focus {
|
||
-webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(251, 139, 138, 0.5);
|
||
box-shadow: 0 0 0.1875em 0.1875em rgba(251, 139, 138, 0.5)
|
||
}
|
||
|
||
.marketing-button--skin-lowlight {
|
||
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
background-color: #30373b;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-lowlight:hover,
|
||
.marketing-button--skin-lowlight:focus {
|
||
background-color: #22272a;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-lowlight:active {
|
||
background-color: #191d1f;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-button--skin-lowlight:hover {
|
||
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
|
||
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25)
|
||
}
|
||
|
||
.marketing-button--skin-lowlight:focus {
|
||
-webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(48, 55, 59, 0.5);
|
||
box-shadow: 0 0 0.1875em 0.1875em rgba(48, 55, 59, 0.5)
|
||
}
|
||
|
||
.marketing-button--skin-light {
|
||
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
|
||
background-color: #ffffff;
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.marketing-button--skin-light:hover,
|
||
.marketing-button--skin-light:focus {
|
||
background-color: #f0f0f0;
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.marketing-button--skin-light:active {
|
||
background-color: #e6e6e6;
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.marketing-button--skin-light:hover {
|
||
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
|
||
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25)
|
||
}
|
||
|
||
.marketing-button--skin-light:focus {
|
||
-webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(255, 255, 255, 0.5);
|
||
box-shadow: 0 0 0.1875em 0.1875em rgba(255, 255, 255, 0.5)
|
||
}
|
||
|
||
.marketing-button--skin-reset {
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
border-radius: 0;
|
||
color: inherit;
|
||
background-color: transparent;
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer
|
||
}
|
||
|
||
.marketing-button--skin-reset:focus,
|
||
.marketing-button--skin-reset:hover,
|
||
.marketing-button--skin-reset:active {
|
||
background-color: transparent;
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none
|
||
}
|
||
|
||
.marketing-button--skin-reset:focus,
|
||
.marketing-button--skin-reset:hover {
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.marketing-button--skin-reset:active {
|
||
color: #202e78
|
||
}
|
||
|
||
.marketing-button-wrapper {
|
||
display: inline
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-form--inline {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
.marketing-form--inline .marketing-input-wrapper {
|
||
text-align: left
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-form--inline .marketing-input-wrapper {
|
||
margin-bottom: 0
|
||
}
|
||
}
|
||
|
||
.marketing-form--inline__heading {
|
||
text-align: center
|
||
}
|
||
|
||
.marketing-form--lowlight .marketing-radio-label,
|
||
.marketing-form--lowlight .marketing-checkbox-label {
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-form__hidden-on-success.js-is-hidden {
|
||
display: none
|
||
}
|
||
|
||
.marketing-form__fallback-cta {
|
||
color: #454f5b
|
||
}
|
||
|
||
.marketing-input-wrapper {
|
||
position: relative;
|
||
display: block;
|
||
margin-bottom: 15px
|
||
}
|
||
|
||
.marketing-input-wrapper .marketing-select-wrapper,
|
||
.marketing-input-wrapper .marketing-input,
|
||
.marketing-input-wrapper .marketing-textarea {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.marketing-input-wrapper.js-is-hidden {
|
||
display: none
|
||
}
|
||
|
||
.marketing-input,
|
||
.marketing-textarea,
|
||
.marketing-select-wrapper>select {
|
||
display: inline-block;
|
||
height: 3.2em;
|
||
width: 100%;
|
||
margin: 0 0 15px;
|
||
padding: 1em 1em;
|
||
color: #30373b;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-size: calc(1em + 2px);
|
||
-webkit-box-shadow: 0 0 0 1px #c4cdd5;
|
||
box-shadow: 0 0 0 1px #c4cdd5;
|
||
border: 0;
|
||
border-radius: 5px;
|
||
background-color: #ffffff;
|
||
-webkit-transition: padding 150ms;
|
||
transition: padding 150ms;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none
|
||
}
|
||
|
||
.marketing-block--lowlight .marketing-input,
|
||
.marketing-form--lowlight .marketing-input,
|
||
.page-block--lowlight .marketing-input,
|
||
.marketing-block--lowlight .marketing-textarea,
|
||
.marketing-form--lowlight .marketing-textarea,
|
||
.page-block--lowlight .marketing-textarea,
|
||
.marketing-block--lowlight .marketing-select-wrapper>select,
|
||
.marketing-form--lowlight .marketing-select-wrapper>select,
|
||
.page-block--lowlight .marketing-select-wrapper>select {
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none
|
||
}
|
||
|
||
.js-is-filled .marketing-input,
|
||
.js-is-filled .marketing-textarea,
|
||
.js-is-filled .marketing-select-wrapper>select {
|
||
padding-top: 1.5em;
|
||
padding-bottom: 0.5em
|
||
}
|
||
|
||
.marketing-input:focus,
|
||
.marketing-input.focus,
|
||
.marketing-textarea:focus,
|
||
.marketing-textarea.focus,
|
||
.marketing-select-wrapper>select:focus,
|
||
.marketing-select-wrapper>select.focus {
|
||
color: #000000;
|
||
outline: 0;
|
||
-webkit-box-shadow: 0 0 0 2px #5c6ac4;
|
||
box-shadow: 0 0 0 2px #5c6ac4
|
||
}
|
||
|
||
.marketing-input:focus+.marketing-form__messages .error+.suggest,
|
||
.marketing-input.focus+.marketing-form__messages .error+.suggest,
|
||
.marketing-textarea:focus+.marketing-form__messages .error+.suggest,
|
||
.marketing-textarea.focus+.marketing-form__messages .error+.suggest,
|
||
.marketing-select-wrapper>select:focus+.marketing-form__messages .error+.suggest,
|
||
.marketing-select-wrapper>select.focus+.marketing-form__messages .error+.suggest {
|
||
display: none
|
||
}
|
||
|
||
.marketing-input:focus+.marketing-form__messages .error+.is-visible,
|
||
.marketing-input.focus+.marketing-form__messages .error+.is-visible,
|
||
.marketing-textarea:focus+.marketing-form__messages .error+.is-visible,
|
||
.marketing-textarea.focus+.marketing-form__messages .error+.is-visible,
|
||
.marketing-select-wrapper>select:focus+.marketing-form__messages .error+.is-visible,
|
||
.marketing-select-wrapper>select.focus+.marketing-form__messages .error+.is-visible {
|
||
display: block
|
||
}
|
||
|
||
.marketing-input[disabled],
|
||
.marketing-textarea[disabled],
|
||
.marketing-select-wrapper>select[disabled] {
|
||
background-color: #dfe3e8
|
||
}
|
||
|
||
.marketing-input::-webkit-input-placeholder,
|
||
.marketing-textarea::-webkit-input-placeholder {
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-input:-ms-input-placeholder,
|
||
.marketing-textarea:-ms-input-placeholder {
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-input::-ms-input-placeholder,
|
||
.marketing-textarea::-ms-input-placeholder {
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-input::placeholder,
|
||
.marketing-textarea::placeholder {
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-input--error,
|
||
.marketing-block--lowlight .marketing-input--error,
|
||
.marketing-form--lowlight .marketing-input--error,
|
||
.page-block--lowlight .marketing-input--error {
|
||
-webkit-box-shadow: 0 0 0 2px #eb644d;
|
||
box-shadow: 0 0 0 2px #eb644d
|
||
}
|
||
|
||
.marketing-textarea {
|
||
height: auto;
|
||
min-height: 3.2em
|
||
}
|
||
|
||
.marketing-select-wrapper {
|
||
position: relative;
|
||
display: block;
|
||
margin-bottom: 15px
|
||
}
|
||
|
||
.marketing-select-wrapper>select {
|
||
margin: 0;
|
||
padding-top: 1.375em;
|
||
padding-bottom: 0.375em;
|
||
padding-right: 3em
|
||
}
|
||
|
||
.marketing-select-wrapper>select::-ms-expand {
|
||
display: none
|
||
}
|
||
|
||
.marketing-select-wrapper::after {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 2.5em;
|
||
height: 1.25em;
|
||
width: 1px;
|
||
background-color: #c4cdd5;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%)
|
||
}
|
||
|
||
.marketing-select-wrapper::before {
|
||
pointer-events: none;
|
||
content: '';
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20baseProfile=%22tiny%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23919eab%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat;
|
||
background-size: 100% auto;
|
||
background-position: center;
|
||
height: 0.75em;
|
||
width: 0.75em;
|
||
margin-bottom: -0.5625em;
|
||
display: block;
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 1em;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%)
|
||
}
|
||
|
||
.marketing-label {
|
||
display: block;
|
||
margin-bottom: 0.6153846154em;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-weight: 700;
|
||
font-size: calc(0.8125em + 2px);
|
||
color: #454f5b
|
||
}
|
||
|
||
.marketing-label--in-field {
|
||
position: absolute;
|
||
left: 1rem;
|
||
top: 0.5rem;
|
||
font-size: calc(0.6875em + 2px);
|
||
font-weight: 400;
|
||
pointer-events: none;
|
||
z-index: 10
|
||
}
|
||
|
||
.marketing-label--floating {
|
||
opacity: 0;
|
||
-webkit-transform: translateY(3px);
|
||
-ms-transform: translateY(3px);
|
||
transform: translateY(3px);
|
||
-webkit-transition-property: opacity, -webkit-transform;
|
||
transition-property: opacity, -webkit-transform;
|
||
transition-property: opacity, transform;
|
||
transition-property: opacity, transform, -webkit-transform;
|
||
-webkit-transition-duration: 150ms;
|
||
transition-duration: 150ms
|
||
}
|
||
|
||
.js-is-filled .marketing-label--floating {
|
||
opacity: 1;
|
||
-webkit-transform: translateY(0);
|
||
-ms-transform: translateY(0);
|
||
transform: translateY(0)
|
||
}
|
||
|
||
.marketing-label--hidden {
|
||
display: inline
|
||
}
|
||
|
||
.marketing-form__messages {
|
||
font-size: calc(0.8125em + 2px);
|
||
font-weight: 500
|
||
}
|
||
|
||
.marketing-form__messages .error,
|
||
.marketing-form__messages .success,
|
||
.marketing-form__messages .suggest {
|
||
display: block;
|
||
padding: 0.6153846154em 0 0
|
||
}
|
||
|
||
.marketing-form__messages .error {
|
||
color: #eb644d
|
||
}
|
||
|
||
.marketing-form__messages .error a {
|
||
color: #eb644d;
|
||
border-bottom: 1px solid #eb644d
|
||
}
|
||
|
||
.marketing-form__messages .success {
|
||
display: none;
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.marketing-form__messages .success a {
|
||
color: #eb644d;
|
||
border-bottom: 1px solid #eb644d
|
||
}
|
||
|
||
.marketing-form__messages .success.is-visible,
|
||
.marketing-form--has-success .marketing-form__messages .success {
|
||
display: block
|
||
}
|
||
|
||
.marketing-form__messages .suggest {
|
||
display: none;
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-block--lowlight .marketing-form__messages .suggest,
|
||
.marketing-form--lowlight .marketing-form__messages .suggest,
|
||
.page-block--lowlight .marketing-form__messages .suggest {
|
||
color: #ffffff
|
||
}
|
||
|
||
.marketing-form__messages .suggest.is-visible {
|
||
display: block
|
||
}
|
||
|
||
.marketing-form__ajax-success {
|
||
display: none
|
||
}
|
||
|
||
.marketing-form__ajax-success.js-is-visible {
|
||
display: block
|
||
}
|
||
|
||
.marketing-checkbox,
|
||
.marketing-radio {
|
||
border: 0;
|
||
clip: rect(0 0 0 0);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px;
|
||
margin-bottom: 15px;
|
||
float: left
|
||
}
|
||
|
||
.marketing-checkbox:checked+label::after,
|
||
.marketing-radio:checked+label::after {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
content: ''
|
||
}
|
||
|
||
.marketing-checkbox:focus+label::before,
|
||
.marketing-radio:focus+label::before,
|
||
.marketing-checkbox:focus:checked+label::before,
|
||
.marketing-radio:focus:checked+label::before {
|
||
outline: none;
|
||
border-color: #5c6ac4;
|
||
-webkit-box-shadow: 0 0 4px 0 #5c6ac4;
|
||
box-shadow: 0 0 4px 0 #5c6ac4
|
||
}
|
||
|
||
.marketing-checkbox-label,
|
||
.marketing-radio-label {
|
||
display: block;
|
||
text-align: left;
|
||
position: relative;
|
||
margin-bottom: 15px;
|
||
padding-left: 30px;
|
||
line-height: 20px;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none
|
||
}
|
||
|
||
.marketing-checkbox-label:hover::before,
|
||
.marketing-radio-label:hover::before {
|
||
border-color: #5c6ac4
|
||
}
|
||
|
||
.marketing-checkbox-label::before,
|
||
.marketing-radio-label::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 20px;
|
||
width: 20px;
|
||
background-color: #ffffff;
|
||
border: 1px solid #c4cdd5;
|
||
border-radius: 5px;
|
||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
-webkit-transition: border-color 150ms ease;
|
||
transition: border-color 150ms ease
|
||
}
|
||
|
||
.marketing-checkbox--large+label,
|
||
.marketing-radio--large+label {
|
||
padding-left: 42px;
|
||
line-height: 32px
|
||
}
|
||
|
||
.marketing-checkbox--large+label::before,
|
||
.marketing-radio--large+label::before {
|
||
width: 32px;
|
||
height: 32px
|
||
}
|
||
|
||
.marketing-checkbox:checked+label::before {
|
||
background-color: #5c6ac4;
|
||
border-color: #5c6ac4;
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none
|
||
}
|
||
|
||
.marketing-checkbox:checked+label::after {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040.7%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23ffffff%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M16.7%2030l-7.4-7.9c-.8-.8-.6-2%20.4-2.6%201-.6%202.4-.5%203.1.3l3.7%204%2011.3-13c.7-.8%202.1-1%203.1-.4s1.2%201.8.5%202.6L16.7%2030z%22/%3E%3C/svg%3E");
|
||
width: 20px;
|
||
height: 20px
|
||
}
|
||
|
||
.marketing-checkbox--large:checked+label::after {
|
||
width: 32px;
|
||
height: 32px
|
||
}
|
||
|
||
.marketing-radio:checked+label::after {
|
||
left: 5px;
|
||
top: 5px;
|
||
width: 10px;
|
||
height: 10px;
|
||
border-radius: 10px;
|
||
background-color: #5c6ac4
|
||
}
|
||
|
||
.marketing-radio:checked+label::before {
|
||
border-color: #5c6ac4
|
||
}
|
||
|
||
.marketing-radio-label::before {
|
||
border-radius: 50%
|
||
}
|
||
|
||
.marketing-radio--large:checked+label::after {
|
||
left: 8px;
|
||
top: 8px;
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 50%
|
||
}
|
||
|
||
.marketing-checkbox-label--inline,
|
||
.marketing-radio-label--inline {
|
||
margin-right: 0.9375em;
|
||
margin-bottom: 0;
|
||
display: inline-block
|
||
}
|
||
|
||
.icon {
|
||
display: inline-block;
|
||
height: 1em;
|
||
width: 0.8em;
|
||
background-size: contain;
|
||
background-position: center center;
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.icon--size-large {
|
||
width: 60px;
|
||
height: 60px
|
||
}
|
||
|
||
.icon--size-small {
|
||
width: 40px;
|
||
height: 40px
|
||
}
|
||
|
||
.icon--primary {
|
||
fill: #5c6ac4
|
||
}
|
||
|
||
.icon--grey {
|
||
fill: #919ea9
|
||
}
|
||
|
||
.icon--black {
|
||
fill: #000000
|
||
}
|
||
|
||
.icon--white {
|
||
fill: #ffffff
|
||
}
|
||
|
||
.icon--yellow {
|
||
fill: #fdd991
|
||
}
|
||
|
||
.icon--green {
|
||
fill: #58b44b
|
||
}
|
||
|
||
.icon--blue {
|
||
fill: #368aa9
|
||
}
|
||
|
||
.icon--blue_light {
|
||
fill: #479ccf
|
||
}
|
||
|
||
.icon--blue_fb {
|
||
fill: #385a98
|
||
}
|
||
|
||
.icon--blue_twitter {
|
||
fill: #55acee
|
||
}
|
||
|
||
.icon--blue_linkedin {
|
||
fill: #0976b4
|
||
}
|
||
|
||
.icon--red_pinterest {
|
||
fill: #bd081c
|
||
}
|
||
|
||
.icon--fill-primary {
|
||
fill: #5c6ac4
|
||
}
|
||
|
||
.icon--fill-grey {
|
||
fill: #919ea9
|
||
}
|
||
|
||
.icon--fill-black {
|
||
fill: #000000
|
||
}
|
||
|
||
.icon--fill-white {
|
||
fill: #ffffff
|
||
}
|
||
|
||
.icon--fill-yellow {
|
||
fill: #fdd991
|
||
}
|
||
|
||
.icon--fill-green {
|
||
fill: #58b44b
|
||
}
|
||
|
||
.icon--fill-blue {
|
||
fill: #368aa9
|
||
}
|
||
|
||
.icon--fill-blue_light {
|
||
fill: #479ccf
|
||
}
|
||
|
||
.icon--fill-blue_fb {
|
||
fill: #385a98
|
||
}
|
||
|
||
.icon--fill-blue_twitter {
|
||
fill: #55acee
|
||
}
|
||
|
||
.icon--fill-blue_linkedin {
|
||
fill: #0976b4
|
||
}
|
||
|
||
.icon--fill-red_pinterest {
|
||
fill: #bd081c
|
||
}
|
||
|
||
.icon-arrow-left {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cpath%20d=%22M5.5%200c.1%200%20.3%200%20.4.1.1.2.1.6-.1.8L1.2%205.5l4.6%204.6c.2.2.2.5%200%20.7-.2.2-.5.2-.7%200l-5-5c-.1-.2-.1-.5%200-.7l5-5c.1-.1.3-.1.4-.1z%22/%3E%3Cpath%20d=%22M.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205z%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.icon-arrow-right {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cpath%20d=%22M18.5%2011c-.1%200-.3%200-.4-.1-.2-.2-.2-.5%200-.7l4.6-4.6L18.1%201c-.2-.2-.2-.5%200-.7.2-.2.5-.2.7%200l5%205c.2.2.2.5%200%20.7l-5%205c-.1-.1-.2%200-.3%200z%22/%3E%3Cpath%20d=%22M23.5%206H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5z%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.icon-close-white {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23ffffff%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.icon-close-black {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000000%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.icon-close {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
img {
|
||
max-width: 100%
|
||
}
|
||
|
||
a img {
|
||
border: 0
|
||
}
|
||
|
||
img[data-srcset] {
|
||
opacity: 0;
|
||
-webkit-transition: opacity 150ms linear;
|
||
transition: opacity 150ms linear
|
||
}
|
||
|
||
img[data-srcset].lazyloaded {
|
||
opacity: 1
|
||
}
|
||
|
||
.marketing-nav-wrapper {
|
||
max-width: 1700px;
|
||
margin: 0 auto
|
||
}
|
||
|
||
.marketing-nav {
|
||
width: 100%;
|
||
position: relative;
|
||
clear: both
|
||
}
|
||
|
||
.marketing-nav .popover-wrapper {
|
||
display: block;
|
||
cursor: auto
|
||
}
|
||
|
||
.marketing-nav .popover {
|
||
width: auto;
|
||
min-width: calc(100% + 12px);
|
||
top: 45px;
|
||
left: 0;
|
||
margin-top: 0;
|
||
-webkit-transform: none;
|
||
-ms-transform: none;
|
||
transform: none
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav .popover {
|
||
top: 65px
|
||
}
|
||
}
|
||
|
||
.marketing-nav .popover::before,
|
||
.marketing-nav .popover::after {
|
||
content: none
|
||
}
|
||
|
||
.marketing-nav .popover-content {
|
||
padding: 12px 24px 12px 0;
|
||
-webkit-box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
|
||
box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
|
||
border-radius: 5px;
|
||
background-color: #ffffff
|
||
}
|
||
|
||
.marketing-nav__primary {
|
||
padding-left: calc(5% + 4px);
|
||
padding-right: calc(5% + 4px);
|
||
background-color: #ffffff;
|
||
border-bottom: 1px solid #dfe3e8;
|
||
height: 60px
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__primary {
|
||
padding-left: calc(5% + 9px);
|
||
padding-right: calc(5% + 9px)
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__primary {
|
||
padding-left: calc(5% + 18px);
|
||
padding-right: calc(5% + 18px);
|
||
height: 80px
|
||
}
|
||
}
|
||
|
||
.marketing-nav__items>li {
|
||
position: relative;
|
||
display: block
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__items>li {
|
||
float: left;
|
||
line-height: 60px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__items>li {
|
||
line-height: 80px
|
||
}
|
||
}
|
||
|
||
.marketing-nav__item {
|
||
display: block;
|
||
white-space: nowrap;
|
||
color: #212b35;
|
||
font-size: calc(0.9375em + 2px);
|
||
font-weight: 400;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
-webkit-transition-property: border-color, fill;
|
||
transition-property: border-color, fill;
|
||
-webkit-transition-duration: 300ms;
|
||
transition-duration: 300ms
|
||
}
|
||
|
||
.marketing-nav__item:hover,
|
||
.marketing-nav__item:focus {
|
||
color: #212b35
|
||
}
|
||
|
||
.marketing-nav__item:active,
|
||
.marketing-nav__item.marketing-nav__item--active {
|
||
color: #212b35
|
||
}
|
||
|
||
.marketing-nav__item--primary {
|
||
font-size: calc(0.9375em + 2px);
|
||
font-weight: 700;
|
||
color: #212b35
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__item--primary {
|
||
margin-left: 12px;
|
||
margin-right: 12px;
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
border-bottom: 3px solid transparent
|
||
}
|
||
.marketing-nav__item--primary:hover,
|
||
.marketing-nav__item--primary:focus {
|
||
border-bottom-color: #919eab
|
||
}
|
||
.marketing-nav__item--primary:active,
|
||
.marketing-nav__item--primary.marketing-nav__item--active {
|
||
border-bottom-color: #212b35
|
||
}
|
||
}
|
||
|
||
.marketing-nav__item--primary:hover,
|
||
.marketing-nav__item--primary:focus {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--primary:active,
|
||
.marketing-nav__item--primary.marketing-nav__item--active {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--user {
|
||
font-size: calc(0.9375em + 2px);
|
||
font-weight: 700;
|
||
color: white
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__item--user {
|
||
margin-left: 12px;
|
||
margin-right: 12px;
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
border-bottom: 3px solid transparent
|
||
}
|
||
.marketing-nav__item--user:hover,
|
||
.marketing-nav__item--user:focus {
|
||
border-bottom-color: #919eab
|
||
}
|
||
.marketing-nav__item--user:active,
|
||
.marketing-nav__item--user.marketing-nav__item--active {
|
||
border-bottom-color: #212b35
|
||
}
|
||
}
|
||
|
||
.marketing-nav__item--user:hover,
|
||
.marketing-nav__item--user:focus {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--user:active,
|
||
.marketing-nav__item--user.marketing-nav__item--active {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--secondary {
|
||
font-size: calc(0.9375em + 2px);
|
||
font-weight: 700;
|
||
color: #ffffff
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__item--secondary {
|
||
margin-left: 12px;
|
||
margin-right: 12px;
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
border-bottom: 3px solid transparent
|
||
}
|
||
.marketing-nav__item--secondary:hover,
|
||
.marketing-nav__item--secondary:focus {
|
||
border-bottom-color: #919eab
|
||
}
|
||
.marketing-nav__item--secondary:active,
|
||
.marketing-nav__item--secondary.marketing-nav__item--active {
|
||
border-bottom-color: #212b35
|
||
}
|
||
}
|
||
|
||
.marketing-nav__item--secondary:hover,
|
||
.marketing-nav__item--secondary:focus {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--secondary:active,
|
||
.marketing-nav__item--secondary.marketing-nav__item--active {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--child {
|
||
font-size: calc(0.9375em + 2px);
|
||
font-weight: 700;
|
||
color: #ffffff
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__item--child {
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
padding-left: 24px;
|
||
padding-right: 24px
|
||
}
|
||
}
|
||
|
||
.marketing-nav__item--child:hover,
|
||
.marketing-nav__item--child:focus {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--child:active,
|
||
.marketing-nav__item--child.marketing-nav__item--active {
|
||
color: #212b35;
|
||
font-weight: 700
|
||
}
|
||
|
||
.marketing-nav__item--primary {
|
||
background-color: transparent;
|
||
letter-spacing: 0.05em;
|
||
text-transform: uppercase
|
||
}
|
||
|
||
.marketing-nav__item--primary:hover,
|
||
.marketing-nav__item--primary:focus {
|
||
background-color: transparent
|
||
}
|
||
|
||
.popover-wrapper.js-is-active>.marketing-nav__item--primary {
|
||
background-color: #ffffff;
|
||
color: #212b35
|
||
}
|
||
|
||
.popover-wrapper.js-is-active>.marketing-nav__item--primary:focus {
|
||
outline: 0
|
||
}
|
||
|
||
.marketing-nav__item--primary.popover-trigger:hover {
|
||
border-bottom: 1px solid #dfe3e8
|
||
}
|
||
|
||
.popover-wrapper>.marketing-nav__item--primary {
|
||
-webkit-transition: none;
|
||
transition: none
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__item--primary,
|
||
.marketing-nav__item--user {
|
||
height: 60px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__item--primary,
|
||
.marketing-nav__item--user {
|
||
height: 80px
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-nav__item--secondary {
|
||
padding-top: 6px;
|
||
padding-bottom: 6px;
|
||
padding-left: calc(5% - 3px);
|
||
border-left: 3px solid transparent
|
||
}
|
||
.marketing-nav__item--secondary:hover,
|
||
.marketing-nav__item--secondary:focus {
|
||
border-left-color: #919eab
|
||
}
|
||
.marketing-nav__item--secondary:active,
|
||
.marketing-nav__item--secondary.marketing-nav__item--active {
|
||
border-left-color: #212b35
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__item--secondary {
|
||
height: 60px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__item--secondary {
|
||
height: 70px
|
||
}
|
||
}
|
||
|
||
.marketing-nav__item--child {
|
||
padding-top: 9px;
|
||
padding-bottom: 9px;
|
||
line-height: 1
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__item--child {
|
||
padding-left: calc(24px - 3px);
|
||
border-left: 3px solid transparent
|
||
}
|
||
.marketing-nav__item--child:hover,
|
||
.marketing-nav__item--child:focus {
|
||
border-left-color: #919eab
|
||
}
|
||
.marketing-nav__item--child:active,
|
||
.marketing-nav__item--child.marketing-nav__item--active {
|
||
border-left-color: #212b35
|
||
}
|
||
}
|
||
|
||
.marketing-nav__user {
|
||
float: right
|
||
}
|
||
|
||
.marketing-nav__button {
|
||
margin-left: 12px;
|
||
padding-left: 1.25em;
|
||
padding-right: 1.25em
|
||
}
|
||
|
||
.marketing-nav__secondary {
|
||
position: relative;
|
||
z-index: 1;
|
||
min-height: 60px;
|
||
background-color: #ffffff;
|
||
border-bottom: 1px solid #dfe3e8
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-nav__secondary {
|
||
border-top: 1px solid #dfe3e8
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__secondary {
|
||
min-height: 70px
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-nav__secondary .marketing-nav__items {
|
||
display: none;
|
||
position: absolute;
|
||
z-index: 10;
|
||
width: 100%;
|
||
top: 60px;
|
||
left: 0;
|
||
padding-top: 6px;
|
||
padding-bottom: 6px;
|
||
border-bottom: 1px solid #dfe3e8;
|
||
background-color: #ffffff
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__secondary .marketing-nav__items {
|
||
display: block !important;
|
||
margin-left: -12px;
|
||
padding-left: calc(5% + 9px);
|
||
padding-right: calc(5% + 9px)
|
||
}
|
||
.marketing-nav__secondary .marketing-nav__items::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__secondary .marketing-nav__items {
|
||
padding-left: calc(5% + 18px);
|
||
padding-right: calc(5% + 18px)
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-nav__secondary .marketing-nav__items>li {
|
||
line-height: 60px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__secondary .marketing-nav__items>li {
|
||
line-height: 70px
|
||
}
|
||
}
|
||
|
||
.marketing-nav__secondary__button {
|
||
width: 100%;
|
||
padding-left: 5%;
|
||
text-align: left;
|
||
font-size: calc(0.9375em + 2px);
|
||
line-height: 60px;
|
||
color: #212b35
|
||
}
|
||
|
||
.marketing-nav__logo {
|
||
float: left
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__logo {
|
||
margin-right: 1.5625em
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.marketing-nav__logo--centered {
|
||
float: none;
|
||
overflow: hidden
|
||
}
|
||
.marketing-nav__logo--centered .marketing-nav__logo__shopify {
|
||
margin-left: auto;
|
||
margin-right: auto
|
||
}
|
||
}
|
||
|
||
.marketing-nav__logo .icon,
|
||
.marketing-nav__hamburger .icon {
|
||
width: 100%;
|
||
height: 100%
|
||
}
|
||
|
||
.marketing-nav__logo__shopify {
|
||
display: block;
|
||
width: 111px;
|
||
height: 32px;
|
||
margin-top: 12px
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__logo__shopify {
|
||
width: 125px;
|
||
height: 36px;
|
||
margin-top: 20px
|
||
}
|
||
}
|
||
|
||
.marketing-nav__hamburger {
|
||
float: right;
|
||
-webkit-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
width: 1.25em;
|
||
height: 1.25em;
|
||
padding: 0.625em;
|
||
margin-right: -0.625em;
|
||
fill: #212b35;
|
||
position: relative;
|
||
top: 50%;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%)
|
||
}
|
||
|
||
.marketing-nav__hamburger::-moz-focus-inner {
|
||
padding: 0;
|
||
border: 0
|
||
}
|
||
|
||
.marketing-nav__arrow,
|
||
.marketing-nav__external-indicator {
|
||
display: inline-block;
|
||
fill: #919eab
|
||
}
|
||
|
||
.marketing-nav__item--primary .marketing-nav__arrow,
|
||
.marketing-nav__item--primary .marketing-nav__external-indicator {
|
||
fill: #919eab
|
||
}
|
||
|
||
.js-is-active .marketing-nav__item--primary .marketing-nav__arrow,
|
||
.marketing-nav__item--primary:hover .marketing-nav__arrow,
|
||
.marketing-nav__item--primary:focus .marketing-nav__arrow,
|
||
.marketing-nav__item--primary:active .marketing-nav__arrow,
|
||
.js-is-active .marketing-nav__item--primary .marketing-nav__external-indicator,
|
||
.marketing-nav__item--primary:hover .marketing-nav__external-indicator,
|
||
.marketing-nav__item--primary:focus .marketing-nav__external-indicator,
|
||
.marketing-nav__item--primary:active .marketing-nav__external-indicator {
|
||
fill: #212b35
|
||
}
|
||
|
||
.marketing-nav__item--user .marketing-nav__arrow,
|
||
.marketing-nav__item--user .marketing-nav__external-indicator {
|
||
fill: #919eab
|
||
}
|
||
|
||
.js-is-active .marketing-nav__item--user .marketing-nav__arrow,
|
||
.marketing-nav__item--user:hover .marketing-nav__arrow,
|
||
.marketing-nav__item--user:focus .marketing-nav__arrow,
|
||
.marketing-nav__item--user:active .marketing-nav__arrow,
|
||
.js-is-active .marketing-nav__item--user .marketing-nav__external-indicator,
|
||
.marketing-nav__item--user:hover .marketing-nav__external-indicator,
|
||
.marketing-nav__item--user:focus .marketing-nav__external-indicator,
|
||
.marketing-nav__item--user:active .marketing-nav__external-indicator {
|
||
fill: #212b35
|
||
}
|
||
|
||
.marketing-nav__item--secondary .marketing-nav__arrow,
|
||
.marketing-nav__item--secondary .marketing-nav__external-indicator {
|
||
fill: #919eab
|
||
}
|
||
|
||
.js-is-active .marketing-nav__item--secondary .marketing-nav__arrow,
|
||
.marketing-nav__item--secondary:hover .marketing-nav__arrow,
|
||
.marketing-nav__item--secondary:focus .marketing-nav__arrow,
|
||
.marketing-nav__item--secondary:active .marketing-nav__arrow,
|
||
.js-is-active .marketing-nav__item--secondary .marketing-nav__external-indicator,
|
||
.marketing-nav__item--secondary:hover .marketing-nav__external-indicator,
|
||
.marketing-nav__item--secondary:focus .marketing-nav__external-indicator,
|
||
.marketing-nav__item--secondary:active .marketing-nav__external-indicator {
|
||
fill: #212b35
|
||
}
|
||
|
||
.marketing-nav__arrow {
|
||
vertical-align: middle;
|
||
width: 10px;
|
||
height: 5px;
|
||
margin-left: 5px
|
||
}
|
||
|
||
.marketing-nav__item--primary .marketing-nav__arrow {
|
||
width: 10px;
|
||
height: 5px;
|
||
margin-left: 5px;
|
||
margin-top: -3px
|
||
}
|
||
|
||
.marketing-nav__item--secondary .marketing-nav__arrow {
|
||
width: 10px;
|
||
height: 5px;
|
||
margin-left: 5px;
|
||
margin-top: -3px
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-nav__secondary .marketing-nav__arrow {
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 5%;
|
||
margin-top: -3px
|
||
}
|
||
}
|
||
|
||
.marketing-nav__external-indicator {
|
||
vertical-align: middle;
|
||
width: 7px;
|
||
height: 7px;
|
||
margin-left: 2px;
|
||
-webkit-transition: fill 300ms;
|
||
transition: fill 300ms
|
||
}
|
||
|
||
.marketing-nav__item--primary .marketing-nav__external-indicator {
|
||
width: 7px;
|
||
height: 7px;
|
||
margin-left: 2px;
|
||
margin-top: -8px
|
||
}
|
||
|
||
.marketing-nav__item--user .marketing-nav__external-indicator {
|
||
width: 7px;
|
||
height: 7px;
|
||
margin-left: 2px;
|
||
margin-top: -8px
|
||
}
|
||
|
||
.marketing-nav__item--secondary .marketing-nav__external-indicator {
|
||
width: 7px;
|
||
height: 7px;
|
||
margin-left: 2px;
|
||
margin-top: -8px
|
||
}
|
||
|
||
.marketing-nav__item--child .marketing-nav__external-indicator {
|
||
width: 7px;
|
||
height: 7px;
|
||
margin-left: 2px;
|
||
margin-top: -8px
|
||
}
|
||
|
||
.skip-to-main.focusable:focus {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-weight: 400;
|
||
position: absolute;
|
||
color: #000000;
|
||
height: 60px;
|
||
line-height: 60px;
|
||
padding: 0 15px;
|
||
background: #ffffff;
|
||
z-index: 1001
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.skip-to-main.focusable:focus {
|
||
height: 80px;
|
||
line-height: 80px
|
||
}
|
||
}
|
||
|
||
.footer--main {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
position: relative;
|
||
background: #000639
|
||
}
|
||
|
||
.footer--main::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.footer-section {
|
||
margin-bottom: 1.875em
|
||
}
|
||
|
||
.footer-section::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.footer-heading {
|
||
margin: 0 0 0.5625em;
|
||
color: #ffffff;
|
||
letter-spacing: normal
|
||
}
|
||
|
||
.footer-link {
|
||
display: block;
|
||
font-size: calc(0.875em + 2px);
|
||
padding: 0.375em 0;
|
||
color: #919eab;
|
||
-webkit-transition: color 300ms ease-in-out;
|
||
transition: color 300ms ease-in-out
|
||
}
|
||
|
||
.footer-link:hover,
|
||
.footer-link:focus {
|
||
color: #ffffff
|
||
}
|
||
|
||
.footer-top {
|
||
padding-bottom: 1.5625em
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.footer-top {
|
||
padding-top: 1.5625em
|
||
}
|
||
}
|
||
|
||
.footer-top+.footer-bottom {
|
||
border-top: 1px solid rgba(223, 227, 232, 0.1)
|
||
}
|
||
|
||
.footer-bottom {
|
||
padding-top: 1.875em;
|
||
padding-bottom: 1.875em
|
||
}
|
||
|
||
.footer-bottom::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.footer-bottom a {
|
||
color: #919eab;
|
||
-webkit-transition: color 300ms ease-in-out;
|
||
transition: color 300ms ease-in-out
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.footer-bottom a {
|
||
line-height: 1.875em
|
||
}
|
||
}
|
||
|
||
.footer-bottom a:hover {
|
||
color: #ffffff
|
||
}
|
||
|
||
.footer-bottom__links>a {
|
||
color: #ffffff;
|
||
line-height: 1.875em;
|
||
white-space: nowrap
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.footer-bottom__links>a {
|
||
margin-left: 15px
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.footer-bottom__links>a {
|
||
display: block
|
||
}
|
||
}
|
||
|
||
.footer-bottom__links>a:hover,
|
||
.footer-bottom__links>a:focus {
|
||
color: #ffffff
|
||
}
|
||
|
||
.footer-country-select {
|
||
margin-bottom: 0;
|
||
display: inline-block;
|
||
position: relative;
|
||
width: auto;
|
||
line-height: 1.875em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.footer-country-select {
|
||
margin-left: 15px
|
||
}
|
||
}
|
||
|
||
.footer-country-select .popover {
|
||
width: auto;
|
||
position: relative
|
||
}
|
||
|
||
.footer-country-select .popover::before,
|
||
.footer-country-select .popover::after {
|
||
display: none
|
||
}
|
||
|
||
.footer-country-select__trigger {
|
||
color: #ffffff;
|
||
-webkit-transition: color 300ms ease-in-out;
|
||
transition: color 300ms ease-in-out
|
||
}
|
||
|
||
.footer-country-select__trigger:hover,
|
||
.footer-country-select__trigger:focus {
|
||
color: #ffffff
|
||
}
|
||
|
||
.footer-country-select__trigger:hover .footer-country-select__globe,
|
||
.footer-country-select__trigger:hover .footer-country-select__arrow,
|
||
.footer-country-select__trigger:focus .footer-country-select__globe,
|
||
.footer-country-select__trigger:focus .footer-country-select__arrow {
|
||
fill: #ffffff
|
||
}
|
||
|
||
.footer-country-select__popover.js-is-active .footer-country-select__arrow {
|
||
-webkit-transform: rotate(180deg);
|
||
-ms-transform: rotate(180deg);
|
||
transform: rotate(180deg)
|
||
}
|
||
|
||
.footer-country-select__globe,
|
||
.footer-country-select__arrow {
|
||
fill: #ffffff;
|
||
-webkit-transition: fill 300ms ease-in-out;
|
||
transition: fill 300ms ease-in-out;
|
||
display: inline-block;
|
||
vertical-align: middle
|
||
}
|
||
|
||
.footer-country-select__globe {
|
||
width: 1em;
|
||
height: 1em;
|
||
margin-bottom: 0.1875em
|
||
}
|
||
|
||
.footer-country-select__arrow {
|
||
margin-bottom: 0.1875em;
|
||
width: 0.75em;
|
||
height: 0.75em
|
||
}
|
||
|
||
.footer-country-select__text {
|
||
padding-left: 0.375em;
|
||
padding-right: 0.375em
|
||
}
|
||
|
||
.footer-country-select__content.popover-content {
|
||
padding: 12px 24px 12px;
|
||
position: absolute;
|
||
bottom: 25px;
|
||
left: 50%;
|
||
-webkit-transform: translateX(-50%);
|
||
-ms-transform: translateX(-50%);
|
||
transform: translateX(-50%);
|
||
-webkit-column-count: 2;
|
||
column-count: 2;
|
||
-webkit-box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
|
||
box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
|
||
border-radius: 5px;
|
||
background-color: #ffffff
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.footer-country-select__content.popover-content {
|
||
padding-left: 0;
|
||
-webkit-transform: none;
|
||
-ms-transform: none;
|
||
transform: none;
|
||
right: 0;
|
||
left: auto
|
||
}
|
||
}
|
||
|
||
.footer-country-select__content.popover-content li {
|
||
display: inline-block;
|
||
width: 100%
|
||
}
|
||
|
||
.footer-country-select__content.popover-content a {
|
||
color: #ffffff;
|
||
font-weight: 700;
|
||
line-height: 1;
|
||
padding: 9px 24px 9px 21px;
|
||
border-left: 3px solid transparent;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
white-space: nowrap;
|
||
display: block
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.footer-country-select__content.popover-content a {
|
||
font-size: calc(0.875em + 2px);
|
||
padding-right: 10px;
|
||
padding-left: 7px;
|
||
line-height: 1.2
|
||
}
|
||
}
|
||
|
||
.footer-country-select__content.popover-content a:hover,
|
||
.footer-country-select__content.popover-content a:focus {
|
||
color: #212b35;
|
||
border-left-color: #919eab
|
||
}
|
||
|
||
.footer-country-select__content.popover-content a:active {
|
||
border-left-color: #212b35
|
||
}
|
||
|
||
.footer-social__icon {
|
||
display: inline-block;
|
||
width: 1.125em;
|
||
height: 1.125em;
|
||
margin-top: 0.3125em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.footer-social__icon {
|
||
width: 1em;
|
||
height: 1em
|
||
}
|
||
}
|
||
|
||
.footer-social__icon+.footer-social__icon {
|
||
margin-left: 0.5em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.footer-social__icon+.footer-social__icon {
|
||
margin-left: 0.3125em
|
||
}
|
||
}
|
||
|
||
.footer-social__icon .icon {
|
||
width: 100%;
|
||
height: 100%;
|
||
fill: #ffffff;
|
||
-webkit-transition: fill 300ms ease-in-out;
|
||
transition: fill 300ms ease-in-out
|
||
}
|
||
|
||
.footer-social__icon:hover .icon,
|
||
.footer-social__icon:focus .icon {
|
||
fill: #ffffff
|
||
}
|
||
|
||
.footer-nav {
|
||
border-bottom: 1px solid rgba(223, 227, 232, 0.1);
|
||
margin-bottom: 1.5625em
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.footer-nav {
|
||
text-align: center;
|
||
padding-bottom: 1.5625em
|
||
}
|
||
}
|
||
|
||
.footer-nav a {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-weight: 700;
|
||
font-size: calc(1em + 2px);
|
||
margin-right: 0.9375em;
|
||
color: #ffffff;
|
||
display: inline-block
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.footer-nav a {
|
||
margin-right: 0.46875em;
|
||
margin-left: 0.46875em;
|
||
padding-top: 0.3125em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.footer-nav a {
|
||
line-height: 70px;
|
||
border-bottom: 2px solid #000639;
|
||
-webkit-transition-property: border-color, fill;
|
||
transition-property: border-color, fill;
|
||
-webkit-transition-duration: 300ms;
|
||
transition-duration: 300ms
|
||
}
|
||
.footer-nav a:hover,
|
||
.footer-nav a:focus {
|
||
color: #ffffff;
|
||
border-color: #ffffff
|
||
}
|
||
}
|
||
|
||
.footer-column--nameless {
|
||
margin-top: 1.65em
|
||
}
|
||
|
||
.drawer {
|
||
display: none;
|
||
position: fixed;
|
||
overflow-y: scroll;
|
||
overflow-x: hidden;
|
||
-webkit-overflow-scrolling: touch;
|
||
z-index: 1000;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 18.75em;
|
||
max-width: 100%;
|
||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||
transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||
background-color: #ffffff;
|
||
font-size: calc(1.1428571429em + 2px);
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif
|
||
}
|
||
|
||
@media screen and (prefers-reduced-motion: reduce) {
|
||
.drawer {
|
||
-webkit-transition: none;
|
||
transition: none;
|
||
-webkit-animation: none;
|
||
animation: none
|
||
}
|
||
}
|
||
|
||
.js-drawer-open .drawer {
|
||
display: block;
|
||
-webkit-transform: translateX(0);
|
||
-ms-transform: translateX(0);
|
||
transform: translateX(0)
|
||
}
|
||
|
||
.drawer .marketing-nav__logo__shopify {
|
||
margin-top: 0
|
||
}
|
||
|
||
.drawer--left {
|
||
left: 0;
|
||
-webkit-transform: translateX(-100%);
|
||
-ms-transform: translateX(-100%);
|
||
transform: translateX(-100%)
|
||
}
|
||
|
||
.drawer--right {
|
||
right: 0;
|
||
-webkit-transform: translateX(100%);
|
||
-ms-transform: translateX(100%);
|
||
transform: translateX(100%)
|
||
}
|
||
|
||
.drawer--powered-by-shopify .drawer__items--primary {
|
||
padding-top: 0;
|
||
border-top: 0
|
||
}
|
||
|
||
.drawer__inner {
|
||
position: relative;
|
||
min-height: 100%;
|
||
padding-right: 30px;
|
||
padding-bottom: 30px;
|
||
padding-left: 30px
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.drawer__inner .marketing-form__button {
|
||
width: 100%
|
||
}
|
||
}
|
||
|
||
.drawer__top {
|
||
position: relative;
|
||
height: 60px;
|
||
padding-top: 15px;
|
||
padding-bottom: 15px
|
||
}
|
||
|
||
.drawer__close-button {
|
||
display: block;
|
||
-webkit-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
width: 1.25em;
|
||
height: 1.25em;
|
||
padding: 0.625em;
|
||
fill: #212b35;
|
||
position: absolute;
|
||
top: 50%;
|
||
right: -0.625em;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%)
|
||
}
|
||
|
||
.drawer__close-button .icon {
|
||
width: 100%;
|
||
height: 100%
|
||
}
|
||
|
||
.drawer__items {
|
||
padding-top: 15px;
|
||
border-top: 1px solid #dfe3e8
|
||
}
|
||
|
||
.drawer__items+.drawer__items {
|
||
margin-top: 15px
|
||
}
|
||
|
||
.drawer__items--nested {
|
||
margin-bottom: 15px;
|
||
padding-top: 0;
|
||
border-top: 0;
|
||
border-left: 1px solid #dfe3e8
|
||
}
|
||
|
||
.drawer__items--nested .drawer__items--nested {
|
||
margin-left: 1.0625em
|
||
}
|
||
|
||
.drawer__item {
|
||
display: block;
|
||
width: 100%;
|
||
color: #454f59;
|
||
font-size: calc(1em + 2px);
|
||
font-weight: 500;
|
||
padding-top: 0.625em;
|
||
padding-bottom: 0.625em;
|
||
text-align: left;
|
||
line-height: 1;
|
||
-webkit-transition: color 300ms;
|
||
transition: color 300ms
|
||
}
|
||
|
||
.drawer__item:hover,
|
||
.drawer__item:focus {
|
||
color: #000000;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__item.drawer__item--active {
|
||
color: #000000;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__items--nested .drawer__item {
|
||
margin-left: -1px;
|
||
padding-left: 1.0625em;
|
||
border-left: 3px solid transparent
|
||
}
|
||
|
||
.drawer__items--nested .drawer__item.drawer__item--active {
|
||
border-left-color: currentColor
|
||
}
|
||
|
||
.drawer__items--corporate .drawer__item {
|
||
color: #919ea9;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__items--corporate .drawer__item:hover,
|
||
.drawer__items--corporate .drawer__item:focus {
|
||
color: #000000;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__items--corporate .drawer__item.drawer__item--active {
|
||
color: #000000;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__items--user .drawer__item {
|
||
color: #454f59;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__items--user .drawer__item:hover,
|
||
.drawer__items--user .drawer__item:focus {
|
||
color: #000000;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__items--user .drawer__item.drawer__item--active {
|
||
color: #000000;
|
||
font-weight: 500
|
||
}
|
||
|
||
.drawer__item--primary {
|
||
font-size: 1em;
|
||
font-weight: 700;
|
||
text-transform: uppercase;
|
||
padding-top: 15px;
|
||
padding-bottom: 15px
|
||
}
|
||
|
||
.drawer__item--primary,
|
||
.drawer__item--primary a {
|
||
color: #000000
|
||
}
|
||
|
||
.drawer__item--primary:hover,
|
||
.drawer__item--primary:focus {
|
||
color: #000000;
|
||
font-weight: 700
|
||
}
|
||
|
||
.drawer__item--primary.drawer__item--active {
|
||
color: #000000;
|
||
font-weight: 700
|
||
}
|
||
|
||
.drawer__item--primary .marketing-nav__arrow {
|
||
vertical-align: 20%;
|
||
margin-left: 0.3571428571em
|
||
}
|
||
|
||
.drawer__item--signup {
|
||
color: #5c6ac4;
|
||
border: 0;
|
||
background-color: transparent;
|
||
padding-left: 0;
|
||
padding-right: 0
|
||
}
|
||
|
||
#PageContainer::before {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
visibility: hidden;
|
||
opacity: 0;
|
||
background-color: rgba(0, 0, 0, 0.6);
|
||
-webkit-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||
transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||
-webkit-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
content: '';
|
||
z-index: 999
|
||
}
|
||
|
||
.js-drawer-open {
|
||
overflow: hidden
|
||
}
|
||
|
||
.js-drawer-open #PageContainer::before {
|
||
visibility: visible;
|
||
opacity: 1
|
||
}
|
||
|
||
.signup-modal__content {
|
||
width: 100%
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.signup-modal__content {
|
||
max-width: 50%;
|
||
margin: 0 auto
|
||
}
|
||
}
|
||
|
||
.signup-modal__content .marketing-form__button {
|
||
float: right
|
||
}
|
||
|
||
body>.signup--hidden {
|
||
display: none
|
||
}
|
||
|
||
.subdomain {
|
||
position: relative
|
||
}
|
||
|
||
.stateful-form .marketing-input::-ms-clear {
|
||
display: none
|
||
}
|
||
|
||
.stateful-form .js-has-error .marketing-input {
|
||
-webkit-box-shadow: 0 0 0 2px #eb644d;
|
||
box-shadow: 0 0 0 2px #eb644d
|
||
}
|
||
|
||
.stateful-form .js-has-hint .marketing-input {
|
||
-webkit-box-shadow: 0 0 0 2px #b7ecec;
|
||
box-shadow: 0 0 0 2px #b7ecec
|
||
}
|
||
|
||
.stateful-form .js-is-pending::after {
|
||
content: '';
|
||
display: block;
|
||
width: 18px;
|
||
height: 18px;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
margin-left: -9px;
|
||
margin-top: -9px;
|
||
border-radius: 50%;
|
||
border: 3px solid #454f59;
|
||
border-top-color: transparent;
|
||
-webkit-animation: spin 1s infinite linear;
|
||
animation: spin 1s infinite linear;
|
||
z-index: 10;
|
||
right: 1.25em;
|
||
left: auto;
|
||
-webkit-animation-duration: 0.5s;
|
||
animation-duration: 0.5s
|
||
}
|
||
|
||
@keyframes spin {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg)
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg)
|
||
}
|
||
}
|
||
|
||
.stateful-form .marketing-input {
|
||
position: relative;
|
||
z-index: 1
|
||
}
|
||
|
||
.stateful-form .js-is-hidden {
|
||
display: none
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages {
|
||
-webkit-transform: translateY(-2px);
|
||
-ms-transform: translateY(-2px);
|
||
transform: translateY(-2px);
|
||
padding-top: 2px;
|
||
font-size: calc(1em + 2px);
|
||
max-height: 0;
|
||
overflow: hidden;
|
||
display: block
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.stateful-form .marketing-form__messages {
|
||
-webkit-transition: max-height 300ms;
|
||
transition: max-height 300ms
|
||
}
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .error {
|
||
color: #ffffff;
|
||
display: block;
|
||
font-size: calc(0.75em + 2px);
|
||
padding: 0.4166666667em 1em;
|
||
position: relative;
|
||
min-height: 2em
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .error.hide {
|
||
display: none
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .error a,
|
||
.stateful-form .marketing-form__messages .error button {
|
||
color: #ffffff;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-line: underline;
|
||
text-decoration-line: underline;
|
||
-webkit-text-decoration-style: solid;
|
||
text-decoration-style: solid;
|
||
-webkit-text-decoration-color: currentColor;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-skip-ink: auto;
|
||
-webkit-transition: color 150ms;
|
||
transition: color 150ms
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .error a:hover,
|
||
.stateful-form .marketing-form__messages .error a:focus,
|
||
.stateful-form .marketing-form__messages .error button:hover,
|
||
.stateful-form .marketing-form__messages .error button:focus {
|
||
color: #f0f0f0
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .error a:focus,
|
||
.stateful-form .marketing-form__messages .error button:focus {
|
||
outline: 0;
|
||
background-color: rgba(255, 255, 255, 0.125)
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .suggest {
|
||
color: #000000;
|
||
display: block;
|
||
font-size: calc(0.75em + 2px);
|
||
padding: 0.4166666667em 1em;
|
||
position: relative;
|
||
min-height: 2em
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .suggest.hide {
|
||
display: none
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .suggest a,
|
||
.stateful-form .marketing-form__messages .suggest button {
|
||
color: #000000;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-line: underline;
|
||
text-decoration-line: underline;
|
||
-webkit-text-decoration-style: solid;
|
||
text-decoration-style: solid;
|
||
-webkit-text-decoration-color: currentColor;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-skip-ink: auto;
|
||
-webkit-transition: color 150ms;
|
||
transition: color 150ms
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .suggest a:hover,
|
||
.stateful-form .marketing-form__messages .suggest a:focus,
|
||
.stateful-form .marketing-form__messages .suggest button:hover,
|
||
.stateful-form .marketing-form__messages .suggest button:focus {
|
||
color: black
|
||
}
|
||
|
||
.stateful-form .marketing-form__messages .suggest a:focus,
|
||
.stateful-form .marketing-form__messages .suggest button:focus {
|
||
outline: 0;
|
||
background-color: rgba(0, 0, 0, 0.125)
|
||
}
|
||
|
||
.stateful-form .js-has-error .marketing-form__messages {
|
||
background-color: #eb644d;
|
||
-webkit-box-shadow: 0 0 0 2px #eb644d;
|
||
box-shadow: 0 0 0 2px #eb644d;
|
||
border-radius: 0 0 5px 5px;
|
||
max-height: 90px
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.stateful-form .js-has-error .marketing-form__messages {
|
||
-webkit-transition: max-height 300ms;
|
||
transition: max-height 300ms
|
||
}
|
||
}
|
||
|
||
.stateful-form .js-has-hint .marketing-form__messages {
|
||
background-color: #b7ecec;
|
||
-webkit-box-shadow: 0 0 0 2px #b7ecec;
|
||
box-shadow: 0 0 0 2px #b7ecec;
|
||
border-radius: 0 0 5px 5px;
|
||
max-height: 90px
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.stateful-form .js-has-hint .marketing-form__messages {
|
||
-webkit-transition: max-height 300ms;
|
||
transition: max-height 300ms
|
||
}
|
||
}
|
||
|
||
.stateful-form .js-is-pending .marketing-input {
|
||
-webkit-box-shadow: 0 0 0 1px #c4cdd5;
|
||
box-shadow: 0 0 0 1px #c4cdd5
|
||
}
|
||
|
||
.stateful-form .js-is-pending .marketing-form__messages {
|
||
max-height: 0;
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.stateful-form .js-is-pending .marketing-form__messages {
|
||
-webkit-transition: all 300ms;
|
||
transition: all 300ms
|
||
}
|
||
}
|
||
|
||
.page-block {
|
||
padding: 5.625em 0;
|
||
border-color: #dfe3e8
|
||
}
|
||
|
||
.page-block--white {
|
||
background: #ffffff;
|
||
color: #454f59
|
||
}
|
||
|
||
.page-block--light {
|
||
background: #f4f6f8;
|
||
color: #212b37
|
||
}
|
||
|
||
.page-block--lowlight {
|
||
background-color: #30373b;
|
||
color: #919ea9
|
||
}
|
||
|
||
.page-block--blue {
|
||
background-color: #f6fafd;
|
||
color: #212b37
|
||
}
|
||
|
||
.page-block--border-top {
|
||
border-top-width: 1px;
|
||
border-top-style: solid
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.page-block {
|
||
padding: 3.75em 0
|
||
}
|
||
}
|
||
|
||
.page-block--lowlight .section-heading__heading {
|
||
color: #ffffff
|
||
}
|
||
|
||
.page-block--lowlight .section-heading__subhead {
|
||
color: #000000
|
||
}
|
||
|
||
.page-block--image {
|
||
background-position: top center;
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
position: relative
|
||
}
|
||
|
||
.page-block--image>.page-width {
|
||
height: 100%;
|
||
z-index: 1
|
||
}
|
||
|
||
.section-block {
|
||
padding-top: 2.8125em;
|
||
padding-bottom: 2.8125em;
|
||
border-color: #dfe3e8
|
||
}
|
||
|
||
.section-block--border-top {
|
||
border-top-width: 1px;
|
||
border-top-style: solid
|
||
}
|
||
|
||
.section-block--white {
|
||
background: #ffffff;
|
||
color: #454f59
|
||
}
|
||
|
||
.section-block--light {
|
||
background: #f4f6f8;
|
||
color: #212b37
|
||
}
|
||
|
||
.section-block--lowlight {
|
||
background-color: #30373b;
|
||
color: #919ea9
|
||
}
|
||
|
||
.section-block--blue {
|
||
background-color: #f6fafd;
|
||
color: #212b37
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.section-block {
|
||
padding-top: 1.875em;
|
||
padding-bottom: 1.875em
|
||
}
|
||
}
|
||
|
||
.page-width .section-block:first-child:not(:only-child) {
|
||
padding-top: 0
|
||
}
|
||
|
||
.page-width .section-block:last-child:not(:only-child) {
|
||
padding-bottom: 0
|
||
}
|
||
|
||
.section {
|
||
padding: 3.75em 0
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.section {
|
||
padding-top: 5.625em;
|
||
padding-bottom: 5.625em
|
||
}
|
||
}
|
||
|
||
.section .section:first-child:not(:only-child) {
|
||
padding-top: 0
|
||
}
|
||
|
||
.section .section:last-child:not(:only-child) {
|
||
padding-bottom: 0
|
||
}
|
||
|
||
.section--tight {
|
||
padding: 1.875em 0
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.section--tight {
|
||
padding-top: 2.8125em;
|
||
padding-bottom: 2.8125em
|
||
}
|
||
}
|
||
|
||
.section--padding-top-only {
|
||
padding-bottom: 0
|
||
}
|
||
|
||
.section--padding-bottom-only {
|
||
padding-top: 0
|
||
}
|
||
|
||
.section--border {
|
||
border-top: 1px solid #dfe3e8
|
||
}
|
||
|
||
.section--image {
|
||
background-position: top center;
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
position: relative
|
||
}
|
||
|
||
.section-heading {
|
||
margin-bottom: 2.8125em;
|
||
text-align: center
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.section-heading {
|
||
margin-bottom: 3.75em
|
||
}
|
||
}
|
||
|
||
.section-heading--lowlight .section-heading__heading {
|
||
color: #ffffff
|
||
}
|
||
|
||
.section-heading--lowlight .section-heading__subhead {
|
||
color: #000000
|
||
}
|
||
|
||
.section-heading--lowlight .section-heading__kicker {
|
||
color: #dfe3e8
|
||
}
|
||
|
||
.section-heading--tight {
|
||
margin-bottom: 1.5625em
|
||
}
|
||
|
||
.section-heading--tight .section-heading__heading {
|
||
margin-bottom: 0.25em
|
||
}
|
||
|
||
.section-heading--tight .section-heading__subhead {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.section-heading--tight .section-heading__kicker {
|
||
margin-bottom: 0.75em
|
||
}
|
||
|
||
.section-heading__subhead {
|
||
font-weight: 400;
|
||
color: #000000
|
||
}
|
||
|
||
.section-heading__kicker {
|
||
font-weight: 700;
|
||
color: #ffffff
|
||
}
|
||
|
||
.section-heading__kicker.section-heading__kicker--has-icon {
|
||
display: inline-block;
|
||
margin-bottom: 0;
|
||
vertical-align: middle
|
||
}
|
||
|
||
.section-heading__icon-wrapper {
|
||
margin-bottom: 0.625em
|
||
}
|
||
|
||
.section-heading__icon {
|
||
width: 1.75em;
|
||
height: 1.75em;
|
||
margin-right: 0.625em;
|
||
vertical-align: middle
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.section-heading--left {
|
||
text-align: left
|
||
}
|
||
}
|
||
|
||
.block {
|
||
display: block;
|
||
border-color: #dfe3e8;
|
||
margin-bottom: 2.8125em
|
||
}
|
||
|
||
.block__icon,
|
||
.block__image {
|
||
margin-bottom: 0.9375em
|
||
}
|
||
|
||
.block--padded {
|
||
padding: 30px
|
||
}
|
||
|
||
.block--padded .block__content:last-child,
|
||
.block--padded .block__cta:last-child {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.block--rounded {
|
||
border-radius: 5px
|
||
}
|
||
|
||
.block--bordered {
|
||
border-width: 1px;
|
||
border-style: solid
|
||
}
|
||
|
||
.block--lowlight .block__icon {
|
||
fill: #ffffff
|
||
}
|
||
|
||
.block--lowlight .block__heading {
|
||
color: #ffffff
|
||
}
|
||
|
||
.block--lowlight .block__content {
|
||
color: #dfe3e8
|
||
}
|
||
|
||
.block--lowlight .block__cta a {
|
||
color: #ffffff
|
||
}
|
||
|
||
.block__content {
|
||
margin-bottom: 0.9375em
|
||
}
|
||
|
||
.marketing-block {
|
||
display: block;
|
||
border-color: #dfe3e8
|
||
}
|
||
|
||
.marketing-block--white {
|
||
background: #ffffff;
|
||
color: #454f59
|
||
}
|
||
|
||
.marketing-block--light {
|
||
background: #f4f6f8;
|
||
color: #212b37
|
||
}
|
||
|
||
.marketing-block--lowlight {
|
||
background-color: #30373b;
|
||
color: #919ea9
|
||
}
|
||
|
||
.marketing-block--blue {
|
||
background-color: #f6fafd;
|
||
color: #212b37
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-block {
|
||
margin-bottom: 2.8125em;
|
||
width: 100%
|
||
}
|
||
}
|
||
|
||
.marketing-block .icon {
|
||
margin-bottom: 0.75em
|
||
}
|
||
|
||
.marketing-block--bordered {
|
||
border-width: 1px;
|
||
border-style: solid
|
||
}
|
||
|
||
.marketing-block--light {
|
||
border-width: 1px;
|
||
border-style: solid
|
||
}
|
||
|
||
.marketing-block--blue {
|
||
border: 1px solid #479ccf
|
||
}
|
||
|
||
.marketing-block--padded {
|
||
padding: 1.875em
|
||
}
|
||
|
||
.marketing-block--rounded {
|
||
border-radius: 5px
|
||
}
|
||
|
||
.marketing-block__content p:last-child {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.marketing-block__img img {
|
||
width: 100%
|
||
}
|
||
|
||
.bullet {
|
||
display: table;
|
||
margin-bottom: 1.875em;
|
||
position: relative
|
||
}
|
||
|
||
.bullet__icon {
|
||
padding-right: 15px;
|
||
display: table-cell;
|
||
vertical-align: top
|
||
}
|
||
|
||
.bullet__content {
|
||
padding-top: 8px;
|
||
margin-bottom: 0;
|
||
display: table-cell;
|
||
vertical-align: top;
|
||
width: 100%
|
||
}
|
||
|
||
.marketing-bullet-list {
|
||
margin-bottom: 1.875em;
|
||
padding-top: 1.875em
|
||
}
|
||
|
||
.marketing-bullet-list:last-child {
|
||
margin-bottom: -1.875em
|
||
}
|
||
|
||
.marketing-bullet {
|
||
list-style: none;
|
||
margin-bottom: 1.875em;
|
||
position: relative
|
||
}
|
||
|
||
.marketing-bullet::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
.marketing-bullet .icon {
|
||
display: block;
|
||
margin-bottom: 0;
|
||
float: left;
|
||
margin-right: 15px
|
||
}
|
||
|
||
.marketing-bullet--without-heading .marketing-bullet__content {
|
||
-webkit-font-smoothing: auto;
|
||
-moz-osx-font-smoothing: auto;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-weight: 300;
|
||
position: absolute;
|
||
left: 75px;
|
||
top: 50%;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%);
|
||
font-size: calc(1.125em + 2px);
|
||
line-height: 1
|
||
}
|
||
|
||
.marketing-bullet__content-wrapper {
|
||
overflow: hidden;
|
||
display: block;
|
||
float: none;
|
||
position: static
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-bullet__content-wrapper {
|
||
margin-bottom: 0;
|
||
text-align: left;
|
||
width: inherit
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.media__center--mobile {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.media__offset {
|
||
margin-top: 2.8125em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.media__offset {
|
||
margin-top: 0.9375em
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.media__image {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.media__last {
|
||
margin-top: 1.875em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media--flex-centered {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-align: center;
|
||
-webkit-align-items: center;
|
||
-ms-flex-align: center;
|
||
align-items: center
|
||
}
|
||
.media--flex-centered .media__right {
|
||
-webkit-box-ordinal-group: 3;
|
||
-webkit-order: 2;
|
||
-ms-flex-order: 2;
|
||
order: 2
|
||
}
|
||
.media--flex-centered .media__offset {
|
||
margin-top: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__right {
|
||
float: right;
|
||
margin-right: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--wide-left img,
|
||
.media__image--wide-left .lazyload-image {
|
||
float: right
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.media__image--wide-left img,
|
||
.media__image--wide-left .lazyload-image {
|
||
max-width: none
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.media__image--wide-left--mobile img {
|
||
margin-left: -30px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--wide-right img,
|
||
.media__image--wide-right .lazyload-image {
|
||
float: left
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.media__image--wide-right img,
|
||
.media__image--wide-right .lazyload-image {
|
||
max-width: none
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--wide-left .lazyload-image,
|
||
.media__image--wide-right .lazyload-image {
|
||
overflow: visible
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.media__image--wide-right--mobile {
|
||
text-align: right
|
||
}
|
||
.media__image--wide-right--mobile img {
|
||
margin-right: -30px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--bottom img,
|
||
.media__image--bottom .lazyload-image {
|
||
margin-bottom: -5.625em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--bottom .lazyload-image img {
|
||
margin-bottom: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--top img,
|
||
.media__image--top .lazyload-image {
|
||
margin-top: -5.625em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--top .lazyload-image img {
|
||
margin-top: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.media__image--top--desktop img,
|
||
.media__image--top--desktop .lazyload-image {
|
||
margin-top: -5.625em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.media__image--top--desktop .lazyload-image img {
|
||
margin-top: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.media__image--bottom--desktop img {
|
||
margin-bottom: -5.625em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.media__image--bottom--desktop img,
|
||
.media__image--bottom--desktop .lazyload-image {
|
||
margin-bottom: -5.625em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.media__image--bottom--desktop .lazyload-image img {
|
||
margin-bottom: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.media__image--bottom--mobile img,
|
||
.media__image--bottom--mobile .lazyload-image {
|
||
margin-bottom: -3.75em
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.media__image--bottom--mobile .lazyload-image img {
|
||
margin-bottom: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.media__image--right-tight {
|
||
margin-left: -15em
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.media__image--overflow img {
|
||
max-width: none
|
||
}
|
||
}
|
||
|
||
.lazyload-image {
|
||
-webkit-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
display: block;
|
||
overflow: hidden;
|
||
position: relative;
|
||
width: 100%;
|
||
margin: auto
|
||
}
|
||
|
||
.lazyload-image img {
|
||
display: block
|
||
}
|
||
|
||
.lazyload-image .lazyload-image__placeholder {
|
||
display: block;
|
||
width: 100%;
|
||
height: 0
|
||
}
|
||
|
||
.lazyload {
|
||
display: block;
|
||
height: 0;
|
||
overflow: hidden
|
||
}
|
||
|
||
.flash-container {
|
||
position: relative
|
||
}
|
||
|
||
.flash-container+.flash-container {
|
||
margin-top: 1.875em
|
||
}
|
||
|
||
.flash {
|
||
padding: 0.9375em 3.0625em 0.9375em 3.5em;
|
||
min-height: 3.75em;
|
||
border: 0.125em solid;
|
||
border-radius: 5px
|
||
}
|
||
|
||
.flash h1,
|
||
.flash h2,
|
||
.flash h3,
|
||
.flash h4,
|
||
.flash h5,
|
||
.flash h6,
|
||
.flash .long-form-content li::before {
|
||
color: currentColor
|
||
}
|
||
|
||
.flash--notice,
|
||
.flash--info {
|
||
background-color: #f4f6f8;
|
||
border-color: #dfe3e8;
|
||
color: #454f59
|
||
}
|
||
|
||
.flash--notice,
|
||
.flash--notice .long-form-content,
|
||
.flash--info,
|
||
.flash--info .long-form-content {
|
||
color: #454f59
|
||
}
|
||
|
||
.flash--error,
|
||
.flash--alert {
|
||
background-color: rgba(235, 100, 77, 0.05)
|
||
}
|
||
|
||
.flash--error,
|
||
.flash--error .long-form-content,
|
||
.flash--alert,
|
||
.flash--alert .long-form-content {
|
||
color: #eb644d
|
||
}
|
||
|
||
.flash--success {
|
||
background-color: rgba(88, 180, 75, 0.05);
|
||
border-color: #58b44b
|
||
}
|
||
|
||
.flash--success,
|
||
.flash--success .long-form-content {
|
||
color: #58b44b
|
||
}
|
||
|
||
.icon--flash {
|
||
position: absolute;
|
||
top: 0.9375em;
|
||
left: 0.9375em;
|
||
width: 1.625em;
|
||
height: 1.625em;
|
||
fill: currentColor
|
||
}
|
||
|
||
.flash__close {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
padding: 0.9375em;
|
||
opacity: 0.8;
|
||
-webkit-transition: opacity 300ms ease-in-out;
|
||
transition: opacity 300ms ease-in-out
|
||
}
|
||
|
||
.flash__close svg {
|
||
width: 0.9375em;
|
||
height: 0.9375em;
|
||
fill: currentColor
|
||
}
|
||
|
||
.flash__close:hover,
|
||
.flash__close:focus {
|
||
opacity: 1
|
||
}
|
||
|
||
.flash__close:active {
|
||
opacity: 0.8
|
||
}
|
||
|
||
.flash__content.long-form-content {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-weight: 500;
|
||
margin: 0
|
||
}
|
||
|
||
.flash__content.long-form-content .heading {
|
||
margin-top: -0.125em
|
||
}
|
||
|
||
.flash__content.long-form-content>*:last-child {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.hero {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
.hero .hero__inner {
|
||
padding-top: 10%;
|
||
padding-bottom: 10%
|
||
}
|
||
|
||
.hero .hero__image {
|
||
width: 100%;
|
||
height: auto
|
||
}
|
||
|
||
.spot-image--small {
|
||
width: 60px
|
||
}
|
||
|
||
.spot-image--medium {
|
||
width: 85px
|
||
}
|
||
|
||
.spot-image--large {
|
||
width: 120px
|
||
}
|
||
|
||
.cookies-notice {
|
||
z-index: 1000;
|
||
position: fixed;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
-webkit-transform: translateY(100%);
|
||
-ms-transform: translateY(100%);
|
||
transform: translateY(100%);
|
||
padding: 15px 0;
|
||
background-color: #000000;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
-webkit-transition: all 300ms ease-in-out;
|
||
transition: all 300ms ease-in-out;
|
||
-webkit-text-size-adjust: 100%
|
||
}
|
||
|
||
.js-is-loaded .cookies-notice.js-is-active {
|
||
-webkit-transform: translateY(0);
|
||
-ms-transform: translateY(0);
|
||
transform: translateY(0);
|
||
opacity: 1;
|
||
visibility: visible
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.cookies-notice {
|
||
padding-top: 20px;
|
||
padding-bottom: 20px
|
||
}
|
||
}
|
||
|
||
.cookies-notice__body {
|
||
padding-right: 15px;
|
||
font-size: calc(0.875em + 2px);
|
||
line-height: 1.5
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.cookies-notice__body {
|
||
margin-bottom: 15px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.cookies-notice__body {
|
||
float: left;
|
||
width: 80%;
|
||
font-size: calc(0.8125em + 2px)
|
||
}
|
||
}
|
||
|
||
.cookies-notice__body,
|
||
.cookies-notice__body a {
|
||
color: #ffffff
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.cookies-notice__cta {
|
||
float: right;
|
||
font-size: calc(0.875em + 2px)
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.cookies-notice__cta {
|
||
float: left;
|
||
width: 20%;
|
||
text-align: right
|
||
}
|
||
}
|
||
|
||
.background-video,
|
||
.background-video--fallback {
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
z-index: -1;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 50%;
|
||
min-height: 100%;
|
||
min-width: 100%;
|
||
max-width: none;
|
||
overflow: hidden;
|
||
-webkit-transition: opacity 1s ease-in;
|
||
transition: opacity 1s ease-in;
|
||
-webkit-transform: translateX(-50%);
|
||
-ms-transform: translateX(-50%);
|
||
transform: translateX(-50%)
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.background-video,
|
||
.background-video--fallback {
|
||
min-width: 0;
|
||
min-height: 0;
|
||
height: 100%;
|
||
opacity: 1
|
||
}
|
||
}
|
||
|
||
.background-video.js-is-active,
|
||
.background-video--fallback.js-is-active {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
z-index: 0
|
||
}
|
||
|
||
.inline-video,
|
||
.inline-video--fallback {
|
||
display: block;
|
||
max-width: 100%;
|
||
height: auto
|
||
}
|
||
|
||
.responsive-video-wrapper {
|
||
position: relative;
|
||
height: 0;
|
||
padding-top: 56.25%
|
||
}
|
||
|
||
.responsive-video-wrapper iframe {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%
|
||
}
|
||
|
||
.icon-caret-right {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-242.1%20245.6%206.6%2010.3%22%3E%3Cpath%20d=%22M-235.6%20250.7l-5.1%205.2-1.4-1.4%203.7-3.8-3.7-3.7%201.4-1.4%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.icon-caret-left {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-189.8%20245.6%20499.8%20792%22%3E%3Cpath%20d=%22M202.3%20245.6L310%20353.3%2025.5%20637.8%20310%20929.9l-107.7%20107.7-392.1-399.8%22/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.paginated-carousel {
|
||
position: relative
|
||
}
|
||
|
||
.paginated-carousel .carousel-item {
|
||
position: relative
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.paginated-carousel .carousel-item {
|
||
position: absolute;
|
||
top: 0;
|
||
display: none;
|
||
float: none;
|
||
width: auto;
|
||
margin-right: 0;
|
||
opacity: 0;
|
||
-webkit-transform: translateX(50px);
|
||
-ms-transform: translateX(50px);
|
||
transform: translateX(50px);
|
||
-webkit-transition: all 300ms ease;
|
||
transition: all 300ms ease
|
||
}
|
||
.paginated-carousel .carousel-item.js-is-active {
|
||
position: static;
|
||
display: block;
|
||
opacity: 1;
|
||
-webkit-transform: translateX(0);
|
||
-ms-transform: translateX(0);
|
||
transform: translateX(0)
|
||
}
|
||
}
|
||
|
||
.paginated-carousel .carousel-nav {
|
||
opacity: 0;
|
||
-webkit-transition: opacity 300ms ease;
|
||
transition: opacity 300ms ease
|
||
}
|
||
|
||
.js-is-loaded .paginated-carousel .carousel-nav {
|
||
opacity: 1
|
||
}
|
||
|
||
.paginated-carousel .carousel-nav-items {
|
||
text-align: center
|
||
}
|
||
|
||
.paginated-carousel .carousel-nav-item {
|
||
width: 0.8125em;
|
||
height: 0.8125em;
|
||
margin: 0 0.25em;
|
||
line-height: 1.25em;
|
||
vertical-align: middle;
|
||
background-color: #919ea9;
|
||
border-radius: 50%
|
||
}
|
||
|
||
.paginated-carousel .carousel-nav-item.js-is-active {
|
||
background: #000000
|
||
}
|
||
|
||
.paginated-carousel .carousel-arrow-left,
|
||
.paginated-carousel .carousel-arrow-right {
|
||
position: absolute;
|
||
top: 50%;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%)
|
||
}
|
||
|
||
.paginated-carousel .carousel-arrow-left {
|
||
left: 0
|
||
}
|
||
|
||
.paginated-carousel .carousel-arrow-right {
|
||
right: 0
|
||
}
|
||
|
||
.inline-cta__heading {
|
||
font-weight: 400;
|
||
color: #454f59
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.inline-cta__heading {
|
||
display: inline-block
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.inline-cta__button {
|
||
margin-left: 30px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-input-button-pair__input,
|
||
.marketing-input-button-pair__button {
|
||
float: left
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-input-wrapper .marketing-input-button-pair__input {
|
||
margin-bottom: 15px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-input-button-pair__input {
|
||
-webkit-box-flex: 1;
|
||
-webkit-flex: 1;
|
||
-ms-flex: 1;
|
||
flex: 1;
|
||
margin-right: 10px
|
||
}
|
||
}
|
||
|
||
.marketing-input-button-pair__button {
|
||
-webkit-flex-shrink: 0;
|
||
-ms-flex-negative: 0;
|
||
flex-shrink: 0
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.marketing-input-button-pair__button {
|
||
width: 100%
|
||
}
|
||
}
|
||
|
||
.marketing-input-button__field-wrapper::after {
|
||
content: '';
|
||
display: table;
|
||
clear: both
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.marketing-input-button__field-wrapper {
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.js-is-sticky-init .sticky-menu-content {
|
||
float: right
|
||
}
|
||
}
|
||
|
||
.js-is-sticky-container .sticky-menu {
|
||
position: fixed;
|
||
top: 0
|
||
}
|
||
|
||
.js-is-abs-container .sticky-menu {
|
||
position: absolute;
|
||
bottom: 0;
|
||
top: auto
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.page--has-secondary-nav .js-is-abs-container .sticky-menu {
|
||
top: auto
|
||
}
|
||
}
|
||
|
||
.js-is-abs-container .in-page-menu {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.in-page-menu {
|
||
list-style: none;
|
||
margin-bottom: 30px
|
||
}
|
||
|
||
.in-page-menu a {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
font-family: ShopifySans, Helvetica, Arial, sans-serif;
|
||
font-weight: 400;
|
||
color: #454f59;
|
||
font-size: calc(1em + 2px);
|
||
display: block;
|
||
-webkit-transition: all 150ms;
|
||
transition: all 150ms
|
||
}
|
||
|
||
.in-page-menu a:hover,
|
||
.in-page-menu a:focus {
|
||
color: #000000
|
||
}
|
||
|
||
.in-page-menu a.js-is-active {
|
||
color: #000000;
|
||
border-color: #000000
|
||
}
|
||
|
||
.in-page-menu--vertical {
|
||
border-left: 1px solid #dfe3e8
|
||
}
|
||
|
||
.in-page-menu--vertical a {
|
||
margin-left: -1px;
|
||
border-left: 3px solid transparent;
|
||
padding: 0.625em 0 0.625em 1.0625em
|
||
}
|
||
|
||
.in-page-menu--horizontal a {
|
||
border-bottom: 2px solid transparent;
|
||
margin-right: 0.9375em;
|
||
-webkit-transition-property: border, color;
|
||
transition-property: border, color;
|
||
-webkit-transition-duration: 300ms;
|
||
transition-duration: 300ms;
|
||
-webkit-transition-timing-function: ease-in-out;
|
||
transition-timing-function: ease-in-out
|
||
}
|
||
|
||
.in-page-menu--horizontal li {
|
||
display: inline-block
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.accordion-item--mobile.js-is-active .accordion-link::after {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20d=%22M4%2021.4h35.8v4.3H4z%22/%3E%3C/svg%3E")
|
||
}
|
||
.accordion-item--mobile .accordion-link {
|
||
position: relative;
|
||
cursor: pointer;
|
||
display: block;
|
||
width: 100%;
|
||
text-align: left;
|
||
min-height: 1.25em;
|
||
padding-right: 1.25em
|
||
}
|
||
.accordion-item--mobile .accordion-link::after {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20d=%22M4%2020.4h35.8v4.3H4z%22/%3E%3Cpath%20d=%22M19.7%204.7H24v35.8h-4.3z%22/%3E%3C/svg%3E");
|
||
content: '';
|
||
position: absolute;
|
||
right: 0;
|
||
top: 1px;
|
||
width: 1.25em;
|
||
height: 1.25em
|
||
}
|
||
.accordion-item--mobile .accordion-content {
|
||
display: none
|
||
}
|
||
}
|
||
|
||
.accordion-item .accordion-content {
|
||
display: none
|
||
}
|
||
|
||
.js-modal-open #SiteNavContainer,
|
||
.js-modal-open #PageContainer {
|
||
display: none
|
||
}
|
||
|
||
.modal-container {
|
||
display: none;
|
||
min-height: 100vh;
|
||
left: 0;
|
||
opacity: 0;
|
||
padding: 0 0 65px;
|
||
top: 0;
|
||
width: 100%;
|
||
text-align: center;
|
||
-webkit-overflow-scrolling: touch;
|
||
z-index: -1;
|
||
-webkit-transition: opacity 150ms;
|
||
transition: opacity 150ms
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.modal-container {
|
||
padding: 0 0 30px
|
||
}
|
||
}
|
||
|
||
.modal-container.is-transitioning {
|
||
z-index: 1000;
|
||
position: fixed
|
||
}
|
||
|
||
.modal-container.js-is-active {
|
||
display: block;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
z-index: 1000
|
||
}
|
||
|
||
.modal-container button:-moz-focusring,
|
||
.modal-container a:-moz-focusring {
|
||
outline: solid #ffffff 2px
|
||
}
|
||
|
||
.modal-container--lowlight {
|
||
background: #2a2c2e;
|
||
color: #ffffff
|
||
}
|
||
|
||
.modal-container--highlight {
|
||
background: #ffffff;
|
||
color: #2a2c2e
|
||
}
|
||
|
||
.modal__header {
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
z-index: 1
|
||
}
|
||
|
||
.modal__controls {
|
||
text-align: right
|
||
}
|
||
|
||
.modal__close {
|
||
margin: 0.625em -0.625em 0 0;
|
||
padding: 0.625em;
|
||
opacity: 0.7;
|
||
-webkit-transition: opacity 300ms ease;
|
||
transition: opacity 300ms ease
|
||
}
|
||
|
||
.modal__close:hover {
|
||
opacity: 1
|
||
}
|
||
|
||
.modal__close .icon-close-white {
|
||
height: 16px;
|
||
width: 16px
|
||
}
|
||
|
||
.modal {
|
||
-webkit-transform: translate3d(0, 0, 0);
|
||
transform: translate3d(0, 0, 0);
|
||
-webkit-backface-visibility: hidden;
|
||
backface-visibility: hidden;
|
||
-webkit-perspective: 1000;
|
||
perspective: 1000;
|
||
padding-top: 130px;
|
||
position: relative;
|
||
text-align: left;
|
||
-webkit-transition: all 150ms ease-out;
|
||
transition: all 150ms ease-out;
|
||
-webkit-transform: scale(0.85);
|
||
-ms-transform: scale(0.85);
|
||
transform: scale(0.85)
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.modal {
|
||
padding: 60px 30px 0
|
||
}
|
||
}
|
||
|
||
.js-is-active .modal {
|
||
-webkit-transform: scale(1);
|
||
-ms-transform: scale(1);
|
||
transform: scale(1)
|
||
}
|
||
|
||
.modal:focus {
|
||
outline: none
|
||
}
|
||
|
||
.modal__heading {
|
||
color: inherit
|
||
}
|
||
|
||
.popover-wrapper {
|
||
position: relative;
|
||
cursor: pointer;
|
||
display: inline-block
|
||
}
|
||
|
||
.popover-wrapper.js-is-active .popover {
|
||
display: block;
|
||
opacity: 1
|
||
}
|
||
|
||
.popover {
|
||
position: absolute;
|
||
z-index: 1001;
|
||
display: none;
|
||
opacity: 0;
|
||
width: 13.75em;
|
||
text-align: left;
|
||
background-clip: padding-box;
|
||
-webkit-transition: opacity 300ms;
|
||
transition: opacity 300ms
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.popover {
|
||
-webkit-transform: translate(-50%, -100%);
|
||
-ms-transform: translate(-50%, -100%);
|
||
transform: translate(-50%, -100%);
|
||
top: -10px;
|
||
left: 50%
|
||
}
|
||
}
|
||
|
||
.popover::after {
|
||
content: '';
|
||
position: absolute;
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
border: transparent solid 10px
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.popover::after {
|
||
left: 50%;
|
||
border-bottom-width: 0;
|
||
margin-left: -10px;
|
||
border-top-color: #ffffff
|
||
}
|
||
}
|
||
|
||
.popover::before {
|
||
content: '';
|
||
position: absolute;
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
border: transparent solid 12px;
|
||
z-index: -1
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.popover::before {
|
||
left: 50%;
|
||
border-bottom-width: 0;
|
||
margin-left: -9px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover--top {
|
||
-webkit-transform: translate(-50%, -100%);
|
||
-ms-transform: translate(-50%, -100%);
|
||
transform: translate(-50%, -100%);
|
||
top: -10px;
|
||
left: 50%
|
||
}
|
||
.popover--top::after,
|
||
.popover--top::before {
|
||
left: 50%;
|
||
border-bottom-width: 0
|
||
}
|
||
.popover--top::after {
|
||
border-top-color: #ffffff;
|
||
margin-left: -10px
|
||
}
|
||
.popover--top::before {
|
||
border-top-color: rgba(69, 79, 89, 0.3);
|
||
bottom: -11px;
|
||
margin-left: -12px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover--right {
|
||
left: 100%;
|
||
top: 50%;
|
||
margin-left: 20px;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%)
|
||
}
|
||
.popover--right::after,
|
||
.popover--right::before {
|
||
top: 50%;
|
||
border-left-width: 0
|
||
}
|
||
.popover--right::after {
|
||
border-right-color: #ffffff;
|
||
bottom: -10px;
|
||
left: -10px;
|
||
margin-top: -10px
|
||
}
|
||
.popover--right::before {
|
||
border-right-color: rgba(69, 79, 89, 0.3);
|
||
bottom: -11px;
|
||
left: -11px;
|
||
margin-top: -12px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover--left {
|
||
right: 100%;
|
||
top: 50%;
|
||
margin-right: 20px;
|
||
-webkit-transform: translateY(-50%);
|
||
-ms-transform: translateY(-50%);
|
||
transform: translateY(-50%)
|
||
}
|
||
.popover--left::after,
|
||
.popover--left::before {
|
||
top: 50%;
|
||
border-right-width: 0
|
||
}
|
||
.popover--left::after {
|
||
border-left-color: #ffffff;
|
||
right: -10px;
|
||
bottom: -10px;
|
||
margin-top: -10px
|
||
}
|
||
.popover--left::before {
|
||
border-left-color: rgba(69, 79, 89, 0.3);
|
||
right: -11px;
|
||
bottom: -11px;
|
||
margin-top: -12px
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover--bottom {
|
||
left: 50%;
|
||
margin-top: 10px;
|
||
-webkit-transform: translateX(-50%);
|
||
-ms-transform: translateX(-50%);
|
||
transform: translateX(-50%)
|
||
}
|
||
.popover--bottom::after,
|
||
.popover--bottom::before {
|
||
left: 50%;
|
||
border-top-width: 0
|
||
}
|
||
.popover--bottom::after {
|
||
border-bottom-color: #ffffff;
|
||
top: -10px;
|
||
margin-left: -10px
|
||
}
|
||
.popover--bottom::before {
|
||
border-bottom-color: rgba(69, 79, 89, 0.3);
|
||
top: -11px;
|
||
margin-left: -12px
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.popover-wrapper--dark .popover::after {
|
||
border-top-color: rgba(48, 55, 59, 0.95)
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover-wrapper--dark .popover--top::after {
|
||
border-top-color: rgba(48, 55, 59, 0.95)
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover-wrapper--dark .popover--right::after {
|
||
border-right-color: rgba(48, 55, 59, 0.95)
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover-wrapper--dark .popover--bottom::after {
|
||
border-bottom-color: rgba(48, 55, 59, 0.95)
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.popover-wrapper--dark .popover--left::after {
|
||
border-left-color: rgba(48, 55, 59, 0.95)
|
||
}
|
||
}
|
||
|
||
.popover-wrapper--dark .popover-content {
|
||
background-color: rgba(48, 55, 59, 0.95);
|
||
color: #ffffff
|
||
}
|
||
|
||
.popover-content {
|
||
background-color: #ffffff;
|
||
padding: 0.5em 0.625em;
|
||
border-radius: 5px;
|
||
-webkit-box-shadow: 0 0 0.125em 0.0625em rgba(69, 79, 89, 0.4);
|
||
box-shadow: 0 0 0.125em 0.0625em rgba(69, 79, 89, 0.4)
|
||
}
|
||
|
||
.popover-dropdown .popover-content {
|
||
padding: 0.9375em 1.875em
|
||
}
|
||
|
||
.popover-dropdown .popover-content li {
|
||
display: block;
|
||
line-height: 1em
|
||
}
|
||
|
||
.popover-dropdown .popover-content a,
|
||
.popover-dropdown .popover-content button {
|
||
display: block;
|
||
position: relative;
|
||
color: #454f59;
|
||
padding: 0.625em 0
|
||
}
|
||
|
||
.popover-dropdown .popover-content a:hover,
|
||
.popover-dropdown .popover-content a:focus,
|
||
.popover-dropdown .popover-content a.active,
|
||
.popover-dropdown .popover-content button:hover,
|
||
.popover-dropdown .popover-content button:focus,
|
||
.popover-dropdown .popover-content button.active {
|
||
color: #000000
|
||
}
|
||
|
||
.popover-dropdown .popover__arrow::after {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 50%;
|
||
margin-top: -0.1875em;
|
||
width: 10px;
|
||
height: 0.75em;
|
||
content: '';
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20baseProfile=%22tiny%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23c4cdd5%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E");
|
||
background-size: 100% auto;
|
||
background-repeat: no-repeat
|
||
}
|
||
|
||
.popover-dropdown.js-is-active .popover__arrow {
|
||
color: #ffffff
|
||
}
|
||
|
||
.popover-dropdown.js-is-active .popover__arrow::after {
|
||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20baseProfile=%22tiny%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23ffffff%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E")
|
||
}
|
||
|
||
.js-window-loading {
|
||
opacity: 0;
|
||
-webkit-transition: opacity 300ms ease-in-out;
|
||
transition: opacity 300ms ease-in-out
|
||
}
|
||
|
||
.js-is-loaded .js-window-loading {
|
||
opacity: 1
|
||
}
|
||
|
||
.responsive-svg {
|
||
height: 0;
|
||
position: relative
|
||
}
|
||
|
||
.responsive-svg svg {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
width: 100%;
|
||
height: 100%
|
||
}
|
||
|
||
.display--mobile,
|
||
.display--tablet,
|
||
.display--desktop {
|
||
display: none !important
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.display--desktop {
|
||
display: block !important
|
||
}
|
||
.hide--desktop {
|
||
display: none !important
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.display--tablet {
|
||
display: block !important
|
||
}
|
||
.hide--tablet {
|
||
display: none !important
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.display--mobile {
|
||
display: block !important
|
||
}
|
||
.hide--mobile {
|
||
display: none !important
|
||
}
|
||
}
|
||
|
||
.gutter-bottom {
|
||
margin-bottom: 30px
|
||
}
|
||
|
||
.gutter-bottom--reset {
|
||
margin-bottom: 0 !important
|
||
}
|
||
|
||
.gutter-bottom--half {
|
||
margin-bottom: 15px
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.gutter-bottom--reset--mobile {
|
||
margin-bottom: 0 !important
|
||
}
|
||
.gutter-bottom--mobile {
|
||
margin-bottom: 30px
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.gutter-bottom--tablet-down {
|
||
margin-bottom: 30px
|
||
}
|
||
}
|
||
|
||
.text-center {
|
||
text-align: center
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.text-center--mobile {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.text-center--tablet-up {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.text-center--tablet-only {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.text-center--tablet-down {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.text-center--desktop-up {
|
||
text-align: center
|
||
}
|
||
}
|
||
|
||
.text-left {
|
||
text-align: left
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.text-left--mobile {
|
||
text-align: left
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.text-left--tablet-up {
|
||
text-align: left
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.text-left--tablet-only {
|
||
text-align: left
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.text-left--tablet-down {
|
||
text-align: left
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.text-left--desktop-up {
|
||
text-align: left
|
||
}
|
||
}
|
||
|
||
.text-right {
|
||
text-align: right
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.text-right--mobile {
|
||
text-align: right
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.text-right--tablet-up {
|
||
text-align: right
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.text-right--tablet-only {
|
||
text-align: right
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.text-right--tablet-down {
|
||
text-align: right
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.text-right--desktop-up {
|
||
text-align: right
|
||
}
|
||
}
|
||
|
||
.color-primary {
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.background-primary {
|
||
background-color: #5c6ac4
|
||
}
|
||
|
||
.background-light {
|
||
background: #f4f6f8
|
||
}
|
||
|
||
.background-lowlight {
|
||
background: #000639
|
||
}
|
||
|
||
.background-grey-darkest {
|
||
background-color: #eaeff3
|
||
}
|
||
|
||
.color-grey-darkest {
|
||
color: #eaeff3
|
||
}
|
||
|
||
.background-grey-lightest {
|
||
background-color: #dfe3e8
|
||
}
|
||
|
||
.color-grey-lightest {
|
||
color: #dfe3e8
|
||
}
|
||
|
||
.background-grey-lighter {
|
||
background-color: #c4cdd5
|
||
}
|
||
|
||
.color-grey-lighter {
|
||
color: #c4cdd5
|
||
}
|
||
|
||
.background-grey-light {
|
||
background-color: #919ea9
|
||
}
|
||
|
||
.color-grey-light {
|
||
color: #919ea9
|
||
}
|
||
|
||
.background-grey-lightish {
|
||
background-color: #64737f
|
||
}
|
||
|
||
.color-grey-lightish {
|
||
color: #64737f
|
||
}
|
||
|
||
.background-grey {
|
||
background-color: #454f59
|
||
}
|
||
|
||
.color-grey {
|
||
color: #454f59
|
||
}
|
||
|
||
.background-grey-dark {
|
||
background-color: #212b37
|
||
}
|
||
|
||
.color-grey-dark {
|
||
color: #212b37
|
||
}
|
||
|
||
.background-indigo-lightest {
|
||
background-color: #f4f5fa
|
||
}
|
||
|
||
.color-indigo-lightest {
|
||
color: #f4f5fa
|
||
}
|
||
|
||
.background-indigo-light {
|
||
background-color: #b3bcf5
|
||
}
|
||
|
||
.color-indigo-light {
|
||
color: #b3bcf5
|
||
}
|
||
|
||
.background-indigo {
|
||
background-color: #5c6ac4
|
||
}
|
||
|
||
.color-indigo {
|
||
color: #5c6ac4
|
||
}
|
||
|
||
.background-indigo-dark {
|
||
background-color: #202e78
|
||
}
|
||
|
||
.background-indigo-darkest {
|
||
background-color: #000639
|
||
}
|
||
|
||
.color-indigo-darkest {
|
||
color: #000639
|
||
}
|
||
|
||
.background-salmon-lightest {
|
||
background-color: #fae1e1
|
||
}
|
||
|
||
.color-salmon-lightest {
|
||
color: #fae1e1
|
||
}
|
||
|
||
.background-salmon-light {
|
||
background-color: #fabcbb
|
||
}
|
||
|
||
.color-salmon-light {
|
||
color: #fabcbb
|
||
}
|
||
|
||
.background-salmon {
|
||
background-color: #fb8b8a
|
||
}
|
||
|
||
.color-salmon {
|
||
color: #fb8b8a
|
||
}
|
||
|
||
.background-salmon-dark {
|
||
background-color: #a65c5b
|
||
}
|
||
|
||
.color-salmon-dark {
|
||
color: #a65c5b
|
||
}
|
||
|
||
.background-salmon-darkest {
|
||
background-color: #452626
|
||
}
|
||
|
||
.color-salmon-darkest {
|
||
color: #452626
|
||
}
|
||
|
||
.background-teal-lightest {
|
||
background-color: #e0f5f5
|
||
}
|
||
|
||
.color-teal-lightest {
|
||
color: #e0f5f5
|
||
}
|
||
|
||
.background-teal-light {
|
||
background-color: #b7ecec
|
||
}
|
||
|
||
.color-teal-light {
|
||
color: #b7ecec
|
||
}
|
||
|
||
.background-teal {
|
||
background-color: #47c1bf
|
||
}
|
||
|
||
.color-teal {
|
||
color: #47c1bf
|
||
}
|
||
|
||
.background-teal-dark {
|
||
background-color: #00848e
|
||
}
|
||
|
||
.color-teal-dark {
|
||
color: #00848e
|
||
}
|
||
|
||
.background-teal-darkest {
|
||
background-color: #003135
|
||
}
|
||
|
||
.color-teal-darkest {
|
||
color: #003135
|
||
}
|
||
|
||
.background-yellow-lightest {
|
||
background-color: #fdeed1
|
||
}
|
||
|
||
.color-yellow-lightest {
|
||
color: #fdeed1
|
||
}
|
||
|
||
.background-yellow-light {
|
||
background-color: #ffe6b3
|
||
}
|
||
|
||
.color-yellow-light {
|
||
color: #ffe6b3
|
||
}
|
||
|
||
.background-yellow {
|
||
background-color: #fdd991
|
||
}
|
||
|
||
.color-yellow {
|
||
color: #fdd991
|
||
}
|
||
|
||
.background-yellow-dark {
|
||
background-color: #cd9157
|
||
}
|
||
|
||
.color-yellow-dark {
|
||
color: #cd9157
|
||
}
|
||
|
||
.background-yellow-darkest {
|
||
background-color: #6f451f
|
||
}
|
||
|
||
.color-yellow-darkest {
|
||
color: #6f451f
|
||
}
|
||
|
||
.background-ink-lightest {
|
||
background-color: #919eab
|
||
}
|
||
|
||
.color-ink-lightest {
|
||
color: #919eab
|
||
}
|
||
|
||
.background-ink-lighter {
|
||
background-color: #ffffff
|
||
}
|
||
|
||
.color-ink-lighter {
|
||
color: #ffffff
|
||
}
|
||
|
||
.background-ink-light {
|
||
background-color: #454f5b
|
||
}
|
||
|
||
.color-ink-light {
|
||
color: #454f5b
|
||
}
|
||
|
||
.background-ink {
|
||
background-color: #212b35
|
||
}
|
||
|
||
.color-ink {
|
||
color: #212b35
|
||
}
|
||
|
||
.background-sky-lighter {
|
||
background-color: #f9fafb
|
||
}
|
||
|
||
.color-sky-lighter {
|
||
color: #f9fafb
|
||
}
|
||
|
||
.background-sky-light {
|
||
background-color: #f4f6f8
|
||
}
|
||
|
||
.color-sky-light {
|
||
color: #f4f6f8
|
||
}
|
||
|
||
.background-sky {
|
||
background-color: #dfe3e8
|
||
}
|
||
|
||
.color-sky {
|
||
color: #dfe3e8
|
||
}
|
||
|
||
.background-sky-dark {
|
||
background-color: #c4cdd5
|
||
}
|
||
|
||
.color-sky-dark {
|
||
color: #c4cdd5
|
||
}
|
||
|
||
.background-black {
|
||
background-color: #000000
|
||
}
|
||
|
||
.color-black {
|
||
color: #000000
|
||
}
|
||
|
||
.background-white {
|
||
background-color: #ffffff
|
||
}
|
||
|
||
.color-white {
|
||
color: #ffffff
|
||
}
|
||
|
||
.background-green {
|
||
background-color: #58b44b
|
||
}
|
||
|
||
.color-green {
|
||
color: #58b44b
|
||
}
|
||
|
||
.background-red {
|
||
background-color: #eb644d
|
||
}
|
||
|
||
.color-red {
|
||
color: #eb644d
|
||
}
|
||
|
||
.background-facebook {
|
||
background-color: #385a98
|
||
}
|
||
|
||
.color-facebook {
|
||
color: #385a98
|
||
}
|
||
|
||
.background-twitter {
|
||
background-color: #55acee
|
||
}
|
||
|
||
.color-twitter {
|
||
color: #55acee
|
||
}
|
||
|
||
.background-linkedin {
|
||
background-color: #0976b4
|
||
}
|
||
|
||
.color-linkedin {
|
||
color: #0976b4
|
||
}
|
||
|
||
.background-pinterest {
|
||
background-color: #bd081c
|
||
}
|
||
|
||
.color-pinterest {
|
||
color: #bd081c
|
||
}
|
||
|
||
.background-blue-lightest {
|
||
background-color: #f6fafd
|
||
}
|
||
|
||
.color-blue-lightest {
|
||
color: #f6fafd
|
||
}
|
||
|
||
.background-blue-lighter {
|
||
background-color: #00baff
|
||
}
|
||
|
||
.color-blue-lighter {
|
||
color: #00baff
|
||
}
|
||
|
||
.background-blue-light {
|
||
background-color: #479ccf
|
||
}
|
||
|
||
.color-blue-light {
|
||
color: #479ccf
|
||
}
|
||
|
||
.background-blue {
|
||
background-color: #368aa9
|
||
}
|
||
|
||
.color-blue {
|
||
color: #368aa9
|
||
}
|
||
|
||
.background-blue-dark {
|
||
background-color: #206882
|
||
}
|
||
|
||
.color-blue-dark {
|
||
color: #206882
|
||
}
|
||
|
||
.background-slate {
|
||
background-color: #30373b
|
||
}
|
||
|
||
.color-slate {
|
||
color: #30373b
|
||
}
|
||
|
||
.background-slate-dark {
|
||
background-color: #2a2c2e
|
||
}
|
||
|
||
.color-slate-dark {
|
||
color: #2a2c2e
|
||
}
|
||
|
||
.background-slate-darkest {
|
||
background-color: #222222
|
||
}
|
||
|
||
.color-slate-darkest {
|
||
color: #222222
|
||
}
|
||
|
||
.marketing-nav__primary {
|
||
border-bottom: 0
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.marketing-nav__primary {
|
||
background-color: transparent
|
||
}
|
||
}
|
||
|
||
.marketing-nav__logo__academy {
|
||
width: 14.75em;
|
||
height: 2em;
|
||
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath id='a' d='M.344.392h14.709v19.82H.344z'/%3e%3cpath id='c' d='M0 .163h19.26V31.79H0z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M39.592 18.452c-.984-.53-1.49-.975-1.49-1.589 0-.78.702-1.282 1.8-1.282 1.277 0 2.418.53 2.418.53l.9-2.732s-.828-.642-3.262-.642c-3.39 0-5.738 1.924-5.738 4.628 0 1.533 1.097 2.704 2.56 3.54 1.18.67 1.603 1.144 1.603 1.84 0 .725-.591 1.31-1.688 1.31-1.634 0-3.178-.836-3.178-.836l-.956 2.732s1.426.948 3.825.948c3.488 0 5.99-1.7 5.99-4.767 0-1.645-1.265-2.815-2.784-3.68M53.485 12.71c-1.715 0-3.065.808-4.106 2.035l-.056-.028 1.49-7.722h-3.88l-3.77 19.653h3.882l1.294-6.718c.506-2.537 1.828-4.098 3.065-4.098.872 0 1.21.585 1.21 1.422 0 .53-.056 1.17-.17 1.7l-1.462 7.694h3.882l1.518-7.945c.169-.836.282-1.84.282-2.509 0-2.174-1.154-3.484-3.179-3.484M63.526 23.972c-1.322 0-1.884-1.115-1.884-2.51 0-2.201 1.153-5.798 3.262-5.798 1.378 0 1.828 1.171 1.828 2.315 0 2.369-1.153 5.993-3.206 5.993m1.913-11.262c-4.67 0-7.763 4.181-7.763 8.837 0 2.982 1.856 5.38 5.344 5.38 4.584 0 7.678-4.07 7.678-8.837 0-2.76-1.632-5.38-5.26-5.38M76.913 24.028c-1.007 0-1.603-.558-1.603-.558l.647-3.596c.45-2.398 1.716-3.986 3.066-3.986 1.181 0 1.546 1.087 1.546 2.118 0 2.481-1.49 6.022-3.656 6.022m3.713-11.318c-2.62 0-4.106 2.286-4.106 2.286h-.056l.224-2.063h-3.43a81.247 81.247 0 0 1-.788 5.101l-2.7 14.078h3.881l1.069-5.687h.084s.797.502 2.278.502c4.557 0 7.538-4.628 7.538-9.311 0-2.592-1.154-4.906-3.994-4.906M90.16 7.19a2.205 2.205 0 0 0-2.222 2.23c0 1.143.732 1.924 1.829 1.924h.056c1.21 0 2.25-.809 2.278-2.23 0-1.115-.76-1.924-1.94-1.924M84.732 26.648h3.881l2.644-13.632h-3.91zM101.128 12.989h-2.7l.141-.642c.225-1.31 1.013-2.48 2.307-2.48.69 0 1.237.194 1.237.194l.76-3.01s-.676-.335-2.11-.335c-1.378 0-2.756.39-3.797 1.282-1.322 1.115-1.94 2.732-2.25 4.35l-.113.64h-1.799l-.563 2.9h1.8l-2.053 10.76h3.881l2.053-10.76h2.672l.534-2.9z' fill='%23000'/%3e%3cg transform='translate(99.463 12.624)'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cpath d='M11.003.392s-2.426 6.06-3.515 9.367h-.056C7.357 8.694 6.475.392 6.475.392H2.397l2.335 12.517c.056.279.028.446-.085.64-.45.865-1.21 1.702-2.11 2.315-.73.53-1.546.864-2.193 1.087l1.069 3.262c.787-.168 2.419-.809 3.797-2.091 1.772-1.645 3.403-4.182 5.09-7.639L15.053.392h-4.05z' fill='%23000' mask='url(%23b)'/%3e%3c/g%3e%3cpath d='M18.479 32.024l9.607-2.07S24.621 6.736 24.599 6.577a.308.308 0 0 0-.278-.258c-.116-.01-2.571-.189-2.571-.189s-1.705-1.678-1.892-1.864a.41.41 0 0 0-.163-.095l-1.216 27.853z' fill='%23000'/%3e%3cg transform='translate(0 .25)'%3e%3cmask id='d' fill='%23fff'%3e%3cuse xlink:href='%23c'/%3e%3c/mask%3e%3cpath d='M15.293 2.206c.911.114 1.518 1.142 1.909 2.324l-1.541.473v-.33c0-1.01-.14-1.822-.368-2.467zM13.65 15.064s-1.067-.564-2.374-.564c-1.916 0-2.012 1.192-2.012 1.493 0 1.639 4.31 2.266 4.31 6.105 0 3.02-1.933 4.965-4.539 4.965-3.127 0-4.726-1.93-4.726-1.93l.837-2.74S6.79 23.79 8.176 23.79c.906 0 1.275-.708 1.275-1.224 0-2.138-3.536-2.233-3.536-5.746 0-2.957 2.141-5.818 6.463-5.818 1.665 0 2.488.473 2.488.473l-1.217 3.588zm-.71-13.806c.178 0 .357.06.528.177-1.32.616-2.735 2.167-3.333 5.263l-2.515.773c.7-2.362 2.361-6.213 5.32-6.213zm1.642 3.899v.177l-3.184.977c.613-2.345 1.762-3.477 2.766-3.905.254.63.418 1.533.418 2.751zm4.678-1.25a1.014 1.014 0 0 0-.096.022l-.954.292c-.57-1.624-1.575-3.117-3.343-3.117-.05 0-.1.002-.15.005-.503-.66-1.126-.946-1.664-.946-4.119 0-6.087 5.105-6.704 7.698l-2.883.886c-.893.278-.921.306-1.039 1.14C2.338 10.52 0 28.44 0 28.44l18.041 3.35L19.26 3.908z' fill='%23000' mask='url(%23d)'/%3e%3c/g%3e%3cpath d='M127.408 14.14c-.311-.112-.793-.197-1.644-.197-3.913 0-6.975 4.329-7.003 8.573-.029 1.77.481 3.344 2.325 3.344 2.211 0 4.706-3.289 5.359-6.774l.963-4.945zm-1.814 12.506c-.029-.814.141-2.107.34-3.625h-.057c-1.559 2.98-3.289 3.907-5.075 3.907-2.07 0-3.317-1.687-3.317-4.103 0-4.61 3.317-9.95 8.59-9.95.965 0 2.042.141 2.75.394l-1.445 7.25c-.482 2.53-.652 4.694-.595 6.127h-1.191zM137.588 26.169c-.567.281-1.786.73-3.43.73-3.29 0-4.452-2.388-4.452-4.946 0-4.16 2.864-9.077 7.542-9.077 1.077 0 2.07.337 2.353.562l-.425 1.04A4.937 4.937 0 0 0 137.05 14c-3.8 0-6.068 4.328-6.068 7.813 0 2.332.964 4.019 3.43 4.019 1.191 0 2.212-.394 2.892-.731l.284 1.068zM149.526 14.14c-.312-.112-.794-.197-1.645-.197-3.913 0-6.975 4.329-7.003 8.573-.029 1.77.482 3.344 2.325 3.344 2.211 0 4.707-3.289 5.359-6.774l.964-4.945zm-1.815 12.506c-.028-.814.142-2.107.34-3.625h-.057c-1.559 2.98-3.288 3.907-5.075 3.907-2.07 0-3.317-1.687-3.317-4.103 0-4.61 3.317-9.95 8.591-9.95.964 0 2.042.141 2.75.394l-1.445 7.25c-.483 2.53-.653 4.694-.596 6.127h-1.19zM161.974 14.618c-.482-.393-1.248-.675-2.297-.675-3.573 0-6.238 4.413-6.238 8.291 0 1.687.454 3.626 2.61 3.626 1.87 0 4.252-2.193 4.876-5.565l1.049-5.677zm2.722-7.785L161.69 22.6c-.227 1.264-.482 2.894-.539 4.046h-1.162l.397-2.754h-.057c-1.077 1.827-2.665 3.036-4.621 3.036-2.439 0-3.544-2.109-3.544-4.553 0-4.75 3.289-9.5 7.683-9.5.907 0 1.872.225 2.41.563l1.22-6.605h1.219zM173.373 15.855c0-1.237-.85-1.911-2.126-1.911-2.099 0-3.97 2.248-4.82 5.17 3.544.03 6.946-.561 6.946-3.231v-.028zm-.539 10.033c-.709.478-2.013 1.011-3.714 1.011-3.176 0-4.282-2.473-4.282-5.058 0-3.878 2.75-8.965 6.635-8.965 2.24 0 3.176 1.433 3.176 2.95 0 3.43-3.97 4.385-8.42 4.357-.143.618-.171 2.388.112 3.372.483 1.518 1.531 2.277 2.977 2.277 1.503 0 2.524-.534 3.147-.9l.37.956zM175.358 26.647l1.787-9.528c.34-1.601.51-2.923.623-3.962h1.134l-.368 2.614h.057c1.247-1.94 2.835-2.895 4.451-2.895 1.872 0 2.779 1.265 2.864 3.063 1.19-2.023 2.807-3.035 4.678-3.063 1.333 0 2.949.927 2.949 3.203 0 .675-.085 1.462-.227 2.277l-1.588 8.29H190.5l1.587-8.318c.114-.562.2-1.265.2-1.94 0-1.49-.568-2.416-2.128-2.416-1.814 0-4.025 2.107-4.593 5.143l-1.417 7.532h-1.22l1.617-8.46a8.426 8.426 0 0 0 .198-1.855c0-1.18-.34-2.36-2.155-2.36-1.758 0-4.11 2.445-4.621 5.283l-1.39 7.392h-1.219zM197.05 13.157l1.361 8.15c.283 1.518.425 2.445.567 3.682h.057c.397-.984.879-2.024 1.53-3.401l3.885-8.431h1.304L200.68 23.92c-1.219 2.641-2.495 5.03-4.366 6.8-1.276 1.265-2.552 1.828-3.204 1.996l-.368-1.068c.538-.225 1.53-.646 2.466-1.434.907-.73 2.013-2.079 2.75-3.54.142-.253.114-.422.086-.675l-2.24-12.843h1.247z' fill='%23000'/%3e%3c/g%3e%3c/svg%3e")
|
||
}
|
||
|
||
.drawer {
|
||
display: initial;
|
||
visibility: visible
|
||
}
|
||
|
||
.mobile-nav__overlay {
|
||
display: none
|
||
}
|
||
|
||
.js-drawer-open .mobile-nav__overlay {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
display: block;
|
||
width: 100%;
|
||
height: 100vh;
|
||
z-index: 999;
|
||
background-color: rgba(0, 0, 0, 0.7)
|
||
}
|
||
|
||
@font-face {
|
||
font-family: 'Messina Serif';
|
||
src: url("https://cdn.shopify.com/shopify-marketing_assets/static/MessinaSerif-Regular.woff2") format("woff2"), url("https://cdn.shopify.com/shopify-marketing_assets/static/MessinaSerif-Regular.woff") format("woff");
|
||
font-weight: 400;
|
||
font-style: normal
|
||
}
|
||
|
||
@font-face {
|
||
font-family: 'Messina Serif';
|
||
src: url("https://cdn.shopify.com/shopify-marketing_assets/static/MessinaSerif-SemiBold.woff2") format("woff2"), url("https://cdn.shopify.com/shopify-marketing_assets/static/MessinaSerif-SemiBold.woff") format("woff");
|
||
font-weight: 600;
|
||
font-style: normal
|
||
}
|
||
|
||
.heading--hero {
|
||
font-size: calc(3em + 2px);
|
||
margin-bottom: 15px
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.heading--hero {
|
||
font-size: calc(5.25em + 2px)
|
||
}
|
||
}
|
||
|
||
.heading--course-title {
|
||
font-family: Messina Serif, serif;
|
||
font-size: calc(2.5em + 2px)
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.heading--course-title {
|
||
font-size: calc(4.0625em + 2px)
|
||
}
|
||
}
|
||
|
||
.decorative-font {
|
||
font-weight: 600;
|
||
font-family: Messina Serif, serif
|
||
}
|
||
|
||
.border-bottom {
|
||
border-bottom: 1px solid #dfe3e8
|
||
}
|
||
|
||
.border-top {
|
||
border-top: 1px solid #dfe3e8
|
||
}
|
||
|
||
.font-weight--bold {
|
||
font-weight: 700
|
||
}
|
||
|
||
.visuallyhidden {
|
||
border: 0;
|
||
clip: rect(0 0 0 0);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px
|
||
}
|
||
|
||
.uk-progress {
|
||
background: #f4f5fa
|
||
}
|
||
|
||
.uk-progress-bar {
|
||
background: #5c6ac4
|
||
}
|
||
|
||
.s1 {
|
||
font-size: calc(1.125em + 2px)
|
||
}
|
||
|
||
.page-wrapper::after {
|
||
height: 0
|
||
}
|
||
|
||
.progress-text {
|
||
font-weight: 600;
|
||
margin-bottom: 15px
|
||
}
|
||
|
||
.cover-outline-section-activities li::after {
|
||
left: 12px
|
||
}
|
||
|
||
.section-hero {
|
||
padding: 0
|
||
}
|
||
|
||
.course-cover-button {
|
||
font-weight: 700;
|
||
color: #ffffff;
|
||
padding: 0.8125em 2.5em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.course-module__container {
|
||
margin-bottom: 60px
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image {
|
||
background-size: cover;
|
||
background-position: bottom
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.course-cover__background-image {
|
||
min-height: 34.375em;
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-align: center;
|
||
-webkit-align-items: center;
|
||
-ms-flex-align: center;
|
||
align-items: center;
|
||
background-position: center
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image {
|
||
min-height: 90vh
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.course-cover__background-image {
|
||
height: auto;
|
||
padding-bottom: 100%
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.course-cover__content {
|
||
margin-top: 60px
|
||
}
|
||
}
|
||
|
||
.grid__item-about p {
|
||
margin-bottom: 30px
|
||
}
|
||
|
||
.grid__item-about ul {
|
||
list-style: disc;
|
||
margin-bottom: 30px
|
||
}
|
||
|
||
.grid__item-about li {
|
||
margin-left: 45px
|
||
}
|
||
|
||
.course-cover__background-image--default {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-hobby-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--default {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-hobby-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--default {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-hobby-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--dropshipping {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-dropshipping-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--dropshipping {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-dropshipping-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--dropshipping {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-dropshipping-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--start {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-shopify-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--start {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-shopify-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--start {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-shopify-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--print {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-print-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--print {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-print-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--print {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-print-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--hobby {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-hobby-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--hobby {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-hobby-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--hobby {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-hobby-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--instagram {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-instagram-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--instagram {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-instagram-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--instagram {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-instagram-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--photography {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-photography-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--photography {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-photography-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--photography {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-photography-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--email {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-email-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--email {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-email-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--email {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-email-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--online-store {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-online-store-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--online-store {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-online-store-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--online-store {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-online-store-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--seo {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-seo-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--seo {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-seo-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--seo {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-seo-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--facebook-advertising {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-facebook-advertising-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--facebook-advertising {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-facebook-advertising-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--facebook-advertising {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-facebook-advertising-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--google {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-google-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--google {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-google-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--google {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-google-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--daymond-john-goal-setting {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-daymond-john-goal-setting-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--daymond-john-goal-setting {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-daymond-john-goal-setting-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--daymond-john-goal-setting {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-daymond-john-goal-setting-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
.course-cover__background-image--advanced-facebook-advertising {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-advanced-facebook-advertising-mobile.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.course-cover__background-image--advanced-facebook-advertising {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-advanced-facebook-advertising-desktop.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.course-cover__background-image--advanced-facebook-advertising {
|
||
background-image: url("https://cdn.shopify.com/shopify-marketing_assets/static/images/shopify-academy-advanced-facebook-advertising-tablet.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.course-cover__background-image--advanced-facebook-advertising {
|
||
padding-bottom: 108%
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.workshop-cover {
|
||
padding-top: 0;
|
||
padding-bottom: 0
|
||
}
|
||
}
|
||
|
||
.workshop-cover__container {
|
||
min-height: 70vh;
|
||
padding-right: 0
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.workshop-cover__container {
|
||
padding-left: 0
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.workshop-cover__container {
|
||
min-height: 90vh;
|
||
padding-top: 3.125em;
|
||
padding-bottom: 3.125em
|
||
}
|
||
}
|
||
|
||
.workshop-cover__image-container {
|
||
padding-right: 0
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.workshop-cover__heading {
|
||
padding-left: 5%;
|
||
padding-right: 5%
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.workshop-cover__heading {
|
||
font-size: calc(3.875em + 2px);
|
||
margin-bottom: 0.5em
|
||
}
|
||
}
|
||
|
||
.workshop-cover__subhead {
|
||
font-weight: 400;
|
||
font-size: calc(1.5em + 2px);
|
||
margin-bottom: 45px;
|
||
line-height: 1.4
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.workshop-cover__subhead {
|
||
padding-left: 5%;
|
||
padding-right: 5%
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.workshop-cover__subhead {
|
||
margin-bottom: 3.125em
|
||
}
|
||
}
|
||
|
||
.workshop-cover__button {
|
||
background-color: #ffffff;
|
||
color: #5c6ac4;
|
||
font-weight: 700;
|
||
padding: 0.8125em 2.5em
|
||
}
|
||
|
||
.workshop-cover__button:hover,
|
||
.workshop-cover__button:focus,
|
||
.workshop-cover__button:active {
|
||
background-color: #5c6ac4;
|
||
color: #ffffff
|
||
}
|
||
|
||
body {
|
||
background: #eaeff3;
|
||
max-width: 1600px;
|
||
margin: 0 auto
|
||
}
|
||
|
||
.header-lines {
|
||
position: absolute;
|
||
height: 460px;
|
||
right: 0;
|
||
top: 0;
|
||
background: -webkit-repeating-linear-gradient(bottom, #f4f5fa, #f4f5fa 45px, #dfe3e8 45px, #dfe3e8 46px);
|
||
background: repeating-linear-gradient(0deg, #f4f5fa, #f4f5fa 45px, #dfe3e8 45px, #dfe3e8 46px)
|
||
}
|
||
|
||
.styled-links {
|
||
padding-bottom: 0.3125em;
|
||
display: inline-block;
|
||
position: relative
|
||
}
|
||
|
||
.styled-links::before {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
display: block;
|
||
width: 0;
|
||
height: 2px;
|
||
background: #5c6ac4
|
||
}
|
||
|
||
.styled-links::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
display: block;
|
||
width: 0;
|
||
height: 2px;
|
||
background: #ffffff
|
||
}
|
||
|
||
.styled-links-container {
|
||
font-weight: 700
|
||
}
|
||
|
||
.styled-links-container:hover .styled-links::before {
|
||
width: 100%;
|
||
-webkit-transition: width 0.3s;
|
||
transition: width 0.3s
|
||
}
|
||
|
||
.styled-links-container:hover .styled-links::after {
|
||
width: 86%;
|
||
-webkit-transition: width 0.3s;
|
||
transition: width 0.3s;
|
||
-webkit-transition-delay: 0.2s;
|
||
transition-delay: 0.2s
|
||
}
|
||
|
||
.back-to-top__link {
|
||
position: absolute;
|
||
font-weight: 700;
|
||
top: 0.875em;
|
||
right: 5.625em
|
||
}
|
||
|
||
.back-to-top__link .styled-links-container:hover .styled-links::after {
|
||
width: 85%;
|
||
background: #f4f6f8
|
||
}
|
||
|
||
.back-to-top__arrow {
|
||
margin-left: 0.3125em;
|
||
vertical-align: middle
|
||
}
|
||
|
||
.card__arrow {
|
||
margin-left: 0.625em;
|
||
vertical-align: middle
|
||
}
|
||
|
||
.card-shadow {
|
||
-webkit-box-shadow: 0 90px 60px -40px rgba(0, 0, 0, 0.4);
|
||
box-shadow: 0 90px 60px -40px rgba(0, 0, 0, 0.4)
|
||
}
|
||
|
||
.section__hero {
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
margin-top: 30px
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.section__hero {
|
||
margin-top: 30px
|
||
}
|
||
}
|
||
|
||
.hero__image {
|
||
height: 34.375em;
|
||
background-position: bottom;
|
||
background-size: cover;
|
||
background-image: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/images/hhHeaderV3.jpg")
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.hero__image {
|
||
background-image: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/images/hhHeaderV3.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.hero__image {
|
||
height: auto;
|
||
padding-bottom: 25%;
|
||
background-image: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/images/hhHeaderV3.jpg")
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.hero__subhead {
|
||
line-height: 1.5
|
||
}
|
||
}
|
||
|
||
.main-library__heading-container {
|
||
margin-bottom: 90px
|
||
}
|
||
|
||
.course-details__item {
|
||
margin-bottom: 120px
|
||
}
|
||
|
||
.course-details__image {
|
||
margin-bottom: 30px
|
||
}
|
||
|
||
.course-details__name {
|
||
margin-bottom: 0;
|
||
min-height: 3.625em
|
||
}
|
||
|
||
.course-details__desc {
|
||
min-height: 6em
|
||
}
|
||
|
||
.course-details__seperator {
|
||
display: block;
|
||
height: 1px;
|
||
border: 0;
|
||
border-top: 1px solid #dfe3e8;
|
||
margin: 15px 0;
|
||
padding: 0
|
||
}
|
||
|
||
.course-details__progress-text {
|
||
margin-left: 15px
|
||
}
|
||
|
||
.wistia_click_to_play {
|
||
display: inline
|
||
}
|
||
|
||
.workshops-header {
|
||
position: relative;
|
||
margin-bottom: 7.5em
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.workshops-header {
|
||
margin-bottom: 6.25em
|
||
}
|
||
}
|
||
|
||
.workshops__featured {
|
||
margin-bottom: 45px
|
||
}
|
||
|
||
.workshop-details__image-container {
|
||
position: relative
|
||
}
|
||
|
||
.workshop-details__date {
|
||
position: absolute;
|
||
background-color: #ffffff;
|
||
padding: 1.25em 1.5625em;
|
||
bottom: 0;
|
||
left: 0
|
||
}
|
||
|
||
.workshop-details__item {
|
||
margin-bottom: 60px
|
||
}
|
||
|
||
.workshop-details__content {
|
||
padding: 30px 1.5625em;
|
||
min-height: 13.75em
|
||
}
|
||
|
||
.workshop-details__link {
|
||
border-top: 1px solid #f4f6f8;
|
||
padding: 1.25em 1.5625em;
|
||
background-color: #ffffff
|
||
}
|
||
|
||
.workshop__item {
|
||
padding-top: 1.25em;
|
||
padding-bottom: 1.25em
|
||
}
|
||
|
||
.workshop__item:hover {
|
||
background-color: #ffffff
|
||
}
|
||
|
||
.workshop__table-heading-wrapper {
|
||
padding-top: 1.25em;
|
||
padding-bottom: 0.625em
|
||
}
|
||
|
||
.workshop__course-title-text {
|
||
font-weight: 700;
|
||
color: #5c6ac4
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.workshop__course-title-text {
|
||
max-width: 80%;
|
||
margin-bottom: 0.625em
|
||
}
|
||
}
|
||
|
||
.workshop__course-title-arrow {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 15px
|
||
}
|
||
|
||
@media screen and (min-width: 67.5em) {
|
||
.workshop__course-title-arrow {
|
||
display: none
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 750px) and (max-width: 1300px) {
|
||
.workshop__course-title-arrow {
|
||
right: 0
|
||
}
|
||
}
|
||
|
||
.workshop__course-title-wrapper {
|
||
position: relative
|
||
}
|
||
|
||
.workshop__course-title-wrapper:hover .workshop__course-title-arrow,
|
||
.workshop__course-title-wrapper:active .workshop__course-title-arrow {
|
||
display: block
|
||
}
|
||
|
||
.workshop__course-title-container {
|
||
max-width: 220px
|
||
}
|
||
|
||
.workshop__course-information {
|
||
color: #454f5b
|
||
}
|
||
|
||
.workshop__course-information p {
|
||
color: #454f5b
|
||
}
|
||
|
||
@media screen and (max-width: 67.4375em) {
|
||
.workshop__course-information {
|
||
font-size: calc(0.875em + 2px)
|
||
}
|
||
}
|
||
|
||
.workshop__course-kicker {
|
||
font-size: calc(0.625em + 2px);
|
||
text-transform: uppercase;
|
||
margin-bottom: 0.625em
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.workshop__secondary-content {
|
||
margin-top: 0.625em
|
||
}
|
||
}
|
||
|
||
.templates-header {
|
||
position: relative;
|
||
margin-bottom: 6.25em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
|
||
.templates-header {
|
||
margin-bottom: 6.5625em
|
||
}
|
||
}
|
||
|
||
.templates-card {
|
||
margin-bottom: 45px;
|
||
-webkit-box-shadow: 0 28px 54px -42px rgba(0, 0, 0, 0.4);
|
||
box-shadow: 0 28px 54px -42px rgba(0, 0, 0, 0.4)
|
||
}
|
||
|
||
.templates-card__content {
|
||
padding: 30px;
|
||
min-height: 12.5em
|
||
}
|
||
|
||
.templates-card__description {
|
||
color: #454f5b
|
||
}
|
||
|
||
.templates-card__link-container {
|
||
border-top: 1px solid #f4f6f8;
|
||
padding: 1.25em 30px;
|
||
font-weight: 700;
|
||
line-height: 1.3;
|
||
padding-right: 0.3125em;
|
||
background-color: #ffffff
|
||
}
|
||
|
||
.template-card__link-icon {
|
||
margin-left: 0.3125em
|
||
}
|
||
|
||
.templates-card__link-section .styled-links-container:hover .styled-links::after {
|
||
width: calc(100% - 0.9375em)
|
||
}
|
||
|
||
.footer-bottom {
|
||
background-color: #000639
|
||
}
|
||
|
||
.footer-bottom__academy-logo--light {
|
||
height: 4.0625em
|
||
}
|
||
|
||
@media screen and (min-width: 46.875em) {
|
||
.footer-bottom__academy-logo--light {
|
||
height: 2.8125em
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 46.8125em) {
|
||
.footer-bottom__academy-logo--light .shopify-academy__footer-svg {
|
||
right: auto;
|
||
width: 11.0625em;
|
||
-webkit-transform: translateX(-50%);
|
||
-ms-transform: translateX(-50%);
|
||
transform: translateX(-50%)
|
||
}
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir.ttc") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next.ttc") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-condensed";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next+Condensed.ttc") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-bold";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Bold.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-cn-it";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-CnIt.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-demi";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Demi.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-heavy";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Heavy.ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "avenir-next-lt-pro-regular";
|
||
src: url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Regular.ttf") format("truetype");
|
||
}
|
||
|
||
body {
|
||
font-family: "avenir", sans-serif !important;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-family: "avenir", sans-serif !important;
|
||
}
|
||
|
||
.uk-navbar-nav>li>a {
|
||
font-family: "avenir", sans-serif !important;
|
||
}
|
||
|
||
|
||
/*HH colors*/
|
||
|
||
.fa-stopwatch {
|
||
color: #FBCE20 !important;
|
||
}
|
||
|
||
.sess-view {
|
||
color: #0C653A !important;
|
||
border-color: #0C653A !important;
|
||
border: 3px solid !important;
|
||
font-weight: bolder;
|
||
}
|
||
|
||
.filled-button {
|
||
font-weight: bolder;
|
||
color: white !important;
|
||
background-color: #0C653A !important;
|
||
border-color: #0C653A !important;
|
||
border: 3px solid #0C653A !important;
|
||
}
|
||
|
||
.white-text {
|
||
color: white !important;
|
||
}
|
||
|
||
.more-sess {
|
||
color: lightgray !important;
|
||
border-color: transparent !important;
|
||
border: 0px solid !important;
|
||
font-weight: bolder;
|
||
}
|
||
|
||
p[class*="carousel-change"] {
|
||
float: right;
|
||
padding: 18px;
|
||
color:#0061df;
|
||
font-size: calc(1em + 2px);
|
||
}
|
||
</style> |