/* HELPERS */ [x-cloak] { display: none; } /* BUILD BORDERS */ /* .bb-red {border: solid red 1px;} .bb-blue {border: solid blue 1px;} .bb-green {border: solid green 1px;} .bb-yellow {border: solid yellow 1px;} .bb-pink {border: solid pink 1px;} .bb-dashed {border: dashed black 1px;} */ .body-min-width {min-width: 290px; overflow: scroll; } .brpnt2xl{ display: none;} @media only screen and (min-width:2000px) and (max-width: 5000px) { .brpnt2xl{display: block}} .brpnt-xl{ display: none; } @media only screen and (min-width:1260px) and (max-width: 1999px) { .brpnt-xl{display: block }} .brpntlg{ display: none;} @media only screen and (min-width: 992px) and (max-width: 1259px) { .brpntlg{display: block}} .brpntmd{ display: none;} @media only screen and (min-width: 768px) and (max-width: 991px) { .brpntmd{display: block}} .brpntsm{ display: none;} @media only screen and (min-width: 576px) and (max-width: 767px) { .brpntsm{display: block}} .brpntxs{ display: none;} @media only screen and (min-width: 321px) and (max-width: 575px) { .brpntxs{display: block}} .brpnt2xs{ display: none;} @media only screen and (max-width: 320px) { .brpnt2xs{display: block}} .voa-min-width {min-width:319px;} .voa-width { /* border: solid red 1px; */ margin-left: auto; margin-right: auto; max-width: 1600px; min-width: 280px; } /* @media $2xl {width: 1999px; border: dashed black 1px;} @media $xl {width: 1280px; border: dashed red 1px;} @media $lg {width: 980px; border: solid blue 1px;} @media $md {width: 750px; border: solid yellow 1px;} @media $sm {width: 560px; border: solid green 1px;} @media $xs {width: 90%; border: dashed yellow 1px;} @media $2xs {width: 96%; border: solid blue 1px;} */ @media only screen and (min-width:2000px) and (max-width: 5000px) { .voa-width {width: 1999px }} @media only screen and (min-width:1260px) and (max-width: 1999px) { .voa-width {width: 1240px }} @media only screen and (min-width: 992px) and (max-width: 1259px) { .voa-width {width: 970px }} @media only screen and (min-width: 768px) and (max-width: 991px) { .voa-width {width: 750px }} @media only screen and (min-width: 576px) and (max-width: 767px) { .voa-width {width: 560px }} @media only screen and (min-width: 321px) and (max-width: 575px) { .voa-width {width: 90% }} @media only screen and (max-width: 320px) { .voa-width {width: 96% }} .voa-width.narrow-1 { max-width: 1200px; } @media only screen and (min-width:2000px) and (max-width: 5000px) { .voa-width.narrow-1 {width: 1600px }} @media only screen and (min-width:1260px) and (max-width: 1999px) { .voa-width.narrow-1 {width: 970px }} @media only screen and (min-width: 992px) and (max-width: 1259px) { .voa-width.narrow-1 {width: 780px }} @media only screen and (min-width: 768px) and (max-width: 991px) { .voa-width.narrow-1 {width: 550px }} .voa-width.narrow-2 { max-width: 1200px; } @media only screen and (min-width:2000px) and (max-width: 5000px) { .voa-width.narrow-2 {width: 1069px }} @media only screen and (min-width:1260px) and (max-width: 1999px) { .voa-width.narrow-2 {width: 830px }} @media only screen and (min-width: 992px) and (max-width: 1259px) { .voa-width.narrow-2 {width: 646px }} @media only screen and (min-width: 768px) and (max-width: 991px) { .voa-width.narrow-2 {width: 500px }} .voa-child-narrow-2 { background-color: pink; display: flex; } @media only screen and (min-width:2000px) and (max-width: 5000px) { .voa-child-narrow-2 { margin-left: calc(-800px + 50%); width: 1600px } } @media only screen and (min-width:1260px) and (max-width: 1999px) { .voa-child-narrow-2 { margin-left: calc(-534px + 50%); width: 1069px } } @media only screen and (min-width: 992px) and (max-width: 1259px) { .voa-child-narrow-2 { margin-left: calc(-415px + 50%); width: 830px } } @media only screen and (min-width: 768px) and (max-width: 991px) { .voa-child-narrow-2 { margin-left: calc(-323px + 50%); width: 646px } } #framed { /* border: solid red 1px; margin: 0 auto; */ } @media only screen and (min-width:2000px) and (max-width: 5000px) { #framed .voa-width {transform: translateX(10px) }} @media only screen and (min-width:1260px) and (max-width: 1999px) { #framed .voa-width {transform: translateX(30px) }} @media only screen and (min-width: 992px) and (max-width: 1259px) { #framed .voa-width {transform: translateX(10px) }} @media only screen and (min-width: 768px) and (max-width: 991px) { #framed .voa-width {transform: translateX(10px) }} html.scroll-smooth { scroll-behavior: smooth; } .scroll-mt-6 { scroll-margin-top: 1.5rem; /* 24px */ } .resp-br { display: block; } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .resp-br { display: none } } .ctct-form-embed .ctct-form-defaults { background-color: transparent !important; max-width: 510px; } div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text { display: none; } .ctct-form-embed #email_address_label_3 { display: none; } .ctct-form-embed input#email_address_3 { background-color: #FFFDF6; background-image: url("data:image/svg+xml;utf8,Enter your email address"); background-repeat: no-repeat; } .ctct-form-embed input#email_address_3:focus { background-image: none; } .ctct-inline-form .g-recaptcha { display: none !important } input.styled { border-radius: 0px; } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { input.styled { padding: 1% 3%; font-size: 14px; min-height: 30px; line-height: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { input.styled { padding: 1% 3%; font-size: 16px; min-height: 50px; line-height: 20px; } } input.styled { transition: background-color 0.2s; border: 1px solid #fff; width: 100%; } /* .search_txt[type="text"] { border: 1px solid #ccc; border-radius: 4px; margin: 10px 0; padding: 3px 0 3px 16px; width: 300px; } */ .search-submit { outline: none; position: relative; } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .search-submit {padding: 6px 30px; font-size:14px; }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { .search-submit {padding: 12px 60px; font-size:16px; }} .search-submit { border: none; background: #A52117; color: #fff; border: 1px solid #fff; } .search-submit:hover { background: #000; cursor: pointer; } /* .search-listing .voa-body-copy b {background-color: yellow;} */ .txt[type="text"] { border: 1px solid #ccc; border-radius: 4px; margin: 10px 0; padding: 15px 0 15px 15px; width: 100%; } .txt_1[type="text"] { border: 1px solid #ccc; border-radius: 4px; margin: 0; padding: 4%; min-height: 150px; width: 100%; background-color: #FFFDF6; } .txt_1[type="text"]::-moz-placeholder { font-style: italic; } .txt_1[type="text"]:-ms-input-placeholder { font-style: italic; } .txt_1[type="text"]::placeholder { font-style: italic; } .txt_1[type="text"]::-webkit-input-placeholder, .txt[type="text"]::-webkit-input-placeholder { /* Chrome */ color: #000; -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } :focus::-webkit-input-placeholder { opacity: 0.5; } :-ms-input-placeholder { /* IE 10+ */ color: #000; -ms-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } :focus:-ms-input-placeholder { opacity: 0.5; } ::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1; -moz-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } :focus::-moz-placeholder { opacity: 0.5; } :-moz-placeholder { /* Firefox 4 - 18 */ color: #000; opacity: 1; -moz-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } :focus:-moz-placeholder { opacity: 0.5; } .edit-this { display: block; position: fixed; top: 15px; right: -10px; z-index: 99; padding: 2px 2px; transform: rotate(90deg); text-decoration: none; background-color: #000; color: white; font-size: 10px; font-family: "soleil", "sans-serif"; } .edit-this:hover { background-color: #FFF; color: black; border: solid black 1px; } body.body-scroll-lock { touch-action: none; overflow: hidden; } /* BACKGROUNDS */ @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { .bg-white-sand-light-hard-stop { background: linear-gradient(to bottom, #FFFFFF, #FFFFFF 20%, #F5F3EB 20%, #F5F3EB) } } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { .bg-white-sand-light-hard-stop { background: #F5F3EB } } @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { html.dark .bg-white-sand-light-hard-stop { background: linear-gradient(to bottom, #111111, #111111 20%, #3F3326 20%, #3F3326) } } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { html.dark .bg-white-sand-light-hard-stop { background: #000 } } @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { .bg-white-rain-light-hard-stop { background: linear-gradient(to bottom, #FFFFFF, #FFFFFF 20%, #E7ECF2 20%, #E7ECF2) } } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { .bg-white-rain-light-hard-stop { background: #E7ECF2 } } @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { html.dark .bg-white-rain-light-hard-stop { background: linear-gradient(to bottom, #111111, #111111 20%, #153962 20%, #153962) } } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { html.dark .bg-white-rain-light-hard-stop { background: #000 } } @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { .bg-white-sage-light-hard-stop { background: linear-gradient(to bottom, #FFFFFF, #FFFFFF 20%, #F0F3E5 20%, #F0F3E5) } } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { .bg-white-sage-light-hard-stop { background: #F0F3E5 } } @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { html.dark .bg-white-sage-light-hard-stop { background: linear-gradient(to bottom, #111111, #111111 20%, #0F431A 20%, #0F431A) } } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { html.dark .bg-white-sage-light-hard-stop { background: #000 } } .embed-responsive-libsyn-custom-player { padding-bottom: 13.25%; } @media only screen and (min-width: 992px) and (max-width: 1259px) { .embed-responsive-libsyn-custom-player { padding-bottom: 16.25% } } @media only screen and (min-width: 576px) and (max-width: 767px) { .embed-responsive-libsyn-custom-player { padding-bottom: 22.25% } } @media only screen and (min-width: 321px) and (max-width: 575px) { .embed-responsive-libsyn-custom-player { padding-bottom: 40.25% } } @media only screen and (max-width: 320px) { .embed-responsive-libsyn-custom-player { padding-bottom: 60.25% } } /* 2 orphan items */ .dl-item-center:last-child:nth-child(3n - 1) {grid-column-end: -2;} .dl-item-center:nth-last-child(2):nth-child(3n + 1) {grid-column-end: 4;} @media only screen and (min-width: 992px) and (max-width: 1259px) { .dl-item-center:last-child:nth-child(3n - 1) {grid-column-end: -2;} .dl-item-center:nth-last-child(2):nth-child(3n + 1) {grid-column-end: 4;} } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (max-width: 320px) { .dl-item-center:last-child:nth-child(3n - 1) {grid-column-end:5;} .dl-item-center:nth-last-child(2):nth-child(3n + 1) {grid-column-end:5;} } /* single orphan */ .dl-item-center:last-child:nth-child(3n - 2) {grid-column-end: 5;} .headshot-crop { /* max-width: 100px; */ height: auto; position: relative; overflow: hidden; } .round-thang { display: block; margin: 0 auto; height: 100px; width: 100px; } .ctct-inline-form {display: inline-block; width: 300px; position: relative; top: 10px; /* border: solid red 1px; */ } .ctct-inline-form .ctct-form-embed div.ctct-form-defaults {padding: 0; /* border: solid yellow 1px; */ } .ctct-inline-form div.ctct-form-field {margin: 0; /* border: solid black 1px; */ } .ctct-inline-form #email_address_field_0 {margin: 0;} .ctct-inline-form #email_address_field_0 label {display: none; /* border: solid green 1px; */ } .ctct-inline-form input#email_address_0 { /* border: solid yellow 1px; */ } .ctct-inline-form input#email_address_0 input {width:200px;} .ctct-inline-form #ctct_form_0 > button {width:100px; height: 49px; margin-left: 10px; display: inline-block; border: #333333; background-color: #333333; /* border: solid red 1px; */ } .ctct-inline-form #ctct_form_0 > button:hover {background-color: #A52117; border: #A52117;} .ctct-inline-form .ctct-form-custom {display: flex; width: 290px; min-height:49px!important; /* border: dashed green 1px; */ } /* FONTS */ .sol { font-family: soleil, sans-serif; /* font-light light: 300, font-normal normal: 400, font-semibold semibold: 600, font-bold bold: 700 */ } .mac { font-family: p22-mackinac-pro, serif; /* font-normal book: 400, font-medium normal: 500, font-bold bold: 700 */ } p > a, li > a {color: #1E5C2B; text-decoration: underline;} html.dark p > a, html.dark li > a {color: #32a349; text-decoration: underline;} p { font-family: "soleil", "sans-serif"; font-weight: 300; } b, strong { font-weight: 700 !important; } .voa-body-copy, .voa-body { padding-bottom: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-body-copy, .dark .voa-body { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px) { .voa-body-copy, .voa-body { font-size: 1.125em; } } .voa-body-copy.subhead { margin-bottom: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.250em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-body-copy.subhead { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { .voa-body-copy.subhead { font-size: 1.375em; } } @media (min-width: 992px) { .voa-body-copy.subhead { font-size: 1.500em; } } h1.voa-body-copy { margin-top: 0px; margin-bottom: 2rem; font-family: "p22-mackinac-pro", "serif"; font-size: 1.500em; font-weight: 700; line-height: 1.375; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark h1.voa-body-copy { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { h1.voa-body-copy { font-size: 30px; } } @media (min-width: 992px) { h1.voa-body-copy { font-size: 44px; } } h2.voa-body-copy { margin-top: 1rem; margin-bottom: 1rem; margin-top: 1.5rem; font-family: "p22-mackinac-pro", "serif"; font-size: 1.250em; font-weight: 700; line-height: 1.375; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark h2.voa-body-copy { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { h2.voa-body-copy { font-size: 1.500em; } } @media (min-width: 992px) { h2.voa-body-copy { font-size: 30px; } } h3.voa-body-copy { margin-top: 1rem; margin-bottom: 0.5rem; font-family: "p22-mackinac-pro", "serif"; font-size: 1.125em; font-weight: 700; line-height: 1.375; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark h3.voa-body-copy { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { h3.voa-body-copy { font-size: 1.250em; } } @media (min-width: 992px) { h3.voa-body-copy { font-size: 1.500em; } } h4.voa-body-copy { margin-top: 1rem; margin-bottom: 0.5rem; font-family: "p22-mackinac-pro", "serif"; font-size: 1.125em; font-weight: 700; line-height: 1.375; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark h4.voa-body-copy { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { h4.voa-body-copy { font-size: 1.250em; } } @media (min-width: 992px) { h4.voa-body-copy { font-size: 1.500em; } } ol.voa-ol { margin-left: 0.5rem; list-style-position: inside; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark ol.voa-ol { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { ol.voa-ol { margin-left: 1rem; } } ol.voa-ol li.voa-li { list-style-type: decimal; padding-bottom: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark ol.voa-ol li.voa-li { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px) { ol.voa-ol li.voa-li { font-size: 1.125em; } } ol.voa-ol li.voa-li ol.voa-ol li.voa-li { font-size: 1.000rem; } @media (min-width: 576px) { ol.voa-ol li.voa-li ol.voa-ol li.voa-li { font-size: 1.125rem; } } ol.voa-ol li.voa-li ul.voa-ul li.voa-li { font-size: 1.000rem; } @media (min-width: 576px) { ol.voa-ol li.voa-li ul.voa-ul li.voa-li { font-size: 1.125rem; } } ol.voa-ol li.voa-li ol.voa-ol { padding-top: 1rem; } ol.voa-ol li.voa-li ul.voa-ul { padding-top: 1rem; } ul.voa-ul { margin-left: 0.5rem; list-style-position: inside; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark ul.voa-ul { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { ul.voa-ul { margin-left: 1rem; } } ul.voa-ul li.voa-li { list-style-type: disc; padding-bottom: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark ul.voa-ul li.voa-li { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px) { ul.voa-ul li.voa-li { font-size: 1.125em; } } ul.voa-ul li.voa-li ul.voa-ul li.voa-li { font-size: 1.000rem; } @media (min-width: 576px) { ul.voa-ul li.voa-li ul.voa-ul li.voa-li { font-size: 1.125rem; } } ul.voa-ul li.voa-li ol.voa-ol li.voa-li { list-style-type: decimal; font-size: 1.000rem; } @media (min-width: 576px) { ul.voa-ul li.voa-li ol.voa-ol li.voa-li { font-size: 1.125rem; } } ul.voa-ul li.voa-li ul.voa-ul { padding-top: 1rem; } ul.voa-ul li.voa-li ol.voa-ol { padding-top: 1rem; } /* .voa-page-ul {@apply list-inside text-black dark:text-white mb-4 ml-2 md:ml-4} */ .voa-color-underline { margin-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; font-family: "soleil", "sans-serif"; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-color-underline { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } p.voa-body-copy > a {color: #1E5C2B; text-decoration: underline;} p.voa-body-copy > em > a {color: #1E5C2B; text-decoration: underline;} .voa-color-green { --tw-text-opacity: 1; color: rgba(30, 92, 43, var(--tw-text-opacity)); } .dark .voa-color-green { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .voa-color-blue { --tw-text-opacity: 1; color: rgba(39, 85, 139, var(--tw-text-opacity)); } .dark .voa-color-blue { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .voa-color-brown { --tw-text-opacity: 1; color: rgba(99, 80, 60, var(--tw-text-opacity)); } .dark .voa-color-brown { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .voa-color-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .dark .voa-color-white { --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .voa-blockquote { margin: 1rem; padding: 0.5rem; padding-left: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-blockquote { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px) { .voa-blockquote { font-size: 1.125em; } } .voa-body-copy + .voa-blockquote {margin-top: 0;} .voa-body-copy:last-child, .voa-body-copy:only-child {padding-bottom:0;} p.voa-body-copy + div#inPagePromoDiv {padding-bottom:0;} .voa-subhead { font-family: "p22-mackinac-pro", "serif"; font-size: 1.125em; font-weight: 700; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-subhead { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px) { .voa-subhead { font-size: 1.250em; } } @media (min-width: 768px) { .voa-subhead { font-size: 1.375em; } } #legacy p.bg-sage-light { margin-bottom: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(240, 243, 229, var(--tw-bg-opacity)); padding: 0.5rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark #legacy p.bg-sage-light { --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px) { #legacy p.bg-sage-light { font-size: 1.125em; } } #legacy p.bg-blue-light { margin-bottom: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(231, 236, 242, var(--tw-bg-opacity)); padding: 0.5rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark #legacy p.bg-blue-light { --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px) { #legacy p.bg-blue-light { font-size: 1.125em; } } .voa-bg-green a {text-decoration: underline; color: green;} .voa-bg-blue a {text-decoration: underline; color: green;} /* BUTTONS */ .voa-button { margin: 0 auto; min-width: 260px; white-space: nowrap; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; font-size: 20px; font-family: soleil, sans-serif; color: #000; padding: 1.6rem; cursor: pointer; background-color: #ffffff; border: solid #000 1px; } .voa-button.green {background-color: #1E5C2B; color: #ffffff; border: none;} /* &.red {background-color: #A52117; color: #ffffff; border: none;} */ .voa-button.red {background-color: #A52117; color: #ffffff; border: none;} .voa-button.sand {background-color: #F5F3EB; color:#63503C; border: solid #63503C 1px;} .voa-button.brown {background-color: #63503C; color:#F5F3EB; border: none;} .voa-button.blue {background-color: #27558B; color:#F5F3EB; border: none;} .voa-button.white {background-color: #ffffff; color:#000000; border: solid #000 1px;} @media only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px) { .voa-button {min-width: 110px; padding: 1rem; padding-left: 1.5rem; font-size:20px }} @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .voa-button {min-width: 140px; padding: 0.8rem; padding-left: 1.5rem; font-size: 16px }} @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px) { .voa-button {min-width: 100px; padding: 0.6rem; padding-left: 1.5rem; font-size: 12px }} .voa-button p {margin-right:26px;} .voa-button svg {min-width: 32px; margin-right:10px;} .voa-button.green svg .rounder {fill:#E1E6D0;} .voa-button.green svg .pointer {fill:#1E5C2B;} .voa-button.green:hover {background-color:#A52117;} .voa-button.green:hover svg .rounder {fill:#FFF;} .voa-button.green:hover svg .pointer {fill:#A52117;} .voa-button.red svg .rounder {fill:#E1E6D0;} .voa-button.red svg .pointer {fill:#A52117;} .voa-button.red:hover {background-color:#1E5C2B;} .voa-button.red:hover svg .rounder {fill:#FFF;} .voa-button.red:hover svg .pointer {fill:#1E5C2B;} .voa-button.blue svg .rounder {fill:#E1E6D0;} .voa-button.blue svg .pointer {fill:#27558B;} .voa-button.blue:hover {background-color:#A52117; color: white;} .voa-button.blue:hover svg .rounder {fill:#FFF;} .voa-button.blue:hover svg .pointer {fill:#A52117;} .voa-button.sand svg .rounder {fill:#E9E7D8;} .voa-button.sand svg .pointer {fill:#63503C;} .voa-button.sand:hover {background-color:#63503C; color: white;} .voa-button.sand:hover svg .rounder {fill:#FFF;} .voa-button.sand:hover svg .pointer {fill:#63503C;} .voa-button.sand:hover {border: solid white 1px;} .voa-button.brown svg .rounder {fill:#E9E7D8;} .voa-button.brown svg .pointer {fill:#63503C;} .voa-button.brown:hover {background-color:#A52117; color: white;} .voa-button.brown:hover svg .rounder {fill:#FFF;} .voa-button.brown:hover svg .pointer {fill:#A52117;} .voa-button.white svg .rounder {fill:#000000;} .voa-button.white svg .pointer {fill:#ffffff;} .voa-button.white:hover {background-color:#000000; color: white;} .voa-button.white:hover svg .rounder {fill:#FFF;} .voa-button.white:hover svg .pointer {fill:#000000;} html.dark .voa-button.white {background-color: #000; color:#fff; border: solid #fff 1px;} html.dark .voa-button.white svg .rounder {fill:#fff;} html.dark .voa-button.white svg .pointer {fill:#000;} html.dark .voa-button.white:hover {background-color:#fff; color: black;} html.dark .voa-button.white:hover svg .rounder {fill:#000;} html.dark .voa-button.white:hover svg .pointer {fill:#fff;} .voa-text-butt {padding: 10px; letter-spacing: .1rem;} .voa-text-butt:hover {color: #A52117;} .voa-text-butt:hover img {filter: invert(15%) sepia(88%) saturate(3767%) hue-rotate(356deg) brightness(78%) contrast(88%);} .voa-text-butt.green {padding: 10px; letter-spacing: .1rem; color: #1E5C2B;} .voa-text-butt.green img {filter: invert(25%) sepia(59%) saturate(592%) hue-rotate(81deg) brightness(92%) contrast(86%);} .voa-text-butt.green:hover {color: #A52117;} .voa-text-butt.green:hover img {filter: invert(15%) sepia(88%) saturate(3767%) hue-rotate(356deg) brightness(78%) contrast(88%);} html.dark .voa-text-butt img {filter: brightness(0) invert(1);} html.dark .voa-text-butt:hover {color: #A52117;} html.dark .voa-text-butt:hover img {filter: invert(15%) sepia(88%) saturate(3767%) hue-rotate(356deg) brightness(78%) contrast(88%);} html.dark .voa-text-butt.green {color:#A52117;} html.dark .voa-text-butt.green img {filter: brightness(0) invert(1);} html.dark .voa-text-butt.green:hover {color: #A52117;} html.dark .voa-text-butt.green:hover img {filter: invert(15%) sepia(88%) saturate(3767%) hue-rotate(356deg) brightness(78%) contrast(88%);} .voa-text-butt-solid {padding: 10px 20px; letter-spacing: .1rem; display:inline-block; white-space: nowrap;} .voa-text-butt-solid.sage-dark {background-color:#E1E5D0;} .voa-text-butt-solid.sage-dark:hover {background-color:#63503C; color: white;} .voa-text-butt-solid.sage-dark:hover img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(240deg) brightness(106%) contrast(106%);} img.arrow-green {filter: invert(25%) sepia(59%) saturate(592%) hue-rotate(81deg) brightness(92%) contrast(86%);} img.white {filter: invert(100%) sepia(12%) saturate(7490%) hue-rotate(287deg) brightness(116%) contrast(109%);} .butt.red:hover img {filter: invert(15%) sepia(88%) saturate(3767%) hue-rotate(356deg) brightness(78%) contrast(88%);} .voa-play-vid-button.sage-light .rounder {fill:#F0F3E5;} .voa-play-vid-button.sage-light .arrow {fill:#1E5C2B;} .voa-play-vid-button.sage-light:hover .rounder {fill:#A52117;} .voa-play-vid-button.sage-light:hover .arrow {fill:#F0F3E5;} .voa-circle-butt.green {} .voa-circle-butt.green .rounder {fill:#1E5C2B;} .voa-circle-butt.green:hover .rounder {fill:#A52117;} .voa-circle-action.brown {} .voa-circle-action.brown .rounder {fill:#E9E7D8} .voa-circle-action.brown .pointer {fill:#63503C;} .voa-circle-action.brown:hover .rounder {fill:#ffffff;} .leaf-button.brown svg .shapd {fill:#63503C;} .leaf-button.brown:hover svg .shapd {fill:#A52117;} .leaf-button.green svg .shapd {fill:#1E5C2B;} .leaf-button.green:hover svg .shapd {fill:#A52117;} .leaf-button.blue svg .shapd {fill:#27558B;} .leaf-button.blue:hover svg .shapd {fill:#A52117;} .sharebtn {} .straight { display: inline-block; transition: transform .5s; /* float: left; */ position: relative; top:7px; left:1px; } .straightmob { display: inline-block; transition: transform .5s; position: relative; top:2px; left:1px; } @media only screen and (max-width: 320px) { .straightmob { top:-1px; left:8px } } .rotated { transform: rotate(180deg); display: inline-block; transition: transform .5s; /* float: left; */ position: relative; top:6px; left:1px; } .cerrado { height: 55px; /* top: -4px; display: block; position: relative; */ } .cerradomob {height: auto;} .avrir {height: auto; /* top: -4px; display: block; position: relative; */ } #menuHere { display: block; position: fixed; width: 40px; height: 16px; text-align: center; z-index: 31; top: -1px; right: 28px; } /* border: solid blue 1px; */ #menuHere.learnedit {display:none;} @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { #menuHere {display:none }} body.body-scroll-lock #menuHere {display:none;} .helper-arrows { width: 60px; height: 72px; position: absolute; left: 50%; margin-left: -30px; bottom: -15px; transform: scale(0.3) } .helper-arrows path { stroke: #000000; fill: transparent; stroke-width: 1px; animation: point 2s infinite; -webkit-animation: arrowpoint 2s infinite; } @keyframes arrowpoint { 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0} } @-webkit-keyframes arrowpoint /*Safari and Chrome*/ { 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0} } .helper-arrows path.a1 { animation-delay:-1s; -webkit-animation-delay:-1s; /* Safari Chrome */ } .helper-arrows path.a2 { animation-delay:-0.5s; -webkit-animation-delay:-0.5s; /* Safari Chrome */ } .helper-arrows path.a3 { animation-delay:0s; -webkit-animation-delay:0s; /* Safari Chrome */ } /* VIDEO */ .video-bg { height: 100%; } @media only screen and (min-width:2000px) and (max-width: 5000px) { .video-bg {min-height: 600px }} @media only screen and (min-width:1260px) and (max-width: 1999px) { .video-bg {min-height: 500px }} @media only screen and (min-width: 992px) and (max-width: 1259px) { .video-bg {min-height: 400px }} @media only screen and (min-width: 768px) and (max-width: 991px) { .video-bg {min-height: 400px }} @media only screen and (min-width: 576px) and (max-width: 767px) { .video-bg {height: 400px }} @media only screen and (min-width: 321px) and (max-width: 575px) { .video-bg {height: 300px }} @media only screen and (max-width: 320px) { .video-bg {height: 300px }} .video-bg__media { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .video-bg__media video { position: relative; top: 50%; left: 50%;transform: translateX(-50%) translateY(-50%); min-height: 100%; min-width: 100%; height: auto; width: auto; max-width: none; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .video-bg__media video { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } } @supports ((-o-object-fit: cover) or (object-fit: cover)) and (-ms-ime-align: auto) { .video-bg__media video { height: auto; width: auto; } } .video-bg__media img { display: none; } @media (prefers-reduced-motion: reduce) { .video-bg__media video { visibility: hidden; } .video-bg__media img { display: block; position: absolute; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } } .video-bg-mobile { height: 100%; overflow: hidden; } @media only screen and (min-width: 576px) and (max-width: 767px) { .video-bg-mobile {height: 260px }} @media only screen and (min-width: 321px) and (max-width: 575px) { .video-bg-mobile {height: 180px }} @media only screen and (max-width: 320px) { .video-bg-mobile {height: 120px }} /* DARK */ html.dark body {background-color: #111111;} html.dark img#dahome {filter: brightness(0) invert(1);} /* html.dark img#dahome:hover {filter: invert(11%) sepia(84%) saturate(6767%) hue-rotate(359deg) brightness(103%) contrast(91%);} */ html.dark .page-tool-icon {filter: brightness(0) invert(1);} html.dark #hamberg {filter: brightness(0) invert(1);} html.dark #mag {filter: brightness(0) invert(1);} html.dark img.icon {filter: brightness(0) invert(1);} html.dark .swiper-pagination {filter: brightness(0) invert(1);} html.dark .swiper-button-prev {filter: brightness(0) invert(1);} html.dark .swiper-button-next {filter: brightness(0) invert(1);} html.dark .tile .title {background-color: #111111;} html.dark .voa-color-underline {box-shadow: inset 0 -.6em #555555;} html.dark .voa-blockquote {background-color: #555555;} html.dark .voa-body-text {color: #ffffff;} /* .als-1 {fill:#231f20;fill-rule:evenodd} */ .als-1 {fill:#231f20!important;fill-rule:evenodd} html.dark .als-1 {fill:#ffffff!important;fill-rule:evenodd} /* NICE WORLD INDUSTRIES VOA 3 */ /* npx stylelint public/web/src/nice.css */ /* ! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /* Document ======== */ /** Use a better box model (opinionated). */ *, ::before, ::after { box-sizing: border-box; } /** Use a more readable tab size (opinionated). */ html { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ======== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ body { font-family: system-ui, -apple-system, /* Firefox supports this but not yet `system-ui` */ 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } /* Grouping content ================ */ /** 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Tabular data ============ */ /** 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ :-moz-ui-invalid { box-shadow: none; } /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ legend { padding: 0; } /** Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /** Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to 'inherit' in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /** * Manually forked from SUIT CSS Base: https://github.com/suitcss/base * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. */ /** * Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } button { background-color: transparent; background-image: none; } fieldset { margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } /** * Tailwind custom reset styles */ /** * 1. Use the user's configured `sans` font-family (with Tailwind's default * sans-serif font stack as a fallback) as a sane default. * 2. Use Tailwind's default "normal" line-height so the user isn't forced * to override it to ensure consistency even when using the default theme. */ html { font-family: "soleil", "sans-serif"; /* 1 */ line-height: 1.5; /* 2 */ } /** * Inherit font-family and line-height from `html` so users can set them as * a class directly on the `html` element. */ body { font-family: inherit; line-height: inherit; } /** * 1. Prevent padding and border from affecting element width. * * We used to set this in the html element and inherit from * the parent element for everything else. This caused issues * in shadow-dom-enhanced elements like
where the content * is wrapped by a div with box-sizing set to `content-box`. * * https://github.com/mozdevs/cssremedy/issues/4 * * * 2. Allow adding a border to an element by just adding a border-width. * * By default, the way the browser specifies that an element should have no * border is by setting it's border-style to `none` in the user-agent * stylesheet. * * In order to easily add borders to elements by just setting the `border-width` * property, we change the default border-style for all elements to `solid`, and * use border-width to hide them instead. This way our `border` utilities only * need to set the `border-width` property instead of the entire `border` * shorthand, making our border utilities much more straightforward to compose. * * https://github.com/tailwindcss/tailwindcss/pull/116 */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } /* * Ensure horizontal rules are visible by default */ hr { border-top-width: 1px; } /** * Undo the `border-style: none` reset that Normalize applies to images so that * our `border-{width}` utilities have the expected effect. * * The Normalize reset is unnecessary for us since we default the border-width * to 0 on all elements. * * https://github.com/tailwindcss/tailwindcss/issues/362 */ img { border-style: solid; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #9ca3af; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role="button"] { cursor: pointer; } /** * Override legacy focus reset from Normalize with modern Firefox focus styles. * * This is actually an improvement over the new defaults in Firefox in our testing, * as it triggers the better focus styles even for links, which still use a dotted * outline in Firefox by default. */ :-moz-focusring { outline: auto; } table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /** * Reset links to optimize for opt-in styling instead of * opt-out. */ a { color: inherit; text-decoration: inherit; } /** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } /** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */ pre, code, kbd, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /** * 1. Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 * * 2. Add `vertical-align: middle` to align replaced elements more * sensibly by default when overriding `display` by adding a * utility like `inline`. * * This can trigger a poorly considered linting error in some * tools but is included by design. * * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /** * Constrain images and videos to the parent width and preserve * their intrinsic aspect ratio. * * https://github.com/mozdevs/cssremedy/issues/14 */ img, video { max-width: 100%; height: auto; } /** * Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } *, ::before, ::after{ --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .container{ width: 100%; } @media (min-width: 200px){ .container{ max-width: 200px; } } @media (min-width: 321px){ .container{ max-width: 321px; } } @media (min-width: 576px){ .container{ max-width: 576px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 992px){ .container{ max-width: 992px; } } @media (min-width: 1260px){ .container{ max-width: 1260px; } } @media (min-width: 2000px){ .container{ max-width: 2000px; } } .aspect-w-1, .aspect-w-2, .aspect-w-3, .aspect-w-4, .aspect-w-5, .aspect-w-6, .aspect-w-7, .aspect-w-8, .aspect-w-9, .aspect-w-10, .aspect-w-11, .aspect-w-12, .aspect-w-13, .aspect-w-14, .aspect-w-15, .aspect-w-16{ position: relative; padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%); } .aspect-w-1 > *, .aspect-w-2 > *, .aspect-w-3 > *, .aspect-w-4 > *, .aspect-w-5 > *, .aspect-w-6 > *, .aspect-w-7 > *, .aspect-w-8 > *, .aspect-w-9 > *, .aspect-w-10 > *, .aspect-w-11 > *, .aspect-w-12 > *, .aspect-w-13 > *, .aspect-w-14 > *, .aspect-w-15 > *, .aspect-w-16 > *{ position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; } .aspect-w-1{ --tw-aspect-w: 1; } .aspect-w-9{ --tw-aspect-w: 9; } .aspect-w-16{ --tw-aspect-w: 16; } .aspect-h-1{ --tw-aspect-h: 1; } .aspect-h-9{ --tw-aspect-h: 9; } .aspect-h-16{ --tw-aspect-h: 16; } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .invisible{ visibility: hidden; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .bottom-0{ bottom: 0px; } .left-0{ left: 0px; } .top-0{ top: 0px; } .top-\[-2px\]{ top: -2px; } .-bottom-20{ bottom: -5rem; } .-top-10{ top: -2.5rem; } .top-4{ top: 1rem; } .top-2{ top: 0.5rem; } .top-6{ top: 1.5rem; } .right-1{ right: 0.25rem; } .top-\[-28px\]{ top: -28px; } .right-2{ right: 0.5rem; } .top-\[5px\]{ top: 5px; } .top-\[1px\]{ top: 1px; } .left-\[-4px\]{ left: -4px; } .right-4{ right: 1rem; } .bottom-\[2px\]{ bottom: 2px; } .top-5{ top: 1.25rem; } .right-6{ right: 1.5rem; } .top-\[-1px\]{ top: -1px; } .top-\[3px\]{ top: 3px; } .top-\[-3px\]{ top: -3px; } .right-0{ right: 0px; } .bottom-2{ bottom: 0.5rem; } .right-8{ right: 2rem; } .left-10{ left: 2.5rem; } .top-\[-40px\]{ top: -40px; } .top-\[-80px\]{ top: -80px; } .top-\[0px\]{ top: 0px; } .top-\[-50px\]{ top: -50px; } .top-\[-90px\]{ top: -90px; } .top-\[-100px\]{ top: -100px; } .z-10{ z-index: 10; } .z-50{ z-index: 50; } .z-30{ z-index: 30; } .z-40{ z-index: 40; } .z-20{ z-index: 20; } .z-0{ z-index: 0; } .order-first{ order: -9999; } .col-span-1{ grid-column: span 1 / span 1; } .col-span-full{ grid-column: 1 / -1; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-4{ grid-column: span 4 / span 4; } .col-start-3{ grid-column-start: 3; } .col-start-1{ grid-column-start: 1; } .float-right{ float: right; } .float-left{ float: left; } .clear-both{ clear: both; } .m-auto{ margin: auto; } .m-4{ margin: 1rem; } .m-0{ margin: 0px; } .m-2{ margin: 0.5rem; } .m-8{ margin: 2rem; } .m-6{ margin: 1.5rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .mx-8{ margin-left: 2rem; margin-right: 2rem; } .my-auto{ margin-top: auto; margin-bottom: auto; } .my-20{ margin-top: 5rem; margin-bottom: 5rem; } .my-10{ margin-top: 2.5rem; margin-bottom: 2.5rem; } .\!my-16{ margin-top: 4rem !important; margin-bottom: 4rem !important; } .mx-0{ margin-left: 0px; margin-right: 0px; } .mt-6{ margin-top: 1.5rem; } .mb-20{ margin-bottom: 5rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-4{ margin-bottom: 1rem; } .mr-2{ margin-right: 0.5rem; } .mb-0{ margin-bottom: 0px; } .mt-3{ margin-top: 0.75rem; } .mb-3{ margin-bottom: 0.75rem; } .mt-2{ margin-top: 0.5rem; } .mt-4{ margin-top: 1rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-10{ margin-bottom: 2.5rem; } .mr-auto{ margin-right: auto; } .ml-auto{ margin-left: auto; } .mt-8{ margin-top: 2rem; } .mr-4{ margin-right: 1rem; } .mr-6{ margin-right: 1.5rem; } .mr-8{ margin-right: 2rem; } .ml-2{ margin-left: 0.5rem; } .ml-4{ margin-left: 1rem; } .ml-6{ margin-left: 1.5rem; } .ml-8{ margin-left: 2rem; } .mb-8{ margin-bottom: 2rem; } .mt-\[6px\]{ margin-top: 6px; } .mt-10{ margin-top: 2.5rem; } .mb-6{ margin-bottom: 1.5rem; } .ml-1{ margin-left: 0.25rem; } .mt-0{ margin-top: 0px; } .ml-0{ margin-left: 0px; } .mt-20{ margin-top: 5rem; } .\!mb-4{ margin-bottom: 1rem !important; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .grid{ display: grid; } .inline-grid{ display: inline-grid; } .hidden{ display: none; } .\!hidden{ display: none !important; } .h-200px{ height: 200px;; } .h-full{ height: 100%; } .h-\[100px\]{ height: 100px; } .h-\[76px\]{ height: 76px; } .h-300px{ height: 300px;; } .h-75px{ height: 75px;; } .h-auto{ height: auto; } .h-40px{ height: 40px;; } .h-50px{ height: 50px;; } .h-100px{ height: 100px;; } .h-0px{ height: 0;; } .h-6{ height: 1.5rem; } .h-12{ height: 3rem; } .h-24{ height: 6rem; } .h-32{ height: 8rem; } .h-40{ height: 10rem; } .h-48{ height: 12rem; } .h-64{ height: 16rem; } .h-\[300px\]{ height: 300px; } .h-\[400px\]{ height: 400px; } .h-4{ height: 1rem; } .h-20px{ height: 20px;; } .h-10{ height: 2.5rem; } .h-\[30px\]{ height: 30px; } .h-\[20px\]{ height: 20px; } .h-540px{ height: 540px;; } .h-1\/2{ height: 50%; } .h-280px{ height: 280px;; } .h-\[40px\]{ height: 40px; } .h-8{ height: 2rem; } .h-5{ height: 1.25rem; } .h-\[140px\]{ height: 140px; } .h-0{ height: 0px; } .h-\[200px\]{ height: 200px; } .h-\[160px\]{ height: 160px; } .h-16{ height: 4rem; } .h-20{ height: 5rem; } .max-h-0{ max-height: 0px; } .w-full{ width: 100%; } .w-\[280px\]{ width: 280px; } .w-\[800px\]{ width: 800px; } .w-\[360px\]{ width: 360px; } .w-\[40px\]{ width: 40px; } .w-3\/4{ width: 75%; } .w-auto{ width: auto; } .w-300px{ width: 300px;; } .w-280px{ width: 280px;; } .w-3{ width: 0.75rem; } .w-2\/3{ width: 66.666667%; } .w-1\/2{ width: 50%; } .w-1\/3{ width: 33.333333%; } .w-2\/5{ width: 40%; } .w-3\/5{ width: 60%; } .w-\[30px\]{ width: 30px; } .w-\[50px\]{ width: 50px; } .w-\[150px\]{ width: 150px; } .w-\[250px\]{ width: 250px; } .w-20px{ width: 20px;; } .w-4{ width: 1rem; } .w-\[90\%\]{ width: 90%; } .w-\[10px\]{ width: 10px; } .w-10{ width: 2.5rem; } .w-78px{ width: 78px;; } .w-\[140px\]{ width: 140px; } .w-100px{ width: 100px;; } .w-40px{ width: 40px;; } .w-6{ width: 1.5rem; } .w-\[220px\]{ width: 220px; } .w-\[210px\]{ width: 210px; } .w-\[100px\]{ width: 100px; } .w-18px{ width: 18px;; } .w-34px{ width: 34px;; } .w-22px{ width: 22px;; } .w-36{ width: 9rem; } .w-5{ width: 1.25rem; } .w-1\/5{ width: 20%; } .w-8\/12{ width: 66.666667%; } .w-1\/4{ width: 25%; } .w-\[80\%\]{ width: 80%; } .w-5\/6{ width: 83.333333%; } .w-\[50\%\]{ width: 50%; } .w-1\/6{ width: 16.666667%; } .w-\[200px\]{ width: 200px; } .w-\[80px\]{ width: 80px; } .min-w-\[60\%\]{ min-width: 60%; } .max-w-\[235px\]{ max-width: 235px; } .max-w-\[160px\]{ max-width: 160px; } .max-w-\[530px\]{ max-width: 530px; } .max-w-\[1200px\]{ max-width: 1200px; } .flex-none{ flex: none; } .flex-1{ flex: 1 1 0%; } .flex-grow{ flex-grow: 1; } .rotate-180{ --tw-rotate: 180deg; transform: var(--tw-transform); } .scale-90{ --tw-scale-x: .9; --tw-scale-y: .9; transform: var(--tw-transform); } .scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: var(--tw-transform); } .transform{ transform: var(--tw-transform); } .cursor-pointer{ cursor: pointer; } .list-inside{ list-style-position: inside; } .list-decimal{ list-style-type: decimal; } .list-disc{ list-style-type: disc; } .grid-flow-row{ grid-auto-flow: row; } .auto-rows-auto{ grid-auto-rows: auto; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-24{ grid-template-columns: repeat(24, minmax(0, 1fr)); } .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-16{ grid-template-columns: repeat(16, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-rows-2{ grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-1{ grid-template-rows: repeat(1, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-row-reverse{ flex-direction: row-reverse; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .items-start{ align-items: flex-start; } .items-center{ align-items: center; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-items-start{ justify-items: start; } .justify-items-end{ justify-items: end; } .justify-items-center{ justify-items: center; } .gap-6{ gap: 1.5rem; } .gap-20{ gap: 5rem; } .gap-8{ gap: 2rem; } .gap-4{ gap: 1rem; } .gap-2{ gap: 0.5rem; } .gap-1{ gap: 0.25rem; } .gap-y-2{ row-gap: 0.5rem; } .gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; } .self-start{ align-self: flex-start; } .self-end{ align-self: flex-end; } .self-center{ align-self: center; } .overflow-hidden{ overflow: hidden; } .whitespace-nowrap{ white-space: nowrap; } .rounded-full{ border-radius: 9999px; } .rounded-sm{ border-radius: 0.125rem; } .border-2{ border-width: 2px; } .border{ border-width: 1px; } .border-\[20px\]{ border-width: 20px; } .border-b-2{ border-bottom-width: 2px; } .border-b{ border-bottom-width: 1px; } .border-r-0{ border-right-width: 0px; } .border-red{ --tw-border-opacity: 1; border-color: rgba(165, 33, 23, var(--tw-border-opacity)); } .border-sand-dark{ --tw-border-opacity: 1; border-color: rgba(233, 231, 216, var(--tw-border-opacity)); } .border-sand-light{ --tw-border-opacity: 1; border-color: rgba(245, 243, 235, var(--tw-border-opacity)); } .border-sage-light{ --tw-border-opacity: 1; border-color: rgba(240, 243, 229, var(--tw-border-opacity)); } .border-rain-light{ --tw-border-opacity: 1; border-color: rgba(231, 236, 242, var(--tw-border-opacity)); } .border-black{ --tw-border-opacity: 1; border-color: rgba(17, 17, 17, var(--tw-border-opacity)); } .border-white{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); } .border-sage-dark{ --tw-border-opacity: 1; border-color: rgba(225, 229, 208, var(--tw-border-opacity)); } .border-gray-100{ --tw-border-opacity: 1; border-color: rgba(243, 244, 246, var(--tw-border-opacity)); } .border-rain-dark{ --tw-border-opacity: 1; border-color: rgba(213, 222, 232, var(--tw-border-opacity)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); } .bg-green{ --tw-bg-opacity: 1; background-color: rgba(30, 92, 43, var(--tw-bg-opacity)); } .bg-sage-dark{ --tw-bg-opacity: 1; background-color: rgba(225, 229, 208, var(--tw-bg-opacity)); } .bg-sand-light{ --tw-bg-opacity: 1; background-color: rgba(245, 243, 235, var(--tw-bg-opacity)); } .bg-sand-dark{ --tw-bg-opacity: 1; background-color: rgba(233, 231, 216, var(--tw-bg-opacity)); } .bg-sage-light{ --tw-bg-opacity: 1; background-color: rgba(240, 243, 229, var(--tw-bg-opacity)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-soil{ --tw-bg-opacity: 1; background-color: rgba(99, 80, 60, var(--tw-bg-opacity)); } .bg-water{ --tw-bg-opacity: 1; background-color: rgba(39, 85, 139, var(--tw-bg-opacity)); } .bg-rain-light{ --tw-bg-opacity: 1; background-color: rgba(231, 236, 242, var(--tw-bg-opacity)); } .bg-rain-dark{ --tw-bg-opacity: 1; background-color: rgba(213, 222, 232, var(--tw-bg-opacity)); } .bg-field{ --tw-bg-opacity: 1; background-color: rgba(30, 92, 43, var(--tw-bg-opacity)); } .bg-brown{ --tw-bg-opacity: 1; background-color: rgba(99, 80, 60, var(--tw-bg-opacity)); } .bg-blue{ --tw-bg-opacity: 1; background-color: rgba(39, 85, 139, var(--tw-bg-opacity)); } .bg-green-bright{ --tw-bg-opacity: 1; background-color: rgba(50, 163, 73, var(--tw-bg-opacity)); } .bg-red{ --tw-bg-opacity: 1; background-color: rgba(165, 33, 23, var(--tw-bg-opacity)); } .bg-red-dark{ --tw-bg-opacity: 1; background-color: rgba(165, 33, 23, var(--tw-bg-opacity)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgba(17, 17, 17, var(--tw-bg-opacity)); } .bg-grey{ --tw-bg-opacity: 1; background-color: rgba(248, 248, 248, var(--tw-bg-opacity)); } .bg-gray-50{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); } .bg-gray-700{ --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); } .bg-no-repeat{ background-repeat: no-repeat; } .fill-current{ fill: currentColor; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .object-none{ -o-object-fit: none; object-fit: none; } .object-center{ -o-object-position: center; object-position: center; } .p-4{ padding: 1rem; } .p-0{ padding: 0px; } .p-10{ padding: 2.5rem; } .p-2{ padding: 0.5rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .p-12{ padding: 3rem; } .p-14{ padding: 3.5rem; } .p-20{ padding: 5rem; } .p-1{ padding: 0.25rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-20{ padding-top: 5rem; padding-bottom: 5rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .pl-6{ padding-left: 1.5rem; } .pl-4{ padding-left: 1rem; } .pt-6{ padding-top: 1.5rem; } .pl-0{ padding-left: 0px; } .pt-10{ padding-top: 2.5rem; } .pb-4{ padding-bottom: 1rem; } .pb-0{ padding-bottom: 0px; } .pt-4{ padding-top: 1rem; } .pb-6{ padding-bottom: 1.5rem; } .pt-8{ padding-top: 2rem; } .pb-10{ padding-bottom: 2.5rem; } .pt-0{ padding-top: 0px; } .pt-2{ padding-top: 0.5rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-8{ padding-bottom: 2rem; } .pl-2{ padding-left: 0.5rem; } .pl-8{ padding-left: 2rem; } .pr-2{ padding-right: 0.5rem; } .pr-4{ padding-right: 1rem; } .pr-6{ padding-right: 1.5rem; } .pr-8{ padding-right: 2rem; } .pb-20{ padding-bottom: 5rem; } .pb-3{ padding-bottom: 0.75rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .font-mac{ font-family: "p22-mackinac-pro", "serif"; } .font-sol{ font-family: "soleil", "sans-serif"; } .font-body{ font-family: "soleil", "sans-serif"; } .font-sans{ font-family: "soleil", "sans-serif"; } .text-2xl{ font-size: 28px; } .text-3xl{ font-size: 30px; } .text-md{ font-size: 1.250em; } .text-sm{ font-size: 1.125em; } .text-4xl{ font-size: 34px; } .text-2xs{ font-size: .875em; } .text-xs{ font-size: 1.000em; } .text-lg{ font-size: 1.375em; } .text-3xs{ font-size: .750em; } .text-xs-px{ font-size: 16px; } .text-xl{ font-size: 1.500em; } .text-4xs{ font-size: .625em; } .text-3xs-px{ font-size: 12px; } .text-2xs-px{ font-size: 14px; } .text-sm-px{ font-size: 18px; } .text-4xs-px{ font-size: 10px; } .text-xs-rem{ font-size: 1.000rem; } .font-bold{ font-weight: 700; } .font-light{ font-weight: 300; } .font-black{ font-weight: 900; } .font-semibold{ font-weight: 600; } .font-normal{ font-weight: 400; } .font-medium{ font-weight: 500; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize; } .italic{ font-style: italic; } .leading-snug{ line-height: 1.375; } .leading-none{ line-height: 1; } .leading-tight{ line-height: 1.25; } .leading-3{ line-height: .75rem; } .leading-normal{ line-height: 1.5; } .tracking-wide{ letter-spacing: 0.025em; } .text-black{ --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .text-sage-light{ --tw-text-opacity: 1; color: rgba(240, 243, 229, var(--tw-text-opacity)); } .text-red{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .text-green{ --tw-text-opacity: 1; color: rgba(30, 92, 43, var(--tw-text-opacity)); } .text-soil{ --tw-text-opacity: 1; color: rgba(99, 80, 60, var(--tw-text-opacity)); } .text-sand-light{ --tw-text-opacity: 1; color: rgba(245, 243, 235, var(--tw-text-opacity)); } .text-sand-dark{ --tw-text-opacity: 1; color: rgba(233, 231, 216, var(--tw-text-opacity)); } .text-water{ --tw-text-opacity: 1; color: rgba(39, 85, 139, var(--tw-text-opacity)); } .text-rain-light{ --tw-text-opacity: 1; color: rgba(231, 236, 242, var(--tw-text-opacity)); } .text-rain-dark{ --tw-text-opacity: 1; color: rgba(213, 222, 232, var(--tw-text-opacity)); } .text-rain-darkmode{ --tw-text-opacity: 1; color: rgba(80, 94, 110, var(--tw-text-opacity)); } .text-field{ --tw-text-opacity: 1; color: rgba(30, 92, 43, var(--tw-text-opacity)); } .text-sage-dark{ --tw-text-opacity: 1; color: rgba(225, 229, 208, var(--tw-text-opacity)); } .text-brown{ --tw-text-opacity: 1; color: rgba(99, 80, 60, var(--tw-text-opacity)); } .text-blue{ --tw-text-opacity: 1; color: rgba(39, 85, 139, var(--tw-text-opacity)); } .text-green-bright{ --tw-text-opacity: 1; color: rgba(50, 163, 73, var(--tw-text-opacity)); } .text-red-dark{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .text-gray-700{ --tw-text-opacity: 1; color: rgba(55, 65, 81, var(--tw-text-opacity)); } .text-gray-100{ --tw-text-opacity: 1; color: rgba(243, 244, 246, var(--tw-text-opacity)); } .text-gray-800{ --tw-text-opacity: 1; color: rgba(31, 41, 55, var(--tw-text-opacity)); } .text-gray-600{ --tw-text-opacity: 1; color: rgba(75, 85, 99, var(--tw-text-opacity)); } .underline{ text-decoration: underline; } .opacity-0{ opacity: 0; } .opacity-100{ opacity: 1; } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .drop-shadow-sm{ --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); filter: var(--tw-filter); } .invert{ --tw-invert: invert(100%); filter: var(--tw-filter); } .saturate-0{ --tw-saturate: saturate(0); filter: var(--tw-filter); } .sepia{ --tw-sepia: sepia(100%); filter: var(--tw-filter); } .filter{ filter: var(--tw-filter); } .transition-colors{ transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition{ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-150{ transition-duration: 150ms; } .duration-300{ transition-duration: 300ms; } .duration-700{ transition-duration: 700ms; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } /* critical:start */ .foo {border: solid red 1px;} /* critical:end */ body { height: 100vh; margin: 0; } html { scroll-padding-top:60px; } #footer {} /* sticky top-0 sm:relative drop-shadow sm:drop-shadow-none */ .fb-logo-top-mobile {width:60px;} #topnav { transition: height 0.2s linear; position: fixed; } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { #topnav {height:60px }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { #topnav {height: 60px }} #topnav{ --tw-drop-shadow: drop-shadow(0 0 #0000); filter: var(--tw-filter); } #topnav #dahome.notscrolld {opacity: 1;} #topnav #dahome.scrolld {opacity: 0;} #topnav .top-links { top: 4px; } @media only screen and (min-width: 576px) and (max-width: 767px) { #topnav .top-links {top:8px }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { #topnav .top-links {top: 12px }} #topnav.scrolled { position: fixed; } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { #topnav.scrolled {height:60px }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { #topnav.scrolled {height: 60px }} #topnav.scrolled{ --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); filter: var(--tw-filter); } #topnav.scrolled #dahome.notscrolld {opacity: 0;} #topnav.scrolled #dahome.scrolld {opacity: 1;} #topnav.scrolled .top-links { top: 4px; } @media only screen and (min-width: 576px) and (max-width: 767px) { #topnav.scrolled .top-links {top:4px }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { #topnav.scrolled .top-links {top: 6px }} #dahome.notscrolld { position: absolute; width: 330px; top: 32px; } #dahome.scrolld { position: absolute; width: 78px; top: 16px; } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { #offset {height:60px }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { #offset {height: 60px }} #promo-sidebar {} @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { #pagetop {max-height:auto }} @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { #pagetop {max-height:500px }} #pagetop{ overflow:hidden; } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { #pagetop .voa-body-copy {padding:0 }} #nav-overlay { position: fixed; top:0; height: -webkit-fill-available; height: -moz-available; height: stretch; position: fixed; overflow-y: auto; z-index: 30; background-color: #F5F3EB; } /* overflow: auto; */ @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { #nav-overlay #topnav {height:60px }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { #nav-overlay #topnav {height: 60px }} @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { #nav-overlay #offset {height:60px }} @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width:1260px) and (max-width: 1999px) { #nav-overlay #offset {height: 60px }} html.dark #nav-overlay { background-color:#000000;} /* https://codepen.io/sosuke/pen/Pjoqqp */ #hamberg:hover, #mag:hover, #closex:hover, .page-tool-icon:hover { cursor: pointer; filter: invert(15%) sepia(88%) saturate(3767%) hue-rotate(356deg) brightness(78%) contrast(88%); } html.dark #closex {filter: invert(1);} html.dark #closex:hover {filter: invert(15%) sepia(88%) saturate(3767%) hue-rotate(356deg) brightness(78%) contrast(88%);} #audio {height: 100px;} .tile .overlay {} .tile .title {background-color: rgba(255, 255, 255); } @media only screen and (max-width: 320px) { .tile .title {width: auto }} @media only screen and (min-width: 321px) and (max-width: 575px) { .tile .title {width: 90% }} .tile .readmo { display: none; position: absolute; left: 50%; top: 33%; transform: translate(-50%, -50%); } @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px) { .tile .readmo {left: 50%; top: 16%; transform: translate(-50%, -50%) }} .tile:hover .overlay {background-color: rgba(30, 92, 43, 0.4);} .tile:hover .title {background-color: rgba(255, 255, 255, 0.8);} .tile:hover .readmo {display: block;} .tile .title h2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} /* who-we-are */ .bucket { background-position: -69px -70px; /* v1 image @media $xs, $sm { background-position: -1px -180px;} @media $2xs { background-position: -71px -180px; } */ } @media only screen and (min-width: 992px) and (max-width: 1259px) { .bucket { background-position: -159px -70px } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bucket { background-position: -209px -70px } } @media only screen and (min-width: 576px) and (max-width: 767px) { .bucket { background-position: -101px -180px } } @media only screen and (min-width: 321px) and (max-width: 575px) { .bucket { background-position: -150px -180px }} @media only screen and (max-width: 320px) { .bucket { background-position: -170px -180px } } /* what-we-do */ .soilhat { background-position: -69px -70px; /* v1 image @media $lg { background-position: -170px -70px;} @media $md { background-position: -230px -70px;} @media $sm { background-position: -41px -270px;} @media $2xs, $xs { background-position: -161px -270px; } */ } @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { .soilhat { background-position: -69px -70px }} @media only screen and (min-width: 992px) and (max-width: 1259px) { .soilhat { background-position: 0px -70px }} @media only screen and (min-width: 768px) and (max-width: 991px) { .soilhat { background-position: 0px -70px }} @media only screen and (min-width: 576px) and (max-width: 767px) { .soilhat { background-position: -41px -170px }} @media only screen and (max-width: 320px), only screen and (min-width: 321px) and (max-width: 575px) { .soilhat { background-position: -60px -170px } } /* get-involved */ .holdinhands { background-position: 0px -180px; /* v1 image background-position: -9px -70px; @media $xl { background-position: -89px -70px;} @media $lg { background-position: -139px -70px;} @media $md { background-position: -181px -70px;} @media $sm { background-position: -1px -150px;} @media $xs { background-position: -200px -150px;} @media $2xs { background-position: -220px -150px; } */ } @media only screen and (min-width:1260px) and (max-width: 1999px), only screen and (min-width:2000px) and (max-width: 5000px) { .holdinhands { background-position: 0px -180px }} @media only screen and (min-width: 992px) and (max-width: 1259px) { .holdinhands { background-position: -29px -90px }} @media only screen and (min-width: 768px) and (max-width: 991px) { .holdinhands { background-position: -11px -90px }} @media only screen and (min-width: 576px) and (max-width: 767px) { .holdinhands { background-position: 0px -350px }} @media only screen and (min-width: 321px) and (max-width: 575px) { .holdinhands { background-position: 0px -350px }} @media only screen and (max-width: 320px) { .holdinhands { background-position: 0px -350px } } .babycow { background-repeat: no-repeat; background-size: 110%; } @media only screen and (min-width: 321px) and (max-width: 575px) { .babycow { background-size: 100%; background-position: center }} .peaceout { background-repeat: no-repeat; background-size: 110%; } #footer-promo img { max-width: 1280px; margin:auto; width: 100%; } @media only screen and (max-width: 320px) { #footer-promo img {display:none }} #expandchild {opacity:0; transition:opacity 600ms; } #expandparent:hover #expandchild {opacity:1; transition:opacity 600ms; } img.icon.red {filter: invert(39%) sepia(83%) saturate(7086%) hue-rotate(351deg) brightness(90%) contrast(106%);} img.icon.brown {filter: invert(29%) sepia(32%) saturate(419%) hue-rotate(350deg) brightness(99%) contrast(92%);} img.icon.blue {filter: invert(30%) sepia(9%) saturate(6296%) hue-rotate(180deg) brightness(86%) contrast(85%);} img.icon.green {filter: invert(27%) sepia(31%) saturate(835%) hue-rotate(81deg) brightness(101%) contrast(99%);} .lil-barn {fill:#000;} html.dark .lil-barn {fill:#fff;} .voa-bg-green{ --tw-bg-opacity: 1; background-color: rgba(240, 243, 229, var(--tw-bg-opacity)); padding: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-bg-green{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px){ .voa-bg-green{ font-size: 1.125em; } } .voa-bg-blue{ --tw-bg-opacity: 1; background-color: rgba(231, 236, 242, var(--tw-bg-opacity)); padding: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-bg-blue{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px){ .voa-bg-blue{ font-size: 1.125em; } } .voa-bg-brown{ --tw-bg-opacity: 1; background-color: rgba(245, 243, 235, var(--tw-bg-opacity)); padding: 1rem; font-family: "soleil", "sans-serif"; font-size: 1.000em; font-weight: 300; line-height: 1.5; --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .voa-bg-brown{ --tw-bg-opacity: 1; background-color: rgba(88, 87, 78, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 576px){ .voa-bg-brown{ font-size: 1.125em; } } .voa-bg-sand-supalight {background-color: #f7f6f2;} html.dark .voa-bg-sand-supalight {background-color: #6e6e6e;} .voa-bg-green a{ --tw-text-opacity: 1; color: rgba(30, 92, 43, var(--tw-text-opacity)); text-decoration: underline; } .voa-bg-blue a{ --tw-text-opacity: 1; color: rgba(30, 92, 43, var(--tw-text-opacity)); text-decoration: underline; } .voa-bg-brown a{ --tw-text-opacity: 1; color: rgba(30, 92, 43, var(--tw-text-opacity)); text-decoration: underline; } .voa-bg-green strong + a{ padding-left: 0.25rem; } .voa-bg-blue strong + a{ padding-left: 0.25rem; } .voa-bg-brown strong + a{ padding-left: 0.25rem; } .issue-cat-trans-bg:hover {border: solid 1px #63503C;} .issue-cat-trans-bg::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.25); } .issue-cat-trans-bg:hover::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.8); } .order-first { order: -1; } .voa-body-row { margin-top: 1rem; margin-bottom: 1rem; } .voa-body-row + .voa-body-row {margin-top:0; margin-bottom:0;} .bg-sand-light > .voa-body-row, .bg-rain-light >.voa-body-row, .bg-sage-light >.voa-body-row {margin-top:0; margin-bottom:0;} .hover\:cursor-pointer:hover{ cursor: pointer; } .hover\:bg-white:hover{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .hover\:bg-sand-light:hover{ --tw-bg-opacity: 1; background-color: rgba(245, 243, 235, var(--tw-bg-opacity)); } .hover\:bg-red:hover{ --tw-bg-opacity: 1; background-color: rgba(165, 33, 23, var(--tw-bg-opacity)); } .hover\:bg-sage-light:hover{ --tw-bg-opacity: 1; background-color: rgba(240, 243, 229, var(--tw-bg-opacity)); } .hover\:bg-rain-light:hover{ --tw-bg-opacity: 1; background-color: rgba(231, 236, 242, var(--tw-bg-opacity)); } .hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgba(17, 17, 17, var(--tw-bg-opacity)); } .hover\:bg-brown:hover{ --tw-bg-opacity: 1; background-color: rgba(99, 80, 60, var(--tw-bg-opacity)); } .hover\:bg-blue:hover{ --tw-bg-opacity: 1; background-color: rgba(39, 85, 139, var(--tw-bg-opacity)); } .hover\:bg-green:hover{ --tw-bg-opacity: 1; background-color: rgba(30, 92, 43, var(--tw-bg-opacity)); } .hover\:bg-sand-dark:hover{ --tw-bg-opacity: 1; background-color: rgba(233, 231, 216, var(--tw-bg-opacity)); } .hover\:bg-rain-dark:hover{ --tw-bg-opacity: 1; background-color: rgba(213, 222, 232, var(--tw-bg-opacity)); } .hover\:bg-sage-dark:hover{ --tw-bg-opacity: 1; background-color: rgba(225, 229, 208, var(--tw-bg-opacity)); } .hover\:text-red:hover{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .hover\:text-rain-dark:hover{ --tw-text-opacity: 1; color: rgba(213, 222, 232, var(--tw-text-opacity)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .hover\:underline:hover{ text-decoration: underline; } .hover\:brightness-105:hover{ --tw-brightness: brightness(1.05); filter: var(--tw-filter); } .hover\:hue-rotate-90:hover{ --tw-hue-rotate: hue-rotate(90deg); filter: var(--tw-filter); } .group:hover .group-hover\:bg-sand-light{ --tw-bg-opacity: 1; background-color: rgba(245, 243, 235, var(--tw-bg-opacity)); } .group:hover .group-hover\:bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .group:hover .group-hover\:text-red{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .group:hover .group-hover\:text-brown{ --tw-text-opacity: 1; color: rgba(99, 80, 60, var(--tw-text-opacity)); } .group:hover .group-hover\:text-blue{ --tw-text-opacity: 1; color: rgba(39, 85, 139, var(--tw-text-opacity)); } .group:hover .group-hover\:text-green{ --tw-text-opacity: 1; color: rgba(30, 92, 43, var(--tw-text-opacity)); } .group:hover .group-hover\:text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .group:hover .group-hover\:text-black{ --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .group:hover .group-hover\:underline{ text-decoration: underline; } .group:hover .group-hover\:opacity-60{ opacity: 0.6; } .group:hover .group-hover\:brightness-105{ --tw-brightness: brightness(1.05); filter: var(--tw-filter); } .group:hover .group-hover\:grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-filter); } .group:hover .group-hover\:hue-rotate-90{ --tw-hue-rotate: hue-rotate(90deg); filter: var(--tw-filter); } .group:hover .group-hover\:invert{ --tw-invert: invert(100%); filter: var(--tw-filter); } .group:hover .group-hover\:saturate-150{ --tw-saturate: saturate(1.5); filter: var(--tw-filter); } .dark .dark\:hidden{ display: none; } .dark .dark\:border-white{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); } .dark .dark\:border-sand-light-darkmode{ --tw-border-opacity: 1; border-color: rgba(88, 87, 78, var(--tw-border-opacity)); } .dark .dark\:border-rain-light-darkmode{ --tw-border-opacity: 1; border-color: rgba(80, 94, 110, var(--tw-border-opacity)); } .dark .dark\:border-sage-light-darkmode{ --tw-border-opacity: 1; border-color: rgba(85, 87, 77, var(--tw-border-opacity)); } .dark .dark\:bg-green-darkmode{ --tw-bg-opacity: 1; background-color: rgba(15, 67, 26, var(--tw-bg-opacity)); } .dark .dark\:bg-brown-darkmode{ --tw-bg-opacity: 1; background-color: rgba(63, 51, 38, var(--tw-bg-opacity)); } .dark .dark\:bg-sand-darkmode{ --tw-bg-opacity: 1; background-color: rgba(88, 87, 78, var(--tw-bg-opacity)); } .dark .dark\:bg-black{ --tw-bg-opacity: 1; background-color: rgba(17, 17, 17, var(--tw-bg-opacity)); } .dark .dark\:bg-sand-light-darkmode{ --tw-bg-opacity: 1; background-color: rgba(88, 87, 78, var(--tw-bg-opacity)); } .dark .dark\:bg-sand-dark-darkmode{ --tw-bg-opacity: 1; background-color: rgba(88, 87, 78, var(--tw-bg-opacity)); } .dark .dark\:bg-water-darkmode{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .dark\:bg-rain-light-darkmode{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .dark\:bg-rain-dark-darkmode{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .dark\:bg-rain-darkmode{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .dark\:bg-field-darkmode{ --tw-bg-opacity: 1; background-color: rgba(89, 93, 70, var(--tw-bg-opacity)); } .dark .dark\:bg-sage-light-darkmode{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); } .dark .dark\:bg-sage-dark-darkmode{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); } .dark .dark\:bg-sage-darkmode{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); } .dark .dark\:bg-blue-darkmode{ --tw-bg-opacity: 1; background-color: rgba(80, 135, 186, var(--tw-bg-opacity)); } .dark .dark\:bg-red-darkmode{ --tw-bg-opacity: 1; background-color: rgba(165, 33, 23, var(--tw-bg-opacity)); } .dark .dark\:bg-white-darkmode{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } .dark .dark\:bg-black-darkmode{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .dark .dark\:bg-grey-darkmode{ --tw-bg-opacity: 1; background-color: rgba(51, 51, 51, var(--tw-bg-opacity)); } .dark .dark\:bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .dark .dark\:p-4{ padding: 1rem; } .dark .dark\:text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .dark .dark\:text-green-bright{ --tw-text-opacity: 1; color: rgba(50, 163, 73, var(--tw-text-opacity)); } .dark .dark\:text-sand-light-darkmode{ --tw-text-opacity: 1; color: rgba(88, 87, 78, var(--tw-text-opacity)); } .dark .dark\:text-sand-dark-darkmode{ --tw-text-opacity: 1; color: rgba(88, 87, 78, var(--tw-text-opacity)); } .dark .dark\:text-sand-darkmode{ --tw-text-opacity: 1; color: rgba(88, 87, 78, var(--tw-text-opacity)); } .dark .dark\:text-water-darkmode{ --tw-text-opacity: 1; color: rgba(80, 94, 110, var(--tw-text-opacity)); } .dark .dark\:text-rain-light-darkmode{ --tw-text-opacity: 1; color: rgba(80, 94, 110, var(--tw-text-opacity)); } .dark .dark\:text-rain-dark-darkmode{ --tw-text-opacity: 1; color: rgba(80, 94, 110, var(--tw-text-opacity)); } .dark .dark\:text-field-darkmode{ --tw-text-opacity: 1; color: rgba(89, 93, 70, var(--tw-text-opacity)); } .dark .dark\:text-sage-light-darkmode{ --tw-text-opacity: 1; color: rgba(85, 87, 77, var(--tw-text-opacity)); } .dark .dark\:text-sage-dark-darkmode{ --tw-text-opacity: 1; color: rgba(85, 87, 77, var(--tw-text-opacity)); } .dark .dark\:text-sage-darkmode{ --tw-text-opacity: 1; color: rgba(85, 87, 77, var(--tw-text-opacity)); } .dark .dark\:text-brown-darkmode{ --tw-text-opacity: 1; color: rgba(63, 51, 38, var(--tw-text-opacity)); } .dark .dark\:text-blue-darkmode{ --tw-text-opacity: 1; color: rgba(80, 135, 186, var(--tw-text-opacity)); } .dark .dark\:text-green-darkmode{ --tw-text-opacity: 1; color: rgba(15, 67, 26, var(--tw-text-opacity)); } .dark .dark\:text-red-darkmode{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .dark .dark\:text-white-darkmode{ --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .dark .dark\:text-black-darkmode{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .dark .dark\:text-sage-dark{ --tw-text-opacity: 1; color: rgba(225, 229, 208, var(--tw-text-opacity)); } .dark .dark\:text-sand-dark{ --tw-text-opacity: 1; color: rgba(233, 231, 216, var(--tw-text-opacity)); } .dark .dark\:text-black{ --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .dark\:text-red{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .dark .dark\:invert{ --tw-invert: invert(100%); filter: var(--tw-filter); } .dark .dark\:hover\:bg-sand-light-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(88, 87, 78, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-sage-light-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-rain-light-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-white:hover{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-red:hover{ --tw-bg-opacity: 1; background-color: rgba(165, 33, 23, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-red-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(165, 33, 23, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgba(17, 17, 17, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-rain-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-brown-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(63, 51, 38, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-sand-light:hover{ --tw-bg-opacity: 1; background-color: rgba(245, 243, 235, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-blue-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(80, 135, 186, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-rain-light:hover{ --tw-bg-opacity: 1; background-color: rgba(231, 236, 242, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-sage-darkmode:hover{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-sage-light:hover{ --tw-bg-opacity: 1; background-color: rgba(240, 243, 229, var(--tw-bg-opacity)); } .dark .dark\:hover\:text-red:hover{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .hover\:dark:hover .hover\:dark\:text-red:hover{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } .dark .dark\:hover\:text-black:hover{ --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .dark\:hover\:text-white:hover{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .dark .dark\:hover\:underline:hover{ text-decoration: underline; } .dark .group:hover .dark\:group-hover\:bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .dark .group:hover .dark\:group-hover\:bg-red{ --tw-bg-opacity: 1; background-color: rgba(165, 33, 23, var(--tw-bg-opacity)); } .dark .group:hover .dark\:group-hover\:bg-black{ --tw-bg-opacity: 1; background-color: rgba(17, 17, 17, var(--tw-bg-opacity)); } .dark .group:hover .dark\:group-hover\:text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .dark .group:hover .dark\:group-hover\:text-black{ --tw-text-opacity: 1; color: rgba(17, 17, 17, var(--tw-text-opacity)); } .dark .group:hover .dark\:group-hover\:text-rain-light{ --tw-text-opacity: 1; color: rgba(231, 236, 242, var(--tw-text-opacity)); } .dark .group:hover .dark\:group-hover\:text-red{ --tw-text-opacity: 1; color: rgba(165, 33, 23, var(--tw-text-opacity)); } @media (min-width: 200px){ .\32xs\:block{ display: block; } .\32xs\:hidden{ display: none; } .\32xs\:h-\[60px\]{ height: 60px; } .\32xs\:w-\[60px\]{ width: 60px; } } @media (min-width: 321px){ .xs\:block{ display: block; } .xs\:inline{ display: inline; } .xs\:hidden{ display: none; } .xs\:h-350px{ height: 350px;; } .xs\:w-auto{ width: auto; } .xs\:w-\[200px\]{ width: 200px; } .xs\:w-1\/2{ width: 50%; } .xs\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .xs\:p-4{ padding: 1rem; } .xs\:text-2xl{ font-size: 28px; } .xs\:text-sm{ font-size: 1.125em; } } @media (min-width: 576px){ .sm\:top-\[118px\]{ top: 118px; } .sm\:left-\[30px\]{ left: 30px; } .sm\:bottom-0{ bottom: 0px; } .sm\:top-0{ top: 0px; } .sm\:col-span-12{ grid-column: span 12 / span 12; } .sm\:col-span-1{ grid-column: span 1 / span 1; } .sm\:col-start-13{ grid-column-start: 13; } .sm\:col-start-7{ grid-column-start: 7; } .sm\:float-right{ float: right; } .sm\:float-left{ float: left; } .sm\:m-0{ margin: 0px; } .sm\:m-2{ margin: 0.5rem; } .sm\:m-4{ margin: 1rem; } .sm\:m-8{ margin: 2rem; } .sm\:m-auto{ margin: auto; } .sm\:my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .sm\:my-4{ margin-top: 1rem; margin-bottom: 1rem; } .sm\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .sm\:mx-8{ margin-left: 2rem; margin-right: 2rem; } .sm\:mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .sm\:mx-4{ margin-left: 1rem; margin-right: 1rem; } .sm\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .sm\:mt-10{ margin-top: 2.5rem; } .sm\:mt-8{ margin-top: 2rem; } .sm\:mt-2{ margin-top: 0.5rem; } .sm\:mt-4{ margin-top: 1rem; } .sm\:mt-6{ margin-top: 1.5rem; } .sm\:mr-2{ margin-right: 0.5rem; } .sm\:mr-4{ margin-right: 1rem; } .sm\:mr-6{ margin-right: 1.5rem; } .sm\:mr-8{ margin-right: 2rem; } .sm\:ml-2{ margin-left: 0.5rem; } .sm\:ml-4{ margin-left: 1rem; } .sm\:ml-6{ margin-left: 1.5rem; } .sm\:ml-8{ margin-left: 2rem; } .sm\:mb-2{ margin-bottom: 0.5rem; } .sm\:mb-4{ margin-bottom: 1rem; } .sm\:mb-8{ margin-bottom: 2rem; } .sm\:mt-0{ margin-top: 0px; } .sm\:ml-\[2px\]{ margin-left: 2px; } .sm\:mb-10{ margin-bottom: 2.5rem; } .sm\:mb-16{ margin-bottom: 4rem; } .sm\:block{ display: block; } .sm\:inline{ display: inline; } .sm\:flex{ display: flex; } .sm\:hidden{ display: none; } .sm\:h-500px{ height: 500px;; } .sm\:h-200px{ height: 200px;; } .sm\:h-auto{ height: auto; } .sm\:h-\[120px\]{ height: 120px; } .sm\:h-\[80px\]{ height: 80px; } .sm\:h-\[200px\]{ height: 200px; } .sm\:w-\[526px\]{ width: 526px; } .sm\:w-148px{ width: 148px;; } .sm\:w-440px{ width: 440px;; } .sm\:w-auto{ width: auto; } .sm\:w-full{ width: 100%; } .sm\:w-1\/2{ width: 50%; } .sm\:w-1\/3{ width: 33.333333%; } .sm\:w-2\/3{ width: 66.666667%; } .sm\:w-2\/5{ width: 40%; } .sm\:w-3\/5{ width: 60%; } .sm\:w-3\/4{ width: 75%; } .sm\:w-1\/4{ width: 25%; } .sm\:w-\[80px\]{ width: 80px; } .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:flex-row{ flex-direction: row; } .sm\:justify-end{ justify-content: flex-end; } .sm\:justify-center{ justify-content: center; } .sm\:gap-10{ gap: 2.5rem; } .sm\:gap-y-6{ row-gap: 1.5rem; } .sm\:gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .sm\:bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .sm\:bg-sage-light{ --tw-bg-opacity: 1; background-color: rgba(240, 243, 229, var(--tw-bg-opacity)); } .sm\:bg-sand-light{ --tw-bg-opacity: 1; background-color: rgba(245, 243, 235, var(--tw-bg-opacity)); } .sm\:bg-sand-dark{ --tw-bg-opacity: 1; background-color: rgba(233, 231, 216, var(--tw-bg-opacity)); } .sm\:bg-rain-light{ --tw-bg-opacity: 1; background-color: rgba(231, 236, 242, var(--tw-bg-opacity)); } .sm\:bg-rain-dark{ --tw-bg-opacity: 1; background-color: rgba(213, 222, 232, var(--tw-bg-opacity)); } .sm\:bg-sage-dark{ --tw-bg-opacity: 1; background-color: rgba(225, 229, 208, var(--tw-bg-opacity)); } .sm\:bg-grey{ --tw-bg-opacity: 1; background-color: rgba(248, 248, 248, var(--tw-bg-opacity)); } .sm\:bg-grey-dark{ --tw-bg-opacity: 1; background-color: rgba(243, 243, 243, var(--tw-bg-opacity)); } .sm\:p-0{ padding: 0px; } .sm\:p-2{ padding: 0.5rem; } .sm\:p-4{ padding: 1rem; } .sm\:p-8{ padding: 2rem; } .sm\:p-12{ padding: 3rem; } .sm\:p-14{ padding: 3.5rem; } .sm\:p-20{ padding: 5rem; } .sm\:p-10{ padding: 2.5rem; } .sm\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .sm\:px-0{ padding-left: 0px; padding-right: 0px; } .sm\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-4{ padding-left: 1rem; padding-right: 1rem; } .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:px-8{ padding-left: 2rem; padding-right: 2rem; } .sm\:px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .sm\:py-0{ padding-top: 0px; padding-bottom: 0px; } .sm\:py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .sm\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .sm\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .sm\:py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .sm\:pt-0{ padding-top: 0px; } .sm\:pt-2{ padding-top: 0.5rem; } .sm\:pt-4{ padding-top: 1rem; } .sm\:pt-6{ padding-top: 1.5rem; } .sm\:pt-8{ padding-top: 2rem; } .sm\:pb-0{ padding-bottom: 0px; } .sm\:pb-2{ padding-bottom: 0.5rem; } .sm\:pb-4{ padding-bottom: 1rem; } .sm\:pb-6{ padding-bottom: 1.5rem; } .sm\:pb-8{ padding-bottom: 2rem; } .sm\:pl-0{ padding-left: 0px; } .sm\:pl-2{ padding-left: 0.5rem; } .sm\:pl-4{ padding-left: 1rem; } .sm\:pl-6{ padding-left: 1.5rem; } .sm\:pl-8{ padding-left: 2rem; } .sm\:pr-2{ padding-right: 0.5rem; } .sm\:pr-4{ padding-right: 1rem; } .sm\:pr-6{ padding-right: 1.5rem; } .sm\:pr-8{ padding-right: 2rem; } .sm\:pt-10{ padding-top: 2.5rem; } .sm\:pb-10{ padding-bottom: 2.5rem; } .sm\:text-left{ text-align: left; } .sm\:text-center{ text-align: center; } .sm\:text-md{ font-size: 1.250em; } .sm\:text-sm{ font-size: 1.125em; } .sm\:text-3xl{ font-size: 30px; } .sm\:text-xl-px{ font-size: 24px; } .sm\:text-2xs-px{ font-size: 14px; } .sm\:text-lg{ font-size: 1.375em; } .sm\:text-2xl{ font-size: 28px; } .sm\:text-base{ font-size: 1.250em; } .sm\:text-sm-rem{ font-size: 1.125rem; } .dark .sm\:dark\:bg-sand-light-darkmode{ --tw-bg-opacity: 1; background-color: rgba(88, 87, 78, var(--tw-bg-opacity)); } .dark .sm\:dark\:bg-sand-dark-darkmode{ --tw-bg-opacity: 1; background-color: rgba(88, 87, 78, var(--tw-bg-opacity)); } .dark .sm\:dark\:bg-rain-light-darkmode{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .sm\:dark\:bg-rain-dark-darkmode{ --tw-bg-opacity: 1; background-color: rgba(80, 94, 110, var(--tw-bg-opacity)); } .dark .sm\:dark\:bg-sage-light-darkmode{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); } .dark .sm\:dark\:bg-sage-dark-darkmode{ --tw-bg-opacity: 1; background-color: rgba(85, 87, 77, var(--tw-bg-opacity)); } .dark .sm\:dark\:bg-grey-darkmode{ --tw-bg-opacity: 1; background-color: rgba(51, 51, 51, var(--tw-bg-opacity)); } } @media (min-width: 768px){ .md\:absolute{ position: absolute; } .md\:top-\[164px\]{ top: 164px; } .md\:left-\[0px\]{ left: 0px; } .md\:right-10{ right: 2.5rem; } .md\:col-span-4{ grid-column: span 4 / span 4; } .md\:col-span-12{ grid-column: span 12 / span 12; } .md\:float-right{ float: right; } .md\:float-left{ float: left; } .md\:m-0{ margin: 0px; } .md\:m-2{ margin: 0.5rem; } .md\:m-4{ margin: 1rem; } .md\:m-8{ margin: 2rem; } .md\:m-auto{ margin: auto; } .md\:m-6{ margin: 1.5rem; } .md\:m-10{ margin: 2.5rem; } .md\:my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .md\:my-4{ margin-top: 1rem; margin-bottom: 1rem; } .md\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .md\:mx-8{ margin-left: 2rem; margin-right: 2rem; } .md\:mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .md\:mx-4{ margin-left: 1rem; margin-right: 1rem; } .md\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .md\:my-10{ margin-top: 2.5rem; margin-bottom: 2.5rem; } .md\:my-8{ margin-top: 2rem; margin-bottom: 2rem; } .md\:mx-10{ margin-left: 2.5rem; margin-right: 2.5rem; } .md\:mb-2{ margin-bottom: 0.5rem; } .md\:mt-2{ margin-top: 0.5rem; } .md\:mt-4{ margin-top: 1rem; } .md\:mt-6{ margin-top: 1.5rem; } .md\:mt-8{ margin-top: 2rem; } .md\:mr-2{ margin-right: 0.5rem; } .md\:mr-4{ margin-right: 1rem; } .md\:mr-6{ margin-right: 1.5rem; } .md\:mr-8{ margin-right: 2rem; } .md\:ml-2{ margin-left: 0.5rem; } .md\:ml-4{ margin-left: 1rem; } .md\:ml-6{ margin-left: 1.5rem; } .md\:ml-8{ margin-left: 2rem; } .md\:mb-4{ margin-bottom: 1rem; } .md\:mb-8{ margin-bottom: 2rem; } .md\:mt-0{ margin-top: 0px; } .md\:mt-20{ margin-top: 5rem; } .md\:mb-0{ margin-bottom: 0px; } .md\:mt-10{ margin-top: 2.5rem; } .md\:ml-\[2px\]{ margin-left: 2px; } .md\:mt-\[30px\]{ margin-top: 30px; } .md\:mr-0{ margin-right: 0px; } .md\:mb-6{ margin-bottom: 1.5rem; } .md\:mb-10{ margin-bottom: 2.5rem; } .md\:block{ display: block; } .md\:inline-block{ display: inline-block; } .md\:inline{ display: inline; } .md\:flex{ display: flex; } .md\:grid{ display: grid; } .md\:hidden{ display: none; } .md\:h-300px{ height: 300px;; } .md\:h-\[400px\]{ height: 400px; } .md\:h-100px{ height: 100px;; } .md\:h-250px{ height: 250px;; } .md\:h-auto{ height: auto; } .md\:h-6{ height: 1.5rem; } .md\:h-12{ height: 3rem; } .md\:h-24{ height: 6rem; } .md\:h-32{ height: 8rem; } .md\:h-40{ height: 10rem; } .md\:h-48{ height: 12rem; } .md\:h-64{ height: 16rem; } .md\:h-600px{ height: 600px;; } .md\:h-full{ height: 100%; } .md\:h-40px{ height: 40px;; } .md\:h-\[140px\]{ height: 140px; } .md\:h-\[600px\]{ height: 600px; } .md\:h-\[500px\]{ height: 500px; } .md\:h-\[1200px\]{ height: 1200px; } .md\:h-140px{ height: 140px;; } .md\:h-\[200px\]{ height: 200px; } .md\:h-\[10px\]{ height: 10px; } .md\:h-\[250px\]{ height: 250px; } .md\:h-8{ height: 2rem; } .md\:h-16{ height: 4rem; } .md\:h-20{ height: 5rem; } .md\:min-h-\[460px\]{ min-height: 460px; } .md\:w-2\/3{ width: 66.666667%; } .md\:w-1\/3{ width: 33.333333%; } .md\:w-\[324px\]{ width: 324px; } .md\:w-1\/2{ width: 50%; } .md\:w-580px{ width: 580px;; } .md\:w-\[100px\]{ width: 100px; } .md\:w-3\/4{ width: 75%; } .md\:w-full{ width: 100%; } .md\:w-2\/5{ width: 40%; } .md\:w-3\/5{ width: 60%; } .md\:w-4\/5{ width: 80%; } .md\:w-1\/4{ width: 25%; } .md\:w-1\/5{ width: 20%; } .md\:w-4\/6{ width: 66.666667%; } .md\:w-2\/6{ width: 33.333333%; } .md\:w-1\/6{ width: 16.666667%; } .md\:w-5\/6{ width: 83.333333%; } .md\:auto-rows-fr{ grid-auto-rows: minmax(0, 1fr); } .md\:grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-rows-2{ grid-template-rows: repeat(2, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:flex-col{ flex-direction: column; } .md\:justify-end{ justify-content: flex-end; } .md\:justify-center{ justify-content: center; } .md\:gap-8{ gap: 2rem; } .md\:gap-0{ gap: 0px; } .md\:gap-6{ gap: 1.5rem; } .md\:gap-4{ gap: 1rem; } .md\:overflow-hidden{ overflow: hidden; } .md\:border-l{ border-left-width: 1px; } .md\:border-red{ --tw-border-opacity: 1; border-color: rgba(165, 33, 23, var(--tw-border-opacity)); } .md\:object-cover{ -o-object-fit: cover; object-fit: cover; } .md\:object-center{ -o-object-position: center; object-position: center; } .md\:p-10{ padding: 2.5rem; } .md\:p-0{ padding: 0px; } .md\:p-2{ padding: 0.5rem; } .md\:p-4{ padding: 1rem; } .md\:p-8{ padding: 2rem; } .md\:p-12{ padding: 3rem; } .md\:p-14{ padding: 3.5rem; } .md\:p-20{ padding: 5rem; } .md\:p-6{ padding: 1.5rem; } .md\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-0{ padding-left: 0px; padding-right: 0px; } .md\:px-4{ padding-left: 1rem; padding-right: 1rem; } .md\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8{ padding-left: 2rem; padding-right: 2rem; } .md\:px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .md\:py-0{ padding-top: 0px; padding-bottom: 0px; } .md\:py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .md\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .md\:py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .md\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .md\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:pr-14{ padding-right: 3.5rem; } .md\:pl-14{ padding-left: 3.5rem; } .md\:pb-2{ padding-bottom: 0.5rem; } .md\:pb-0{ padding-bottom: 0px; } .md\:pt-0{ padding-top: 0px; } .md\:pt-2{ padding-top: 0.5rem; } .md\:pt-4{ padding-top: 1rem; } .md\:pt-6{ padding-top: 1.5rem; } .md\:pt-8{ padding-top: 2rem; } .md\:pb-4{ padding-bottom: 1rem; } .md\:pb-6{ padding-bottom: 1.5rem; } .md\:pb-8{ padding-bottom: 2rem; } .md\:pl-0{ padding-left: 0px; } .md\:pl-2{ padding-left: 0.5rem; } .md\:pl-4{ padding-left: 1rem; } .md\:pl-6{ padding-left: 1.5rem; } .md\:pl-8{ padding-left: 2rem; } .md\:pr-2{ padding-right: 0.5rem; } .md\:pr-4{ padding-right: 1rem; } .md\:pr-6{ padding-right: 1.5rem; } .md\:pr-8{ padding-right: 2rem; } .md\:pr-28{ padding-right: 7rem; } .md\:pb-16{ padding-bottom: 4rem; } .md\:pr-10{ padding-right: 2.5rem; } .md\:pb-10{ padding-bottom: 2.5rem; } .md\:pt-10{ padding-top: 2.5rem; } .md\:text-left{ text-align: left; } .md\:text-center{ text-align: center; } .md\:text-xl{ font-size: 1.500em; } .md\:text-xs{ font-size: 1.000em; } .md\:text-sm{ font-size: 1.125em; } .md\:text-md{ font-size: 1.250em; } .md\:text-2xl{ font-size: 28px; } .md\:text-lg{ font-size: 1.375em; } .md\:text-3xl{ font-size: 30px; } .md\:text-5xl{ font-size: 44px; } .md\:text-sm-px{ font-size: 18px; } .md\:text-4xl{ font-size: 34px; } .md\:text-xs-px{ font-size: 16px; } .md\:text-lg-px{ font-size: 22px; } .md\:leading-snug{ line-height: 1.375; } .md\:leading-none{ line-height: 1; } .group:hover .md\:group-hover\:visible{ visibility: visible; } } @media (min-width: 992px){ .lg\:absolute{ position: absolute; } .lg\:relative{ position: relative; } .lg\:bottom-0{ bottom: 0px; } .lg\:right-0{ right: 0px; } .lg\:top-\[386px\]{ top: 386px; } .lg\:right-\[319px\]{ right: 319px; } .lg\:top-\[104px\]{ top: 104px; } .lg\:left-\[25px\]{ left: 25px; } .lg\:top-\[364px\]{ top: 364px; } .lg\:left-\[0px\]{ left: 0px; } .lg\:left-\[70px\]{ left: 70px; } .lg\:top-\[384px\]{ top: 384px; } .lg\:right-\[200px\]{ right: 200px; } .lg\:top-\[403px\]{ top: 403px; } .lg\:right-\[519px\]{ right: 519px; } .lg\:-top-5{ top: -1.25rem; } .lg\:-right-5{ right: -1.25rem; } .lg\:-left-5{ left: -1.25rem; } .lg\:top-\[-70px\]{ top: -70px; } .lg\:top-10{ top: 2.5rem; } .lg\:col-span-8{ grid-column: span 8 / span 8; } .lg\:col-span-1{ grid-column: span 1 / span 1; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-start-auto{ grid-column-start: auto; } .lg\:col-start-9{ grid-column-start: 9; } .lg\:col-start-5{ grid-column-start: 5; } .lg\:float-right{ float: right; } .lg\:float-left{ float: left; } .lg\:m-0{ margin: 0px; } .lg\:m-2{ margin: 0.5rem; } .lg\:m-4{ margin: 1rem; } .lg\:m-8{ margin: 2rem; } .lg\:m-6{ margin: 1.5rem; } .lg\:m-10{ margin: 2.5rem; } .lg\:m-14{ margin: 3.5rem; } .lg\:mx-0{ margin-left: 0px; margin-right: 0px; } .lg\:my-auto{ margin-top: auto; margin-bottom: auto; } .lg\:my-4{ margin-top: 1rem; margin-bottom: 1rem; } .lg\:my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .lg\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .lg\:mx-8{ margin-left: 2rem; margin-right: 2rem; } .lg\:mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .lg\:mx-4{ margin-left: 1rem; margin-right: 1rem; } .lg\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .lg\:my-20{ margin-top: 5rem; margin-bottom: 5rem; } .lg\:my-8{ margin-top: 2rem; margin-bottom: 2rem; } .lg\:my-10{ margin-top: 2.5rem; margin-bottom: 2.5rem; } .lg\:my-14{ margin-top: 3.5rem; margin-bottom: 3.5rem; } .lg\:mx-10{ margin-left: 2.5rem; margin-right: 2.5rem; } .lg\:mx-14{ margin-left: 3.5rem; margin-right: 3.5rem; } .lg\:mr-6{ margin-right: 1.5rem; } .lg\:mt-0{ margin-top: 0px; } .lg\:mb-28{ margin-bottom: 7rem; } .lg\:mt-2{ margin-top: 0.5rem; } .lg\:mt-4{ margin-top: 1rem; } .lg\:mt-6{ margin-top: 1.5rem; } .lg\:mt-8{ margin-top: 2rem; } .lg\:mr-2{ margin-right: 0.5rem; } .lg\:mr-4{ margin-right: 1rem; } .lg\:mr-8{ margin-right: 2rem; } .lg\:ml-2{ margin-left: 0.5rem; } .lg\:ml-4{ margin-left: 1rem; } .lg\:ml-6{ margin-left: 1.5rem; } .lg\:ml-8{ margin-left: 2rem; } .lg\:mb-2{ margin-bottom: 0.5rem; } .lg\:mb-4{ margin-bottom: 1rem; } .lg\:mb-8{ margin-bottom: 2rem; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:mt-20{ margin-top: 5rem; } .lg\:mb-20{ margin-bottom: 5rem; } .lg\:mt-\[50px\]{ margin-top: 50px; } .lg\:mb-6{ margin-bottom: 1.5rem; } .lg\:mb-10{ margin-bottom: 2.5rem; } .lg\:mb-14{ margin-bottom: 3.5rem; } .lg\:mt-10{ margin-top: 2.5rem; } .lg\:mt-14{ margin-top: 3.5rem; } .lg\:block{ display: block; } .lg\:inline-block{ display: inline-block; } .lg\:flex{ display: flex; } .lg\:hidden{ display: none; } .lg\:h-400px{ height: 400px;; } .lg\:h-60px{ height: 60px;; } .lg\:h-auto{ height: auto; } .lg\:h-330px{ height: 330px;; } .lg\:h-6{ height: 1.5rem; } .lg\:h-12{ height: 3rem; } .lg\:h-24{ height: 6rem; } .lg\:h-32{ height: 8rem; } .lg\:h-40{ height: 10rem; } .lg\:h-48{ height: 12rem; } .lg\:h-64{ height: 16rem; } .lg\:h-40px{ height: 40px;; } .lg\:h-\[200px\]{ height: 200px; } .lg\:h-20{ height: 5rem; } .lg\:h-\[160px\]{ height: 160px; } .lg\:h-\[400px\]{ height: 400px; } .lg\:h-\[500px\]{ height: 500px; } .lg\:h-\[600px\]{ height: 600px; } .lg\:h-\[700px\]{ height: 700px; } .lg\:h-\[800px\]{ height: 800px; } .lg\:h-\[1600px\]{ height: 1600px; } .lg\:h-\[30px\]{ height: 30px; } .lg\:h-\[100px\]{ height: 100px; } .lg\:h-16{ height: 4rem; } .lg\:h-28{ height: 7rem; } .lg\:w-\[437px\]{ width: 437px; } .lg\:w-210px{ width: 210px;; } .lg\:w-2\/3{ width: 66.666667%; } .lg\:w-1\/3{ width: 33.333333%; } .lg\:w-full{ width: 100%; } .lg\:w-1\/2{ width: 50%; } .lg\:w-2\/5{ width: 40%; } .lg\:w-3\/5{ width: 60%; } .lg\:w-\[560px\]{ width: 560px; } .lg\:w-3\/4{ width: 75%; } .lg\:w-auto{ width: auto; } .lg\:w-4\/5{ width: 80%; } .lg\:w-\[100px\]{ width: 100px; } .lg\:w-\[80\%\]{ width: 80%; } .lg\:w-4\/7{ width: 57.1428571%; } .lg\:w-3\/7{ width: 42.8571429%; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-rows-1{ grid-template-rows: repeat(1, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:flex-row-reverse{ flex-direction: row-reverse; } .lg\:border-blue{ --tw-border-opacity: 1; border-color: rgba(39, 85, 139, var(--tw-border-opacity)); } .lg\:bg-transparent{ background-color: transparent; } .lg\:p-4{ padding: 1rem; } .lg\:p-0{ padding: 0px; } .lg\:p-2{ padding: 0.5rem; } .lg\:p-8{ padding: 2rem; } .lg\:p-12{ padding: 3rem; } .lg\:p-14{ padding: 3.5rem; } .lg\:p-20{ padding: 5rem; } .lg\:p-6{ padding: 1.5rem; } .lg\:p-10{ padding: 2.5rem; } .lg\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .lg\:px-0{ padding-left: 0px; padding-right: 0px; } .lg\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .lg\:px-4{ padding-left: 1rem; padding-right: 1rem; } .lg\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:px-8{ padding-left: 2rem; padding-right: 2rem; } .lg\:px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .lg\:py-0{ padding-top: 0px; padding-bottom: 0px; } .lg\:py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .lg\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .lg\:py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .lg\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .lg\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:pt-20{ padding-top: 5rem; } .lg\:pb-6{ padding-bottom: 1.5rem; } .lg\:pb-20{ padding-bottom: 5rem; } .lg\:pt-0{ padding-top: 0px; } .lg\:pt-2{ padding-top: 0.5rem; } .lg\:pt-4{ padding-top: 1rem; } .lg\:pt-6{ padding-top: 1.5rem; } .lg\:pt-8{ padding-top: 2rem; } .lg\:pb-0{ padding-bottom: 0px; } .lg\:pb-2{ padding-bottom: 0.5rem; } .lg\:pb-4{ padding-bottom: 1rem; } .lg\:pb-8{ padding-bottom: 2rem; } .lg\:pl-0{ padding-left: 0px; } .lg\:pl-2{ padding-left: 0.5rem; } .lg\:pl-4{ padding-left: 1rem; } .lg\:pl-6{ padding-left: 1.5rem; } .lg\:pl-8{ padding-left: 2rem; } .lg\:pr-2{ padding-right: 0.5rem; } .lg\:pr-4{ padding-right: 1rem; } .lg\:pr-6{ padding-right: 1.5rem; } .lg\:pr-8{ padding-right: 2rem; } .lg\:pb-10{ padding-bottom: 2.5rem; } .lg\:pb-14{ padding-bottom: 3.5rem; } .lg\:pt-10{ padding-top: 2.5rem; } .lg\:pt-14{ padding-top: 3.5rem; } .lg\:text-2xl{ font-size: 28px; } .lg\:text-md{ font-size: 1.250em; } .lg\:text-4xl{ font-size: 34px; } .lg\:text-3xl{ font-size: 30px; } .lg\:text-xl{ font-size: 1.500em; } .lg\:text-5xl{ font-size: 44px; } .lg\:text-lg-px{ font-size: 22px; } .lg\:text-7xl{ font-size: 64px; } .lg\:leading-none{ line-height: 1; } .group:hover .lg\:group-hover\:visible{ visibility: visible; } } @media (min-width: 1260px){ .xl\:top-\[495px\]{ top: 495px; } .xl\:right-\[357px\]{ right: 357px; } .xl\:top-\[120px\]{ top: 120px; } .xl\:right-\[-10px\]{ right: -10px; } .xl\:left-auto{ left: auto; } .xl\:top-\[490px\]{ top: 490px; } .xl\:left-\[30px\]{ left: 30px; } .xl\:left-\[120px\]{ left: 120px; } .xl\:top-\[487px\]{ top: 487px; } .xl\:right-\[293px\]{ right: 293px; } .xl\:top-\[517px\]{ top: 517px; } .xl\:right-\[700px\]{ right: 700px; } .xl\:top-2{ top: 0.5rem; } .xl\:top-0{ top: 0px; } .xl\:top-\[-1px\]{ top: -1px; } .xl\:-bottom-4{ bottom: -1rem; } .xl\:m-0{ margin: 0px; } .xl\:m-2{ margin: 0.5rem; } .xl\:m-4{ margin: 1rem; } .xl\:m-8{ margin: 2rem; } .xl\:m-10{ margin: 2.5rem; } .xl\:m-14{ margin: 3.5rem; } .xl\:m-20{ margin: 5rem; } .xl\:my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .xl\:my-4{ margin-top: 1rem; margin-bottom: 1rem; } .xl\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .xl\:mx-8{ margin-left: 2rem; margin-right: 2rem; } .xl\:mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .xl\:mx-4{ margin-left: 1rem; margin-right: 1rem; } .xl\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .xl\:mx-auto{ margin-left: auto; margin-right: auto; } .xl\:my-8{ margin-top: 2rem; margin-bottom: 2rem; } .xl\:my-10{ margin-top: 2.5rem; margin-bottom: 2.5rem; } .xl\:my-14{ margin-top: 3.5rem; margin-bottom: 3.5rem; } .xl\:my-20{ margin-top: 5rem; margin-bottom: 5rem; } .xl\:mx-10{ margin-left: 2.5rem; margin-right: 2.5rem; } .xl\:mx-14{ margin-left: 3.5rem; margin-right: 3.5rem; } .xl\:mx-20{ margin-left: 5rem; margin-right: 5rem; } .xl\:mb-2{ margin-bottom: 0.5rem; } .xl\:mt-2{ margin-top: 0.5rem; } .xl\:mt-4{ margin-top: 1rem; } .xl\:mt-6{ margin-top: 1.5rem; } .xl\:mt-8{ margin-top: 2rem; } .xl\:mr-2{ margin-right: 0.5rem; } .xl\:mr-4{ margin-right: 1rem; } .xl\:mr-6{ margin-right: 1.5rem; } .xl\:mr-8{ margin-right: 2rem; } .xl\:ml-2{ margin-left: 0.5rem; } .xl\:ml-4{ margin-left: 1rem; } .xl\:ml-6{ margin-left: 1.5rem; } .xl\:ml-8{ margin-left: 2rem; } .xl\:mb-4{ margin-bottom: 1rem; } .xl\:mb-8{ margin-bottom: 2rem; } .xl\:mr-12{ margin-right: 3rem; } .xl\:mt-10{ margin-top: 2.5rem; } .xl\:mt-\[60px\]{ margin-top: 60px; } .xl\:mb-10{ margin-bottom: 2.5rem; } .xl\:mb-14{ margin-bottom: 3.5rem; } .xl\:mb-20{ margin-bottom: 5rem; } .xl\:mt-14{ margin-top: 3.5rem; } .xl\:mt-20{ margin-top: 5rem; } .xl\:block{ display: block; } .xl\:hidden{ display: none; } .xl\:h-500px{ height: 500px;; } .xl\:h-420px{ height: 420px;; } .xl\:h-6{ height: 1.5rem; } .xl\:h-12{ height: 3rem; } .xl\:h-24{ height: 6rem; } .xl\:h-32{ height: 8rem; } .xl\:h-40{ height: 10rem; } .xl\:h-48{ height: 12rem; } .xl\:h-64{ height: 16rem; } .xl\:h-\[200px\]{ height: 200px; } .xl\:h-\[500px\]{ height: 500px; } .xl\:h-\[600px\]{ height: 600px; } .xl\:h-\[700px\]{ height: 700px; } .xl\:h-\[800px\]{ height: 800px; } .xl\:h-\[900px\]{ height: 900px; } .xl\:h-\[1000px\]{ height: 1000px; } .xl\:h-\[2000px\]{ height: 2000px; } .xl\:h-\[40px\]{ height: 40px; } .xl\:h-\[140px\]{ height: 140px; } .xl\:h-auto{ height: auto; } .xl\:h-16{ height: 4rem; } .xl\:h-20{ height: 5rem; } .xl\:h-28{ height: 7rem; } .xl\:h-60{ height: 15rem; } .xl\:w-\[570px\]{ width: 570px; } .xl\:w-280px{ width: 280px;; } .xl\:w-368px{ width: 368px;; } .xl\:w-\[283px\]{ width: 283px; } .xl\:w-full{ width: 100%; } .xl\:w-1\/2{ width: 50%; } .xl\:w-1\/3{ width: 33.333333%; } .xl\:w-2\/3{ width: 66.666667%; } .xl\:w-2\/5{ width: 40%; } .xl\:w-3\/5{ width: 60%; } .xl\:w-\[600px\]{ width: 600px; } .xl\:w-\[300px\]{ width: 300px; } .xl\:w-1\/5{ width: 20%; } .xl\:w-3\/4{ width: 75%; } .xl\:w-4\/5{ width: 80%; } .xl\:w-auto{ width: auto; } .xl\:w-\[140px\]{ width: 140px; } .xl\:w-5\/7{ width: 71.4285714%; } .xl\:w-2\/7{ width: 28.5714286%; } .xl\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:flex-row{ flex-direction: row; } .xl\:gap-y-12{ row-gap: 3rem; } .xl\:gap-x-12{ -moz-column-gap: 3rem; column-gap: 3rem; } .xl\:gap-x-16{ -moz-column-gap: 4rem; column-gap: 4rem; } .xl\:border-red{ --tw-border-opacity: 1; border-color: rgba(165, 33, 23, var(--tw-border-opacity)); } .xl\:object-contain{ -o-object-fit: contain; object-fit: contain; } .xl\:p-8{ padding: 2rem; } .xl\:p-0{ padding: 0px; } .xl\:p-2{ padding: 0.5rem; } .xl\:p-4{ padding: 1rem; } .xl\:p-12{ padding: 3rem; } .xl\:p-14{ padding: 3.5rem; } .xl\:p-20{ padding: 5rem; } .xl\:p-10{ padding: 2.5rem; } .xl\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .xl\:px-0{ padding-left: 0px; padding-right: 0px; } .xl\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .xl\:px-4{ padding-left: 1rem; padding-right: 1rem; } .xl\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .xl\:px-8{ padding-left: 2rem; padding-right: 2rem; } .xl\:px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .xl\:py-0{ padding-top: 0px; padding-bottom: 0px; } .xl\:py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .xl\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .xl\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .xl\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .xl\:py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .xl\:px-20{ padding-left: 5rem; padding-right: 5rem; } .xl\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .xl\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .xl\:pb-8{ padding-bottom: 2rem; } .xl\:pt-0{ padding-top: 0px; } .xl\:pt-2{ padding-top: 0.5rem; } .xl\:pt-4{ padding-top: 1rem; } .xl\:pt-6{ padding-top: 1.5rem; } .xl\:pt-8{ padding-top: 2rem; } .xl\:pb-0{ padding-bottom: 0px; } .xl\:pb-2{ padding-bottom: 0.5rem; } .xl\:pb-4{ padding-bottom: 1rem; } .xl\:pb-6{ padding-bottom: 1.5rem; } .xl\:pl-0{ padding-left: 0px; } .xl\:pl-2{ padding-left: 0.5rem; } .xl\:pl-4{ padding-left: 1rem; } .xl\:pl-6{ padding-left: 1.5rem; } .xl\:pl-8{ padding-left: 2rem; } .xl\:pr-2{ padding-right: 0.5rem; } .xl\:pr-4{ padding-right: 1rem; } .xl\:pr-6{ padding-right: 1.5rem; } .xl\:pr-8{ padding-right: 2rem; } .xl\:pr-12{ padding-right: 3rem; } .xl\:pb-10{ padding-bottom: 2.5rem; } .xl\:pb-14{ padding-bottom: 3.5rem; } .xl\:pb-20{ padding-bottom: 5rem; } .xl\:pt-10{ padding-top: 2.5rem; } .xl\:pt-14{ padding-top: 3.5rem; } .xl\:pt-20{ padding-top: 5rem; } .xl\:text-4xl{ font-size: 34px; } .xl\:text-md{ font-size: 1.250em; } .xl\:text-sm-px{ font-size: 18px; } .xl\:text-md-px{ font-size: 20px; } .xl\:leading-snug{ line-height: 1.375; } } @media (min-width: 2000px){ .\32xl\:top-\[590px\]{ top: 590px; } .\32xl\:right-\[460px\]{ right: 460px; } .\32xl\:top-\[130px\]{ top: 130px; } .\32xl\:right-\[40px\]{ right: 40px; } .\32xl\:top-\[620px\]{ top: 620px; } .\32xl\:left-\[30px\]{ left: 30px; } .\32xl\:left-\[180px\]{ left: 180px; } .\32xl\:top-\[610px\]{ top: 610px; } .\32xl\:right-\[426px\]{ right: 426px; } .\32xl\:top-\[640px\]{ top: 640px; } .\32xl\:right-\[957px\]{ right: 957px; } .\32xl\:col-span-8{ grid-column: span 8 / span 8; } .\32xl\:col-start-9{ grid-column-start: 9; } .\32xl\:col-start-5{ grid-column-start: 5; } .\32xl\:mb-40{ margin-bottom: 10rem; } .\32xl\:block{ display: block; } .\32xl\:hidden{ display: none; } .\32xl\:h-500px{ height: 500px;; } .\32xl\:w-\[750px\]{ width: 750px; } .\32xl\:w-360px{ width: 360px;; } .\32xl\:w-500px{ width: 500px;; } .\32xl\:w-3\/4{ width: 75%; } .\32xl\:w-1\/2{ width: 50%; } .\32xl\:w-1\/5{ width: 20%; } .\32xl\:w-full{ width: 100%; } .\32xl\:w-4\/5{ width: 80%; } .\32xl\:border-yellow-400{ --tw-border-opacity: 1; border-color: rgba(251, 191, 36, var(--tw-border-opacity)); } .\32xl\:p-20{ padding: 5rem; } .\32xl\:px-60{ padding-left: 15rem; padding-right: 15rem; } .\32xl\:pr-4{ padding-right: 1rem; } .\32xl\:text-xl-px{ font-size: 24px; } } @media (min-width: 768px){ @media (hover: hover){ .group:hover .md\:no-touch-hover\:group-hover\:visible{ visibility: visible; } } } @media (min-width: 992px){ @media (hover: hover){ .group:hover .lg\:no-touch-hover\:group-hover\:visible{ visibility: visible; } } }