@charset "UTF-8";
.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper .rtwpvs-radio-term[data-rtwpvs-tooltip]{position:relative}.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper .rtwpvs-radio-term[data-rtwpvs-tooltip]:after,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper .rtwpvs-radio-term[data-rtwpvs-tooltip]:before{left:8px;bottom:100%}.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]{position:relative;cursor:pointer;outline:none}.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:after,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:before{visibility:hidden;opacity:0;pointer-events:none;box-sizing:inherit;position:absolute;bottom:130%;left:50%;z-index:999;transform:translateZ(0)}.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:before{margin-bottom:5px;margin-left:-50px;padding:7px;min-width:100px;border-radius:3px;background-color:#000;background-color:rgba(51,51,51,.9);color:#fff;content:attr(data-rtwpvs-tooltip);text-align:center;font-size:14px;line-height:1.2}.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:after{margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid rgba(51,51,51,.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:active:after,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:active:before,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:focus:after,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:focus:before,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:hover:after,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper [data-rtwpvs-tooltip]:hover:before{bottom:120%;visibility:visible;opacity:1}.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper .rtwpvs-term:active .image-tooltip-wrapper,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper .rtwpvs-term:focus .image-tooltip-wrapper,.rtwpvs.rtwpvs-tooltip .rtwpvs-terms-wrapper .rtwpvs-term:hover .image-tooltip-wrapper{bottom:130%;visibility:visible;opacity:1}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}

html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%
}
body {
margin: 0;
background: #f2f2f2;
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.nav-toggle:not(.has-visible-label) .nav-toggle-label,
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.nav-toggle:not(.has-visible-label) .skip-link.nav-toggle-label,
.screen-reader-text.skip-link {
margin: 5px
}
.nav-toggle:not(.has-visible-label) .skip-link.nav-toggle-label:focus,
.screen-reader-text.skip-link:focus {
background: #fff;
color: #4d4aff;
outline: 2px solid #4d4aff
}
.nav-toggle:not(.has-visible-label) .nav-toggle-label:focus,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 0;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
[tabindex="-1"]:focus {
outline: 0
}
[data-whatinput=mouse] :focus,
[data-whatinput=touch] :focus {
outline: 0
}
.col,
body .block-image-links .cols .col {
overflow: visible
}
[data-whatinput=keyboard] a:focus,
[data-whatinput=keyboard] button:focus,
[data-whatinput=keyboard] div[tabindex]:focus,
[data-whatinput=keyboard] input:focus,
[data-whatinput=keyboard] nav ul li a:focus,
[data-whatinput=keyboard] select:focus,
[data-whatinput=keyboard] textarea:focus {
outline: 2px solid #4d4aff;
color: #000;
opacity: 1;
z-index: 99
}
[data-whatinput=keyboard] a.global-link:focus {
outline: 4px solid #4d4aff
}
.no-js :focus {
outline: 2px solid #4d4aff
}
.container a,
.entry-content a {
text-decoration: underline
}
.container a:focus,
.container a:hover,
.entry-content a:focus,
.entry-content a:hover {
text-decoration: none
}
.block:not(.block-footer) {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #f2f2f2;
position: relative;
min-height: 100px;
max-width: 100%;
margin: 0 auto
}
.shade {
background: #03061b;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: .35;
}
.site {
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden
}
.container {
margin: 0 auto;
padding-top: 64px;
padding-top: 6.4rem;
padding-bottom: 64px;
padding-bottom: 6.4rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem
}
@media (max-width:1350px) {
.container {
padding-left: 8rem;
padding-right: 8rem
}
}
@media (max-width:770px) {
.container {
padding-top: 5.33333rem;
padding-bottom: 5.33333rem;
padding-left: 2rem;
padding-right: 2rem
}
}
.home .site-content .container {
padding-bottom: 0
}
.home .site-content .container:last-child {
margin-bottom: 0
}
.site-main .container {
clear: both
}
.entry-footer {
overflow: hidden;
clear: both;
display: block
}
.edit-link {
text-align: left;
width: 100%;
display: block;
clear: both;
max-width: 100%;
min-width: 0;
margin-bottom: 0;
margin-top: 20px;
margin-top: 2rem;
overflow: hidden;
transition: all .22s
}
.edit-link a {
clear: both;
text-align: center;
transition: all .22s;
display: block;
padding: 20px;
padding: 2rem;
background: #fafafa;
color: #999;
border: 2px dashed #999;
margin: 0;
text-decoration: none
}
.edit-link a:hover {
color: #999;
background: #efefef
}
a.global-link {
width: 100%;
height: 100%;
z-index: 3;
position: absolute;
top: 0;
left: 0
}
@media (min-width:480px) {
.error-404 .container {
padding-top: 10%;
padding-bottom: 10%
}
}
.error-404 h1 {
font-size: 42px;
margin-bottom: 20px;
margin-bottom: 2rem
}
@media screen and (min-width:320px) {
.error-404 h1 {
font-size: calc(42px + 158 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.error-404 h1 {
font-size: 200px
}
}
.alignwide {
margin-left: -80px;
margin-right: -80px
}
.alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
width: auto
}
.site-content .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb {
font-weight: 600;
color: #222;
font-family: "Open Sans", sans-serif;
font-size: 12px;
margin: 0 auto;
padding: 20px;
padding: 2rem;
padding-bottom: 20px;
padding-bottom: 2rem;
padding-top: 20px;
padding-top: 2rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.site-content .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb a {
color: #00b3fe
}
.site-content .woocommerce-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:hover {
color: #222
}
.site-content .breadcrumb-container,
.woocommerce .breadcrumb-container {
background-color: #f5f5f5;
margin-top: 92px
}
@media (max-width:960px) {
.site-content .breadcrumb-container,
.woocommerce .breadcrumb-container {
margin-top: 80px
}
}
@media (max-width:770px) {
.ipad-center {
text-align: center
}
}
@media (max-width:770px) {
.ipad-center .alignright {
float: none;
margin-left: 0
}
}
.wp-block-media-text {
background-color: #f5f5f5
}
.wp-block-media-text .wp-block-media-text__content {
padding-top: 2em;
padding-bottom: 2em
}
.wp-block-media-text .wp-block-media-text__media {
height: 100%
}
.wp-block-media-text .wp-block-media-text__media img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.wp-block-latest-posts.is-grid {
text-align: center
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image.aligncenter {
height: 200px
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image.aligncenter img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
filter: brightness(.5)
}
.wp-block-latest-posts.is-grid article {
position: relative;
background-color: #f5f5f5;
height: 100%
}
.wp-block-latest-posts.is-grid a {
color: #000
}
.wp-block-latest-posts.is-grid a:first-of-type {
text-decoration: none
}
.wp-block-latest-posts.is-grid a:hover img {
filter: brightness(1) !important
}
.wp-block-latest-posts.is-grid h2 {
color: #222;
font-size: 1em
}
.wp-block-latest-posts.is-grid h2,
.wp-block-latest-posts.is-grid p {
padding-left: 1em;
padding-right: 1em;
margin-bottom: 29px;
margin-bottom: 2.9rem
}
@font-face {
font-family: "Open Sans";
font-display: swap;
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Regular.eot);
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Regular.woff) format("woff"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Regular.woff2) format("woff2"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Regular.ttf) format("truetype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Regular.svg#Open Sans) format("svg");
font-style: normal;
font-weight: 400
}
@font-face {
font-family: "Open Sans";
font-display: swap;
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Italic.eot);
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Italic.eot?#iefix) format("embedded-opentype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Italic.woff) format("woff"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Italic.woff2) format("woff2"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Italic.ttf) format("truetype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Italic.svg#Open Sans) format("svg");
font-style: italic;
font-weight: 400
}
@font-face {
font-family: "Open Sans";
font-display: swap;
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Bold.eot);
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Bold.woff) format("woff"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Bold.woff2) format("woff2"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Bold.ttf) format("truetype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-Bold.svg#Open Sans) format("svg");
font-style: normal;
font-weight: 700
}
@font-face {
font-family: "Open Sans";
font-display: swap;
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-BoldItalic.eot);
src: url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-BoldItalic.woff) format("woff"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-BoldItalic.woff2) format("woff2"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-BoldItalic.ttf) format("truetype"), url(//madison.fi/wp-content/themes/madison/fonts/OpenSans-BoldItalic.svg#Open Sans) format("svg");
font-style: italic;
font-weight: 700
}
:root {
font-size: 62.5%
}
body {
font-size: 17px;
font-size: 1.7rem;
font-family: "Open Sans", sans-serif;
color: #222;
font-weight: 400;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
a {
color: #00b3fe;
text-decoration: none
}
a:hover {
color: #222
}
.container.container-article article a:not(.button):not(.no-text-link) {
position: relative;
overflow: visible;
font-weight: 700;
z-index: 1;
text-decoration: none;
transition: all .18s ease-in-out;
display: inline-flex;
color: #222;
border-bottom: 1px solid #00b3fe;
box-shadow: inset 0 -.1rem 0 #00b3fe
}
.container.container-article article a:focus:not(.button):not(.no-text-link),
.container.container-article article a:hover:not(.button):not(.no-text-link) {
box-shadow: inset 0 -3.3rem 0 #00b3fe;
color: #222
}
.comment-list li,
.comment-list li .comment-time,
.comment-list li p,
.comments-link,
body.woocommerce ul.products .button,
body.woocommerce-page .site-content ul.products .button {
font-size: 14px
}
@media screen and (min-width:320px) {
.comment-list li,
.comment-list li .comment-time,
.comment-list li p,
.comments-link,
body.woocommerce ul.products .button,
body.woocommerce-page .site-content ul.products .button {
font-size: calc(14px + 3 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.comment-list li,
.comment-list li .comment-time,
.comment-list li p,
.comments-link,
body.woocommerce ul.products .button,
body.woocommerce-page .site-content ul.products .button {
font-size: 17px
}
}
blockquote,
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body.woocommerce div.product,
body.woocommerce div.product .star-rating,
body.woocommerce ul.products .star-rating,
body.woocommerce-page .site-content div.product,
body.woocommerce-page .site-content div.product .star-rating,
body.woocommerce-page .site-content ul.products .star-rating,
code,
dd,
dt,
figcaption,
hr,
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=week],
kbd,
li,
ol,
p,
pre,
samp,
select,
small,
table,
td,
textarea,
th,
tr,
ul {
font-size: 17px;
letter-spacing: -.003em;
line-height: 1.7
}
@media screen and (min-width:320px) {
blockquote,
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body.woocommerce div.product,
body.woocommerce div.product .star-rating,
body.woocommerce ul.products .star-rating,
body.woocommerce-page .site-content div.product,
body.woocommerce-page .site-content div.product .star-rating,
body.woocommerce-page .site-content ul.products .star-rating,
code,
dd,
dt,
figcaption,
hr,
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=week],
kbd,
li,
ol,
p,
pre,
samp,
select,
small,
table,
td,
textarea,
th,
tr,
ul {
font-size: calc(17px + 3 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
blockquote,
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body.woocommerce div.product,
body.woocommerce div.product .star-rating,
body.woocommerce ul.products .star-rating,
body.woocommerce-page .site-content div.product,
body.woocommerce-page .site-content div.product .star-rating,
body.woocommerce-page .site-content ul.products .star-rating,
code,
dd,
dt,
figcaption,
hr,
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=week],
kbd,
li,
ol,
p,
pre,
samp,
select,
small,
table,
td,
textarea,
th,
tr,
ul {
font-size: 20px
}
}
p {
margin-top: 29px;
margin-top: 2.9rem;
margin-bottom: 29px;
margin-bottom: 2.9rem
}
p:first-child {
margin-top: 0
}
p:last-child {
margin-bottom: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222;
font-family: "Open Sans", sans-serif;
font-weight: 700;
margin-top: 37px;
margin-top: 3.7rem;
margin-bottom: 37px;
margin-bottom: 3.7rem;
text-transform: uppercase
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0
}
h2,
h3,
h4,
h5,
h6 {
line-height: 1.5
}
h1 {
font-size: 32px
}
@media screen and (min-width:320px) {
h1 {
font-size: calc(32px + 19 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
h1 {
font-size: 51px
}
}
h2 {
font-size: 24px
}
@media screen and (min-width:320px) {
h2 {
font-size: calc(24px + 14 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
h2 {
font-size: 38px
}
}
.accent,
h3 {
font-size: 21px
}
@media screen and (min-width:320px) {
.accent,
h3 {
font-size: calc(21px + 7 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.accent,
h3 {
font-size: 28px
}
}
.comment-list li .comment-author,
h4 {
font-size: 18px
}
@media screen and (min-width:320px) {
.comment-list li .comment-author,
h4 {
font-size: calc(18px + 3 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.comment-list li .comment-author,
h4 {
font-size: 21px
}
}
h5 {
font-size: 14px
}
@media screen and (min-width:320px) {
h5 {
font-size: calc(14px + 3 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
h5 {
font-size: 17px
}
}
h6 {
font-size: 14px
}
@media screen and (min-width:320px) {
h6 {
font-size: calc(14px + -2 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
h6 {
font-size: 12px
}
}
ul {
list-style: disc outside;
padding-left: 19px;
padding-left: 1.9rem
}
ul li {
padding-left: 0
}
ol {
padding-left: 19px;
padding-left: 1.9rem
}
b,
strong {
font-weight: 700
}
em,
i {
font-style: italic
}
small {
line-height: 1;
font-size: .875em
}
img {
-ms-interpolation-mode: bicubic;
height: auto;
vertical-align: middle;
max-width: 100%
}
figure {
position: relative;
margin-bottom: 10px;
margin-bottom: 1rem;
margin-left: 0;
margin-right: 0;
margin-top: 0
}
figcaption {
margin-top: 0;
font-style: normal;
font-weight: 400
}
blockquote {
clear: both;
border: 0 none;
position: relative;
margin-top: 30px;
margin-top: 3rem;
padding-bottom: 30px;
padding-bottom: 3rem;
margin: 0
}
blockquote p {
font-style: italic;
margin-bottom: 0;
position: relative;
overflow: visible;
color: #666
}
@media (min-width:770px) {
blockquote {
margin-top: 4rem;
padding-bottom: 4rem
}
}
blockquote:before {
content: '';
display: block;
height: 4px;
position: absolute;
left: 0;
top: 0;
max-width: 147px
}
@media (min-width:480px) {
blockquote:before {
width: 30%
}
}
cite {
display: block;
font-style: italic
}
hr {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 50%;
border: 0;
padding-top: 10px;
padding-top: 1rem;
padding-bottom: 10px;
padding-bottom: 1rem;
margin: 0;
height: 0
}
kbd,
pre,
samp {
font-family: Menlo, Courier, monospace
}
code {
color: #c7254e;
background-color: #f9f2f4;
font-family: Menlo, Courier, monospace;
line-height: 1;
padding: 3.75px 5px;
padding: .375rem .5rem;
border-radius: .3rem;
font-size: inherit
}
pre code {
display: inline-block;
padding: 11.5px 10px 8.5px;
padding: 1.15rem 1rem .85rem
}
pre {
border-radius: .3rem;
display: block;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
margin-bottom: 20px;
margin-bottom: 2rem
}
.site-header {
position: relative;
z-index: 15;
padding-bottom: 20px;
padding-bottom: 2rem;
padding-top: 15px;
padding-top: 1.5rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: space-between
}
@media (max-width:960px) {
.site-header {
padding-bottom: 1rem;
padding-top: 1rem
}
}
.site-title {
margin: 0;
font-weight: 700
}
.site-title a {
color: #00b3fe;
overflow: visible;
display: flex;
align-items: center
}
.site-title a img {
height: 40px
}
@media (max-width:480px) {
.site-title a img {
height: 30px
}
}
.cart-links {
background-color: #f5f5f5;
padding: .5em 1em;
position: relative
}
.cart-links ul.product_list_widget li a {
display: inline
}
.cart-links a {
color: #222;
font-weight: 400 !important
}
.cart-links a:hover {
color: #222
}
.cart-links a.remove {
font-size: inherit;
color: #222 !important
}
.cart-links a.remove:hover {
color: #222 !important;
background: 0 0
}
.cart-links img {
width: 30px
}
.cart-links .minicart-content {
display: none;
position: absolute;
background-color: #f5f5f5;
right: 0;
padding: 1em;
width: 300px
}
.cart-links .minicart-content ul {
padding-left: 0
}
.cart-links .minicart-content li {
list-style-type: none
}
.cart-links .minicart-content p {
font-size: 1em
}
.cart-links .minicart-content img {
float: right
}
.cart-links .minicart-content .buttons {
display: flex;
justify-content: space-evenly
}
.cart-links .minicart-content .quantity {
display: block;
font-size: .8em;
padding-left: 1em
}
.cart-links .minicart-content .total {
text-align: right
}
.cart-links:hover .minicart-content {
display: block
}
@media (max-width:480px) {
.cart-links .minicart-contents {
display: none
}
}
.block.block-hero {
display: flex
}
.block.block-hero .container {
text-align: center;
position: relative;
z-index: 2;
-ms-grid-row-align: center;
align-self: center
}
.block.block-hero .container h1 {
color: #fff
}
.site-footer {
padding: 20px;
background: #00b3fe;
color: #fff;
overflow: hidden;
clear: both
}
@media (min-width:768px) {
.site-footer .container {
display: flex;
justify-content: space-between;
flex-direction:column;
}
}
.site-footer svg {
fill: #555;
top: 2px;
position: relative
}
.site-footer h3 {
color: #fff;
font-size: 1em
}
.site-footer p,
.site-footer span {
color: #fff;
font-size: .8em;
font-size: 13px;
}
.site-footer a {
color: #fff
}
.site-footer a:hover {
color: #d5d5d5
}
.site-footer img {
height: 50px
}
.site-footer .footer-some {
display: flex;
justify-content: flex-start;
width: 100%
}
.site-footer .footer-some a {
font-size: 2em;
text-decoration: none;
margin-right: .5em
}
@media (max-width:480px) {
.site-footer .footer-some a {
font-size: 2.5em
}
}
.site-footer .footer-logo {
text-align: center
}
.theme-info {
overflow: hidden
}
@media (min-width:770px) {
.theme-info {
width: 60%;
text-align: right;
float: right
}
}
.button-wrapper {
margin-bottom: 0
}
.cart-links .button,
.cart-links .wp-block-button__link,
.cart-links a.button,
.cart-links a.checkout-button,
.cart-links button,
.cart-links button.button,
.cart-links input[type=button],
.cart-links input[type=reset],
.cart-links input[type=submit],
.content-area .button,
.content-area .wp-block-button__link,
.content-area a.button,
.content-area a.checkout-button,
.content-area button,
.content-area button.button,
.content-area input[type=button],
.content-area input[type=reset],
.content-area input[type=submit],
.site-footer .button,
.site-footer .wp-block-button__link,
.site-footer a.button,
.site-footer a.checkout-button,
.site-footer button,
.site-footer button.button,
.site-footer input[type=button],
.site-footer input[type=reset],
.site-footer input[type=submit],
.woocommerce .site-content .button,
.woocommerce .site-content .wp-block-button__link,
.woocommerce .site-content a.button,
.woocommerce .site-content a.checkout-button,
.woocommerce .site-content button,
.woocommerce .site-content button.button,
.woocommerce .site-content input[type=button],
.woocommerce .site-content input[type=reset],
.woocommerce .site-content input[type=submit],
.woocommerce-cart .wc-proceed-to-checkout .button,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link,
.woocommerce-cart .wc-proceed-to-checkout a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout button,
.woocommerce-cart .wc-proceed-to-checkout button.button,
.woocommerce-cart .wc-proceed-to-checkout input[type=button],
.woocommerce-cart .wc-proceed-to-checkout input[type=reset],
.woocommerce-cart .wc-proceed-to-checkout input[type=submit],
.woocommerce-checkout .wc-proceed-to-checkout .button,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link,
.woocommerce-checkout .wc-proceed-to-checkout a.button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout button,
.woocommerce-checkout .wc-proceed-to-checkout button.button,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button],
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset],
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit] {
font-size: 16px;
background: #fff;
color: #222;
border: 1px solid #222;
border-radius: 3px;
width: auto;
display: inline-block;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 0;
text-decoration: none;
position: relative;
cursor: pointer;
transition: 150ms linear background;
font-family: "Open Sans", sans-serif;
font-weight: 400;
text-transform: uppercase;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.cart-links .button.button-grey,
.cart-links .wp-block-button__link.button-grey,
.cart-links a.button.button-grey,
.cart-links a.checkout-button.button-grey,
.cart-links button.button-grey,
.cart-links button.button.button-grey,
.cart-links input[type=button].button-grey,
.cart-links input[type=reset].button-grey,
.cart-links input[type=submit].button-grey,
.content-area .button.button-grey,
.content-area .wp-block-button__link.button-grey,
.content-area a.button.button-grey,
.content-area a.checkout-button.button-grey,
.content-area button.button-grey,
.content-area button.button.button-grey,
.content-area input[type=button].button-grey,
.content-area input[type=reset].button-grey,
.content-area input[type=submit].button-grey,
.site-footer .button.button-grey,
.site-footer .wp-block-button__link.button-grey,
.site-footer a.button.button-grey,
.site-footer a.checkout-button.button-grey,
.site-footer button.button-grey,
.site-footer button.button.button-grey,
.site-footer input[type=button].button-grey,
.site-footer input[type=reset].button-grey,
.site-footer input[type=submit].button-grey,
.woocommerce .site-content .button.button-grey,
.woocommerce .site-content .wp-block-button__link.button-grey,
.woocommerce .site-content a.button.button-grey,
.woocommerce .site-content a.checkout-button.button-grey,
.woocommerce .site-content button.button-grey,
.woocommerce .site-content button.button.button-grey,
.woocommerce .site-content input[type=button].button-grey,
.woocommerce .site-content input[type=reset].button-grey,
.woocommerce .site-content input[type=submit].button-grey,
.woocommerce-cart .wc-proceed-to-checkout .button.button-grey,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-grey,
.woocommerce-cart .wc-proceed-to-checkout a.button.button-grey,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-grey,
.woocommerce-cart .wc-proceed-to-checkout button.button-grey,
.woocommerce-cart .wc-proceed-to-checkout button.button.button-grey,
.woocommerce-cart .wc-proceed-to-checkout input[type=button].button-grey,
.woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-grey,
.woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-grey,
.woocommerce-checkout .wc-proceed-to-checkout .button.button-grey,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-grey,
.woocommerce-checkout .wc-proceed-to-checkout a.button.button-grey,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-grey,
.woocommerce-checkout .wc-proceed-to-checkout button.button-grey,
.woocommerce-checkout .wc-proceed-to-checkout button.button.button-grey,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-grey,
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-grey,
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-grey {
color: #222;
background: #f5f5f5
}
.cart-links .button.button-grey:hover,
.cart-links .wp-block-button__link.button-grey:hover,
.cart-links a.button.button-grey:hover,
.cart-links a.checkout-button.button-grey:hover,
.cart-links button.button-grey:hover,
.cart-links button.button.button-grey:hover,
.cart-links input[type=button].button-grey:hover,
.cart-links input[type=reset].button-grey:hover,
.cart-links input[type=submit].button-grey:hover,
.content-area .button.button-grey:hover,
.content-area .wp-block-button__link.button-grey:hover,
.content-area a.button.button-grey:hover,
.content-area a.checkout-button.button-grey:hover,
.content-area button.button-grey:hover,
.content-area button.button.button-grey:hover,
.content-area input[type=button].button-grey:hover,
.content-area input[type=reset].button-grey:hover,
.content-area input[type=submit].button-grey:hover,
.site-footer .button.button-grey:hover,
.site-footer .wp-block-button__link.button-grey:hover,
.site-footer a.button.button-grey:hover,
.site-footer a.checkout-button.button-grey:hover,
.site-footer button.button-grey:hover,
.site-footer button.button.button-grey:hover,
.site-footer input[type=button].button-grey:hover,
.site-footer input[type=reset].button-grey:hover,
.site-footer input[type=submit].button-grey:hover,
.woocommerce .site-content .button.button-grey:hover,
.woocommerce .site-content .wp-block-button__link.button-grey:hover,
.woocommerce .site-content a.button.button-grey:hover,
.woocommerce .site-content a.checkout-button.button-grey:hover,
.woocommerce .site-content button.button-grey:hover,
.woocommerce .site-content button.button.button-grey:hover,
.woocommerce .site-content input[type=button].button-grey:hover,
.woocommerce .site-content input[type=reset].button-grey:hover,
.woocommerce .site-content input[type=submit].button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout .button.button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout a.button.button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout button.button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout button.button.button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout input[type=button].button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-grey:hover,
.woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout .button.button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.button.button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout button.button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout button.button.button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-grey:hover,
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-grey:hover {
background: #222
}
.cart-links .button.button-small,
.cart-links .wp-block-button__link.button-small,
.cart-links a.button.button-small,
.cart-links a.checkout-button.button-small,
.cart-links button.button-small,
.cart-links button.button.button-small,
.cart-links input[type=button].button-small,
.cart-links input[type=reset].button-small,
.cart-links input[type=submit].button-small,
.content-area .button.button-small,
.content-area .wp-block-button__link.button-small,
.content-area a.button.button-small,
.content-area a.checkout-button.button-small,
.content-area button.button-small,
.content-area button.button.button-small,
.content-area input[type=button].button-small,
.content-area input[type=reset].button-small,
.content-area input[type=submit].button-small,
.site-footer .button.button-small,
.site-footer .wp-block-button__link.button-small,
.site-footer a.button.button-small,
.site-footer a.checkout-button.button-small,
.site-footer button.button-small,
.site-footer button.button.button-small,
.site-footer input[type=button].button-small,
.site-footer input[type=reset].button-small,
.site-footer input[type=submit].button-small,
.woocommerce .site-content .button.button-small,
.woocommerce .site-content .wp-block-button__link.button-small,
.woocommerce .site-content a.button.button-small,
.woocommerce .site-content a.checkout-button.button-small,
.woocommerce .site-content button.button-small,
.woocommerce .site-content button.button.button-small,
.woocommerce .site-content input[type=button].button-small,
.woocommerce .site-content input[type=reset].button-small,
.woocommerce .site-content input[type=submit].button-small,
.woocommerce-cart .wc-proceed-to-checkout .button.button-small,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-small,
.woocommerce-cart .wc-proceed-to-checkout a.button.button-small,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-small,
.woocommerce-cart .wc-proceed-to-checkout button.button-small,
.woocommerce-cart .wc-proceed-to-checkout button.button.button-small,
.woocommerce-cart .wc-proceed-to-checkout input[type=button].button-small,
.woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-small,
.woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-small,
.woocommerce-checkout .wc-proceed-to-checkout .button.button-small,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-small,
.woocommerce-checkout .wc-proceed-to-checkout a.button.button-small,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-small,
.woocommerce-checkout .wc-proceed-to-checkout button.button-small,
.woocommerce-checkout .wc-proceed-to-checkout button.button.button-small,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-small,
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-small,
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-small {
font-size: 16px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 25px
}
.cart-links .button.button-large,
.cart-links .wp-block-button__link.button-large,
.cart-links a.button.button-large,
.cart-links a.checkout-button.button-large,
.cart-links button.button-large,
.cart-links button.button.button-large,
.cart-links input[type=button].button-large,
.cart-links input[type=reset].button-large,
.cart-links input[type=submit].button-large,
.content-area .button.button-large,
.content-area .wp-block-button__link.button-large,
.content-area a.button.button-large,
.content-area a.checkout-button.button-large,
.content-area button.button-large,
.content-area button.button.button-large,
.content-area input[type=button].button-large,
.content-area input[type=reset].button-large,
.content-area input[type=submit].button-large,
.site-footer .button.button-large,
.site-footer .wp-block-button__link.button-large,
.site-footer a.button.button-large,
.site-footer a.checkout-button.button-large,
.site-footer button.button-large,
.site-footer button.button.button-large,
.site-footer input[type=button].button-large,
.site-footer input[type=reset].button-large,
.site-footer input[type=submit].button-large,
.woocommerce .site-content .button.button-large,
.woocommerce .site-content .wp-block-button__link.button-large,
.woocommerce .site-content a.button.button-large,
.woocommerce .site-content a.checkout-button.button-large,
.woocommerce .site-content button.button-large,
.woocommerce .site-content button.button.button-large,
.woocommerce .site-content input[type=button].button-large,
.woocommerce .site-content input[type=reset].button-large,
.woocommerce .site-content input[type=submit].button-large,
.woocommerce-cart .wc-proceed-to-checkout .button.button-large,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-large,
.woocommerce-cart .wc-proceed-to-checkout a.button.button-large,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-large,
.woocommerce-cart .wc-proceed-to-checkout button.button-large,
.woocommerce-cart .wc-proceed-to-checkout button.button.button-large,
.woocommerce-cart .wc-proceed-to-checkout input[type=button].button-large,
.woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-large,
.woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-large,
.woocommerce-checkout .wc-proceed-to-checkout .button.button-large,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-large,
.woocommerce-checkout .wc-proceed-to-checkout a.button.button-large,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-large,
.woocommerce-checkout .wc-proceed-to-checkout button.button-large,
.woocommerce-checkout .wc-proceed-to-checkout button.button.button-large,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-large,
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-large,
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-large {
font-size: 20px;
padding: 14px 27px 16px
}
.cart-links .button.button-action,
.cart-links .wp-block-button__link.button-action,
.cart-links a.button.button-action,
.cart-links a.checkout-button.button-action,
.cart-links button.button-action,
.cart-links button.button.button-action,
.cart-links input[type=button].button-action,
.cart-links input[type=reset].button-action,
.cart-links input[type=submit].button-action,
.content-area .button.button-action,
.content-area .wp-block-button__link.button-action,
.content-area a.button.button-action,
.content-area a.checkout-button.button-action,
.content-area button.button-action,
.content-area button.button.button-action,
.content-area input[type=button].button-action,
.content-area input[type=reset].button-action,
.content-area input[type=submit].button-action,
.site-footer .button.button-action,
.site-footer .wp-block-button__link.button-action,
.site-footer a.button.button-action,
.site-footer a.checkout-button.button-action,
.site-footer button.button-action,
.site-footer button.button.button-action,
.site-footer input[type=button].button-action,
.site-footer input[type=reset].button-action,
.site-footer input[type=submit].button-action,
.woocommerce .site-content .button.button-action,
.woocommerce .site-content .wp-block-button__link.button-action,
.woocommerce .site-content a.button.button-action,
.woocommerce .site-content a.checkout-button.button-action,
.woocommerce .site-content button.button-action,
.woocommerce .site-content button.button.button-action,
.woocommerce .site-content input[type=button].button-action,
.woocommerce .site-content input[type=reset].button-action,
.woocommerce .site-content input[type=submit].button-action,
.woocommerce-cart .wc-proceed-to-checkout .button.button-action,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-action,
.woocommerce-cart .wc-proceed-to-checkout a.button.button-action,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-action,
.woocommerce-cart .wc-proceed-to-checkout button.button-action,
.woocommerce-cart .wc-proceed-to-checkout button.button.button-action,
.woocommerce-cart .wc-proceed-to-checkout input[type=button].button-action,
.woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-action,
.woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-action,
.woocommerce-checkout .wc-proceed-to-checkout .button.button-action,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-action,
.woocommerce-checkout .wc-proceed-to-checkout a.button.button-action,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-action,
.woocommerce-checkout .wc-proceed-to-checkout button.button-action,
.woocommerce-checkout .wc-proceed-to-checkout button.button.button-action,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-action,
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-action,
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-action {
font-size: 16px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 25px;
padding-right: 25px
}
@media (max-width:480px) {
.cart-links .button,
.cart-links .wp-block-button__link,
.cart-links a.button,
.cart-links a.checkout-button,
.cart-links button,
.cart-links button.button,
.cart-links input[type=button],
.cart-links input[type=reset],
.cart-links input[type=submit],
.content-area .button,
.content-area .wp-block-button__link,
.content-area a.button,
.content-area a.checkout-button,
.content-area button,
.content-area button.button,
.content-area input[type=button],
.content-area input[type=reset],
.content-area input[type=submit],
.site-footer .button,
.site-footer .wp-block-button__link,
.site-footer a.button,
.site-footer a.checkout-button,
.site-footer button,
.site-footer button.button,
.site-footer input[type=button],
.site-footer input[type=reset],
.site-footer input[type=submit],
.woocommerce .site-content .button,
.woocommerce .site-content .wp-block-button__link,
.woocommerce .site-content a.button,
.woocommerce .site-content a.checkout-button,
.woocommerce .site-content button,
.woocommerce .site-content button.button,
.woocommerce .site-content input[type=button],
.woocommerce .site-content input[type=reset],
.woocommerce .site-content input[type=submit],
.woocommerce-cart .wc-proceed-to-checkout .button,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link,
.woocommerce-cart .wc-proceed-to-checkout a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout button,
.woocommerce-cart .wc-proceed-to-checkout button.button,
.woocommerce-cart .wc-proceed-to-checkout input[type=button],
.woocommerce-cart .wc-proceed-to-checkout input[type=reset],
.woocommerce-cart .wc-proceed-to-checkout input[type=submit],
.woocommerce-checkout .wc-proceed-to-checkout .button,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link,
.woocommerce-checkout .wc-proceed-to-checkout a.button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout button,
.woocommerce-checkout .wc-proceed-to-checkout button.button,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button],
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset],
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit] {
font-size: 14px
}
}
.cart-links .button:hover,
.cart-links .wp-block-button__link:hover,
.cart-links a.button:hover,
.cart-links a.checkout-button:hover,
.cart-links button.button:hover,
.cart-links button:hover,
.cart-links input[type=button]:hover,
.cart-links input[type=reset]:hover,
.cart-links input[type=submit]:hover,
.content-area .button:hover,
.content-area .wp-block-button__link:hover,
.content-area a.button:hover,
.content-area a.checkout-button:hover,
.content-area button.button:hover,
.content-area button:hover,
.content-area input[type=button]:hover,
.content-area input[type=reset]:hover,
.content-area input[type=submit]:hover,
.site-footer .button:hover,
.site-footer .wp-block-button__link:hover,
.site-footer a.button:hover,
.site-footer a.checkout-button:hover,
.site-footer button.button:hover,
.site-footer button:hover,
.site-footer input[type=button]:hover,
.site-footer input[type=reset]:hover,
.site-footer input[type=submit]:hover,
.woocommerce .site-content .button:hover,
.woocommerce .site-content .wp-block-button__link:hover,
.woocommerce .site-content a.button:hover,
.woocommerce .site-content a.checkout-button:hover,
.woocommerce .site-content button.button:hover,
.woocommerce .site-content button:hover,
.woocommerce .site-content input[type=button]:hover,
.woocommerce .site-content input[type=reset]:hover,
.woocommerce .site-content input[type=submit]:hover,
.woocommerce-cart .wc-proceed-to-checkout .button:hover,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link:hover,
.woocommerce-cart .wc-proceed-to-checkout a.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout button:hover,
.woocommerce-cart .wc-proceed-to-checkout input[type=button]:hover,
.woocommerce-cart .wc-proceed-to-checkout input[type=reset]:hover,
.woocommerce-cart .wc-proceed-to-checkout input[type=submit]:hover,
.woocommerce-checkout .wc-proceed-to-checkout .button:hover,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout button.button:hover,
.woocommerce-checkout .wc-proceed-to-checkout button:hover,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button]:hover,
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset]:hover,
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit]:hover {
color: #fff;
background: #222;
border-color: #222
}
.cart-links .button.button-ghost,
.cart-links .wp-block-button__link.button-ghost,
.cart-links a.button.button-ghost,
.cart-links a.checkout-button.button-ghost,
.cart-links button.button-ghost,
.cart-links button.button.button-ghost,
.cart-links input[type=button].button-ghost,
.cart-links input[type=reset].button-ghost,
.cart-links input[type=submit].button-ghost,
.content-area .button.button-ghost,
.content-area .wp-block-button__link.button-ghost,
.content-area a.button.button-ghost,
.content-area a.checkout-button.button-ghost,
.content-area button.button-ghost,
.content-area button.button.button-ghost,
.content-area input[type=button].button-ghost,
.content-area input[type=reset].button-ghost,
.content-area input[type=submit].button-ghost,
.site-footer .button.button-ghost,
.site-footer .wp-block-button__link.button-ghost,
.site-footer a.button.button-ghost,
.site-footer a.checkout-button.button-ghost,
.site-footer button.button-ghost,
.site-footer button.button.button-ghost,
.site-footer input[type=button].button-ghost,
.site-footer input[type=reset].button-ghost,
.site-footer input[type=submit].button-ghost,
.woocommerce .site-content .button.button-ghost,
.woocommerce .site-content .wp-block-button__link.button-ghost,
.woocommerce .site-content a.button.button-ghost,
.woocommerce .site-content a.checkout-button.button-ghost,
.woocommerce .site-content button.button-ghost,
.woocommerce .site-content button.button.button-ghost,
.woocommerce .site-content input[type=button].button-ghost,
.woocommerce .site-content input[type=reset].button-ghost,
.woocommerce .site-content input[type=submit].button-ghost,
.woocommerce-cart .wc-proceed-to-checkout .button.button-ghost,
.woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-ghost,
.woocommerce-cart .wc-proceed-to-checkout a.button.button-ghost,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-ghost,
.woocommerce-cart .wc-proceed-to-checkout button.button-ghost,
.woocommerce-cart .wc-proceed-to-checkout button.button.button-ghost,
.woocommerce-cart .wc-proceed-to-checkout input[type=button].button-ghost,
.woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-ghost,
.woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout .button.button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout a.button.button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout button.button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout button.button.button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-ghost,
.woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-ghost {
background-color: transparent;
border: 1px solid #00b3fe;
color: #00b3fe
}
a,
button,
input {
-webkit-tap-highlight-color: transparent
}
.gform_footer,
.gform_header,
.gform_wrapper {
margin: 0;
padding: 0
}
.gform_body div,
.gform_body li {
margin-top: 0;
padding-top: 0;
padding-left: 0;
margin-left: 0
}
.gform_body li {
margin-bottom: 10px;
margin-bottom: 1rem
}
.gform_body li:last-child {
margin-bottom: 0
}
body .gform_wrapper label.gfield_label,
body .gform_wrapper legend.gfield_label,
body form label {
font-weight: 500
}
.col.col-content #gform_wrapper_1.gform_wrapper .gform_footer,
.col.col-content #gform_wrapper_2.gform_wrapper .gform_footer {
margin-top: 0;
padding-top: 0
}
.col.col-content #gform_wrapper_1.gform_wrapper #field_1_5,
.col.col-content #gform_wrapper_2.gform_wrapper #field_1_5 {
width: 100%
}
.col.col-content #gform_wrapper_1.gform_wrapper #field_1_5 textarea,
.col.col-content #gform_wrapper_2.gform_wrapper #field_1_5 textarea {
margin-bottom: 16px;
min-height: 180px
}
.col.col-content #gform_wrapper_1.gform_wrapper #field_2_3 input,
.col.col-content #gform_wrapper_2.gform_wrapper #field_2_3 input {
margin-bottom: 16px
}
.col.col-content #gform_wrapper_1.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.col.col-content #gform_wrapper_1.gform_wrapper input[type=email],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=month],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=number],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=password],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=search],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=tel],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=text],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=url],
.col.col-content #gform_wrapper_1.gform_wrapper input[type=week],
.col.col-content #gform_wrapper_1.gform_wrapper select,
.col.col-content #gform_wrapper_1.gform_wrapper textarea,
.col.col-content #gform_wrapper_2.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.col.col-content #gform_wrapper_2.gform_wrapper input[type=email],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=month],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=number],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=password],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=search],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=tel],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=text],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=url],
.col.col-content #gform_wrapper_2.gform_wrapper input[type=week],
.col.col-content #gform_wrapper_2.gform_wrapper select,
.col.col-content #gform_wrapper_2.gform_wrapper textarea {
width: 100%
}
.col.col-content #gform_wrapper_1.gform_wrapper ul.gform_fields,
.col.col-content #gform_wrapper_2.gform_wrapper ul.gform_fields {
display: flex;
flex-wrap: wrap
}
.col.col-content #gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield,
.col.col-content #gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield {
width: 50%
}
@media (max-width:760px) {
.col.col-content #gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield,
.col.col-content #gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield {
width: 100%
}
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=week],
select,
textarea {
border-radius: 3px;
font-family: "Open Sans", sans-serif;
background: #fbfbfb;
border: solid 1px #d9d9d9;
padding: 15px;
line-height: 24px;
transition: background .55s;
text-decoration: none;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 0
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
color: #434343;
opacity: .4
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #434343;
opacity: .4
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
select::placeholder,
textarea::placeholder {
color: #434343;
opacity: .4
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
background: #fbfbfb;
border: solid 1px #bababa;
outline: 0
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=month]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=text]:focus::-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
input[type=week]:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: #222;
opacity: .8
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=month]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
input[type=search]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder,
input[type=text]:focus:-ms-input-placeholder,
input[type=url]:focus:-ms-input-placeholder,
input[type=week]:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: #222;
opacity: .8
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder,
input[type=email]:focus::placeholder,
input[type=month]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=search]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=text]:focus::placeholder,
input[type=url]:focus::placeholder,
input[type=week]:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder {
color: #222;
opacity: .8
}
select {
border: 0;
border-radius: 0;
background-image: url(//madison.fi/wp-content/themes/madison/svg/select.svg);
background-repeat: no-repeat;
background-position: right 17px center;
background-size: 11px auto;
transition: none;
width: 100%;
max-width: 100%;
min-width: 0;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
border: 1px solid #222;
padding: 11px 28px 11px 10px;
line-height: 1
}
select::-ms-expand {
display: none
}
select:focus,
select:hover {
border-color: #222
}
form p {
margin-bottom: 20px
}
form p.form-submit {
margin-bottom: 0
}
form.search-form .search-field {
float: left;
margin-right: 5px
}
form.search-form .search-submit {
padding: 19px 1.75em;
line-height: 1
}
.site-header .search-form {
float: right
}
.site-header .search-form .search-submit {
display: none
}
.site-header .search-field {
background-color: transparent;
background-image: url(//madison.fi/wp-content/themes/madison/svg/haku-icon.svg);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: 0;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
transition: width .4s ease, background .4s ease;
width: 0
}
.site-header .search-field:focus {
background: #f0f0f0;
border: 0;
padding: 15px 20px;
cursor: text;
outline: 0;
width: 230px
}
.comment-respond {
margin-bottom: 0;
overflow: visible
}
.comment-respond .comment-form-author {
float: left;
clear: none;
text-align: inherit;
width: 31.33333%;
margin-left: 0;
margin-right: 3%;
margin-bottom: 20px;
margin-top: 0
}
.comment-respond .comment-form-author::after {
display: block;
content: '';
clear: both
}
.comment-respond .comment-form-author:last-child {
margin-right: 0
}
@media (max-width:480px) {
.comment-respond .comment-form-author {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto
}
.comment-respond .comment-form-author:first-child {
margin-left: auto
}
.comment-respond .comment-form-author:last-child {
margin-right: auto
}
}
.comment-respond .comment-form-author input {
padding: 15px;
border-width: 1px;
width: 100%
}
.comment-respond .comment-form-email {
float: left;
clear: none;
text-align: inherit;
width: 65.66667%;
margin-left: 0;
margin-right: 3%;
margin-right: 0;
clear: right;
margin-bottom: 20px;
margin-top: 0
}
.comment-respond .comment-form-email::after {
display: block;
content: '';
clear: both
}
.comment-respond .comment-form-email:last-child {
margin-right: 0
}
@media (max-width:480px) {
.comment-respond .comment-form-email {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto
}
.comment-respond .comment-form-email:first-child {
margin-left: auto
}
.comment-respond .comment-form-email:last-child {
margin-right: auto
}
}
.comment-respond .comment-form-email input {
padding: 15px;
border-width: 1px;
width: 100%
}
.comment-respond .comment-form-url {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 0;
margin-bottom: 30px
}
.comment-respond .comment-form-url:first-child {
margin-left: auto
}
.comment-respond .comment-form-url:last-child {
margin-right: auto
}
.comment-respond .comment-form-url input {
padding: 15px;
border-width: 1px;
width: 100%
}
.comment-respond .form-submit {
display: block;
clear: both;
margin-bottom: 0;
margin-top: 0
}
.comment-respond .comment-form-comment {
margin-bottom: 20px
}
@media (max-width:480px) {
.comment-respond input {
width: 100%
}
}
.comment-respond textarea {
width: 100%
}
:root {
--checkbox-radio-size: 24px;
--checkbox-radio-translate-y: 1px;
--checkbox-radio-gap: var(--space-xxxs);
--checkbox-radio-border-width: 2px;
--radio-marker-size: 12px;
--checkbox-marker-size: 12px;
--checkbox-radius: 0
}
.checkbox,
.radio {
position: absolute;
left: 0;
top: 0;
margin: 0 !important;
padding: 0 !important;
opacity: 0;
height: 0;
width: 0;
pointer-events: none;
visibility: hidden
}
.checkbox+label,
.radio+label {
display: inline-flex;
align-items: baseline;
line-height: var(--body-line-height);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer
}
.checkbox+label::before,
.radio+label::before {
content: '';
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: var(--color-bg);
border-width: var(--checkbox-radio-border-width);
border-color: var(--color-contrast-low);
border-style: solid;
background-repeat: no-repeat;
background-position: center;
transition: transform .2s, border .2s;
margin-right: 16px
}
.checkbox:not(:checked):not(:focus)+label:hover::before,
.radio:not(:checked):not(:focus)+label:hover::before {
border-color: var(--color-contrast-medium)
}
@supports (grid-area:auto) {
.checkbox+label::before,
.radio+label::before {
position: relative;
top: var(--checkbox-radio-translate-y)
}
}
.radio+label::before {
border-radius: 50%
}
.checkbox+label::before {
border-radius: var(--checkbox-radius)
}
.checkbox:checked+label::before,
.radio:checked+label::before {
background-color: var(--color-primary);
box-shadow: none;
border-color: var(--color-primary);
transition: transform .2s
}
.checkbox:active+label::before,
.radio:active+label::before {
transform: scale(.8);
transition: transform .2s
}
.checkbox:checked:active+label::before,
.radio:checked:active+label::before {
transform: none;
transition: none
}
.radio:checked+label::before {
background-image: url(//madison.fi/wp-content/themes/madison/svg/radio-check.svg);
background-color: #333;
border-color: #333 !important;
background-size: var(--radio-marker-size)
}
.checkbox:checked+label::before {
background-image: url(//madison.fi/wp-content/themes/madison/svg/checkbox.svg);
background-size: var(--checkbox-marker-size)
}
.checkbox:checked:active+label::before,
.checkbox:focus+label::before,
.radio:checked:active+label::before,
.radio:focus+label::before {
border-color: var(--color-primary);
box-shadow: 0 0 0 3px rgba(var(--color-primary), .2)
}
.checkbox--bg+label,
.radio--bg+label {
padding: var(--space-xxxxs) var(--space-xxxs);
border-radius: var(--radius-md);
transition: background .2s
}
.checkbox--bg+label:hover,
.radio--bg+label:hover {
background-color: var(--color-contrast-lower)
}
.checkbox--bg:active+label,
.checkbox--bg:focus+label,
.radio--bg:active+label,
.radio--bg:focus+label {
background-color: rgba(var(--color-primary), .1)
}
.block.block-entry-header {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 530px;
min-height: 53rem;
max-height: 800px;
max-height: 80rem;
height: 80vh;
max-width: 100%;
margin: 0 auto
}
.block.block-entry-header .shade {
opacity: .4
}
.block.block-entry-header .inner {
display: grid;
grid-template-rows: 1fr 1fr;
align-items: center;
max-height: 100%;
justify-items: center;
padding: 20px;
padding: 2rem;
max-width: 1200px;
margin-top: 140px;
margin-bottom: 80px
}
@media (min-width:770px) {
.block.block-entry-header .inner {
padding: 0;
display: -ms-grid;
display: grid;
-ms-grid-rows: none;
grid-template-rows: none;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
max-width: 800px
}
}
.block.block-entry-header h1 {
font-size: 32px;
color: #fff;
margin: 0;
padding: 1em 0;
position: relative;
z-index: 2;
text-align: center
}
@media screen and (min-width:320px) {
.block.block-entry-header h1 {
font-size: calc(32px + 30 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.block.block-entry-header h1 {
font-size: 62px
}
}
@media (min-width:770px) {
.block.block-entry-header h1 {
text-align: left
}
}
@media (min-width:770px) {
.block-front-header {
display: flex;
flex-wrap: wrap
}
}
.block-front-header__half:hover img {
transform: scale(1.03);
transition-duration: .5s
}
.block-front-header__img {
position: relative;
overflow: hidden
}
.block-front-header__img img {
width: 100%;
transition: all 1s ease-in-out
}
@media (max-width:770px) {
.block-front-header__img img {
height: 250px;
-o-object-fit: cover;
object-fit: cover
}
}
.block-front-header__text {
position: absolute
}
.block-front-header a {
flex: 1
}
.block-front-header a:first-of-type .content {
margin-top: 80px
}
@media (min-width:770px) {
.block-front-header a:first-of-type .content {
margin-right: 2px;
margin-top: 4px
}
}
.block-front-header .content {
justify-content: center;
align-items: center;
display: flex;
margin-top: 4px
}
.block-front-header h1 {
color: #fff;
text-align: center;
margin-bottom: 0
}
.accent {
font-style: normal;
letter-spacing: .05em;
text-transform: lowercase;
font-weight: 500;
margin: 0;
margin-bottom: 10px;
margin-bottom: 1rem;
color: #00b3fe;
display: block;
position: relative;
z-index: 2;
text-shadow: 0 0 10px rgba(0, 179, 254, .5)
}
.nav-primary .menu-items {
position: relative;
z-index: 9999
}
.nav-primary .menu-items li,
.nav-primary .menu-items ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: normal;
direction: ltr;
text-align: left;
-webkit-tap-highlight-color: transparent
}
.nav-primary .menu-items a,
.nav-primary .menu-items li {
position: relative
}
.nav-primary .menu-items .disabled {
cursor: not-allowed
}
.nav-primary .menu-items li>h1,
.nav-primary .menu-items li>h2,
.nav-primary .menu-items li>h3,
.nav-primary .menu-items li>h4,
.nav-primary .menu-items li>h5,
.nav-primary .menu-items li>h6 {
margin: 0;
padding: 0
}
@media only screen and (-ms-high-contrast:active) and (min-width:960px),
only screen and (-ms-high-contrast:none) and (min-width:960px) {
.nav-primary .menu-items ul {
display: none
}
}
@media only screen and (max-width:960px) {
.js .nav-primary .menu-items ul {
display: none
}
}
.nav-primary ul ul {
margin-top: 0;
margin-left: 25px
}
.nav-primary ul ul ul {
margin-left: 25px
}
@media only screen and (-ms-high-contrast:active) and (min-width:960px),
only screen and (-ms-high-contrast:none) and (min-width:960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display: block
}
}
@media only screen and (max-width:960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display: block
}
}
.dropdown-toggle.toggled-on:after,
.dropdown-toggle:after {
font-size: 13px;
font-size: 1.3rem
}
.no-js .nav-toggle {
display: none
}
.sub-menu:not(.toggled-on) {
visibility: hidden
}
.dropdown.hovered .sub-menu,
.dropdown:hovered+.sub-menu,
.sub-menu.toggled-on {
visibility: visible
}
.nav-container {
background-color: #333;
width: 100%
}
@media only screen and (min-width:960px) {
.nav-container .nav-primary>ul>li>a,
.nav-container .nav-primary>ul>li>button {
color: #fff;
position: relative
}
.nav-container .nav-primary>ul>li>a:hover {
color: #fff;
text-decoration: underline;
-webkit-text-decoration-color: #00b3fe;
text-decoration-color: #00b3fe
}
}
@media only screen and (min-width:960px) {
.sub-menu {
background: #333;
width: 22rem;
left: 0;
transform: translateY(-2em);
z-index: -1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-left: 1px solid rgba(0, 0, 0, .05);
border-right: 1px solid rgba(0, 0, 0, .05);
border-bottom: 1px solid rgba(0, 0, 0, .05);
box-shadow: 0 25px 20px -10px rgba(5, 4, 25, .05);
transition: opacity .25s cubic-bezier(.19, 1, .22, 1);
visibility: hidden;
opacity: 0;
position: absolute;
top: -9999px
}
.sub-menu a {
line-height: 1.5
}
.menu-item-has-children:focus>.sub-menu,
.menu-item-has-children:hover>.sub-menu,
.nav-primary ul .sub-menu.toggled-on {
top: 100%;
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0)
}
}
@media only screen and (min-width:960px) {
.nav-container {
background: #04131A
}
}
@media only screen and (min-width:960px) and (max-width:960px) {
.nav-primary ul li:hover>ul {
display: block
}
}
@media only screen and (min-width:960px) and (-ms-high-contrast:active),
only screen and (min-width:960px) and (-ms-high-contrast:none) {
.nav-primary ul li:hover>ul {
display: block
}
}
@media only screen and (min-width:960px) {
.nav-toggle {
display: none
}
.nav-primary {
padding-top: 1.7rem;
padding-bottom: 1.7rem;
float: right
}
.nav-primary .menu-items {
margin: 0;
padding: 0;
background: 0 0;
position: relative;
display: flex;
align-items: center
}
.nav-primary .menu-item {
position: relative;
margin: 0
}
.nav-primary .menu-item>a {
padding: .6rem 2rem;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
display: inline-flex;
align-items: center;
min-height: auto
}
.nav-primary .menu-item>a.disabled {
color: #bbb
}
.nav-primary .menu-item>a.current,
.nav-primary .menu-item>a.highlighted,
.nav-primary .menu-item>a:active,
.nav-primary .menu-item>a:focus,
.nav-primary .menu-item>a:hover {
color: #fff
}
.nav-primary .menu-item.current-menu-item a {
color: #00b3fe
}
.nav-primary .menu-item .sub-menu {
width: 22rem;
left: 5%;
margin-left: 0;
padding-bottom: .5rem;
padding-top: .5rem;
padding-left: 0;
margin-top: 1rem;
z-index: 999
}
.nav-primary .menu-item .sub-menu.sub-menu {
padding-left: 0;
padding-top: .5rem;
padding-bottom: .5rem
}
.nav-primary .menu-item .sub-menu.sub-menu li {
margin: 0
}
.nav-primary .menu-item .sub-menu li {
float: none;
width: 22rem;
padding: 0
}
.nav-primary .menu-item .sub-menu .sub-menu {
top: 0;
left: 100%;
margin-left: 0;
margin-top: -5px
}
.nav-primary .menu-item .sub-menu a {
width: 100%;
padding: .4rem 1.5rem;
font-size: 1.4rem;
font-weight: 400;
color: #fff;
display: flex;
align-items: center
}
.nav-primary .menu-item .sub-menu a.highlighted,
.nav-primary .menu-item .sub-menu a:active,
.nav-primary .menu-item .sub-menu a:focus,
.nav-primary .menu-item .sub-menu a:hover {
color: #fff
}
.nav-primary .menu-item .sub-menu .disabled {
background: #fff;
color: #ccc
}
.nav-primary .menu-item ul li .dropdown-toggle {
background-color: transparent;
border: none;
border-radius: 0;
color: #00b3fe;
height: auto;
width: 3rem;
flex-shrink: 0;
-ms-grid-row-align: center;
align-self: center
}
.nav-primary .menu-item ul li .dropdown-toggle svg {
transform: rotate(-90deg) rotateX(0);
width: 1rem;
height: 1rem
}
.nav-primary .menu-item ul li .dropdown-toggle.toggled-on svg {
transform: rotate(-90deg) rotateX(180deg)
}
.nav-primary .menu-item button.dropdown-toggle {
background-color: transparent;
border: none;
border-radius: 50%;
color: #00b3fe;
height: auto;
width: 3rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center
}
.nav-primary .menu-item button.dropdown-toggle svg {
transition: transform .22s ease-in;
width: 1rem;
height: 1rem
}
.nav-primary .menu-item button.dropdown-toggle.toggled-on svg {
transform: rotateX(180deg)
}
.nav-primary .menu-item>li>ul:after {
content: '';
position: absolute;
width: 0;
height: 0;
overflow: hidden;
border-style: dashed dashed solid;
top: -16px;
left: 31px;
border-width: 8px;
border-color: transparent transparent #fff
}
.nav-primary .menu-item.menu-item-has-children {
margin-right: .8rem;
position: relative;
display: flex;
justify-content: space-between
}
.nav-primary .menu-item.menu-item-has-children:after {
display: block;
position: absolute;
content: '';
height: 1rem;
width: 100%;
top: 100%
}
.nav-primary .menu-item.menu-item-has-children>a {
padding-right: 1.5rem
}
.nav-primary .sub-menu .menu-item-has-children:after {
display: none
}
}
.nav-footer ul {
list-style: none;
padding-left: 0
}
.nav-footer ul li a {
font-size: .8em
}
.hamburger {
padding: 40px 15px;
padding: 4rem 1.5rem;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: .15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible
}
.hamburger:hover {
opacity: .8
}
.hamburger.is-active:hover {
opacity: .8
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
background-color: #fff
}
.hamburger-box {
width: 30px;
width: 3rem;
height: 16px;
height: 1.6rem;
display: inline-block;
position: relative
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
margin-top: -.1rem
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
width: 30px;
width: 3rem;
height: 2px;
height: .2rem;
background-color: #fff;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: .15s;
transition-timing-function: ease
}
.hamburger-inner::after,
.hamburger-inner::before {
content: "";
display: block
}
.hamburger-inner::before {
top: -7px;
top: -.7rem
}
.hamburger-inner::after {
bottom: -7px;
bottom: -.7rem
}
.hamburger--3dx .hamburger-box {
perspective: 6rem
}
.hamburger--3dx .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg)
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box {
perspective: 6rem
}
.hamburger--3dx-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx-r .hamburger-inner::after,
.hamburger--3dx-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dy .hamburger-box {
perspective: 6rem
}
.hamburger--3dy .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy .hamburger-inner::after,
.hamburger--3dy .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg)
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box {
perspective: 6rem
}
.hamburger--3dy-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy-r .hamburger-inner::after,
.hamburger--3dy-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dxy .hamburger-box {
perspective: 6rem
}
.hamburger--3dxy .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg)
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dxy-r .hamburger-box {
perspective: 6rem
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy-r .hamburger-inner::after,
.hamburger--3dxy-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-.6rem, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-.6rem, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(.6rem, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(.6rem, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrowalt .hamburger-inner::before {
transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-.6rem, -.75rem, 0) rotate(-45deg) scale(.7, 1);
transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-.6rem, .75rem, 0) rotate(45deg) scale(.7, 1);
transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt-r .hamburger-inner::before {
transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(.6rem, -.75rem, 0) rotate(45deg) scale(.7, 1);
transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(.6rem, .75rem, 0) rotate(-45deg) scale(.7, 1);
transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg)
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg)
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
transition-property: none
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg)
}
.hamburger .hamburger-inner,
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger .hamburger-inner::after,
.hamburger--collapse .hamburger-inner::after {
top: -14px;
top: -1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}
.hamburger .hamburger-inner::before,
.hamburger--collapse .hamburger-inner::before {
transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse.is-active .hamburger-inner,
.is-active.hamburger .hamburger-inner {
transform: translate3d(0, -.7rem, 0) rotate(-45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse.is-active .hamburger-inner::after,
.is-active.hamburger .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}
.hamburger--collapse.is-active .hamburger-inner::before,
.is-active.hamburger .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse-r .hamburger-inner::after {
top: -14px;
top: -1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -.7rem, 0) rotate(45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--elastic .hamburger-inner {
top: 1px;
top: .1rem;
transition-duration: 275ms;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic .hamburger-inner::before {
top: 7px;
top: .7rem;
transition: opacity 125ms 275ms ease
}
.hamburger--elastic .hamburger-inner::after {
top: 14px;
top: 1.4rem;
transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(135deg);
transition-delay: 75ms
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(-270deg);
transition-delay: 75ms
}
.hamburger--elastic-r .hamburger-inner {
top: 1px;
top: .1rem;
transition-duration: 275ms;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic-r .hamburger-inner::before {
top: 7px;
top: .7rem;
transition: opacity 125ms 275ms ease
}
.hamburger--elastic-r .hamburger-inner::after {
top: 14px;
top: 1.4rem;
transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(-135deg);
transition-delay: 75ms
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(270deg);
transition-delay: 75ms
}
.hamburger--emphatic {
overflow: hidden
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 125ms 175ms ease-in
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in
}
.hamburger--emphatic .hamburger-inner::after {
top: 7px;
top: .7rem;
right: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -60px;
left: -6rem;
top: -60px;
top: -6rem;
transform: translate3d(6rem, 6rem, 0) rotate(45deg);
transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -60px;
right: -6rem;
top: -60px;
top: -6rem;
transform: translate3d(-6rem, 6rem, 0) rotate(-45deg);
transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic-r {
overflow: hidden
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 125ms 175ms ease-in
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 7px;
top: .7rem;
right: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -60px;
left: -6rem;
top: 60px;
top: 6rem;
transform: translate3d(6rem, -6rem, 0) rotate(-45deg);
transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -60px;
right: -6rem;
top: 60px;
top: 6rem;
transform: translate3d(-6rem, -6rem, 0) rotate(45deg);
transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--minus .hamburger-inner::after,
.hamburger--minus .hamburger-inner::before {
transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear
}
.hamburger--minus.is-active .hamburger-inner::after,
.hamburger--minus.is-active .hamburger-inner::before {
opacity: 0;
transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0
}
.hamburger--slider .hamburger-inner {
top: 1px;
top: .1rem
}
.hamburger--slider .hamburger-inner::before {
top: 7px;
top: .7rem;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: .15s
}
.hamburger--slider .hamburger-inner::after {
top: 14px;
top: 1.4rem
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-.42857rem, -.5rem, 0);
opacity: 0
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner {
top: 1px;
top: .1rem
}
.hamburger--slider-r .hamburger-inner::before {
top: 7px;
top: .7rem;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: .15s
}
.hamburger--slider-r .hamburger-inner::after {
top: 14px;
top: 1.4rem
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(.42857rem, -.5rem, 0);
opacity: 0
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(90deg)
}
.hamburger--spin .hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin .hamburger-inner::before {
transition: top .1s .25s ease-in, opacity .1s ease-in
}
.hamburger--spin .hamburger-inner::after {
transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease-out, opacity .1s .12s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin-r .hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin-r .hamburger-inner::before {
transition: top .1s .25s ease-in, opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease-out, opacity .1s .12s ease-out
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spring .hamburger-inner {
top: 1px;
top: .1rem;
transition: background-color 0s .13s linear
}
.hamburger--spring .hamburger-inner::before {
top: 7px;
top: .7rem;
transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring .hamburger-inner::after {
top: 14px;
top: 1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: .22s;
background-color: transparent !important
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, .7rem, 0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring-r .hamburger-inner::after {
top: -14px;
top: -1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}
.hamburger--spring-r .hamburger-inner::before {
transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -.7rem, 0) rotate(-45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand .hamburger-inner {
transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}
.hamburger--stand .hamburger-inner::before {
transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand-r .hamburger-inner {
transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 75ms;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 75ms .12s ease, opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 75ms ease, opacity 75ms .12s ease
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--vortex .hamburger-inner {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
transition-duration: 0s;
transition-delay: .1s;
transition-timing-function: linear
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex.is-active .hamburger-inner::after,
.hamburger--vortex.is-active .hamburger-inner::before {
transition-delay: 0s
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex-r .hamburger-inner::after,
.hamburger--vortex-r .hamburger-inner::before {
transition-duration: 0s;
transition-delay: .1s;
transition-timing-function: linear
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex-r.is-active .hamburger-inner::after,
.hamburger--vortex-r.is-active .hamburger-inner::before {
transition-delay: 0s
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg)
}
@media (max-width:960px) {
.no-js .main-navigation-wrapper,
.no-js .nav-container,
.no-js .nav-toggle,
.no-js .search-wrapper,
.no-js .site-header {
height: 80px !important
}
.no-js>div:first-of-type {
display: none !important
}
}
@media screen and (max-width:959px) {
.main-navigation-wrapper {
order: 6;
z-index: 999
}
.no-js .site-header {
position: static;
background: #333
}
.disable-scroll {
overflow: hidden
}
.js.js-nav-active {
overflow: hidden
}
.js.js-nav-active .nav-primary {
visibility: visible;
opacity: 1;
pointer-events: all;
background: #333
}
.js.js-nav-active .nav-primary .menu-items {
opacity: 1
}
.js .nav-primary {
position: fixed;
z-index: 5;
top: 79px;
left: 0
}
.js .nav-primary .menu-items {
padding: 5px 0 20px;
height: 100vh
}
.main-title {
font-size: 14px;
font-weight: 400
}
.sub-title {
font-size: 1.6rem;
opacity: .5;
display: none !important
}
.main-title,
.sub-title {
width: 100%;
display: block
}
.nav-primary {
height: 100vh;
width: 100vw;
overflow: auto;
transition: all .22s ease-in-out;
margin: 0;
display: block;
will-change: opacity;
visibility: hidden;
opacity: 0;
pointer-events: none
}
.nav-primary .menu-items {
opacity: 0;
margin: 0;
width: 100%;
float: none;
padding: 2rem 0;
outline: 0
}
.nav-primary .menu-items li:first-child a {
border-top: 0
}
.nav-primary .menu-items .menu-item-2681 a,
.nav-primary .menu-items li:last-child a {
border-bottom: 1px solid #f4f4f4
}
.nav-primary .menu-items li>ul>li:last-child .main-title {
padding-bottom: 20px
}
.nav-primary .menu-items li>ul>li:last-child a {
border-bottom: 0
}
.nav-primary .menu-items a {
border-top: 1px solid #f4f4f4;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 0;
padding-right: 5.8rem;
margin-left: 2rem;
margin-right: 2rem;
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 1.7rem;
text-decoration: none;
position: relative;
z-index: 0;
display: block;
outline: 0
}
.nav-primary .menu-items a:focus {
outline: 0
}
.nav-primary .menu-items a.has-submenu {
width: 80%;
position: static
}
.nav-primary .menu-items a:active,
.nav-primary .menu-items a:focus,
.nav-primary .menu-items a:hover {
color: #00b3fe
}
.nav-primary .menu-items .current-menu-item>a,
.nav-primary .menu-items .current-menu-parent>a {
color: #00b3fe
}
.nav-primary .menu-items .disabled {
color: #bbb
}
.nav-primary .menu-items .dropdown-toggle {
position: absolute;
top: 10px;
left: auto;
right: 10px;
width: 12px;
height: 7px;
overflow: hidden;
background: 0 0;
border: 0;
padding: 20px;
z-index: 9999;
background-image: url(//madison.fi/wp-content/themes/madison/svg/mobile-nav-arrow-down.svg);
background-position: center;
background-size: 12px 7px;
background-repeat: no-repeat;
transition: all .22s;
transform: rotate(0)
}
.nav-primary .menu-items .dropdown-toggle:focus {
z-index: 10000
}
.nav-primary .menu-items .dropdown-toggle svg {
display: none
}
.nav-primary .menu-items .menu-item.menu-item-2749 a {
background: #f4f4f4;
transition: all .22s;
font-weight: 600;
padding: 14px 29px;
line-height: 1;
order: 5;
border-radius: 3px;
white-space: nowrap;
-ms-grid-row-align: center;
align-self: center;
font-size: 14px;
color: #222;
text-align: center;
margin-top: 15px
}
.nav-primary .menu-items .menu-item.menu-item-2749 a:focus,
.nav-primary .menu-items .menu-item.menu-item-2749 a:hover {
background: #e7e7e7
}
.nav-primary .menu-items .menu-item.menu-item-3271,
.nav-primary .menu-items .menu-item.menu-item-3272 {
width: 50%;
margin: 10px 0 0;
float: left;
border: 0
}
.nav-primary .menu-items .menu-item.menu-item-3271 {
text-align: left
}
.nav-primary .menu-items .menu-item.menu-item-3272 {
justify-content: flex-end;
text-align: right;
width: auto;
float: right
}
.nav-primary .menu-items .menu-item.menu-item-3272 a {
justify-content: flex-end;
display: inline-block;
text-align: right;
padding-right: 0
}
.nav-primary .menu-items .menu-item.menu-item-3271 a,
.nav-primary .menu-items .menu-item.menu-item-3272 a {
border: 0;
font-weight: 600;
color: #b2b2b2;
transition: all .22s;
position: relative;
font-size: 14px !important
}
.nav-primary .menu-items .menu-item.menu-item-3271 a svg,
.nav-primary .menu-items .menu-item.menu-item-3272 a svg {
width: 11px;
height: 11px;
min-width: 11px;
margin-left: 8px
}
.nav-primary .menu-items .menu-item.menu-item-3271 a.link-webshop,
.nav-primary .menu-items .menu-item.menu-item-3272 a.link-webshop {
font-size: 14px;
margin-left: auto
}
}
@media screen and (max-width:959px) and (max-width:1440px) {
.nav-primary .menu-items .menu-item.menu-item-3271 a,
.nav-primary .menu-items .menu-item.menu-item-3272 a {
font-size: 14px
}
}
@media screen and (max-width:959px) {
.nav-primary .menu-items .dropdown-toggle.toggled-on {
background-color: transparent;
transform: rotate(-180deg);
cursor: pointer
}
.nav-primary .menu-items ul {
background: 0 0;
margin-left: 0;
padding: 0
}
.nav-primary .menu-items ul a {
font-size: 1.4rem
}
.nav-primary .menu-items ul>li {
padding-left: 1.5rem
}
.nav-primary .menu-items ul>li ul {
margin-left: -1.5rem
}
.nav-primary .menu-items ul>li ul li {
padding-left: 3rem
}
.nav-primary .menu-items ul>li ul li ul {
margin-left: -3rem
}
.nav-primary .menu-items ul>li ul li ul li {
padding-left: 4.5rem
}
}
.nav-toggle {
list-style: none;
z-index: 100000;
-webkit-tap-highlight-color: transparent;
border: 0;
overflow: visible;
color: #fff;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
padding: 20px;
padding: 2rem;
margin: 0 -20px 0;
margin: 0 -2rem 0;
background: 0 0;
cursor: pointer;
position: relative;
top: 0;
display: none
}
.nav-toggle:not(.toggled-on) .hamburger-inner {
width: 18px;
transition: width .22s
}
.nav-toggle.is-active .hamburger-inner,
.nav-toggle:hover .hamburger-inner {
width: 30px;
width: 3rem
}
.nav-toggle span {
color: #fff;
font-size: 1.2em
}
.nav-toggle:focus {
outline: 0
}
.nav-toggle:focus span span {
background-color: #fff
}
.nav-toggle:focus span span:after,
.nav-toggle:focus span span:before {
background-color: #fff
}
.nav-toggle:active,
.nav-toggle:hover {
color: #fff
}
.nav-toggle:active span,
.nav-toggle:hover span {
color: #fff
}
@media (max-width:959px) {
.nav-toggle {
display: block
}
.nav-toggle.has-visible-label {
display: flex;
align-items: center
}
.nav-toggle.has-visible-label .nav-toggle-label {
font-size: 17px
}
.nav-toggle.has-visible-label .hamburger-box {
margin-right: 2rem
}
}
.nav-toggle.is-active {
color: #fff
}
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner,
.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner {
background-color: #fff
}
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner:after,
.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner:after {
background-color: #fff
}
.nav-toggle.is-active span.hamburger-box .hamburger-inner {
background-color: #fff
}
.nav-toggle.is-active span.hamburger-box .hamburger-inner:after {
background-color: #fff
}
.nav-toggle.is-active span:active,
.nav-toggle.is-active span:focus,
.nav-toggle.is-active span:hover {
color: #fff
}
.nav-toggle.is-active span:active span,
.nav-toggle.is-active span:focus span,
.nav-toggle.is-active span:hover span {
color: #fff
}
.nav-toggle.is-active span {
color: #fff
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
color: #fff;
background: #fff
}
.back-to-top {
margin: 0;
position: fixed;
bottom: 10px;
bottom: 1rem;
right: 10px;
right: 1rem;
text-decoration: none;
opacity: 0;
transition: opacity .22s 0s, visibility 0s .22s;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center
}
.back-to-top:focus {
outline: 0
}
.back-to-top.has-light-bg svg {
fill: #222
}
.back-to-top.has-dark-bg svg {
fill: #fff
}
.back-to-top.fade-out,
.back-to-top.is-visible,
.no-touch .back-to-top:hover {
transition: opacity .22s 0s, visibility 0s 0s
}
.back-to-top.is-visible {
opacity: 1
}
.back-to-top.fade-out {
opacity: 1
}
.back-to-top.fade-out:hover {
opacity: 1
}
.no-touch .back-to-top:hover {
opacity: 1
}
.top {
background: 0 0;
padding: 16px
}
.top svg {
fill: #222;
margin: 0;
opacity: .8;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px
}
@media (max-width:480px) {
.top svg {
width: 15px;
height: 15px
}
}
.top:active svg,
.top:focus svg,
.top:hover svg {
transform: translateY(-.5rem)
}
.gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%
}
.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.gallery-columns-5 {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr)
}
.gallery-columns-6 {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr)
}
.gallery-columns-7 {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr)
}
.gallery-columns-8 {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr)
}
.gallery-columns-9 {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr)
}
.gallery-caption {
display: block
}
.background-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
overflow: hidden
}
.background-image.reveal {
filter: none;
will-change: transform, opacity;
-webkit-animation: progressive-reveal 1s ease-out;
animation: progressive-reveal 1s ease-out
}
.background-image.preview {
filter: blur(1vw);
transform: scale(1.05)
}
.background-image.full-image {
z-index: 1;
transition: all .22s
}
@-webkit-keyframes progressive-reveal {
0% {
opacity: .2
}
100% {
opacity: 1
}
}
@keyframes progressive-reveal {
0% {
opacity: .2
}
100% {
opacity: 1
}
}
.has-lazyload {
overflow: hidden;
position: relative
}
.notice {
padding: 20px;
padding: 2rem;
background-color: #f5f5f5;
border-left: 4px solid #333
}
.notice-success {
background-color: #dffae2;
border-color: #30dd44
}
.notice-warning {
background-color: #fdefe5;
border-color: #ed7e29
}
.notice-error {
background-color: #fadfdf;
border-color: #dd3030
}
.block.block-front-video {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
position: relative;
min-height: calc(100vh - 96px)
}
.block.block-front-video .container {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
.block.block-front-video .container h1 {
text-align: center;
color: #fff
}
.vimeo-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: calc(100vh - 96px);
z-index: 0;
pointer-events: none;
overflow: hidden
}
.vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw;
min-height: calc(100vh - 96px);
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (min-width:480px) {
.block.block-page {
min-height: 300px
}
}
.cat-links,
.tags-links {
display: block
}
.alignleft {
display: inline;
float: left;
margin-right: 20px
}
.alignright {
display: inline;
float: right;
margin-left: 20px
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto
}
del {
text-decoration: line-through;
color: #666
}
.container.container-article {
max-width: 800px;
margin-top: 0;
margin-bottom: 0
}
.container.container-article article {
max-width: 100%;
padding-right: 0;
padding-left: 0;
padding-top: 0;
padding-bottom: 0
}
.container.container-article article .article--meta-information {
margin-top: 80px;
margin-top: 8rem
}
.container.container-article article .article--meta-information svg {
position: relative;
top: 2px;
margin-right: 3px
}
.container.container-article article .article--meta-information a:not(.button) {
color: #333;
text-decoration: none;
text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;
box-shadow: inset 0 -1px 0 0 #fff, inset 0 -2px 0 0 rgba(51, 51, 51, .6);
transition: all .22s;
background-image: linear-gradient(to top, #333, #333);
background-size: 100% 0;
background-position: left bottom;
background-repeat: no-repeat
}
.container.container-article article .article--meta-information a:not(.button):hover {
color: #fff;
text-shadow: none;
padding-left: 5px;
padding-right: 5px;
box-shadow: none;
background-size: 100% 2.8rem;
margin-left: -5px;
margin-right: -5px
}
.container.container-article article .article--meta-information a,
.container.container-article article .article--meta-information b,
.container.container-article article .article--meta-information p {
font-size: 14px;
color: #333;
line-height: 1.77
}
@media screen and (min-width:320px) {
.container.container-article article .article--meta-information a,
.container.container-article article .article--meta-information b,
.container.container-article article .article--meta-information p {
font-size: calc(14px + 2 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.container.container-article article .article--meta-information a,
.container.container-article article .article--meta-information b,
.container.container-article article .article--meta-information p {
font-size: 16px
}
}
.container.container-article article .entry-meta .notification-box {
border-top: 1px solid rgba(51, 51, 51, .3);
border-bottom: 1px solid rgba(51, 51, 51, .3);
padding: 40px 20px;
padding: 4rem 2rem;
margin-top: 80px;
margin-top: 8rem
}
@media (max-width:600px) {
.container.container-article article .entry-meta .notification-box {
padding: 2rem
}
}
.container.container-article article .entry-meta .notification-box b,
.container.container-article article .entry-meta .notification-box h2,
.container.container-article article .entry-meta .notification-box p {
font-size: 16px;
color: #333;
margin: 0
}
@media screen and (min-width:320px) {
.container.container-article article .entry-meta .notification-box b,
.container.container-article article .entry-meta .notification-box h2,
.container.container-article article .entry-meta .notification-box p {
font-size: calc(16px + 5 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.container.container-article article .entry-meta .notification-box b,
.container.container-article article .entry-meta .notification-box h2,
.container.container-article article .entry-meta .notification-box p {
font-size: 21px
}
}
.container.container-article article a:not(.button):not(.no-text-link) {
position: relative;
color: #00b3fe;
transition: all .22s;
text-decoration: none
}
.container.container-article article cite,
.container.container-article article figcaption,
.container.container-article article small {
font-size: 14px;
font-style: normal;
color: #333;
border: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 800px;
padding-bottom: 0;
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 80px;
margin-bottom: 8rem
}
@media screen and (min-width:320px) {
.container.container-article article cite,
.container.container-article article figcaption,
.container.container-article article small {
font-size: calc(14px + 2 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.container.container-article article cite,
.container.container-article article figcaption,
.container.container-article article small {
font-size: 16px
}
}
@media (max-width:480px) {
.container.container-article article cite,
.container.container-article article figcaption,
.container.container-article article small {
margin-top: 2rem
}
}
.container.container-article article a:hover {
text-decoration: none
}
.container.container-article article p {
color: #222;
font-weight: 400
}
.container.container-article article .is-style-ingress,
.container.container-article article h1,
.container.container-article article h2,
.container.container-article article h3,
.container.container-article article h4,
.container.container-article article h5 {
line-height: 1.22
}
.container.container-article article .fb-post,
.container.container-article article iframe,
.container.container-article article small {
display: block
}
.container.container-article article li,
.container.container-article article ul {
line-height: 1.77
}
.container.container-article article .featured-image-single {
max-width: 920px;
margin-bottom: 80px;
margin-bottom: 8rem
}
.container.container-article article .featured-image-single img {
width: 100%;
height: auto
}
.container.container-article article blockquote {
margin-left: auto;
margin-right: auto;
border-left: 3px solid #222;
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 40px;
margin-bottom: 4rem;
padding: 40px;
padding: 4rem;
max-width: 920px;
line-height: 1.77
}
.container.container-article article blockquote cite {
text-align: left
}
.container.container-article article blockquote * {
line-height: 1.77
}
@media (max-width:480px) {
.container.container-article article blockquote {
padding: 4rem 2rem
}
}
.container.container-article article blockquote p {
font-size: 17px
}
@media screen and (min-width:320px) {
.container.container-article article blockquote p {
font-size: calc(17px + 7 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.container.container-article article blockquote p {
font-size: 24px
}
}
.container.container-article article cite {
margin-bottom: 80px;
margin-bottom: 8rem
}
.container.container-article article ol,
.container.container-article article ul {
padding-left: 22px;
padding-left: 2.2rem
}
.container.container-article article .wp-video,
.container.container-article article div[style="width: 640px;"] {
width: 100% !important;
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important
}
.container.container-article article>* {
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 1.77
}
.container.container-article article>.wp-block-image {
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 40px;
margin-bottom: 4rem
}
.container.container-article article>.wp-block-image .entry-photo {
margin: 0
}
.container.container-article article>.wp-block-image .entry-photo img {
max-width: 100%;
width: 100%;
height: auto
}
.container.container-article article>.instagram-media,
.container.container-article article>.twitter-tweet,
.container.container-article article>.wp-video {
width: 100% !important;
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important
}
@media (max-width:800px) {
.container.container-article article>.instagram-media,
.container.container-article article>.twitter-tweet,
.container.container-article article>.wp-video {
padding-left: 4rem !important;
padding-right: 4rem !important
}
}
@media (max-width:480px) {
.container.container-article article>.instagram-media,
.container.container-article article>.twitter-tweet,
.container.container-article article>.wp-video {
padding-left: 2rem !important;
padding-right: 2rem !important
}
}
.container.container-article article>.entry-title {
font-size: 42px;
max-width: 1000px;
line-height: 1;
text-align: center;
margin-bottom: 0;
margin-top: 80px;
margin-top: 8rem
}
@media screen and (min-width:320px) {
.container.container-article article>.entry-title {
font-size: calc(42px + 48 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.container.container-article article>.entry-title {
font-size: 90px
}
}
@media (max-width:600px) {
.container.container-article article>.entry-title {
margin-top: 0
}
}
.container.container-article article>.entry-title svg {
margin-left: 5px
}
.container.container-article article>.entry-meta {
text-align: center;
margin-bottom: 90px;
margin-bottom: 9rem;
max-width: 800px
}
@media (max-width:480px) {
.container.container-article article>.entry-meta {
margin-bottom: 8rem
}
}
.container.container-article article>.entry-meta p {
font-size: 16px;
margin-top: 20px;
margin-top: 2rem;
opacity: .8
}
@media screen and (min-width:320px) {
.container.container-article article>.entry-meta p {
font-size: calc(16px + 3 * ((100vw - 320px)/ 1600))
}
}
@media screen and (min-width:1920px) {
.container.container-article article>.entry-meta p {
font-size: 19px
}
}
@media (max-width:480px) {
.container.container-article article>.entry-meta p {
font-size: 15px
}
}
@media (max-width:480px) {
.container.container-article article>.entry-meta .reading-time {
display: block
}
.container.container-article article>.entry-meta .reading-time .dot-divider {
display: none
}
}
.container.container-article article>.wp-block-gallery {
overflow: hidden;
color: #fff
}
.container.container-article article>.wp-block-gallery figcaption {
width: 100%;
color: #fff;
font-size: 14px;
padding: 20px;
padding: 2rem;
line-height: 1.55
}
.container.container-article article>.wp-block-gallery img {
margin-bottom: 0
}
.container.container-article article>.alignwide {
width: 100%;
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 40px;
margin-bottom: 4rem;
padding-left: 40px;
padding-left: 4rem;
padding-right: 40px;
padding-right: 4rem
}
@media (min-width:870px) {
.container.container-article article>.alignwide {
max-width: 85vw;
padding-left: 0;
padding-right: 0
}
}
@media (max-width:480px) {
.container.container-article article>.alignwide {
padding-left: 2rem;
padding-right: 2rem
}
}
.container.container-article article>.alignfull {
max-width: 100%;
width: 100%;
margin-top: 80px;
margin-top: 8rem;
margin-bottom: 80px;
margin-bottom: 8rem
}
@media (min-width:1170px) {
.container.container-article article .entry-photo {
max-width: 100%;
text-align: center;
margin-top: 8rem;
margin-bottom: 8rem
}
.container.container-article article .entry-photo img {
max-width: 70%;
margin: 0 auto
}
.container.container-article article small[style="text-align: center;"] {
width: 100%;
max-width: 100%;
display: block;
margin-bottom: 8rem;
margin-top: -4rem
}
}
.sticky {
background-color: #fafafa;
border: 1px solid #e0e0e0;
padding: 30px;
padding: 3rem
}
.comments-area .comment-list li.bypostauthor {
background-color: #fff6e8;
padding: 30px;
padding: 3rem
}
.wp-caption {
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
padding: 10px 0;
padding: 1rem 0;
margin-bottom: 20px
}
.entry-content {
margin-bottom: 2em
}
.entry-content p {
line-height: 1.77
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
max-width: 100%
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child {
margin-top: 0
}
table {
border-spacing: 0;
border-collapse: collapse
}
td,
th {
font-family: "Open Sans", sans-serif;
height: 30px;
height: 3rem;
padding: 10px;
padding: 1rem
}
@media (max-width:600px) {
td,
th {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
display: inline-block;
height: auto;
padding: 10px 0;
text-align: center
}
td:first-child,
th:first-child {
margin-left: auto
}
td:last-child,
th:last-child {
margin-right: auto
}
}
th {
font-weight: 700
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
kbd {
border: 1px solid #ccc;
font-family: Arial, Helvetica, sans-serif;
background-color: #f7f7f7;
color: #333;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 2px #fff inset;
border-radius: 4px;
display: inline-block;
text-shadow: 0 1px 0 #fff;
line-height: 1.4;
white-space: nowrap;
padding: 0 5px;
padding: 0 .5rem
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 6.25px;
margin: 0 0 .625rem;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
overflow: auto
}
pre.debug {
font-size: 11px;
line-height: 1.5
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.taxonomy-description {
margin-bottom: 20px;
margin-bottom: 2rem
}
.post {
margin-bottom: 30px
}
.entry-header .entry-title {
margin-bottom: .1em
}
.entry-header .entry-title a {
color: #00b3fe
}
.entry-header .entry-title a:hover {
color: #222
}
.entry-meta {
margin-bottom: 1em
}
.entry-meta * {
color: #333
}
p.entry-time {
margin-bottom: .1em
}
.cat {
margin-top: 0;
margin-bottom: 10px
}
ul.tags {
overflow: hidden;
margin: 0;
padding: 0;
padding-left: 0
}
ul.tags li {
margin-left: 0;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 0;
display: inline-block;
float: left;
margin-top: 0
}
ul.tags li a {
font-size: 12px;
font-size: 1.2rem;
color: #333;
padding: 5px 10px;
padding: .5rem 1rem;
display: inline;
border-radius: 4px;
background: #f0f0f0;
opacity: .8
}
ul.tags li a:hover {
color: #fff;
background: #aaa;
opacity: 1
}
.comments-link {
text-align: right;
display: block
}
.comments-link svg {
fill: #777;
position: relative;
top: 1px;
margin-right: 2px
}
.comments-link:focus,
.comments-link:hover {
color: #111
}
.comments-link:focus a,
.comments-link:focus a:link,
.comments-link:focus a:visited,
.comments-link:focus svg,
.comments-link:hover a,
.comments-link:hover a:link,
.comments-link:hover a:visited,
.comments-link:hover svg {
color: #111;
fill: #111
}
.entry-footer {
margin-top: 0;
margin-bottom: 0
}
.entry-footer a {
color: #333
}
.entry-footer a:hover {
color: #00b3fe;
text-decoration: none
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 1.5em 0;
overflow: hidden
}
.site-main .comment-navigation::after,
.site-main .post-navigation::after,
.site-main .posts-navigation::after {
display: block;
content: '';
clear: both
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%
}
.comment-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before {
content: '← '
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%
}
.comment-navigation .nav-next a:after,
.post-navigation .nav-next a:after,
.posts-navigation .nav-next a:after {
content: ' →'
}
.comments-area {
margin-top: 50px;
margin-bottom: 50px;
overflow: visible
}
.comment-list {
padding: 0;
margin: 0;
list-style: none
}
.comment-list li {
padding: 0;
margin-top: 0;
margin-bottom: 70px
}
.comment-list li p {
color: #333
}
.comment-list li .avatar {
float: right;
border-radius: 50%
}
.comment-list li .comment-author {
color: #222;
margin-top: 0;
margin-bottom: 10px;
padding: 0
}
.comment-list li .comment-author a {
color: #222
}
.comment-list li .comment-time {
padding: 0;
margin: 0
}
.comment-list li .comment-time svg {
fill: #333;
position: relative;
top: 2px;
margin-right: 5px
}
.comment-list li .comment-time a {
color: #333
}
.comment-list li .comment-time:hover {
opacity: 1
}
@media (min-width:770px) {
#wpsl-wrap .wpsl-search form {
display: flex;
justify-content: space-between
}
}
#wpsl-wrap .wpsl-search form div,
#wpsl-wrap .wpsl-search form div label {
float: none
}
#wpsl-wrap .wpsl-search form .wpsl-dropdown {
width: auto
}
@media (max-width:570px) {
#wpsl-wrap .wpsl-search form #wpsl-search-input {
width: 90% !important
}
}
#wpsl-wrap .wpsl-search form .wpsl-search-btn-wrap {
display: flex;
align-items: center;
margin-bottom: 10px
}
#wpsl-wrap .wpsl-search form .wpsl-search-btn-wrap input {
border: 0;
background: #333;
border-radius: 0;
color: #fff;
width: 100px;
height: 50px
}
#wpsl-wrap .wpsl-search form .wpsl-search-btn-wrap input:hover {
background: #fff;
color: #333
}
#wpsl-wrap .wpsl-gmap-canvas {
float: none;
width: 100%
}
#wpsl-wrap #wpsl-result-list {
width: 100%
}
#wpsl-wrap #wpsl-stores {
height: 100% !important
}
#wpsl-wrap #wpsl-stores ul {
display: flex;
flex-wrap: wrap
}
#wpsl-wrap #wpsl-stores ul li {
flex-basis: 100%
}
@media (min-width:500px) {
#wpsl-wrap #wpsl-stores ul li {
flex-basis: 46%;
float: left
}
}
@media (min-width:768px) {
#wpsl-wrap #wpsl-stores ul li {
flex-basis: 30%;
float: left
}
}
.faq-container .faq-question {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
transition: .4s
}
.faq-container .faq-question:hover {
background-color: #ccc
}
.faq-container .faq-question::after {
content: '\02795';
font-size: 13px;
color: #777;
float: right;
margin-left: 5px
}
.faq-container .active {
background-color: #ccc
}
.faq-container .active::after {
content: '\2796'
}
.faq-container .faq-answer {
background-color: #fff;
max-height: 0;
overflow: hidden;
transition: max-height .2s ease-out
}
.faq-container .faq-answer.answer-active {
padding: 15px
}
.site-header {
transition: all .22s ease
}
.nav-container {
position: fixed;
transition: all .22s ease;
height: 80px;
width: 100%;
z-index: 9999;
overflow: visible
}
.nav-container .site-header {
height: auto
}
@media (min-width:960px) {
.nav-container {
height: 92px
}
}
.nav-container.nav-container-sticky {
position: fixed;
top: 0;
left: 0
}
@media (min-width:960px) {
.nav-container.nav-container-sticky .site-header {
padding-top: 5px;
padding-bottom: 5px
}
}
.nav-container.nav-container-sticky .site-title svg {
position: relative;
top: 5px;
width: 32px;
height: 32px
}
@media (max-width:959px) {
.nav-container.nav-container-sticky .site-title {
margin-top: 0
}
}
.nav-container.nav-container-sticky nav {
padding-top: 0;
padding-bottom: 0
}
@media (min-width:960px) {
.nav-container.nav-container-sticky {
height: 54px
}
}
@media (min-width:960px) {
.nav-container.nav-container-sticky.scrolling-down {
margin-top: -92px
}
}
.nav-container.nav-container-sticky.scrolling-up {
top: 0
}
body.woocommerce .woocommerce-breadcrumb,
body.woocommerce-page .site-content .woocommerce-breadcrumb {
font-weight: 600;
font-family: "Open Sans", sans-serif;
font-size: 12px;
margin: 0 auto;
padding: 20px;
padding: 2rem;
padding-bottom: 20px;
padding-bottom: 2rem;
padding-top: 20px;
padding-top: 2rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
body.woocommerce .breadcrumb-container,
body.woocommerce-page .site-content .breadcrumb-container {
background-color: transparent;
text-transform: uppercase;
}
body.woocommerce .term-description,
body.woocommerce-page .site-content .term-description {
margin: 3em 0
}
body.woocommerce .woocommerce-result-count,
body.woocommerce-page .site-content .woocommerce-result-count {
display: none
}
body.woocommerce #place_order,
body.woocommerce-page .site-content #place_order {
background-color: #00b3fe;
width: 100%;
font-size: 1.5em;
padding: 1em;
margin-top: 1em
}
body.woocommerce #place_order:hover,
body.woocommerce-page .site-content #place_order:hover {
background-color: #222
}
body.woocommerce form .col-2,
body.woocommerce-page .site-content form .col-2 {
background-color: #ebe9eb;
padding: 1em;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 5px
}
body.woocommerce form table.shop_table,
body.woocommerce-page .site-content form table.shop_table {
border: 0
}
body.woocommerce form table.shop_table th,
body.woocommerce-page .site-content form table.shop_table th {
border-bottom: 2px solid #00b3fe
}
body.woocommerce table.cart td.actions .input-text,
body.woocommerce-page .site-content table.cart td.actions .input-text {
width: 180px
}
body.woocommerce .woocommerce-privacy-policy-text p,
body.woocommerce-page .site-content .woocommerce-privacy-policy-text p {
font-size: .8em
}
@media (min-width:770px) {
body.woocommerce ul.products li,
body.woocommerce-page .site-content ul.products li {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0;
margin-right: 3%;
text-align: center;
height: 380px;
}
body.woocommerce ul.products li::after,
body.woocommerce-page .site-content ul.products li::after {
display: block;
content: '';
clear: both
}
body.woocommerce ul.products li:nth-child(n),
body.woocommerce-page .site-content ul.products li:nth-child(n) {
margin-right: 3%;
float: left;
clear: none
}
body.woocommerce ul.products li:nth-child(4n),
body.woocommerce-page .site-content ul.products li:nth-child(4n) {
margin-right: 0;
float: right
}
body.woocommerce ul.products li:nth-child(4n+1),
body.woocommerce-page .site-content ul.products li:nth-child(4n+1) {
clear: both
}
}
body.woocommerce ul.products .star-rating,
body.woocommerce-page .site-content ul.products .star-rating {
margin-top: 2px;
height: 32px
}
body.woocommerce ul.products .star-rating span,
body.woocommerce-page .site-content ul.products .star-rating span {
padding-top: 1.5em;
font-family: star
}
body.woocommerce ul.products .star-rating span:after,
body.woocommerce-page .site-content ul.products .star-rating span:after {
font-family: star;
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0
}
body.woocommerce div.product h1.product_title,
body.woocommerce-page .site-content div.product h1.product_title {
text-align: center;
margin-bottom: 0
}
body.woocommerce div.product .addtoany_shortcode,
body.woocommerce-page .site-content div.product .addtoany_shortcode {
text-align: center;
margin-bottom: 37px;
margin-bottom: 3.7rem
}
body.woocommerce div.product div.images,
body.woocommerce-page .site-content div.product div.images {
width: 100%;
text-align: center
}
body.woocommerce div.product div.images img,
body.woocommerce-page .site-content div.product div.images img {
width: auto;
margin: 0 auto
}
body.woocommerce div.product .star-rating,
body.woocommerce-page .site-content div.product .star-rating {
margin-top: 2px;
height: 35px
}
body.woocommerce div.product .star-rating *,
body.woocommerce-page .site-content div.product .star-rating * {
font-family: star
}
body.woocommerce div.product .price,
body.woocommerce div.product .price span,
body.woocommerce-page .site-content div.product .price,
body.woocommerce-page .site-content div.product .price span {
font-family: "Open Sans", sans-serif;
color: #222;
font-weight: 900
}
body.woocommerce div.product .entry-summary,
body.woocommerce-page .site-content div.product .entry-summary {
display: flex;
flex-wrap: wrap;
width: 100%;
text-align: center
}
body.woocommerce div.product .entry-summary .price,
body.woocommerce-page .site-content div.product .entry-summary .price {
width: 100%;
order: 2
}
body.woocommerce div.product form.variations_form,
body.woocommerce-page .site-content div.product form.variations_form {
width: 100%;
order: 1
}
body.woocommerce div.product form.variations_form .variations td.label,
body.woocommerce-page .site-content div.product form.variations_form .variations td.label {
padding-right: 3em
}
@media (min-width:600px) {
body.woocommerce div.product form.variations_form .variations td.label,
body.woocommerce-page .site-content div.product form.variations_form .variations td.label {
width: 50%;
text-align: right
}
}
body.woocommerce div.product .reset_variations,
body.woocommerce div.product .single_variation_wrap,
body.woocommerce div.product form.cart:not(.variations_form),
body.woocommerce-page .site-content div.product .reset_variations,
body.woocommerce-page .site-content div.product .single_variation_wrap,
body.woocommerce-page .site-content div.product form.cart:not(.variations_form) {
display: none !important
}
body.woocommerce div.product .product_meta,
body.woocommerce-page .site-content div.product .product_meta {
margin: 1em 0
}
body.woocommerce div.product .woocommerce-Tabs-panel--description h2,
body.woocommerce-page .site-content div.product .woocommerce-Tabs-panel--description h2 {
display: none
}
body.woocommerce div.product .panel,
body.woocommerce-page .site-content div.product .panel {
overflow: hidden;
padding: 0 10px
}
body.woocommerce div.product .panel .row,
body.woocommerce-page .site-content div.product .panel .row {
margin-left: 0;
margin-right: 0;
overflow: hidden;
padding: 2px 0;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid
}
body.woocommerce div.product .panel .row label,
body.woocommerce-page .site-content div.product .panel .row label {
width: 160px;
padding-right: 20px;
font-weight: 700;
display: table-cell
}
body.woocommerce div.product .panel .row .value,
body.woocommerce-page .site-content div.product .panel .row .value {
display: table-cell
}
body.woocommerce div.product .panel .description-left,
body.woocommerce-page .site-content div.product .panel .description-left {
float: left;
width: 66%
}
body.woocommerce div.product .panel .description-right,
body.woocommerce-page .site-content div.product .panel .description-right {
float: right;
width: 30%;
font-size: 18px;
font-weight: 700
}
body.woocommerce div.product .panel .attributes,
body.woocommerce-page .site-content div.product .panel .attributes {
font-size: 15px
}
@media (min-width:650px) {
body.woocommerce div.product .panel .attributes,
body.woocommerce-page .site-content div.product .panel .attributes {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 40px;
column-gap: 40px
}
}
body.woocommerce .cart-collaterals .cart_totals,
body.woocommerce-page .site-content .cart-collaterals .cart_totals {
float: none;
margin: 0 auto
}
body.woocommerce .cart-collaterals .cart_totals .checkout-button,
body.woocommerce-page .site-content .cart-collaterals .cart_totals .checkout-button {
display: block
}
body.woocommerce table.cart td.actions .coupon input.input-text,
body.woocommerce-page .site-content table.cart td.actions .coupon input.input-text {
display: block;
float: none;
margin-bottom: .5em;
width: 100%;
text-align: center
}
body.woocommerce table.cart td.actions .coupon button.button,
body.woocommerce-page .site-content table.cart td.actions .coupon button.button {
display: block;
width: 100%
}
body.woocommerce .quantity,
body.woocommerce-page .site-content .quantity {
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px;
display: inline-block
}
body.woocommerce .quantity .qty,
body.woocommerce-page .site-content .quantity .qty {
border: 0;
background: 0 0;
padding: 0 0 0 1em;
width: 1.4em
}
body.woocommerce .quantity button,
body.woocommerce-page .site-content .quantity button {
background: 0 0;
color: #000
}
.wc-block-grid__product-onsale {
position: absolute;
top: 0;
right: 0;
left: auto;
margin: -.5em -.5em 0 0
}
.woocommerce ul.products li.product {
text-align: center
}
.woocommerce ul.products li.product .price {
color: #000
}
.woocommerce ul.products li.product a {
color: #000
}
.woocommerce ul.products li.product a h2 {
font-weight: 400
}
.woocommerce ul.products li.product a img {
-o-object-fit: contain;
object-fit: contain;
transition: .5s
}
.woocommerce ul.products li.product p {
margin-top: 0
}
.woocommerce ul.products li.product:hover img {
transform: scale(1.1)
}
.woocommerce ul.products li.product:hover h2 {
font-weight: 700
}
@media (max-width:600px) {
.rtwpvs .rtwpvs-terms-wrapper {
justify-content: center
}
}
.pswp {
z-index: 99999
}
.sub-menu a:hover {
text-decoration: underline;
} ul.products li.product-category.product {
margin: 0;
display: inline-block;
margin: 0 2px;
}
ul.products li.product-category.product > a {
position: relative;
display: block;
background: #fff;
box-shadow: 0 1px 0 rgba(0,0,0,0.04);
overflow: hidden;
text-decoration: none;
color: inherit; padding: 18px 18px 82px;
} ul.products li.product-category.product > a > img {
display: block;
width: 100%;
height: 220px; object-fit: contain; margin: 0; } ul.products li.product-category.product > a .woocommerce-loop-category__title {
position: absolute;
left: 18px;
bottom: 18px;
margin: 0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
letter-spacing: 0.02em;
text-transform: uppercase;
font-size: 16px;
line-height: 1;
color: #111;
} ul.products li.product-category.product > a .woocommerce-loop-category__title .count {
display: none !important;
} ul.products li.product-category.product > a::after {
content: "›";
position: absolute;
right: 0;
bottom: 0;
width: 54px;
height: 54px;
background: #000;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
line-height: 1;
transform: translateX(1px);
} ul.products li.product-category.product > a:hover {
border-color: #e4e4e4;
box-shadow: 0 8px 28px rgba(0,0,0,0.08);
}
ul.products li.product-category.product > a:focus-visible {
outline: 3px solid #111;
outline-offset: 3px;
}
.raya-hero{
position:relative;
display:block;
width:100%;
border:1px solid #e7e7e7;
overflow:hidden;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
text-decoration:none;
color:inherit;
}
.raya-hero::before{
content:"";
position:absolute;
inset:0; background:linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0) 55%);
pointer-events:none;
}
.raya-hero__inner{
position:absolute;
inset:0;
display:flex;
align-items:flex-end;
padding:22px;
}
.raya-hero__text{
color: #fff;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: clamp(22px, 3.2vw, 30px);
line-height: 1.05;
text-align: center;
text-shadow: 0 2px 14px rgba(0,0,0,0.45);
width: 100%;
}
a.raya-hero:hover{
filter:brightness(0.98);
}
a.raya-hero:focus-visible{
outline:3px solid #111;
outline-offset:3px;
}
ul {
padding-left:0;
padding-right:0;
}
.raya-article-grid{
padding: 16px 0;
}
.raya-article-grid__heading{
margin: 0 0 18px;
text-align: center;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 900;
letter-spacing: 0.04em;
text-transform: uppercase;
font-size: clamp(22px, 3vw, 34px);
color: #111;
}
.raya-article-grid__items{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.raya-article-card{
background: #ffffff; }
.raya-article-card__link{
display: block;
text-decoration: none;
color: inherit;
background: #ffffff;
}
.raya-article-card__media{
background: #fff;
}
.raya-article-card__media img{
display:block;
width:100%;
height: 190px; object-fit: cover; }
.raya-article-card__media--placeholder{
width:100%;
height:190px;
background: #e7e7e7;
}
.raya-article-card__body{
padding: 18px 20px 22px;
}
.raya-article-card__title{
margin: 0 0 10px;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
font-size: 19px;
line-height: 1.25;
color:#111;
text-decoration: none !important;
}
.container a.raya-article-card__link {
text-decoration: none !important;
}
.raya-article-card__arrow{
font-weight: 900;
}
.raya-article-card__excerpt{
margin: 0;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-size: 13px;
line-height: 1.6;
color: #222;
max-width: 46ch;
}
.raya-article-card__link:hover .raya-article-card__title{
text-decoration: underline;
}
@media (max-width: 900px){
.raya-article-card__media img,
.raya-article-card__media--placeholder{
height: 220px;
}
}
.block-front-video p {
color: white;
text-align: center;
}
.block-front-video .container {
z-index: 1;
}
.site-footer{
background:#0b141a;
color:#fff;
padding:48px 0 56px;
position:relative;
}
.site-footer a{ color:inherit; text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }
.footer-top{
display:flex;
flex-direction:column; gap: 12px;
margin-bottom: 40px; }
.footer-logo img{
display:block;
height: 34px; width:auto;
} .footer-bottom{
display:grid;
grid-template-columns: 1fr 1fr 1.2fr;
gap: 64px;
align-items:start;
} .site-footer .menu,
.site-footer ul{
list-style:none;
padding:0;
margin:0;
}
.site-footer .menu a,
.site-footer ul a{
display:inline-block;
padding: 6px 0;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .03em;
font-size: 13px;
line-height: 1.2;
} .footer-col--content,
.footer-col--content a{
font-weight: 500;
text-transform: none;
letter-spacing: 0;
font-size: 13px;
line-height: 1.7;
} .site-footer .back-to-top{
position:absolute;
right: 18px;
bottom: 18px;
margin: 0;
}
@media (max-width: 980px){
.footer-bottom{
grid-template-columns: 1fr;
gap: 28px;
}
.site-footer .back-to-top{
position: static;
margin-top: 18px;
text-align: right;
padding-right: 18px;
}
}
.footer-hero{
width:100%;
}
.footer-hero__bg{
position:relative;
width:100%;
min-height: 300px; background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.footer-hero__overlay{
position:absolute;
inset:0;
background: rgba(0,0,0,0.38); }
.footer-hero__inner{
position:relative;
min-height: 570px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding: 36px 18px;
}
.footer-hero .footer-hero a {
text-decoration: none;
}
.footer-hero__content{
max-width: 920px;
}
.footer-hero__title{
margin: 0 0 18px;
color:#fff;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .06em;
font-size: clamp(20px, 3vw, 36px);
line-height: 1.15;
text-shadow: 0 2px 18px rgba(0,0,0,0.35);
}
.footer-hero__btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap: 10px;
padding: 12px 22px;
background:#000;
color:#fff;
text-decoration:none;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
font-size: 12px;
border: 1px solid rgba(255,255,255,0.12);
text-decoration: none !important;
}
.footer-hero__btn:hover{
filter: brightness(1.05);
text-decoration:none;
color:#d5d5d5;
}
@media (max-width: 700px){
.footer-hero__bg,
.footer-hero__inner{
min-height: 240px;
}
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
background: #04131A;
color: white;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: left;
} ul.products li.product,
ul.products li.product > a.woocommerce-LoopProduct-link{
float: none !important;
width: auto !important;
max-width: none !important;
}
ul.products li.product > a.woocommerce-LoopProduct-link{
display: block !important;
position: relative !important;
}
ul.products li.product > a.woocommerce-LoopProduct-link > *{
float: none !important;
clear: none !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} ul.products li.product > a.woocommerce-LoopProduct-link img,
ul.products li.product > a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
ul.products li.product > a.woocommerce-LoopProduct-link .price,
ul.products li.product > a.woocommerce-LoopProduct-link p{
position: static !important;
} ul.products{
margin: 0;
padding: 0;
list-style: none;
}
ul.products.columns-4{
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
} ul.products li.product{
margin: 0 !important;
padding: 0 !important;
background: #f3f3f3;
}
ul.products li.product > a.woocommerce-LoopProduct-link{
background: #f3f3f3;
text-decoration: none;
color: #111;
height: 100%;
} ul.products li.product > a.woocommerce-LoopProduct-link img{
display: block !important;
background: #fff;
margin: 0 !important;
padding: 14px;
height: 190px;
object-fit: contain;
} ul.products li.product > a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
ul.products li.product > a.woocommerce-LoopProduct-link .price,
ul.products li.product > a.woocommerce-LoopProduct-link p{
padding: 0 18px;
}
ul.products li.product > a.woocommerce-LoopProduct-link .woocommerce-loop-product__title{
margin: 16px 0 10px !important;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.03em;
font-size: 16px;
line-height: 1.25;
text-align: left;
} ul.products li.product > a.woocommerce-LoopProduct-link .price{
margin: 0 0 8px !important;
font-weight: 600;
font-size: 13px;
color: #111;
text-align: left;
}
ul.products li.product > a.woocommerce-LoopProduct-link p, ul.products li.product > p{
margin: 0 !important;
padding-bottom: 18px;
font-size: 13px;
line-height: 1.55;
color: #222;
text-align: left;
}
ul.products li.product-type-variable > p {
margin-top: -92px !important;
position: absolute !important;
margin-left: 17px !important;
} ul.products li.product > a.woocommerce-LoopProduct-link::after{
content: "›";
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #000;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
line-height: 60px;
padding-bottom: 3px;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover, .raya-hero:hover {
border-color: #e4e4e4;
box-shadow: 0 8px 28px rgba(0,0,0,0.08);
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: 30.75% !important;
display: inline-block;
}
ul.products li.product > a.woocommerce-LoopProduct-link {
background: #ffffff;
}
ul.products.columns-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.woocommerce ul.products::before {
content: unset !important;
}
body.archive.woocommerce ul.products li.product:hover img {
transform: scale(1);
} @media (max-width: 1100px){
ul.products.columns-4{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px){
ul.products.columns-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
ul.products.columns-4{ grid-template-columns: 1fr; }
ul.products li.product > a.woocommerce-LoopProduct-link img{ height: 220px; }
}
body.archive.woocommerce .block.block-entry-header {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 530px;
min-height: 53rem;
max-height: 800px;
max-height: 50rem;
height: 50vh;
max-width: 100%;
margin: 0 auto;
}
body.archive.woocommerce .shade {
display:none;
}
body.archive.woocommerce .site-content {
margin-top: 90px;
}
.site-content .breadcrumb-container, .woocommerce .breadcrumb-container {
margin-top: 0px;
}
body.single-product .prod-head-cont {
flex-direction: column;
}
body.woocommerce div.product div.images img, body.woocommerce-page .site-content div.product div.images img {
width: 100%;
float: left;
}
body.single-product .price {
display: flex;
justify-content: space-between;
}
body.single-product .price a {
background: #04131A !important;
color: white !important;
}
body.single-product .price a:hover {
background: white !important;
color: #04131A !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: black;
font-size: 25px;
background: #f2f2f2;
border:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #f2f2f2;
border:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
background: #f2f2f2;
position: static;
border:none;
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) {
display:none;
}
.woocommerce ul.products li.product:hover img {
transform: scale(1);
}
body.woocommerce div.product h1.product_title, body.woocommerce-page .site-content div.product h1.product_title {
text-align: left;
}
body.single-product .a2a_kit {
float: left;
}
body.woocommerce ul.products li .variations_form {
position: absolute;
margin-top: -40px;
margin-left: 16px;
}
.rtwpvs-archive-variation-wrapper .rtwpvs-term:not(.rtwpvs-radio-term) {
width: 20px !important;
height: 20px !important;
}
body.home ul.products {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
body.home ul.products li.product-category.product {
width: 32% !important;
}
.wp-block-latest-posts.is-grid article {
background-color: #ffffff;
}
.wp-block-latest-posts.is-grid a:first-of-type {
text-align: left;
}
.wp-block-latest-posts.is-grid p {
font-size: calc(15px + 3 * ((100vw - 320px)/ 1600));
}
body.woocommerce div.product div.images img, body.woocommerce-page .site-content div.product div.images img {
width: auto;
max-height: 600px;
height: unset !important;
width: 9700px;
max-height: unset;
}
.rtwpvs_archive_reset_variations {
display:none;
}
ul.products.columns-4 {
gap: 60px 28px !important;
}
ul.products li.product > a.woocommerce-LoopProduct-link  {
height: calc(100% + 35px) !important;
}
.woocommerce div.product form.cart .variations {
width: 300px;
}
.woocommerce-product-gallery__wrapper {
display: grid;
grid-template-columns: auto;
grid-template-rows: repeat(4, auto);
gap: 30px;
align-items: start;
}
#tab-title-description {
display: none;
}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(1) {
grid-column: 1;
grid-row: 1 / span 4; }
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(3) {
grid-column: 2;
grid-row: 2;
}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(4) {
grid-column: 2;
grid-row: 3;
}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(5) {
grid-column: 2;
grid-row: 4;
}
.woocommerce-product-gallery__wrapper img {
display: block;
max-width: 100%;
height: auto;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 100px;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .panel, body.woocommerce-page .site-content div.product .panel {
padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
margin: 0;
}
.woocommerce div.product form.cart .variations {
margin-left: -45px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: none !important;
}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(1) a img {
height: 600px !important;
}
@media screen and (max-width: 1200px) {
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(1) a img {
height: unset !important;
}
}
body.single-product .site-content {
margin-top: 103px;
}
body.single-product .site-main .container {
padding-top: 0;
}
body.single-product .breadcrumb-container #breadcrumbs {
padding-left: 8rem;
padding-right: 8rem;
}
body.home .site-content {
margin-top: 80px;
}
.woocommerce div.product form.cart .variations {
margin-left: 0 !important;
}
table.variations .label {
width: 20px;
padding-left: 0;
}
@media screen and (min-width: 1200px) {
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2), .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) a img {
width: 180px;
height: 180px;
justify-self: end;
}
}
body.post-type-archive ul.products li.product h2, body.post-type-archive ul.products li.product:hover h2 {
font-weight: 700;
margin: 16px 0 10px !important;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.03em !important;
font-size: 16px;
line-height: 1.25 !important;
text-align: left;
}
body.post-type-archive ul.products li, body.woocommerce-page .site-content ul.products li {
height: unset;
}
body.post-type-archive ul.products.columns-4 {
gap: 20px !important
}
@media screen and (max-width: 1160px) {
body.home ul.products li.product-category.product {
width: unset !important;
}
body.home ul.products {
justify-content: center;
}
.raya-article-grid__items {
display: flex;
flex-direction: column;
}
}