/* Headers via https://patorjk.com/software/taag/#p=display&f=Doh */
/*
bbbbbbbb
iiii b::::::b lllllll
i::::i b::::::b l:::::l
iiii b::::::b l:::::l
b:::::b l:::::l
vvvvvvv vvvvvvvaaaaaaaaaaaaa rrrrr rrrrrrrrr iiiiiii aaaaaaaaaaaaa b:::::bbbbbbbbb l::::l eeeeeeeeeeee ssssssssss
v:::::v v:::::v a::::::::::::a r::::rrr:::::::::r i:::::i a::::::::::::a b::::::::::::::bb l::::l ee::::::::::::ee ss::::::::::s
v:::::v v:::::v aaaaaaaaa:::::ar:::::::::::::::::r i::::i aaaaaaaaa:::::a b::::::::::::::::b l::::l e::::::eeeee:::::eess:::::::::::::s
v:::::v v:::::v a::::arr::::::rrrrr::::::ri::::i a::::a b:::::bbbbb:::::::b l::::l e::::::e e:::::es::::::ssss:::::s
v:::::v v:::::v aaaaaaa:::::a r:::::r r:::::ri::::i aaaaaaa:::::a b:::::b b::::::b l::::l e:::::::eeeee::::::e s:::::s ssssss
v:::::v v:::::v aa::::::::::::a r:::::r rrrrrrri::::i aa::::::::::::a b:::::b b:::::b l::::l e:::::::::::::::::e s::::::s
v:::::v:::::v a::::aaaa::::::a r:::::r i::::i a::::aaaa::::::a b:::::b b:::::b l::::l e::::::eeeeeeeeeee s::::::s
v:::::::::v a::::a a:::::a r:::::r i::::i a::::a a:::::a b:::::b b:::::b l::::l e:::::::e ssssss s:::::s
v:::::::v a::::a a:::::a r:::::r i::::::ia::::a a:::::a b:::::bbbbbb::::::bl::::::le::::::::e s:::::ssss::::::s
v:::::v a:::::aaaa::::::a r:::::r i::::::ia:::::aaaa::::::a b::::::::::::::::b l::::::l e::::::::eeeeeeee s::::::::::::::s
v:::v a::::::::::aa:::ar:::::r i::::::i a::::::::::aa:::ab:::::::::::::::b l::::::l ee:::::::::::::e s:::::::::::ss
vvv aaaaaaaaaa aaaarrrrrrr iiiiiiii aaaaaaaaaa aaaabbbbbbbbbbbbbbbb llllllll eeeeeeeeeeeeee sssssssssss
Variables */
:root {
--standard-horiz-spacer: 2rem;
--standard-vert-spacer: 2rem;
--zero-spacer: 0rem;
--one-spacer: 1rem;
--two-spacer: 1.5rem;
--three-spacer: 3rem;
--four-spacer: 4rem;
--five-spacer: 5rem;
--global--font-primary: "GT Walsheim Medium", -apple-system, sans-serif;
--global--font-secondary: "GT Walsheim Regular", -apple-system, sans-serif;
--global--font-bold: "GT Walsheim Bold", -apple-system, sans-serif;
--global--font-mono: "GT Walsheim Mono", -apple-system, sans-serif;
--color-white: #ffffff;
--color-transparent-white: rgba(255,255,255,0.6);
--color-black: #000000;
--color-transparent-gray: rgba(39,39,38,0.6);
--color-gray: #272726;
--color-lightergray: #939392;
--color-lightgray: #BBBBBB;
--color-lightestgray: #EFEFEF;
--color-lightesttintgray: #F9F9F9;
--color-blue: #0042B8;
--color-lightblue: #CBD8F1;
--color-lightestblue: #F3F7FF;
--color-green: #39B54A;
--color-lightgreen: #C4E9C9;
--color-lightestgreen: #F6FFF8;
--color-red: #EE3124;
--color-lightred: #F9C1BD;
--color-lightestred: #F9C1BD;
--color-yellow: #FFCB05;
--color-lightyellow: #FFF5CD;
--color-lightestyellow: #FFF5CD;
--color-purple: #5C2D91;
--color-lightpurple: #DED5E9;
--color-lightestpurple: #F7F1FF;
--color-aqua: #00AEE6;
--color-lightaqua: #B2E6F7;
--color-lightestaqua: #F3FCFF;
--color-teal: #00AAAD;
--color-lightteal: #CCEEEE;
--color-lightestteal: #CCEEEE;
--color-orange: #F99D1C;
--color-lightorange: #FEECD3;
--color-lightestorange: #FFFAF2;
--color-light-green: #1DCE49;
--color-red-heat: #FF0000;
--color-dark-yellow: #FFC700;
--wp--preset--color--blue: var(--color-blue);
}
/*
dddddddd
d::::::d iiii lllllll
d::::::d i::::i l:::::l
d::::::d iiii l:::::l
d:::::d l:::::l
ddddddddd:::::d iiiiiii ssssssssss ppppp ppppppppp l::::l aaaaaaaaaaaaayyyyyyy yyyyyyy
dd::::::::::::::d i:::::i ss::::::::::s p::::ppp:::::::::p l::::l a::::::::::::ay:::::y y:::::y
d::::::::::::::::d i::::i ss:::::::::::::s p:::::::::::::::::p l::::l aaaaaaaaa:::::ay:::::y y:::::y
d:::::::ddddd:::::d i::::i s::::::ssss:::::spp::::::ppppp::::::p l::::l a::::a y:::::y y:::::y
d::::::d d:::::d i::::i s:::::s ssssss p:::::p p:::::p l::::l aaaaaaa:::::a y:::::y y:::::y
d:::::d d:::::d i::::i s::::::s p:::::p p:::::p l::::l aa::::::::::::a y:::::y y:::::y
d:::::d d:::::d i::::i s::::::s p:::::p p:::::p l::::l a::::aaaa::::::a y:::::y:::::y
d:::::d d:::::d i::::i ssssss s:::::s p:::::p p::::::p l::::l a::::a a:::::a y:::::::::y
d::::::ddddd::::::ddi::::::is:::::ssss::::::s p:::::ppppp:::::::pl::::::la::::a a:::::a y:::::::y
d:::::::::::::::::di::::::is::::::::::::::s p::::::::::::::::p l::::::la:::::aaaa::::::a y:::::y
d:::::::::ddd::::di::::::i s:::::::::::ss p::::::::::::::pp l::::::l a::::::::::aa:::a y:::::y
ddddddddd dddddiiiiiiii sssssssssss p::::::pppppppp llllllll aaaaaaaaaa aaaa y:::::y
p:::::p y:::::y
p:::::p y:::::y
p:::::::p y:::::y
p:::::::p y:::::y
p:::::::p yyyyyyy
ppppppppp
Display
*/
.d-grid {
display: grid !important;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1141px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
/*
lllllll iiii tttt
l:::::l i::::i ttt:::t
l:::::l iiii t:::::t
l:::::l t:::::t
aaaaaaaaaaaaa l::::l iiiiiii ggggggggg gggggnnnn nnnnnnnn mmmmmmm mmmmmmm eeeeeeeeeeee nnnn nnnnnnnn ttttttt:::::ttttttt
a::::::::::::a l::::l i:::::i g:::::::::ggg::::gn:::nn::::::::nn mm:::::::m m:::::::mm ee::::::::::::ee n:::nn::::::::nn t:::::::::::::::::t
aaaaaaaaa:::::a l::::l i::::i g:::::::::::::::::gn::::::::::::::nn m::::::::::mm::::::::::m e::::::eeeee:::::een::::::::::::::nn t:::::::::::::::::t
a::::a l::::l i::::i g::::::ggggg::::::ggnn:::::::::::::::nm::::::::::::::::::::::me::::::e e:::::enn:::::::::::::::ntttttt:::::::tttttt
aaaaaaa:::::a l::::l i::::i g:::::g g:::::g n:::::nnnn:::::nm:::::mmm::::::mmm:::::me:::::::eeeee::::::e n:::::nnnn:::::n t:::::t
aa::::::::::::a l::::l i::::i g:::::g g:::::g n::::n n::::nm::::m m::::m m::::me:::::::::::::::::e n::::n n::::n t:::::t
a::::aaaa::::::a l::::l i::::i g:::::g g:::::g n::::n n::::nm::::m m::::m m::::me::::::eeeeeeeeeee n::::n n::::n t:::::t
a::::a a:::::a l::::l i::::i g::::::g g:::::g n::::n n::::nm::::m m::::m m::::me:::::::e n::::n n::::n t:::::t tttttt
a::::a a:::::a l::::::li::::::ig:::::::ggggg:::::g n::::n n::::nm::::m m::::m m::::me::::::::e n::::n n::::n t::::::tttt:::::t
a:::::aaaa::::::a l::::::li::::::i g::::::::::::::::g n::::n n::::nm::::m m::::m m::::m e::::::::eeeeeeee n::::n n::::n tt::::::::::::::t
a::::::::::aa:::al::::::li::::::i gg::::::::::::::g n::::n n::::nm::::m m::::m m::::m ee:::::::::::::e n::::n n::::n tt:::::::::::tt
aaaaaaaaaa aaaalllllllliiiiiiii gggggggg::::::g nnnnnn nnnnnnmmmmmm mmmmmm mmmmmm eeeeeeeeeeeeee nnnnnn nnnnnn ttttttttttt
g:::::g
gggggg g:::::g
g:::::gg gg:::::g
g::::::ggg:::::::g
gg:::::::::::::g
ggg::::::ggg
gggggg
Alignment
*/
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 1141px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
/*
ffffffffffffffff lllllll
f::::::::::::::::f l:::::l
f::::::::::::::::::fl:::::l
f::::::fffffff:::::fl:::::l
f:::::f ffffff l::::l eeeeeeeeeeee xxxxxxx xxxxxxx
f:::::f l::::l ee::::::::::::ee x:::::x x:::::x
f:::::::ffffff l::::l e::::::eeeee:::::eex:::::x x:::::x
f::::::::::::f l::::l e::::::e e:::::e x:::::xx:::::x
f::::::::::::f l::::l e:::::::eeeee::::::e x::::::::::x
f:::::::ffffff l::::l e:::::::::::::::::e x::::::::x
f:::::f l::::l e::::::eeeeeeeeeee x::::::::x
f:::::f l::::l e:::::::e x::::::::::x
f:::::::f l::::::le::::::::e x:::::xx:::::x
f:::::::f l::::::l e::::::::eeeeeeee x:::::x x:::::x
f:::::::f l::::::l ee:::::::::::::e x:::::x x:::::x
fffffffff llllllll eeeeeeeeeeeeeexxxxxxx xxxxxxx
Flex
*/
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1141px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/*
dddddddd
iiii d::::::d
i::::i d::::::d
iiii d::::::d
d:::::d
ggggggggg gggggrrrrr rrrrrrrrr iiiiiii ddddddddd:::::d
g:::::::::ggg::::gr::::rrr:::::::::r i:::::i dd::::::::::::::d
g:::::::::::::::::gr:::::::::::::::::r i::::i d::::::::::::::::d
g::::::ggggg::::::ggrr::::::rrrrr::::::ri::::i d:::::::ddddd:::::d
g:::::g g:::::g r:::::r r:::::ri::::i d::::::d d:::::d
g:::::g g:::::g r:::::r rrrrrrri::::i d:::::d d:::::d
g:::::g g:::::g r:::::r i::::i d:::::d d:::::d
g::::::g g:::::g r:::::r i::::i d:::::d d:::::d
g:::::::ggggg:::::g r:::::r i::::::id::::::ddddd::::::dd
g::::::::::::::::g r:::::r i::::::i d:::::::::::::::::d
gg::::::::::::::g r:::::r i::::::i d:::::::::ddd::::d
gggggggg::::::g rrrrrrr iiiiiiii ddddddddd ddddd
g:::::g
gggggg g:::::g
g:::::gg gg:::::g
g::::::ggg:::::::g
gg:::::::::::::g
ggg::::::ggg
gggggg
*/
.date-grid {
column-gap: 1rem;
}
.grid-cover {
justify-content: flex-start !important;
align-items: flex-end !important;
height: 500px;
margin-top: inherit;
margin-bottom: inherit;
display: flex;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.grid-cover__inner-container {
width: 100%;
height: 100%;
}
.grid-cover__inner-container:hover{
background-color: transparent !important;
}
.grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 1.5rem;
}
.grid-no-gap {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 0rem;
}
.grid-justify-center {
justify-items: center;
}
.grid-align-items-center {
align-items: center;
}
.grid-place-self-center {
place-self: center;
}
.grid-align-self-center {
align-self: center;
}
.grid-split {
grid-column: span 6;
}
.grid-3-4 {
grid-column: span 9;
}
.grid-1-4 {
grid-column: span 3;
}
.grid-col-3-mobile-split {
grid-column: span 3;
}
.grid-col-12 {
grid-column: span 12;
}
.flowgrid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
grid-gap: 2rem;
}
.blocks-gallery-grid, .wp-block-gallery {
margin: 0 auto;
}
.blocks-gallery-grid ul.blocks-gallery-grid, .wp-block-gallery ul.blocks-gallery-grid {
display: flex;
list-style-type: none !important;
list-style: none !important;
padding: 0;
margin-right: -.75rem !important;
margin-left: -.75rem !important;
}
.custom-slideshow ol.flickity-page-dots {
display: flex;
bottom: -50px !important;
}
.custom-slideshow ol.flickity-page-dots li {
list-style-type: none !important;
list-style: none !important;
}
.blocks-gallery-grid ul.blocks-gallery-grid li, .wp-block-gallery ul.blocks-gallery-grid li {
list-style-type: none !important;
list-style: none !important;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
padding: .75rem .75rem .75rem .75rem;
margin-right: 0 !important;
}
.short-row {
grid-auto-rows: 240px;
}
.grid-cell {
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
width: 100%;
overflow: hidden;
}
@media (max-width: 1023px) {
.order-mobile-1 {
order: 1;
}
.order-mobile-2 {
order: 2;
}
.order-mobile-3 {
order: 3;
}
.grid-col-1 {
grid-column: span 12;
}
.grid-col-2 {
grid-column: span 12;
}
.grid-col-3 {
grid-column: span 6;
}
.grid-col-4 {
grid-column: span 6;
}
.grid-col-5 {
grid-column: span 12;
}
.grid-col-6 {
grid-column: span 12;
}
.grid-col-7 {
grid-column: span 12;
}
.grid-col-8 {
grid-column: span 12;
}
.grid-col-9 {
grid-column: span 12;
}
.grid-col-10 {
grid-column: span 12;
}
.grid-col-11 {
grid-column: span 12;
}
.offset-4 {
grid-column-start: 1;
grid-column-end: 13;
}
.offset-3 {
grid-column-start: 1;
grid-column-end: 13;
}
.offset-2 {
grid-column-start: 1;
grid-column-end: 13;
}
.offset-1 {
grid-column-start: 1;
grid-column-end: 13;
}
}
@media (max-width: 1200px) {
.places-panel .grid-col-4 {
grid-column: span 6;
}
}
@media (max-width: 840px) {
.places-panel .grid-col-4 {
grid-column: span 12;
}
}
@media (max-width: 768px) {
.order-mobile-1 {
order: 1;
}
.grid-cover {
height: 300px !important;
}
.order-mobile-2 {
order: 2;
}
.order-mobile-3 {
order: 3;
}
.grid-col-1 {
grid-column: span 12;
}
.grid-col-2 {
grid-column: span 12;
}
.grid-col-3 {
grid-column: span 12;
}
.grid-col-3-mobile-split {
grid-column: span 6;
}
.grid-col-4 {
grid-column: span 12;
}
.grid-col-5 {
grid-column: span 12;
}
.grid-col-6 {
grid-column: span 12;
}
.grid-col-7 {
grid-column: span 12;
}
.grid-col-8 {
grid-column: span 12;
}
.grid-col-9 {
grid-column: span 12;
}
.grid-col-10 {
grid-column: span 12;
}
.grid-col-11 {
grid-column: span 12;
}
.offset-4 {
grid-column-start: 1;
grid-column-end: 13;
}
.offset-3 {
grid-column-start: 1;
grid-column-end: 13;
}
.offset-2 {
grid-column-start: 1;
grid-column-end: 13;
}
.offset-1 {
grid-column-start: 1;
grid-column-end: 13;
}
.grid {
grid-gap: 1.5rem !important;
}
}
@media (min-width: 1024px) {
.grid-col-1 {
grid-column: span 1;
}
.grid-col-2 {
grid-column: span 2;
}
.grid-col-3 {
grid-column: span 3;
}
.grid-col-4 {
grid-column: span 4;
}
.grid-col-5 {
grid-column: span 5;
}
.grid-col-6 {
grid-column: span 6;
}
.grid-col-7 {
grid-column: span 7;
}
.grid-col-8 {
grid-column: span 8;
}
.grid-col-9 {
grid-column: span 9;
}
.grid-col-10 {
grid-column: span 10;
}
.grid-col-11 {
grid-column: span 11;
}
.grid-col-12 {
grid-column: span 12;
}
.offset-4 {
grid-column-start: 5;
grid-column-end: 9;
}
.offset-3 {
grid-column-start: 4;
grid-column-end: 10;
}
.offset-2 {
grid-column-start: 3;
grid-column-end: 11;
}
.offset-1 {
grid-column-start: 2;
grid-column-end: 12;
}
}
/*
dddddddd
iiii d::::::d tttt hhhhhhh
i::::i d::::::d ttt:::t h:::::h
iiii d::::::d t:::::t h:::::h
d:::::d t:::::t h:::::h
wwwwwww wwwww wwwwwwwiiiiiii ddddddddd:::::dttttttt:::::ttttttt h::::h hhhhh
w:::::w w:::::w w:::::w i:::::i dd::::::::::::::dt:::::::::::::::::t h::::hh:::::hhh
w:::::w w:::::::w w:::::w i::::i d::::::::::::::::dt:::::::::::::::::t h::::::::::::::hh
w:::::w w:::::::::w w:::::w i::::i d:::::::ddddd:::::dtttttt:::::::tttttt h:::::::hhh::::::h
w:::::w w:::::w:::::w w:::::w i::::i d::::::d d:::::d t:::::t h::::::h h::::::h
w:::::w w:::::w w:::::w w:::::w i::::i d:::::d d:::::d t:::::t h:::::h h:::::h
w:::::w:::::w w:::::w:::::w i::::i d:::::d d:::::d t:::::t h:::::h h:::::h
w:::::::::w w:::::::::w i::::i d:::::d d:::::d t:::::t tttttth:::::h h:::::h
w:::::::w w:::::::w i::::::id::::::ddddd::::::dd t::::::tttt:::::th:::::h h:::::h
w:::::w w:::::w i::::::i d:::::::::::::::::d tt::::::::::::::th:::::h h:::::h
w:::w w:::w i::::::i d:::::::::ddd::::d tt:::::::::::tth:::::h h:::::h
www www iiiiiiii ddddddddd ddddd ttttttttttt hhhhhhh hhhhhhh
Width (Limits, etc.)
*/
.max-width-container {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-100 {
height: 100% !important;
}
.h-90vh {
height: 90vh !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
@media (min-width: 1141px) {
.w-lg-50{
width: 50%;
}
}
/*
iiii
i::::i
iiii
mmmmmmm mmmmmmm aaaaaaaaaaaaa rrrrr rrrrrrrrr ggggggggg gggggiiiiiiinnnn nnnnnnnn ssssssssss
mm:::::::m m:::::::mm a::::::::::::a r::::rrr:::::::::r g:::::::::ggg::::gi:::::in:::nn::::::::nn ss::::::::::s
m::::::::::mm::::::::::m aaaaaaaaa:::::ar:::::::::::::::::r g:::::::::::::::::g i::::in::::::::::::::nn ss:::::::::::::s
m::::::::::::::::::::::m a::::arr::::::rrrrr::::::rg::::::ggggg::::::gg i::::inn:::::::::::::::ns::::::ssss:::::s
m:::::mmm::::::mmm:::::m aaaaaaa:::::a r:::::r r:::::rg:::::g g:::::g i::::i n:::::nnnn:::::n s:::::s ssssss
m::::m m::::m m::::m aa::::::::::::a r:::::r rrrrrrrg:::::g g:::::g i::::i n::::n n::::n s::::::s
m::::m m::::m m::::m a::::aaaa::::::a r:::::r g:::::g g:::::g i::::i n::::n n::::n s::::::s
m::::m m::::m m::::ma::::a a:::::a r:::::r g::::::g g:::::g i::::i n::::n n::::nssssss s:::::s
m::::m m::::m m::::ma::::a a:::::a r:::::r g:::::::ggggg:::::g i::::::i n::::n n::::ns:::::ssss::::::s
m::::m m::::m m::::ma:::::aaaa::::::a r:::::r g::::::::::::::::g i::::::i n::::n n::::ns::::::::::::::s
m::::m m::::m m::::m a::::::::::aa:::ar:::::r gg::::::::::::::g i::::::i n::::n n::::n s:::::::::::ss
mmmmmm mmmmmm mmmmmm aaaaaaaaaa aaaarrrrrrr gggggggg::::::g iiiiiiii nnnnnn nnnnnn sssssssssss
g:::::g
gggggg g:::::g
g:::::gg gg:::::g
g::::::ggg:::::::g
gg:::::::::::::g
ggg::::::ggg
gggggg
Margins
*/
.m-0 {
margin: var(--zero-spacer) !important;
}
.mt-0,
.my-0 {
margin-top: var(--zero-spacer) !important;
}
.mr-0,
.mx-0 {
margin-right: var(--zero-spacer) !important;
}
.mb-0,
.my-0 {
margin-bottom: var(--zero-spacer) !important;
}
.ml-0,
.mx-0 {
margin-left: var(--zero-spacer) !important;
}
.m-1 {
margin: var(--one-spacer) !important;
}
.mt-1,
.my-1 {
margin-top: var(--one-spacer) !important;
}
.mr-1,
.mx-1 {
margin-right: var(--one-spacer) !important;
}
.mb-1,
.my-1 {
margin-bottom: var(--one-spacer) !important;
}
.ml-1,
.mx-1 {
margin-left: var(--one-spacer) !important;
}
.m-2 {
margin: var(--two-spacer) !important;
}
.mt-2,
.my-2 {
margin-top: var(--two-spacer) !important;
}
.mr-2,
.mx-2 {
margin-right: var(--two-spacer) !important;
}
.mb-2,
.my-2 {
margin-bottom: var(--two-spacer) !important;
}
.ml-2,
.mx-2 {
margin-left: var(--two-spacer) !important;
}
.m-3 {
margin: var(--three-spacer) !important;
}
.mt-3,
.my-3 {
margin-top: var(--three-spacer) !important;
}
.mr-3,
.mx-3 {
margin-right: var(--three-spacer) !important;
}
.mb-3,
.my-3 {
margin-bottom: var(--three-spacer) !important;
}
.ml-3,
.mx-3 {
margin-left: var(--three-spacer) !important;
}
.m-4 {
margin: var(--four-spacer) !important;
}
.mt-4,
.my-4 {
margin-top: var(--four-spacer) !important;
}
.mr-4,
.mx-4 {
margin-right: var(--four-spacer) !important;
}
.mb-4,
.my-4 {
margin-bottom: var(--four-spacer) !important;
}
.ml-4,
.mx-4 {
margin-left: var(--four-spacer) !important;
}
.m-5 {
margin: var(--five-spacer) !important;
}
.mt-5,
.my-5 {
margin-top: var(--five-spacer) !important;
}
.mr-5,
.mx-5 {
margin-right: var(--five-spacer) !important;
}
.mb-5,
.my-5 {
margin-bottom: var(--five-spacer) !important;
}
.ml-5,
.mx-5 {
margin-left: var(--five-spacer) !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: var(--zero-spacer) !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: var(--zero-spacer) !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: var(--zero-spacer) !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: var(--zero-spacer) !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: var(--zero-spacer) !important;
}
.m-sm-1 {
margin: var(--one-spacer) !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: var(--one-spacer) !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: var(--one-spacer) !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: var(--one-spacer) !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: var(--one-spacer) !important;
}
.m-sm-2 {
margin: var(--two-spacer) !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: var(--two-spacer) !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: var(--two-spacer) !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: var(--two-spacer) !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: var(--two-spacer) !important;
}
.m-sm-3 {
margin: var(--three-spacer) !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: var(--three-spacer) !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: var(--three-spacer) !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: var(--three-spacer) !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: var(--three-spacer) !important;
}
.m-sm-4 {
margin: var(--four-spacer) !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: var(--four-spacer) !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: var(--four-spacer) !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: var(--four-spacer) !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: var(--four-spacer) !important;
}
.m-sm-5 {
margin: var(--five-spacer) !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: var(--five-spacer) !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: var(--five-spacer) !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: var(--five-spacer) !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: var(--five-spacer) !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: var(--zero-spacer) !important;
}
.mt-md-0,
.my-md-0 {
margin-top: var(--zero-spacer) !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: var(--zero-spacer) !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: var(--zero-spacer) !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: var(--zero-spacer) !important;
}
.m-md-1 {
margin: var(--one-spacer) !important;
}
.mt-md-1,
.my-md-1 {
margin-top: var(--one-spacer) !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: var(--one-spacer) !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: var(--one-spacer) !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: var(--one-spacer) !important;
}
.m-md-2 {
margin: var(--two-spacer) !important;
}
.mt-md-2,
.my-md-2 {
margin-top: var(--two-spacer) !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: var(--two-spacer) !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: var(--two-spacer) !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: var(--two-spacer) !important;
}
.m-md-3 {
margin: var(--three-spacer) !important;
}
.mt-md-3,
.my-md-3 {
margin-top: var(--three-spacer) !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: var(--three-spacer) !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: var(--three-spacer) !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: var(--three-spacer) !important;
}
.m-md-4 {
margin: var(--four-spacer) !important;
}
.mt-md-4,
.my-md-4 {
margin-top: var(--four-spacer) !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: var(--four-spacer) !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: var(--four-spacer) !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: var(--four-spacer) !important;
}
.m-md-5 {
margin: var(--five-spacer) !important;
}
.mt-md-5,
.my-md-5 {
margin-top: var(--five-spacer) !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: var(--five-spacer) !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: var(--five-spacer) !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: var(--five-spacer) !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 1141px) {
.m-lg-0 {
margin: var(--zero-spacer) !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: var(--zero-spacer) !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: var(--zero-spacer) !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: var(--zero-spacer) !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: var(--zero-spacer) !important;
}
.m-lg-1 {
margin: var(--one-spacer) !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: var(--one-spacer) !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: var(--one-spacer) !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: var(--one-spacer) !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: var(--one-spacer) !important;
}
.m-lg-2 {
margin: var(--two-spacer) !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: var(--two-spacer) !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: var(--two-spacer) !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: var(--two-spacer) !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: var(--two-spacer) !important;
}
.m-lg-3 {
margin: var(--three-spacer) !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: var(--three-spacer) !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: var(--three-spacer) !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: var(--three-spacer) !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: var(--three-spacer) !important;
}
.m-lg-4 {
margin: var(--four-spacer) !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: var(--four-spacer) !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: var(--four-spacer) !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: var(--four-spacer) !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: var(--four-spacer) !important;
}
.m-lg-5 {
margin: var(--five-spacer) !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: var(--five-spacer) !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: var(--five-spacer) !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: var(--five-spacer) !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: var(--five-spacer) !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: var(--zero-spacer) !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: var(--zero-spacer) !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: var(--zero-spacer) !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: var(--zero-spacer) !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: var(--zero-spacer) !important;
}
.m-xl-1 {
margin: var(--one-spacer) !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: var(--one-spacer) !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: var(--one-spacer) !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: var(--one-spacer) !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: var(--one-spacer) !important;
}
.m-xl-2 {
margin: var(--two-spacer) !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: var(--two-spacer) !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: var(--two-spacer) !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: var(--two-spacer) !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: var(--two-spacer) !important;
}
.m-xl-3 {
margin: var(--three-spacer) !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: var(--three-spacer) !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: var(--three-spacer) !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: var(--three-spacer) !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: var(--three-spacer) !important;
}
.m-xl-4 {
margin: var(--four-spacer) !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: var(--four-spacer) !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: var(--four-spacer) !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: var(--four-spacer) !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: var(--four-spacer) !important;
}
.m-xl-5 {
margin: var(--five-spacer) !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: var(--five-spacer) !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: var(--five-spacer) !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: var(--five-spacer) !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: var(--five-spacer) !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
/*
dddddddd dddddddd
d::::::d d::::::d iiii
d::::::d d::::::d i::::i
d::::::d d::::::d iiii
d:::::d d:::::d
ppppp ppppppppp aaaaaaaaaaaaa ddddddddd:::::d ddddddddd:::::d iiiiiiinnnn nnnnnnnn ggggggggg ggggg
p::::ppp:::::::::p a::::::::::::a dd::::::::::::::d dd::::::::::::::d i:::::in:::nn::::::::nn g:::::::::ggg::::g
p:::::::::::::::::p aaaaaaaaa:::::a d::::::::::::::::d d::::::::::::::::d i::::in::::::::::::::nn g:::::::::::::::::g
pp::::::ppppp::::::p a::::ad:::::::ddddd:::::d d:::::::ddddd:::::d i::::inn:::::::::::::::ng::::::ggggg::::::gg
p:::::p p:::::p aaaaaaa:::::ad::::::d d:::::d d::::::d d:::::d i::::i n:::::nnnn:::::ng:::::g g:::::g
p:::::p p:::::p aa::::::::::::ad:::::d d:::::d d:::::d d:::::d i::::i n::::n n::::ng:::::g g:::::g
p:::::p p:::::p a::::aaaa::::::ad:::::d d:::::d d:::::d d:::::d i::::i n::::n n::::ng:::::g g:::::g
p:::::p p::::::pa::::a a:::::ad:::::d d:::::d d:::::d d:::::d i::::i n::::n n::::ng::::::g g:::::g
p:::::ppppp:::::::pa::::a a:::::ad::::::ddddd::::::ddd::::::ddddd::::::ddi::::::i n::::n n::::ng:::::::ggggg:::::g
p::::::::::::::::p a:::::aaaa::::::a d:::::::::::::::::d d:::::::::::::::::di::::::i n::::n n::::n g::::::::::::::::g
p::::::::::::::pp a::::::::::aa:::a d:::::::::ddd::::d d:::::::::ddd::::di::::::i n::::n n::::n gg::::::::::::::g
p::::::pppppppp aaaaaaaaaa aaaa ddddddddd ddddd ddddddddd dddddiiiiiiii nnnnnn nnnnnn gggggggg::::::g
p:::::p g:::::g
p:::::p gggggg g:::::g
p:::::::p g:::::gg gg:::::g
p:::::::p g::::::ggg:::::::g
p:::::::p gg:::::::::::::g
ppppppppp ggg::::::ggg
gggggg
Padding
*/
.p-0 {
padding: var(--zero-spacer) !important;
}
.pt-0,
.py-0 {
padding-top: var(--zero-spacer) !important;
}
.pr-0,
.px-0 {
padding-right: var(--zero-spacer) !important;
}
.pb-0,
.py-0 {
padding-bottom: var(--zero-spacer) !important;
}
.pl-0,
.px-0 {
padding-left: var(--zero-spacer) !important;
}
.p-1 {
padding: var(--one-spacer) !important;
}
.pt-1,
.py-1 {
padding-top: var(--one-spacer) !important;
}
.pr-1,
.px-1 {
padding-right: var(--one-spacer) !important;
}
.pb-1,
.py-1 {
padding-bottom: var(--one-spacer) !important;
}
.pl-1,
.px-1 {
padding-left: var(--one-spacer) !important;
}
.p-2 {
padding: var(--two-spacer) !important;
}
.pt-2,
.py-2 {
padding-top: var(--two-spacer) !important;
}
.pr-2,
.px-2 {
padding-right: var(--two-spacer) !important;
}
.pb-2,
.py-2 {
padding-bottom: var(--two-spacer) !important;
}
.pl-2,
.px-2 {
padding-left: var(--two-spacer) !important;
}
.p-3 {
padding: var(--three-spacer) !important;
}
.pt-3,
.py-3 {
padding-top: var(--three-spacer) !important;
}
.pr-3,
.px-3 {
padding-right: var(--three-spacer) !important;
}
.pb-3,
.py-3 {
padding-bottom: var(--three-spacer) !important;
}
.pl-3,
.px-3 {
padding-left: var(--three-spacer) !important;
}
.p-4 {
padding: var(--four-spacer) !important;
}
.pt-4,
.py-4 {
padding-top: var(--four-spacer) !important;
}
.pr-4,
.px-4 {
padding-right: var(--four-spacer) !important;
}
.pb-4,
.py-4 {
padding-bottom: var(--four-spacer) !important;
}
.pl-4,
.px-4 {
padding-left: var(--four-spacer) !important;
}
.p-5 {
padding: var(--five-spacer) !important;
}
.pt-5,
.py-5 {
padding-top: var(--five-spacer) !important;
}
.pr-5,
.px-5 {
padding-right: var(--five-spacer) !important;
}
.pb-5,
.py-5 {
padding-bottom: var(--five-spacer) !important;
}
.pl-5,
.px-5 {
padding-left: var(--five-spacer) !important;
}
@media (min-width: 576px) {
.p-sm-0 {
padding: var(--zero-spacer) !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: var(--zero-spacer) !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: var(--zero-spacer) !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: var(--zero-spacer) !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: var(--zero-spacer) !important;
}
.p-sm-1 {
padding: var(--one-spacer) !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: var(--one-spacer) !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: var(--one-spacer) !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: var(--one-spacer) !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: var(--one-spacer) !important;
}
.p-sm-2 {
padding: var(--two-spacer) !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: var(--two-spacer) !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: var(--two-spacer) !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: var(--two-spacer) !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: var(--two-spacer) !important;
}
.p-sm-3 {
padding: var(--three-spacer) !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: var(--three-spacer) !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: var(--three-spacer) !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: var(--three-spacer) !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: var(--three-spacer) !important;
}
.p-sm-4 {
padding: var(--four-spacer) !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: var(--four-spacer) !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: var(--four-spacer) !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: var(--four-spacer) !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: var(--four-spacer) !important;
}
.p-sm-5 {
padding: var(--five-spacer) !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: var(--five-spacer) !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: var(--five-spacer) !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: var(--five-spacer) !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: var(--five-spacer) !important;
}
}
@media (min-width: 768px) {
.p-md-0 {
padding: var(--zero-spacer) !important;
}
.pt-md-0,
.py-md-0 {
padding-top: var(--zero-spacer) !important;
}
.pr-md-0,
.px-md-0 {
padding-right: var(--zero-spacer) !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: var(--zero-spacer) !important;
}
.pl-md-0,
.px-md-0 {
padding-left: var(--zero-spacer) !important;
}
.p-md-1 {
padding: var(--one-spacer) !important;
}
.pt-md-1,
.py-md-1 {
padding-top: var(--one-spacer) !important;
}
.pr-md-1,
.px-md-1 {
padding-right: var(--one-spacer) !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: var(--one-spacer) !important;
}
.pl-md-1,
.px-md-1 {
padding-left: var(--one-spacer) !important;
}
.p-md-2 {
padding: var(--two-spacer) !important;
}
.pt-md-2,
.py-md-2 {
padding-top: var(--two-spacer) !important;
}
.pr-md-2,
.px-md-2 {
padding-right: var(--two-spacer) !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: var(--two-spacer) !important;
}
.pl-md-2,
.px-md-2 {
padding-left: var(--two-spacer) !important;
}
.p-md-3 {
padding: var(--three-spacer) !important;
}
.pt-md-3,
.py-md-3 {
padding-top: var(--three-spacer) !important;
}
.pr-md-3,
.px-md-3 {
padding-right: var(--three-spacer) !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: var(--three-spacer) !important;
}
.pl-md-3,
.px-md-3 {
padding-left: var(--three-spacer) !important;
}
.p-md-4 {
padding: var(--four-spacer) !important;
}
.pt-md-4,
.py-md-4 {
padding-top: var(--four-spacer) !important;
}
.pr-md-4,
.px-md-4 {
padding-right: var(--four-spacer) !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: var(--four-spacer) !important;
}
.pl-md-4,
.px-md-4 {
padding-left: var(--four-spacer) !important;
}
.p-md-5 {
padding: var(--five-spacer) !important;
}
.pt-md-5,
.py-md-5 {
padding-top: var(--five-spacer) !important;
}
.pr-md-5,
.px-md-5 {
padding-right: var(--five-spacer) !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: var(--five-spacer) !important;
}
.pl-md-5,
.px-md-5 {
padding-left: var(--five-spacer) !important;
}
}
@media (min-width: 1141px) {
.p-lg-0 {
padding: var(--zero-spacer) !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: var(--zero-spacer) !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: var(--zero-spacer) !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: var(--zero-spacer) !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: var(--zero-spacer) !important;
}
.p-lg-1 {
padding: var(--one-spacer) !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: var(--one-spacer) !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: var(--one-spacer) !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: var(--one-spacer) !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: var(--one-spacer) !important;
}
.p-lg-2 {
padding: var(--two-spacer) !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: var(--two-spacer) !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: var(--two-spacer) !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: var(--two-spacer) !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: var(--two-spacer) !important;
}
.p-lg-3 {
padding: var(--three-spacer) !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: var(--three-spacer) !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: var(--three-spacer) !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: var(--three-spacer) !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: var(--three-spacer) !important;
}
.p-lg-4 {
padding: var(--four-spacer) !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: var(--four-spacer) !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: var(--four-spacer) !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: var(--four-spacer) !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: var(--four-spacer) !important;
}
.p-lg-5 {
padding: var(--five-spacer) !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: var(--five-spacer) !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: var(--five-spacer) !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: var(--five-spacer) !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: var(--five-spacer) !important;
}
}
@media (min-width: 1200px) {
.p-xl-0 {
padding: var(--zero-spacer) !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: var(--zero-spacer) !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: var(--zero-spacer) !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: var(--zero-spacer) !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: var(--zero-spacer) !important;
}
.p-xl-1 {
padding: var(--one-spacer) !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: var(--one-spacer) !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: var(--one-spacer) !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: var(--one-spacer) !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: var(--one-spacer) !important;
}
.p-xl-2 {
padding: var(--two-spacer) !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: var(--two-spacer) !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: var(--two-spacer) !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: var(--two-spacer) !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: var(--two-spacer) !important;
}
.p-xl-3 {
padding: var(--three-spacer) !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: var(--three-spacer) !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: var(--three-spacer) !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: var(--three-spacer) !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: var(--three-spacer) !important;
}
.p-xl-4 {
padding: var(--four-spacer) !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: var(--four-spacer) !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: var(--four-spacer) !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: var(--four-spacer) !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: var(--four-spacer) !important;
}
.p-xl-5 {
padding: var(--five-spacer) !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: var(--five-spacer) !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: var(--five-spacer) !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: var(--five-spacer) !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: var(--five-spacer) !important;
}
}
/*
tttt tttt
ttt:::t ttt:::t
t:::::t t:::::t
t:::::t t:::::t
cccccccccccccccc ooooooooooo nnnn nnnnnnnn ttttttt:::::ttttttt eeeeeeeeeeee nnnn nnnnnnnn ttttttt:::::ttttttt
cc:::::::::::::::c oo:::::::::::oo n:::nn::::::::nn t:::::::::::::::::t ee::::::::::::ee n:::nn::::::::nn t:::::::::::::::::t
c:::::::::::::::::co:::::::::::::::on::::::::::::::nn t:::::::::::::::::t e::::::eeeee:::::een::::::::::::::nn t:::::::::::::::::t
c:::::::cccccc:::::co:::::ooooo:::::onn:::::::::::::::ntttttt:::::::tttttt e::::::e e:::::enn:::::::::::::::ntttttt:::::::tttttt
c::::::c ccccccco::::o o::::o n:::::nnnn:::::n t:::::t e:::::::eeeee::::::e n:::::nnnn:::::n t:::::t
c:::::c o::::o o::::o n::::n n::::n t:::::t e:::::::::::::::::e n::::n n::::n t:::::t
c:::::c o::::o o::::o n::::n n::::n t:::::t e::::::eeeeeeeeeee n::::n n::::n t:::::t
c::::::c ccccccco::::o o::::o n::::n n::::n t:::::t tttttte:::::::e n::::n n::::n t:::::t tttttt
c:::::::cccccc:::::co:::::ooooo:::::o n::::n n::::n t::::::tttt:::::te::::::::e n::::n n::::n t::::::tttt:::::t
c:::::::::::::::::co:::::::::::::::o n::::n n::::n tt::::::::::::::t e::::::::eeeeeeee n::::n n::::n tt::::::::::::::t
cc:::::::::::::::c oo:::::::::::oo n::::n n::::n tt:::::::::::tt ee:::::::::::::e n::::n n::::n tt:::::::::::tt
cccccccccccccccc ooooooooooo nnnnnn nnnnnn ttttttttttt eeeeeeeeeeeeee nnnnnn nnnnnn ttttttttttt
Content
*/
.has-white-background-color {
background-color: var(--color-white) !important;
}
.has-white-color {
color: var(--color-white) !important;
}
.has-transparent-white-color {
color: var(--color-transparent-white) !important;
}
.has-gray-background-color {
background-color: var(--color-gray) !important;
}
.has-gray-color {
color: var(--color-gray) !important;
}
.has-lighter-gray-color {
color: var(--color-lightergray) !important;
}
.has-lighter-gray-background-color {
background-color: var(--color-lightergray);
}
.has-light-gray-color {
color: var(--color-lightgray) !important;
}
.has-light-gray-background-color {
background-color: var(--color-lightestgray);
}
.has-lightest-tint-gray-background-color {
background-color: var(--color-lightesttintgray);
}
.has-light-gray-border-color {
border-color: var(--color-lightgray);
}
.has-blue-background-color {
background-color: var(--color-blue) !important;
}
.has-blue-color {
color: var(--color-blue) !important;
}
.has-green-background-color {
background-color: var(--color-green) !important;
}
.has-green-color {
color: var(--color-green) !important;
}
.has-red-background-color {
background-color: var(--color-red) !important;
}
.has-red-color {
color: var(--color-red) !important;
}
.has-pink-background-color {
background-color: var(--color-pink) !important;
}
.has-pink-color {
color: var(--color-pink) !important;
}
.has-yellow-background-color {
background-color: var(--color-yellow) !important;
}
.has-yellow-color {
color: var(--color-yellow) !important;
}
.has-orange-background-color {
background-color: var(--color-orange) !important;
}
.has-orange-color {
color: var(--color-orange) !important;
}
.has-purple-background-color {
background-color: var(--color-purple) !important;
}
.has-purple-color {
color: var(--color-purple) !important;
}
.faq-card {
border: 2px solid var(--color-lightestgray) !important;
color: var(--color-gray) !important;
position: relative;
}
.faq-link {
position: absolute;
width: 100%;
height: 100%;
display: flex;
}
.faq-link:hover + .faq-card {
border: 2px solid var(--color-gray) !important;
}
.entry-content ul {
display: block;
list-style-type: disc !important;
margin-block-start: 1.5em;
margin-block-end: 1.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 1.5rem;
}
.entry-content ul li {
display: list-item !important;
list-style-type: disc !important;
padding: .5rem 0;
}
.entry-content ol {
display: block;
list-style-type: decimal !important;
margin-block-start: 1.5em;
margin-block-end: 1.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 1.5rem;
}
.entry-content ol li {
display: list-item !important;
list-style-type: decimal !important;
padding: .5rem 0;
}
.entry-content ol li::marker {
font-family: var(--global--font-primary);
}
.font-bold {
font-family: var(--global--font-primary);
}
.wysiwyg ul {
display: block;
list-style-type: disc !important;
margin-block-start: 1.5em;
margin-block-end: 1.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 1.5rem;
}
.wysiwyg ul li {
display: list-item !important;
list-style-type: disc !important;
padding: .5rem 0;
}
.wysiwyg ol {
display: block;
list-style-type: decimal !important;
margin-block-start: 1.5em;
margin-block-end: 1.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 1.5rem;
}
.wysiwyg ol li {
display: list-item !important;
list-style-type: decimal !important;
padding: .5rem 0;
}
.wysiwyg ol li::marker {
font-family: var(--global--font-primary);
}
.entry-content .alignright {
margin-top: .5rem;
float: right;
margin-right: -16.66666%;
max-width: 55%;
margin-left: 1.5rem;
}
.entry-content .alignleft {
margin-top: .5rem;
float: left;
margin-left: -16.66666%;
max-width: 55%;
margin-right: 1.5rem;
}
.wp-block-image img {
height: auto;
}
img.size-places-grid {
max-width: 100%;
width: 100%;
height: auto;
}
.image-link-grid{
width: 100%;
padding-top: 62.5%;
position: relative;
}
.image-link{
padding-top: 66%;
display: block;
position: relative;
width: 100%;
height: 100%;
}
.image-link img {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-link-grid img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
left: 0;
top: 0;
}
.two-activity-image .image-link img {
max-height: 372px;
min-height: 372px;
object-fit: cover;
object-position: center;
}
/* .activity-image .image-link img {
max-height: 300px;
min-height: 300px;
object-fit: cover;
object-position: top;
} */
.activity-image {
margin-bottom: 8px;
}
.activity-image .image-link {
padding: 0;
height: 300px;
overflow: hidden;
display: flex;
justify-content: center;
}
.activity-image .image-link img {
position: unset;
max-height: 100%;
width: auto;
margin-right: auto;
margin-left: auto;
}
.news-image-wrapper {
margin-bottom: 15px;
}
.news-image-wrapper .image-link img {
max-height: 300px;
object-fit: cover;
object-position: top;
}
.search-news-image-wrapper .image-link img {
max-height: 220px;
min-height: 220px;
object-fit: cover;
object-position: top;
}
.one-activity-image .image-link img {
max-height: 100%;
min-height: 100%;
object-fit: cover;
object-position: top;
}
.page-placeholder {
height: 220px;
width: 100%;
padding: 3rem;
background-color: var(--color-lightestgray)
}
figure.wp-block-image img {
max-width: 100%;
width: 100%;
height: auto;
}
img.img-fluid {
max-width: 100%;
width: 100%;
height: auto;
}
.notice {
padding: .75rem 1rem .6rem 1rem;
border: 2px solid var(--color-lightblue);
background-color: var(--color-lightestblue);
color: var(--color-blue);
border-radius: 10px;
}
.post-password-form {
max-width: 300px;
width: 100%;
margin: 0 auto;
text-align: left;
}
input[type="password"] {
display: block;
text-align: left;
width: 100%;
margin: .5rem auto;
background-color: var(--color-lightestgray);
border: none;
border-radius: 50px;
font-size: 1.5rem;
font-family: var(--global--font-primary);
height: 50px;
padding: .5rem 1rem .5rem 1.5rem;
}
input[type="password"]::placeholder {
color: var(--color-lightergray);
}
input[type="password"]:focus {
outline: none;
}
input[type="email"] {
display: block;
text-align: left;
width: 100%;
margin: .5rem auto;
background-color: var(--color-lightestgray);
border: none;
border-radius: 50px;
font-size: 1.5rem;
font-family: var(--global--font-primary);
height: 50px;
padding: .5rem 1rem .5rem 1.5rem;
}
input[type="email"]::placeholder {
color: var(--color-lightergray);
}
input[type="email"]:focus {
outline: none;
}
input.button {
margin-top: .5rem;
border-radius: 0px !important;
border: 2px solid var(--color-lightgray);
color: var(--color-gray);
background-color: var(--color-white);
font-family: var(--global--font-primary);
padding: .5rem 1rem .4rem 1rem;
text-align: left;
cursor: pointer;
/* Remove default */
-webkit-appearance: none;
}
input.button:hover {
border: 2px solid var(--color-gray);
}
.pagination-links {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.page-numbers {
width: 100%;
max-width: 12%;
text-align: center;
}
.page-numbers.dots {
font-family: var(--global--font-primary);
}
.page-numbers.current {
font-family: var(--global--font-primary);
color: var(--color-white);
position: relative;
}
.page-numbers.current:first-child {
margin-left: 30%;
}
.page-numbers.current:last-child {
margin-right: 30%;
}
.page-numbers.current::before {
content: '';
background-color: var(--color-gray);
width: 36px;
height: 36px;
border-radius: 50px;
background-repeat: no-repeat;
background-position: center center;
display: block;
position: absolute;
left: calc(50% - 18px);
top: -8px;
z-index: -1;
}
a.page-numbers.next {
border-radius: 0px;
position: relative;
color: var(--color-gray);
font-family: var(--global--font-primary);
padding: .5rem 1rem .4rem 1rem;
text-align: center;
cursor: pointer;
text-decoration: none;
width: 100%;
min-width: 300px;
text-align: right;
margin-left: 4rem;
margin-right: 0;
}
a.page-numbers.next::before {
content: '';
background-color: var(--color-white);
border: 2px solid var(--color-lightgray);
width: 90px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
display: block;
position: absolute;
right: 0;
top: -4px;
z-index: -1;
}
a.page-numbers.next:hover::before {
border: 2px solid var(--color-gray);
}
a.page-numbers.prev {
position: relative;
border-radius: 0px;
color: var(--color-gray);
font-family: var(--global--font-primary);
padding: .5rem 1rem .4rem 1rem;
text-align: left;
cursor: pointer;
text-decoration: none;
width: 100%;
min-width: 300px;
margin-right: 4rem;
margin-left: 0;
}
a.page-numbers.prev::before {
content: '';
background-color: var(--color-white);
border: 2px solid var(--color-lightgray);
width: 90px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
display: block;
position: absolute;
left: 0;
top: -3px;
z-index: -1;
}
a.page-numbers.prev:hover::before {
border: 2px solid var(--color-gray);
}
a.icon-link {
-webkit-box-align: center;
align-items: center;
cursor: pointer;
display: flex;
color: var(--color-gray);
text-decoration: none;
}
a.icon-link .iconlink-icon {
border-bottom: none;
}
a.icon-link .iconlink-text {
border-bottom: 2px solid var(--color-lightgray);
font-family: var(--global--font-primary);
display: inline-block;
margin-bottom: 0px;
margin-left: 0.5rem;
max-width: 100%;
overflow: hidden;
padding: 0px 0px 1px;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
top: 4px;
}
a.icon-link .iconlink-text:hover {
border-bottom: 2px solid var(--color-gray);
}
a.white-icon-link {
-webkit-box-align: center;
align-items: center;
cursor: pointer;
display: flex;
color: var(--color-white);
text-decoration: none;
}
a.white-icon-link .iconlink-icon {
border-bottom: none;
}
a.white-icon-link .iconlink-text {
border-bottom: 2px solid #ffffff70;
font-family: var(--global--font-primary);
display: inline-block;
margin-bottom: 0px;
margin-left: 0.5rem;
max-width: 100%;
overflow: hidden;
padding: 0px 0px 1px;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
top: 4px;
}
a.white-icon-link .iconlink-text:hover {
border-bottom: 2px solid var(--color-white);
}
.has-white-background-color .wp-block-cover__inner-container {
color: var(--color-gray) !important;
}
.wp-block-button__link {
border-radius: 0px !important;
border: 2px solid var(--color-gray);
color: var(--color-white);
background-color: var(--color-gray);
min-width: 140px;
}
.wp-block-button__link:hover {
background-color: var(--color-white);
border: 2px solid var(--color-gray);
color: var(--color-gray);
}
.project-image-crop {
width: 350px; /* width of container */
height: 350px; /* height of container */
object-fit: cover;
}
.systems-image {
height: 500px;
background-position: center;
}
.activity-image {
position: relative;
}
.css-modal {
display: none;
z-index: 9999;
display: none;
padding-top: 10%;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.css-modal-content {
margin: auto;
background-color: #fff;
position: relative;
padding: 0 1.5rem;
outline: 0;
width: 100%;
max-width: 400px;
}
.countdown-wrapper {
background-color: var(--color-white);
padding: 1.5rem;
max-width: 500px;
}
.countdown-background {
height: 650px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.is-style-outline .wp-block-button__link {
border: 2px solid var(--color-lightgray);
}
.is-style-outline .wp-block-button__link:hover {
border: 2px solid var(--color-gray);
}
.wp-block-cover, .wp-block-cover-image {
padding: 3rem;
}
a.default-button {
font-family: var(--global--font-primary);
font-weight: normal;
padding: 1rem 1rem;
border: 2px solid var(--color-lightgray);
color: var(--color-gray);
text-decoration: none !important;
display: inline-block;
margin-right: 1.5rem;
}
a.default-button:hover {
border-color: inherit;
}
.project-list .project-list-item {
color: var(--color-white);
background-color: var(--color-gray);
}
.project-list .project-list-item a {
color: var(--color-white);
text-decoration: none;
}
.project-list .project-list-item a:hover {
text-decoration: none;
}
.project-list .project-list-item:hover {
background-color: var(--color-lightergray);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.people-item {
max-width: 180px;
text-align: center;
}
.people-item a {
text-decoration: none;
}
.people-item a img.people-image {
border: 4px solid transparent;
border-radius: 50%;
}
.people-item a img.people-image:hover {
border: 4px solid var(--color-red);
border-radius: 50%;
}
img.people-image {
border: 4px solid transparent;
border-radius: 50%;
}
.project-image {
min-height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.sponsor-item {
width: 200px;
}
.people-image-container {
width: 200px;
margin: 0 auto 0 0;
}
.people-grid .people-image-container {
width: 170px !important;
margin: 0 auto 0 0;
}
.circle-portrait {
position: relative;
width: 100%;
height: 0;
padding: 100% 0 0;
border-radius: 50%;
overflow: hidden;
}
.circle-portrait img.people-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.circle-portrait img.people-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.blocks-gallery-item figcaption {
display: none;
}
.access-label {
display: flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
& p {
font-size: 18px;
line-height: 1.2;
font-weight: 600;
}
& .open-access {
color: var(--color-green);
}
& .soldout {
color: var(--color-red-heat);
}
& .ticketed {
color: var(--color-red-heat);
}
& .lottery {
color: var(--color-dark-yellow);
}
}
.place-type-icon {
width: 36px;
height: 25px;
border-radius: 4px;
background-repeat: no-repeat;
background-position: center;
}
.place-ticketed-icon {
background-color: var(--color-red);
background-image: url('data:image/svg+xml,');
}
.place-open-access-icon {
background-color: var(--color-green);
background-image: url('data:image/svg+xml,');
}
.place-soldout-icon {
background-color: var(--color-red);
background-image: url('data:image/svg+xml,');
}
.place-wheelchair-accessible-icon {
background-color: var(--color-black);
background-image: url('data:image/svg+xml,');
}
.place-children-welcome-icon {
background-color: var(--color-black);
background-image: url('data:image/svg+xml,');
}
@media (max-width: 768px) {
a.page-numbers.prev {
min-width: 100%;
margin-right: 0;
margin-bottom: 2rem;
}
.page-numbers.current:last-child {
margin-right: 0;
}
.page-numbers.current:first-child {
margin-left: 0;
}
.countdown-background {
height: 595px;
background-position: top center;
background-size: contain;
}
/* .activity-image .image-link img {
max-height: 100%;
min-height: 100%;
object-fit: cover;
object-position: top;
} */
.activity-image .image-link img {
width: 100%;
height: auto;
}
.news-image-wrapper .image-link img {
max-height: 400px;
min-height: 100%;
object-fit: cover;
object-position: top;
}
a.page-numbers.next {
min-width: 100%;
margin-left: 0;
margin-top: 2rem;
}
.systems-image {
height: 300px;
background-position: center;
}
}
.add-itinerary-button {
cursor: pointer;
align-items: center;
font-size: 1rem;
font-weight: 600;
padding: 9px 14px;
background: #EFEFEF;
border-radius: 20px;
gap: 6px;
display: flex;
line-height: 1.3;
white-space: nowrap;
}
.add-itinerary-button:disabled {
opacity: 0.5;
}
.add-itinerary-button svg.success {
display: none;
}
.add-itinerary-button.added svg.success {
display: inline;
}
.add-itinerary-button.added svg.default {
display: none;
}
.add-itinerary-button:hover {
background: #000;
color: #fff;
}
.add-itinerary-button.added {
cursor: disabled;
color: #fff;
background: #1DCE49;
}