From 80554a8dab8e045a3964abac35f397a30c9fe071 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Wed, 25 Aug 2021 00:25:04 +0200 Subject: [PATCH 01/16] check for woocommerce class exist before call is product or is shop --- header.php | 4 ++-- inc/template-functions.php | 7 ++++--- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/header.php b/header.php index 75c8f92b..2cc01e67 100644 --- a/header.php +++ b/header.php @@ -30,8 +30,8 @@ modul_r_post_image('parallax', true); echo ''; } - } else if (( class_exists( 'WooCommerce' ) && !is_product_category()) && is_archive()) { - modul_r_archive_image('parallax', true); + } else if ( !( class_exists( 'WooCommerce' ) && is_product_category() ) && is_archive() ) { + modul_r_archive_image('parallax', true); }?>
diff --git a/inc/template-functions.php b/inc/template-functions.php index 27b338e5..2b0dbe08 100644 --- a/inc/template-functions.php +++ b/inc/template-functions.php @@ -60,7 +60,7 @@ function modul_r_archive_image( $class = null ) {
- ID ) && get_the_post_thumbnail($post->ID) ) { $classes[] = 'has-featured-image'; @@ -366,7 +367,7 @@ function modul_r_custom_body_class( $classes ) { // get theme option "sidebar enabled" $opt_sidebar = get_theme_mod('modul_r_sidebar_enabled'); - if ( $opt_sidebar === true && ( ( is_archive() && !empty( is_product_category()) ) || !empty(is_shop()) && get_theme_mod( 'modul_r_woo' ) || is_single() || (is_page() && !is_front_page()) ) ) { + if ( $opt_sidebar === true && ( ( is_archive() && ($woo_enabled && is_product_category()) ) || $woo_enabled && is_shop() || is_single() || (is_page() && !is_front_page()) ) ) { $classes[] = 'has-sidebar'; } From f4a81368ffeb85782bbc1313b227ea1f914dfc26 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 03:18:43 +0200 Subject: [PATCH 02/16] header title color option added --- inc/customizer.php | 8 ++++---- inc/enqueue-scripts.php | 28 ++++++++++++++++------------ 2 files changed, 20 insertions(+), 16 deletions(-) diff --git a/inc/customizer.php b/inc/customizer.php index bff7736a..cf76e421 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -78,14 +78,14 @@ public function render_content() { 'label' => esc_html__( 'Header Color', 'modul-r' ) ) ) ); - $wp_customize->add_setting( 'header-text-color', array( - 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header-text-color'] ] ), + $wp_customize->add_setting( 'header_titlecolor', array( + 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header_titlecolor'] ] ), 'transport' => 'refresh', 'sanitize_callback' => 'sanitize_hex_color', ) ); - $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header-text-color', array( + $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header_titlecolor', array( 'section' => 'colors', - 'label' => esc_html__( 'Header text Color', 'modul-r' ) + 'label' => esc_html__( 'Header Title Color', 'modul-r' ) ) ) ); diff --git a/inc/enqueue-scripts.php b/inc/enqueue-scripts.php index 579e4f20..104b546d 100644 --- a/inc/enqueue-scripts.php +++ b/inc/enqueue-scripts.php @@ -7,10 +7,10 @@ function modul_r_atf_style() { // Main colors $colors = array(); - $colors['primary'] = !empty(get_theme_mod( 'primary-color' )) ? sanitize_hex_color(get_theme_mod( 'primary-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors']['primary']); + $colors['primary'] = get_theme_mod( 'primary-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'primary-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors']['primary']); $colors['primary-light'] = modul_r_adjustBrightness($colors['primary'], 0.4); $colors['primary-dark'] = modul_r_adjustBrightness($colors['primary'], -0.4); - $colors['secondary'] = !empty(get_theme_mod( 'secondary-color' )) ? sanitize_hex_color(get_theme_mod( 'secondary-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors']['secondary']); + $colors['secondary'] = get_theme_mod( 'secondary-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'secondary-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors']['secondary']); $colors['secondary-light'] = modul_r_adjustBrightness($colors['secondary'], 0.4); $colors['secondary-dark'] = modul_r_adjustBrightness($colors['secondary'], -0.4); // base colors @@ -22,15 +22,16 @@ function modul_r_atf_style() { $colors['black'] = sanitize_hex_color($GLOBALS['modul_r_defaults']['colors']['black']); // Typography colors - $title_color = !empty(get_theme_mod( 'title-color' )) ? sanitize_hex_color(get_theme_mod( 'title-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['title-color']]); - $text_color = !empty(get_theme_mod( 'text-color' )) ? sanitize_hex_color(get_theme_mod( 'text-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['text-color']]); + $title_color = get_theme_mod( 'title-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'title-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['title-color']]); + $text_color = get_theme_mod( 'text-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'text-color' )) : sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['text-color']]); // Colors - $header_color = !empty(get_theme_mod( 'header-color' )) ? sanitize_hex_color(get_theme_mod( 'header-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-color']]; - $header_text_color = !empty(get_theme_mod( 'header-text-color' )) ? sanitize_hex_color(get_theme_mod( 'header-text-color' )) : '#'.get_header_textcolor(); - $footer_color = !empty(get_theme_mod( 'footer-color' )) ? sanitize_hex_color(get_theme_mod( 'footer-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-color']]; - $footer_bottom_color = !empty(get_theme_mod( 'footer-bottom-color' )) ? sanitize_hex_color(get_theme_mod( 'footer-bottom-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-bottom-color']]; - $footer_text_color = !empty(get_theme_mod( 'footer-text-color' )) ? sanitize_hex_color(get_theme_mod( 'footer-text-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-text-color']]; + $header_color = get_theme_mod( 'header-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'header-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-color']]; + $header_titlecolor = get_theme_mod( 'header_titlecolor' ) !== false ? sanitize_hex_color(get_theme_mod( 'header_titlecolor' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header_titlecolor']]; + $header_text_color = get_theme_mod( 'header_textcolor' ) !== false ? '#'.get_header_textcolor() : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header_textcolor']]; + $footer_color = get_theme_mod( 'footer-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'footer-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-color']]; + $footer_bottom_color = get_theme_mod( 'footer-bottom-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'footer-bottom-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-bottom-color']]; + $footer_text_color = get_theme_mod( 'footer-text-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'footer-text-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-text-color']]; // get the acf.css file and store into a variable ob_start(); @@ -61,9 +62,12 @@ function modul_r_atf_style() { $atf_css .= 'body ul.sub-menu ul.sub-menu {background-color: ' . modul_r_adjustBrightness($header_color, 0.2) . ';}'; $atf_css .= 'body ul.sub-menu li:hover {background-color: ' . modul_r_adjustBrightness($header_color, 0.3) . ';}'; - // Set header links color - $atf_css .= '.main-navigation li a, #masthead .header-wrapper .header-text .site-description, .has-header-text-color {color:' . $header_text_color. ';}'; - $atf_css .= '.has-header-text-background-color {background-color:' . $header_text_color. ';}'; + // Set header links color + $atf_css .= '.has-header-text h1 a {color:' . $header_titlecolor. ';}'; + + // Set header links color + $atf_css .= '.main-navigation li a, #masthead .header-wrapper .header-text .site-description, .has-header-text-color {color:' . $header_text_color. ';}'; + $atf_css .= '.has-header-text-background-color {background-color:' . $header_text_color. ';}'; $atf_css .= '.has-header-text-background-border-color {border-color:' . $header_text_color. '66 !important;}'; // the hamburger color From 6e429de6c6ca2392c829e5779e482a1699a1e068 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 03:19:52 +0200 Subject: [PATCH 03/16] hero height size null value fixed --- inc/enqueue-scripts.php | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/inc/enqueue-scripts.php b/inc/enqueue-scripts.php index 104b546d..7ea905d7 100644 --- a/inc/enqueue-scripts.php +++ b/inc/enqueue-scripts.php @@ -120,10 +120,10 @@ function modul_r_atf_style() { $atf_css .= 'body::-webkit-scrollbar-thumb:horizontal,body::-webkit-scrollbar-thumb:vertical{background-color:'. modul_r_adjustBrightness($colors['primary'], -0.1).'}'; // HERO - $hero_opacity = get_theme_mod( 'modul_r_hero_opacity' ) !== null ? intval(get_theme_mod( 'modul_r_hero_opacity' )) : 100; - $hero_height_home = get_theme_mod( 'modul_r_hero_height_homepage' ) !== null ? intval(get_theme_mod( 'modul_r_hero_height_homepage' )) : 100; - $hero_height = get_theme_mod( 'modul_r_hero_height' ) !== null ? intval(get_theme_mod( 'modul_r_hero_height' )) : 60; - if ($hero_opacity != 100) $atf_css .= 'body.home .hero .entry-image img {opacity:'. ($hero_opacity/100) .'}'; + $hero_opacity = get_theme_mod( 'modul_r_hero_opacity' ) !== false ? intval(get_theme_mod( 'modul_r_hero_opacity' )) : 100; + $hero_height_home = get_theme_mod( 'modul_r_hero_height_homepage' ) !== false ? intval(get_theme_mod( 'modul_r_hero_height_homepage' )) : 70; + $hero_height = get_theme_mod( 'modul_r_hero_height' ) !== false ? intval(get_theme_mod( 'modul_r_hero_height' )) : 45; + if ($hero_opacity != 100) $atf_css .= 'body .hero img {opacity:'. ($hero_opacity/100) .'}'; if ($hero_height) $atf_css .= "html body .hero {max-height:{$hero_height}vh}"; if ($hero_height_home) $atf_css .= "html body.home .hero {max-height:{$hero_height_home}vh}"; From f319e8e849cad58576fc78e739547d089aeffff6 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 03:21:16 +0200 Subject: [PATCH 04/16] add typography-extras to editor style --- assets/dist/css/editor.css | 136 ++++++++++++++++++++++++++++++++++++ assets/src/scss/editor.scss | 1 + 2 files changed, 137 insertions(+) diff --git a/assets/dist/css/editor.css b/assets/dist/css/editor.css index 59a44219..876f2302 100644 --- a/assets/dist/css/editor.css +++ b/assets/dist/css/editor.css @@ -190,4 +190,140 @@ ul li, ul .editor-styles-wrapper li, .editor-styles-wrapper ul li, ul .editor-st line-height: 1.3; margin-bottom: 12px; } + +iframe { + width: 100%; + max-width: 100%; +} + +::-moz-selection { + background-color: rgba(22, 190, 187, 0.5); + color: white; +} + +::selection { + background-color: rgba(22, 190, 187, 0.5); + color: white; +} + +pre { + width: 100%; + padding: 32px 64px; + background: #f0f0f0; + border: 1px solid #e3e3e3; + white-space: pre-wrap; + box-sizing: border-box; +} + +blockquote { + min-height: 100px; + padding-top: 30px; + padding-bottom: 30px; + padding-left: 90px !important; + padding-right: 90px !important; + margin: 32px 0; + position: relative; + background: white; + border: 1px solid #e3e3e3; +} +blockquote p, blockquote .editor-styles-wrapper li, .editor-styles-wrapper blockquote li, blockquote .editor-styles-wrapper p, .editor-styles-wrapper blockquote p { + margin-bottom: 24px; +} +blockquote:before { + font-family: "Material Icons"; + content: "\e244"; + position: absolute; + top: -4px; + left: 16px; + font-size: 60px; + color: #16bebb; +} + +code { + background-color: #e3e3e3; + padding: 4px 6px; + font-weight: 600; +} + +@media (max-width : 940px) { + .site-main .entry-content table, +.site-main .entry-content pre, +.site-main .entry-content blockquote { + padding-left: 20px; + padding-right: 20px; + } + .site-main .entry-content table { + width: calc(100% - 40px); + } +} +.post-tags { + list-style: none; +} +.post-tags h3 { + display: inline; + vertical-align: middle; +} +.post-tags ul { + display: inline; + margin: 0; + padding-left: 20px; +} +.post-tags li.post-tag, .post-tags .editor-styles-wrapper p.post-tag, .editor-styles-wrapper .post-tags p.post-tag { + margin: 0 16px 10px 0; + padding: 0 10px 0 25px; +} + +.post-tag { + background: #6f4cad; + border-radius: 3px 0 0 3px; + display: inline-block; + height: 22px; + line-height: 18px; + position: relative; +} +.post-tag a { + font-size: 11px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; + color: #fff; + text-decoration: none !important; +} +.post-tag, .post-tag::before, .post-tag::after, .post-tag a { + transition: 0.2s; +} +.post-tag::before { + background: #fff; + border-radius: 10px; + box-shadow: inset 0 1px rgba(252, 252, 252, 0.25); + content: ""; + height: 6px; + left: 10px; + position: absolute; + width: 6px; + top: 8px; +} +.post-tag::after { + background: transparent; + border-bottom: 11px solid transparent; + border-left: 10px solid #6f4cad; + border-top: 11px solid transparent; + content: ""; + position: absolute; + right: -10px; + top: 0; +} +.post-tag:hover { + background-color: #6f4cad; +} +.post-tag:hover a { + color: white; +} +.post-tag:hover::after { + border-left-color: #6f4cad; +} + +hr { + clear: both; +} /*# sourceMappingURL=editor.css.map */ diff --git a/assets/src/scss/editor.scss b/assets/src/scss/editor.scss index 633e7bee..aae7839c 100644 --- a/assets/src/scss/editor.scss +++ b/assets/src/scss/editor.scss @@ -5,6 +5,7 @@ @import "main/colors"; @import "main/fonts"; @import "main/typography"; +@import "main/typography-extras"; .wp-block.editor-post-title__block .editor-post-title__input{ @extend %headline_style; From 7cb9f94e97419127172f6b0a9418e55c7247e1da Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 03:22:32 +0200 Subject: [PATCH 05/16] some gutenberg css enhancements and fixes --- assets/src/scss/components/blocks.scss | 83 ++++++++------------- assets/src/scss/components/extras.scss | 4 +- assets/src/scss/components/header.scss | 19 ++++- assets/src/scss/main/images.scss | 7 ++ assets/src/scss/main/typography-extras.scss | 6 +- 5 files changed, 60 insertions(+), 59 deletions(-) diff --git a/assets/src/scss/components/blocks.scss b/assets/src/scss/components/blocks.scss index 6b0ca9df..9e0fdb73 100644 --- a/assets/src/scss/components/blocks.scss +++ b/assets/src/scss/components/blocks.scss @@ -500,11 +500,6 @@ //! Image .wp-block-image { - .image-border { - padding: 20px; - background: red; - } - .aligncenter { @media #{$mq__smaller-than-tablet} { @@ -550,7 +545,7 @@ @media #{$mq__smaller-than-tablet} { width: 100%; img { - width: 100%; + display: block; margin-left: auto; margin-right: auto; } @@ -560,75 +555,59 @@ } //! Media Text - .wp-block-media-text{ + .wp-block-media-text { &.alignwide {padding:0;} - + + &.alignfull {max-width: inherit;} + .wp-block-media-text__media { - margin-top: 0; - margin-bottom: 0; overflow: hidden; - display: flex; img { align-self: center; } } - - @media #{$mq__tablet-portrait} { - .is-stacked-on-mobile { - min-height: 30vh; - } - } - - &.padded-image { - - img { - max-height: 60vh; - object-fit: contain; - padding: $size__padding ($size__padding * 0.5) $size__padding $size__padding; - box-sizing: border-box; - } - - @media #{$mq__tablet-portrait} { - img {padding: $size__padding * 0.5;} - &.has-media-on-the-right img{ - padding: $size__padding $size__padding $size__padding ($size__padding * 0.5); - } - } - - } - - .wp-block-media-text__media img{ - object-position: right; - } - + &.has-media-on-the-right { .wp-block-media-text__media img{ object-position: left; } + .wp-block-media-text__content { + padding-right: $size__padding; + padding-left: $size__padding * .5; + margin-left: auto; + } } - + + @media #{$mq__tablet-portrait} { + .is-stacked-on-mobile .wp-block-media-text__media { + min-height: 30vh; + } + } + .wp-block-media-text__content { max-width: $size__site-width * .4; - padding-right: inherit; + padding-right: $size__padding * .5; padding-left: $size__padding; padding-top: $size__padding * .5; padding-bottom: $size__padding * .5; - + + > * { + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + @media #{$mq__smaller-than-tablet} { padding-left: $size__padding-resp !important; padding-right: $size__padding-resp !important; } } - - &.has-media-on-the-right { - .wp-block-media-text__content { - float: right; - padding-left: inherit; - padding-right: $size__padding; - margin-left: auto; - } - } + } //! Cover Image diff --git a/assets/src/scss/components/extras.scss b/assets/src/scss/components/extras.scss index 41b9be50..2fb21d47 100644 --- a/assets/src/scss/components/extras.scss +++ b/assets/src/scss/components/extras.scss @@ -299,7 +299,7 @@ body .hero { padding: 10px 16px; } } - + } } @@ -316,6 +316,6 @@ body.archive { right: 0; width: 100%; height: 100%; - box-shadow: inset 0 ($size__padding * 1.75) ($size__padding) (-$size__padding) #{$color__black}cc; + box-shadow: inset 0 ($size__padding) ($size__nav-height) (-$size__nav-height) #{$color__black}cc; } } \ No newline at end of file diff --git a/assets/src/scss/components/header.scss b/assets/src/scss/components/header.scss index 79682acd..7177cf07 100644 --- a/assets/src/scss/components/header.scss +++ b/assets/src/scss/components/header.scss @@ -18,10 +18,15 @@ // UTILS && ANIMATIONS // if the page was scrolled shows a shadow under the header - .scrolled & { box-shadow: 0 3px 10px -5px transparentize($color__black, 0.3);} + .scrolled & { + box-shadow: 0 3px 10px -5px transparentize($color__black, 0.3); + @media #{$mq__responsive-size_brekpoint} { + transform: inherit !important; + } + } // hides the logo in portrait header when the page is scrolled - .scrolled &.header-portrait { transform: translateY(-#{$size__branding-height + $size__margin});} + .scrolled &.header-portrait {transform: translateY(-#{$size__branding-height});} // the background image .site-header-image { @@ -109,6 +114,7 @@ .site-branding { align-items: flex-start; + height: $size__branding-height; @media #{$mq__responsive-size_brekpoint} { text-align: left; @@ -163,7 +169,7 @@ // Site title & description (no custom logo) .header-text { - height: $size__logo-size; + height: 100%; display: flex; flex-direction: column; justify-content: center; @@ -199,13 +205,17 @@ .header-text { text-align: center; margin-right: auto; + padding-top: $size__margin; + padding-bottom: $size__margin; @media #{$mq__responsive-size_brekpoint} { text-align: left; + padding-top: 0; + padding-bottom: 0; } .site-title { - font-size: $size__branding-height * .50; + font-size: $size__branding-height * .40; line-height: 1; } @@ -254,6 +264,7 @@ padding-top: 0; box-sizing: border-box; width: 100%; + height: 100%; @media #{$mq__responsive_brekpoint} { padding-top: $size__margin * .5; padding-bottom: $size__margin * .5; diff --git a/assets/src/scss/main/images.scss b/assets/src/scss/main/images.scss index 0ab73099..39e43002 100644 --- a/assets/src/scss/main/images.scss +++ b/assets/src/scss/main/images.scss @@ -5,6 +5,13 @@ img { object-fit: cover; } +.image-border img { + padding: $size__margin; + background: $color__light-grey; + margin: $size__margin; + box-sizing: border-box; +} + p img { &.alignleft { padding-right: $size__padding-resp * .5; diff --git a/assets/src/scss/main/typography-extras.scss b/assets/src/scss/main/typography-extras.scss index 0fc5bdc0..b00d6f65 100644 --- a/assets/src/scss/main/typography-extras.scss +++ b/assets/src/scss/main/typography-extras.scss @@ -139,4 +139,8 @@ code { &:hover::after { border-left-color: $color__secondary; } -} \ No newline at end of file +} + +hr { + clear: both; +} From 433dd79482ef6b1243d31affd2bbd8340ed807ac Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 03:23:10 +0200 Subject: [PATCH 06/16] default color scheme update --- functions.php | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/functions.php b/functions.php index a9d431a3..27b303f0 100644 --- a/functions.php +++ b/functions.php @@ -21,10 +21,11 @@ 'title-color' => 'primary', 'text-color' => 'black', 'header-color' => 'gray-dark', - 'header-text-color' => 'white', - 'footer-color' => 'white', - 'footer-bottom-color' => 'white-smoke', - 'footer-text-color' => 'gray-dark', + 'header_titlecolor' => 'primary', + 'header_textcolor' => 'white', + 'footer-color' => 'gray-dark', + 'footer-bottom-color' => 'black', + 'footer-text-color' => 'white-smoke', ), 'social_media_enabled' => array( 'Facebook', 'Instagram', 'Twitter', 'Linkedin', 'YouTube', 'www' ) ); @@ -99,14 +100,14 @@ function modul_r_theme_setup() { 'uploads' => true, 'random-default' => false, 'header-text' => true, - 'default-text-color' => sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-text-color']]), + 'default-text-color' => str_replace('#', '', sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header_textcolor']])), 'wp-head-callback' => '', 'admin-head-callback' => '', 'admin-preview-callback' => '', )); add_theme_support( 'custom-background', array( - 'default-color' => str_replace('#', '', $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['background']] ), + 'default-color' => str_replace('#', '', sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['background']])), 'default-image' => '', 'default-preset' => 'default', // 'default', 'fill', 'fit', 'repeat', 'custom' 'default-position-x' => 'left', // 'left', 'center', 'right' From 21dc4862f6a5b6d80aa675d0e4c7c5f6fe706157 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 03:25:21 +0200 Subject: [PATCH 07/16] fix header title color --- inc/template-functions.php | 2 +- template-parts/header/header.php | 6 ++---- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/inc/template-functions.php b/inc/template-functions.php index 2b0dbe08..bd63a92a 100644 --- a/inc/template-functions.php +++ b/inc/template-functions.php @@ -358,7 +358,7 @@ function modul_r_custom_body_class( $classes ) { global $post; $woo_enabled = class_exists( 'WooCommerce' ); - if ( is_page() || ( is_single() && ($woo_enabled && !is_product()) ) || ( is_archive() && ($woo_enabled && !is_product_category())) || ( ($woo_enabled && is_shop()) && get_theme_mod( 'modul_r_woo' ) ) ) { + if ( is_page() || ( is_single() && !($woo_enabled && is_product()) ) || ( is_archive() && !($woo_enabled && is_product_category())) || ( ($woo_enabled && is_shop()) && get_theme_mod( 'modul_r_woo' ) ) ) { // add the class "has-featured-image" if page or article and it ha a post thumbnail set if ( isset ( $post->ID ) && get_the_post_thumbnail($post->ID) ) { $classes[] = 'has-featured-image'; diff --git a/template-parts/header/header.php b/template-parts/header/header.php index 56311e29..5d373c76 100644 --- a/template-parts/header/header.php +++ b/template-parts/header/header.php @@ -14,9 +14,7 @@ '; ?> @@ -24,7 +22,7 @@

- +

From a76c944d368ad6cdc97e371e4c66307fc6f5fd6a Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 03:42:10 +0200 Subject: [PATCH 08/16] a better way to set header title color --- inc/customizer.php | 10 ++++++++++ inc/enqueue-scripts.php | 4 ++-- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/inc/customizer.php b/inc/customizer.php index cf76e421..830f122c 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -88,6 +88,16 @@ public function render_content() { 'label' => esc_html__( 'Header Title Color', 'modul-r' ) ) ) ); + $wp_customize->add_setting( 'header-text-color', array( + 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header_textcolor'] ] ), + 'transport' => 'refresh', + 'sanitize_callback' => 'sanitize_hex_color', + ) ); + $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header-text-color', array( + 'section' => 'colors', + 'label' => esc_html__( 'Header text Color', 'modul-r' ) + ) ) ); + // Footer colors $wp_customize->add_setting( 'footer-color', array( diff --git a/inc/enqueue-scripts.php b/inc/enqueue-scripts.php index 7ea905d7..8554f561 100644 --- a/inc/enqueue-scripts.php +++ b/inc/enqueue-scripts.php @@ -62,10 +62,10 @@ function modul_r_atf_style() { $atf_css .= 'body ul.sub-menu ul.sub-menu {background-color: ' . modul_r_adjustBrightness($header_color, 0.2) . ';}'; $atf_css .= 'body ul.sub-menu li:hover {background-color: ' . modul_r_adjustBrightness($header_color, 0.3) . ';}'; - // Set header links color + // Set header title color $atf_css .= '.has-header-text h1 a {color:' . $header_titlecolor. ';}'; - // Set header links color + // Set header text and links color $atf_css .= '.main-navigation li a, #masthead .header-wrapper .header-text .site-description, .has-header-text-color {color:' . $header_text_color. ';}'; $atf_css .= '.has-header-text-background-color {background-color:' . $header_text_color. ';}'; $atf_css .= '.has-header-text-background-border-color {border-color:' . $header_text_color. '66 !important;}'; From f5a72116f327fc1e49d33ea79a4494c0c0e497b0 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 04:33:57 +0200 Subject: [PATCH 09/16] header color names rationalized --- functions.php | 6 +- inc/customizer.php | 16 ++--- inc/enqueue-scripts.php | 6 +- languages/modul-r.pot | 152 ++++++++++++++++++++-------------------- 4 files changed, 86 insertions(+), 94 deletions(-) diff --git a/functions.php b/functions.php index 27b303f0..018cf38d 100644 --- a/functions.php +++ b/functions.php @@ -21,8 +21,8 @@ 'title-color' => 'primary', 'text-color' => 'black', 'header-color' => 'gray-dark', - 'header_titlecolor' => 'primary', - 'header_textcolor' => 'white', + 'header-title-color' => 'primary', + 'header-text-color' => 'white', 'footer-color' => 'gray-dark', 'footer-bottom-color' => 'black', 'footer-text-color' => 'white-smoke', @@ -100,7 +100,7 @@ function modul_r_theme_setup() { 'uploads' => true, 'random-default' => false, 'header-text' => true, - 'default-text-color' => str_replace('#', '', sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header_textcolor']])), + 'default-text-color' => str_replace('#', '', sanitize_hex_color($GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-title-color']])), 'wp-head-callback' => '', 'admin-head-callback' => '', 'admin-preview-callback' => '', diff --git a/inc/customizer.php b/inc/customizer.php index 830f122c..bfb618ed 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -76,20 +76,12 @@ public function render_content() { $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header-color', array( 'section' => 'colors', 'label' => esc_html__( 'Header Color', 'modul-r' ) - ) ) ); + ) ) ); - $wp_customize->add_setting( 'header_titlecolor', array( - 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header_titlecolor'] ] ), - 'transport' => 'refresh', - 'sanitize_callback' => 'sanitize_hex_color', - ) ); - $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header_titlecolor', array( - 'section' => 'colors', - 'label' => esc_html__( 'Header Title Color', 'modul-r' ) - ) ) ); + //the header title color was set via add_theme_support 'custom-header' -> "default color" $wp_customize->add_setting( 'header-text-color', array( - 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header_textcolor'] ] ), + 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header-text-color'] ] ), 'transport' => 'refresh', 'sanitize_callback' => 'sanitize_hex_color', ) ); @@ -117,7 +109,7 @@ public function render_content() { ) ); $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'footer-bottom-color', array( 'section' => 'colors', - 'label' => esc_html__( 'Footer bottom color', 'modul-r' ) + 'label' => esc_html__( 'Footer bottom Color', 'modul-r' ) ) ) ); $wp_customize->add_setting( 'footer-text-color', array( diff --git a/inc/enqueue-scripts.php b/inc/enqueue-scripts.php index 8554f561..01d6ad05 100644 --- a/inc/enqueue-scripts.php +++ b/inc/enqueue-scripts.php @@ -27,8 +27,8 @@ function modul_r_atf_style() { // Colors $header_color = get_theme_mod( 'header-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'header-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-color']]; - $header_titlecolor = get_theme_mod( 'header_titlecolor' ) !== false ? sanitize_hex_color(get_theme_mod( 'header_titlecolor' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header_titlecolor']]; - $header_text_color = get_theme_mod( 'header_textcolor' ) !== false ? '#'.get_header_textcolor() : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header_textcolor']]; + $header_title_color = get_theme_mod( 'header_textcolor', get_theme_support( 'custom-header', 'default-text-color' ) ) ? '#'.get_header_textcolor() : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-title-color']]; + $header_text_color = get_theme_mod( 'header-text-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'header-text-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-text-color']]; $footer_color = get_theme_mod( 'footer-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'footer-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-color']]; $footer_bottom_color = get_theme_mod( 'footer-bottom-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'footer-bottom-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-bottom-color']]; $footer_text_color = get_theme_mod( 'footer-text-color' ) !== false ? sanitize_hex_color(get_theme_mod( 'footer-text-color' )) : $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-text-color']]; @@ -63,7 +63,7 @@ function modul_r_atf_style() { $atf_css .= 'body ul.sub-menu li:hover {background-color: ' . modul_r_adjustBrightness($header_color, 0.3) . ';}'; // Set header title color - $atf_css .= '.has-header-text h1 a {color:' . $header_titlecolor. ';}'; + $atf_css .= '.has-header-text h1 a {color:' . $header_title_color. ';}'; // Set header text and links color $atf_css .= '.main-navigation li a, #masthead .header-wrapper .header-text .site-description, .has-header-text-color {color:' . $header_text_color. ';}'; diff --git a/languages/modul-r.pot b/languages/modul-r.pot index 78a572ae..a7695600 100644 --- a/languages/modul-r.pot +++ b/languages/modul-r.pot @@ -53,7 +53,7 @@ msgstr "" msgid "Comments" msgstr "" -#: functions.php:66 +#: functions.php:67 msgid "Primary" msgstr "" @@ -81,295 +81,295 @@ msgstr "" msgid "Header Color" msgstr "" -#: inc/customizer.php:88 +#: inc/customizer.php:90 msgid "Header text Color" msgstr "" -#: inc/customizer.php:100 +#: inc/customizer.php:102 msgid "Footer Color" msgstr "" -#: inc/customizer.php:110 -msgid "Footer bottom color" +#: inc/customizer.php:112 +msgid "Footer bottom Color" msgstr "" -#: inc/customizer.php:120 +#: inc/customizer.php:122 msgid "Footer text Color" msgstr "" -#: inc/customizer.php:127 +#: inc/customizer.php:129 msgid "Modul-R Options" msgstr "" -#: inc/customizer.php:134 +#: inc/customizer.php:136 msgid "Header" msgstr "" -#: inc/customizer.php:148 +#: inc/customizer.php:150 msgid "Header layout" msgstr "" -#: inc/customizer.php:149 +#: inc/customizer.php:151 msgid "The header layout can be landscape (logo and menu on the same line) or portrait (centered layout with the menu under the logo)" msgstr "" -#: inc/customizer.php:153 +#: inc/customizer.php:155 msgid "Portrait" msgstr "" -#: inc/customizer.php:154 +#: inc/customizer.php:156 msgid "Landscape" msgstr "" -#: inc/customizer.php:168 +#: inc/customizer.php:170 msgid "Header width" msgstr "" -#: inc/customizer.php:169 +#: inc/customizer.php:171 msgid "The header width can be wide (page content + page margins) or full (100% of the window width - page margins)" msgstr "" -#: inc/customizer.php:173, inc/customizer.php:219 +#: inc/customizer.php:175, inc/customizer.php:221 msgid "Standard" msgstr "" -#: inc/customizer.php:174, inc/customizer.php:220 +#: inc/customizer.php:176, inc/customizer.php:222 msgid "Wide" msgstr "" -#: inc/customizer.php:175, inc/customizer.php:221 +#: inc/customizer.php:177, inc/customizer.php:223 msgid "Full" msgstr "" -#: inc/customizer.php:190 +#: inc/customizer.php:192 msgid "Transparent Header" msgstr "" -#: inc/customizer.php:191 +#: inc/customizer.php:193 msgid "Select this option if you want to make the header transparent on hero image (only on page top)" msgstr "" -#: inc/customizer.php:200, inc/sidebar.php:22 +#: inc/customizer.php:202, inc/sidebar.php:22 msgid "Footer" msgstr "" -#: inc/customizer.php:214 +#: inc/customizer.php:216 msgid "Footer width" msgstr "" -#: inc/customizer.php:215 +#: inc/customizer.php:217 msgid "The footer width can be wide (page content + page margins) or full (100% of the window width - page margins)" msgstr "" -#: inc/customizer.php:236 +#: inc/customizer.php:238 msgid "Enable footer credits section" msgstr "" -#: inc/customizer.php:237 +#: inc/customizer.php:239 msgid "Shows website logo and the text you insert in the textarea below" msgstr "" -#: inc/customizer.php:249 +#: inc/customizer.php:251 msgid "Show logo" msgstr "" -#: inc/customizer.php:264 +#: inc/customizer.php:266 msgid "Upload a image here if you want to override the website logo" msgstr "" -#: inc/customizer.php:279 +#: inc/customizer.php:281 msgid "Credits" msgstr "" -#: inc/customizer.php:301 +#: inc/customizer.php:303 msgid "Show social media links" msgstr "" -#: inc/customizer.php:302 +#: inc/customizer.php:304 msgid "Shows the icon of social media (credits section need to be enabled)" msgstr "" -#: inc/customizer.php:316 +#: inc/customizer.php:318 msgid "Show Special thanks" msgstr "" -#: inc/customizer.php:329 +#: inc/customizer.php:331 msgid "Special Thanks Override" msgstr "" -#: inc/customizer.php:330 +#: inc/customizer.php:332 msgid "Leave empty to show the default special thanks (thanks to Wordpress and theme author)" msgstr "" -#: inc/customizer.php:343 +#: inc/customizer.php:345 msgid "special thanks link (leave empty if you want a normal text without links)" msgstr "" -#: inc/customizer.php:350 +#: inc/customizer.php:352 msgid "Sidebar" msgstr "" -#: inc/customizer.php:364 +#: inc/customizer.php:366 msgid "Show Sidebar" msgstr "" -#: inc/customizer.php:365 +#: inc/customizer.php:367 msgid "Show the sidebar into single articles and pages" msgstr "" -#: inc/customizer.php:377 +#: inc/customizer.php:379 msgid "Sidebar position" msgstr "" -#: inc/customizer.php:378 +#: inc/customizer.php:380 msgid "The sidebar can be showed at the left or at the right of the content. This customization also affect the WooCommerce sidebar." msgstr "" -#: inc/customizer.php:382 +#: inc/customizer.php:384 msgid "Left" msgstr "" -#: inc/customizer.php:383 +#: inc/customizer.php:385 msgid "Right" msgstr "" -#: inc/customizer.php:390, inc/customizer.php:426 +#: inc/customizer.php:392, inc/customizer.php:428 msgid "Homepage" msgstr "" -#: inc/customizer.php:406 +#: inc/customizer.php:408 msgid "Warning! Set a page as homepage to enable this section" msgstr "" -#: inc/customizer.php:409 +#: inc/customizer.php:411 msgid "To set a page as homepage you have to go to the customizer than select homepage settings and set a static page as homepage (and select a page)" msgstr "" -#: inc/customizer.php:425 +#: inc/customizer.php:427 msgid "Hero vertical height" msgstr "" -#: inc/customizer.php:441 +#: inc/customizer.php:443 msgid "default hero height" msgstr "" -#: inc/customizer.php:456 +#: inc/customizer.php:458 msgid "Hero Image opacity" msgstr "" -#: inc/customizer.php:457 +#: inc/customizer.php:459 msgid "insert a number beetween 1 and 100 (1 - 100% opacity)" msgstr "" -#: inc/customizer.php:473 +#: inc/customizer.php:475 msgid "Hero headline" msgstr "" -#: inc/customizer.php:474 +#: inc/customizer.php:476 msgid "Write a catchy phrase as homepage headline" msgstr "" -#: inc/customizer.php:487 +#: inc/customizer.php:489 msgid "Subtitle" msgstr "" -#: inc/customizer.php:500 +#: inc/customizer.php:502 msgid "Call to action" msgstr "" -#: inc/customizer.php:501 +#: inc/customizer.php:503 msgid "Choose an important page" msgstr "" -#: inc/customizer.php:527 +#: inc/customizer.php:529 msgid "Select an important category" msgstr "" -#: inc/customizer.php:533 +#: inc/customizer.php:535 msgid "Woo Options" msgstr "" -#: inc/customizer.php:550 +#: inc/customizer.php:552 msgid "Choose an image for the shop page wallpaper" msgstr "" -#: inc/customizer.php:559 +#: inc/customizer.php:561 msgid "Social Share Options" msgstr "" -#: inc/customizer.php:574 +#: inc/customizer.php:576 msgid "Show Social Share Icons" msgstr "" -#: inc/customizer.php:575 +#: inc/customizer.php:577 msgid "Show social media sharing icons on single posts and pages" msgstr "" -#: inc/customizer.php:588 +#: inc/customizer.php:590 msgid "Social Share Options Visibility" msgstr "" -#: inc/customizer.php:589 +#: inc/customizer.php:591 msgid "Set social sharing options to show for pages, single posts or both" msgstr "" -#: inc/customizer.php:593 +#: inc/customizer.php:595 msgid "Pages only" msgstr "" -#: inc/customizer.php:594 +#: inc/customizer.php:596 msgid "Single posts only" msgstr "" -#: inc/customizer.php:595 +#: inc/customizer.php:597 msgid "Pages and single Posts" msgstr "" -#: inc/customizer.php:674 +#: inc/customizer.php:676 msgid "Theme primary color" msgstr "" -#: inc/customizer.php:679 +#: inc/customizer.php:681 msgid "Theme primary color light" msgstr "" -#: inc/customizer.php:684 +#: inc/customizer.php:686 msgid "Theme primary color dark" msgstr "" -#: inc/customizer.php:689 +#: inc/customizer.php:691 msgid "Theme secondary color" msgstr "" -#: inc/customizer.php:694 +#: inc/customizer.php:696 msgid "Theme secondary color light" msgstr "" -#: inc/customizer.php:699 +#: inc/customizer.php:701 msgid "Theme secondary color dark" msgstr "" -#: inc/customizer.php:704 +#: inc/customizer.php:706 msgid "White" msgstr "" -#: inc/customizer.php:709 +#: inc/customizer.php:711 msgid "White Smoke" msgstr "" -#: inc/customizer.php:714 +#: inc/customizer.php:716 msgid "Light gray" msgstr "" -#: inc/customizer.php:719 +#: inc/customizer.php:721 msgid "Gray" msgstr "" -#: inc/customizer.php:724 +#: inc/customizer.php:726 msgid "Dark gray" msgstr "" -#: inc/customizer.php:729 +#: inc/customizer.php:731 msgid "Black" msgstr "" @@ -493,6 +493,6 @@ msgstr "" msgid "Print this page" msgstr "" -#: template-parts/header/header.php:41 +#: template-parts/header/header.php:39 msgid "menu" msgstr "" From 0580e0837c88278267b3597f63239e7e26c223a9 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 04:49:11 +0200 Subject: [PATCH 10/16] Release Build --- assets/dist/css/atf.css | 2 +- style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/dist/css/atf.css b/assets/dist/css/atf.css index 0aaf3cb6..00f25a36 100644 --- a/assets/dist/css/atf.css +++ b/assets/dist/css/atf.css @@ -1 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//*! edited by Codekraft Studio | removed unused style */html{line-height:1.15}body{margin:0}main{display:block}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:none;text-decoration:underline;-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%;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-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}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}[hidden]{display:none}body,html{margin:0;padding:0}html{background-color:#fcfcfc;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body,html{max-width:100%}body{min-height:100%;box-sizing:border-box}#page,body{overflow-x:hidden}.has-black-background-color,.has-gray-dark-background-color,.has-primary-background-color,.has-primary-dark-background-color,.has-primary-light-background-color,.has-secondary-background-color,.has-secondary-dark-background-color,.has-secondary-light-background-color{color:#fcfcfc}.has-gray-light-background-color,.has-white-background-color,.has-white-smoke-background-color{color:#4a4d54}@media(max-width:1023px){body.woocommerce .site-content{padding-left:20px;padding-right:20px}}body.woocommerce.sidebar-left .site-content{padding-right:20px}body{font-family:Montserrat,sans-serif;color:#4a4d54;font-weight:400;font-size:17px;line-height:1.3;word-break:break-word}@media(max-width:500px){body{font-size:15px}}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600;margin:0 0 8px;padding:0}h1{font-size:56px}@media(max-width:1260px){h1{font-size:46px}}@media(max-width:500px){h1{font-size:36px}}h2{font-size:36px}@media(max-width:1260px){h2{font-size:28px}}@media(max-width:500px){h2{font-size:22px}}.woocommerce h2{font-size:28px}@media(max-width:1260px){.woocommerce h2{font-size:24px}}@media(max-width:500px){.woocommerce h2{font-size:18px}}h3{font-size:28px}@media(max-width:1260px){h3{font-size:22px}}@media(max-width:767px){h3{font-size:18px}}h4{font-size:22px}@media(max-width:1260px){h4{font-size:18px}}h5,h6{font-size:17px}@media(max-width:1260px){h5,h6{font-size:15px}}li,p{font-family:Montserrat,sans-serif;font-size:17px}@media(max-width:1260px){li,p{font-size:16px}}@media(max-width:500px){li,p{font-size:15px}}p{margin:0 0 8px}b,strong{font-weight:600}a{text-decoration:none}dl,ol,ul{margin-top:16px;margin-bottom:32px;padding:0 0 0 24px}dl dt,dl li,ol dt,ol li,ul dt,ul li{line-height:1.3;margin-bottom:12px}.header-color{background-color:rgba(50, 52, 57, .95)}#masthead{position:fixed;z-index:1000;top:0;width:100%;transition:.35s}@media(max-width:767px){#masthead{height:80px;transform:inherit !important;padding:0}}.scrolled #masthead{box-shadow:0 3px 10px -5px rgba(50, 52, 57, .7)}.scrolled #masthead.header-portrait{transform:translateY(-88px)}#masthead .site-header-image{position:absolute;width:100%;height:100%;left:0}#masthead .show-on-mobile{display:none}@media(max-width:960px){#masthead .show-on-mobile{display:block}}#masthead .menu-icons-container,#masthead .menu-resp{position:absolute;top:0;right:20px;height:100%}@media(max-width:960px){#masthead .menu-icons-container,#masthead .menu-resp{display:flex;justify-content:center;align-content:center}}#masthead .menu-resp{z-index:1030}#masthead .menu-icons-container{z-index:1010;right:90px}#masthead .menu-icons-container .button{min-width:20px;margin:auto 0 auto 10px;padding:10px;border-radius:32px;border:1.5px solid hsla(0, 0%, 89%, .5);opacity:.75;transition:.35s}#masthead .menu-icons-container .button.text{padding:10px 20px}#masthead .menu-icons-container .button:hover{opacity:1}#masthead .menu-icons-container .button span{display:block;font-size:13px;height:20px;line-height:22px}#masthead .menu-icons-container .button i{font-size:20px;line-height:20px;vertical-align:middle}#masthead .header-wrapper{display:flex;margin-top:0;margin-bottom:0}@media(max-width:767px){#masthead .header-wrapper{height:100%}}#masthead .header-wrapper .site-branding{align-items:flex-start}@media(max-width:767px){#masthead .header-wrapper .site-branding{text-align:left;padding-right:60px;justify-content:flex-start !important}}#masthead .header-wrapper .site-branding .custom-logo-link{display:flex;height:100%;align-items:center}#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{-o-object-fit:contain;object-fit:contain;height:80%;max-width:100%;width:auto}@media(max-width:767px){#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{max-height:64px;width:auto;margin:0}}#masthead .header-wrapper .site-branding.has-custom-logo .site-logo{height:80px}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo{display:flex;flex-direction:row;align-items:center}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{margin-right:8px}@media(max-width:767px){#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{width:auto}}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .custom-logo{-o-object-position:right;object-position:right}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .header-text{text-align:left;margin-left:8px}#masthead .header-wrapper .header-text{height:80%;display:flex;flex-direction:column;justify-content:center}#masthead .header-wrapper .header-text .site-description,#masthead .header-wrapper .header-text .site-title{margin:0;white-space:nowrap}#masthead .header-wrapper .header-text .site-description{display:inline-block;font-weight:300}#masthead.header-portrait .header-wrapper{flex-direction:column}@media(max-width:767px){#masthead.header-portrait .header-wrapper{justify-content:center}}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-branding{padding-top:0}}#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:center;margin-right:auto}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:left}}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-title{font-size:40px;line-height:1}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-description{font-size:16px;line-height:1}#masthead.header-portrait .header-wrapper .site-branding.has-header-text.has-custom-logo{justify-content:center;margin-right:0}#masthead.header-portrait .header-wrapper .main-navigation ul{height:auto}#masthead.header-portrait .header-wrapper .site-logo{margin-left:auto}#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-left:auto;margin-right:auto}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-right:0;margin-left:0}}#masthead.header-landscape .header-wrapper{flex-direction:row;height:60px}@media(max-width:960px){#masthead.header-landscape .header-wrapper{height:100%}}#masthead.header-landscape .header-wrapper .site-branding{padding-top:0;box-sizing:border-box;width:100%}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding{padding-top:4px;padding-bottom:4px}}#masthead.header-landscape .header-wrapper .site-branding .site-logo{margin-left:0;width:auto;height:100%}#masthead.header-landscape .header-wrapper .site-branding .custom-logo{-o-object-position:left;object-position:left;width:auto;height:80%;max-width:350px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding .custom-logo{max-width:100%}}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-title{font-size:19.8px;line-height:1}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-description{display:inline-block;font-weight:300;font-size:13.2px;line-height:1}#masthead.header-landscape .header-wrapper .main-navigation{align-self:flex-end;width:100%}#masthead.header-landscape .header-wrapper .main-navigation ul{justify-content:flex-end}#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:60px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:3;height:auto}}#masthead.header-landscape .header-wrapper .main-menu{justify-content:flex-end;padding:0 0 0 20px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-menu{padding:0;justify-content:flex-start}}@media screen and (max-width:600px){body.logged-in>div:last-child{position:fixed !important}}.admin-bar #masthead{top:32px}@media screen and (max-width:782px){.admin-bar #masthead{top:46px}}@media(max-width:960px){.main-navigation{overflow-y:auto}}.main-navigation .main-menu{display:flex;height:100%;align-items:center;justify-content:center}@media(max-width:960px){.main-navigation .main-menu{align-items:flex-start;justify-content:flex-start}}.main-navigation ul{display:flex;justify-content:center;height:60px;margin:0;padding:0}@media(max-width:960px){.main-navigation ul{display:block;max-width:100%}}.main-navigation li{display:block;position:relative;margin:0;padding:0}.main-navigation li a{display:block;white-space:nowrap;height:60px;line-height:60px;padding:0 32px;box-sizing:border-box;font-weight:600;text-decoration:none !important;opacity:.8;transition:.35s}.main-navigation li a:hover{opacity:1}@media(max-width:1366px){.main-navigation li a{padding:0 24px}}@media(max-width:960px){.main-navigation li a{height:auto;line-height:3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@media(max-width:960px){.main-navigation li li a{font-weight:400;opacity:.7;line-height:39.6px}}.main-navigation li.current-menu-ancestor a,.main-navigation li.current-menu-item a,.main-navigation li.current-menu-parent a{opacity:1}.main-navigation .menu>li:first-child a{padding-left:0}.main-navigation .menu>li:last-child a{padding-right:0}.main-navigation .menu>li li a{padding:0 32px !important}@media(max-width:960px){.main-navigation .menu>li li a{padding:0 !important}}.main-navigation .menu>li a{line-height:2.5;height:inherit}@media(max-width:960px){.main-navigation .menu>li a{padding:0}}@media(max-width:960px){.main-navigation .menu>li .sub-menu{padding-left:16px}}.main-navigation .menu-shadow{display:none}@media(max-width:960px){.main-navigation{background-color:rgba(38, 40, 43, .95);height:100vh;padding:60px 20px 30px;z-index:1020;width:90%;max-width:360px;box-sizing:border-box;transform:translateX(100%);right:0}.main-navigation,.main-navigation+.menu-shadow{position:absolute;top:0;bottom:0;transition:.35s;transition-delay:50ms}.main-navigation+.menu-shadow{display:block;height:100vh;width:100%;opacity:0;right:100%;background-color:rgba(50, 52, 57, .5);transition:opacity .2s;transform:translateX(0) !important}}@media(max-width:767px){.main-navigation{height:calc(100vh - 80px);padding:30px 20px}.main-navigation,.main-navigation+.menu-shadow{top:80px}}@media(max-width:960px){#masthead.active .main-navigation{transform:translateX(0)}#masthead.active .main-navigation+.menu-shadow{opacity:1;right:0}}body ul.sub-menu{position:absolute;z-index:1010;flex-direction:column;top:100%;left:0;opacity:0;clip:rect(0 0 0 0);width:auto;height:auto;padding:0;overflow:hidden;transition:.175s;transition-delay:0ms}@media(max-width:960px){body ul.sub-menu{position:inherit;opacity:1;background-color:transparent !important;padding-left:10px}}body ul.sub-menu ul.sub-menu{top:0;left:100%}@media(max-width:960px){body ul.sub-menu ul.sub-menu{position:inherit;left:inherit;background-color:transparent}}body ul.sub-menu.active,body ul.sub-menu:focus-within,li a:focus+body ul.sub-menu{transition:.35s ease-out;transition-delay:.1s;clip:inherit;overflow:visible;opacity:1}.main-width{width:900px;max-width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin:0 auto 48px}@media(max-width:1023px){.main-width{padding-left:20px;padding-right:20px}}.main-width.alignwide{width:1500px;max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:32px}#masthead+.site-content{padding-top:92px}@media(max-width:960px){#masthead+.site-content{padding-top:112px}}#masthead.header-portrait+.site-content{padding-top:236px}@media(max-width:960px){#masthead.header-portrait+.site-content{padding-top:112px}}body.has-featured-image #masthead+.site-content{padding-top:48px}@media(max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media(max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:32px}@media(max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:20px}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:1500px;max-width:100%;box-sizing:border-box;margin:0 auto}@media(max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - 508px)}@media(max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}body.home .entry-content{overflow:visible}body.home .entry-content>.wp-block-columns:first-child{margin-top:-96px;margin-bottom:64px;display:flex;flex-wrap:wrap;position:relative}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child{flex-direction:column;text-align:left;margin-bottom:32px}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column{background:#fff;margin:0 32px;padding:0 20px 30px;box-shadow:0 4px 24px -12px rgba(74, 77, 84, .8);border-radius:4px;line-height:1.3;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;flex:1 0 20%}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column{padding-bottom:0;align-items:flex-start;margin:0 20px 16px;height:160px}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{justify-content:center;margin:0 -20px 20px;flex:auto}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{margin:0 20px 0 -20px;width:30%;height:100%}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{height:100%;-o-object-fit:inherit;object-fit:inherit;padding-top:16px}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{width:70%;padding:15% 30%;height:70%}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image figure{display:block;width:100%;height:100%;margin:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column h2,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h3,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h4{margin-top:0;margin-bottom:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{margin:0}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{font-size:14px;width:65%;padding:0;text-align:left}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p a{font-weight:400}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p b,body.home .entry-content>.wp-block-columns:first-child .wp-block-column p strong{color:#4a4d54}body.home .entry-content>.has-3-columns.animated .wp-block-column{overflow:hidden;transition:1.4s;transform:translateY(30%);opacity:0;transition-delay:.525s}body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:.875s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:1.05s}@media(max-width:1023px){body.home .entry-content>.has-3-columns.animated .wp-block-column,body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:inherit}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(2){transition-delay:.175s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:.35s}}body.home .entry-content>.has-3-columns.animated.already-see .wp-block-column{transform:translateY(0);opacity:1}body.blog .page-header{padding-top:64px;padding-bottom:48px}@media(max-width:1023px){body.blog .page-header{padding-top:32px;padding-bottom:16px}} \ No newline at end of file +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//*! edited by Codekraft Studio | removed unused style */html{line-height:1.15}body{margin:0}main{display:block}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:none;text-decoration:underline;-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%;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-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}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}[hidden]{display:none}body,html{margin:0;padding:0}html{background-color:#fcfcfc;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body,html{max-width:100%}body{min-height:100%;box-sizing:border-box}#page,body{overflow-x:hidden}.has-black-background-color,.has-gray-dark-background-color,.has-primary-background-color,.has-primary-dark-background-color,.has-primary-light-background-color,.has-secondary-background-color,.has-secondary-dark-background-color,.has-secondary-light-background-color{color:#fcfcfc}.has-gray-light-background-color,.has-white-background-color,.has-white-smoke-background-color{color:#4a4d54}@media(max-width:1023px){body.woocommerce .site-content{padding-left:20px;padding-right:20px}}body.woocommerce.sidebar-left .site-content{padding-right:20px}body{font-family:Montserrat,sans-serif;color:#4a4d54;font-weight:400;font-size:17px;line-height:1.3;word-break:break-word}@media(max-width:500px){body{font-size:15px}}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600;margin:0 0 8px;padding:0}h1{font-size:56px}@media(max-width:1260px){h1{font-size:46px}}@media(max-width:500px){h1{font-size:36px}}h2{font-size:36px}@media(max-width:1260px){h2{font-size:28px}}@media(max-width:500px){h2{font-size:22px}}.woocommerce h2{font-size:28px}@media(max-width:1260px){.woocommerce h2{font-size:24px}}@media(max-width:500px){.woocommerce h2{font-size:18px}}h3{font-size:28px}@media(max-width:1260px){h3{font-size:22px}}@media(max-width:767px){h3{font-size:18px}}h4{font-size:22px}@media(max-width:1260px){h4{font-size:18px}}h5,h6{font-size:17px}@media(max-width:1260px){h5,h6{font-size:15px}}li,p{font-family:Montserrat,sans-serif;font-size:17px}@media(max-width:1260px){li,p{font-size:16px}}@media(max-width:500px){li,p{font-size:15px}}p{margin:0 0 8px}b,strong{font-weight:600}a{text-decoration:none}dl,ol,ul{margin-top:16px;margin-bottom:32px;padding:0 0 0 24px}dl dt,dl li,ol dt,ol li,ul dt,ul li{line-height:1.3;margin-bottom:12px}.header-color{background-color:rgba(50, 52, 57, .95)}#masthead{position:fixed;z-index:1000;top:0;width:100%;transition:.35s}@media(max-width:767px){#masthead{height:80px;transform:inherit !important;padding:0}}.scrolled #masthead{box-shadow:0 3px 10px -5px rgba(50, 52, 57, .7)}@media(max-width:767px){.scrolled #masthead{transform:inherit !important}}.scrolled #masthead.header-portrait{transform:translateY(-80px)}#masthead .site-header-image{position:absolute;width:100%;height:100%;left:0}#masthead .show-on-mobile{display:none}@media(max-width:960px){#masthead .show-on-mobile{display:block}}#masthead .menu-icons-container,#masthead .menu-resp{position:absolute;top:0;right:20px;height:100%}@media(max-width:960px){#masthead .menu-icons-container,#masthead .menu-resp{display:flex;justify-content:center;align-content:center}}#masthead .menu-resp{z-index:1030}#masthead .menu-icons-container{z-index:1010;right:90px}#masthead .menu-icons-container .button{min-width:20px;margin:auto 0 auto 10px;padding:10px;border-radius:32px;border:1.5px solid hsla(0, 0%, 89%, .5);opacity:.75;transition:.35s}#masthead .menu-icons-container .button.text{padding:10px 20px}#masthead .menu-icons-container .button:hover{opacity:1}#masthead .menu-icons-container .button span{display:block;font-size:13px;height:20px;line-height:22px}#masthead .menu-icons-container .button i{font-size:20px;line-height:20px;vertical-align:middle}#masthead .header-wrapper{display:flex;margin-top:0;margin-bottom:0}@media(max-width:767px){#masthead .header-wrapper{height:100%}}#masthead .header-wrapper .site-branding{align-items:flex-start;height:80px}@media(max-width:767px){#masthead .header-wrapper .site-branding{text-align:left;padding-right:60px;justify-content:flex-start !important}}#masthead .header-wrapper .site-branding .custom-logo-link{display:flex;height:100%;align-items:center}#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{-o-object-fit:contain;object-fit:contain;height:80%;max-width:100%;width:auto}@media(max-width:767px){#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{max-height:64px;width:auto;margin:0}}#masthead .header-wrapper .site-branding.has-custom-logo .site-logo{height:80px}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo{display:flex;flex-direction:row;align-items:center}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{margin-right:8px}@media(max-width:767px){#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{width:auto}}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .custom-logo{-o-object-position:right;object-position:right}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .header-text{text-align:left;margin-left:8px}#masthead .header-wrapper .header-text{height:100%;display:flex;flex-direction:column;justify-content:center}#masthead .header-wrapper .header-text .site-description,#masthead .header-wrapper .header-text .site-title{margin:0;white-space:nowrap}#masthead .header-wrapper .header-text .site-description{display:inline-block;font-weight:300}#masthead.header-portrait .header-wrapper{flex-direction:column}@media(max-width:767px){#masthead.header-portrait .header-wrapper{justify-content:center}}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-branding{padding-top:0}}#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:center;margin-right:auto;padding-top:8px;padding-bottom:8px}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:left;padding-top:0;padding-bottom:0}}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-title{font-size:32px;line-height:1}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-description{font-size:16px;line-height:1}#masthead.header-portrait .header-wrapper .site-branding.has-header-text.has-custom-logo{justify-content:center;margin-right:0}#masthead.header-portrait .header-wrapper .main-navigation ul{height:auto}#masthead.header-portrait .header-wrapper .site-logo{margin-left:auto}#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-left:auto;margin-right:auto}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-right:0;margin-left:0}}#masthead.header-landscape .header-wrapper{flex-direction:row;height:60px}@media(max-width:960px){#masthead.header-landscape .header-wrapper{height:100%}}#masthead.header-landscape .header-wrapper .site-branding{padding-top:0;box-sizing:border-box;width:100%;height:100%}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding{padding-top:4px;padding-bottom:4px}}#masthead.header-landscape .header-wrapper .site-branding .site-logo{margin-left:0;width:auto;height:100%}#masthead.header-landscape .header-wrapper .site-branding .custom-logo{-o-object-position:left;object-position:left;width:auto;height:80%;max-width:350px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding .custom-logo{max-width:100%}}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-title{font-size:19.8px;line-height:1}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-description{display:inline-block;font-weight:300;font-size:13.2px;line-height:1}#masthead.header-landscape .header-wrapper .main-navigation{align-self:flex-end;width:100%}#masthead.header-landscape .header-wrapper .main-navigation ul{justify-content:flex-end}#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:60px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:3;height:auto}}#masthead.header-landscape .header-wrapper .main-menu{justify-content:flex-end;padding:0 0 0 20px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-menu{padding:0;justify-content:flex-start}}@media screen and (max-width:600px){body.logged-in>div:last-child{position:fixed !important}}.admin-bar #masthead{top:32px}@media screen and (max-width:782px){.admin-bar #masthead{top:46px}}@media(max-width:960px){.main-navigation{overflow-y:auto}}.main-navigation .main-menu{display:flex;height:100%;align-items:center;justify-content:center}@media(max-width:960px){.main-navigation .main-menu{align-items:flex-start;justify-content:flex-start}}.main-navigation ul{display:flex;justify-content:center;height:60px;margin:0;padding:0}@media(max-width:960px){.main-navigation ul{display:block;max-width:100%}}.main-navigation li{display:block;position:relative;margin:0;padding:0}.main-navigation li a{display:block;white-space:nowrap;height:60px;line-height:60px;padding:0 32px;box-sizing:border-box;font-weight:600;text-decoration:none !important;opacity:.8;transition:.35s}.main-navigation li a:hover{opacity:1}@media(max-width:1366px){.main-navigation li a{padding:0 24px}}@media(max-width:960px){.main-navigation li a{height:auto;line-height:3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@media(max-width:960px){.main-navigation li li a{font-weight:400;opacity:.7;line-height:39.6px}}.main-navigation li.current-menu-ancestor a,.main-navigation li.current-menu-item a,.main-navigation li.current-menu-parent a{opacity:1}.main-navigation .menu>li:first-child a{padding-left:0}.main-navigation .menu>li:last-child a{padding-right:0}.main-navigation .menu>li li a{padding:0 32px !important}@media(max-width:960px){.main-navigation .menu>li li a{padding:0 !important}}.main-navigation .menu>li a{line-height:2.5;height:inherit}@media(max-width:960px){.main-navigation .menu>li a{padding:0}}@media(max-width:960px){.main-navigation .menu>li .sub-menu{padding-left:16px}}.main-navigation .menu-shadow{display:none}@media(max-width:960px){.main-navigation{background-color:rgba(38, 40, 43, .95);height:100vh;padding:60px 20px 30px;z-index:1020;width:90%;max-width:360px;box-sizing:border-box;transform:translateX(100%);right:0}.main-navigation,.main-navigation+.menu-shadow{position:absolute;top:0;bottom:0;transition:.35s;transition-delay:50ms}.main-navigation+.menu-shadow{display:block;height:100vh;width:100%;opacity:0;right:100%;background-color:rgba(50, 52, 57, .5);transition:opacity .2s;transform:translateX(0) !important}}@media(max-width:767px){.main-navigation{height:calc(100vh - 80px);padding:30px 20px}.main-navigation,.main-navigation+.menu-shadow{top:80px}}@media(max-width:960px){#masthead.active .main-navigation{transform:translateX(0)}#masthead.active .main-navigation+.menu-shadow{opacity:1;right:0}}body ul.sub-menu{position:absolute;z-index:1010;flex-direction:column;top:100%;left:0;opacity:0;clip:rect(0 0 0 0);width:auto;height:auto;padding:0;overflow:hidden;transition:.175s;transition-delay:0ms}@media(max-width:960px){body ul.sub-menu{position:inherit;opacity:1;background-color:transparent !important;padding-left:10px}}body ul.sub-menu ul.sub-menu{top:0;left:100%}@media(max-width:960px){body ul.sub-menu ul.sub-menu{position:inherit;left:inherit;background-color:transparent}}body ul.sub-menu.active,body ul.sub-menu:focus-within,li a:focus+body ul.sub-menu{transition:.35s ease-out;transition-delay:.1s;clip:inherit;overflow:visible;opacity:1}.main-width{width:900px;max-width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin:0 auto 48px}@media(max-width:1023px){.main-width{padding-left:20px;padding-right:20px}}.main-width.alignwide{width:1500px;max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:32px}#masthead+.site-content{padding-top:92px}@media(max-width:960px){#masthead+.site-content{padding-top:112px}}#masthead.header-portrait+.site-content{padding-top:236px}@media(max-width:960px){#masthead.header-portrait+.site-content{padding-top:112px}}body.has-featured-image #masthead+.site-content{padding-top:48px}@media(max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media(max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:32px}@media(max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:20px}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:1500px;max-width:100%;box-sizing:border-box;margin:0 auto}@media(max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - 508px)}@media(max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}body.home .entry-content{overflow:visible}body.home .entry-content>.wp-block-columns:first-child{margin-top:-96px;margin-bottom:64px;display:flex;flex-wrap:wrap;position:relative}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child{flex-direction:column;text-align:left;margin-bottom:32px}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column{background:#fff;margin:0 32px;padding:0 20px 30px;box-shadow:0 4px 24px -12px rgba(74, 77, 84, .8);border-radius:4px;line-height:1.3;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;flex:1 0 20%}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column{padding-bottom:0;align-items:flex-start;margin:0 20px 16px;height:160px}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{justify-content:center;margin:0 -20px 20px;flex:auto}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{margin:0 20px 0 -20px;width:30%;height:100%}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{height:100%;-o-object-fit:inherit;object-fit:inherit;padding-top:16px}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{width:70%;padding:15% 30%;height:70%}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image figure{display:block;width:100%;height:100%;margin:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column h2,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h3,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h4{margin-top:0;margin-bottom:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{margin:0}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{font-size:14px;width:65%;padding:0;text-align:left}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p a{font-weight:400}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p b,body.home .entry-content>.wp-block-columns:first-child .wp-block-column p strong{color:#4a4d54}body.home .entry-content>.has-3-columns.animated .wp-block-column{overflow:hidden;transition:1.4s;transform:translateY(30%);opacity:0;transition-delay:.525s}body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:.875s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:1.05s}@media(max-width:1023px){body.home .entry-content>.has-3-columns.animated .wp-block-column,body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:inherit}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(2){transition-delay:.175s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:.35s}}body.home .entry-content>.has-3-columns.animated.already-see .wp-block-column{transform:translateY(0);opacity:1}body.blog .page-header{padding-top:64px;padding-bottom:48px}@media(max-width:1023px){body.blog .page-header{padding-top:32px;padding-bottom:16px}} \ No newline at end of file diff --git a/style.css b/style.css index 6d3954d9..80d9474d 100644 --- a/style.css +++ b/style.css @@ -15,5 +15,5 @@ License URI: https://github.com/erikyo/modul-r/blob/master/LICENSE Text Domain: modul-r Tags: blog, e-commerce, portfolio, one-column, two-columns, grid-layout, custom-background, custom-header, custom-logo, custom-menu, custom-colors, editor-style, microformats, flexible-header, footer-widgets, featured-images, featured-image-header, full-width-template, block-styles, theme-options, wide-blocks, sticky-post, threaded-comments, translation-ready */ -.nowrap{white-space:nowrap}.hide{display:none}.unselectable::-moz-selection{background-color:transparent}.unselectable::selection{background-color:transparent}#secondary ul.product-categories li,#secondary ul.product_list_widget li .product-title,.ellipsis,.site-footer .footer-widgets li,body.woocommerce .woocommerce-breadcrumb{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}.clearfix:after{content:"";clear:both;display:table}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.display-table{display:table}.elevation-01,.search-form{box-shadow:0 2px 10px -6px rgba(50, 52, 57, .8)}table{width:100%;max-width:100%}table tr{border-collapse:collapse}table tr td,table tr th{padding:12px}table tr th{background:#6f4cad;color:#fff}table tr td{border-bottom:1px solid #e3e3e3}input,select,textarea{box-sizing:border-box;padding:12px 8px;margin:0;background:#fff;outline:none !important;border:1px solid #e3e3e3;font-size:17px;transition:.35s}input{border:0 solid transparent}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],input[type=url]{width:100%;padding-left:4px;box-shadow:0 1px 0 #e3e3e3}input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover{box-shadow:0 1px 0 #6f4cad}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus{box-shadow:0 2px 0 #6f4cad}[type=checkbox],[type=radio]{margin:0;display:inline;vertical-align:middle}.input-label{font-size:8.5px}label input+span{font-size:15px;line-height:19px;opacity:.8}textarea{display:block;min-width:100%;max-width:100%;min-height:160px;overflow:hidden}fieldset{margin:8px 0}input,textarea{margin-bottom:8px}select,textarea{width:100%;border-radius:4px}img{height:auto;max-width:100%;position:relative;-o-object-fit:cover;object-fit:cover}p img.alignleft{padding-right:10px}p img.alignright{padding-left:10px}figure{margin-bottom:16px}figure img{max-width:100%;padding-left:0;padding-right:0}figure .gallery-caption,figure figcaption{overflow:hidden;line-height:1.2}.site-main .entry-content .wp-caption{margin-bottom:16px;padding-left:20px;padding-right:20px}.site-main .entry-content .wp-caption .wp-caption-text{color:#4a4d54;font-size:15px;font-style:italic}.site-main .entry-content .wp-caption.alignleft{padding-right:10px}.site-main .entry-content .wp-caption.alignright{padding-left:10px}.button,.entry-content .wp-block-button .wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{display:inline-flex;justify-content:center;position:relative;transition:.175s;cursor:pointer;min-width:64px;margin:0;padding:9.6px 19.2px;border:none;border-radius:30px;outline:none;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;letter-spacing:2px;text-decoration:none !important;text-transform:uppercase;white-space:normal;overflow-wrap:break-word}.button:hover,.entry-content .wp-block-button .wp-block-button__link:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{color:#fff;-webkit-filter:brightness(115%);filter:brightness(115%);cursor:pointer}.button:focus,.entry-content .wp-block-button .wp-block-button__link:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{color:#fff;-webkit-filter:brightness(120%);filter:brightness(120%)}.entry-content .wp-block-button .outline.wp-block-button__link,.outline.button,button.outline,input.outline[type=button],input.outline[type=reset],input.outline[type=submit]{background-color:transparent !important}.button:disabled,.entry-content .wp-block-button .wp-block-button__link:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{-webkit-filter:saturate(0);filter:saturate(0)}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#6f4cad;color:#fff}.button+.button,.button+button,.button+input[type=button],.button+input[type=reset],.button+input[type=submit],button+.button,button+button,button+input[type=button],button+input[type=reset],button+input[type=submit],input[type=button]+.button,input[type=button]+button,input[type=button]+input[type=button],input[type=button]+input[type=reset],input[type=button]+input[type=submit],input[type=reset]+.button,input[type=reset]+button,input[type=reset]+input[type=button],input[type=reset]+input[type=reset],input[type=reset]+input[type=submit],input[type=submit]+.button,input[type=submit]+button,input[type=submit]+input[type=button],input[type=submit]+input[type=reset],input[type=submit]+input[type=submit]{margin-left:12px}.button{line-height:1}.button+.button{margin-right:8px}.menu-resp button.c-hamburger{display:block;position:relative;overflow:hidden;margin:auto;padding:0;width:30px;min-width:inherit;height:30px;text-indent:-9999px;box-shadow:none;border:none;border-radius:0;cursor:pointer;transition:background .3s;background-color:transparent}.menu-resp button.c-hamburger i{display:block;position:absolute;top:15px;background:#16bebb;left:0;right:0;height:3px;transition:background .15s .1s;transition-delay:.1s,0s}.menu-resp button.c-hamburger i:after,.menu-resp button.c-hamburger i:before{position:absolute;display:block;left:0;width:100%;height:3px;background:#16bebb;content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s}.menu-resp button.c-hamburger i:before{top:9px;transition-property:top,transform}.menu-resp button.c-hamburger i:after{bottom:9px;transition-property:bottom,transform}.active .menu-resp button.c-hamburger i{background:0 0;transition-delay:.2s,0s}.active .menu-resp button.c-hamburger i:before{top:0;transform:rotate(45deg)}.active .menu-resp button.c-hamburger i:after{bottom:0;transform:rotate(-45deg)}.active .menu-resp button.c-hamburger i:after,.active .menu-resp button.c-hamburger i:before{transition-delay:0s,.3s}#secondary{min-width:444px;width:444px;padding:0 20px;box-sizing:border-box}#secondary .search-form{max-width:100%}@media(min-width:1024px){#secondary{padding:0}.sidebar-right #secondary{padding-left:64px}.sidebar-left #secondary{padding-right:64px}}@media(max-width:960px){#secondary{padding-top:40px;border-top:1px solid #eee;min-width:inherit;width:100%}}#secondary section{padding-bottom:48px}#secondary h3{margin:0 0 4px;font-size:20px;font-weight:600}#secondary a{font-weight:500;font-size:16px}.main-width,.site-main .entry-content>*{width:900px;max-width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin:0 auto 48px}@media(max-width:1023px){.main-width,.site-main .entry-content>*{padding-left:20px;padding-right:20px}}.main-width.alignwide{width:1500px;max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:32px}#masthead+.site-content{padding-top:92px}@media(max-width:960px){#masthead+.site-content{padding-top:112px}}#masthead.header-portrait+.site-content{padding-top:236px}@media(max-width:960px){#masthead.header-portrait+.site-content{padding-top:112px}}body.has-featured-image #masthead+.site-content{padding-top:48px}@media(max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media(max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:32px}@media(max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:20px}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:1500px;max-width:100%;box-sizing:border-box;margin:0 auto}@media(max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - 508px)}@media(max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}.entry-header{text-align:center}.entry-header .meta-wrapper{float:inherit}.entry-title,.page-title{text-align:center;margin-left:auto;margin-right:auto;width:80%;margin-bottom:20px}@media(max-width:1023px){.entry-title,.page-title{width:100%}}.entry-header,.page-header,.woocommerce-products-header{display:block;width:100%;max-width:1500px;text-align:center;margin:0 auto 20px}@media(max-width:940px){.entry-header,.page-header,.woocommerce-products-header{max-width:100%;width:auto;padding-left:20px;padding-right:20px}}.entry-header p,.page-header p,.woocommerce-products-header p{margin:0 auto;max-width:750px;line-height:1.7}.entry-footer{clear:both}.entry-footer>div,.page-links{padding-top:64px}.page-links{clear:both}.post-meta .meta-wrapper{display:inline-flex}.post-meta .meta-wrapper p{color:#4a4d54;font-size:13px;font-weight:300;margin-bottom:0;margin-left:8px;margin-right:8px}@media(max-width:1023px){.post-meta .meta-wrapper p{font-size:11px}}.post-meta .meta-wrapper a{color:#4a4d54;font-weight:600;text-transform:uppercase}.breadcrumbs{font-size:11px;margin-bottom:8px;font-weight:600;letter-spacing:1.5px;color:#b0b3ba}.breadcrumbs a{color:#4a4d54;font-weight:600;text-transform:uppercase;margin-left:4px;margin-right:4px;transition:.35s;opacity:.5}.breadcrumbs a:last-of-type{opacity:.8}.breadcrumbs a:hover{opacity:1}.relateds ul.relateds-list{margin:0;padding:0}.relateds ul.relateds-list li{display:block;padding:0;margin:8px 0 48px;clear:both;font-weight:400}.relateds ul.relateds-list li p{margin:0;font-size:.9em;font-weight:400}.relateds ul.relateds-list li img{float:left;clear:both;width:150px;margin-right:20px;margin-bottom:20px;max-height:150px}@media(max-width:1023px){.relateds ul.relateds-list li img{width:75px;margin-right:10px;margin-bottom:10px}}.navigation{display:flex;flex-wrap:wrap}.navigation a{line-height:1.2;font-weight:500;display:inline-table;vertical-align:baseline;width:calc(100% - 30px)}@media(max-width:1023px){.navigation a{font-size:90%}}.navigation>*{flex-basis:50%;flex-shrink:0}.navigation .alignright{text-align:right}.nav-links{flex-basis:100%;text-align:center;margin-top:32px}.nav-links *{margin:0 8px}.nav-links .page-numbers{display:inline-block;padding:0 7.2px;width:36px;height:36px;vertical-align:middle;box-sizing:border-box;font-weight:600;line-height:36px;border-radius:18px;background-color:#e3e3e3;color:#b0b0b0;transition:.35s}.nav-links .page-numbers.current,.nav-links .page-numbers:hover{color:#4a4d54}.nav-links .page-numbers.next,.nav-links .page-numbers.prev{width:auto}.post-navigation .navigation{margin-top:16px}.post-navigation .navigation>div{height:60px}.post-navigation .navigation i{vertical-align:middle}.category-list-labels{padding-top:32px}.category-list-labels li,.category-list-labels ul{display:inline-block}.category-list-labels li{background:#fff;border-radius:15px;border:1px solid #e3e3e3;width:auto;height:30px;line-height:26px;position:relative;margin:0 10px 10px 0;padding:0 10px;box-sizing:border-box}.category-list-labels li a{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#4a4d54;text-decoration:none !important;transition:.2s}.category-list-labels li:hover a{-webkit-filter:brightness(115%);filter:brightness(115%)}.wp-block-separator,hr{border:none;border-bottom:1px solid rgba(111, 76, 173, .4)}.sticky{background-color:transparent}.sticky h1,.sticky h2{color:#16bebb}body .hero{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:rgba(26, 27, 30, .95)}body .hero,body .hero>*{position:relative}body .hero .entry-image{position:absolute;top:0;width:100%;height:100%}@media(max-width:1023px){body .hero .entry-image{max-height:inherit}}body .hero .hero-title{padding-top:140px;padding-left:20px;padding-right:20px;margin:auto}body .hero .hero-title .page-title{max-width:1125px;width:100%}body .hero .hero-title h1,body .hero .hero-title p{text-shadow:0 2px 4px rgba(50, 52, 57, .7);color:#fff}body .hero .hero-title h1{font-size:64px;font-weight:700;margin:0 auto}@media(max-width:1023px){body .hero .hero-title h1{font-size:44px;width:100%}}@media(max-width:420px){body .hero .hero-title h1{font-size:36px}}@media(max-width:376px){body .hero .hero-title h1{font-size:30px}}body .hero .hero-title p{font-size:19px;font-style:italic}@media(max-width:1023px){body .hero .hero-title p{font-size:17px;line-height:1.3}}@media(max-width:376px){body .hero .hero-title p{font-size:15px}}body .hero .hero-title a{margin-top:32px}@media(max-width:1023px){body .hero .hero-title a{font-size:17px;padding:10px 16px}}body.archive .hero:after,body.page .hero:after,body.single .hero:after{content:" ";display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;box-shadow:inset 0 112px 64px -64px rgba(50, 52, 57, .8)}.site-main .entry-content>*{margin-top:48px;margin-bottom:64px}.site-main .entry-content>:first-child{margin-top:0}.site-main .entry-content>:last-child{margin-bottom:0;clear:both}.site-main .entry-content>.alignclose{margin-top:0;margin-bottom:0}.site-main .entry-content>.alignclose.has-media-on-the-right.padded-image img{margin-right:64px;margin-left:0}.site-main .entry-content>.alignwide{width:100%;max-width:1500px;padding-left:8px;padding-right:8px;clear:both}.site-main .entry-content>.alignfull{position:relative;width:100%;padding-left:0;padding-right:0;clear:both}.site-main .entry-content>.alignleft{float:left}.site-main .entry-content>.alignleft,.site-main .entry-content>.alignright{width:auto;max-width:1650px;margin-top:0;margin-bottom:0;padding-left:8px;padding-right:8px}.site-main .entry-content>.alignright{float:right}.site-main .entry-content>.aligncenter{margin-left:auto;margin-right:auto;text-align:center}@media(max-width:1260px){.site-main .entry-content>.aligncenter{margin-left:auto;margin-right:auto}}.site-main .entry-content>.height-40{min-height:40vh}.site-main .entry-content>.height-100{min-height:100vh}.site-main .entry-content{line-height:1.7}.site-main .entry-content h1,.site-main .entry-content h2,.site-main .entry-content h3,.site-main .entry-content h4,.site-main .entry-content h5,.site-main .entry-content h6{margin-top:0;margin-bottom:16px;line-height:1.3}.site-main .entry-content p{margin-top:0;margin-bottom:16px}.site-main .entry-content p+h1,.site-main .entry-content p+h2{margin-top:64px}.site-main .entry-content p+h3,.site-main .entry-content p+h4,.site-main .entry-content p+h5,.site-main .entry-content p+h6{margin-top:32px}.site-main dl,.site-main ol,.site-main ul{padding:0 40px;margin-top:32px;margin-bottom:16px;list-style-position:inside;line-height:1.7}.site-main dl dt,.site-main dl li,.site-main ol dt,.site-main ol li,.site-main ul dt,.site-main ul li{padding-left:8px}.site-main dl ol,.site-main dl ul,.site-main ol ol,.site-main ol ul,.site-main ul ol,.site-main ul ul{padding-left:40px}.site-main .wp-block-gallery{padding-left:20px;padding-right:20px}.site-main .wp-block-gallery.alignfull{padding:0}.site-main .wp-block-gallery.alignfull .blocks-gallery-grid{margin:0;padding:0}.site-main .wp-block-media-text{margin-top:0;margin-bottom:0}.site-main .wp-block-media-text h1,.site-main .wp-block-media-text h2,.site-main .wp-block-media-text h3{margin-top:0}.site-main button{margin-top:32px}.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}@media(max-width:1023px){.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}}.entry-content .wp-block-subhead{font-style:inherit;opacity:1;color:#323439}.entry-content .wp-block-audio audio{width:100%}.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:495px}@media(max-width:1023px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:750px}}@media(max-width:1600px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:495px}}.entry-content .wp-block-audio.alignfull,.entry-content .wp-block-audio.alignwide{padding-left:20px;padding-right:20px}.entry-content .wp-block-video video{width:100%}.entry-content .wp-block-video.alignwide{padding-left:0;padding-right:0}.entry-content .wp-block-button.is-style-squared .wp-block-button__link{border-radius:0}.entry-content .wp-block-button.is-style-outline .wp-block-button__link,.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active,.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus{border:2px solid;background-color:transparent}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background:transparent}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color){color:#6f4cad;border-color:currentColor}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover{color:#6f4cad;background-color:#fff;border-color:#6f4cad;-webkit-filter:brightness(120%);filter:brightness(120%)}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background){color:#6f4cad}.entry-content .wp-block-archives,.entry-content .wp-block-categories,.entry-content .wp-block-latest-posts{padding-top:0;padding-bottom:0;list-style:none}.entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li{color:#4a4d54;font-weight:300}.entry-content .wp-block-archives li.menu-item-has-children,.entry-content .wp-block-archives li:last-child,.entry-content .wp-block-categories li.menu-item-has-children,.entry-content .wp-block-categories li:last-child,.entry-content .wp-block-latest-posts li.menu-item-has-children,.entry-content .wp-block-latest-posts li:last-child{padding-bottom:0}.entry-content .wp-block-archives li a,.entry-content .wp-block-categories li a,.entry-content .wp-block-latest-posts li a{text-decoration:none;font-weight:500}.entry-content .wp-block-archives .wp-block-latest-posts__post-date,.entry-content .wp-block-categories .wp-block-latest-posts__post-date,.entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date{color:#323439;font-size:13px;font-weight:400;line-height:1;margin-bottom:32px}.entry-content .wp-block-archives,.entry-content .wp-block-categories{list-style-type:none}.entry-content .wp-block-archives li,.entry-content .wp-block-archives ul,.entry-content .wp-block-categories li,.entry-content .wp-block-categories ul{padding:0;margin:0 auto}.entry-content .wp-block-archives li a,.entry-content .wp-block-categories li a{margin-bottom:8px}.entry-content .wp-block-archives ul,.entry-content .wp-block-categories ul{list-style-type:none;padding-left:20px}.entry-content .wp-block-archives ul a,.entry-content .wp-block-categories ul a{color:#4a4d54;font-weight:400}.entry-content .wp-block-archives.aligncenter,.entry-content .wp-block-categories.aligncenter{text-align:center}.entry-content .wp-block-archives.aligncenter ul,.entry-content .wp-block-categories.aligncenter ul{padding:0 0 10px}.entry-content .wp-block-latest-posts.is-grid{display:flex;justify-content:space-between}.entry-content .wp-block-latest-posts.is-grid li{background-color:#fff;margin:0}.entry-content .wp-block-preformatted{line-height:1.95;padding:32px 64px}.entry-content .wp-block-verse{line-height:2;font-weight:300;font-style:italic}.entry-content .has-drop-cap{margin-bottom:32px}.entry-content .has-drop-cap:not(:focus):first-letter{font-family:Montserrat,sans-serif;line-height:1;font-weight:600;margin:0 16px 0 0}.entry-content .wp-block-pullquote{border-color:transparent;border-width:2px;padding:30px 120px}@media(max-width:1540px){.entry-content .wp-block-pullquote{padding:30px 40px}}.entry-content .wp-block-pullquote blockquote{color:#4a4d54;border:none}.entry-content .wp-block-pullquote p{font-style:italic;font-weight:300;line-height:1.3}.entry-content .wp-block-pullquote p em{font-style:normal}.entry-content .wp-block-pullquote cite{display:inline-block;font-family:Montserrat,sans-serif;line-height:1.6;text-transform:none;color:#4a4d54}.entry-content .wp-block-pullquote.alignleft,.entry-content .wp-block-pullquote.alignright{width:100%}.entry-content .wp-block-pullquote.alignleft blockquote,.entry-content .wp-block-pullquote.alignright blockquote{margin:8px 0;max-width:100%}.entry-content .wp-block-pullquote.alignleft blockquote p:first-child,.entry-content .wp-block-pullquote.alignright blockquote p:first-child{margin-top:0}.entry-content .wp-block-pullquote.is-style-solid-color{background-color:#6f4cad;padding-left:0;padding-right:0}.entry-content .wp-block-pullquote.is-style-solid-color p{line-height:1.3;margin-bottom:.5em;margin-top:.5em}.entry-content .wp-block-pullquote.is-style-solid-color cite{color:inherit}.entry-content .wp-block-pullquote.is-style-solid-color blockquote{max-width:100%;color:#fcfcfc;padding-left:0;margin-left:8px;margin-right:8px}.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color{color:inherit}.entry-content .wp-block-quote:not(.is-large),.entry-content .wp-block-quote:not(.is-style-large){border-left:2px solid #6f4cad;padding-left:120px;padding-top:30px;padding-bottom:30px}.entry-content .wp-block-quote p{font-size:1em;font-style:normal;line-height:1.8}.entry-content .wp-block-quote.is-large,.entry-content .wp-block-quote.is-style-large{border-left:0;border-right:0;max-width:100%}.entry-content .wp-block-quote.is-large p,.entry-content .wp-block-quote.is-style-large p{line-height:1.4;font-style:italic}.entry-content .wp-block-image .image-border{padding:20px;background:red}@media(max-width:1023px){.entry-content .wp-block-image .aligncenter,.entry-content .wp-block-image .aligncenter img{margin:0 auto}}@media(max-width:1600px){.entry-content .wp-block-image .aligncenter img{margin:0 auto}}.entry-content .wp-block-image.alignfull img{width:100%}@media(max-width:1023px){.entry-content .wp-block-image.alignfull img{margin-left:auto;margin-right:auto}}.entry-content .wp-block-image .alignleft{margin-right:32px}@media(max-width:1023px){.entry-content .wp-block-image .alignleft{margin-right:16px}}.entry-content .wp-block-image .alignright{margin-left:32px}@media(max-width:1023px){.entry-content .wp-block-image .alignright{margin-left:16px}}@media(max-width:1023px){.entry-content .wp-block-image .alignleft,.entry-content .wp-block-image .alignright{width:100%}.entry-content .wp-block-image .alignleft img,.entry-content .wp-block-image .alignright img{width:100%;margin-left:auto;margin-right:auto}}.entry-content .wp-block-media-text.alignwide{padding:0}.entry-content .wp-block-media-text .wp-block-media-text__media{margin-top:0;margin-bottom:0;overflow:hidden;display:flex}.entry-content .wp-block-media-text .wp-block-media-text__media img{align-self:center}@media(max-width:767px){.entry-content .wp-block-media-text .is-stacked-on-mobile{min-height:30vh}}.entry-content .wp-block-media-text.padded-image img{max-height:60vh;-o-object-fit:contain;object-fit:contain;padding:64px 32px 64px 64px;box-sizing:border-box}@media(max-width:767px){.entry-content .wp-block-media-text.padded-image img{padding:32px}.entry-content .wp-block-media-text.padded-image.has-media-on-the-right img{padding:64px 64px 64px 32px}}.entry-content .wp-block-media-text .wp-block-media-text__media img{-o-object-position:right;object-position:right}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img{-o-object-position:left;object-position:left}.entry-content .wp-block-media-text .wp-block-media-text__content{max-width:600px;padding-right:inherit;padding-left:64px;padding-top:32px;padding-bottom:32px}@media(max-width:1023px){.entry-content .wp-block-media-text .wp-block-media-text__content{padding-left:20px !important;padding-right:20px !important}}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{float:right;padding-left:inherit;padding-right:64px;margin-left:auto}.entry-content .wp-block-cover,.entry-content .wp-block-cover-image{position:relative;min-height:430px;padding:0;background-color:initial;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.entry-content .wp-block-cover-image .wp-block-cover__inner-container,.entry-content .wp-block-cover .wp-block-cover__inner-container{max-width:900px}.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.3;padding:0;margin:20px auto}@media(max-width:1023px){.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{max-width:100%}}.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{width:100%}@media(max-width:1023px){.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{padding:8px 16px}}@media(max-width:1023px){.entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,.entry-content .wp-block-cover-image.alignfull h2,.entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover.alignfull .wp-block-cover-text,.entry-content .wp-block-cover.alignfull h2{padding:0}}.entry-content .wp-block-gallery{list-style-type:none}.entry-content .wp-block-gallery .blocks-gallery-item{padding:0}.entry-content .wp-block-gallery .blocks-gallery-image:last-child,.entry-content .wp-block-gallery .blocks-gallery-item:last-child{margin-bottom:16px}.entry-content .wp-block-gallery figure{margin:0 !important}.entry-content .wp-block-gallery.is-cropped figure img{height:100%;width:100%}.entry-content .wp-block-gallery .blocks-gallery-item figcaption{overflow:hidden}.entry-content .wp-block-gallery figcaption a{color:#fff}.entry-content .wp-block-audio figcaption,.entry-content .wp-block-gallery .blocks-gallery-image figcaption,.entry-content .wp-block-gallery .blocks-gallery-item figcaption,.entry-content .wp-block-image figcaption,.entry-content .wp-block-video figcaption{margin:0;padding:8px;text-align:center;box-sizing:border-box}.entry-content .wp-block-separator,.entry-content hr{height:2px;margin-top:64px;margin-bottom:32px;max-width:2.25em;text-align:left}.entry-content .wp-block-separator.is-style-wide,.entry-content hr.is-style-wide{margin-left:0;margin-right:0;width:100%;max-width:100%;border-bottom:1px solid rgba(50, 52, 57, .1)}.entry-content .wp-block-separator.is-style-dots,.entry-content hr.is-style-dots{max-width:100%;background-color:inherit;border:inherit;height:inherit;text-align:center}.entry-content .wp-block-separator.is-style-dots:before,.entry-content hr.is-style-dots:before{color:#6f4cad;font-size:64px;letter-spacing:24px;padding-left:24px}.entry-content .wp-block-separator+h1:before,.entry-content .wp-block-separator+h2:before,.entry-content hr+h1:before,.entry-content hr+h2:before{display:none}.entry-content .wp-block-embed-twitter{clear:both}.entry-content .wp-block-table{border-collapse:separate}.entry-content .wp-block-table tr{border-collapse:collapse}.entry-content .wp-block-table td,.entry-content .wp-block-table th{border-color:transparent;border-bottom:1px solid #e3e3e3}.entry-content .wp-block-table.alignwide{width:1500px}.entry-content .wp-block-table.alignfull{width:100%}.entry-content .wp-block-file{font-family:Montserrat,sans-serif}.entry-content .wp-block-file .wp-block-file__button{display:table;border:none;border-radius:5px;background:#6f4cad;font-size:17px;text-decoration:none;font-weight:700;color:#fff;margin-left:0;margin-top:6px}.entry-content .wp-block-file .wp-block-file__button:hover{-webkit-filter:brightness(120%);filter:brightness(120%);cursor:pointer}.entry-content .wp-block-file .wp-block-file__button:focus{-webkit-filter:brightness(120%);filter:brightness(120%);outline:thin dotted;outline-offset:-4px}.entry-content .wp-block-text-columns.alignwide{padding-left:20px;padding-right:20px}.entry-content .wp-block-code{border-radius:0}.entry-content .wp-block-code code{white-space:pre;overflow-x:auto}.entry-content .wp-block-columns.alignfull{padding-left:20px;padding-right:20px}@media(max-width:500px){.entry-content .wp-block-columns{flex-wrap:nowrap}}@media(max-width:1023px){.entry-content .wp-block-columns .wp-block-column>:first-child{margin-top:0}.entry-content .wp-block-columns .wp-block-column>:last-child{margin-bottom:0}.entry-content .wp-block-columns[class*=has-]>:last-child{margin-right:0}.entry-content .wp-block-columns.alignfull,.entry-content .wp-block-columns.alignfull .wp-block-column{padding-left:16px;padding-right:16px}}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta{font-family:Montserrat,sans-serif;font-weight:700}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date{font-weight:400}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p{font-size:inherit}.entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date{font-size:8.5px}.entry-content .has-small-font-size{font-size:11.9px}.entry-content .has-normal-font-size{font-size:17px}.entry-content .has-large-font-size{font-size:27.2px;line-height:1.2}.entry-content .has-huge-font-size{font-size:42.5px;line-height:1.2}.site-footer{margin-top:96px;clear:both}.site-footer h3{white-space:nowrap;padding-bottom:8px;margin-bottom:16px;font-weight:600;font-size:21px;border-bottom:1px solid rgba(50, 52, 57, .2)}@media(max-width:1023px){.site-footer h3{font-size:18px}}.site-footer .footer-widgets{padding-top:64px;padding-bottom:32px;display:flex}@media(max-width:1023px){.site-footer .footer-widgets{flex-direction:column-reverse;width:100%}}.site-footer .footer-widgets ul{padding:0;margin:0}.site-footer .footer-widgets ul ul{margin-left:10px}.site-footer .footer-widgets li{list-style-type:none;padding:0;margin:0;line-height:2.2}.site-footer .footer-widgets li a{font-weight:400}.site-footer .footer-widgets li .post-date{font-size:13px;margin-left:8px;opacity:.5}.site-footer .widget{flex:1 1 0;box-sizing:content-box;margin-right:96px;width:100%;max-width:375px}@media(max-width:767px){.site-footer .widget{margin-left:0 !important;margin-right:0 !important;padding-bottom:32px;max-width:100%}}.site-footer .widget:first-of-type{margin-left:0}.site-footer .widget:last-of-type{margin-right:0}.site-footer .widget.credits{flex-grow:2;margin-right:256px;width:inherit}@media(max-width:1023px){.site-footer .widget.credits{padding-top:32px;padding-bottom:0}}.site-footer .widget.credits img{width:280px;max-width:100%}.site-footer .footer-info{padding:8px 0}@media(min-width:1024px){.site-footer .footer-info{text-align:right}}.site-footer .footer-info p{margin-top:0;margin-bottom:0;font-size:12px}.interactive>*,.interactive img{transition-duration:.7s}.interactive.long-delay *{transition-delay:3s}.interactive.fade-in img{opacity:0}.interactive.fade-in.already-see img{opacity:1}.interactive.slide-left img{transform:translateX(-100px)}.interactive.slide-left.visible img{transform:translateX(0)}.interactive.enter-down img{transform:translateY(100%)}.interactive.enter-down.already-see img{transform:translateY(0)}.interactive.exit-right img{opacity:1;transform:translateX(0);transition-duration:1.05s}.interactive.exit-right.already-see img{opacity:0;transform:translateX(300%)}.interactive.parallax{overflow:hidden}.interactive.parallax *{transition:inherit}.parallax figure,figure.parallax{height:100%;overflow:hidden;max-height:70vh}.parallax figure img,figure.parallax img{height:calc(100% + 200px);margin-bottom:-100px !important}.parallax figure figcaption,figure.parallax figcaption{position:absolute;right:20px;left:20px}.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}.screen-reader-text.skip-link{display:block}.screen-reader-text:focus{background-color:#16bebb;border-radius:3px;box-shadow:0 0 2px 2px rgba(50, 52, 57, .75);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#fff;font-size:16px;font-weight:600;height:auto;display:block;right:8px;top:8px;z-index:100000;line-height:1;padding:12px 24px;text-decoration:none;width:auto}#main[tabindex="-1"]:focus{outline:0}abbr{cursor:help}.entry-comments{clear:both;margin-top:48px;padding-top:64px;border-top:1px solid #e3e3e3}.entry-comments>p{font-size:1.3em;margin-bottom:64px;font-weight:300}.entry-comments .navigation a{font-size:12px;font-weight:400;color:#4a4d54}.entry-comments p.comment-notes{font-size:13px;font-style:italic;color:#4a4d54}.entry-comments p.comments-closed,.entry-comments p.no-comments-yet{text-align:center;font-style:italic;font-weight:600}.entry-comments p.logged-in-as{font-weight:600;float:right;font-size:13px;line-height:20px;margin:-30px 0 0}@media(max-width:500px){.entry-comments p.logged-in-as{margin:0}}.site-main ol.commentlist{padding-left:0;padding-right:0}.site-main ol.commentlist ol,.site-main ol.commentlist ul{padding:0;margin-top:16px;margin-bottom:16px;list-style:none}.site-main ol.commentlist li{margin:0;display:block;padding:16px 0 32px}.site-main ol.commentlist li li{padding-left:32px}.site-main ol.commentlist .avatar{line-height:1;float:left;width:64px;height:64px;margin-right:16px;border-radius:50%;overflow:hidden}.site-main ol.commentlist .comment-author,.site-main ol.commentlist .fn{height:38.4px;line-height:42.24px}.site-main ol.commentlist .comment-author a,.site-main ol.commentlist .comment-author b,.site-main ol.commentlist .fn a,.site-main ol.commentlist .fn b{color:#6f4cad;font-weight:600;font-size:23px}.site-main ol.commentlist .comment-metadata{height:25.6px;line-height:1}.site-main ol.commentlist .comment-metadata a{font-size:12px;font-weight:400;color:#7a7e8a}.site-main ol.commentlist .comment-metadata .comment-edit-link{opacity:0;transition:.35s;background-color:#6f4cad;margin-left:16px;padding:4px 12px;border-radius:16px;color:#fff;font-weight:600}.site-main ol.commentlist article:hover .comment-metadata .comment-edit-link{opacity:1}.site-main ol.commentlist .comment-content{background:#fff;border:1px solid #f2f2f2;padding:16px;margin-left:80px;margin-top:8px;max-height:800px;overflow-y:auto}.site-main ol.commentlist .comment-content *{max-width:100%}.site-main ol.commentlist .reply{text-align:right}.site-main ol.commentlist .reply a{color:#e3e3e3;clear:both;padding:4px 12px;border-radius:16px;display:inline-block;line-height:1.2;margin-top:12px;font-size:14px;transition:.35s}.site-main ol.commentlist .reply a:hover{background-color:#6f4cad;color:#fff}#respond{position:relative}#respond>small{display:block;font-size:17px}#respond label{min-width:100px;display:inline-block}#respond form p{margin-bottom:16px}#respond input[type=email],#respond input[type=text],#respond input[type=url]{width:50%}#respond .comment-form-cookies-consent{display:flex;margin:16px 0}#respond .comment-form-cookies-consent label{font-size:14px;line-height:1;margin-left:8px}#respond .form-submit{margin-top:16px;text-align:right}#respond .form-submit input{font-size:16px;padding:10px 16px}.search-form{display:flex;max-width:444px;margin:0 auto;border-radius:4px;overflow:hidden;position:relative}.search-form input{height:48px}.search-form label{width:100%}.search-form [type=search]{width:100%;margin:0;padding:8px 16px;font-size:15px}.search-form [type=submit]{width:80px;margin:0;border-radius:0;font-size:0}.search-form:before{content:"";font-family:Material Icons;color:#fff;font-size:28px;display:block;width:24px;height:48px;line-height:48px;position:absolute;z-index:2;right:26px}#primary .search-form{margin:64px auto}body.error404 h1{font-size:110px}body.archive .site-main .article-container:nth-child(2n+2),body.search-results .site-main .article-container:nth-child(2n+2){position:relative}body.archive .site-main .article-container:nth-child(2n+2):before,body.search-results .site-main .article-container:nth-child(2n+2):before{display:block;position:absolute;z-index:1;transform:rotate(-1deg);top:0;bottom:0;left:-100px;right:-100px;content:"";background-color:rgba(50, 52, 57, .05)}@media(max-width:1023px){body.archive .site-main .article-container:first-of-type .entry-image,body.search-results .site-main .article-container:first-of-type .entry-image{display:none !important}}body.archive article,body.search-results article{display:flex;margin:0 auto;padding:64px 0;min-height:100px;position:relative;z-index:2}@media(max-width:1023px){body.archive article,body.search-results article{flex-direction:column;padding:48px 20px}}body.archive article .article-wrapper,body.search-results article .article-wrapper{max-width:100%}body.archive article .entry-image,body.search-results article .entry-image{min-width:280px;max-width:280px;margin-right:48px}@media(max-width:1023px){body.archive article .entry-image,body.search-results article .entry-image{width:calc(100% + 100px);min-width:inherit;max-width:calc(100% + 100px);margin:-48px -50px 20px}body.archive article .entry-image img,body.search-results article .entry-image img{transform:rotate(-1deg)}}body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{min-width:calc(100% - 328px)}@media(max-width:1023px){body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{width:100%}}body.archive article .entry-image img,body.search-results article .entry-image img{height:100%;max-height:420px;-o-object-fit:cover;object-fit:cover}body.archive article.product .entry-image img,body.search-results article.product .entry-image img{-o-object-fit:contain;object-fit:contain}body.archive article .entry-header,body.search-results article .entry-header{padding:0}body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{width:100%;font-size:28px;margin:0 0 8px;padding:0;text-align:left}@media(max-width:1023px){body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{font-size:24px}}body.archive article .entry-header .breadcrumbs,body.search-results article .entry-header .breadcrumbs{margin-top:0;text-align:left}body.archive article .entry-content,body.search-results article .entry-content{width:100%}body.archive article .entry-content p,body.search-results article .entry-content p{margin:0;padding:0}body.archive article .entry-footer .post-meta,body.search-results article .entry-footer .post-meta{padding:16px 0 0}body.archive article .entry-footer .meta-wrapper,body.search-results article .entry-footer .meta-wrapper{margin:0;padding:0}body.archive article .entry-footer .meta-wrapper p,body.search-results article .entry-footer .meta-wrapper p{font-size:12px;text-transform:uppercase;margin-left:8px}body.archive article .entry-footer .meta-wrapper p:first-of-type,body.search-results article .entry-footer .meta-wrapper p:first-of-type{margin-left:0}.bypostauthor{background-color:transparent}.article-author .avatar{float:left;max-width:64px;margin-right:32px}@media(max-width:1260px){.article-author .avatar{max-width:48px;margin-right:20px}}.article-author .avatar img{margin:0;border-radius:50%;overflow:hidden;vertical-align:middle}.article-author .author-details{display:table}.article-author .author-description p{font-size:13px;margin:8px 0;line-height:1.8}body.woocommerce .woocommerce-breadcrumb{margin:0;line-height:1;padding-bottom:32px}@media(max-width:1023px){body.woocommerce .woocommerce-breadcrumb{padding-bottom:16px}}body.woocommerce .woocommerce-result-count{line-height:48px}@media(max-width:1023px){body.woocommerce .woocommerce-ordering a,body.woocommerce .woocommerce-ordering option,body.woocommerce .woocommerce-ordering select,body.woocommerce .woocommerce-ordering span,body.woocommerce .woocommerce-result-count{font-size:13px}}body.woocommerce .product_meta{margin-top:16px}body.woocommerce .product_meta>span{display:block;font-weight:600;line-height:1.7}body.woocommerce .product_meta>span a,body.woocommerce .product_meta>span span{font-weight:400}body.woocommerce .pswp__button{background-color:transparent;min-width:inherit;padding:0;border-radius:0}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background-color:#026c7c}.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background-color:#028295}.woocommerce button.button.alt.disabled{background-color:#62666f}.woocommerce button.button.alt.disabled:hover{background-color:#4a4d54}.select2-selection__rendered{line-height:48px !important}.select2-container .select2-selection--single,.select2-selection__arrow{height:48px !important}body.woocommerce ul.products{padding-top:16px}body.woocommerce ul.products li.product{padding-bottom:16px;background-color:#fff;display:flex;flex-direction:column}body.woocommerce ul.products li.product a img{width:100%;height:auto;max-height:220px;-o-object-fit:contain;object-fit:contain;margin:0 auto 24px;padding:0;box-sizing:border-box}body.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:600;padding:0 0 6px;margin:0;font-size:17px;text-align:center}body.woocommerce ul.products li.product a.button{font-size:10px;border:1px solid #e3e3e3;background-color:#fff;align-content:center;margin:auto}body.woocommerce ul.products li.product .added_to_cart{position:absolute;bottom:15px;right:15px;height:30px;width:30px;display:block;text-align:center;background:#6f4cad;color:#fff;padding:0;margin:0;font-size:0;border-radius:50%}body.woocommerce ul.products li.product .added_to_cart:before{display:block;font-family:Material Icons;content:"";font-weight:500;font-size:24px;line-height:30px;opacity:.99}body.woocommerce ul.products li.product p.price,body.woocommerce ul.products li.product span.price{color:#4a4d54;line-height:2;font-size:12px;display:block;text-align:center}body.woocommerce div.product img.wp-post-image{max-height:50vh;margin:auto;-o-object-fit:contain;object-fit:contain}@media(max-width:1023px){body.woocommerce div.product .gallery__image{height:300px;margin:auto}body.woocommerce div.product .gallery__image img{-o-object-fit:contain;object-fit:contain;height:100%}}body.woocommerce div.product .summary.entry-summary{padding-left:16px;box-sizing:border-box}@media(max-width:1023px){body.woocommerce div.product .summary.entry-summary{padding-left:0}}body.woocommerce div.product .product_title.entry-title{margin:0;font-size:38px;text-align:left}@media(max-width:1023px){body.woocommerce div.product .product_title.entry-title{font-size:30px}}body.woocommerce div.product div.images .flex-control-thumbs li{padding:0}body.woocommerce div.product .woocommerce-variation.single_variation{margin-bottom:1em}body.woocommerce div.product form.cart{margin-top:16px}body.woocommerce div.product form.cart div.quantity{display:flex;margin:0}body.woocommerce div.product form.cart div.quantity input{margin:0;border:1px solid #e3e3e3;border-radius:4px 0 0 4px}body.woocommerce div.product form.cart div.quantity .qty{font-size:18px}body.woocommerce div.product form.cart div.quantity+button{border-radius:0;height:49px}body.woocommerce div.product p.price,body.woocommerce div.product span.price{color:#026c7c}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper{margin-left:-20px;margin-right:-20px}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:16px}@media(max-width:1023px){body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:14px}}body.woocommerce div.product .woocommerce-tabs .entry-content>*{width:100%}body.woocommerce div.product .woocommerce-tabs .entry-content table{width:calc(100% - 40px)}body.woocommerce div.product table.woocommerce-product-attributes{margin-left:20px;margin-right:20px}body.woocommerce div.product table.woocommerce-product-attributes td{padding-left:20px}body.woocommerce div.product table.woocommerce-product-attributes tr:nth-child(2n) th{background-color:#5d4091}body.woocommerce div.product .related.products{padding:32px 0 16px}body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:15px}@media(max-width:1023px){body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:14px}}#secondary ul.product-categories ul{margin:0;padding-left:32px}#secondary ul.product-categories li{line-height:42px;margin:0;border-top:1px solid rgba(50, 52, 57, .05)}#secondary ul.product-categories>li:first-child{border:0}#secondary ul.product-categories a{color:#4a4d54;font-weight:500}#secondary ul.product-categories .current-cat-parent>a,#secondary ul.product-categories .current-cat>a{font-weight:600}#secondary ul.product-categories .current-cat>a{-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product-categories .toggle i{opacity:.5;transition:.35s;vertical-align:middle;margin-top:-2px;margin-right:8px}#secondary ul.product-categories .cat-parent.active>a i{opacity:1;transform:rotate(90deg);-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product_list_widget a{display:block}#secondary ul.product_list_widget li{height:48px;border-top:1px solid rgba(50, 52, 57, .05);font-size:11px;line-height:1}#secondary ul.product_list_widget li:first-child{border:0}#secondary ul.product_list_widget li span{display:inline-block}#secondary ul.product_list_widget li span.woocommerce-Price-amount{color:#026c7c}#secondary ul.product_list_widget li .product-title{color:#4a4d54;font-weight:600;padding-top:8px;line-height:1.3;display:block}#secondary ul.product_list_widget li img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;margin-left:8px}body.compensate-for-scrollbar{overflow:hidden;margin:0 !important}.fancybox-toolbar .fancybox-button{background-color:transparent}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47, 0, .74, .71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22, .61, .36, 1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5, 0, .14, 1);animation-timing-function:cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30, 30, 30, .6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#4a4d54;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{background:linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:fancybox-rotate 1s linear infinite;animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid;border-color:#888 #888 #fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes fancybox-rotate{to{transform:rotate(1turn)}}@keyframes fancybox-rotate{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, .25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19, 1, .22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5, .5, .5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%, 0, 0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%, 0, 0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0, 0, 0, .3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0, 0, 0, .1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25, .46, .45, .94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.fancybox-counter{font-size:80%;opacity:.8}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@media(max-width:1023px){.site-main .wp-block-gallery{padding-left:0;padding-right:0}}.slider-multi,.slider-single{display:block}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;transform:translateY(-50%);padding:0;border:none;outline:none}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;color:#fff;opacity:.75}.slick-prev{left:-25px}.slick-prev:before{content:"<"}.slick-next{right:-25px}.slick-next:before{content:">"}.slick-slide{padding:4px}.slick-slide img{width:100%;height:auto}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:8px 0;list-style-type:none}.slick-dots li{margin:0 8px}.slick-dots button{display:block;width:8px;height:8px;margin:0;padding:0;min-width:inherit;outline:inherit !important;border:none;border-radius:100%;background-color:#e3e3e3;text-indent:-9999px}.slick-dots button:focus,.slick-dots button:hover{width:12px;height:12px;margin-top:-2px;background-color:#cacaca;-webkit-filter:inherit;filter:inherit}.slick-dots li.slick-active button{background-color:#6f4cad;width:16px;height:16px;margin-top:-4px}#masonry-wrapper{position:relative;transition-duration:.8s;transition-delay:.2s;padding:0}.masonry.navigation{text-align:center;position:absolute;bottom:0;width:100%}.masonry.navigation a{flex-basis:100%;color:#e3e3e3;font-weight:300;opacity:0}.grid__col-sizer,.grid__item{width:31.33333%}@media(max-width:1260px){.grid__col-sizer,.grid__item{width:48%}}@media(max-width:767px){.grid__col-sizer,.grid__item{width:100%}}.grid__gutter-sizer{width:3%}@media(max-width:1260px){.grid__gutter-sizer{width:4%}}@media(max-width:767px){.grid__gutter-sizer{width:0}}.grid__item.big-block,.grid__item.sticky{width:65.66667%}@media(max-width:1260px){.grid__item.big-block,.grid__item.sticky{width:100%}}.grid__item.full-block{width:100%}.masonry-container article.grid__item{max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;border-radius:3px;background-color:#fff;box-shadow:0 2px 12px -6px rgba(50, 52, 57, .5);padding:0;margin:0 0 32px}@media(max-width:767px){.masonry-container article.grid__item{padding-right:0}}.masonry-container article.grid__item .article-wrapper{width:auto;margin-left:20px;margin-right:20px;padding-top:12px;padding-bottom:32px}.masonry-container article.grid__item .entry-image{display:flex;width:100%;min-width:inherit;max-width:inherit;margin:0}.masonry-container article.grid__item .entry-image img{max-height:600px;transform:inherit}.masonry-container article.grid__item .entry-header{padding-top:8px;padding-bottom:8px;margin:0}@media(max-width:940px){.masonry-container article.grid__item .entry-header{padding-left:0;padding-right:0}}.masonry-container article.grid__item .breadcrumbs{text-align:left}.masonry-container article.grid__item h2.entry-title{font-size:19px;padding:0;margin:0;text-align:left;font-weight:600}.masonry-container article.grid__item p{font-size:15px;line-height:1.6;margin:0;padding:0}.page-load-status{display:none;padding-top:32px;text-align:center}i.social-ico.email{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.print{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.facebook{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.twitter{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.youtube{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.linkedin{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.www{background-image:url('data:image/svg+xml;utf8,')}i.social-ico{display:inline-block;width:36px;height:36px;background:no-repeat 50%;background-size:36px;cursor:pointer;transition:.35s;padding:0;margin:8px 18px 8px 0}i.social-ico:before,i.social-ico:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}i.social-ico:before{position:absolute}i.social-ico.small{width:24px;height:24px;background-size:24px;margin:8px 12px 8px 0}.share-buttons i{-webkit-filter:invert(.2);filter:invert(.2)}.arrow-next,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next{background-image:url('data:image/svg+xml;utf8, ')}.arrow-prev,.fancybox-navigation .fancybox-button--arrow_left,.slider button.slick-prev{background-image:url('data:image/svg+xml;utf8, ')}.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{background-color:transparent;border-radius:50%;width:60px;height:60px;margin:0;padding:0;min-width:inherit;background-size:15px;background-repeat:no-repeat;background-position:50%;border:0}.arrow:hover,.fancybox-navigation .fancybox-button--arrow_left:hover,.fancybox-navigation .fancybox-button--arrow_right:hover,.slider button.slick-next:hover,.slider button.slick-prev:hover{background-color:rgba(74, 77, 84, .1);-webkit-filter:inherit;filter:inherit}@media(max-width:1023px){.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{padding:6px;width:24px;height:24px;background-size:6px}}.arrow-next,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next{margin-right:30px}.arrow-prev,.fancybox-navigation .fancybox-button--arrow_left,.slider button.slick-prev{margin-left:30px}.slick-next:before,.slick-prev:before{display:none !important}.fancybox-navigation svg{display:none}.slider button.slick-prev{margin-left:-60px}@media(max-width:1023px){.slider button.slick-prev{margin-left:30px}}.slider button.slick-next{margin-right:-60px}@media(max-width:1023px){.slider button.slick-next{margin-right:30px}}.fancybox-navigation .fancybox-button--arrow_left:disabled,.fancybox-navigation .fancybox-button--arrow_right:disabled{opacity:.5}iframe{width:100%;max-width:100%}::-moz-selection{background-color:rgba(22, 190, 187, .5);color:#fff}::selection{background-color:rgba(22, 190, 187, .5);color:#fff}pre{width:100%;padding:32px 64px;background:#f0f0f0;white-space:pre-wrap;box-sizing:border-box}blockquote,pre{border:1px solid #e3e3e3}blockquote{min-height:100px;padding-top:30px;padding-bottom:30px;padding-left:90px !important;padding-right:90px !important;margin:32px 0;position:relative;background:#fff}blockquote p{margin-bottom:24px}blockquote:before{font-family:Material Icons;content:"";position:absolute;top:-4px;left:16px;font-size:60px;color:#16bebb}code{background-color:#e3e3e3;padding:4px 6px;font-weight:600}@media(max-width:940px){.site-main .entry-content blockquote,.site-main .entry-content pre,.site-main .entry-content table{padding-left:20px;padding-right:20px}.site-main .entry-content table{width:calc(100% - 40px)}}.post-tags{list-style:none}.post-tags h3{display:inline;vertical-align:middle}.post-tags ul{display:inline;margin:0;padding-left:20px}.post-tags li.post-tag{margin:0 16px 10px 0;padding:0 10px 0 25px}.post-tag{background:#6f4cad;border-radius:3px 0 0 3px;display:inline-block;height:22px;line-height:18px;position:relative}.post-tag a{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;text-decoration:none !important}.post-tag,.post-tag:after,.post-tag:before,.post-tag a{transition:.2s}.post-tag:before{background:#fff;border-radius:10px;box-shadow:inset 0 1px hsla(0, 0%, 98.8%, .25);content:"";height:6px;left:10px;position:absolute;width:6px;top:8px}.post-tag:after{background:transparent;border-bottom:11px solid transparent;border-left:10px solid #6f4cad;border-top:11px solid transparent;content:"";position:absolute;right:-10px;top:0}.post-tag:hover{background-color:#6f4cad}.post-tag:hover a{color:#fff}.post-tag:hover:after{border-left-color:#6f4cad}::-webkit-scrollbar{position:relative;z-index:100000;width:12px;height:12px}@media(max-width:767px){::-webkit-scrollbar{width:6px}}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background-color:#e3e3e3;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .1)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background-color:#16bebb;border-radius:1px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .15)}::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement{height:0;width:0;display:block;background-color:#e3e3e3}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:#fdfdfd}@media print{@page{margin:1.8cm 1.4cm 2.7cm}#content,#main,body{background:#fff;color:#000}#masthead{display:none}a,a:link,a:visited{color:#000;text-decoration:none}#directorynav,#globalfooter,#globalheader,#tabs,.hide,.noprint{display:none}.site-footer .footer-widgets{-moz-column-break-inside:avoid;break-inside:avoid}.site-footer .footer-widgets>*{display:none}.site-footer .footer-widgets>:first-of-type{display:block}.interactive *{transition-duration:0ms !important;transition-delay:0ms !important}.interactive.parallax img{height:100% !important;margin:0 !important}} +.nowrap{white-space:nowrap}.hide{display:none}.unselectable::-moz-selection{background-color:transparent}.unselectable::selection{background-color:transparent}#secondary ul.product-categories li,#secondary ul.product_list_widget li .product-title,.ellipsis,.site-footer .footer-widgets li,body.woocommerce .woocommerce-breadcrumb{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}.clearfix:after{content:"";clear:both;display:table}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.display-table{display:table}.elevation-01,.search-form{box-shadow:0 2px 10px -6px rgba(50, 52, 57, .8)}table{width:100%;max-width:100%}table tr{border-collapse:collapse}table tr td,table tr th{padding:12px}table tr th{background:#6f4cad;color:#fff}table tr td{border-bottom:1px solid #e3e3e3}input,select,textarea{box-sizing:border-box;padding:12px 8px;margin:0;background:#fff;outline:none !important;border:1px solid #e3e3e3;font-size:17px;transition:.35s}input{border:0 solid transparent}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],input[type=url]{width:100%;padding-left:4px;box-shadow:0 1px 0 #e3e3e3}input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover{box-shadow:0 1px 0 #6f4cad}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus{box-shadow:0 2px 0 #6f4cad}[type=checkbox],[type=radio]{margin:0;display:inline;vertical-align:middle}.input-label{font-size:8.5px}label input+span{font-size:15px;line-height:19px;opacity:.8}textarea{display:block;min-width:100%;max-width:100%;min-height:160px;overflow:hidden}fieldset{margin:8px 0}input,textarea{margin-bottom:8px}select,textarea{width:100%;border-radius:4px}img{height:auto;max-width:100%;position:relative;-o-object-fit:cover;object-fit:cover}.image-border img{padding:8px;background:#e3e3e3;margin:8px;box-sizing:border-box}p img.alignleft{padding-right:10px}p img.alignright{padding-left:10px}figure{margin-bottom:16px}figure img{max-width:100%;padding-left:0;padding-right:0}figure .gallery-caption,figure figcaption{overflow:hidden;line-height:1.2}.site-main .entry-content .wp-caption{margin-bottom:16px;padding-left:20px;padding-right:20px}.site-main .entry-content .wp-caption .wp-caption-text{color:#4a4d54;font-size:15px;font-style:italic}.site-main .entry-content .wp-caption.alignleft{padding-right:10px}.site-main .entry-content .wp-caption.alignright{padding-left:10px}.button,.entry-content .wp-block-button .wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{display:inline-flex;justify-content:center;position:relative;transition:.175s;cursor:pointer;min-width:64px;margin:0;padding:9.6px 19.2px;border:none;border-radius:30px;outline:none;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;letter-spacing:2px;text-decoration:none !important;text-transform:uppercase;white-space:normal;overflow-wrap:break-word}.button:hover,.entry-content .wp-block-button .wp-block-button__link:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{color:#fff;-webkit-filter:brightness(115%);filter:brightness(115%);cursor:pointer}.button:focus,.entry-content .wp-block-button .wp-block-button__link:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{color:#fff;-webkit-filter:brightness(120%);filter:brightness(120%)}.entry-content .wp-block-button .outline.wp-block-button__link,.outline.button,button.outline,input.outline[type=button],input.outline[type=reset],input.outline[type=submit]{background-color:transparent !important}.button:disabled,.entry-content .wp-block-button .wp-block-button__link:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{-webkit-filter:saturate(0);filter:saturate(0)}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#6f4cad;color:#fff}.button+.button,.button+button,.button+input[type=button],.button+input[type=reset],.button+input[type=submit],button+.button,button+button,button+input[type=button],button+input[type=reset],button+input[type=submit],input[type=button]+.button,input[type=button]+button,input[type=button]+input[type=button],input[type=button]+input[type=reset],input[type=button]+input[type=submit],input[type=reset]+.button,input[type=reset]+button,input[type=reset]+input[type=button],input[type=reset]+input[type=reset],input[type=reset]+input[type=submit],input[type=submit]+.button,input[type=submit]+button,input[type=submit]+input[type=button],input[type=submit]+input[type=reset],input[type=submit]+input[type=submit]{margin-left:12px}.button{line-height:1}.button+.button{margin-right:8px}.menu-resp button.c-hamburger{display:block;position:relative;overflow:hidden;margin:auto;padding:0;width:30px;min-width:inherit;height:30px;text-indent:-9999px;box-shadow:none;border:none;border-radius:0;cursor:pointer;transition:background .3s;background-color:transparent}.menu-resp button.c-hamburger i{display:block;position:absolute;top:15px;background:#16bebb;left:0;right:0;height:3px;transition:background .15s .1s;transition-delay:.1s,0s}.menu-resp button.c-hamburger i:after,.menu-resp button.c-hamburger i:before{position:absolute;display:block;left:0;width:100%;height:3px;background:#16bebb;content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s}.menu-resp button.c-hamburger i:before{top:9px;transition-property:top,transform}.menu-resp button.c-hamburger i:after{bottom:9px;transition-property:bottom,transform}.active .menu-resp button.c-hamburger i{background:0 0;transition-delay:.2s,0s}.active .menu-resp button.c-hamburger i:before{top:0;transform:rotate(45deg)}.active .menu-resp button.c-hamburger i:after{bottom:0;transform:rotate(-45deg)}.active .menu-resp button.c-hamburger i:after,.active .menu-resp button.c-hamburger i:before{transition-delay:0s,.3s}#secondary{min-width:444px;width:444px;padding:0 20px;box-sizing:border-box}#secondary .search-form{max-width:100%}@media(min-width:1024px){#secondary{padding:0}.sidebar-right #secondary{padding-left:64px}.sidebar-left #secondary{padding-right:64px}}@media(max-width:960px){#secondary{padding-top:40px;border-top:1px solid #eee;min-width:inherit;width:100%}}#secondary section{padding-bottom:48px}#secondary h3{margin:0 0 4px;font-size:20px;font-weight:600}#secondary a{font-weight:500;font-size:16px}.main-width,.site-main .entry-content>*{width:900px;max-width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin:0 auto 48px}@media(max-width:1023px){.main-width,.site-main .entry-content>*{padding-left:20px;padding-right:20px}}.main-width.alignwide{width:1500px;max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:32px}#masthead+.site-content{padding-top:92px}@media(max-width:960px){#masthead+.site-content{padding-top:112px}}#masthead.header-portrait+.site-content{padding-top:236px}@media(max-width:960px){#masthead.header-portrait+.site-content{padding-top:112px}}body.has-featured-image #masthead+.site-content{padding-top:48px}@media(max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media(max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:32px}@media(max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:20px}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:1500px;max-width:100%;box-sizing:border-box;margin:0 auto}@media(max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - 508px)}@media(max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}.entry-header{text-align:center}.entry-header .meta-wrapper{float:inherit}.entry-title,.page-title{text-align:center;margin-left:auto;margin-right:auto;width:80%;margin-bottom:20px}@media(max-width:1023px){.entry-title,.page-title{width:100%}}.entry-header,.page-header,.woocommerce-products-header{display:block;width:100%;max-width:1500px;text-align:center;margin:0 auto 20px}@media(max-width:940px){.entry-header,.page-header,.woocommerce-products-header{max-width:100%;width:auto;padding-left:20px;padding-right:20px}}.entry-header p,.page-header p,.woocommerce-products-header p{margin:0 auto;max-width:750px;line-height:1.7}.entry-footer{clear:both}.entry-footer>div,.page-links{padding-top:64px}.page-links{clear:both}.post-meta .meta-wrapper{display:inline-flex}.post-meta .meta-wrapper p{color:#4a4d54;font-size:13px;font-weight:300;margin-bottom:0;margin-left:8px;margin-right:8px}@media(max-width:1023px){.post-meta .meta-wrapper p{font-size:11px}}.post-meta .meta-wrapper a{color:#4a4d54;font-weight:600;text-transform:uppercase}.breadcrumbs{font-size:11px;margin-bottom:8px;font-weight:600;letter-spacing:1.5px;color:#b0b3ba}.breadcrumbs a{color:#4a4d54;font-weight:600;text-transform:uppercase;margin-left:4px;margin-right:4px;transition:.35s;opacity:.5}.breadcrumbs a:last-of-type{opacity:.8}.breadcrumbs a:hover{opacity:1}.relateds ul.relateds-list{margin:0;padding:0}.relateds ul.relateds-list li{display:block;padding:0;margin:8px 0 48px;clear:both;font-weight:400}.relateds ul.relateds-list li p{margin:0;font-size:.9em;font-weight:400}.relateds ul.relateds-list li img{float:left;clear:both;width:150px;margin-right:20px;margin-bottom:20px;max-height:150px}@media(max-width:1023px){.relateds ul.relateds-list li img{width:75px;margin-right:10px;margin-bottom:10px}}.navigation{display:flex;flex-wrap:wrap}.navigation a{line-height:1.2;font-weight:500;display:inline-table;vertical-align:baseline;width:calc(100% - 30px)}@media(max-width:1023px){.navigation a{font-size:90%}}.navigation>*{flex-basis:50%;flex-shrink:0}.navigation .alignright{text-align:right}.nav-links{flex-basis:100%;text-align:center;margin-top:32px}.nav-links *{margin:0 8px}.nav-links .page-numbers{display:inline-block;padding:0 7.2px;width:36px;height:36px;vertical-align:middle;box-sizing:border-box;font-weight:600;line-height:36px;border-radius:18px;background-color:#e3e3e3;color:#b0b0b0;transition:.35s}.nav-links .page-numbers.current,.nav-links .page-numbers:hover{color:#4a4d54}.nav-links .page-numbers.next,.nav-links .page-numbers.prev{width:auto}.post-navigation .navigation{margin-top:16px}.post-navigation .navigation>div{height:60px}.post-navigation .navigation i{vertical-align:middle}.category-list-labels{padding-top:32px}.category-list-labels li,.category-list-labels ul{display:inline-block}.category-list-labels li{background:#fff;border-radius:15px;border:1px solid #e3e3e3;width:auto;height:30px;line-height:26px;position:relative;margin:0 10px 10px 0;padding:0 10px;box-sizing:border-box}.category-list-labels li a{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#4a4d54;text-decoration:none !important;transition:.2s}.category-list-labels li:hover a{-webkit-filter:brightness(115%);filter:brightness(115%)}.wp-block-separator,hr{border:none;border-bottom:1px solid rgba(111, 76, 173, .4)}.sticky{background-color:transparent}.sticky h1,.sticky h2{color:#16bebb}body .hero{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:rgba(26, 27, 30, .95)}body .hero,body .hero>*{position:relative}body .hero .entry-image{position:absolute;top:0;width:100%;height:100%}@media(max-width:1023px){body .hero .entry-image{max-height:inherit}}body .hero .hero-title{padding-top:140px;padding-left:20px;padding-right:20px;margin:auto}body .hero .hero-title .page-title{max-width:1125px;width:100%}body .hero .hero-title h1,body .hero .hero-title p{text-shadow:0 2px 4px rgba(50, 52, 57, .7);color:#fff}body .hero .hero-title h1{font-size:64px;font-weight:700;margin:0 auto}@media(max-width:1023px){body .hero .hero-title h1{font-size:44px;width:100%}}@media(max-width:420px){body .hero .hero-title h1{font-size:36px}}@media(max-width:376px){body .hero .hero-title h1{font-size:30px}}body .hero .hero-title p{font-size:19px;font-style:italic}@media(max-width:1023px){body .hero .hero-title p{font-size:17px;line-height:1.3}}@media(max-width:376px){body .hero .hero-title p{font-size:15px}}body .hero .hero-title a{margin-top:32px}@media(max-width:1023px){body .hero .hero-title a{font-size:17px;padding:10px 16px}}body.archive .hero:after,body.page .hero:after,body.single .hero:after{content:" ";display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;box-shadow:inset 0 64px 60px -60px rgba(50, 52, 57, .8)}.site-main .entry-content>*{margin-top:48px;margin-bottom:64px}.site-main .entry-content>:first-child{margin-top:0}.site-main .entry-content>:last-child{margin-bottom:0;clear:both}.site-main .entry-content>.alignclose{margin-top:0;margin-bottom:0}.site-main .entry-content>.alignclose.has-media-on-the-right.padded-image img{margin-right:64px;margin-left:0}.site-main .entry-content>.alignwide{width:100%;max-width:1500px;padding-left:8px;padding-right:8px;clear:both}.site-main .entry-content>.alignfull{position:relative;width:100%;padding-left:0;padding-right:0;clear:both}.site-main .entry-content>.alignleft{float:left}.site-main .entry-content>.alignleft,.site-main .entry-content>.alignright{width:auto;max-width:1650px;margin-top:0;margin-bottom:0;padding-left:8px;padding-right:8px}.site-main .entry-content>.alignright{float:right}.site-main .entry-content>.aligncenter{margin-left:auto;margin-right:auto;text-align:center}@media(max-width:1260px){.site-main .entry-content>.aligncenter{margin-left:auto;margin-right:auto}}.site-main .entry-content>.height-40{min-height:40vh}.site-main .entry-content>.height-100{min-height:100vh}.site-main .entry-content{line-height:1.7}.site-main .entry-content h1,.site-main .entry-content h2,.site-main .entry-content h3,.site-main .entry-content h4,.site-main .entry-content h5,.site-main .entry-content h6{margin-top:0;margin-bottom:16px;line-height:1.3}.site-main .entry-content p{margin-top:0;margin-bottom:16px}.site-main .entry-content p+h1,.site-main .entry-content p+h2{margin-top:64px}.site-main .entry-content p+h3,.site-main .entry-content p+h4,.site-main .entry-content p+h5,.site-main .entry-content p+h6{margin-top:32px}.site-main dl,.site-main ol,.site-main ul{padding:0 40px;margin-top:32px;margin-bottom:16px;list-style-position:inside;line-height:1.7}.site-main dl dt,.site-main dl li,.site-main ol dt,.site-main ol li,.site-main ul dt,.site-main ul li{padding-left:8px}.site-main dl ol,.site-main dl ul,.site-main ol ol,.site-main ol ul,.site-main ul ol,.site-main ul ul{padding-left:40px}.site-main .wp-block-gallery{padding-left:20px;padding-right:20px}.site-main .wp-block-gallery.alignfull{padding:0}.site-main .wp-block-gallery.alignfull .blocks-gallery-grid{margin:0;padding:0}.site-main .wp-block-media-text{margin-top:0;margin-bottom:0}.site-main .wp-block-media-text h1,.site-main .wp-block-media-text h2,.site-main .wp-block-media-text h3{margin-top:0}.site-main button{margin-top:32px}.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}@media(max-width:1023px){.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}}.entry-content .wp-block-subhead{font-style:inherit;opacity:1;color:#323439}.entry-content .wp-block-audio audio{width:100%}.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:495px}@media(max-width:1023px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:750px}}@media(max-width:1600px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:495px}}.entry-content .wp-block-audio.alignfull,.entry-content .wp-block-audio.alignwide{padding-left:20px;padding-right:20px}.entry-content .wp-block-video video{width:100%}.entry-content .wp-block-video.alignwide{padding-left:0;padding-right:0}.entry-content .wp-block-button.is-style-squared .wp-block-button__link{border-radius:0}.entry-content .wp-block-button.is-style-outline .wp-block-button__link,.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active,.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus{border:2px solid;background-color:transparent}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background:transparent}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color){color:#6f4cad;border-color:currentColor}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover{color:#6f4cad;background-color:#fff;border-color:#6f4cad;-webkit-filter:brightness(120%);filter:brightness(120%)}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background){color:#6f4cad}.entry-content .wp-block-archives,.entry-content .wp-block-categories,.entry-content .wp-block-latest-posts{padding-top:0;padding-bottom:0;list-style:none}.entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li{color:#4a4d54;font-weight:300}.entry-content .wp-block-archives li.menu-item-has-children,.entry-content .wp-block-archives li:last-child,.entry-content .wp-block-categories li.menu-item-has-children,.entry-content .wp-block-categories li:last-child,.entry-content .wp-block-latest-posts li.menu-item-has-children,.entry-content .wp-block-latest-posts li:last-child{padding-bottom:0}.entry-content .wp-block-archives li a,.entry-content .wp-block-categories li a,.entry-content .wp-block-latest-posts li a{text-decoration:none;font-weight:500}.entry-content .wp-block-archives .wp-block-latest-posts__post-date,.entry-content .wp-block-categories .wp-block-latest-posts__post-date,.entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date{color:#323439;font-size:13px;font-weight:400;line-height:1;margin-bottom:32px}.entry-content .wp-block-archives,.entry-content .wp-block-categories{list-style-type:none}.entry-content .wp-block-archives li,.entry-content .wp-block-archives ul,.entry-content .wp-block-categories li,.entry-content .wp-block-categories ul{padding:0;margin:0 auto}.entry-content .wp-block-archives li a,.entry-content .wp-block-categories li a{margin-bottom:8px}.entry-content .wp-block-archives ul,.entry-content .wp-block-categories ul{list-style-type:none;padding-left:20px}.entry-content .wp-block-archives ul a,.entry-content .wp-block-categories ul a{color:#4a4d54;font-weight:400}.entry-content .wp-block-archives.aligncenter,.entry-content .wp-block-categories.aligncenter{text-align:center}.entry-content .wp-block-archives.aligncenter ul,.entry-content .wp-block-categories.aligncenter ul{padding:0 0 10px}.entry-content .wp-block-latest-posts.is-grid{display:flex;justify-content:space-between}.entry-content .wp-block-latest-posts.is-grid li{background-color:#fff;margin:0}.entry-content .wp-block-preformatted{line-height:1.95;padding:32px 64px}.entry-content .wp-block-verse{line-height:2;font-weight:300;font-style:italic}.entry-content .has-drop-cap{margin-bottom:32px}.entry-content .has-drop-cap:not(:focus):first-letter{font-family:Montserrat,sans-serif;line-height:1;font-weight:600;margin:0 16px 0 0}.entry-content .wp-block-pullquote{border-color:transparent;border-width:2px;padding:30px 120px}@media(max-width:1540px){.entry-content .wp-block-pullquote{padding:30px 40px}}.entry-content .wp-block-pullquote blockquote{color:#4a4d54;border:none}.entry-content .wp-block-pullquote p{font-style:italic;font-weight:300;line-height:1.3}.entry-content .wp-block-pullquote p em{font-style:normal}.entry-content .wp-block-pullquote cite{display:inline-block;font-family:Montserrat,sans-serif;line-height:1.6;text-transform:none;color:#4a4d54}.entry-content .wp-block-pullquote.alignleft,.entry-content .wp-block-pullquote.alignright{width:100%}.entry-content .wp-block-pullquote.alignleft blockquote,.entry-content .wp-block-pullquote.alignright blockquote{margin:8px 0;max-width:100%}.entry-content .wp-block-pullquote.alignleft blockquote p:first-child,.entry-content .wp-block-pullquote.alignright blockquote p:first-child{margin-top:0}.entry-content .wp-block-pullquote.is-style-solid-color{background-color:#6f4cad;padding-left:0;padding-right:0}.entry-content .wp-block-pullquote.is-style-solid-color p{line-height:1.3;margin-bottom:.5em;margin-top:.5em}.entry-content .wp-block-pullquote.is-style-solid-color cite{color:inherit}.entry-content .wp-block-pullquote.is-style-solid-color blockquote{max-width:100%;color:#fcfcfc;padding-left:0;margin-left:8px;margin-right:8px}.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color{color:inherit}.entry-content .wp-block-quote:not(.is-large),.entry-content .wp-block-quote:not(.is-style-large){border-left:2px solid #6f4cad;padding-left:120px;padding-top:30px;padding-bottom:30px}.entry-content .wp-block-quote p{font-size:1em;font-style:normal;line-height:1.8}.entry-content .wp-block-quote.is-large,.entry-content .wp-block-quote.is-style-large{border-left:0;border-right:0;max-width:100%}.entry-content .wp-block-quote.is-large p,.entry-content .wp-block-quote.is-style-large p{line-height:1.4;font-style:italic}@media(max-width:1023px){.entry-content .wp-block-image .aligncenter,.entry-content .wp-block-image .aligncenter img{margin:0 auto}}@media(max-width:1600px){.entry-content .wp-block-image .aligncenter img{margin:0 auto}}.entry-content .wp-block-image.alignfull img{width:100%}@media(max-width:1023px){.entry-content .wp-block-image.alignfull img{margin-left:auto;margin-right:auto}}.entry-content .wp-block-image .alignleft{margin-right:32px}@media(max-width:1023px){.entry-content .wp-block-image .alignleft{margin-right:16px}}.entry-content .wp-block-image .alignright{margin-left:32px}@media(max-width:1023px){.entry-content .wp-block-image .alignright{margin-left:16px}}@media(max-width:1023px){.entry-content .wp-block-image .alignleft,.entry-content .wp-block-image .alignright{width:100%}.entry-content .wp-block-image .alignleft img,.entry-content .wp-block-image .alignright img{display:block;margin-left:auto;margin-right:auto}}.entry-content .wp-block-media-text.alignwide{padding:0}.entry-content .wp-block-media-text.alignfull{max-width:inherit}.entry-content .wp-block-media-text .wp-block-media-text__media{overflow:hidden}.entry-content .wp-block-media-text .wp-block-media-text__media img{align-self:center}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img{-o-object-position:left;object-position:left}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding-right:64px;padding-left:32px;margin-left:auto}@media(max-width:767px){.entry-content .wp-block-media-text .is-stacked-on-mobile .wp-block-media-text__media{min-height:30vh}}.entry-content .wp-block-media-text .wp-block-media-text__content{max-width:600px;padding:32px 32px 32px 64px}.entry-content .wp-block-media-text .wp-block-media-text__content>:first-child{margin-top:0}.entry-content .wp-block-media-text .wp-block-media-text__content>:last-child{margin-bottom:0}@media(max-width:1023px){.entry-content .wp-block-media-text .wp-block-media-text__content{padding-left:20px !important;padding-right:20px !important}}.entry-content .wp-block-cover,.entry-content .wp-block-cover-image{position:relative;min-height:430px;padding:0;background-color:initial;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.entry-content .wp-block-cover-image .wp-block-cover__inner-container,.entry-content .wp-block-cover .wp-block-cover__inner-container{max-width:900px}.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.3;padding:0;margin:20px auto}@media(max-width:1023px){.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{max-width:100%}}.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{width:100%}@media(max-width:1023px){.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{padding:8px 16px}}@media(max-width:1023px){.entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,.entry-content .wp-block-cover-image.alignfull h2,.entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover.alignfull .wp-block-cover-text,.entry-content .wp-block-cover.alignfull h2{padding:0}}.entry-content .wp-block-gallery{list-style-type:none}.entry-content .wp-block-gallery .blocks-gallery-item{padding:0}.entry-content .wp-block-gallery .blocks-gallery-image:last-child,.entry-content .wp-block-gallery .blocks-gallery-item:last-child{margin-bottom:16px}.entry-content .wp-block-gallery figure{margin:0 !important}.entry-content .wp-block-gallery.is-cropped figure img{height:100%;width:100%}.entry-content .wp-block-gallery .blocks-gallery-item figcaption{overflow:hidden}.entry-content .wp-block-gallery figcaption a{color:#fff}.entry-content .wp-block-audio figcaption,.entry-content .wp-block-gallery .blocks-gallery-image figcaption,.entry-content .wp-block-gallery .blocks-gallery-item figcaption,.entry-content .wp-block-image figcaption,.entry-content .wp-block-video figcaption{margin:0;padding:8px;text-align:center;box-sizing:border-box}.entry-content .wp-block-separator,.entry-content hr{height:2px;margin-top:64px;margin-bottom:32px;max-width:2.25em;text-align:left}.entry-content .wp-block-separator.is-style-wide,.entry-content hr.is-style-wide{margin-left:0;margin-right:0;width:100%;max-width:100%;border-bottom:1px solid rgba(50, 52, 57, .1)}.entry-content .wp-block-separator.is-style-dots,.entry-content hr.is-style-dots{max-width:100%;background-color:inherit;border:inherit;height:inherit;text-align:center}.entry-content .wp-block-separator.is-style-dots:before,.entry-content hr.is-style-dots:before{color:#6f4cad;font-size:64px;letter-spacing:24px;padding-left:24px}.entry-content .wp-block-separator+h1:before,.entry-content .wp-block-separator+h2:before,.entry-content hr+h1:before,.entry-content hr+h2:before{display:none}.entry-content .wp-block-embed-twitter{clear:both}.entry-content .wp-block-table{border-collapse:separate}.entry-content .wp-block-table tr{border-collapse:collapse}.entry-content .wp-block-table td,.entry-content .wp-block-table th{border-color:transparent;border-bottom:1px solid #e3e3e3}.entry-content .wp-block-table.alignwide{width:1500px}.entry-content .wp-block-table.alignfull{width:100%}.entry-content .wp-block-file{font-family:Montserrat,sans-serif}.entry-content .wp-block-file .wp-block-file__button{display:table;border:none;border-radius:5px;background:#6f4cad;font-size:17px;text-decoration:none;font-weight:700;color:#fff;margin-left:0;margin-top:6px}.entry-content .wp-block-file .wp-block-file__button:hover{-webkit-filter:brightness(120%);filter:brightness(120%);cursor:pointer}.entry-content .wp-block-file .wp-block-file__button:focus{-webkit-filter:brightness(120%);filter:brightness(120%);outline:thin dotted;outline-offset:-4px}.entry-content .wp-block-text-columns.alignwide{padding-left:20px;padding-right:20px}.entry-content .wp-block-code{border-radius:0}.entry-content .wp-block-code code{white-space:pre;overflow-x:auto}.entry-content .wp-block-columns.alignfull{padding-left:20px;padding-right:20px}@media(max-width:500px){.entry-content .wp-block-columns{flex-wrap:nowrap}}@media(max-width:1023px){.entry-content .wp-block-columns .wp-block-column>:first-child{margin-top:0}.entry-content .wp-block-columns .wp-block-column>:last-child{margin-bottom:0}.entry-content .wp-block-columns[class*=has-]>:last-child{margin-right:0}.entry-content .wp-block-columns.alignfull,.entry-content .wp-block-columns.alignfull .wp-block-column{padding-left:16px;padding-right:16px}}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta{font-family:Montserrat,sans-serif;font-weight:700}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date{font-weight:400}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p{font-size:inherit}.entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date{font-size:8.5px}.entry-content .has-small-font-size{font-size:11.9px}.entry-content .has-normal-font-size{font-size:17px}.entry-content .has-large-font-size{font-size:27.2px;line-height:1.2}.entry-content .has-huge-font-size{font-size:42.5px;line-height:1.2}.site-footer{margin-top:96px;clear:both}.site-footer h3{white-space:nowrap;padding-bottom:8px;margin-bottom:16px;font-weight:600;font-size:21px;border-bottom:1px solid rgba(50, 52, 57, .2)}@media(max-width:1023px){.site-footer h3{font-size:18px}}.site-footer .footer-widgets{padding-top:64px;padding-bottom:32px;display:flex}@media(max-width:1023px){.site-footer .footer-widgets{flex-direction:column-reverse;width:100%}}.site-footer .footer-widgets ul{padding:0;margin:0}.site-footer .footer-widgets ul ul{margin-left:10px}.site-footer .footer-widgets li{list-style-type:none;padding:0;margin:0;line-height:2.2}.site-footer .footer-widgets li a{font-weight:400}.site-footer .footer-widgets li .post-date{font-size:13px;margin-left:8px;opacity:.5}.site-footer .widget{flex:1 1 0;box-sizing:content-box;margin-right:96px;width:100%;max-width:375px}@media(max-width:767px){.site-footer .widget{margin-left:0 !important;margin-right:0 !important;padding-bottom:32px;max-width:100%}}.site-footer .widget:first-of-type{margin-left:0}.site-footer .widget:last-of-type{margin-right:0}.site-footer .widget.credits{flex-grow:2;margin-right:256px;width:inherit}@media(max-width:1023px){.site-footer .widget.credits{padding-top:32px;padding-bottom:0}}.site-footer .widget.credits img{width:280px;max-width:100%}.site-footer .footer-info{padding:8px 0}@media(min-width:1024px){.site-footer .footer-info{text-align:right}}.site-footer .footer-info p{margin-top:0;margin-bottom:0;font-size:12px}.interactive>*,.interactive img{transition-duration:.7s}.interactive.long-delay *{transition-delay:3s}.interactive.fade-in img{opacity:0}.interactive.fade-in.already-see img{opacity:1}.interactive.slide-left img{transform:translateX(-100px)}.interactive.slide-left.visible img{transform:translateX(0)}.interactive.enter-down img{transform:translateY(100%)}.interactive.enter-down.already-see img{transform:translateY(0)}.interactive.exit-right img{opacity:1;transform:translateX(0);transition-duration:1.05s}.interactive.exit-right.already-see img{opacity:0;transform:translateX(300%)}.interactive.parallax{overflow:hidden}.interactive.parallax *{transition:inherit}.parallax figure,figure.parallax{height:100%;overflow:hidden;max-height:70vh}.parallax figure img,figure.parallax img{height:calc(100% + 200px);margin-bottom:-100px !important}.parallax figure figcaption,figure.parallax figcaption{position:absolute;right:20px;left:20px}.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}.screen-reader-text.skip-link{display:block}.screen-reader-text:focus{background-color:#16bebb;border-radius:3px;box-shadow:0 0 2px 2px rgba(50, 52, 57, .75);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#fff;font-size:16px;font-weight:600;height:auto;display:block;right:8px;top:8px;z-index:100000;line-height:1;padding:12px 24px;text-decoration:none;width:auto}#main[tabindex="-1"]:focus{outline:0}abbr{cursor:help}.entry-comments{clear:both;margin-top:48px;padding-top:64px;border-top:1px solid #e3e3e3}.entry-comments>p{font-size:1.3em;margin-bottom:64px;font-weight:300}.entry-comments .navigation a{font-size:12px;font-weight:400;color:#4a4d54}.entry-comments p.comment-notes{font-size:13px;font-style:italic;color:#4a4d54}.entry-comments p.comments-closed,.entry-comments p.no-comments-yet{text-align:center;font-style:italic;font-weight:600}.entry-comments p.logged-in-as{font-weight:600;float:right;font-size:13px;line-height:20px;margin:-30px 0 0}@media(max-width:500px){.entry-comments p.logged-in-as{margin:0}}.site-main ol.commentlist{padding-left:0;padding-right:0}.site-main ol.commentlist ol,.site-main ol.commentlist ul{padding:0;margin-top:16px;margin-bottom:16px;list-style:none}.site-main ol.commentlist li{margin:0;display:block;padding:16px 0 32px}.site-main ol.commentlist li li{padding-left:32px}.site-main ol.commentlist .avatar{line-height:1;float:left;width:64px;height:64px;margin-right:16px;border-radius:50%;overflow:hidden}.site-main ol.commentlist .comment-author,.site-main ol.commentlist .fn{height:38.4px;line-height:42.24px}.site-main ol.commentlist .comment-author a,.site-main ol.commentlist .comment-author b,.site-main ol.commentlist .fn a,.site-main ol.commentlist .fn b{color:#6f4cad;font-weight:600;font-size:23px}.site-main ol.commentlist .comment-metadata{height:25.6px;line-height:1}.site-main ol.commentlist .comment-metadata a{font-size:12px;font-weight:400;color:#7a7e8a}.site-main ol.commentlist .comment-metadata .comment-edit-link{opacity:0;transition:.35s;background-color:#6f4cad;margin-left:16px;padding:4px 12px;border-radius:16px;color:#fff;font-weight:600}.site-main ol.commentlist article:hover .comment-metadata .comment-edit-link{opacity:1}.site-main ol.commentlist .comment-content{background:#fff;border:1px solid #f2f2f2;padding:16px;margin-left:80px;margin-top:8px;max-height:800px;overflow-y:auto}.site-main ol.commentlist .comment-content *{max-width:100%}.site-main ol.commentlist .reply{text-align:right}.site-main ol.commentlist .reply a{color:#e3e3e3;clear:both;padding:4px 12px;border-radius:16px;display:inline-block;line-height:1.2;margin-top:12px;font-size:14px;transition:.35s}.site-main ol.commentlist .reply a:hover{background-color:#6f4cad;color:#fff}#respond{position:relative}#respond>small{display:block;font-size:17px}#respond label{min-width:100px;display:inline-block}#respond form p{margin-bottom:16px}#respond input[type=email],#respond input[type=text],#respond input[type=url]{width:50%}#respond .comment-form-cookies-consent{display:flex;margin:16px 0}#respond .comment-form-cookies-consent label{font-size:14px;line-height:1;margin-left:8px}#respond .form-submit{margin-top:16px;text-align:right}#respond .form-submit input{font-size:16px;padding:10px 16px}.search-form{display:flex;max-width:444px;margin:0 auto;border-radius:4px;overflow:hidden;position:relative}.search-form input{height:48px}.search-form label{width:100%}.search-form [type=search]{width:100%;margin:0;padding:8px 16px;font-size:15px}.search-form [type=submit]{width:80px;margin:0;border-radius:0;font-size:0}.search-form:before{content:"";font-family:Material Icons;color:#fff;font-size:28px;display:block;width:24px;height:48px;line-height:48px;position:absolute;z-index:2;right:26px}#primary .search-form{margin:64px auto}body.error404 h1{font-size:110px}body.archive .site-main .article-container:nth-child(2n+2),body.search-results .site-main .article-container:nth-child(2n+2){position:relative}body.archive .site-main .article-container:nth-child(2n+2):before,body.search-results .site-main .article-container:nth-child(2n+2):before{display:block;position:absolute;z-index:1;transform:rotate(-1deg);top:0;bottom:0;left:-100px;right:-100px;content:"";background-color:rgba(50, 52, 57, .05)}@media(max-width:1023px){body.archive .site-main .article-container:first-of-type .entry-image,body.search-results .site-main .article-container:first-of-type .entry-image{display:none !important}}body.archive article,body.search-results article{display:flex;margin:0 auto;padding:64px 0;min-height:100px;position:relative;z-index:2}@media(max-width:1023px){body.archive article,body.search-results article{flex-direction:column;padding:48px 20px}}body.archive article .article-wrapper,body.search-results article .article-wrapper{max-width:100%}body.archive article .entry-image,body.search-results article .entry-image{min-width:280px;max-width:280px;margin-right:48px}@media(max-width:1023px){body.archive article .entry-image,body.search-results article .entry-image{width:calc(100% + 100px);min-width:inherit;max-width:calc(100% + 100px);margin:-48px -50px 20px}body.archive article .entry-image img,body.search-results article .entry-image img{transform:rotate(-1deg)}}body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{min-width:calc(100% - 328px)}@media(max-width:1023px){body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{width:100%}}body.archive article .entry-image img,body.search-results article .entry-image img{height:100%;max-height:420px;-o-object-fit:cover;object-fit:cover}body.archive article.product .entry-image img,body.search-results article.product .entry-image img{-o-object-fit:contain;object-fit:contain}body.archive article .entry-header,body.search-results article .entry-header{padding:0}body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{width:100%;font-size:28px;margin:0 0 8px;padding:0;text-align:left}@media(max-width:1023px){body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{font-size:24px}}body.archive article .entry-header .breadcrumbs,body.search-results article .entry-header .breadcrumbs{margin-top:0;text-align:left}body.archive article .entry-content,body.search-results article .entry-content{width:100%}body.archive article .entry-content p,body.search-results article .entry-content p{margin:0;padding:0}body.archive article .entry-footer .post-meta,body.search-results article .entry-footer .post-meta{padding:16px 0 0}body.archive article .entry-footer .meta-wrapper,body.search-results article .entry-footer .meta-wrapper{margin:0;padding:0}body.archive article .entry-footer .meta-wrapper p,body.search-results article .entry-footer .meta-wrapper p{font-size:12px;text-transform:uppercase;margin-left:8px}body.archive article .entry-footer .meta-wrapper p:first-of-type,body.search-results article .entry-footer .meta-wrapper p:first-of-type{margin-left:0}.bypostauthor{background-color:transparent}.article-author .avatar{float:left;max-width:64px;margin-right:32px}@media(max-width:1260px){.article-author .avatar{max-width:48px;margin-right:20px}}.article-author .avatar img{margin:0;border-radius:50%;overflow:hidden;vertical-align:middle}.article-author .author-details{display:table}.article-author .author-description p{font-size:13px;margin:8px 0;line-height:1.8}body.woocommerce .woocommerce-breadcrumb{margin:0;line-height:1;padding-bottom:32px}@media(max-width:1023px){body.woocommerce .woocommerce-breadcrumb{padding-bottom:16px}}body.woocommerce .woocommerce-result-count{line-height:48px}@media(max-width:1023px){body.woocommerce .woocommerce-ordering a,body.woocommerce .woocommerce-ordering option,body.woocommerce .woocommerce-ordering select,body.woocommerce .woocommerce-ordering span,body.woocommerce .woocommerce-result-count{font-size:13px}}body.woocommerce .product_meta{margin-top:16px}body.woocommerce .product_meta>span{display:block;font-weight:600;line-height:1.7}body.woocommerce .product_meta>span a,body.woocommerce .product_meta>span span{font-weight:400}body.woocommerce .pswp__button{background-color:transparent;min-width:inherit;padding:0;border-radius:0}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background-color:#026c7c}.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background-color:#028295}.woocommerce button.button.alt.disabled{background-color:#62666f}.woocommerce button.button.alt.disabled:hover{background-color:#4a4d54}.select2-selection__rendered{line-height:48px !important}.select2-container .select2-selection--single,.select2-selection__arrow{height:48px !important}body.woocommerce ul.products{padding-top:16px}body.woocommerce ul.products li.product{padding-bottom:16px;background-color:#fff;display:flex;flex-direction:column}body.woocommerce ul.products li.product a img{width:100%;height:auto;max-height:220px;-o-object-fit:contain;object-fit:contain;margin:0 auto 24px;padding:0;box-sizing:border-box}body.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:600;padding:0 0 6px;margin:0;font-size:17px;text-align:center}body.woocommerce ul.products li.product a.button{font-size:10px;border:1px solid #e3e3e3;background-color:#fff;align-content:center;margin:auto}body.woocommerce ul.products li.product .added_to_cart{position:absolute;bottom:15px;right:15px;height:30px;width:30px;display:block;text-align:center;background:#6f4cad;color:#fff;padding:0;margin:0;font-size:0;border-radius:50%}body.woocommerce ul.products li.product .added_to_cart:before{display:block;font-family:Material Icons;content:"";font-weight:500;font-size:24px;line-height:30px;opacity:.99}body.woocommerce ul.products li.product p.price,body.woocommerce ul.products li.product span.price{color:#4a4d54;line-height:2;font-size:12px;display:block;text-align:center}body.woocommerce div.product img.wp-post-image{max-height:50vh;margin:auto;-o-object-fit:contain;object-fit:contain}@media(max-width:1023px){body.woocommerce div.product .gallery__image{height:300px;margin:auto}body.woocommerce div.product .gallery__image img{-o-object-fit:contain;object-fit:contain;height:100%}}body.woocommerce div.product .summary.entry-summary{padding-left:16px;box-sizing:border-box}@media(max-width:1023px){body.woocommerce div.product .summary.entry-summary{padding-left:0}}body.woocommerce div.product .product_title.entry-title{margin:0;font-size:38px;text-align:left}@media(max-width:1023px){body.woocommerce div.product .product_title.entry-title{font-size:30px}}body.woocommerce div.product div.images .flex-control-thumbs li{padding:0}body.woocommerce div.product .woocommerce-variation.single_variation{margin-bottom:1em}body.woocommerce div.product form.cart{margin-top:16px}body.woocommerce div.product form.cart div.quantity{display:flex;margin:0}body.woocommerce div.product form.cart div.quantity input{margin:0;border:1px solid #e3e3e3;border-radius:4px 0 0 4px}body.woocommerce div.product form.cart div.quantity .qty{font-size:18px}body.woocommerce div.product form.cart div.quantity+button{border-radius:0;height:49px}body.woocommerce div.product p.price,body.woocommerce div.product span.price{color:#026c7c}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper{margin-left:-20px;margin-right:-20px}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:16px}@media(max-width:1023px){body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:14px}}body.woocommerce div.product .woocommerce-tabs .entry-content>*{width:100%}body.woocommerce div.product .woocommerce-tabs .entry-content table{width:calc(100% - 40px)}body.woocommerce div.product table.woocommerce-product-attributes{margin-left:20px;margin-right:20px}body.woocommerce div.product table.woocommerce-product-attributes td{padding-left:20px}body.woocommerce div.product table.woocommerce-product-attributes tr:nth-child(2n) th{background-color:#5d4091}body.woocommerce div.product .related.products{padding:32px 0 16px}body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:15px}@media(max-width:1023px){body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:14px}}#secondary ul.product-categories ul{margin:0;padding-left:32px}#secondary ul.product-categories li{line-height:42px;margin:0;border-top:1px solid rgba(50, 52, 57, .05)}#secondary ul.product-categories>li:first-child{border:0}#secondary ul.product-categories a{color:#4a4d54;font-weight:500}#secondary ul.product-categories .current-cat-parent>a,#secondary ul.product-categories .current-cat>a{font-weight:600}#secondary ul.product-categories .current-cat>a{-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product-categories .toggle i{opacity:.5;transition:.35s;vertical-align:middle;margin-top:-2px;margin-right:8px}#secondary ul.product-categories .cat-parent.active>a i{opacity:1;transform:rotate(90deg);-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product_list_widget a{display:block}#secondary ul.product_list_widget li{height:48px;border-top:1px solid rgba(50, 52, 57, .05);font-size:11px;line-height:1}#secondary ul.product_list_widget li:first-child{border:0}#secondary ul.product_list_widget li span{display:inline-block}#secondary ul.product_list_widget li span.woocommerce-Price-amount{color:#026c7c}#secondary ul.product_list_widget li .product-title{color:#4a4d54;font-weight:600;padding-top:8px;line-height:1.3;display:block}#secondary ul.product_list_widget li img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;margin-left:8px}body.compensate-for-scrollbar{overflow:hidden;margin:0 !important}.fancybox-toolbar .fancybox-button{background-color:transparent}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47, 0, .74, .71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22, .61, .36, 1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5, 0, .14, 1);animation-timing-function:cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30, 30, 30, .6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#4a4d54;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{background:linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:fancybox-rotate 1s linear infinite;animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid;border-color:#888 #888 #fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes fancybox-rotate{to{transform:rotate(1turn)}}@keyframes fancybox-rotate{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, .25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19, 1, .22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5, .5, .5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%, 0, 0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%, 0, 0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0, 0, 0, .3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0, 0, 0, .1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25, .46, .45, .94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.fancybox-counter{font-size:80%;opacity:.8}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@media(max-width:1023px){.site-main .wp-block-gallery{padding-left:0;padding-right:0}}.slider-multi,.slider-single{display:block}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;transform:translateY(-50%);padding:0;border:none;outline:none}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;color:#fff;opacity:.75}.slick-prev{left:-25px}.slick-prev:before{content:"<"}.slick-next{right:-25px}.slick-next:before{content:">"}.slick-slide{padding:4px}.slick-slide img{width:100%;height:auto}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:8px 0;list-style-type:none}.slick-dots li{margin:0 8px}.slick-dots button{display:block;width:8px;height:8px;margin:0;padding:0;min-width:inherit;outline:inherit !important;border:none;border-radius:100%;background-color:#e3e3e3;text-indent:-9999px}.slick-dots button:focus,.slick-dots button:hover{width:12px;height:12px;margin-top:-2px;background-color:#cacaca;-webkit-filter:inherit;filter:inherit}.slick-dots li.slick-active button{background-color:#6f4cad;width:16px;height:16px;margin-top:-4px}#masonry-wrapper{position:relative;transition-duration:.8s;transition-delay:.2s;padding:0}.masonry.navigation{text-align:center;position:absolute;bottom:0;width:100%}.masonry.navigation a{flex-basis:100%;color:#e3e3e3;font-weight:300;opacity:0}.grid__col-sizer,.grid__item{width:31.33333%}@media(max-width:1260px){.grid__col-sizer,.grid__item{width:48%}}@media(max-width:767px){.grid__col-sizer,.grid__item{width:100%}}.grid__gutter-sizer{width:3%}@media(max-width:1260px){.grid__gutter-sizer{width:4%}}@media(max-width:767px){.grid__gutter-sizer{width:0}}.grid__item.big-block,.grid__item.sticky{width:65.66667%}@media(max-width:1260px){.grid__item.big-block,.grid__item.sticky{width:100%}}.grid__item.full-block{width:100%}.masonry-container article.grid__item{max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;border-radius:3px;background-color:#fff;box-shadow:0 2px 12px -6px rgba(50, 52, 57, .5);padding:0;margin:0 0 32px}@media(max-width:767px){.masonry-container article.grid__item{padding-right:0}}.masonry-container article.grid__item .article-wrapper{width:auto;margin-left:20px;margin-right:20px;padding-top:12px;padding-bottom:32px}.masonry-container article.grid__item .entry-image{display:flex;width:100%;min-width:inherit;max-width:inherit;margin:0}.masonry-container article.grid__item .entry-image img{max-height:600px;transform:inherit}.masonry-container article.grid__item .entry-header{padding-top:8px;padding-bottom:8px;margin:0}@media(max-width:940px){.masonry-container article.grid__item .entry-header{padding-left:0;padding-right:0}}.masonry-container article.grid__item .breadcrumbs{text-align:left}.masonry-container article.grid__item h2.entry-title{font-size:19px;padding:0;margin:0;text-align:left;font-weight:600}.masonry-container article.grid__item p{font-size:15px;line-height:1.6;margin:0;padding:0}.page-load-status{display:none;padding-top:32px;text-align:center}i.social-ico.email{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.print{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.facebook{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.twitter{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.youtube{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.linkedin{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.www{background-image:url('data:image/svg+xml;utf8,')}i.social-ico{display:inline-block;width:36px;height:36px;background:no-repeat 50%;background-size:36px;cursor:pointer;transition:.35s;padding:0;margin:8px 18px 8px 0}i.social-ico:before,i.social-ico:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}i.social-ico:before{position:absolute}i.social-ico.small{width:24px;height:24px;background-size:24px;margin:8px 12px 8px 0}.share-buttons i{-webkit-filter:invert(.2);filter:invert(.2)}.arrow-next,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next{background-image:url('data:image/svg+xml;utf8, ')}.arrow-prev,.fancybox-navigation .fancybox-button--arrow_left,.slider button.slick-prev{background-image:url('data:image/svg+xml;utf8, ')}.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{background-color:transparent;border-radius:50%;width:60px;height:60px;margin:0;padding:0;min-width:inherit;background-size:15px;background-repeat:no-repeat;background-position:50%;border:0}.arrow:hover,.fancybox-navigation .fancybox-button--arrow_left:hover,.fancybox-navigation .fancybox-button--arrow_right:hover,.slider button.slick-next:hover,.slider button.slick-prev:hover{background-color:rgba(74, 77, 84, .1);-webkit-filter:inherit;filter:inherit}@media(max-width:1023px){.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{padding:6px;width:24px;height:24px;background-size:6px}}.arrow-next,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next{margin-right:30px}.arrow-prev,.fancybox-navigation .fancybox-button--arrow_left,.slider button.slick-prev{margin-left:30px}.slick-next:before,.slick-prev:before{display:none !important}.fancybox-navigation svg{display:none}.slider button.slick-prev{margin-left:-60px}@media(max-width:1023px){.slider button.slick-prev{margin-left:30px}}.slider button.slick-next{margin-right:-60px}@media(max-width:1023px){.slider button.slick-next{margin-right:30px}}.fancybox-navigation .fancybox-button--arrow_left:disabled,.fancybox-navigation .fancybox-button--arrow_right:disabled{opacity:.5}iframe{width:100%;max-width:100%}::-moz-selection{background-color:rgba(22, 190, 187, .5);color:#fff}::selection{background-color:rgba(22, 190, 187, .5);color:#fff}pre{width:100%;padding:32px 64px;background:#f0f0f0;white-space:pre-wrap;box-sizing:border-box}blockquote,pre{border:1px solid #e3e3e3}blockquote{min-height:100px;padding-top:30px;padding-bottom:30px;padding-left:90px !important;padding-right:90px !important;margin:32px 0;position:relative;background:#fff}blockquote p{margin-bottom:24px}blockquote:before{font-family:Material Icons;content:"";position:absolute;top:-4px;left:16px;font-size:60px;color:#16bebb}code{background-color:#e3e3e3;padding:4px 6px;font-weight:600}@media(max-width:940px){.site-main .entry-content blockquote,.site-main .entry-content pre,.site-main .entry-content table{padding-left:20px;padding-right:20px}.site-main .entry-content table{width:calc(100% - 40px)}}.post-tags{list-style:none}.post-tags h3{display:inline;vertical-align:middle}.post-tags ul{display:inline;margin:0;padding-left:20px}.post-tags li.post-tag{margin:0 16px 10px 0;padding:0 10px 0 25px}.post-tag{background:#6f4cad;border-radius:3px 0 0 3px;display:inline-block;height:22px;line-height:18px;position:relative}.post-tag a{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;text-decoration:none !important}.post-tag,.post-tag:after,.post-tag:before,.post-tag a{transition:.2s}.post-tag:before{background:#fff;border-radius:10px;box-shadow:inset 0 1px hsla(0, 0%, 98.8%, .25);content:"";height:6px;left:10px;position:absolute;width:6px;top:8px}.post-tag:after{background:transparent;border-bottom:11px solid transparent;border-left:10px solid #6f4cad;border-top:11px solid transparent;content:"";position:absolute;right:-10px;top:0}.post-tag:hover{background-color:#6f4cad}.post-tag:hover a{color:#fff}.post-tag:hover:after{border-left-color:#6f4cad}hr{clear:both}::-webkit-scrollbar{position:relative;z-index:100000;width:12px;height:12px}@media(max-width:767px){::-webkit-scrollbar{width:6px}}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background-color:#e3e3e3;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .1)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background-color:#16bebb;border-radius:1px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .15)}::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement{height:0;width:0;display:block;background-color:#e3e3e3}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:#fdfdfd}@media print{@page{margin:1.8cm 1.4cm 2.7cm}#content,#main,body{background:#fff;color:#000}#masthead{display:none}a,a:link,a:visited{color:#000;text-decoration:none}#directorynav,#globalfooter,#globalheader,#tabs,.hide,.noprint{display:none}.site-footer .footer-widgets{-moz-column-break-inside:avoid;break-inside:avoid}.site-footer .footer-widgets>*{display:none}.site-footer .footer-widgets>:first-of-type{display:block}.interactive *{transition-duration:0ms !important;transition-delay:0ms !important}.interactive.parallax img{height:100% !important;margin:0 !important}} /*# sourceMappingURL=style.css.map */ From a22740174b8e2abf154126b2bb0a50b50ced4b71 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Thu, 26 Aug 2021 05:11:48 +0200 Subject: [PATCH 11/16] fix for unclickable hero buttons --- assets/src/scss/components/extras.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/assets/src/scss/components/extras.scss b/assets/src/scss/components/extras.scss index 2fb21d47..07c9030e 100644 --- a/assets/src/scss/components/extras.scss +++ b/assets/src/scss/components/extras.scss @@ -258,6 +258,7 @@ body .hero { padding-left: $size__padding-resp; padding-right: $size__padding-resp; margin: auto; + z-index: 2; .page-title { max-width: $size__site-width * .75; From 098f74f13a667f22ea5adf7f4c3ff11528dac473 Mon Sep 17 00:00:00 2001 From: Erik Yo Date: Mon, 30 Aug 2021 10:48:43 +0200 Subject: [PATCH 12/16] switch to custom properties --- 404.php | 2 +- archive.php | 2 +- assets/dist/css/atf.css | 2 +- assets/dist/css/editor.css | 239 +++++--- assets/dist/js/scripts.js | 247 +++++++- assets/src/js/user/menu.js | 1 + assets/src/scss/components/accessibility.scss | 15 +- assets/src/scss/components/animations.scss | 4 +- assets/src/scss/components/blocks.scss | 482 ++++------------ assets/src/scss/components/comments.scss | 114 ++-- .../src/scss/components/content-header.scss | 51 +- assets/src/scss/components/content.scss | 130 ++++- assets/src/scss/components/extras.scss | 136 ++--- assets/src/scss/components/footer.scss | 82 ++- assets/src/scss/components/hamburger.scss | 58 +- assets/src/scss/components/header.scss | 197 +++---- assets/src/scss/components/navigation.scss | 149 +++-- assets/src/scss/components/search-form.scss | 15 +- assets/src/scss/components/sidebar.scss | 30 +- assets/src/scss/editor.scss | 21 +- assets/src/scss/main/base.scss | 5 +- assets/src/scss/main/buttons.scss | 91 +-- assets/src/scss/main/colors.scss | 5 +- assets/src/scss/main/fonts.scss | 2 +- assets/src/scss/main/helpers.scss | 2 +- assets/src/scss/main/images.scss | 26 +- assets/src/scss/main/inputs.scss | 82 ++- assets/src/scss/main/scrollbar.scss | 59 +- assets/src/scss/main/table.scss | 6 +- assets/src/scss/main/typography-extras.scss | 155 +++-- assets/src/scss/main/typography.scss | 72 ++- assets/src/scss/pages/archive.scss | 35 +- assets/src/scss/pages/author.scss | 14 +- assets/src/scss/pages/homepage.scss | 44 +- assets/src/scss/utils/icons.scss | 93 +-- assets/src/scss/utils/media-queries.scss | 5 +- assets/src/scss/utils/vars.scss | 60 +- assets/src/scss/vendor/fancybox.scss | 2 +- assets/src/scss/vendor/masonry.scss | 36 +- assets/src/scss/vendor/slick.scss | 23 +- assets/src/scss/woo/woo-base.scss | 6 +- assets/src/scss/woo/woo-common.scss | 29 +- assets/src/scss/woo/woo-pages.scss | 49 +- assets/src/scss/woo/woo-sidebar.scss | 30 +- category.php | 2 +- functions.php | 44 +- inc/customizer.php | 541 +++++++++++++++--- inc/enqueue-scripts.php | 181 ++---- inc/template-functions.php | 8 +- style.css | 2 +- template-parts/content/content-none.php | 4 +- template-parts/content/content-page.php | 2 +- template-parts/content/content-single.php | 2 +- template-parts/content/content.php | 2 +- template-parts/footer/footer.php | 4 +- theme.json | 37 ++ 56 files changed, 2132 insertions(+), 1605 deletions(-) create mode 100644 theme.json diff --git a/404.php b/404.php index ea041d28..7126d510 100644 --- a/404.php +++ b/404.php @@ -11,7 +11,7 @@
-
+

diff --git a/archive.php b/archive.php index ef68852f..abc3c1b6 100644 --- a/archive.php +++ b/archive.php @@ -12,7 +12,7 @@ -
+
', '' ); ?> %s

', esc_html(get_the_author_meta( 'description' )) ); diff --git a/assets/dist/css/atf.css b/assets/dist/css/atf.css index 00f25a36..3f7d500f 100644 --- a/assets/dist/css/atf.css +++ b/assets/dist/css/atf.css @@ -1 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//*! edited by Codekraft Studio | removed unused style */html{line-height:1.15}body{margin:0}main{display:block}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:none;text-decoration:underline;-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%;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-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}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}[hidden]{display:none}body,html{margin:0;padding:0}html{background-color:#fcfcfc;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body,html{max-width:100%}body{min-height:100%;box-sizing:border-box}#page,body{overflow-x:hidden}.has-black-background-color,.has-gray-dark-background-color,.has-primary-background-color,.has-primary-dark-background-color,.has-primary-light-background-color,.has-secondary-background-color,.has-secondary-dark-background-color,.has-secondary-light-background-color{color:#fcfcfc}.has-gray-light-background-color,.has-white-background-color,.has-white-smoke-background-color{color:#4a4d54}@media(max-width:1023px){body.woocommerce .site-content{padding-left:20px;padding-right:20px}}body.woocommerce.sidebar-left .site-content{padding-right:20px}body{font-family:Montserrat,sans-serif;color:#4a4d54;font-weight:400;font-size:17px;line-height:1.3;word-break:break-word}@media(max-width:500px){body{font-size:15px}}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600;margin:0 0 8px;padding:0}h1{font-size:56px}@media(max-width:1260px){h1{font-size:46px}}@media(max-width:500px){h1{font-size:36px}}h2{font-size:36px}@media(max-width:1260px){h2{font-size:28px}}@media(max-width:500px){h2{font-size:22px}}.woocommerce h2{font-size:28px}@media(max-width:1260px){.woocommerce h2{font-size:24px}}@media(max-width:500px){.woocommerce h2{font-size:18px}}h3{font-size:28px}@media(max-width:1260px){h3{font-size:22px}}@media(max-width:767px){h3{font-size:18px}}h4{font-size:22px}@media(max-width:1260px){h4{font-size:18px}}h5,h6{font-size:17px}@media(max-width:1260px){h5,h6{font-size:15px}}li,p{font-family:Montserrat,sans-serif;font-size:17px}@media(max-width:1260px){li,p{font-size:16px}}@media(max-width:500px){li,p{font-size:15px}}p{margin:0 0 8px}b,strong{font-weight:600}a{text-decoration:none}dl,ol,ul{margin-top:16px;margin-bottom:32px;padding:0 0 0 24px}dl dt,dl li,ol dt,ol li,ul dt,ul li{line-height:1.3;margin-bottom:12px}.header-color{background-color:rgba(50, 52, 57, .95)}#masthead{position:fixed;z-index:1000;top:0;width:100%;transition:.35s}@media(max-width:767px){#masthead{height:80px;transform:inherit !important;padding:0}}.scrolled #masthead{box-shadow:0 3px 10px -5px rgba(50, 52, 57, .7)}@media(max-width:767px){.scrolled #masthead{transform:inherit !important}}.scrolled #masthead.header-portrait{transform:translateY(-80px)}#masthead .site-header-image{position:absolute;width:100%;height:100%;left:0}#masthead .show-on-mobile{display:none}@media(max-width:960px){#masthead .show-on-mobile{display:block}}#masthead .menu-icons-container,#masthead .menu-resp{position:absolute;top:0;right:20px;height:100%}@media(max-width:960px){#masthead .menu-icons-container,#masthead .menu-resp{display:flex;justify-content:center;align-content:center}}#masthead .menu-resp{z-index:1030}#masthead .menu-icons-container{z-index:1010;right:90px}#masthead .menu-icons-container .button{min-width:20px;margin:auto 0 auto 10px;padding:10px;border-radius:32px;border:1.5px solid hsla(0, 0%, 89%, .5);opacity:.75;transition:.35s}#masthead .menu-icons-container .button.text{padding:10px 20px}#masthead .menu-icons-container .button:hover{opacity:1}#masthead .menu-icons-container .button span{display:block;font-size:13px;height:20px;line-height:22px}#masthead .menu-icons-container .button i{font-size:20px;line-height:20px;vertical-align:middle}#masthead .header-wrapper{display:flex;margin-top:0;margin-bottom:0}@media(max-width:767px){#masthead .header-wrapper{height:100%}}#masthead .header-wrapper .site-branding{align-items:flex-start;height:80px}@media(max-width:767px){#masthead .header-wrapper .site-branding{text-align:left;padding-right:60px;justify-content:flex-start !important}}#masthead .header-wrapper .site-branding .custom-logo-link{display:flex;height:100%;align-items:center}#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{-o-object-fit:contain;object-fit:contain;height:80%;max-width:100%;width:auto}@media(max-width:767px){#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{max-height:64px;width:auto;margin:0}}#masthead .header-wrapper .site-branding.has-custom-logo .site-logo{height:80px}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo{display:flex;flex-direction:row;align-items:center}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{margin-right:8px}@media(max-width:767px){#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{width:auto}}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .custom-logo{-o-object-position:right;object-position:right}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .header-text{text-align:left;margin-left:8px}#masthead .header-wrapper .header-text{height:100%;display:flex;flex-direction:column;justify-content:center}#masthead .header-wrapper .header-text .site-description,#masthead .header-wrapper .header-text .site-title{margin:0;white-space:nowrap}#masthead .header-wrapper .header-text .site-description{display:inline-block;font-weight:300}#masthead.header-portrait .header-wrapper{flex-direction:column}@media(max-width:767px){#masthead.header-portrait .header-wrapper{justify-content:center}}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-branding{padding-top:0}}#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:center;margin-right:auto;padding-top:8px;padding-bottom:8px}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:left;padding-top:0;padding-bottom:0}}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-title{font-size:32px;line-height:1}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-description{font-size:16px;line-height:1}#masthead.header-portrait .header-wrapper .site-branding.has-header-text.has-custom-logo{justify-content:center;margin-right:0}#masthead.header-portrait .header-wrapper .main-navigation ul{height:auto}#masthead.header-portrait .header-wrapper .site-logo{margin-left:auto}#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-left:auto;margin-right:auto}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-right:0;margin-left:0}}#masthead.header-landscape .header-wrapper{flex-direction:row;height:60px}@media(max-width:960px){#masthead.header-landscape .header-wrapper{height:100%}}#masthead.header-landscape .header-wrapper .site-branding{padding-top:0;box-sizing:border-box;width:100%;height:100%}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding{padding-top:4px;padding-bottom:4px}}#masthead.header-landscape .header-wrapper .site-branding .site-logo{margin-left:0;width:auto;height:100%}#masthead.header-landscape .header-wrapper .site-branding .custom-logo{-o-object-position:left;object-position:left;width:auto;height:80%;max-width:350px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding .custom-logo{max-width:100%}}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-title{font-size:19.8px;line-height:1}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-description{display:inline-block;font-weight:300;font-size:13.2px;line-height:1}#masthead.header-landscape .header-wrapper .main-navigation{align-self:flex-end;width:100%}#masthead.header-landscape .header-wrapper .main-navigation ul{justify-content:flex-end}#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:60px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:3;height:auto}}#masthead.header-landscape .header-wrapper .main-menu{justify-content:flex-end;padding:0 0 0 20px}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-menu{padding:0;justify-content:flex-start}}@media screen and (max-width:600px){body.logged-in>div:last-child{position:fixed !important}}.admin-bar #masthead{top:32px}@media screen and (max-width:782px){.admin-bar #masthead{top:46px}}@media(max-width:960px){.main-navigation{overflow-y:auto}}.main-navigation .main-menu{display:flex;height:100%;align-items:center;justify-content:center}@media(max-width:960px){.main-navigation .main-menu{align-items:flex-start;justify-content:flex-start}}.main-navigation ul{display:flex;justify-content:center;height:60px;margin:0;padding:0}@media(max-width:960px){.main-navigation ul{display:block;max-width:100%}}.main-navigation li{display:block;position:relative;margin:0;padding:0}.main-navigation li a{display:block;white-space:nowrap;height:60px;line-height:60px;padding:0 32px;box-sizing:border-box;font-weight:600;text-decoration:none !important;opacity:.8;transition:.35s}.main-navigation li a:hover{opacity:1}@media(max-width:1366px){.main-navigation li a{padding:0 24px}}@media(max-width:960px){.main-navigation li a{height:auto;line-height:3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@media(max-width:960px){.main-navigation li li a{font-weight:400;opacity:.7;line-height:39.6px}}.main-navigation li.current-menu-ancestor a,.main-navigation li.current-menu-item a,.main-navigation li.current-menu-parent a{opacity:1}.main-navigation .menu>li:first-child a{padding-left:0}.main-navigation .menu>li:last-child a{padding-right:0}.main-navigation .menu>li li a{padding:0 32px !important}@media(max-width:960px){.main-navigation .menu>li li a{padding:0 !important}}.main-navigation .menu>li a{line-height:2.5;height:inherit}@media(max-width:960px){.main-navigation .menu>li a{padding:0}}@media(max-width:960px){.main-navigation .menu>li .sub-menu{padding-left:16px}}.main-navigation .menu-shadow{display:none}@media(max-width:960px){.main-navigation{background-color:rgba(38, 40, 43, .95);height:100vh;padding:60px 20px 30px;z-index:1020;width:90%;max-width:360px;box-sizing:border-box;transform:translateX(100%);right:0}.main-navigation,.main-navigation+.menu-shadow{position:absolute;top:0;bottom:0;transition:.35s;transition-delay:50ms}.main-navigation+.menu-shadow{display:block;height:100vh;width:100%;opacity:0;right:100%;background-color:rgba(50, 52, 57, .5);transition:opacity .2s;transform:translateX(0) !important}}@media(max-width:767px){.main-navigation{height:calc(100vh - 80px);padding:30px 20px}.main-navigation,.main-navigation+.menu-shadow{top:80px}}@media(max-width:960px){#masthead.active .main-navigation{transform:translateX(0)}#masthead.active .main-navigation+.menu-shadow{opacity:1;right:0}}body ul.sub-menu{position:absolute;z-index:1010;flex-direction:column;top:100%;left:0;opacity:0;clip:rect(0 0 0 0);width:auto;height:auto;padding:0;overflow:hidden;transition:.175s;transition-delay:0ms}@media(max-width:960px){body ul.sub-menu{position:inherit;opacity:1;background-color:transparent !important;padding-left:10px}}body ul.sub-menu ul.sub-menu{top:0;left:100%}@media(max-width:960px){body ul.sub-menu ul.sub-menu{position:inherit;left:inherit;background-color:transparent}}body ul.sub-menu.active,body ul.sub-menu:focus-within,li a:focus+body ul.sub-menu{transition:.35s ease-out;transition-delay:.1s;clip:inherit;overflow:visible;opacity:1}.main-width{width:900px;max-width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin:0 auto 48px}@media(max-width:1023px){.main-width{padding-left:20px;padding-right:20px}}.main-width.alignwide{width:1500px;max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:32px}#masthead+.site-content{padding-top:92px}@media(max-width:960px){#masthead+.site-content{padding-top:112px}}#masthead.header-portrait+.site-content{padding-top:236px}@media(max-width:960px){#masthead.header-portrait+.site-content{padding-top:112px}}body.has-featured-image #masthead+.site-content{padding-top:48px}@media(max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media(max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:32px}@media(max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:20px}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:1500px;max-width:100%;box-sizing:border-box;margin:0 auto}@media(max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - 508px)}@media(max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}body.home .entry-content{overflow:visible}body.home .entry-content>.wp-block-columns:first-child{margin-top:-96px;margin-bottom:64px;display:flex;flex-wrap:wrap;position:relative}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child{flex-direction:column;text-align:left;margin-bottom:32px}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column{background:#fff;margin:0 32px;padding:0 20px 30px;box-shadow:0 4px 24px -12px rgba(74, 77, 84, .8);border-radius:4px;line-height:1.3;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;flex:1 0 20%}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column{padding-bottom:0;align-items:flex-start;margin:0 20px 16px;height:160px}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{justify-content:center;margin:0 -20px 20px;flex:auto}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{margin:0 20px 0 -20px;width:30%;height:100%}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{height:100%;-o-object-fit:inherit;object-fit:inherit;padding-top:16px}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{width:70%;padding:15% 30%;height:70%}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image figure{display:block;width:100%;height:100%;margin:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column h2,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h3,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h4{margin-top:0;margin-bottom:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{margin:0}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{font-size:14px;width:65%;padding:0;text-align:left}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p a{font-weight:400}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p b,body.home .entry-content>.wp-block-columns:first-child .wp-block-column p strong{color:#4a4d54}body.home .entry-content>.has-3-columns.animated .wp-block-column{overflow:hidden;transition:1.4s;transform:translateY(30%);opacity:0;transition-delay:.525s}body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:.875s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:1.05s}@media(max-width:1023px){body.home .entry-content>.has-3-columns.animated .wp-block-column,body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:inherit}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(2){transition-delay:.175s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:.35s}}body.home .entry-content>.has-3-columns.animated.already-see .wp-block-column{transform:translateY(0);opacity:1}body.blog .page-header{padding-top:64px;padding-bottom:48px}@media(max-width:1023px){body.blog .page-header{padding-top:32px;padding-bottom:16px}} \ No newline at end of file +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//*! edited by Codekraft Studio | removed unused style */html{line-height:1.15}body{margin:0}main{display:block}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:none;text-decoration:underline;-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%;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-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}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}[hidden]{display:none}body,html{margin:0;padding:0}html{background-color:var(--wp--preset--color--white-smoke);height:calc(var(--vh, 1vh)*100);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body,html{max-width:100%}body{height:-webkit-fill-available;min-height:100%;box-sizing:border-box}#page,body{overflow-x:hidden}.has-black-background-color,.has-gray-dark-background-color,.has-primary-background-color,.has-primary-dark-background-color,.has-primary-light-background-color,.has-secondary-background-color,.has-secondary-dark-background-color,.has-secondary-light-background-color{color:var(--wp--preset--color--white)}.has-gray-light-background-color,.has-white-background-color,.has-white-smoke-background-color{color:var(--color--text)}@media(max-width:1023px){body.woocommerce .site-content{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}}body.woocommerce.sidebar-left .site-content{padding-right:var(--sizes--responsive--side-margin)}body{font-family:var(--typography--content--font-family),sans-serif;color:var(--color--text);font-weight:var(--typography--content--font-family);font-size:var(--typography--default--font-size--m);line-height:var(--typography--default--line-height);word-break:break-word}@media(max-width:500px){body{font-size:var(--typography--default--font-size--s)}}h1,h2,h3,h4,h5,h6{font-family:var(--typography--title--font-family);font-weight:var(--typography--title--font-weight);margin:0 0 var(--sizes--margin--);padding:0}h1{font-size:var(--typography--default--font-size--xxxl)}@media(max-width:500px){h1{font-size:var(--typography--default--font-size--xxl)}}h2{font-size:var(--typography--default--font-size--xxl)}@media(max-width:500px){h2{font-size:var(--typography--default--font-size--l)}}.woocommerce h2{font-size:var(--typography--default--font-size--xl)}@media(max-width:500px){.woocommerce h2{font-size:var(--typography--default--font-size--l)}}h3{font-size:var(--typography--default--font-size--xl)}@media(max-width:767px){h3{font-size:var(--typography--default--font-size--m)}}h4{font-size:var(--typography--default--font-size--l)}@media(max-width:1260px){h4{font-size:var(--typography--default--font-size--m)}}h5,h6{font-size:var(--typography--default--font-size--m)}@media(max-width:1260px){h5,h6{font-size:var(--typography--default--font-size--s)}}li,p{font-size:var(--typography--default--font-size--m)}@media(max-width:500px){li,p{font-size:var(--typography--default--font-size--s)}}p{margin:0 0 var(--sizes--margin--)}b,strong{font-weight:var(--typography--default--font-weight--bold)}a{text-decoration:none;color:var(--wp--preset--color--secondary)}dl,ol,ul{margin-top:var(--sizes--margin-m);margin-bottom:var(--sizes--margin-m);padding:0}dl dt,dl li,ol dt,ol li,ul dt,ul li{line-height:var(--typography--default--line-height);margin:0}.header-color{background-color:var(--header--nav-background)}#masthead{position:fixed;z-index:1000;top:0;width:100%;transition:.35s;color:var(--header--text-color)}@media(max-width:960px){#masthead{height:var(--header--branding--height);transform:inherit !important;padding:0}}.scrolled #masthead{box-shadow:0 3px 10px -5px rgba(var(--wp--preset--color--black--decimal), .7)}@media(max-width:960px){.scrolled #masthead{transform:inherit !important}}.scrolled #masthead.header-portrait{transform:translateY(calc(var(--header--branding--height)*-1))}#masthead .site-header-image{position:absolute;width:100%;height:100%;left:0}#masthead .show-on-mobile{display:none}@media(max-width:960px){#masthead .show-on-mobile{display:block}}#masthead .menu-icons-container,#masthead .menu-resp{position:absolute;top:0;right:var(--sizes--responsive--side-margin);height:100%}@media(max-width:960px){#masthead .menu-icons-container,#masthead .menu-resp{display:flex;justify-content:center;align-content:center}}#masthead .menu-resp{z-index:1030}#masthead .menu-icons-container{z-index:1010;right:var(--sizes--margin-m)30px}#masthead .menu-icons-container .button{min-width:20px;margin:auto 0 auto var(--sizes--margin--);padding:var(--sizes--margin-m);border-radius:20pxvar(--sizes--margin-s);border:1.5px solid var(--wp--preset--color--gray-light);opacity:.75;transition:.35s}#masthead .menu-icons-container .button.text{padding:10px var(--sizes--margin-m)}#masthead .menu-icons-container .button:hover{opacity:1}#masthead .menu-icons-container .button span{display:block;font-size:var(--typography--default--font-size--s);height:20px;line-height:22px}#masthead .menu-icons-container .button i{font-size:20px;line-height:20px;vertical-align:middle}#masthead .header-wrapper{display:flex;margin-top:0;margin-bottom:0}@media(max-width:767px){#masthead .header-wrapper{height:100%}}#masthead .header-wrapper .site-branding{align-items:flex-start;height:var(--header--branding--height)}@media(max-width:767px){#masthead .header-wrapper .site-branding{text-align:left;padding-right:60px;justify-content:flex-start !important}}#masthead .header-wrapper .site-branding .custom-logo-link{display:flex;height:100%;align-items:center}#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{-o-object-fit:contain;object-fit:contain;height:var(--header--logo--height);width:auto;max-width:var(--header--branding--max-width)}@media(max-width:767px){#masthead .header-wrapper .site-branding .custom-logo-link .custom-logo{max-height:calc(var(--header--branding--height) - var(--sizes--margin-m));width:auto;margin:0}}#masthead .header-wrapper .site-branding .site-logo{height:var(--header--branding--height)}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo{display:flex;flex-direction:row;align-items:center}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{margin-right:var(--sizes--margin--)}@media(max-width:767px){#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .site-logo{width:auto}}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .custom-logo{-o-object-position:right;object-position:right}#masthead .header-wrapper .site-branding.has-header-text.has-custom-logo .header-text{text-align:left;margin-left:var(--sizes--margin--)}#masthead .header-wrapper .header-text{height:100%;display:flex;flex-direction:column;justify-content:center}#masthead .header-wrapper .header-text .site-title a{color:var(--header--title-color)}#masthead .header-wrapper .header-text .site-description,#masthead .header-wrapper .header-text .site-title{margin:0;white-space:nowrap}#masthead .header-wrapper .header-text .site-description{display:inline-block;font-weight:var(--typography--default--font-weight--light);color:var(--header--text-color)}#masthead.header-portrait .header-wrapper{flex-direction:column}@media(max-width:767px){#masthead.header-portrait .header-wrapper{justify-content:center}}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-branding{padding-top:0}}#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:center;margin-right:auto;padding-top:var(--sizes--margin--);padding-bottom:var(--sizes--margin--)}@media(max-width:960px){#masthead.header-portrait .header-wrapper .site-branding .header-text{text-align:left;padding-top:0;padding-bottom:0}}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-title{font-size:calc(var(--header--branding--height)*0.4);line-height:1}#masthead.header-portrait .header-wrapper .site-branding .header-text .site-description{font-size:calc(var(--header--branding--height)*0.2);line-height:1}#masthead.header-portrait .header-wrapper .site-branding.has-header-text.has-custom-logo{justify-content:center;margin-right:0}#masthead.header-portrait .header-wrapper .main-navigation ul{height:auto}#masthead.header-portrait .header-wrapper .site-logo{margin-left:auto}#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-left:auto;margin-right:auto}@media(max-width:767px){#masthead.header-portrait .header-wrapper .site-logo .custom-logo{margin-right:0;margin-left:0}}#masthead.header-landscape .header-wrapper{flex-direction:row;height:var(--header--nav--height)}@media(max-width:960px){#masthead.header-landscape .header-wrapper{height:100%}}#masthead.header-landscape .header-wrapper .site-branding{padding-top:0;box-sizing:border-box;width:100%;height:100%}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding{padding-top:var(--sizes--margin-xs);padding-bottom:var(--sizes--margin-xs)}}#masthead.header-landscape .header-wrapper .site-branding .site-logo{height:100%;margin-left:0;width:auto}#masthead.header-landscape .header-wrapper .site-branding .custom-logo{-o-object-position:left;object-position:left;width:auto;height:var(--header--nav--height);max-width:var(--header--logo--height)}@media(max-width:960px){#masthead.header-landscape .header-wrapper .site-branding .custom-logo{max-width:100%}}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-title{font-size:calc(var(--header--nav--height)*0.3);line-height:1}#masthead.header-landscape .header-wrapper .site-branding .header-text .site-description{display:inline-block;font-weight:var(--typography--default--font-weight--light);font-size:calc(var(--header--nav--height)*0.2);line-height:1}#masthead.header-landscape .header-wrapper .main-navigation{align-self:flex-end;width:100%}#masthead.header-landscape .header-wrapper .main-navigation ul{justify-content:flex-end}#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:var(--header--nav--height)}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-navigation li a{line-height:2.5;height:auto}}#masthead.header-landscape .header-wrapper .main-menu{justify-content:flex-end;padding:0 0 0 var(--sizes--responsive--side-margin)}@media(max-width:960px){#masthead.header-landscape .header-wrapper .main-menu{padding:0;justify-content:flex-start}}@media screen and (max-width:600px){body.logged-in>div:last-child{position:fixed !important}}.admin-bar #masthead{top:32px}@media screen and (max-width:782px){.admin-bar #masthead{top:46px}}@media(max-width:960px){.main-navigation{overflow-y:auto}}.main-navigation .main-menu{display:flex;height:100%;align-items:center;justify-content:center}@media(max-width:960px){.main-navigation .main-menu{align-items:flex-start;justify-content:flex-start}}.main-navigation ul{display:flex;justify-content:center;height:var(--header--nav--height);margin:0;padding:0}@media(max-width:960px){.main-navigation ul{display:block;max-width:100%}}.main-navigation li{display:block;position:relative;margin:0;padding:0}.main-navigation li a{display:block;white-space:nowrap;height:var(--header--nav--height);line-height:var(--header--nav--height);padding:0 var(--sizes--margin-l);box-sizing:border-box;color:var(--header--text-color);font-weight:var(--typography--default--font-weight--bold);text-decoration:none !important;opacity:.8;transition:.35s}.main-navigation li a:hover{opacity:1}@media(max-width:1366px){.main-navigation li a{padding:0 var(--sizes--margin-m)}}@media(max-width:960px){.main-navigation li a{height:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:var(--typography--default--font-weight--regular);font-size:calc(var(--typography--default--font-size--m) - 2px);line-height:2.5}}.main-navigation li.current-menu-ancestor a,.main-navigation li.current-menu-item a,.main-navigation li.current-menu-parent a{font-weight:var(--typography--default--font-weight--bold);opacity:1}.main-navigation .menu>li:first-child a{padding-left:0}.main-navigation .menu>li:last-child a{padding-right:0}.main-navigation .menu>li li a{padding:0 var(--sizes--margin-l) !important}@media(max-width:960px){.main-navigation .menu>li li a{padding:0 !important}}.main-navigation .menu>li a{line-height:2.2;height:inherit}@media(max-width:960px){.main-navigation .menu>li a{padding:0}}@media(max-width:960px){.main-navigation .menu>li .sub-menu{padding-left:var(--sizes--margin-m)}}.main-navigation .menu-shadow{display:none}@media(max-width:960px){.main-navigation{background-color:rgba(var(--header--background--dark--decimal), .9);height:100vh;padding:var(--header--nav--height) var(--sizes--margin-m) var(--sizes--margin-l);z-index:1020;width:90%;max-width:360px;box-sizing:border-box;transform:translateX(100%);right:0}.main-navigation,.main-navigation+.menu-shadow{position:absolute;top:0;bottom:0;transition:.35s;transition-delay:50ms}.main-navigation+.menu-shadow{display:block;height:100vh;width:100%;opacity:0;right:100%;background-color:rgba(var(--wp--preset--color--black--decimal), .5);transition:opacity .2s;transform:translateX(0) !important}}@media(max-width:960px){.main-navigation{height:calc(100vh - var(--header--branding--height));padding:var(--sizes--margin-l) var(--sizes--responsive--side-margin)}.main-navigation,.main-navigation+.menu-shadow{top:var(--header--branding--height)}}@media(max-width:960px){#masthead.active .main-navigation{transform:translateX(0)}#masthead.active .main-navigation+.menu-shadow{opacity:1;right:0}}.site ul.sub-menu{position:absolute;z-index:1010;flex-direction:column;top:100%;left:0;opacity:0;clip:rect(0 0 0 0);width:auto;height:auto;padding:0;overflow:hidden;transition:.175s;transition-delay:0ms}@media(max-width:960px){.site ul.sub-menu{position:inherit;opacity:1;background-color:transparent !important;padding-left:var(--sizes--margin--)}}.site ul.sub-menu ul.sub-menu{top:0;left:100%}@media(max-width:960px){.site ul.sub-menu ul.sub-menu{position:inherit;left:inherit;background-color:transparent}}.site ul.sub-menu.active,.site ul.sub-menu:focus-within,li a:focus+.site ul.sub-menu{transition:.35s ease-out;transition-delay:.1s;clip:inherit;overflow:visible;opacity:1}.main-width,.site .entry-content>*{width:var(--sizes--content--width);max-width:100%;box-sizing:border-box;padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin);margin:0 auto var(--sizes--margin-l)}@media(max-width:1023px){.main-width,.site .entry-content>*{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}}.main-width.alignwide{width:var(--sizes--content--width-wide);max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:var(--sizes--margin-l)}#masthead+.site-content{padding-top:calc(var(--header--nav--height) + var(--sizes--margin-l))}@media(max-width:960px){#masthead+.site-content{padding-top:calc(var(--header--branding--height) + var(--sizes--margin-l))}}#masthead.header-portrait+.site-content{padding-top:calc(var(--header--branding--height) + var(--header--nav--height) + var(--sizes--margin-l))}@media(max-width:960px){#masthead.header-portrait+.site-content{padding-top:calc(var(--header--branding--height) + var(--sizes--margin-l))}}body.has-featured-image #masthead+.site-content{padding-top:var(--sizes--margin-l)}@media(max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media(max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:var(--sizes--margin-xl)}@media(max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:var(--sizes--responsive--side-margin)}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:var(--sizes--content--width-wide);max-width:100%;box-sizing:border-box;margin:0 auto}@media(max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - var(--sizes--sidebar--width) + var(--sizes--sidebar--side-margin))}@media(max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}.site .entry-content>*{margin-top:var(--sizes--margin-l);margin-bottom:var(--sizes--margin-xl)}.site .entry-content>:first-child{margin-top:0}.site .entry-content>:last-child{margin-bottom:0;clear:both}.site .entry-content>.alignclose{margin-top:0;margin-bottom:0}.site .entry-content>.alignclose.has-media-on-the-right.padded-image img{margin-right:var(--sizes--margin-xl);margin-left:0}.site .entry-content>.alignwide{width:100%;max-width:var(--sizes--content--width-wide);padding-left:var(--sizes--margin--);padding-right:var(--sizes--margin--);clear:both}.site .entry-content>.alignfull{position:relative;width:100%;padding-left:0;padding-right:0;clear:both}.site .entry-content>.alignleft{float:left}.site .entry-content>.alignleft,.site .entry-content>.alignright{width:auto;max-width:calc(var(--sizes--content--width) + var(--sizes--content--side-padding));margin-top:0;margin-bottom:0;padding-left:var(--sizes--margin--);padding-right:var(--sizes--margin--)}.site .entry-content>.alignright{float:right}.site .entry-content>.aligncenter{margin-left:auto;margin-right:auto;text-align:center}@media(max-width:1260px){.site .entry-content>.aligncenter{margin-left:auto;margin-right:auto}}body.home .entry-content{overflow:visible}body.home .entry-content>.wp-block-columns:first-child{margin-top:calc(var(--sizes--margin-xl)*-1.5);margin-bottom:var(--sizes--margin-xl);display:flex;flex-wrap:wrap;position:relative}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child{flex-direction:column;text-align:left;margin-bottom:var(--sizes--margin-l)}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column{background:var(--wp--preset--color--white);margin:0 var(--sizes--margin-l);padding:0 var(--sizes--margin-m) var(--sizes--margin-l);border:1px solid var(--wp--preset--color--gray-light);box-shadow:0 4px 20px -10px rgba(var(--wp--preset--color--black--decimal), .8);border-radius:var(--sizes--margin-xs);line-height:var(--typography--default--line-height);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;flex:1 0 20%}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column{padding-bottom:0;align-items:flex-start;margin:0 var(--sizes--margin-m) var(--sizes--margin-m);height:160px}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{justify-content:center;margin:0 calc(var(--sizes--margin-m)*-1) var(--sizes--responsive--side-margin);flex:auto}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image{margin:0 var(--sizes--margin-m) 0 0;width:30%;height:100%}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{height:100%;-o-object-fit:inherit;object-fit:inherit;padding-top:var(--sizes--margin-m)}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image img{width:100%;padding:15%;height:100%;box-sizing:border-box}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column .wp-block-image figure{display:block;width:100%;height:100%;margin:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column h2,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h3,body.home .entry-content>.wp-block-columns:first-child .wp-block-column h4{margin-top:0;margin-bottom:0}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{margin:0}@media(max-width:1023px){body.home .entry-content>.wp-block-columns:first-child .wp-block-column p{font-size:14px;width:65%;padding:0;text-align:left}}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p a{font-weight:400}body.home .entry-content>.wp-block-columns:first-child .wp-block-column p b,body.home .entry-content>.wp-block-columns:first-child .wp-block-column p strong{color:var(--color--text)}body.home .entry-content>.has-3-columns.animated .wp-block-column{overflow:hidden;transition:1.4s;transform:translateY(30%);opacity:0;transition-delay:.525s}body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:.875s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:1.05s}@media(max-width:1023px){body.home .entry-content>.has-3-columns.animated .wp-block-column,body.home .entry-content>.has-3-columns.animated .wp-block-column:first-of-type{transition-delay:inherit}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(2){transition-delay:.175s}body.home .entry-content>.has-3-columns.animated .wp-block-column:nth-of-type(3){transition-delay:.35s}}body.home .entry-content>.has-3-columns.animated.already-see .wp-block-column{transform:translateY(0);opacity:1}body.blog .page-header{padding-top:var(--sizes--margin-xl);padding-bottom:var(--sizes--margin-l)}@media(max-width:1023px){body.blog .page-header{padding-top:var(--sizes--margin-l);padding-bottom:var(--sizes--margin-m)}} \ No newline at end of file diff --git a/assets/dist/css/editor.css b/assets/dist/css/editor.css index 876f2302..278cc08e 100644 --- a/assets/dist/css/editor.css +++ b/assets/dist/css/editor.css @@ -1,3 +1,22 @@ +/* Main column width */ +.wp-block { + max-width: 960px; + margin-left: auto; + margin-right: auto; +} + +/* Width of "wide" blocks */ +.wp-block[data-align=wide] { + max-width: 1080px; + margin-left: auto; + margin-right: auto; +} + +/* Width of "full-wide" blocks */ +.wp-block[data-align=full] { + max-width: none; +} + html, body { margin: 0; @@ -5,7 +24,9 @@ body { } html { - background-color: #fcfcfc; + background-color: var(--wp--preset--color--white-smoke); + /* ios viewport bug fix */ + height: calc( var(--vh, 1vh) * 100 ); max-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; @@ -13,6 +34,7 @@ html { } body { + height: -webkit-fill-available; min-height: 100%; max-width: 100%; box-sizing: border-box; @@ -32,27 +54,27 @@ body { .has-black-background-color, .has-gray-dark-background-color, .has-gray-dark-background-color { - color: #fcfcfc; + color: var(--wp--preset--color--white); } .has-white-background-color, .has-white-smoke-background-color, .has-gray-light-background-color { - color: #4a4d54; + color: var(--color--text); } /* Headlines */ body { - font-family: "Montserrat", sans-serif, sans-serif; - color: #4a4d54; - font-weight: 400; - font-size: 17px; - line-height: 1.3; + font-family: var(--typography--content--font-family), sans-serif; + color: var(--color--text); + font-weight: var(--typography--content--font-family); + font-size: var(--typography--default--font-size--m); + line-height: var(--typography--default--line-height); word-break: break-word; } @media (max-width : 500px) { body { - font-size: 15px; + font-size: var(--typography--default--font-size--s); } } @@ -62,8 +84,8 @@ h3, h4, h5, h6 { - font-family: "Montserrat", sans-serif; - font-weight: 600; + font-family: var(--typography--title--font-family); + font-weight: var(--typography--title--font-weight); } h1, @@ -72,123 +94,96 @@ h3, h4, h5, h6 { - margin: 0 0 8px; + margin: 0 0 var(--sizes--margin--); padding: 0; } h1 { - font-size: 56px; -} -@media (max-width : 1260px) { - h1 { - font-size: 46px; - } + font-size: var(--typography--default--font-size--xxxl); } @media (max-width : 500px) { h1 { - font-size: 36px; + font-size: var(--typography--default--font-size--xxl); } } h2 { - font-size: 36px; -} -@media (max-width : 1260px) { - h2 { - font-size: 28px; - } + font-size: var(--typography--default--font-size--xxl); } @media (max-width : 500px) { h2 { - font-size: 22px; + font-size: var(--typography--default--font-size--l); } } - .woocommerce h2 { - font-size: 28px; -} -@media (max-width : 1260px) { - .woocommerce h2 { - font-size: 24px; - } + font-size: var(--typography--default--font-size--xl); } @media (max-width : 500px) { .woocommerce h2 { - font-size: 18px; + font-size: var(--typography--default--font-size--l); } } h3 { - font-size: 28px; -} -@media (max-width : 1260px) { - h3 { - font-size: 22px; - } + font-size: var(--typography--default--font-size--xl); } @media (max-width : 767px) { h3 { - font-size: 18px; + font-size: var(--typography--default--font-size--m); } } h4 { - font-size: 22px; + font-size: var(--typography--default--font-size--l); } @media (max-width : 1260px) { h4 { - font-size: 18px; + font-size: var(--typography--default--font-size--m); } } h5, h6 { - font-size: 17px; + font-size: var(--typography--default--font-size--m); } @media (max-width : 1260px) { h5, h6 { - font-size: 15px; + font-size: var(--typography--default--font-size--s); } } /* Text and lists */ li, .editor-styles-wrapper li, .editor-styles-wrapper p, p { - font-family: "Montserrat", sans-serif; - font-size: 17px; -} -@media (max-width : 1260px) { - li, .editor-styles-wrapper li, .editor-styles-wrapper p, -p { - font-size: 16px; - } + font-size: var(--typography--default--font-size--m); } @media (max-width : 500px) { li, .editor-styles-wrapper li, .editor-styles-wrapper p, p { - font-size: 15px; + font-size: var(--typography--default--font-size--s); } } p, .editor-styles-wrapper li, .editor-styles-wrapper p { - margin: 0 0 8px; + margin: 0 0 var(--sizes--margin--); } b, strong { - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); } a { text-decoration: none; + color: var(--wp--preset--color--secondary); } ul, ol, dl { - margin-top: 16px; - margin-bottom: 32px; - padding: 0 0 0 24px; + margin-top: var(--sizes--margin-m); + margin-bottom: var(--sizes--margin-m); + padding: 0; } ul li, ul .editor-styles-wrapper li, .editor-styles-wrapper ul li, ul .editor-styles-wrapper p, .editor-styles-wrapper ul p, ul dt, ol li, ol .editor-styles-wrapper li, .editor-styles-wrapper ol li, ol .editor-styles-wrapper p, .editor-styles-wrapper ol p, ol dt, dl li, dl .editor-styles-wrapper li, .editor-styles-wrapper dl li, dl .editor-styles-wrapper p, .editor-styles-wrapper dl p, dl dt { - line-height: 1.3; - margin-bottom: 12px; + line-height: var(--typography--default--line-height); + margin: 0; } iframe { @@ -197,63 +192,117 @@ iframe { } ::-moz-selection { - background-color: rgba(22, 190, 187, 0.5); + background-color: rgba(var(--wp--preset--color--primary--decimal), 0.5); color: white; } ::selection { - background-color: rgba(22, 190, 187, 0.5); + background-color: rgba(var(--wp--preset--color--primary--decimal), 0.5); color: white; } pre { width: 100%; - padding: 32px 64px; - background: #f0f0f0; - border: 1px solid #e3e3e3; + padding: var(--sizes--margin-l) var(--sizes--margin-xl); + background: var(--wp--preset--color--white); + border: 1px solid var(--wp--preset--color--gray-light); white-space: pre-wrap; box-sizing: border-box; } -blockquote { - min-height: 100px; - padding-top: 30px; - padding-bottom: 30px; - padding-left: 90px !important; - padding-right: 90px !important; - margin: 32px 0; - position: relative; - background: white; - border: 1px solid #e3e3e3; +code { + font-weight: var(--typography--default--font-weight--regular); + word-wrap: break-word; } -blockquote p, blockquote .editor-styles-wrapper li, .editor-styles-wrapper blockquote li, blockquote .editor-styles-wrapper p, .editor-styles-wrapper blockquote p { - margin-bottom: 24px; + +cite { + font-style: italic; +} + +.site .entry-content blockquote { + color: var(--color--text); + min-height: 60px; + padding: 30px 90px; + position: relative; + border: 1px solid var(--wp--preset--color--gray-light); } -blockquote:before { +.site .entry-content blockquote:before { font-family: "Material Icons"; content: "\e244"; position: absolute; top: -4px; left: 16px; font-size: 60px; - color: #16bebb; + color: var(--wp--preset--color--primary); +} +.site .entry-content blockquote.wp-block-quote blockquote { + border: 0; +} +.site .entry-content blockquote.wp-block-quote:not(.is-large), .site .entry-content blockquote.wp-block-quote:not(.is-style-large) { + border-left: 2px solid var(--wp--preset--color--primary); +} +.site .entry-content blockquote p, .site .entry-content blockquote .editor-styles-wrapper li, .editor-styles-wrapper .site .entry-content blockquote li, +.site .entry-content blockquote cite { + font-size: 1em; + font-style: italic; + font-family: var(--typography--title--font-family); + line-height: var(--typography--default--line-height--wide); + font-weight: var(--typography--default--font-weight--light); + text-transform: none; +} +.site .entry-content blockquote p em, .site .entry-content blockquote .editor-styles-wrapper li em, .editor-styles-wrapper .site .entry-content blockquote li em, +.site .entry-content blockquote cite em { + font-style: normal; +} +.site .entry-content blockquote.is-large, .site .entry-content blockquote.is-style-large { + max-width: 100%; +} +.site .entry-content blockquote.is-large p, .site .entry-content blockquote.is-large .editor-styles-wrapper li, .editor-styles-wrapper .site .entry-content blockquote.is-large li, .site .entry-content blockquote.is-style-large p, .site .entry-content blockquote.is-style-large .editor-styles-wrapper li, .editor-styles-wrapper .site .entry-content blockquote.is-style-large li { + font-style: italic; + padding-top: var(--sizes--margin-s); + margin-bottom: var(--sizes--margin-s); +} +@media (max-width : 1540px) { + .site .entry-content blockquote.wp-block-pullquote { + padding: var(--sizes--margin--) var(--sizes--margin-m); + } } -code { - background-color: #e3e3e3; - padding: 4px 6px; - font-weight: 600; +.site .entry-content .wp-block-pullquote { + border-color: transparent; + border-width: 2px; +} +.site .entry-content .wp-block-pullquote blockquote { + margin: 0; + border: 0; +} +.site .entry-content .wp-block-pullquote blockquote p:first-child, .site .entry-content .wp-block-pullquote blockquote .editor-styles-wrapper li:first-child, .editor-styles-wrapper .site .entry-content .wp-block-pullquote blockquote li:first-child { + margin-top: 0; +} +.site .entry-content .wp-block-pullquote.alignleft, .site .entry-content .wp-block-pullquote.alignright { + width: 100%; +} +.site .entry-content .wp-block-pullquote.is-style-solid-color { + padding-left: 0; + padding-right: 0; +} +.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote { + max-width: 100%; + border: 0; +} +.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color .editor-styles-wrapper li, .editor-styles-wrapper .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color li, .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color { + color: inherit; } @media (max-width : 940px) { .site-main .entry-content table, .site-main .entry-content pre, .site-main .entry-content blockquote { - padding-left: 20px; - padding-right: 20px; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } .site-main .entry-content table { - width: calc(100% - 40px); + width: calc(100% - var(--sizes--margin-m)); } } .post-tags { @@ -266,7 +315,7 @@ code { .post-tags ul { display: inline; margin: 0; - padding-left: 20px; + padding-left: var(--sizes--margin-m); } .post-tags li.post-tag, .post-tags .editor-styles-wrapper p.post-tag, .editor-styles-wrapper .post-tags p.post-tag { margin: 0 16px 10px 0; @@ -274,7 +323,7 @@ code { } .post-tag { - background: #6f4cad; + background: var(--wp--preset--color--secondary); border-radius: 3px 0 0 3px; display: inline-block; height: 22px; @@ -283,10 +332,10 @@ code { } .post-tag a { font-size: 11px; - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); letter-spacing: 1px; text-transform: uppercase; - color: #fff; + color: var(--wp--preset--color--white); text-decoration: none !important; } .post-tag, .post-tag::before, .post-tag::after, .post-tag a { @@ -295,7 +344,7 @@ code { .post-tag::before { background: #fff; border-radius: 10px; - box-shadow: inset 0 1px rgba(252, 252, 252, 0.25); + box-shadow: inset 0 1px rgba(var(--wp--preset--color--white--decimal), 0.25); content: ""; height: 6px; left: 10px; @@ -306,7 +355,7 @@ code { .post-tag::after { background: transparent; border-bottom: 11px solid transparent; - border-left: 10px solid #6f4cad; + border-left: 10px solid var(--wp--preset--color--secondary); border-top: 11px solid transparent; content: ""; position: absolute; @@ -314,13 +363,13 @@ code { top: 0; } .post-tag:hover { - background-color: #6f4cad; + background-color: var(--wp--preset--color--secondary); } .post-tag:hover a { color: white; } .post-tag:hover::after { - border-left-color: #6f4cad; + border-left-color: var(--wp--preset--color--secondary); } hr { diff --git a/assets/dist/js/scripts.js b/assets/dist/js/scripts.js index 5e7034c5..fcfd4d30 100644 --- a/assets/dist/js/scripts.js +++ b/assets/dist/js/scripts.js @@ -1,6 +1,243 @@ -"use strict";jQuery(document).ready(function(e){var t=document.getElementsByClassName("slider");if(t.length)for(var i=0;i of '}})}),e.fancybox.open(l,{loop:!1,index:i}),!1})}); -"use strict";jQuery(document).ready(function(t){var e,i=document.getElementById("masonry-wrapper");i&&(e=new Masonry(i,{itemSelector:".grid__item",columnWidth:".grid__col-sizer",gutter:".grid__gutter-sizer",transitionDuration:"0.8s"}),new InfiniteScroll(i,{path:".navigation a",append:".grid__item",outlayer:e,history:!1,status:".page-load-status"}),imagesLoaded(i,function(t){e.layout()}))}); -"use strict";jQuery(document).ready(function(a){a("nav li > .sub-menu").parent().hover(function(){var e=a(this).children(".sub-menu");a(e).hasClass("active")?a(e).removeClass("active"):a(e).addClass("active")})}); -"use strict";var parallaxDefaultSpeed=.3,shiftView=200,vScrollTop=0,lastScroll=0,viewHeight=Math.max(document.documentElement.clientHeight,window.innerHeight),headerHeight=document.getElementById("masthead").clientHeight,scrollOffset=headerHeight,headerDistanceFromTop=document.getElementById("masthead").offsetTop,isInViewport=function(e){e=e.getBoundingClientRect();return!(e.bottom<0||0<=e.top-viewHeight)},isFullyVisible=function(e){var t=e.getBoundingClientRect(),e=t.bottom-t.top>viewHeight?t.top+viewHeight:t.bottom;return 0<=t.top+shiftView&&e-shiftView<=document.documentElement.clientHeight};function VisibleItemsTrigger(l){var e=document.getElementsByClassName("interactive");[].slice.call(e).forEach(function(e){var t;isFullyVisible(e)?(e.classList.add("visible"),e.classList.add("already-see")):e.classList.remove("visible"),isInViewport(e)&&e.classList.contains("parallax")&&(t=-(window.pageYOffset+e.getBoundingClientRect().top-headerDistanceFromTop-l)*parallaxDefaultSpeed,e.getElementsByTagName("img")[0].style.transform="translateY("+t+"px)")})}function throttle(e,t){var l=Date.now();return function(){l+t-Date.now()<0&&(e(),l=Date.now())}}function scrollCallback(){vScrollTop=window.pageYOffset,headerHeight=document.getElementById("masthead").clientHeight,!(vScrollTop a").prepend('arrow_forward'),r(".sidebar .product-categories .children").hide(),r(".sidebar .product-categories li.current-cat-parent > .children, .product-categories li.current-cat > .children").show(),r(".sidebar .product-categories li.current-cat, .product-categories li.current-cat-parent").addClass("active"),r(function(){r(".sidebar .product-categories").find("a").on("click",function(e){var a=r(this).parent(".cat-item");a.hasClass("active")||(a.addClass("active"),(a.hasClass("cat-parent")||a.hasClass("current-cat"))&&e.preventDefault(),r(this).parents("li.cat-parent").siblings().removeClass("active"),r(this).siblings(".children").stop(!0,!0).slideToggle().parents(".cat-item").siblings().children(".children").stop(!0,!0).slideUp())})}))}); +"use strict"; + +jQuery(document).ready(function ($) { + // a slick slider + var sliders = document.getElementsByClassName("slider"); + + if (sliders.length) { + for (var i = 0; i < sliders.length; i++) { + if (sliders[i].classList.contains('slider-single')) { + $(sliders[i]).children('ul').slick({ + infinite: true, + slidesToShow: 1, + autoplay: true + }); + } else if (sliders[i].classList.contains('slider-multi')) { + $(sliders[i]).children('ul').slick({ + lazyLoad: 'ondemand', + dots: true, + infinite: true, + slidesToShow: 3, + autoplay: true, + centerMode: true, + responsive: [{ + breakpoint: 600, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + infinite: true, + dots: false + } + }, { + breakpoint: 400, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + infinite: true, + dots: false + } + }] + }); + } + } + } + + if ($('.lightbox')) { + $('.lightbox a').fancybox({ + caption: function caption() { + var altcaption = $(this).children('img').attr('alt').length ? $(this).children('img').attr('alt') : ''; + var figcaption = $(this).next('figcaption').length > 0 ? $(this).next('figcaption').text() : ''; + var imgcaption = figcaption !== '' ? figcaption : altcaption !== '' ? altcaption : ''; + return imgcaption; + } + }); + } + + if ($('.lightbox-gallery')) { + $('.lightbox-gallery a').click(function () { + var galleryImages, index; + + if ($(this).closest('.wp-block-gallery').hasClass('slider')) { + galleryImages = $(this).closest('.wp-block-gallery').find('.slick-slide:not(".slick-cloned") a'); + index = $(this).closest('.slick-slide').attr('data-slick-index'); + } else { + galleryImages = $(this).closest('.wp-block-gallery').find('a'); + index = $(this).closest('li').index(); + } + + var gallery = []; + galleryImages.each(function (index, galleryItem) { + var altcaption = $(this).children('img').attr('alt').length ? $(this).children('img').attr('alt') : ''; + var figcaption = $(this).next('figcaption').length > 0 ? $(this).next('figcaption').text() : ''; + var imgcaption = figcaption !== '' ? figcaption : altcaption !== '' ? altcaption : ''; + gallery.push({ + src: galleryItem.href, + opts: { + caption: imgcaption + '
of ' + } + }); + }); + $.fancybox.open(gallery, { + loop: false, + index: index + }); + return false; + }); + } +}); +"use strict"; + +jQuery(document).ready(function ($) { + var $container = document.getElementById('masonry-wrapper'); + + if ($container) { + var msnry = new Masonry($container, { + // Masonry options... + itemSelector: '.grid__item', + // select none at first + columnWidth: '.grid__col-sizer', + gutter: '.grid__gutter-sizer', + transitionDuration: '0.8s' + }); // init Infinite Scroll + + var infScroll = new InfiniteScroll($container, { + // Infinite Scroll options... + path: '.navigation a', + // selector for the NEXT link (to page 2) + append: '.grid__item', + // selector for all items you'll retrieve + outlayer: msnry, + history: false, + status: '.page-load-status' + }); + imagesLoaded($container, function (instance) { + msnry.layout(); + }); + } +}); +"use strict"; + +// Change 'hover' to 'click' if you want to +jQuery(document).ready(function ($) { + $('nav li > .sub-menu').parent().hover(function () { + var submenu = $(this).children('.sub-menu'); + + if (!$(submenu).hasClass("active")) { + $(submenu).addClass("active"); + } else { + $(submenu).removeClass("active"); + } + }); +}); +"use strict"; + +var parallaxDefaultSpeed = 0.3; +var shiftView = 200; // make the elements triggered before fully in the viewport + +var vScrollTop = 0; +var lastScroll = 0; +var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight); +var headerHeight = document.getElementById('masthead').clientHeight; +var scrollOffset = headerHeight; // the screen height where the header resize was triggered + +var headerDistanceFromTop = document.getElementById("masthead").offsetTop; + +var isInViewport = function isInViewport(elem) { + var rect = elem.getBoundingClientRect(); + return !(rect.bottom < 0 || rect.top - viewHeight >= 0); +}; + +var isFullyVisible = function isFullyVisible(elem) { + var rect = elem.getBoundingClientRect(); + var rectBottom; + rect.bottom - rect.top > viewHeight ? rectBottom = rect.top + viewHeight : rectBottom = rect.bottom; + return rect.top + shiftView >= 0 && rectBottom - shiftView <= document.documentElement.clientHeight; +}; + +function VisibleItemsTrigger(top) { + var animated = document.getElementsByClassName("interactive"); + var arr = [].slice.call(animated); + arr.forEach(function (entry) { + if (isFullyVisible(entry)) { + entry.classList.add('visible'); + entry.classList.add('already-see'); + } else { + entry.classList.remove('visible'); + } + + if (isInViewport(entry)) { + // Parallax images + // check if interactive box have a img child and get the distance from top + if (entry.classList.contains('parallax')) { + var firstTop = window.pageYOffset + entry.getBoundingClientRect().top - headerDistanceFromTop; + var moveTopItem = -(firstTop - top) * parallaxDefaultSpeed; + entry.getElementsByTagName('img')[0].style.transform = "translateY(" + moveTopItem + "px)"; + } + } + }); +} + +function throttle(fn, wait) { + var time = Date.now(); + return function () { + if (time + wait - Date.now() < 0) { + fn(); + time = Date.now(); + } + }; +} + +function scrollCallback() { + vScrollTop = window.pageYOffset; + headerHeight = document.getElementById('masthead').clientHeight; + + if (lastScroll > vScrollTop) { + document.body.classList.remove('scrolled'); + } else { + vScrollTop > scrollOffset ? document.body.classList.add('scrolled') : document.body.classList.remove('scrolled'); + } + + if (vScrollTop < 5) { + document.body.classList.add('top'); + } else { + document.body.classList.remove('top'); + } + + VisibleItemsTrigger(vScrollTop); + lastScroll = vScrollTop; +} + +document.addEventListener("DOMContentLoaded", function (event) { + scrollCallback(); + window.addEventListener('scroll', throttle(scrollCallback, 5), true); // 1 time every 5ms + + window.addEventListener('resize', scrollCallback, true); +}); +"use strict"; + +// WooCommerce category accordion +jQuery(document).ready(function ($) { + if ($('.sidebar ul.product-categories').length > 0) { + $('.sidebar .product-categories li.cat-parent > a').prepend('arrow_forward'); + $('.sidebar .product-categories .children').hide(); + $('.sidebar .product-categories li.current-cat-parent > .children, .product-categories li.current-cat > .children').show(); + $('.sidebar .product-categories li.current-cat, .product-categories li.current-cat-parent').addClass('active'); + $(function () { + $('.sidebar .product-categories').find('a').on('click', function (e) { + var catItem = $(this).parent('.cat-item'); + + if (!catItem.hasClass('active')) { + catItem.addClass('active'); + + if (catItem.hasClass('cat-parent') || catItem.hasClass('current-cat')) { + e.preventDefault(); + } + + $(this).parents('li.cat-parent').siblings().removeClass('active'); + $(this).siblings('.children').stop(true, true).slideToggle().parents('.cat-item').siblings().children('.children').stop(true, true).slideUp(); + } + }); + }); + } +}); //# sourceMappingURL=scripts.js.map diff --git a/assets/src/js/user/menu.js b/assets/src/js/user/menu.js index 38b5de8f..3195dc82 100644 --- a/assets/src/js/user/menu.js +++ b/assets/src/js/user/menu.js @@ -1,5 +1,6 @@ // Change 'hover' to 'click' if you want to jQuery(document).ready(function($){ + $('nav li > .sub-menu').parent().hover(function () { var submenu = $(this).children('.sub-menu'); diff --git a/assets/src/scss/components/accessibility.scss b/assets/src/scss/components/accessibility.scss index f54d3417..feedf1c7 100644 --- a/assets/src/scss/components/accessibility.scss +++ b/assets/src/scss/components/accessibility.scss @@ -16,21 +16,20 @@ &.skip-link {display: block;} &:focus { - background-color: $color__primary; + background-color: var(--wp--preset--color--primary); border-radius: 3px; - box-shadow: 0 0 2px 2px transparentize($color__black, 0.25); + box-shadow: 0 0 2px 2px rgba(var(--wp--preset--color--black--decimal), .5 ); clip: auto !important; clip-path: none; - color: $color__white; - font-size: $text__size - 1; - font-weight: 600; + color: var(--wp--preset--color--white); + font-weight: bolder; height: auto; display: block; - right: $size__margin; - top: $size__margin; + right: var(--sizes--margin--); + top: var(--sizes--margin--); z-index: 100000; line-height: 1; - padding: ($size__margin * 1.5) ($size__margin * 3); + padding: var(--sizes--margin--) var(--sizes--margin-l); text-decoration: none; width: auto; /* Above WP toolbar. */ diff --git a/assets/src/scss/components/animations.scss b/assets/src/scss/components/animations.scss index ac3538c9..5c9ffcd4 100644 --- a/assets/src/scss/components/animations.scss +++ b/assets/src/scss/components/animations.scss @@ -61,8 +61,8 @@ figure.parallax, figcaption { position: absolute; - right: $size__padding_resp; - left: $size__padding_resp; + right: var(--sizes--responsive--side-margin); + left: var(--sizes--responsive--side-margin); } max-height: 70vh; diff --git a/assets/src/scss/components/blocks.scss b/assets/src/scss/components/blocks.scss index 9e0fdb73..6e00aa06 100644 --- a/assets/src/scss/components/blocks.scss +++ b/assets/src/scss/components/blocks.scss @@ -1,91 +1,7 @@ -/* Block styles */ - -.site-main .entry-content > * { - - @extend %website-width; - - margin-top: $size__padding * .75; - margin-bottom: $size__padding; - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - clear: both; - } - - &.alignclose { - margin-top: 0; - margin-bottom: 0; - - &.has-media-on-the-right.padded-image img { - margin-right: $size__padding; - margin-left: 0; - } - } - - &.alignwide { - width: 100%; - max-width: $size__site-width; - padding-left: $size__margin; - padding-right: $size__margin; - clear: both; - } - - &.alignfull { - position: relative; - width: 100%; - padding-left: 0; - padding-right: 0; - clear: both; - } - - &.alignleft { - float: left; - width: auto; - max-width: $size__site-width + ($size__side-padding * .5); - margin-top: 0; - margin-bottom: 0; - padding-left: $size__margin; - padding-right: $size__margin; - } - - &.alignright { - float: right; - width: auto; - max-width: $size__site-width + ($size__side-padding * .5); - margin-top: 0; - margin-bottom: 0; - padding-left: $size__margin; - padding-right: $size__margin; - } - - &.aligncenter { - margin-left: auto; - margin-right: auto; - text-align: center; - - @media #{$mq__tablet} { - margin-left: auto; - margin-right: auto; - } - } - - &.height-40 { - min-height: 40vh; - } - - &.height-100 { - min-height: 100vh; - } -} - /* Typography styles */ .site-main { .entry-content { - line-height: $text__line-height-content; + line-height: var(--typography--default--line-height--wide); h1, h2, @@ -94,47 +10,55 @@ h5, h6 { margin-top: 0; - margin-bottom: $size__padding * .25; - line-height: $text__line-height; + margin-bottom: var(--sizes--margin--); + line-height: var(--typography--default--line-height); } - + + li, p { margin-top: 0; - margin-bottom: $size__padding * .25; + margin-bottom: var(--sizes--margin-s); + } + + p { & + h1, & + h2 { - margin-top: $size__padding; + margin-top: var(--sizes--margin-xl); } & + h3, & + h4, & + h5, & + h6 { - margin-top: $size__padding * .5; + margin-top: var(--sizes--margin-l); } } + + a { + font-weight: var(--typography--default--font-weight--bold); + } } ul, ol, dl { - padding: 0 ($size__padding-resp * 2); - margin-top: $size__padding * .5; - margin-bottom: $size__padding * .25; + padding: 0 var(--sizes--margin-s); + margin-top: var(--sizes--margin-s); + margin-bottom: var(--sizes--margin-m); list-style-position: inside; - line-height: $text__line-height-content; + line-height: var(--typography--default--line-height--wide); li, dt { - padding-left: $size__margin; + padding-left: var(--sizes--margin--); } ul, ol { - padding-left: $size__padding-resp * 2; + padding-left: calc(var(--sizes--responsive--side-margin) * 2); } } .wp-block-gallery { - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); &.alignfull { padding:0; .blocks-gallery-grid { @@ -155,7 +79,7 @@ } button { - margin-top: $size__padding * .5; + margin-top: var(--sizes--margin-l); } } @@ -188,10 +112,8 @@ //! Subhead .wp-block-subhead { - // @extend h4; font-style: inherit; opacity: 1; - color: $color__black; } //! Audio @@ -202,21 +124,21 @@ &.alignleft audio, &.alignright audio { - max-width: (0.33 * $size__site-width); + max-width: calc(var(--sizes--responsive--side-margin) * .33); @media #{$mq__smaller-than-tablet} { - max-width: (0.5 * $size__site-width); + max-width: calc(var(--sizes--responsive--side-margin) * .5); } @media #{$mq__desktop} { - max-width: (0.33 * $size__site-width); + max-width: calc(var(--sizes--responsive--side-margin) * .33); } } &.alignwide, &.alignfull { - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } } @@ -233,46 +155,6 @@ } } - //! Button - .wp-block-button { - - .wp-block-button__link { - @extend %button; - } - - &.is-style-squared .wp-block-button__link { - border-radius: 0; - } - - &.is-style-outline .wp-block-button__link, - &.is-style-outline .wp-block-button__link:focus, - &.is-style-outline .wp-block-button__link:active { - border: 2px solid; - background-color: transparent; - - &:not(.has-background) { - background: transparent; - } - - &:not(.has-text-color) { - color: $color__accent; - border-color: currentColor; - } - } - - &.is-style-outline .wp-block-button__link:hover { - color: $color__accent; - background-color: $color__white; - border-color: $color__accent; - filter: brightness(120%); - - &:not(.has-background) { - color: $color__accent; - } - } - - } - //! Latest posts, categories, archives .wp-block-archives, .wp-block-categories, @@ -282,235 +164,81 @@ list-style: none; li { - color: $color__text; - font-weight: 300; - &.menu-item-has-children, &:last-child { padding-bottom: 0; } - - a { - text-decoration: none; - font-weight: 500; - } } .wp-block-latest-posts__post-date { - color: $color__black; - font-size: 13px; - font-weight: 400; + color: var(--wp--preset--color--black); + font-size: var(--typography--default--font-size--s); line-height: 1; - margin-bottom: $size__padding * .5; + margin-bottom: var(--sizes--margin-l); } } .wp-block-archives, .wp-block-categories { - list-style-type: none; - ul, li { padding: 0; margin: 0 auto; } - - li { - a { margin-bottom: $size__margin} - } - + ul { list-style-type: none; - padding-left: $size__padding-resp; - a { - color: $color__text; - font-weight: 400; - } + padding-left: var(--sizes--responsive--side-margin); } - - - &.aligncenter { - text-align: center; - ul { - padding: 0 0 $size__padding-resp * .5; - } + + li { + a { margin-bottom: var(--sizes--margin--);} } } - //! Latest categories - .wp-block-categories { - - } - //! Latest posts grid view .wp-block-latest-posts.is-grid { display: flex; justify-content: space-between; li { - background-color: $color__white; + background-color: var(--wp--preset--color--white); margin: 0; } } //! Latest preformatted text .wp-block-preformatted { - line-height: $text__line-height * 1.5; - padding: ($size__padding * .5) $size__padding; + line-height: var(--typography--default--line-height-wide); + padding: var(--sizes--margin-l) var(--sizes--margin-xl); } //! Verse .wp-block-verse { - line-height: 2; - font-weight: 300; + line-height: 2.2; + font-weight: var(--typography--default--font-weight--light); font-style: italic; } //! Paragraphs .has-drop-cap { - margin-bottom: $size__padding * .5; + margin-bottom: var(--sizes--margin-l); &:not(:focus):first-letter { - font-family: $font__family-headline; + font-family: var(--typography--title--font-family); line-height: 1; - font-weight: 600; - margin: 0 ($size__margin * 2) 0 0; - } - } - - //! Pullquote - .wp-block-pullquote { - border-color: transparent; - border-width: 2px; - padding: ($blockquote__icon-size * .5) ($blockquote__icon-size * 2); - - @media #{$mq__theme-width} { - padding: ($blockquote__icon-size * .5) ($size__padding-resp * 2); - } - - blockquote { - color: $color__text; - border: none; - } - - p { - font-style: italic; - font-weight: 300; - line-height: 1.3; - - em { - font-style: normal; - } - } - - cite { - display: inline-block; - font-family: $font__family-headline; - line-height: 1.6; - text-transform: none; - color: $color__text; - } - - &.alignleft, - &.alignright { - width: 100%; - - blockquote { - margin: $size__margin 0; - max-width: 100%; - - p:first-child { - margin-top: 0; - } - } - } - - &.is-style-solid-color { - background-color: $color__secondary; - padding-left: 0; - padding-right: 0; - - p { - line-height: 1.3; - margin-bottom: 0.5em; - margin-top: 0.5em; - } - - cite { - color: inherit; - } - - blockquote { - max-width: 100%; - color: $color__background; - padding-left: 0; - margin-left: $size__margin; - margin-right: $size__margin; - - &.has-text-color p, - &.has-text-color a, - &.has-primary-color, - &.has-secondary-color, - &.has-dark-gray-color, - &.has-light-gray-color, - &.has-white-color { - color: inherit; - } - } + font-weight: var(--typography--default--font-weight--bold); + margin: 0 var(--sizes--margin-m) 0 0; } } - - //! Blockquote - .wp-block-quote { - - &:not(.is-large), - &:not(.is-style-large) { - border-left: 2px solid $color__secondary; - padding-left: $blockquote__icon-size * 2; - padding-top: $blockquote__icon-size * .5; - padding-bottom: $blockquote__icon-size * .5; - } - - p { - font-size: 1em; - font-style: normal; - line-height: 1.8; - } - - cite {} - - &.is-large, - &.is-style-large { - border-left: 0; - border-right: 0; - max-width: 100%; - - p { - line-height: 1.4; - font-style: italic; - } - - cite, - footer { - } - } - } - + //! Image .wp-block-image { .aligncenter { - - @media #{$mq__smaller-than-tablet} { - margin: 0 auto; - - img { - margin: 0 auto; - } - } - @media #{$mq__desktop} { + margin: 0 auto; img { margin: 0 auto; } @@ -527,16 +255,16 @@ } .alignleft { - margin-right: $size__margin * 4; + margin-right: var(--sizes--margin-l); @media #{$mq__smaller-than-tablet} { - margin-right: $size__margin * 2; + margin-right: var(--sizes--margin-m); } } .alignright { - margin-left: $size__margin * 4; + margin-left: var(--sizes--margin-l); @media #{$mq__smaller-than-tablet} { - margin-left: $size__margin * 2; + margin-left: var(--sizes--margin-m); } } @@ -573,8 +301,8 @@ object-position: left; } .wp-block-media-text__content { - padding-right: $size__padding; - padding-left: $size__padding * .5; + padding-right: var(--sizes--margin-xl); + padding-left: var(--sizes--margin-l); margin-left: auto; } } @@ -586,11 +314,8 @@ } .wp-block-media-text__content { - max-width: $size__site-width * .4; - padding-right: $size__padding * .5; - padding-left: $size__padding; - padding-top: $size__padding * .5; - padding-bottom: $size__padding * .5; + max-width: calc( var(--sizes--content--width-wide) * .4); + padding: var(--sizes--margin-xl) var(--sizes--margin-l) var(--sizes--margin-xl) var(--sizes--margin-xl); > * { &:first-child { @@ -603,8 +328,8 @@ } @media #{$mq__smaller-than-tablet} { - padding-left: $size__padding-resp !important; - padding-right: $size__padding-resp !important; + padding-left: var(--sizes--responsive--side-margin) !important; + padding-right: var(--sizes--responsive--side-margin) !important; } } @@ -614,7 +339,7 @@ .wp-block-cover-image, .wp-block-cover { position: relative; - min-height: 430px; + min-height: 40vh; padding: 0; background-color: initial; background-size: cover; @@ -624,17 +349,17 @@ overflow: hidden; .wp-block-cover__inner-container { - max-width: $size__site-width - ($size__side-padding * 2); + max-width: var(--sizes--content--width); } .wp-block-cover-image-text, .wp-block-cover-text, h2 { - font-family: $font__family-headline; - font-weight: bold; - line-height: $text__line-height; + font-family: var(--typography--title--font-family); + font-weight: var(--typography--default--font-weight--bold); + line-height: var(--typography--default--line-height); padding: 0; - margin: $size__padding-resp auto; + margin: var(--sizes--margin-m) auto; @media #{$mq__smaller-than-tablet} { max-width: 100%; @@ -646,18 +371,12 @@ width: 100%; @media #{$mq__smaller-than-tablet} { - padding: $size__margin ($size__margin * 2); + padding: var(--sizes--margin--) var(--sizes--margin-m); } } &.alignfull { - .wp-block-cover-image-text, - .wp-block-cover-text, - h2 { - - } - @media #{$mq__smaller-than-tablet} { .wp-block-cover-image-text, @@ -697,7 +416,7 @@ } figcaption a { - color: #fff; + color: var(--wp--preset--color--white); } } @@ -708,7 +427,7 @@ .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; - padding: $size__margin; + padding: var(--sizes--margin--); text-align: center; box-sizing: border-box; } @@ -716,9 +435,12 @@ //! Separator .wp-block-separator, hr { + border: none; + border-bottom: 1px solid var(--wp--preset--color--gray-light); + opacity: 1; height: 2px; - margin-top: $size__padding; - margin-bottom: $size__padding * .5; + margin-top: var(--sizes--margin-xl); + margin-bottom: var(--sizes--margin-l); max-width: 2.25em; text-align: left; @@ -727,7 +449,6 @@ margin-right: 0; width: 100%; max-width: 100%; - border-bottom: 1px solid transparentize($color__black, .9 ); } &.is-style-dots { @@ -738,7 +459,7 @@ text-align: center; &:before { - color: $color__secondary; + color: var(--wp--preset--color--secondary); font-size: 64px; letter-spacing: 24px; padding-left: 24px; @@ -749,7 +470,6 @@ * is followed by an H1, or H2 */ & + h1, & + h2 { - &:before { display: none; } @@ -771,29 +491,29 @@ th, td { border-color: transparent; - border-bottom: 1px solid $color__light-grey; + border-bottom: 1px solid var(--wp--preset--color--gray-light); } - &.alignwide {width: $size__site-width;} + &.alignwide {width: var(--sizes--content--width-wide);} &.alignfull {width: 100%;} } //! File .wp-block-file { - font-family: $font__family-headline; + font-family: var(--typography--title--font-family); .wp-block-file__button { display: table; border: none; border-radius: 5px; - background: $color__accent; - font-size: $text__size; + background: var(--wp--preset--color--secondary); + font-size: var(--typography--default--font-size--m); text-decoration: none; - font-weight: bold; - color: $color__white; + font-weight: var(--typography--default--font-weight--bold); + color: var(--wp--preset--color--white); margin-left: 0; - margin-top: calc(0.75 * #{$size__margin}); + margin-top: var(--sizes--margin--); &:hover { filter: brightness(120%); @@ -811,8 +531,8 @@ //! Columns .wp-block-text-columns { &.alignwide { - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } } @@ -829,8 +549,8 @@ .wp-block-columns { &.alignfull { - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } @media #{$mq__phablet} { @@ -857,8 +577,8 @@ &.alignfull, &.alignfull .wp-block-column { - padding-left: $size__margin * 2; - padding-right: $size__margin * 2; + padding-left: var(--sizes--margin-m); + padding-right: var(--sizes--margin-m); } } } @@ -867,11 +587,11 @@ .wp-block-latest-comments { .wp-block-latest-comments__comment-meta { - font-family: $font__family-headline; - font-weight: bold; + font-family: var(--typography--title--font-family); + font-weight: var(--typography--default--font-weight--bold); .wp-block-latest-comments__comment-date { - font-weight: normal; + font-weight: var(--typography--default--font-weight--regular); } } @@ -881,39 +601,29 @@ font-size: inherit; } - &.has-avatars { - - } - &.has-dates { .wp-block-latest-comments__comment-date { - font-size: $text__size * .5; + font-size: var(--typography--default--font-size--xs); } } - - &.has-excerpts { - - } } //! Font Sizes .has-small-font-size { - font-size: $text__size * .7; + font-size: var(--typography--default--font-size--s); } .has-normal-font-size { - font-size: $text__size; + font-size: var(--typography--default--font-size--m); } - + .has-large-font-size { - font-size: $text__size * 1.6; - line-height: 1.2; + font-size: var(--typography--default--font-size--l); } .has-huge-font-size { - font-size: $text__size * 2.5; - line-height: 1.2; + font-size: var(--typography--default--font-size--xxl); } } diff --git a/assets/src/scss/components/comments.scss b/assets/src/scss/components/comments.scss index 92f6425b..49e6f027 100644 --- a/assets/src/scss/components/comments.scss +++ b/assets/src/scss/components/comments.scss @@ -1,49 +1,45 @@ .entry-comments { clear: both; - margin-top: $size__padding * .75; - padding-top: $size__padding; - border-top: 1px solid $color__light-grey; + margin-top: var(--sizes--margin-m); + padding-top: var(--sizes--margin-xl); + border-top: 1px solid rgba(var(--wp--preset--color--black), 0.05); > p { - font-size: 1.3em; - margin-bottom: $size__padding; - font-weight: 300; + font-size: var(--typography--default--font-size--l); + margin-bottom: var(--sizes--margin-xl); + font-weight: var(--typography--default--font-weight--light); } .navigation a { - font-size: 12px; - font-weight: 400; - color: $color__dark-grey; + font-size: var(--typography--default--font-size--s); + font-weight: var(--typography--default--font-weight--regular); + color: var(--wp--preset--color--gray-dark); } p.comment-notes { - font-size: 13px; + font-size: var(--typography--default--font-size--s); font-style: italic; - color: $color__dark-grey; + color: var(--wp--preset--color--gray-dark); } p.comments-closed, p.no-comments-yet { text-align: center; font-style: italic; - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); } p.logged-in-as { - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); float: right; - font-size: 13px; - line-height: 20px; - margin: -30px 0 0; - - @media #{$mq__phablet} { - margin: 0; - } + font-size: var(--typography--default--font-size--s); + line-height: 1; + margin: 0; } } - +// commentlist variables $comments__avatar-size: 64px; .site-main ol.commentlist { @@ -53,18 +49,18 @@ $comments__avatar-size: 64px; ul, ol { padding: 0; - margin-top: $size__padding * .25; - margin-bottom: $size__padding * .25; + margin-top: var(--sizes--margin-m); + margin-bottom: var(--sizes--margin-m); list-style: none; } li { margin: 0; display: block; - padding: ($size__margin * 2) 0 ($size__margin * 4) 0; + padding: var(--sizes--margin-m) 0 var(--sizes--margin-l) 0; li { - padding-left: $size__margin * 4; + padding-left: var(--sizes--margin-l); } } @@ -84,9 +80,8 @@ $comments__avatar-size: 64px; line-height: $comments__avatar-size * .66; a, b { - color: $color__secondary; - font-weight: 600; - font-size: 23px; + color: var(--wp--preset--color--secondary); + font-size: var(--typography--default--font-size--xl); } } @@ -95,20 +90,18 @@ $comments__avatar-size: 64px; line-height: 1; a { - font-size: 12px; - font-weight: 400; - color: lighten($color__dark-grey, 20%); + font-size: var(--typography--default--font-size--xs); + color: var(--wp--preset--color--gray); } .comment-edit-link { opacity: 0; - transition: 350ms; - background-color: $color__secondary; - margin-left: $size__margin * 2; - padding: ($size__margin * .5) ($size__margin * 1.5); - border-radius: $size__margin * 2; - color: $color__white; - font-weight: 600; + transition: $animations__lenght; + background-color: var(--wp--preset--color--secondary); + margin-left: var(--sizes--margin-m); + padding: var(--sizes--margin-xs) var(--sizes--margin-s); + border-radius: var(--sizes--margin-m); + color: var(--wp--preset--color--white); } } @@ -117,11 +110,11 @@ $comments__avatar-size: 64px; } .comment-content { - background: $color__white; - border: 1px solid darken($color__white, 5%); - padding: $size__padding * .25; + background: var(--wp--preset--color--white); + border: 1px solid var(--wp--preset--color--white-smoke); + padding: var(--sizes--margin-m); margin-left: $comments__avatar-size * 1.25; - margin-top: $size__margin; + margin-top: var(--sizes--margin--); max-height: 800px; overflow-y: auto; @@ -132,19 +125,18 @@ $comments__avatar-size: 64px; .reply { text-align: right; a { - color: $color__light-grey; + color: var(--wp--preset--color--gray-light); clear: both; - padding: ($size__margin * .5) ($size__margin * 1.5); - border-radius: $size__margin * 2; + padding: var(--sizes--margin-xs) var(--sizes--margin-s); + border-radius: var(--sizes--margin-m); display: inline-block; - line-height: 1.2; - margin-top: $size__margin * 1.5; - font-size: 14px; + line-height: var(--typography--default--line-height); + margin-top: var(--sizes--margin-s); transition: $animations__lenght; &:hover { - background-color: $color__secondary; - color: $color__white; + background-color: var(--wp--preset--color--secondary); + color: var(--wp--preset--color--white); } } } @@ -156,7 +148,7 @@ $comments__avatar-size: 64px; > small { display: block; - font-size: $text__size; + font-size: var(--typography--default--font-size--m); } label { @@ -164,8 +156,14 @@ $comments__avatar-size: 64px; display: inline-block; } - form p { - margin-bottom: $size__margin * 2; + form { + p { + margin-bottom: var(--sizes--margin-m); + } + a { + font-weight: var(--typography--default--font-weight--regular); + } + } input[type="text"], input[type="email"], input[type="url"] { @@ -174,22 +172,18 @@ $comments__avatar-size: 64px; .comment-form-cookies-consent { display: flex; - margin: ($size__margin * 2) 0; + margin: var(--sizes--margin-m) 0; label { font-size: 14px; line-height: 1; - margin-left: $size__margin; + margin-left: var(--sizes--margin--); } } .form-submit { - margin-top: $size__margin * 2; + margin-top: var(--sizes--margin-l); text-align: right; - input { - font-size: 16px; - padding: 10px 16px; - } } } diff --git a/assets/src/scss/components/content-header.scss b/assets/src/scss/components/content-header.scss index d282d59c..bacfbe1e 100644 --- a/assets/src/scss/components/content-header.scss +++ b/assets/src/scss/components/content-header.scss @@ -1,44 +1,63 @@ -// Pages Header -.entry-header { - text-align: center; - - .meta-wrapper { - float: inherit; +// Page Header +.site { + .entry-header { + width: var(--sizes--entry-title--width); + max-width: 100%; + + @media #{$mq__smaller-than-tablet} { + width: 100%; + } + } + + .page-header { + margin-bottom: var(--sizes--margin-xl); + + @media #{$mq__smaller-than-tablet} { + margin-bottom: var(--sizes--margin-m); + } } } +// Page Title .page-title, -.entry-title { +.entry-title, +.has-title-color { text-align: center; margin-left: auto; margin-right: auto; - width: 80%; - margin-bottom: $size__padding-resp; + margin-bottom: 0; + &, + a { + color: var(--color--title); + } @media #{$mq__smaller-than-tablet} { width: 100% } } -.page-header, .entry-header, .woocommerce-products-header { display: block; width: 100%; - max-width: $size__site-width; + max-width: var(--sizes--content--width-wide); text-align: center; - margin: 0 auto $size__padding-resp; + margin: 0 auto var(--sizes--margin-m); @media #{$mq__content-width} { max-width: 100%; width: auto; - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } p { margin: 0 auto; - max-width: $size__site-width * .5; - line-height: $text__line-height-content; + width: var(--sizes--entry-title--width); + line-height: var(--typography--default--line-height--wide); + + &.breadcrumbs { + width: 100%; + } } } \ No newline at end of file diff --git a/assets/src/scss/components/content.scss b/assets/src/scss/components/content.scss index 4925ac70..9a35c098 100644 --- a/assets/src/scss/components/content.scss +++ b/assets/src/scss/components/content.scss @@ -2,17 +2,17 @@ %website-width { // used for blocks sizes - width: $size__site-width - ($size__side-padding * 2); + width: var(--sizes--content--width); max-width: 100%; box-sizing: border-box; - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; - margin: 0 auto ($size__padding * .75); + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); + margin: 0 auto var(--sizes--margin-l); @media #{$mq__smaller-than-tablet} { - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } } @@ -21,7 +21,7 @@ @extend %website-width; &.alignwide { - width: $size__site-width; + width: var(--sizes--content--width-wide); max-width: 100%; } @@ -43,30 +43,30 @@ } .site-content { - padding-top: $size__padding * .5; + padding-top: var(--sizes--margin-l); } // if there isn't a featured image compensate void space under the menu #masthead { + .site-content { - padding-top: $size__nav-height + $size__padding * .5; - @media #{$mq__responsive_brekpoint} { - padding-top: $head__height-responsive + $size__padding * .5; + padding-top: calc(var(--header--nav--height) + var(--sizes--margin-l)); + @media #{$mq__responsive_breakpoint} { + padding-top: calc(var(--header--branding--height) + var(--sizes--margin-l)); } } &.header-portrait + .site-content { - padding-top: $size__nav-height + $size__branding-height + $size__padding * 1.5; - @media #{$mq__responsive_brekpoint} { - padding-top: $head__height-responsive + $size__padding * .5; + padding-top: calc(var(--header--branding--height) + var(--header--nav--height) + var(--sizes--margin-l)); + @media #{$mq__responsive_breakpoint} { + padding-top: calc(var(--header--branding--height) + var(--sizes--margin-l)); } } body.has-featured-image & + .site-content { - padding-top: $size__padding * .75; - @media #{$mq__responsive_brekpoint} { + padding-top: var(--sizes--margin-l); + @media #{$mq__responsive_breakpoint} { padding-top: 0; } } @@ -79,16 +79,16 @@ body.woocommerce { &.sidebar-left .site-content { flex-direction: row-reverse; - @media #{$mq__responsive_brekpoint} { + @media #{$mq__responsive_breakpoint} { flex-direction: column; } } &.has-featured-image .site-content { - padding-top: $size__padding * .5; + padding-top: var(--sizes--margin-xl); - @media #{$mq__responsive_brekpoint} { - padding-top: $size__padding_resp; + @media #{$mq__responsive_breakpoint} { + padding-top: var(--sizes--responsive--side-margin); } } @@ -96,25 +96,97 @@ body.woocommerce { display: flex; justify-content: center; - width: $size__site-width; + width: var(--sizes--content--width-wide); max-width: 100%; box-sizing: border-box; - margin-top: 0; - margin-right: auto; - margin-left: auto; - margin-bottom: 0; - - @media #{$mq__responsive_brekpoint} { + margin: 0 auto; + + @media #{$mq__responsive_breakpoint} { width: 100%; flex-direction: column; } .content-area { - width: calc(100% - #{$sidebar__width + $sidebar__margin}); - @media #{$mq__responsive_brekpoint} { + width: calc(100% - var(--sizes--sidebar--width) + var(--sizes--sidebar--side-margin)); + @media #{$mq__responsive_breakpoint} { width: 100%; } } } } + +/* Block styles */ +.site .entry-content > * { + + @extend %website-width; + + margin-top: var(--sizes--margin-l); + margin-bottom: var(--sizes--margin-xl); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + clear: both; + } + + &.alignclose { + margin-top: 0; + margin-bottom: 0; + + &.has-media-on-the-right.padded-image img { + margin-right: var(--sizes--margin-xl); + margin-left: 0; + } + } + + &.alignwide { + width: 100%; + max-width: var(--sizes--content--width-wide); + padding-left: var(--sizes--margin--); + padding-right: var(--sizes--margin--); + clear: both; + } + + &.alignfull { + position: relative; + width: 100%; + padding-left: 0; + padding-right: 0; + clear: both; + } + + &.alignleft { + float: left; + width: auto; + max-width: calc(var(--sizes--content--width) + var(--sizes--content--side-padding)); + margin-top: 0; + margin-bottom: 0; + padding-left: var(--sizes--margin--); + padding-right: var(--sizes--margin--); + } + + &.alignright { + float: right; + width: auto; + max-width: calc(var(--sizes--content--width) + var(--sizes--content--side-padding) ); + margin-top: 0; + margin-bottom: 0; + padding-left: var(--sizes--margin--); + padding-right: var(--sizes--margin--); + } + + &.aligncenter { + margin-left: auto; + margin-right: auto; + text-align: center; + + @media #{$mq__tablet} { + margin-left: auto; + margin-right: auto; + } + } +} \ No newline at end of file diff --git a/assets/src/scss/components/extras.scss b/assets/src/scss/components/extras.scss index 07c9030e..e407f6b9 100644 --- a/assets/src/scss/components/extras.scss +++ b/assets/src/scss/components/extras.scss @@ -2,54 +2,54 @@ .entry-footer { clear: both; & > div { - padding-top: $size__padding; + padding-top: var(--sizes--margin-xl); } } .page-links { clear: both; - padding-top: $size__padding; + padding-top: var(--sizes--margin-xl); } .post-meta { .meta-wrapper { display: inline-flex; + margin-top: var(--sizes--margin--); p { - color: $color__dark-grey; - font-size: $text__size - 4; - font-weight: 300; + width: auto; + color: var(--wp--preset--color--gray-dark); + font-size: var(--typography--default--font-size--s); margin-bottom: 0; - margin-left: $size__margin; - margin-right: $size__margin; + margin-left: var(--sizes--margin--); + margin-right: var(--sizes--margin--); @media #{$mq__smaller-than-tablet} { - font-size: $text__size - 6; + font-size: var(--typography--default--font-size--xs); } } a { - color: $color__dark-grey; - font-weight: 600; + color: var(--wp--preset--color--gray-dark); + font-weight: var(--typography--default--font-weight--bold); text-transform: uppercase; } } } .breadcrumbs { - font-size: $text__size - 6; - margin-bottom: $size__margin; - font-weight: 600; + font-size: var(--typography--default--font-size--xs); + margin-bottom: var(--sizes--margin--); + font-weight: var(--typography--default--font-weight--bold); letter-spacing: 1.5px; - color: lighten($color__dark-grey, 40%); + color: var(--wp--preset--color--gray-dark); a { - color: $color__dark-grey; - font-weight: 600; + color: var(--wp--preset--color--gray-dark); + font-weight: var(--typography--default--font-weight--bold); text-transform: uppercase; - margin-left: $size__margin * .5; - margin-right: $size__margin * .5; - transition: $animations__lenght; + margin-left: var(--sizes--margin-xs); + margin-right: var(--sizes--margin-xs); opacity: .5; &:last-of-type { @@ -76,27 +76,24 @@ li { display: block; padding: 0; - margin: $size__margin 0 ($size__padding * .75); + margin: var(--sizes--margin-s) 0 var(--sizes--margin-l); clear: both; - font-weight: 400; p { margin: 0; - font-size: .9em; - font-weight: 400; } img { float: left; clear: both; width: $image-size; - margin-right: $size__padding-resp; - margin-bottom: $size__padding-resp; + margin-right: var(--sizes--margin--); + margin-bottom: var(--sizes--margin--); max-height: $image-size; @media #{$mq__smaller-than-tablet} { width: $image-size * .5; - margin-right: $size__padding-resp * .5; - margin-bottom: $size__padding-resp * .5; + margin-right: var(--sizes--margin-m); + margin-bottom: var(--sizes--margin-m); } } } @@ -109,13 +106,12 @@ flex-wrap: wrap; a { - line-height: 1.2; - font-weight: 500; display: inline-table; vertical-align: baseline; - width: calc(100% - 30px); + width: auto; + @media #{$mq__smaller-than-tablet} { - font-size: 90%; + width: 50%; } } @@ -134,10 +130,10 @@ .nav-links { flex-basis: 100%; text-align: center; - margin-top: $size__padding * .5; + margin-top: var(--sizes--margin-l); * { - margin: 0 $size__margin; + margin: 0 var(--sizes--margin--); } .page-numbers { @@ -150,16 +146,16 @@ vertical-align: middle; box-sizing: border-box; - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); line-height: $pagenumber__size; border-radius: $pagenumber__size * .5; - background-color: $color__light-grey; - color: darken($color__light-grey, 20%); + background-color: var(--wp--preset--color--gray-light); + color: var(--wp--preset--color--gray); transition: $animations__lenght; &.current, - &:hover {color: $color__dark-grey;} + &:hover {color: var(--wp--preset--color--gray-dark);} &.next, &.prev { @@ -171,7 +167,7 @@ .post-navigation { .navigation { - margin-top: $size__margin * 2; + margin-top: var(--sizes--margin-m); & > div { height: 60px; } @@ -180,15 +176,16 @@ } .category-list-labels { - padding-top: $size__padding * .5; + + padding-top: var(--sizes--margin-l); ul, li { display: inline-block; } li { - background: $color__white; + background: var(--wp--preset--color--white); border-radius: 15px; - border: 1px solid $color__light-grey; + border: 1px solid var(--wp--preset--color--gray-light); width: auto; height: 30px; line-height: 26px; @@ -198,11 +195,10 @@ box-sizing: border-box; a { - font-size: 12px; - font-weight: 600; + font-size: var(--typography--default--font-size--xs); letter-spacing: 1px; text-transform: uppercase; - color: $color__dark-grey; + color: var(--wp--preset--color--gray-dark); text-decoration: none !important; transition: 0.2s; } @@ -216,20 +212,14 @@ } // Extra -.wp-block-separator, -hr { - border: none; - border-bottom: 1px solid transparentize($color__secondary, .6); -} - .sticky { background-color: transparent; - h1, h2 { color: $color__primary;} + h1, h2 { color: var(--wp--preset--color--primary)} } // Hero -body .hero { +.site .hero { width: 100%; height: 100vh; display: flex; @@ -237,7 +227,7 @@ body .hero { justify-content: center; align-content: center; position: relative; - background-color: darken($color__nav-background, 10%); + background-color: rgba(var(--header--background--dark--decimal), 1); & > * { position: relative; @@ -254,49 +244,41 @@ body .hero { } .hero-title { - padding-top: $size__branding-height + $size__nav-height; - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + box-sizing: border-box; + padding-top: calc(var(--header--nav--height) + var(--header--branding--height)); margin: auto; z-index: 2; - - .page-title { - max-width: $size__site-width * .75; - width: 100%; - } + max-width: var(--sizes--content--width); + width: 100%; h1, p { - text-shadow: 0 2px 4px transparentize($color__black, 0.3); - color: $color__white; + text-shadow: 0 2px 4px rgba( var(--wp--preset--color--black--decimal), .5); + color: var(--wp--preset--color--white); } h1 { - font-size: 64px; - font-weight: 700; + font-size: var(--element--hero--title--font-size); margin: 0 auto; - @media #{$mq__smaller-than-tablet} { - font-size: 44px; - width: 100%; - } - @media #{$mq__smartphone} {font-size: 36px;} - @media #{$mq__smallphone} {font-size: 30px;} + @media #{$mq__smaller-than-tablet} {width: 100%;} + + @media #{$mq__phablet} {font-size: calc(var(--element--hero--title--font-size) * .8);} } p { - font-size: 19px; + font-size: var(--typography--default--font-size--m); font-style: italic; @media #{$mq__smaller-than-tablet} { - font-size: 17px; - line-height: $text__line-height; + font-size: var(--typography--default--font-size--m); + line-height: var(--typography--default--line-height); } @media #{$mq__smallphone} {font-size: 15px;} } - + a { margin-top: 32px; @media #{$mq__smaller-than-tablet} { - font-size: 17px; + font-size: var(--typography--default--font-size--m); padding: 10px 16px; } } @@ -317,6 +299,6 @@ body.archive { right: 0; width: 100%; height: 100%; - box-shadow: inset 0 ($size__padding) ($size__nav-height) (-$size__nav-height) #{$color__black}cc; + box-shadow: inset 0 80px 80px -80px rgba(var(--wp--preset--color--black--decimal), .8); } } \ No newline at end of file diff --git a/assets/src/scss/components/footer.scss b/assets/src/scss/components/footer.scss index 9d49a0b4..ef07c147 100644 --- a/assets/src/scss/components/footer.scss +++ b/assets/src/scss/components/footer.scss @@ -1,21 +1,42 @@ .site-footer { - margin-top: $size__padding * 1.5; + margin-top: var(--sizes--margin-xl); clear: both; - - h3 { + + + h1, + h2, + h3, + h4, + .widget-title { + color: var(--footer--text-color); white-space: nowrap; - padding-bottom: $size__margin; - margin-bottom: $size__padding * .25; - font-weight: 600; - font-size: 21px; - border-bottom: 1px solid transparentize($color__black, .8); - - @media #{$mq__smaller-than-tablet} {font-size: 18px;} + padding-bottom: var(--sizes--margin--); + margin-bottom: var(--sizes--margin-m); + font-weight: var(--typography--default--font-size--l); + font-size: var(--typography--default--font-weight--bold); + border-color: rgba( var(--footer--text-color-decimal), .5); + + @media #{$mq__smaller-than-tablet} { + font-weight: var(--typography--default--font-size--m); + } } - + + .widget-title { + border-width: 0 0 1px; + border-style: solid; + } + + .has-footer-text-color, + a, + b, + li, + p { + color: rgba( var(--footer--text-color-decimal), .9); + } + .footer-widgets { - padding-top: $size__padding; - padding-bottom: $size__padding * .5; + padding-top: var(--sizes--margin-xl); + padding-bottom: var(--sizes--margin-l); display: flex; @media #{$mq__smaller-than-tablet} { @@ -27,7 +48,7 @@ padding: 0; margin: 0; ul { - margin-left: $size__padding-resp * .5; + margin-left: var(--sizes--margin--); } } @@ -39,12 +60,12 @@ @extend .ellipsis; a { - font-weight: 400; + font-weight: var(--typography--default--font-weight--regular); } .post-date { - font-size: 13px; - margin-left: $size__margin; + font-size: var(--typography--default--font-size--xs); + margin-left: var(--sizes--margin--); opacity: .5; } } @@ -53,15 +74,15 @@ .widget { flex: 1 1 0; box-sizing: content-box; - margin-right: $size__padding * 1.5; width: 100%; - max-width: $size__site-width * .25; - - @media #{$mq__responsive-size_brekpoint} { + margin-right: var(--sizes--margin-xl); + max-width: calc( var(--sizes--sidebar--width) * 1.3); + + @media #{$mq__smaller-than-tablet} { margin-left: 0 !important; margin-right: 0 !important; - padding-bottom: $size__padding * .5; - max-width: 100%; + padding-bottom: var(--sizes--margin-l); + max-width: inherit; } &:first-of-type {margin-left: 0;} @@ -70,24 +91,25 @@ &.credits { flex-grow: 2; - margin-right: $size__padding * 4; - width: inherit; + margin-right: var(--sizes--margin-xl); + width: 100%; + max-width: calc( var(--sizes--sidebar--width) * 1.3); @media #{$mq__smaller-than-tablet} { - padding-top: $size__padding * .5; + padding-top: var(--sizes--margin-l); padding-bottom: 0; } img { - width: 280px; - max-width: 100%; + max-width: 280px; + width: 100%; } } } .footer-info { - padding: $size__margin 0; + padding: var(--sizes--margin--) 0; @media #{$mq__larger-than-tablet} { text-align: right; @@ -96,7 +118,7 @@ p { margin-top: 0; margin-bottom: 0; - font-size: 12px; + font-size: var(--typography--default--font-size--xs); } } diff --git a/assets/src/scss/components/hamburger.scss b/assets/src/scss/components/hamburger.scss index e46d7d96..17e03d72 100644 --- a/assets/src/scss/components/hamburger.scss +++ b/assets/src/scss/components/hamburger.scss @@ -19,40 +19,60 @@ background-color: transparent; i { - display: block; - position: absolute; - top: $hamburger__size * .5; - background: $hamburger__color; - left: 0; - right: 0; - height: $hamburger__weight; - transition: background 0.15s 0.1s; - transition-delay: 0.1s, 0s; - + + &, &::after, &::before { - position: absolute; + background-color: var(--element--hamburger--color); display: block; + position: absolute; + height: $hamburger__weight; left: 0; width: 100%; - height: $hamburger__weight; - background: $hamburger__color; + } + + & { + top: $hamburger__size * .5; + transition: background 0.15s 0.1s; + transition-delay: 0.1s, 0s; + } + + &::before { + top: $hamburger__size * .3; + transition-property: top, transform; + } + + &::after { + bottom: $hamburger__size * .3; + transition-property: bottom, transform; + } + + &::after, + &::before { content: ""; transition-duration: .3s,.3s; transition-delay: 0.3s, 0s; } - &::before {top: $hamburger__size * .3;transition-property: top, transform;} - &::after {bottom: $hamburger__size * .3;transition-property: bottom, transform;} } .active & { i { background: 0 0; transition-delay: 0.2s, 0.0s; - - &::before { top: 0; transform: rotate(45deg); } - &::after { bottom: 0; transform: rotate(-45deg); } + + &::before { + top: 0; + transform: rotate(45deg); + } + + &::after { + bottom: 0; + transform: rotate(-45deg); + } + &::after, - &::before { transition-delay: 0s, 0.3s;} + &::before { + transition-delay: 0s, 0.3s; + } } } diff --git a/assets/src/scss/components/header.scss b/assets/src/scss/components/header.scss index 7177cf07..5c9d32ae 100644 --- a/assets/src/scss/components/header.scss +++ b/assets/src/scss/components/header.scss @@ -1,6 +1,6 @@ // TODO: remove or check if is used .header-color { - background-color: $color__nav-background; + background-color: var(--header--nav-background); } #masthead { @@ -9,25 +9,26 @@ top: 0; width: 100%; transition: $animations__lenght; + color: var(--header--text-color); - @media #{$mq__responsive-size_brekpoint} { - height: $head__height-responsive; + @media #{$mq__responsive_breakpoint} { + height: var(--header--branding--height); transform: inherit !important; padding: 0; } - + // UTILS && ANIMATIONS // if the page was scrolled shows a shadow under the header .scrolled & { - box-shadow: 0 3px 10px -5px transparentize($color__black, 0.3); - @media #{$mq__responsive-size_brekpoint} { + box-shadow: 0 3px 10px -5px rgba( var(--wp--preset--color--black--decimal), .7); + @media #{$mq__responsive_breakpoint} { transform: inherit !important; } } - + // hides the logo in portrait header when the page is scrolled - .scrolled &.header-portrait {transform: translateY(-#{$size__branding-height});} - + .scrolled &.header-portrait { transform: translateY( calc( var(--header--branding--height) * -1 ) ); } + // the background image .site-header-image { position: absolute; @@ -35,67 +36,66 @@ height: 100%; left: 0; } - + .show-on-mobile { display: none; - @media #{$mq__responsive_brekpoint} { + @media #{$mq__responsive_breakpoint} { display: block; } } - + %header-top-right-position { position: absolute; top: 0; - right: $size__padding-resp; + right: var(--sizes--responsive--side-margin); height: 100%; - @media #{$mq__responsive_brekpoint} { + @media #{$mq__responsive_breakpoint} { display: flex; justify-content: center; align-content: center; } } - + // the menu icons near the hamburger .menu-resp { @extend %header-top-right-position; z-index: 1030; } - + // the menu icons near the hamburger .menu-icons-container { - $icons-height: 20px; - + @extend %header-top-right-position; z-index: 1010; - right: ($size__padding-resp * 3) + $hamburger__size ; - + right: var(--sizes--margin-m) + $hamburger__size ; + .button { min-width: $icons-height; - margin: auto 0 auto ($size__margin * 1.25); - padding: ($size__margin * 1.25); - - border-radius: $icons-height + ($size__margin * 1.5); - border: 1.5px solid transparentize($color__light-grey, .5); - + margin: auto 0 auto var(--sizes--margin--); + padding: var(--sizes--margin-m); + + border-radius: $icons-height + var(--sizes--margin-s); + border: 1.5px solid var(--wp--preset--color--gray-light); + opacity: 0.75; transition: $animations__lenght; - + &.text { - padding: ($size__margin * 1.25) ($size__margin * 2.5); + padding: ($size__margin * 1.25) var(--sizes--margin-m); } - + &:hover { opacity: 1; } - + span { display: block; - font-size: $text__size - 4; + font-size: var(--typography--default--font-size--s); height: $icons-height; line-height: $icons-height + 2; } - + i { font-size: $icons-height; line-height: $icons-height; @@ -103,146 +103,151 @@ } } } - + // Logo/site title container .header-wrapper { display: flex; margin-top: 0; margin-bottom: 0; - - @media #{$mq__responsive-size_brekpoint} {height: 100%;} - + + @media #{$mq__responsive-size_breakpoint} {height: 100%;} + .site-branding { align-items: flex-start; - height: $size__branding-height; - - @media #{$mq__responsive-size_brekpoint} { + height: var(--header--branding--height); + + @media #{$mq__responsive-size_breakpoint} { text-align: left; padding-right: $hamburger__size * 2; justify-content: flex-start !important; } - + // Custom logo .custom-logo-link { display: flex; height: 100%; align-items: center; - + .custom-logo { object-fit: contain; - height: $size__logo-size; - max-width: 100%; + height: var(--header--logo--height); width: auto; - - @media #{$mq__responsive-size_brekpoint} { - max-height: $head__height-responsive - ($size__margin * 2); + max-width: var(--header--branding--max-width); + + @media #{$mq__responsive-size_breakpoint} { + max-height: calc(var(--header--branding--height) - var(--sizes--margin-m)); width: auto; margin: 0; } } } - - &.has-custom-logo .site-logo { - height: $size__branding-height; + + .site-logo { + height: var(--header--branding--height); } - + &.has-header-text.has-custom-logo { display: flex; flex-direction: row; align-items: center; - + .site-logo { - margin-right: $size__margin; - - @media #{$mq__responsive-size_brekpoint} { + margin-right: var(--sizes--margin--); + + @media #{$mq__responsive-size_breakpoint} { width: auto; } } .custom-logo {object-position: right;} - + .header-text { text-align: left; - margin-left: $size__margin; + margin-left: var(--sizes--margin--); } } } - + // Site title & description (no custom logo) .header-text { height: 100%; display: flex; flex-direction: column; justify-content: center; - + + .site-title a { + color: var(--header--title-color); + } + .site-title, .site-description { margin: 0; white-space: nowrap; } - + .site-description { display: inline-block; - font-weight: 300; + font-weight: var(--typography--default--font-weight--light); + color: var(--header--text-color); } } - + } - - + + // PORTRAIT &.header-portrait .header-wrapper { - + flex-direction: column; - @media #{$mq__responsive-size_brekpoint} { + @media #{$mq__responsive-size_breakpoint} { justify-content: center; } - + .site-branding { - @media #{$mq__responsive-size_brekpoint} { + @media #{$mq__responsive-size_breakpoint} { padding-top: 0; } - + .header-text { text-align: center; margin-right: auto; - padding-top: $size__margin; - padding-bottom: $size__margin; - @media #{$mq__responsive-size_brekpoint} { + padding-top: var(--sizes--margin--); + padding-bottom: var(--sizes--margin--); + + @media #{$mq__responsive_breakpoint} { text-align: left; padding-top: 0; padding-bottom: 0; } - - + .site-title { - font-size: $size__branding-height * .40; + font-size: calc( var(--header--branding--height) * .4 ); line-height: 1; } - + .site-description { - font-size: $size__branding-height * .20; + font-size: calc( var(--header--branding--height) * .2 ); line-height: 1; } } - + &.has-header-text.has-custom-logo { justify-content: center; margin-right: 0; } } - + .main-navigation { ul { height: auto; } } - + .site-logo { margin-left: auto; .custom-logo { margin-left: auto; margin-right: auto; - @media #{$mq__responsive-size_brekpoint} { + @media #{$mq__responsive-size_breakpoint} { margin-right: 0; margin-left: 0; } @@ -255,8 +260,8 @@ // LANDSCAPE &.header-landscape .header-wrapper { flex-direction: row; - height: $size__nav-height; - @media #{$mq__responsive_brekpoint} { + height: var(--header--nav--height); + @media #{$mq__responsive_breakpoint} { height: 100%; } @@ -265,37 +270,37 @@ box-sizing: border-box; width: 100%; height: 100%; - @media #{$mq__responsive_brekpoint} { - padding-top: $size__margin * .5; - padding-bottom: $size__margin * .5; + @media #{$mq__responsive_breakpoint} { + padding-top: var(--sizes--margin-xs); + padding-bottom: var(--sizes--margin-xs); } .site-logo { + height: 100%; margin-left: 0; width: auto; - height: 100%; } .custom-logo { object-position: left; width: auto; - height: $size__logo-size; - max-width: $size__branding-max-width; - @media #{$mq__responsive_brekpoint} { + height: var(--header--nav--height); + max-width: var(--header--logo--height); + @media #{$mq__responsive_breakpoint} { max-width: 100%; } } .header-text { .site-title { - font-size: $size__nav-height * .33; + font-size: calc(var(--header--nav--height) * .3); line-height: 1; } .site-description { display: inline-block; - font-weight: 300; - font-size: $size__nav-height * .22; + font-weight: var(--typography--default--font-weight--light); + font-size: calc(var(--header--nav--height) * .2); line-height: 1; } } @@ -310,8 +315,8 @@ } li a { - line-height: $size__nav-height; - @media #{$mq__responsive_brekpoint} { + line-height: var(--header--nav--height); + @media #{$mq__responsive_breakpoint} { line-height: $size__nav-responsive-line-height; height: auto; } @@ -320,8 +325,8 @@ .main-menu { justify-content: flex-end; - padding: 0 0 0 $size__padding-resp; - @media #{$mq__responsive_brekpoint} { + padding: 0 0 0 var(--sizes--responsive--side-margin); + @media #{$mq__responsive_breakpoint} { padding: 0; justify-content: flex-start; } diff --git a/assets/src/scss/components/navigation.scss b/assets/src/scss/components/navigation.scss index 7a8068d0..82aef020 100644 --- a/assets/src/scss/components/navigation.scss +++ b/assets/src/scss/components/navigation.scss @@ -1,187 +1,180 @@ -$nav_padding: 0 ($size__margin * 4); -$nav_padding_resp: 0 ($size__margin * 3); - .main-navigation { - @media #{$mq__responsive_brekpoint} { + @media #{$mq__responsive_breakpoint} { overflow-y: auto; } - + // THE MAIN LEVEL MENU .main-menu { display: flex; height: 100%; align-items: center; justify-content: center; - - @media #{$mq__responsive_brekpoint} { + + @media #{$mq__responsive_breakpoint} { align-items: flex-start; justify-content: flex-start; } } - + ul { display: flex; justify-content: center; - height: $size__nav-height; + height: var(--header--nav--height); margin: 0; padding: 0; - - @media #{$mq__responsive_brekpoint} { + + @media #{$mq__responsive_breakpoint} { display: block; max-width: 100%; } } - + li { display: block; position: relative; margin: 0; padding: 0; - + a { display: block; white-space: nowrap; - height: $size__nav-height; - line-height: $size__nav-height; - padding: $nav_padding; + height: var(--header--nav--height); + line-height: var(--header--nav--height); + padding: 0 var(--sizes--margin-l); box-sizing: border-box; - - font-weight: 600; + color: var(--header--text-color); + + font-weight: var(--typography--default--font-weight--bold); text-decoration: none !important; opacity: .8; transition: $animations__lenght; - + &:hover {opacity: 1;} - + @media #{$mq__laptop} { - padding: $nav_padding_resp; + padding: 0 var(--sizes--margin-m); } - - @media #{$mq__responsive_brekpoint} { + + @media #{$mq__responsive_breakpoint} { height: auto; - line-height: $size__nav-responsive-line-height; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; + font-weight: var(--typography--default--font-weight--regular); + font-size: calc(var(--typography--default--font-size--m) - 2px); + line-height: $size__nav-responsive-line-height; } - - } - - @media #{$mq__responsive_brekpoint} { - li a { - font-weight: 400; - opacity: .7; - line-height: $size__nav-height * .66; - } + } - + &.current-menu-item, &.current-menu-ancestor, &.current-menu-parent { a { + font-weight: var(--typography--default--font-weight--bold); opacity: 1; } } } - + // THE SUBMENUS .menu > li { - + &:first-child a { padding-left: 0; } - + &:last-child a { padding-right: 0; } - + li a { - padding: $nav_padding !important; - @media #{$mq__responsive_brekpoint} { - padding: 0!important; + padding: 0 var(--sizes--margin-l) !important; + @media #{$mq__responsive_breakpoint} { + padding: 0 !important; } } - + a { - line-height: 2.5; + line-height: $size__nav-line-height; height: inherit; - @media #{$mq__responsive_brekpoint} { + @media #{$mq__responsive_breakpoint} { padding: 0; } } - - @media #{$mq__responsive_brekpoint} { + + @media #{$mq__responsive_breakpoint} { .sub-menu { - padding-left: $size__margin *2; + padding-left: var(--sizes--margin-m); } } - + } - + .menu-shadow { display: none; } - - @media #{$mq__responsive_brekpoint} { - background-color: darken($color__nav-background, 5%); + + @media #{$mq__responsive_breakpoint} { + background-color: rgba(var(--header--background--dark--decimal),.9); height: 100vh; - padding: $size__nav-height $size__padding-resp ($size__padding-resp * 1.5); + padding: var(--header--nav--height) var(--sizes--margin-m) var(--sizes--margin-l); // if you want to append the menu to the edge of the header - // height: calc(100vh - #{$size__nav-height}); - // padding: ($size__padding-resp * 1.5) $size__padding-resp; + // height: calc(100vh - var(--header--nav--height)); + // padding: var(--sizes--margin-l) var(--sizes--responsive--side-margin); z-index: 1020; width: 90%; - max-width: $size__responsive-menu-width; + max-width: $size__responsive-menu-max-width; box-sizing: border-box; transform: translateX(100%); right: 0; - + & + .menu-shadow, & { position: absolute; top: 0; // if you want to append the menu to the edge of the header - // top: $size__nav-height; + // top: var(--header--nav--height); bottom: 0; transition: 350ms; transition-delay: 50ms; } - + & + .menu-shadow { display: block; height: 100vh; width: 100%; opacity: 0; right: 100%; - background-color: transparentize($color__black, .5); + background-color: rgba( var(--wp--preset--color--black--decimal), .5); transition: 200ms opacity; transform: translateX(0) !important; } } - - @media #{$mq__responsive-size_brekpoint} { - - height: calc(100vh - #{$head__height-responsive}); - padding: ($size__padding-resp * 1.5) $size__padding-resp; - + + @media #{$mq__responsive_breakpoint} { + + height: calc(100vh - var(--header--branding--height)); + padding: var(--sizes--margin-l) var(--sizes--responsive--side-margin); + & + .menu-shadow, & { - top: $head__height-responsive; + top: var(--header--branding--height); } - + } - + } -@media #{$mq__responsive_brekpoint} { +@media #{$mq__responsive_breakpoint} { #masthead { - + &.active { .main-navigation { transform: translateX(0); } - + .main-navigation + .menu-shadow { opacity: 1; right: 0; @@ -190,7 +183,7 @@ $nav_padding_resp: 0 ($size__margin * 3); } } -body ul.sub-menu { +.site ul.sub-menu { position: absolute; z-index: 1010; flex-direction: column; @@ -205,19 +198,19 @@ body ul.sub-menu { transition: $animations__lenght * .5; transition-delay: 0ms; - - @media #{$mq__responsive_brekpoint} { + + @media #{$mq__responsive_breakpoint} { position: inherit; opacity: 1; background-color: transparent !important; - padding-left: $size__padding-resp * .5; + padding-left: var(--sizes--margin--); } ul.sub-menu { top: 0; left: 100%; - - @media #{$mq__responsive_brekpoint} { + + @media #{$mq__responsive_breakpoint} { position: inherit; left: inherit; background-color: transparent; diff --git a/assets/src/scss/components/search-form.scss b/assets/src/scss/components/search-form.scss index 50b57dc1..4b7f53f4 100644 --- a/assets/src/scss/components/search-form.scss +++ b/assets/src/scss/components/search-form.scss @@ -1,7 +1,7 @@ .search-form { display: flex; - max-width: $sidebar__width; + max-width: var(--sizes--sidebar--width); margin: 0 auto; border-radius: 4px; overflow: hidden; @@ -20,8 +20,11 @@ [type="search"] { width: 100%; margin: 0; - padding: $size__margin ($size__margin * 2); - font-size: $text__size - 2; + padding: $size__margin var(--sizes--margin-m); + font-size: var(--typography--default--font-size--s); + border: 1px solid var(--wp--preset--color--gray-light); + outline: 0; + box-shadow: inherit !important; } [type="submit"] { @@ -30,11 +33,11 @@ border-radius: 0; font-size: 0; } - + &:before { content: '\E8B6'; font-family: 'Material Icons'; - color: $color__white; + color: var(--wp--preset--color--white); font-size: 28px; display: block; width: 24px; @@ -47,7 +50,7 @@ #primary & { - margin: $size__padding auto; + margin: var(--sizes--margin-xl) auto; } } diff --git a/assets/src/scss/components/sidebar.scss b/assets/src/scss/components/sidebar.scss index 60880e21..9529dd4e 100644 --- a/assets/src/scss/components/sidebar.scss +++ b/assets/src/scss/components/sidebar.scss @@ -1,8 +1,8 @@ #secondary { - min-width: $sidebar__width; - width: $sidebar__width; - padding: 0 $size__padding-resp; + min-width: var(--sizes--sidebar--width); + width: var(--sizes--sidebar--width); + padding: 0 var(--sizes--responsive--side-margin); box-sizing: border-box; .search-form { @@ -11,29 +11,23 @@ @media #{$mq__larger-than-tablet} { padding: 0; - .sidebar-right & {padding-left: $sidebar__margin;} - .sidebar-left & {padding-right: $sidebar__margin;} + .sidebar-right & {padding-left: var(--sizes--sidebar--side-margin);} + .sidebar-left & {padding-right: var(--sizes--sidebar--side-margin);} } - @media #{$mq__responsive_brekpoint} { - padding-top: ($size__padding-resp * 2); - border-top: 1px solid #eee; + @media #{$mq__responsive_breakpoint} { + padding-top: var(--sizes--margin-l); + border-top: 1px solid rgba(var(--wp--preset--color--black), 0.05); min-width: inherit; width: 100%; } - + section { - padding-bottom: $size__padding * .75; + padding-bottom: var(--sizes--margin-l); } h3 { - margin: 0 0 $size__margin * .5; - font-size: 20px; - font-weight: 600; - } - - a { - font-weight: 500; - font-size: $text__size - 1; + margin: 0 0 var(--sizes--margin-xs); + font-size: var(--typography--default--font-size--l); } } \ No newline at end of file diff --git a/assets/src/scss/editor.scss b/assets/src/scss/editor.scss index aae7839c..63833b61 100644 --- a/assets/src/scss/editor.scss +++ b/assets/src/scss/editor.scss @@ -1,3 +1,22 @@ +/* Main column width */ +.wp-block { + max-width: 960px; + margin-left: auto; + margin-right: auto; +} + +/* Width of "wide" blocks */ +.wp-block[data-align="wide"] { + max-width: 1080px; + margin-left: auto; + margin-right: auto; +} + +/* Width of "full-wide" blocks */ +.wp-block[data-align="full"] { + max-width: none; +} + @import "utils/vars"; @import "utils/media-queries"; @@ -13,4 +32,4 @@ .editor-styles-wrapper { li, p {@extend li, p;} -} \ No newline at end of file +} diff --git a/assets/src/scss/main/base.scss b/assets/src/scss/main/base.scss index 9592042a..8eb0d36a 100644 --- a/assets/src/scss/main/base.scss +++ b/assets/src/scss/main/base.scss @@ -5,7 +5,9 @@ body { } html { - background-color: $color__background; + background-color: var(--wp--preset--color--white-smoke); + /* ios viewport bug fix */ + height: calc( var(--vh, 1vh) * 100 ); max-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; @@ -13,6 +15,7 @@ html { } body { + height: -webkit-fill-available; min-height: 100%; max-width: 100%; box-sizing: border-box; diff --git a/assets/src/scss/main/buttons.scss b/assets/src/scss/main/buttons.scss index be2915e1..d1452097 100644 --- a/assets/src/scss/main/buttons.scss +++ b/assets/src/scss/main/buttons.scss @@ -1,61 +1,77 @@ $button__height: 36px; %button { - display: inline-flex; justify-content: center; position: relative; transition: $animations__lenght * .5; cursor: pointer; - - min-width: 64px; + margin: 0; - padding: ($size__margin * 1.2) ($size__margin * 2.4); + padding: ($button__height * .3) ($button__height * .6); border: none; - border-radius: 30px; + border-radius: $button__height; outline: none; - - font-family: $font__family; - font-size: $text__size; - font-weight: 700; + + font-size: var(--typography--default--font-size--m); + font-weight: var(--typography--default--font-weight--bold); letter-spacing: 2px; text-decoration: none !important; text-transform: uppercase; white-space: normal; overflow-wrap: break-word; - &:not(.has-background):not(.outline) { - // background-color: $color__white; - // color: $color__accent; - } - - &:not(.has-text-color):not(.outline) { - // background: $color__accent; - // color: $color__white; - } - &:hover { - color: $color__white; - filter: brightness(115%); + filter: brightness(110%); cursor: pointer; } &:focus { - color: $color__white; filter: brightness(120%); } - - &.outline { - background-color: transparent !important; - } - + &:disabled { filter: saturate(0); } } +.wp-block-button { + + &.is-style-squared .wp-block-button__link { + border-radius: 0; + } + + &.is-style-outline .wp-block-button__link, + &.is-style-outline .wp-block-button__link:focus, + &.is-style-outline .wp-block-button__link:active { + border: 2px solid; + background-color: transparent; + + &:not(.has-background) { + background: transparent; + } + + &:not(.has-text-color) { + color: var(--wp--preset--color--secondary); + border-color: currentColor; + } + } + + &.is-style-outline .wp-block-button__link:hover { + color: var(--wp--preset--color--secondary); + background-color: var(--wp--preset--color--white); + border-color: var(--wp--preset--color--secondary); + filter: brightness(120%); + + &:not(.has-background) { + color: var(--wp--preset--color--secondary); + } + } +} + +.wp-block-button__link, input[type="submit"], input[type="button"], input[type="reset"], @@ -63,19 +79,18 @@ button, .button { @extend %button; - background-color: $color__accent; - color: $color__white; - - & + & { - margin-left: $size__margin * 1.5; + color: var(--wp--preset--color--white); + background-color: var(--wp--preset--color--secondary); + + &.outline { + background-color: transparent !important; + } + + .is-style-squared .wp-block-button__link { + border-radius: 0; } -} -.button { - - line-height: 1; - & + & { - margin-right: $size__margin; + margin-left: var(--sizes--margin-s); } } diff --git a/assets/src/scss/main/colors.scss b/assets/src/scss/main/colors.scss index 68f9dfee..af3f553f 100644 --- a/assets/src/scss/main/colors.scss +++ b/assets/src/scss/main/colors.scss @@ -8,13 +8,12 @@ .has-black-background-color, .has-gray-dark-background-color, .has-gray-dark-background-color { - // Use white text against these backgrounds by default. - color: $color__background; + color: var(--wp--preset--color--white); } .has-white-background-color, .has-white-smoke-background-color, .has-gray-light-background-color { - color: $color__text; + color: var(--color--text); } \ No newline at end of file diff --git a/assets/src/scss/main/fonts.scss b/assets/src/scss/main/fonts.scss index c5d735e6..7f5ab906 100644 --- a/assets/src/scss/main/fonts.scss +++ b/assets/src/scss/main/fonts.scss @@ -2,4 +2,4 @@ // This file contains all @font-face declarations, if any. // ----------------------------------------------------------------------------- -// @import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Material+Icons"); \ No newline at end of file +// @import url("https://fonts.googleapis.com/css?family=Material+Icons"); \ No newline at end of file diff --git a/assets/src/scss/main/helpers.scss b/assets/src/scss/main/helpers.scss index bf42dfda..4fe314e7 100644 --- a/assets/src/scss/main/helpers.scss +++ b/assets/src/scss/main/helpers.scss @@ -61,5 +61,5 @@ } .elevation-01 { - box-shadow: 0 2px 10px -6px transparentize($color__black, .2) + box-shadow: 0 2px 10px -6px rgba( var(--wp--preset--color--black--decimal), .8); } diff --git a/assets/src/scss/main/images.scss b/assets/src/scss/main/images.scss index 39e43002..4a722c61 100644 --- a/assets/src/scss/main/images.scss +++ b/assets/src/scss/main/images.scss @@ -6,24 +6,24 @@ img { } .image-border img { - padding: $size__margin; - background: $color__light-grey; - margin: $size__margin; + padding: var(--sizes--margin--); + background: var(--wp--preset--color--gray-light); + margin: var(--sizes--margin--); box-sizing: border-box; } p img { &.alignleft { - padding-right: $size__padding-resp * .5; + padding-right: var(--sizes--margin-m); } &.alignright { - padding-left: $size__padding-resp * .5; + padding-left: var(--sizes--margin-m); } } figure { - margin-bottom: $size__margin * 2; + margin-bottom: var(--sizes--margin-m); img { max-width: 100%; @@ -41,22 +41,22 @@ figure { .site-main .entry-content{ .wp-caption { - margin-bottom: $size__margin * 2; - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + margin-bottom: var(--sizes--margin-m); + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); .wp-caption-text { - color: $color__text; - font-size: $text__size - 2; + color: var(--color--text); + font-size: var(--typography--default--font-size--s); font-style: italic; } &.alignleft { - padding-right: $size__padding-resp * .5; + padding-right: var(--sizes--margin-m); } &.alignright { - padding-left: $size__padding-resp * .5; + padding-left: var(--sizes--margin-m); } } } \ No newline at end of file diff --git a/assets/src/scss/main/inputs.scss b/assets/src/scss/main/inputs.scss index 1c5dc431..44a01a0e 100644 --- a/assets/src/scss/main/inputs.scss +++ b/assets/src/scss/main/inputs.scss @@ -1,41 +1,39 @@ -input, -select, -textarea { +%input_model { + background-color: var(--wp--preset--color--white); + outline:none!important; + border: 1px solid var(--wp--preset--color--gray-light); + font-size: var(--typography--default--font-size--m); + font-weight: var(--typography--default--font-weight--regular); box-sizing: border-box; + border-radius:4px 4px 0 0; padding: 12px 8px; - margin:0; - background: white; - outline:none!important; - border: 1px solid $color__light-grey; - - font-size: $text__size; - transition:350ms; -} + margin: 0 0 var(--sizes--margin--); + line-height: var(--typography--default--line-height); -input { - border: 0 solid transparent; - - &[type="text"], - &[type="number"], - &[type="email"], - &[type="url"], - &[type="date"], - &[type="tel"] { - width: 100%; - padding-left: $size__margin * .5; - box-shadow: 0 1px 0 $color__light-grey; - - &:hover { - box-shadow: 0 1px 0 $color__secondary; - } - - &:focus { - box-shadow: 0 2px 0 $color__secondary; - } + &:focus, + &:hover { + background-color: rgba(var(--wp--preset--color--secondary--decimal), .025); + box-shadow: 0 1px 0 var(--wp--preset--color--secondary); } } +select, +textarea, +input[type="text"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="date"], +input[type="password"], +input[type="tel"] { + @extend %input_model; + padding-left: var(--sizes--margin--); + padding-right: var(--sizes--margin--); + box-shadow: 0 0 0 var(--wp--preset--color--gray-light); +} + + [type="checkbox"], [type="radio"] { margin: 0; display: inline; @@ -43,15 +41,20 @@ input { } .input-label { - font-size: $text__size * .5; + font-size: var(--typography--default--font-size--xs); } -label { +form label { + color: var(--wp--preset--color--gray-dark); + font-size: calc(var(--typography--default--font-size--m) - 1px); + input + span { - font-size: $text__size - 2; - line-height: $text__size + 2; opacity: .8; } + + input:not(button):not(input[type="submit"]) { + width: 100%; + } } textarea { @@ -64,13 +67,4 @@ textarea { fieldset { margin: $size__margin 0; -} - -input, textarea { - margin-bottom: $size__margin; -} - -select, textarea { - width: 100%; - border-radius:4px; } \ No newline at end of file diff --git a/assets/src/scss/main/scrollbar.scss b/assets/src/scss/main/scrollbar.scss index f571f885..873d48d6 100644 --- a/assets/src/scss/main/scrollbar.scss +++ b/assets/src/scss/main/scrollbar.scss @@ -6,39 +6,40 @@ @media #{$mq__tablet-portrait}{ width: 6px; } -} -::-webkit-scrollbar-track { - border-radius: 0px; -} -::-webkit-scrollbar-track-piece, -::-webkit-scrollbar-track { - background-color: $scrollbar-background-color; - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); -} + &-track { + &-piece, + & { + background-color: var(--wp--preset--color--gray-light); + -webkit-box-shadow: inset 0 0 6px rgba(var(--wp--preset--color--black--decimal), 0.1); + } + } -::-webkit-scrollbar-thumb, -::-webkit-scrollbar-thumb:vertical, -::-webkit-scrollbar-thumb:horizontal { - background-color: $scrollbar-line-color; - border-radius: 1px; - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); -} -::-webkit-scrollbar-button:start:decrement, -::-webkit-scrollbar-button:end:increment { - height: 0; - width: 0; - display: block; - background-color: $scrollbar-background-color; -} + &-thumb, + &-thumb:vertical, + &-thumb:horizontal { + background-color:var(--wp--preset--color--primary); + border-radius: $scrollbar-border-radius; + -webkit-box-shadow: inset 0 0 6px rgba(var(--wp--preset--color--black--decimal), 0.15); + } -::-webkit-scrollbar-button { - width: 0; - height: 0; -} + &-button { + width: 0; + height: 0; + + &:start:decrement, + &:end:increment { + height: 0; + width: 0; + display: block; + background-color: var(--wp--preset--color--gray-light); + } + } -::-webkit-scrollbar-corner { - background-color: lighten($scrollbar-background-color, 10%); + &-corner { + background-color: var(--wp--preset--color--gray-light); + } } + diff --git a/assets/src/scss/main/table.scss b/assets/src/scss/main/table.scss index aed8cb92..c8532a03 100644 --- a/assets/src/scss/main/table.scss +++ b/assets/src/scss/main/table.scss @@ -7,14 +7,14 @@ table { th, td { - padding: $size__margin * 1.5; + padding: var(--sizes--margin-s); } th { - background: $color__secondary; + background: var(--wp--preset--color--secondary); color: #fff; } td { - border-bottom: 1px solid $color__light-grey; + border-bottom: 1px solid var(--wp--preset--color--gray-light); } } } diff --git a/assets/src/scss/main/typography-extras.scss b/assets/src/scss/main/typography-extras.scss index b00d6f65..870e9d0e 100644 --- a/assets/src/scss/main/typography-extras.scss +++ b/assets/src/scss/main/typography-extras.scss @@ -4,34 +4,41 @@ iframe { } ::selection { - background-color: transparentize($color__primary, 0.5); + background-color: rgba(var(--wp--preset--color--primary--decimal),.5); color: white; } pre { width: 100%; - padding: ($size__padding * .5) $size__padding; - background: lighten($color__light-grey, 5%); - border: 1px solid $color__light-grey; + padding: var(--sizes--margin-l) var(--sizes--margin-xl); + background: var(--wp--preset--color--white); + border: 1px solid var(--wp--preset--color--gray-light); white-space: pre-wrap; box-sizing: border-box; } -blockquote { - min-height: 100px; - padding-top: ($blockquote__icon-size * .5); - padding-bottom: ($blockquote__icon-size * .5); - padding-left: $blockquote__icon-size * 1.5 !important; - padding-right: $blockquote__icon-size * 1.5 !important; - margin: ($size__margin * 4) 0; +code { + font-weight: var(--typography--default--font-weight--regular); + word-wrap: break-word; +} + + +//! Blockquote / Pullquote + +cite { + font-style: italic; +} + +.site .entry-content blockquote { + $blockquote__icon-size: 60px; + + color:var(--color--text); + min-height: $blockquote__icon-size; + + padding: ($blockquote__icon-size * .5) $blockquote__icon-size * 1.5; position:relative; - background: white; - border: 1px solid $color__light-grey; - - p { - margin-bottom: $size__margin * 3; - } - + border: 1px solid var(--wp--preset--color--gray-light); + &:before { font-family: 'Material Icons'; content: "\E244"; @@ -39,27 +46,107 @@ blockquote { top: -4px; left: 16px; font-size: $blockquote__icon-size; - color: $color__primary; + color: var(--wp--preset--color--primary); + } + + &.wp-block-quote { + blockquote { + border: 0; + } + + &:not(.is-large), + &:not(.is-style-large) { + border-left: 2px solid var(--wp--preset--color--primary); + } + } + + p, + cite { + font-size: 1em; + font-style: italic; + font-family: var(--typography--title--font-family); + line-height: var(--typography--default--line-height--wide); + font-weight: var(--typography--default--font-weight--light); + text-transform: none; + em { + font-style: normal; + } + } + + &.is-large, + &.is-style-large { + max-width: 100%; + + p { + font-style: italic; + padding-top: var(--sizes--margin-s); + margin-bottom: var(--sizes--margin-s); + } + + } + + &.wp-block-pullquote { + + @media #{$mq__theme-width} { + padding: var(--sizes--margin--) var(--sizes--margin-m); + } } + } -code { - background-color: $color__light-grey; - padding: 4px 6px; - font-weight: 600; +//! Pullquote +.site .entry-content .wp-block-pullquote { + border-color: transparent; + border-width: 2px; + + blockquote { + margin: 0; + border: 0; + + p:first-child { + margin-top: 0; + } + } + + &.alignleft, + &.alignright { + width: 100%; + } + + &.is-style-solid-color { + padding-left: 0; + padding-right: 0; + + blockquote { + max-width: 100%; + border: 0; + + &.has-text-color p, + &.has-text-color a, + &.has-primary-color, + &.has-secondary-color, + &.has-dark-gray-color, + &.has-light-gray-color, + &.has-white-color { + color: inherit; + } + } + } } + + @media #{$mq__content-width} { .site-main .entry-content { table, pre, blockquote { - padding-left: $size__padding-resp; - padding-right: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } table { - width: calc(100% - #{$size__padding-resp * 2}); + width: calc(100% - var(--sizes--margin-m)); } } } @@ -76,7 +163,7 @@ code { ul { display: inline; margin: 0; - padding-left: $size__margin * 2.5; + padding-left: var(--sizes--margin-m); } li.post-tag { @@ -86,7 +173,7 @@ code { } .post-tag { - background: $color__secondary; + background: var(--wp--preset--color--secondary); border-radius: 3px 0 0 3px; display: inline-block; height: 22px; @@ -95,10 +182,10 @@ code { a { font-size: 11px; - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); letter-spacing: 1px; text-transform: uppercase; - color: $color__white; + color: var(--wp--preset--color--white); text-decoration: none !important; } @@ -109,7 +196,7 @@ code { &::before { background: #fff; border-radius: 10px; - box-shadow: inset 0 1px rgba($color__background, 0.25); + box-shadow: inset 0 1px rgba(var(--wp--preset--color--white--decimal), 0.25); content: ''; height: 6px; left: 10px; @@ -121,7 +208,7 @@ code { &::after { background: transparent; border-bottom: 11px solid transparent; - border-left: 10px solid $color__secondary; + border-left: 10px solid var(--wp--preset--color--secondary); border-top: 11px solid transparent; content: ''; position: absolute; @@ -130,14 +217,14 @@ code { } &:hover { - background-color: $color__secondary; + background-color: var(--wp--preset--color--secondary); a { color: white; } } &:hover::after { - border-left-color: $color__secondary; + border-left-color: var(--wp--preset--color--secondary); } } diff --git a/assets/src/scss/main/typography.scss b/assets/src/scss/main/typography.scss index 6cca381b..52f0af5b 100644 --- a/assets/src/scss/main/typography.scss +++ b/assets/src/scss/main/typography.scss @@ -1,18 +1,18 @@ /* Headlines */ body { - font-family: $font__family, sans-serif; - color: $color__text; - font-weight: $text__weight; - font-size: $text__size; - line-height: $text__line-height; + font-family: var(--typography--content--font-family), sans-serif; + color: var(--color--text); + font-weight: var(--typography--content--font-family); + font-size: var(--typography--default--font-size--m); + line-height: var(--typography--default--line-height); word-break: break-word; - @media #{$mq__phablet} {font-size: $text__size - 2;} + @media #{$mq__phablet} {font-size: var(--typography--default--font-size--s);} } %headline_style { - font-family: $font__family-headline; - font-weight: $text__weight-headline; + font-family: var(--typography--title--font-family); + font-weight: var(--typography--title--font-weight); } h1, @@ -22,74 +22,68 @@ h4, h5, h6 { @extend %headline_style; - margin: 0 0 $size__margin; + margin: 0 0 var(--sizes--margin--); padding: 0; } h1 { - font-size: 56px; - @media #{$mq__tablet} {font-size: 46px;} - @media #{$mq__phablet} {font-size: 36px;} + font-size: var(--typography--default--font-size--xxxl); + @media #{$mq__phablet} {font-size: var(--typography--default--font-size--xxl);} } h2 { - font-size: 36px; - @media #{$mq__tablet} {font-size: 28px;} - @media #{$mq__phablet} {font-size: 22px;} -} + font-size: var(--typography--default--font-size--xxl); + @media #{$mq__phablet} {font-size: var(--typography--default--font-size--l);} -.woocommerce h2 { - font-size: 28px; - @media #{$mq__tablet} {font-size: 24px;} - @media #{$mq__phablet} {font-size: 18px;} + .woocommerce & { + font-size: var(--typography--default--font-size--xl); + @media #{$mq__phablet} {font-size: var(--typography--default--font-size--l);} + } } h3 { - font-size: 28px; - @media #{$mq__tablet} {font-size: 22px;} - @media #{$mq__tablet-portrait} {font-size: 18px;} + font-size: var(--typography--default--font-size--xl); + @media #{$mq__tablet-portrait} {font-size: var(--typography--default--font-size--m);} } h4 { - font-size: 22px; - @media #{$mq__tablet} {font-size: 18px;} + font-size: var(--typography--default--font-size--l); + @media #{$mq__tablet} {font-size: var(--typography--default--font-size--m);} } h5, h6 { - font-size: $text__size; - @media #{$mq__tablet} {font-size: $text__size - 2;} + font-size: var(--typography--default--font-size--m); + @media #{$mq__tablet} {font-size: var(--typography--default--font-size--s);} } /* Text and lists */ li, p { - font-family: $font__family; - font-size: $text__size; - - @media #{$mq__tablet} {font-size: $text__size - 1;} - @media #{$mq__phablet} {font-size: $text__size - 2;} + font-size: var(--typography--default--font-size--m); + @media #{$mq__phablet} {font-size: var(--typography--default--font-size--s);} } p { - margin: 0 0 $size__margin; + margin: 0 0 var(--sizes--margin--); } b, strong { - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); } a { text-decoration: none; + color: var(--wp--preset--color--secondary); } ul, ol, dl { - margin-top: $size__padding * .25; - margin-bottom: $size__padding * .5; - padding: 0 0 0 $size__margin * 3; + margin-top: var(--sizes--margin-m); + margin-bottom: var(--sizes--margin-m); + padding: 0; li, dt { - line-height: $text__line-height; - margin-bottom: $size__margin * 1.5; + line-height: var(--typography--default--line-height); + margin: 0; } } \ No newline at end of file diff --git a/assets/src/scss/pages/archive.scss b/assets/src/scss/pages/archive.scss index 40716aed..1340273a 100644 --- a/assets/src/scss/pages/archive.scss +++ b/assets/src/scss/pages/archive.scss @@ -17,7 +17,7 @@ body.archive { left: -100px; right: -100px; content: ''; - background-color: transparentize($color__black, .95); + background-color: var(--wp--preset--color--white-smoke); } } @@ -32,21 +32,18 @@ body.archive { } } - - - - + article { display: flex; margin: 0 auto; - padding: $size__padding 0; + padding: var(--sizes--margin-xl) 0; min-height: 100px; position: relative; z-index: 2; @media #{$mq__smaller-than-tablet} { flex-direction: column; - padding: ($size__padding * .75) $size__padding-resp; + padding: var(--sizes--margin-l) var(--sizes--responsive--side-margin); } .article-wrapper { @@ -57,20 +54,20 @@ body.archive { $archive_image: 280px; min-width: $archive_image; max-width: $archive_image; - margin-right: $size__padding * .75; + margin-right: var(--sizes--margin-l); @media #{$mq__smaller-than-tablet} { - width: calc(100% + #{$size__padding-resp * 5}); + width: calc(100% + var(--sizes--margin-s)); min-width: inherit; - max-width: calc(100% + #{$size__padding-resp * 5}); - margin: (-$size__padding * .75) #{$size__padding-resp * - 2.5} $size__padding-resp; + max-width: calc(100% + var(--sizes--margin-s)); + margin: var(--sizes--margin-l) calc(var(--sizes--margin-m) * -2.5) var(--sizes--responsive--side-margin); img { transform: rotate(-1deg); } } + .article-wrapper { - min-width: calc(100% - #{$archive_image + ($size__padding * .75)}); + min-width: calc( 100% - #{$archive_image} + var(--sizes--margin-l) ); @media #{$mq__smaller-than-tablet} {width: 100%;} } @@ -89,12 +86,12 @@ body.archive { } .entry-header { - padding:0; + margin: 0; .entry-title { width: 100%; - font-size: 28px; - margin: 0 0 $size__margin; + font-size: var(--typography--default--font-size--xl); + margin: 0 0 var(--sizes--margin--); padding: 0; text-align: left; @media #{$mq__smaller-than-tablet} {font-size: 24px;} @@ -116,15 +113,13 @@ body.archive { .entry-footer { .post-meta { - padding: ($size__padding * .25) 0 0; + padding: var(--sizes--margin-m) 0 0; } .meta-wrapper { - margin: 0; - padding: 0; p { - font-size: 12px; + font-size: var(--typography--default--font-size--xs); text-transform: uppercase; - margin-left: $size__margin; + margin-left: var(--sizes--margin--); &:first-of-type { margin-left: 0} } } diff --git a/assets/src/scss/pages/author.scss b/assets/src/scss/pages/author.scss index 7be2923e..6f2b81b4 100644 --- a/assets/src/scss/pages/author.scss +++ b/assets/src/scss/pages/author.scss @@ -8,11 +8,11 @@ .avatar{ float: left; - max-width: $size__padding; - margin-right: $size__padding * .5; + max-width: var(--sizes--margin-xl); + margin-right: var(--sizes--margin-l); @media #{$mq__tablet} { - max-width: $size__padding * .75; - margin-right: $size__padding-resp; + max-width: $avatar_size; + margin-right: var(--sizes--responsive--side-margin); } img{ margin: 0; @@ -28,8 +28,8 @@ } .author-description p { - font-size: 13px; - margin: 8px 0 ; - line-height: 1.8; + font-size: var(--typography--default--font-size--s); + margin: var(--sizes--margin--) 0 ; + line-height: var(--typography--default--line-height--wide); } } \ No newline at end of file diff --git a/assets/src/scss/pages/homepage.scss b/assets/src/scss/pages/homepage.scss index 59c0e8a0..d4ce80cb 100644 --- a/assets/src/scss/pages/homepage.scss +++ b/assets/src/scss/pages/homepage.scss @@ -5,8 +5,8 @@ body.home { // if it's the first element of the content & > .wp-block-columns:first-child { - margin-top: ($size__padding * -1.5); - margin-bottom: $size__padding; + margin-top: calc(var(--sizes--margin-xl) * -1.5); + margin-bottom: var(--sizes--margin-xl); display: flex; flex-wrap: wrap; position: relative; @@ -14,16 +14,17 @@ body.home { @media #{$mq__smaller-than-tablet} { flex-direction: column; text-align: left; - margin-bottom: $size__padding * .5; + margin-bottom: var(--sizes--margin-l); } .wp-block-column { - background: $color__white; - margin: 0 ($size__padding * .5); - padding: 0 $size__padding-resp ($size__padding-resp * 1.5); - box-shadow: 0 4px 24px -12px transparentize($color__dark-grey, .2); - border-radius: $size__margin * .5; - line-height: $text__line-height; + background: var(--wp--preset--color--white); + margin: 0 var(--sizes--margin-l); + padding: 0 var(--sizes--margin-m) var(--sizes--margin-l); + border: 1px solid var(--wp--preset--color--gray-light); + box-shadow: 0 4px 20px -10px rgba(var(--wp--preset--color--black--decimal), .8); + border-radius: var(--sizes--margin-xs); + line-height: var(--typography--default--line-height); display: flex; flex-direction: column; flex-wrap: wrap; @@ -33,17 +34,17 @@ body.home { @media #{$mq__smaller-than-tablet} { padding-bottom: 0; align-items: flex-start; - margin: 0 $size__padding-resp ($size__margin * 2); + margin: 0 var(--sizes--margin-m) var(--sizes--margin-m); height: 160px; } .wp-block-image { justify-content: center; - margin: 0 (-$size__padding-resp) $size__padding-resp; + margin: 0 calc(var(--sizes--margin-m) * -1) var(--sizes--responsive--side-margin); flex: auto; @media #{$mq__smaller-than-tablet} { - margin: 0 $size__padding-resp 0 (-$size__padding-resp) ; + margin: 0 var(--sizes--margin-m) 0 0; width: 30%; height: 100%; } @@ -51,12 +52,13 @@ body.home { img { height: 100%; object-fit: inherit; - padding-top: $size__margin * 2; + padding-top: var(--sizes--margin-m); @media #{$mq__smaller-than-tablet} { - width: 70%; - padding: 15% 30%; - height: 70%; + width: 100%; + padding: 15% 15%; + height: 100%; + box-sizing: border-box; } } @@ -87,7 +89,7 @@ body.home { a {font-weight: 400;} - b, strong { color: $color__text;} + b, strong { color: var(--color--text);} } } } @@ -126,12 +128,12 @@ body.home { body.blog { .page-header { - padding-top: $size__padding; - padding-bottom: $size__padding * .75; + padding-top: var(--sizes--margin-xl); + padding-bottom: var(--sizes--margin-l); @media #{$mq__smaller-than-tablet} { - padding-top: $size__padding * .5; - padding-bottom: $size__padding * .25; + padding-top: var(--sizes--margin-l); + padding-bottom: var(--sizes--margin-m); } } } \ No newline at end of file diff --git a/assets/src/scss/utils/icons.scss b/assets/src/scss/utils/icons.scss index 870b5358..1a18b715 100644 --- a/assets/src/scss/utils/icons.scss +++ b/assets/src/scss/utils/icons.scss @@ -30,9 +30,9 @@ $Socials: email, print, facebook, twitter, youtube, linkedin, www; + i.social-ico { - - $social__size: 36px; + $social__size: 32px; display: inline-block; width: $social__size; @@ -43,7 +43,7 @@ i.social-ico { transition: $animations__lenght; padding:0; margin: $size__margin ($social__size * .5) $size__margin 0; - + &:before, &:hover { filter: brightness(1.2); @@ -72,65 +72,82 @@ i.social-ico { -%arrow-right { - background-image: url('data:image/svg+xml;utf8, '); -} - -%arrow-left { - background-image: url('data:image/svg+xml;utf8, '); +@mixin material_icon($icon, $size, $color: "var(--wp--preset--color--black)") { + &:before { + font-family: "Material Icons"; + content: $icon; + display: block; + line-height: 1; + font-size: #{$size}px; + color: #{$color}; + } } - $arrowSize: 60px; .arrow { - background-color: transparent; border-radius: 50%; - width: $arrowSize; - height: $arrowSize; - margin: 0; - padding: 0; + margin: 0 auto; + padding: $arrowSize * .25; min-width: inherit; - background-size: $arrowSize * .25; - background-repeat: no-repeat; - background-position: center; border:0; + text-align: center; + width: auto; + height: auto; + font-size: 0; + transition: background-color $animations__lenght; &:hover { - background-color: transparentize($color__dark-grey, .9); filter: inherit; + background-color: rgba(var(--wp--preset--color--black--decimal), .05); } @media #{$mq__smaller-than-tablet} { $arrowSize: 24px; - padding: $arrowSize * 0.25; - width: $arrowSize; - height: $arrowSize; - background-size: $arrowSize * .25; + padding: $arrowSize * 0.125; + font-size: $arrowSize; } - - &-next { - @extend %arrow-right; - margin-right: $arrowSize * .5; + + &-prev { + @include material-icon( '\e2ea', 36 ); + left: $arrowSize * .5; } - &-prev { - @extend %arrow-left; - margin-left: $arrowSize * .5; + &-next { + @include material-icon( '\e5e1', 36 ); + right: $arrowSize * .5; } } //reset slick arrow -.slick-prev:before, .slick-next:before {display: none !important;} -.fancybox-navigation svg {display: none;} +.fancybox-button svg {display: none;} + +.fancybox-navigation .fancybox-button--arrow_right { + @extend .arrow; + div { + @extend .arrow-next; + } +} +.fancybox-navigation .fancybox-button--arrow_left { + @extend .arrow; + div { + @extend .arrow-prev; + } +} +.fancybox-navigation .fancybox-button--arrow_left, +.fancybox-navigation .fancybox-button--arrow_right { + background-color: rgba( var(--wp--preset--color--white--decimal), 0 ); + &:hover {background-color: rgba( var(--wp--preset--color--white--decimal), .5 );} + div:before {color: var(--wp--preset--color--white);} + &:disabled {opacity: .5;} +} + + -.fancybox-navigation .fancybox-button--arrow_right, .slider button.slick-next { @extend .arrow; @extend .arrow-next; } - -.fancybox-navigation .fancybox-button--arrow_left, .slider button.slick-prev { @extend .arrow; @extend .arrow-prev; @@ -142,7 +159,6 @@ $arrowSize: 60px; margin-left: $arrowSize * .5; } } - .slider button.slick-next { margin-right: $arrowSize * -1; @media #{$mq__smaller-than-tablet} { @@ -151,8 +167,3 @@ $arrowSize: 60px; } -.fancybox-navigation .fancybox-button--arrow_left:disabled, -.fancybox-navigation .fancybox-button--arrow_right:disabled { - opacity: .5; -} - diff --git a/assets/src/scss/utils/media-queries.scss b/assets/src/scss/utils/media-queries.scss index 58d9eaa2..79cc515c 100644 --- a/assets/src/scss/utils/media-queries.scss +++ b/assets/src/scss/utils/media-queries.scss @@ -11,7 +11,6 @@ $mq__largemonitors: "(min-width : 1991px)"; $mq__desktop: "(max-width : 1600px)"; $mq__laptop: "(max-width : 1366px)"; -$mq__smaller-than-laptops: "(max-width : 1365px)"; $mq__larger-than-tablet: "(min-width : 1024px)"; $mq__smaller-than-tablet: "(max-width : 1023px)"; $mq__tablet: "(max-width : 1260px)"; @@ -21,9 +20,9 @@ $mq__smartphone: "(max-width : 420px)"; $mq__smallphone: "(max-width : 376px)"; // the header menu breakpoint -$mq__responsive_brekpoint: "(max-width : #{$head__responsive_breakpoint-width})"; +$mq__responsive_breakpoint: "(max-width : #{$head__responsive_breakpoint-width})"; // the content breakpoint -$mq__responsive-size_brekpoint: $mq__tablet-portrait; +$mq__responsive-size_breakpoint: $mq__tablet-portrait; $mq__theme-width: "(max-width : #{$size__site-width + ($size__padding-resp * 2)})"; $mq__content-width: "(max-width : #{$size__site-width - ($size__side-padding * 2) + ($size__padding-resp * 2) })"; diff --git a/assets/src/scss/utils/vars.scss b/assets/src/scss/utils/vars.scss index e73dd05f..4c8c0dc1 100644 --- a/assets/src/scss/utils/vars.scss +++ b/assets/src/scss/utils/vars.scss @@ -1,64 +1,32 @@ // COLOR VARIABLES -$color__primary: #16bebb; -$color__secondary: #6f4cad; -$color__black: #323439; -$color__dark-grey: lighten($color__black, 10%); -$color__light-grey: #e3e3e3; -$color__white: #fff; - -$color__text: $color__dark-grey; -$color__text-light: lighten($color__dark-grey, 15%); -$color__nav-background: transparentize($color__black, .05); -$color__background: darken($color__white, 1%); -$color__icons: $color__dark-grey; -$color__accent: $color__secondary; -$color__woo-accent: #026c7c; - -// TEXT VARIABLES -$text__line-height: 1.3; -$text__line-height-content: 1.7; -$text__size: 17px; -$text__weight: 400; -$text__weight-headline: 600; -$font__family: 'Montserrat', sans-serif; -$font__family-headline: 'Montserrat', sans-serif; +$color__icons: #222222; // ANIMATIONS $animations__lenght : .35s; -// MEASURES -$size__site-width: 1500px; -$size__side-padding: 300px; +// SIZES +$base_unit: 8px; +$size__margin: $base_unit; +$size__padding: $base_unit * 8; -// DISTANCES -$size__margin: 8px; -$size__padding: 64px; -$size__padding-resp: 20px; +$size__padding-resp: $base_unit * 2.5; // HEADER -$size__branding-max-width: 350px; -$size__branding-height: 80px; -$size__logo-size: 80%; -$size__nav-height: 60px; -$size__nav-responsive-line-height: 3; -$size__responsive-menu-width: 360px; +$size__site-width: 1500px; +$size__side-padding: 300px; +$size__nav-line-height: 2.2; +$size__nav-responsive-line-height: 2.5; +$size__responsive-menu-max-width: 360px; // HEADER RESP $head__responsive_breakpoint-width: 960px; -$head__height-responsive: 80px; // HAMBURGER MENU $hamburger__size: 30px; $hamburger__weight: 3px; -$hamburger__color: $color__primary; - -// SIDEBAR -$sidebar__margin: $size__padding; -$sidebar__width: 380px + $sidebar__margin; // SCROLLBAR -$scrollbar-line-color: $color__primary; -$scrollbar-background-color: $color__light-grey; +$scrollbar-border-radius: 2px; -// EXTRAS -$blockquote__icon-size: 60px; \ No newline at end of file +// AVATAR +$avatar_size: 64px; \ No newline at end of file diff --git a/assets/src/scss/vendor/fancybox.scss b/assets/src/scss/vendor/fancybox.scss index ba5df468..5f1c515d 100644 --- a/assets/src/scss/vendor/fancybox.scss +++ b/assets/src/scss/vendor/fancybox.scss @@ -382,7 +382,7 @@ body.compensate-for-scrollbar { } .fancybox-progress { - background: $color__dark-grey; + background: var(--wp--preset--color--gray-dark); height: 2px; left: 0; position: absolute; diff --git a/assets/src/scss/vendor/masonry.scss b/assets/src/scss/vendor/masonry.scss index 020fc457..dc532e81 100644 --- a/assets/src/scss/vendor/masonry.scss +++ b/assets/src/scss/vendor/masonry.scss @@ -13,8 +13,7 @@ a { flex-basis: 100%; - color: $color__light-grey; - font-weight: 300; + color: var(--wp--preset--color--gray-light); opacity: 0; } } @@ -53,10 +52,11 @@ $total_gutter_space: ( $number_of_columns - 1 ) * $gutter_size; display: flex; flex-direction: column; border-radius: 3px; - background-color: $color__white; - box-shadow: 0 2px 12px -6px transparentize($color__black, .5); + background-color: var(--wp--preset--color--white); + border: 1px solid var(--wp--preset--color--gray-light); + box-shadow: 0 2px 12px -6px rgba(var(--wp--preset--color--black--decimal), .5); padding: 0; - margin: 0 0 ($size__padding * .5); + margin: 0 0 var(--sizes--margin-l); @media #{$mq__tablet-portrait}{ padding-right: 0; @@ -64,10 +64,10 @@ $total_gutter_space: ( $number_of_columns - 1 ) * $gutter_size; .article-wrapper { width: auto; - margin-left: $size__padding-resp; - margin-right: $size__padding-resp; - padding-top: $size__margin * 1.5; - padding-bottom: $size__margin * 4; + margin-left: var(--sizes--responsive--side-margin); + margin-right: var(--sizes--responsive--side-margin); + padding-top: var(--sizes--margin-s); + padding-bottom: var(--sizes--margin-l); } .entry-image { @@ -83,12 +83,12 @@ $total_gutter_space: ( $number_of_columns - 1 ) * $gutter_size; } .entry-header { - padding-top: $size__margin; - padding-bottom: $size__margin; + padding: var(--sizes--margin--) 0; margin: 0; + width: 100%; @media #{$mq__content-width} { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } } @@ -97,26 +97,22 @@ $total_gutter_space: ( $number_of_columns - 1 ) * $gutter_size; } h2.entry-title { - font-size: $text__size + 2; + font-size: var(--typography--default--font-size--l); padding: 0; margin: 0; text-align: left; - font-weight: 600; } p { - font-size: $text__size - 2; - line-height: 1.6; + font-size: var(--typography--default--font-size--s); margin: 0; padding: 0; } } - - .page-load-status { display: none; /* hidden by default */ - padding-top: $size__padding * .5; + padding-top: var(--sizes--margin-l); text-align: center; } \ No newline at end of file diff --git a/assets/src/scss/vendor/slick.scss b/assets/src/scss/vendor/slick.scss index 6f9dc29b..41b70d8d 100644 --- a/assets/src/scss/vendor/slick.scss +++ b/assets/src/scss/vendor/slick.scss @@ -192,27 +192,28 @@ $slick-next-character: ">" !default; width: 100%; height: auto; } - padding: $size__margin * .5; + padding: var(--sizes--margin-xs); } .slick-dots { + $slick_dot_size: 8px; display: flex; justify-content: center; flex-wrap: wrap; margin: 0; - padding: $size__margin 0; + padding: var(--sizes--margin--) 0; list-style-type: none; li { - margin: 0 $size__margin; + margin: 0 var(--sizes--margin--); } button { display: block; - width: $size__margin; - height: $size__margin; + width: $slick_dot_size; + height: $slick_dot_size; margin: 0; padding: 0; min-width: inherit; @@ -220,13 +221,13 @@ $slick-next-character: ">" !default; border: none; border-radius: 100%; - background-color: $color__light-grey; + background-color: var(--wp--preset--color--gray-light); &:hover, &:focus{ - width: $size__margin + 4; - height: $size__margin + 4; - margin-top: $size__margin * -.25; - background-color: darken($color__light-grey,10%); + width: $slick_dot_size * 1.25; + height: $slick_dot_size * 1.25; + margin-top: -$slick_dot_size * .25; + background-color: var(--wp--preset--color--gray); filter: inherit; } @@ -234,7 +235,7 @@ $slick-next-character: ">" !default; } li.slick-active button { - background-color: $color__secondary; + background-color:var(--wp--preset--color--secondary); width: $size__margin + 8; height: $size__margin + 8; margin-top: $size__margin * -.5; diff --git a/assets/src/scss/woo/woo-base.scss b/assets/src/scss/woo/woo-base.scss index bff286d1..1ea5b876 100644 --- a/assets/src/scss/woo/woo-base.scss +++ b/assets/src/scss/woo/woo-base.scss @@ -2,13 +2,13 @@ body.woocommerce { @media #{$mq__smaller-than-tablet} { .site-content { - padding-left: $size__padding_resp; - padding-right: $size__padding_resp; + padding-left: var(--sizes--responsive--side-margin); + padding-right: var(--sizes--responsive--side-margin); } } &.sidebar-left .site-content { - padding-right: $size__padding_resp; + padding-right: var(--sizes--responsive--side-margin); } } diff --git a/assets/src/scss/woo/woo-common.scss b/assets/src/scss/woo/woo-common.scss index bb747841..0a3743d1 100644 --- a/assets/src/scss/woo/woo-common.scss +++ b/assets/src/scss/woo/woo-common.scss @@ -4,27 +4,26 @@ body.woocommerce { .woocommerce-breadcrumb { margin: 0; line-height: 1; - padding-bottom: $size__margin * 4; + padding-bottom: var(--sizes--margin-l); @extend .ellipsis; - @media #{$mq__smaller-than-tablet} {padding-bottom: $size__margin * 2;} + @media #{$mq__smaller-than-tablet} {padding-bottom: var(--sizes--margin-m);} } .woocommerce-result-count { - line-height: $size__padding * .75; - @media #{$mq__smaller-than-tablet} {font-size: $text__size - 4} + @media #{$mq__smaller-than-tablet} {font-size: var(--typography--default--font-size--s)} } .woocommerce-ordering { a, span, option, select { - @media #{$mq__smaller-than-tablet} {font-size: $text__size - 4} + @media #{$mq__smaller-than-tablet} {font-size: var(--typography--default--font-size--s)} } } .product_meta { - margin-top: $size__margin * 2; + margin-top: var(--sizes--margin-m); & > span { display: block; - font-weight: 600; - line-height: $text__line-height-content; + font-weight: var(--typography--default--font-weight--bold); + line-height: var(--typography--default--line-height--wide); span, a {font-weight: 400;} } } @@ -43,22 +42,24 @@ body.woocommerce { .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { - background-color: $color__woo-accent; - &:hover { background-color: lighten($color__woo-accent, 5%);} + background-color: var(--wp--preset--color--secondary); + &:hover { + background-color: rgba(var(--wp--preset--color--secondary--decimal), .1); + } } .woocommerce button.button.alt.disabled { - background-color: lighten($color__dark-grey, 10%); + background-color: var(--wp--preset--color--gray); &:hover { - background-color: $color__dark-grey; + background-color: var(--wp--preset--color--gray-dark); } } // Select2 custom style .select2-selection__rendered { - line-height: $size__padding * .75 !important; + line-height: var(--sizes--margin-l) !important; } .select2-container .select2-selection--single, .select2-selection__arrow { - height: $size__padding * .75 !important; + height: var(--sizes--margin-l) !important; } \ No newline at end of file diff --git a/assets/src/scss/woo/woo-pages.scss b/assets/src/scss/woo/woo-pages.scss index 446f807f..5b5d9703 100644 --- a/assets/src/scss/woo/woo-pages.scss +++ b/assets/src/scss/woo/woo-pages.scss @@ -2,11 +2,11 @@ body.woocommerce { // the product list style ul.products { - padding-top: $size__margin * 2; + padding-top: var(--sizes--margin-m); li.product { - padding-bottom: $size__margin * 2; - background-color: $color__white; + padding-bottom: var(--sizes--margin-m); + background-color: var(--wp--preset--color--white); display: flex; flex-direction: column; @@ -15,22 +15,21 @@ body.woocommerce { height: auto; max-height: 220px; object-fit: contain; - margin: 0 auto ($size__margin * 3); + margin: 0 auto var(--sizes--margin-m); padding: 0; box-sizing: border-box; } .woocommerce-loop-product__title { - font-weight: 600; - padding: 0 0 ($size__margin * .75); + padding: 0 0 var(--sizes--margin--); margin: 0; - font-size: $text__size; + font-size: var(--typography--default--font-size--m); text-align: center; } a.button { font-size: 10px; - border: 1px solid $color__light-grey; + border: 1px solid var(--wp--preset--color--gray-light); background-color: white; align-content: center; margin: auto; @@ -45,7 +44,7 @@ body.woocommerce { width: $add-to-cart; display: block; text-align: center; - background: $color__secondary; + background: var(--wp--preset--color--secondary); color: white; padding: 0; margin: 0; @@ -65,7 +64,7 @@ body.woocommerce { p.price, span.price { - color: $color__dark-grey; + color: var(--wp--preset--color--gray-dark); line-height: 2; font-size: 12px; display: block; @@ -104,7 +103,7 @@ body.woocommerce { } .summary.entry-summary { - padding-left: $size__padding * .25; + padding-left: var(--sizes--margin-m); box-sizing: border-box; @media #{$mq__smaller-than-tablet} { padding-left: 0;} } @@ -126,7 +125,7 @@ body.woocommerce { form.cart { $form-radius: 4px; - margin-top: $size__margin * 2; + margin-top: var(--sizes--margin-m); div.quantity { display: flex; margin: 0; @@ -146,44 +145,44 @@ body.woocommerce { p.price, span.price { - color: $color__woo-accent; + color: var(--wp--preset--color--secondary); } .woocommerce-tabs { &.wc-tabs-wrapper { - margin-left: -$size__padding-resp; - margin-right: -$size__padding-resp; + margin-left: calc( var(--sizes--responsive--side-margin) * -1); + margin-right: calc( var(--sizes--responsive--side-margin) * -1); ul.tabs { li a { - font-size: $text__size - 1; - @media #{$mq__smaller-than-tablet} {font-size: $text__size - 3;} + font-size: var(--typography--default--font-size--s); + @media #{$mq__smaller-than-tablet} {font-size: var(--typography--default--font-size--s);} } } } .entry-content { & > * {width: 100%;} - table {width: calc(100% - (#{$size__padding-resp * 2}));} + table {width: calc(100% - var(--sizes--margin-l));} } } table.woocommerce-product-attributes { - margin-left: $size__padding-resp; - margin-right: $size__padding-resp; + margin-left: var(--sizes--responsive--side-margin); + margin-right: var(--sizes--responsive--side-margin); td { - padding-left: $size__padding-resp; + padding-left: var(--sizes--responsive--side-margin); } tr:nth-child(even) th { - background-color: darken($color__secondary, 8%); + background-color: var(--wp--preset--color--secondary-dark);; } } .related.products { - padding: ($size__padding * .5) 0 ($size__padding * .25); + padding: var(--sizes--margin-l) 0 var(--sizes--margin-m); ul.products li.product .woocommerce-loop-product__title { - font-size: $text__size - 2; - @media #{$mq__smaller-than-tablet} {font-size: $text__size - 3;} + font-size: var(--typography--default--font-size--s); + @media #{$mq__smaller-than-tablet} {font-size: var(--typography--default--font-size--s);} } } diff --git a/assets/src/scss/woo/woo-sidebar.scss b/assets/src/scss/woo/woo-sidebar.scss index ae51327d..dcc2e8f5 100644 --- a/assets/src/scss/woo/woo-sidebar.scss +++ b/assets/src/scss/woo/woo-sidebar.scss @@ -5,26 +5,26 @@ ul { margin: 0; - padding-left: $size__padding * .5; + padding-left: var(--sizes--margin-l); } li { line-height: 42px; margin: 0; @extend .ellipsis; - border-top: 1px solid rgba($color__black, 0.05); + border-top: 1px solid var(--color--text); } & > li:first-child { border: 0; } a { - color: $color__text; + color: var(--color--text); font-weight: 500; } .current-cat-parent,.current-cat { & > a { - font-weight: 600; + font-weight: var(--typography--default--font-weight--bold); } } .current-cat { @@ -39,7 +39,7 @@ transition: $animations__lenght; vertical-align: middle; margin-top: -2px; - margin-right: $size__margin; + margin-right: var(--sizes--margin--); } } .cat-parent.active > a i { @@ -51,14 +51,14 @@ } ul.product_list_widget { - $list-line-size: $size__padding * .75; + $list-line-size: 48px; a {display: block;} li { - height: $list-line-size; - border-top: 1px solid rgba($color__black, 0.05); - font-size: 11px; + height: var(--typography--default--line-height); + border-top: 1px solid rgba(var(--wp--preset--color--black), 0.05); + font-size: var(--typography--default--font-size--xs); line-height: 1; &:first-child { border: 0;} @@ -67,15 +67,15 @@ display: inline-block; &.woocommerce-Price-amount { - color: #026c7c; + color: var(--wp--preset--color--secondary); } } .product-title { - color: $color__text; - font-weight: 600; - padding-top: $size__margin; - line-height: 1.3; + color: var(--color--text); + font-weight: var(--typography--default--font-weight--bold); + padding-top: var(--sizes--margin--); + line-height: var(--typography--default--line-height); display: block; @extend .ellipsis; } @@ -84,7 +84,7 @@ width: $list-line-size; height: $list-line-size; object-fit: contain; - margin-left: $size__margin; + margin-left: var(--sizes--margin--); } } } diff --git a/category.php b/category.php index 0d414089..c9386d6f 100644 --- a/category.php +++ b/category.php @@ -12,7 +12,7 @@ -
+

diff --git a/functions.php b/functions.php index 018cf38d..290f2424 100644 --- a/functions.php +++ b/functions.php @@ -3,9 +3,6 @@ // Modul-R defaults if (!isset($modul_r_defaults)) { $modul_r_defaults = array( - 'layout' => array( - 'content_width' => 1200 - ), 'colors' => array( 'primary' => '#16bebb', 'secondary' => '#6f4cad', @@ -19,7 +16,7 @@ 'style' => array( 'background' => 'white-smoke', 'title-color' => 'primary', - 'text-color' => 'black', + 'text-color' => 'gray-dark', 'header-color' => 'gray-dark', 'header-title-color' => 'primary', 'header-text-color' => 'white', @@ -27,7 +24,42 @@ 'footer-bottom-color' => 'black', 'footer-text-color' => 'white-smoke', ), - 'social_media_enabled' => array( 'Facebook', 'Instagram', 'Twitter', 'Linkedin', 'YouTube', 'www' ) + 'social_media_enabled' => array( 'Facebook', 'Instagram', 'Twitter', 'Linkedin', 'YouTube', 'www' ), + 'customizer_options' => array( + 'font_family' => array( 'Montserrat', 'Source+Sans+Pro', 'Roboto+Condensed', 'Oswald', 'Lato', 'Open+Sans', 'Roboto' ), + 'weights' => array( 200, 300, 400, 500, 600, 700, 800, 900 ), + 'color_variance' => 0.4, + 'layout' => array( + 'baseunit' => 8, + 'content_width' => 900, + 'content_width_wide' => 1500, + 'hero_height_home' => 70, + 'hero_height_default' => 50, + ), + 'typography' => array( + array( 'name' => 'line-height', 'default' => 1.3, 'input' => 'number', 'input_type' => 'float' ), + array( 'name' => 'line-height--wide', 'default' => 1.7, 'input' => 'number', 'input_type' => 'float' ), + array( 'name' => 'font-size--xs', 'default' => 12, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'font-size--s', 'default' => 14, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'font-size--m', 'default' => 17, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'font-size--l', 'default' => 22, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'font-size--xl', 'default' => 26, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'font-size--xxl', 'default' => 40, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'font-size--xxxl', 'default' => 56, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'font-weight--bold', 'default' => 600, 'input' => 'select', 'select_type' => 'weights' ), + array( 'name' => 'font-weight--regular', 'default' => 400, 'input' => 'select', 'select_type' => 'weights' ), + array( 'name' => 'font-weight--light', 'default' => 300, 'input' => 'select', 'select_type' => 'weights' ) + ), + 'header_sizes' => array( + array( 'name' => 'branding--max-width', 'default' => 350, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'branding--height', 'default' => 80, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + array( 'name' => 'logo--height', 'default' => 80, 'input' => 'number', 'input_type' => 'int', 'unit' => '%' ), + array( 'name' => 'nav--height', 'default' => 60, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ), + ), + 'sizes' => array( + array( 'name' => 'sidebar--width', 'default' => 420, 'input' => 'number', 'input_type' => 'int', 'unit' => 'px' ) + ) + ) ); } @@ -51,7 +83,7 @@ function modul_r_theme_setup() { * WordPress define content width * https://codex.wordpress.org/Content_Width */ - if ( ! isset( $content_width ) ) $content_width = $GLOBALS['modul_r_defaults']['layout']['content_width']; + if ( ! isset( $content_width ) ) $content_width = $GLOBALS['modul_r_defaults']['customizer_options']['layout']['content_width']; /* * Enable support for Post Thumbnails on posts and pages. diff --git a/inc/customizer.php b/inc/customizer.php index bfb618ed..997b099d 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -1,5 +1,73 @@ add_setting( 'modul_r_defaults_' . $setting['name'], array( + 'capability' => 'edit_theme_options', + 'default' => abs($setting['default']), + 'transport' => 'refresh', + 'sanitize_callback' => $setting['input_type'] === 'float' ? 'absint' : 'absint', + ) ); + $wp_customize->add_control( 'modul_r_defaults_' . $setting['name'], array( + 'type' => 'number', + 'section' => 'modul_r_' . $group, + 'label' => $setting['name'], + 'input_attrs' => array( + 'min' => '0', + 'step' => $setting['input_type'] === 'float' ? '0.01' : '1', + 'max' => '9999', + ), + ) ); + + } else if ($setting['input'] === 'select') { + + // Font Family - title + $wp_customize->add_setting( 'modul_r_defaults_' . $setting['name'], array( + 'capability' => 'edit_theme_options', + 'default' => array_search( abs($setting['default']), $GLOBALS['modul_r_defaults']['customizer_options'][$setting['select_type']]), + 'sanitize_callback' => 'modul_r_sanitize_select', + ) ); + + $wp_customize->add_control( 'modul_r_defaults_' . $setting['name'], array( + 'type' => 'select', + 'choices' => $GLOBALS['modul_r_defaults']['customizer_options'][$setting['select_type']], + 'section' => 'modul_r_' . $group, + 'description' => esc_html__( 'Select', 'modul-r' ) . ' ' . $setting['name'] , + ) ); + + } + + } + } + // Template color scheme // Primary color @@ -43,18 +154,6 @@ public function render_content() { 'label' => esc_html__( 'Secondary Color', 'modul-r' ), ) ) ); - - // Typography colors - $wp_customize->add_setting( 'title-color', array( - 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['title-color'] ] ), - 'transport' => 'refresh', - 'sanitize_callback' => 'sanitize_hex_color', - ) ); - $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'title-color', array( - 'section' => 'colors', - 'label' => esc_html__( 'Title Color', 'modul-r' ) - ) ) ); - $wp_customize->add_setting( 'text-color', array( 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['text-color'] ] ), 'transport' => 'refresh', @@ -65,8 +164,6 @@ public function render_content() { 'label' => esc_html__( 'Text Color', 'modul-r' ) ) ) ); - - // Header colors $wp_customize->add_setting( 'header-color', array( 'default' => esc_attr( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header-color'] ] ), @@ -179,22 +276,23 @@ public function render_content() { ) ); - // select dropdown for portrait or landscape header layout - $wp_customize->add_setting( 'modul_r_header_opacity', array( - 'capability' => 'edit_theme_options', - 'default' => false, - 'transport' => 'refresh', - 'sanitize_callback' => 'modul_r_sanitize_checkbox', - ) ); - $wp_customize->add_control( 'modul_r_header_opacity', - array( - 'type' => 'checkbox', - 'label' => esc_html__( 'Transparent Header', 'modul-r' ), - 'description' => esc_html__( 'Select this option if you want to make the header transparent on hero image (only on page top)', 'modul-r' ), - 'section' => 'modul_r_settings_header', - ) - ); + // Header opacity option + $wp_customize->add_setting( 'modul_r_header_opacity', array( + 'capability' => 'edit_theme_options', + 'default' => false, + 'transport' => 'refresh', + 'sanitize_callback' => 'modul_r_sanitize_checkbox', + ) ); + $wp_customize->add_control( 'modul_r_header_opacity', + array( + 'type' => 'checkbox', + 'label' => esc_html__( 'Transparent Header', 'modul-r' ), + 'description' => esc_html__( 'Select this option if you want to make the header transparent on hero image (only on page top)', 'modul-r' ), + 'section' => 'modul_r_settings_header', + ) + ); + add_setting_from_array($GLOBALS['modul_r_defaults']['customizer_options']['header_sizes'], 'settings_header', $wp_customize ); // Footer Section @@ -387,15 +485,125 @@ public function render_content() { ) ); - // Homepage Section - $wp_customize->add_section( 'modul_r_home_options' , array( - 'title' => esc_html__('Homepage','modul-r'), + add_setting_from_array($GLOBALS['modul_r_defaults']['customizer_options']['sizes'], 'settings_sidebar', $wp_customize ); + + + + + // Typography Section + $wp_customize->add_section( 'modul_r_typography_options' , array( + 'title' => esc_html__('Typography','modul-r'), + 'priority' => 50, + 'panel' => 'modul_r_theme_options' + ) ); + + // Font Family - title + $wp_customize->add_setting( 'modul_r_typography_font_family_title', array( + 'capability' => 'edit_theme_options', + 'default' => 0, + 'sanitize_callback' => 'modul_r_sanitize_select', + ) ); + + $wp_customize->add_control( 'modul_r_typography_font_family_title', array( + 'type' => 'select', + 'choices' => $GLOBALS['modul_r_defaults']['customizer_options']['font_family'], + 'section' => 'modul_r_typography_options', + 'description' => esc_html__( 'Select the font family', 'modul-r' ), + ) ); + + // Font Family - text + $wp_customize->add_setting( 'modul_r_typography_font_family_text', array( + 'capability' => 'edit_theme_options', + 'default' => 0, + 'sanitize_callback' => 'modul_r_sanitize_select', + ) ); + + $wp_customize->add_control( 'modul_r_typography_font_family_text', array( + 'type' => 'select', + 'choices' => $GLOBALS['modul_r_defaults']['customizer_options']['font_family'], + 'section' => 'modul_r_typography_options', + 'description' => esc_html__( 'Select the font family', 'modul-r' ), + ) ); + + + add_setting_from_array($GLOBALS['modul_r_defaults']['customizer_options']['typography'], 'typography_options', $wp_customize ); + + + // Layout Section + $wp_customize->add_section( 'modul_r_layout_options' , array( + 'title' => esc_html__('Layout','modul-r'), + 'priority' => 50, + 'panel' => 'modul_r_theme_options' + ) ); + + + // The content width + $wp_customize->add_setting( 'modul_r_content_width', array( + 'capability' => 'edit_theme_options', + 'default' => 900, + 'transport' => 'refresh', + 'sanitize_callback' => 'absint', + ) ); + $wp_customize->add_control( 'modul_r_content_width', + array( + 'type' => 'number', + 'section' => 'modul_r_layout_options', + 'label' => esc_html__( 'The content width', 'modul-r' ), + 'description' => esc_html__( 'input the wanted width for the content', 'modul-r' ), + 'input_attrs' => array( + 'min' => '0', 'step' => '1', 'max' => '9999', + ), + ) + ); + + // the wide content width + $wp_customize->add_setting( 'modul_r_content_width_wide', array( + 'capability' => 'edit_theme_options', + 'default' => 1500, + 'transport' => 'refresh', + 'sanitize_callback' => 'absint', + ) ); + $wp_customize->add_control( 'modul_r_content_width_wide', + array( + 'type' => 'number', + 'section' => 'modul_r_layout_options', + 'label' => esc_html__( 'The wide content with', 'modul-r' ), + 'description' => esc_html__( 'input the wanted width for the content', 'modul-r' ), + 'input_attrs' => array( + 'min' => '0', 'step' => '1', 'max' => '9999', + ), + ) + ); + + // the standard distance unit + $wp_customize->add_setting( 'modul_r_baseunit', array( + 'capability' => 'edit_theme_options', + 'default' => 8, + 'transport' => 'refresh', + 'sanitize_callback' => 'absint', + ) ); + $wp_customize->add_control( 'modul_r_baseunit', + array( + 'type' => 'number', + 'section' => 'modul_r_layout_options', + 'label' => esc_html__( 'The standard distance unit ', 'modul-r' ), + 'description' => esc_html__( 'the unit used as sizer (will be multiplied to get the medium and the large margin)', 'modul-r' ), + 'input_attrs' => array( + 'min' => '0', 'step' => '1', 'max' => '24', + ), + ) + ); + + + // Hero Section + $wp_customize->add_section( 'modul_r_hero_options' , array( + 'title' => esc_html__('Hero','modul-r'), 'priority' => 50, 'panel' => 'modul_r_theme_options' ) ); if ( get_option( 'show_on_front' ) !== 'page') { - // Warning Message if the homepage is not a page + // Warning Message if the Hero is not a page $wp_customize->add_setting('modul_r_hero_options[customtext]', array( 'default' => '', 'type' => 'customtext_control', @@ -406,41 +614,39 @@ public function render_content() { ); $wp_customize->add_control( new modul_r_custom_text_control( $wp_customize, 'customtext_control', array( 'label' => esc_html__( 'Warning! Set a page as homepage to enable this section', 'modul-r' ), - 'section' => 'modul_r_home_options', - 'settings' => 'modul_r_hero_options[customtext]', + 'section' => 'modul_r_hero_options', 'extra' => esc_html__( 'To set a page as homepage you have to go to the customizer than select homepage settings and set a static page as homepage (and select a page)', 'modul-r' ), 'add_class' => 'homepage_is_not_a_page' ) ) ); } - - // Homepage Hero image height - $wp_customize->add_setting( 'modul_r_hero_height_homepage', array( - 'default' => '70', + // Hero Hero image height + $wp_customize->add_setting( 'modul_r_hero_height_home', array( + 'default' => intval( $GLOBALS['modul_r_defaults']['customizer_options']['layout']['hero_height_home'] ), 'transport' => 'refresh', 'sanitize_callback' => 'absint', ) ); - $wp_customize->add_control( 'modul_r_hero_height_homepage', array( + $wp_customize->add_control( 'modul_r_hero_height_home', array( 'type' => 'number', - 'section' => 'modul_r_home_options', - 'label' => esc_html__( 'Hero vertical height', 'modul-r' ), - 'description' => esc_html__( 'Homepage', 'modul-r' ), + 'section' => 'modul_r_hero_options', + 'label' => esc_html__( 'Hero Image vertical height', 'modul-r' ), + 'description' => esc_html__( 'Homepage Hero height', 'modul-r' ), 'input_attrs' => array( 'min' => '0', 'step' => '1', 'max' => '100', ), ) ); // Hero image height - $wp_customize->add_setting( 'modul_r_hero_height', array( - 'default' => '50', + $wp_customize->add_setting( 'modul_r_hero_height_default', array( + 'default' => $GLOBALS['modul_r_defaults']['customizer_options']['layout']['hero_height_default'], 'transport' => 'refresh', 'sanitize_callback' => 'absint', ) ); - $wp_customize->add_control( 'modul_r_hero_height', array( + $wp_customize->add_control( 'modul_r_hero_height_default', array( 'type' => 'number', - 'section' => 'modul_r_home_options', - 'description' => esc_html__( 'default hero height', 'modul-r' ), + 'section' => 'modul_r_hero_options', + 'description' => esc_html__( 'Default Hero height', 'modul-r' ), 'input_attrs' => array( 'min' => '0', 'step' => '1', 'max' => '100', ), @@ -454,7 +660,7 @@ public function render_content() { ) ); $wp_customize->add_control( 'modul_r_hero_opacity', array( 'type' => 'number', - 'section' => 'modul_r_home_options', + 'section' => 'modul_r_hero_options', 'label' => esc_html__( 'Hero Image opacity', 'modul-r' ), 'description' => esc_html__( 'insert a number beetween 1 and 100 (1 - 100% opacity)', 'modul-r' ), 'input_attrs' => array( @@ -471,9 +677,9 @@ public function render_content() { $wp_customize->add_control( 'modul_r_hero_title', array( 'type' => 'text', - 'section' => 'modul_r_home_options', + 'section' => 'modul_r_hero_options', 'label' => esc_html__( 'Hero headline', 'modul-r' ), - 'description' => esc_html__( 'Write a catchy phrase as homepage headline', 'modul-r' ), + 'description' => esc_html__( 'Write a catchy phrase as homepage hero headline', 'modul-r' ), ) ); // Hero subtitle @@ -485,7 +691,7 @@ public function render_content() { $wp_customize->add_control( 'modul_r_hero_subtitle', array( 'type' => 'text', - 'section' => 'modul_r_home_options', + 'section' => 'modul_r_hero_options', 'description' => esc_html__( 'Subtitle', 'modul-r' ), ) ); @@ -498,7 +704,7 @@ public function render_content() { $wp_customize->add_control( 'modul_r_hero_call_to_action', array( 'type' => 'dropdown-pages', - 'section' => 'modul_r_home_options', + 'section' => 'modul_r_hero_options', 'label' => esc_html__( 'Call to action', 'modul-r' ), 'description' => esc_html__( 'Choose an important page', 'modul-r' ), ) ); @@ -525,10 +731,13 @@ public function render_content() { $wp_customize->add_control( 'modul_r_hero_call_to_action_2', array( 'type' => 'select', 'choices' => $cats, - 'section' => 'modul_r_home_options', + 'section' => 'modul_r_hero_options', 'description' => esc_html__( 'Select an important category', 'modul-r' ), ) ); + + + if ( class_exists( 'WooCommerce' ) ) { // Woo options $wp_customize->add_section( 'modul_r_settings_Woo' , array( @@ -629,6 +838,11 @@ function modul_r_sanitize_pages_dropdown( $page_id, $setting ) { return ( get_post_status( $page_id ) == 'publish'? $page_id : $setting->default ); } + function modul_r_sanitize_select( $selected, $setting ) { + // Ensure $selected options is an absolute integer then return the selected option + return absint( $selected ); + } + // Sanitize function for categories function modul_r_sanitize_category_dropdown( $cat_id, $setting ) { // Ensure $cat_id is an absolute integer. @@ -737,31 +951,196 @@ function modul_r_theme_colors_setup() { endif; add_action( 'after_setup_theme', 'modul_r_theme_colors_setup' ); -/** - * Increases or decreases the brightness of a color by a percentage of the current brightness. - * https://stackoverflow.com/questions/3512311/how-to-generate-lighter-darker-color-with-php - * - * @param string $hexCode Supported formats: `#FFF`, `#FFFFFF`, `FFF`, `FFFFFF` - * @param float $adjustPercent A number between -1 and 1. E.g. 0.3 = 30% lighter; -0.4 = 40% darker. - * - * @return string - */ -function modul_r_adjustBrightness($hexCode, $adjustPercent) { - - $hexCode = ltrim($hexCode, '#'); - - if (strlen($hexCode) == 3) { - $hexCode = $hexCode[0] . $hexCode[0] . $hexCode[1] . $hexCode[1] . $hexCode[2] . $hexCode[2]; - } - - $hexCode = array_map('hexdec', str_split($hexCode, 2)); - - foreach ($hexCode as & $color) { - $adjustableLimit = $adjustPercent < 0 ? $color : 255 - $color; - $adjustAmount = ceil($adjustableLimit * $adjustPercent); - $color = str_pad(dechex($color + $adjustAmount), 2, '0', STR_PAD_LEFT); - } - - return '#' . implode($hexCode); -} +if ( ! function_exists( 'modul_r_atf_style' ) ) : + function modul_r_atf_style() { + + // Colors + $header_background = modul_r_get_theme_color( 'header-color', $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-color']] ); + $footer_background = modul_r_get_theme_color( 'footer-color', $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-color']] ); + $footer_bottom_background = modul_r_get_theme_color( 'footer-bottom-color', $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['footer-bottom-color']] ); + + // get the acf.css file and store into a variable + ob_start(); + + include get_stylesheet_directory() . '/assets/dist/css/atf.css'; + + $atf_css = ob_get_clean(); + + // HEADER + // set the header color + $atf_css .= 'body .header-color, body.has-featured-image.top #masthead.active {background-color: ' . $header_background . ';} .has-featured-image.top #masthead {background-color: ' . $header_background . 'dd;}'; + + // On top of the screen set the opacity to 0 + if (get_theme_mod( 'modul_r_header_opacity' ) > 0){ + $atf_css .= 'body.has-featured-image.top #masthead {background-color: ' . $header_background . '00;}'; + } else { + // if has a featured image and is at the top of the page....has-featured-image.top + $atf_css .= 'body.has-featured-image.top #masthead {background-color: ' . $header_background . 'dd;}'; + } + + // Set the responsive header opacity + $atf_css .= '@media (max-width: 960px) {body .main-navigation {background-color: ' . modul_r_adjustBrightness($header_background, 0.2) . 'ee;}}'; + + // Set the nav background colors + $atf_css .= 'body ul.sub-menu {background-color: ' . modul_r_adjustBrightness($header_background, 0.1) . ';}'; + $atf_css .= 'body.has-featured-image.top #masthead ul.sub-menu {background-color: ' . $header_background . 'cc;}'; + $atf_css .= 'body ul.sub-menu ul.sub-menu {background-color: ' . modul_r_adjustBrightness($header_background, 0.2) . ';}'; + $atf_css .= 'body ul.sub-menu li:hover {background-color: ' . modul_r_adjustBrightness($header_background, 0.3) . ';}'; + + // FOOTER + // set the footer color + $atf_css .= '.has-footer-background-color {background-color: ' . $footer_background . ';}'; + // set the bottom footer color + $atf_css .= '.has-footer-bottom-background-color {background-color: ' . $footer_bottom_background . ';}'; + + // HERO + $hero_opacity = get_theme_mod( 'modul_r_hero_opacity' ) !== false ? intval(get_theme_mod( 'modul_r_hero_opacity' )) : 100; + $hero_height_home = get_theme_mod( 'modul_r_hero_height_home' ) !== false ? intval(get_theme_mod( 'modul_r_hero_height_home' )) : intval( $GLOBALS['modul_r_defaults']['customizer_options']['layout']['hero_height_home'] ); + $hero_height = get_theme_mod( 'modul_r_hero_height_default' ) !== false ? intval(get_theme_mod( 'modul_r_hero_height_default' )) : intval( $GLOBALS['modul_r_defaults']['customizer_options']['layout']['hero_height_default'] ); + if ($hero_opacity != 100) $atf_css .= 'body .hero img {opacity:'. ($hero_opacity/100) .'}'; + if ($hero_height) $atf_css .= "html .site .hero {max-height:{$hero_height}vh}"; + if ($hero_height_home) $atf_css .= "html body.home .hero {max-height:{$hero_height_home}vh}"; + + // And finally return the stored style + if ($atf_css != "" ) { + echo ''; + } + } +endif; +add_action( 'wp_head', 'modul_r_atf_style', 1 ); + + +if ( ! function_exists( 'modul_r_css_props' ) ) : + function modul_r_css_props() { + + // get the custom colors + + // Main colors + $colors = array(); + $variance = floatval( $GLOBALS['modul_r_defaults']['customizer_options']['color_variance'] ); + $colors['primary'] = modul_r_get_theme_color( 'primary-color', $GLOBALS['modul_r_defaults']['colors']['primary'] ); + $colors['primary-light'] = modul_r_adjustBrightness( $colors['primary'], $variance ); + $colors['primary-dark'] = modul_r_adjustBrightness( $colors['primary'], - $variance ); + $colors['secondary'] = modul_r_get_theme_color( 'secondary-color', $GLOBALS['modul_r_defaults']['colors']['secondary'] ); + $colors['secondary-light'] = modul_r_adjustBrightness( $colors['secondary'], $variance ); + $colors['secondary-dark'] = modul_r_adjustBrightness( $colors['secondary'], - $variance ); + // base colors + $colors['white'] = sanitize_hex_color( $GLOBALS['modul_r_defaults']['colors']['white'] ); + $colors['white-smoke'] = sanitize_hex_color( $GLOBALS['modul_r_defaults']['colors']['white-smoke'] ); + $colors['gray-light'] = sanitize_hex_color( $GLOBALS['modul_r_defaults']['colors']['gray-light'] ); + $colors['gray'] = sanitize_hex_color( $GLOBALS['modul_r_defaults']['colors']['gray'] ); + $colors['gray-dark'] = sanitize_hex_color( $GLOBALS['modul_r_defaults']['colors']['gray-dark'] ); + $colors['black'] = sanitize_hex_color( $GLOBALS['modul_r_defaults']['colors']['black'] ); + + // Typography colors + $text_color = get_theme_mod( 'text-color' ) !== false ? sanitize_hex_color( get_theme_mod( 'text-color' ) ) : sanitize_hex_color( $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['text-color'] ] ); + + // Colors + $header_title_color = get_theme_mod( 'header_textcolor', get_theme_support( 'custom-header', 'default-text-color' ) ) ? '#' . get_header_textcolor() : $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header-title-color'] ]; + $header_background = modul_r_get_theme_color( 'header-color', $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header-color'] ] ); + $header_text_color = modul_r_get_theme_color( 'header-text-color', $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['header-text-color'] ] ); + $footer_background = modul_r_get_theme_color( 'footer-color', $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['footer-color'] ] ); + $footer_bottom_background = modul_r_get_theme_color( 'footer-bottom-color', $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['footer-bottom-color'] ] ); + $footer_text_color = modul_r_get_theme_color( 'footer-text-color', $GLOBALS['modul_r_defaults']['colors'][ $GLOBALS['modul_r_defaults']['style']['footer-text-color'] ] ); + + $baseunit = get_theme_mod( 'modul_r_baseunit' ) !== false ? intval( get_theme_mod( 'modul_r_baseunit' ) ) : intval( $GLOBALS['modul_r_defaults']['customizer_options']['layout']['baseunit'] ); + $content_width = get_theme_mod( 'modul_r_content_width' ) !== false ? intval( get_theme_mod( 'modul_r_content_width' ) ) : intval( $GLOBALS['modul_r_defaults']['customizer_options']['layout']['content_width'] ); + $content_width_wide = get_theme_mod( 'modul_r_content_width_wide' ) !== false ? intval( get_theme_mod( 'modul_r_content_width_wide' ) ) : intval( $GLOBALS['modul_r_defaults']['customizer_options']['layout']['content_width_wide'] ); + + $font_family_title = get_theme_mod( 'modul_r_typography_font_family_title' ) !== false ? $GLOBALS['modul_r_defaults']['customizer_options']['font_family'][ intval( get_theme_mod( 'modul_r_typography_font_family_title' ) ) ] : $GLOBALS['modul_r_defaults']['customizer_options']['font_family'][0]; + $font_family_text = get_theme_mod( 'modul_r_typography_font_family_text' ) !== false ? $GLOBALS['modul_r_defaults']['customizer_options']['font_family'][ intval( get_theme_mod( 'modul_r_typography_font_family_text' ) ) ] : $GLOBALS['modul_r_defaults']['customizer_options']['font_family'][0]; + + // Typography + function modul_r_get_vars( $var_set, $suffix = "--wp--" ) { + $vars = ''; + foreach ( $var_set as $option ) { + if ( get_theme_mod( 'modul_r_defaults_' . $option['name'] ) ) { + if ($option['input'] !== 'select') { + $vars .= $suffix . $option['name'] . ":" . abs( get_theme_mod( 'modul_r_defaults_' . $option['name'] ) ) . ( ! empty( $option['unit'] ) ? $option['unit'] : '' ) . ';'; + } else { + $vars .= $suffix . $option['name'] . ":" . $GLOBALS['modul_r_defaults']['customizer_options'][$option['select_type']][abs( get_theme_mod( 'modul_r_defaults_' . $option['name'] ) )] . ';'; + } + } else { + $vars .= $suffix . $option['name'] . ":" . $option['default'] . ( ! empty( $option['unit'] ) ? $option['unit'] : '' ) . ';'; + } + } + return $vars; + } + + $typography = modul_r_get_vars($GLOBALS['modul_r_defaults']['customizer_options']['typography'], "--typography--default--"); + $header_sizes = modul_r_get_vars($GLOBALS['modul_r_defaults']['customizer_options']['header_sizes'], "--header--"); + $sizes = modul_r_get_vars($GLOBALS['modul_r_defaults']['customizer_options']['sizes'], "--sizes--"); + + echo ""; + } +endif; +add_action( 'wp_head', 'modul_r_css_props', 99 ); \ No newline at end of file diff --git a/inc/enqueue-scripts.php b/inc/enqueue-scripts.php index 01d6ad05..42908016 100644 --- a/inc/enqueue-scripts.php +++ b/inc/enqueue-scripts.php @@ -1,146 +1,14 @@ 0){ - $atf_css .= 'body.has-featured-image.top #masthead {background-color: ' . $header_color . '00;}'; - } else { - // if has a featured image and is at the top of the page....has-featured-image.top - $atf_css .= 'body.has-featured-image.top #masthead {background-color: ' . $header_color . 'dd;}'; - } - - // Set the responsive header opacity - $atf_css .= '@media (max-width: 960px) {body .main-navigation {background-color: ' . modul_r_adjustBrightness($header_color, 0.2) . 'ee;}}'; - - // Set the nav background colors - $atf_css .= 'body ul.sub-menu {background-color: ' . modul_r_adjustBrightness($header_color, 0.1) . ';}'; - $atf_css .= 'body.has-featured-image.top #masthead ul.sub-menu {background-color: ' . $header_color . 'cc;}'; - $atf_css .= 'body ul.sub-menu ul.sub-menu {background-color: ' . modul_r_adjustBrightness($header_color, 0.2) . ';}'; - $atf_css .= 'body ul.sub-menu li:hover {background-color: ' . modul_r_adjustBrightness($header_color, 0.3) . ';}'; - - // Set header title color - $atf_css .= '.has-header-text h1 a {color:' . $header_title_color. ';}'; - - // Set header text and links color - $atf_css .= '.main-navigation li a, #masthead .header-wrapper .header-text .site-description, .has-header-text-color {color:' . $header_text_color. ';}'; - $atf_css .= '.has-header-text-background-color {background-color:' . $header_text_color. ';}'; - $atf_css .= '.has-header-text-background-border-color {border-color:' . $header_text_color. '66 !important;}'; - - // the hamburger color - $atf_css .= 'body .menu-resp button.c-hamburger i,body .menu-resp button.c-hamburger i::after,body .menu-resp button.c-hamburger i::before {background:' . $header_text_color. ';}'; - - // FOOTER - // set the footer color - $atf_css .= '.has-footer-color {background-color: ' . $footer_color . ';}'; - // set the bottom footer color - $atf_css .= '.has-footer-bottom-color {background-color: ' . $footer_bottom_color . ';}'; - // set the bottom text color - $atf_css .= '.site-footer h1, .site-footer h2, .site-footer h4,.site-footer .widget-title {color: ' . $footer_text_color . ';}'; - $atf_css .= '.site-footer .widget-title {border-bottom: 1px solid ' . $footer_text_color . 'dd;}'; - $atf_css .= '.has-footer-text-color, .site-footer a, .site-footer b, .site-footer li, .site-footer p {color: ' . $footer_text_color . 'dd;}'; - - // create the custom colors scheme - foreach ($colors as $key => $color) { - $atf_css .= '.has-'.$key.'-color,body .wp-block-button__link.has-'.$key.'-color,.wp-block-pullquote.is-style-solid-color blockquote.has-'.$key.'-color,.wp-block-pullquote.is-style-solid-color blockquote.has-'.$key.'-color p{color:'.$color.'}'; - $atf_css .= '.has-'.$key.'-background-color,.wp-block-button__link.has-'.$key.'-background-color,.wp-block-pullquote.is-style-solid-color.has-'.$key.'-background-color{background:'.$color.'}.has-'.$key.'-background-color:before{background:'.$color.' !important}'; - } - - // push primary and secondary color (if is set) into the stored style - if ($colors['primary']) { - // color related style - $atf_css .= '.has-primary-color{color:'.$colors['primary'].'}.has-primary-background-color{color:'.$colors['primary'].'}'; - // bold text color css - $atf_css .= 'body blockquote:before{color:'.$colors['primary'].'}'; - // selection - $atf_css .= '::selection {background-color: '.$colors['primary'].'aa !important;}'; - // slick dots - $atf_css .= 'body .slick-dots li.slick-active button{background-color:'. modul_r_adjustBrightness($colors['primary'], -0.1).'}'; - } - - if ($colors['secondary']) { - // color related style - $atf_css .= '.has-secondary-color{color:'.$colors['secondary'].'}.has-secondary-background-color{color:'.$colors['secondary'].'}'; - // button background color css - $atf_css .= 'body .button:not(.has-text-color),body .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color),body button:not(.has-text-color),body input:not(.has-text-color)[type=button],body input:not(.has-text-color)[type=reset],body input:not(.has-text-color)[type=submit]{background-color:'.$colors['secondary'].'}'; - $atf_css .= 'input.outline[type="submit"], input.outline[type="button"], input.outline[type="reset"], button.outline, .outline.button, .entry-content .wp-block-button .outline.wp-block-button__link {border: 2px solid '.$colors['secondary'].'; color:'.$colors['secondary'].'}'; - // links text color - $atf_css .= 'body a{color:'.$colors['secondary'].'}'; - // quote border color - $atf_css .= 'body .entry-content .wp-block-quote:not(.is-large),body .entry-content .wp-block-quote:not(.is-style-large){border-left-color:'.$colors['secondary'].'}'; - // separators border color - $atf_css .= 'body .wp-block-separator,body hr {border-bottom-color:'.$colors['secondary'].'}'; - } - - // SCROLLBAR - // scrollbar color (10% darker) & slick dots - $atf_css .= 'body::-webkit-scrollbar-thumb:horizontal,body::-webkit-scrollbar-thumb:vertical{background-color:'. modul_r_adjustBrightness($colors['primary'], -0.1).'}'; - - // HERO - $hero_opacity = get_theme_mod( 'modul_r_hero_opacity' ) !== false ? intval(get_theme_mod( 'modul_r_hero_opacity' )) : 100; - $hero_height_home = get_theme_mod( 'modul_r_hero_height_homepage' ) !== false ? intval(get_theme_mod( 'modul_r_hero_height_homepage' )) : 70; - $hero_height = get_theme_mod( 'modul_r_hero_height' ) !== false ? intval(get_theme_mod( 'modul_r_hero_height' )) : 45; - if ($hero_opacity != 100) $atf_css .= 'body .hero img {opacity:'. ($hero_opacity/100) .'}'; - if ($hero_height) $atf_css .= "html body .hero {max-height:{$hero_height}vh}"; - if ($hero_height_home) $atf_css .= "html body.home .hero {max-height:{$hero_height_home}vh}"; - - include get_stylesheet_directory() . '/assets/dist/css/atf.css'; - $atf_css .= ob_get_clean(); - - // Finally return the stored style - if ($atf_css != "" ) { - echo ''; - } - - // Apply the header color to chrome bar - echo ''; - - } +/** + * Add color styling from theme + */ +if ( ! function_exists( 'modul_r_theme_color' ) ) : + function modul_r_theme_color() { + $header_background = modul_r_get_theme_color( 'header-color', $GLOBALS['modul_r_defaults']['colors'][$GLOBALS['modul_r_defaults']['style']['header-color']] ); + echo ''; + } endif; -add_action( 'wp_head', 'modul_r_atf_style', 1 ); +add_action( 'wp_head', 'modul_r_theme_color' ); /** * Enqueue admin style @@ -156,12 +24,39 @@ function modul_r_admin_style() { */ if ( ! function_exists( 'modul_r_theme_fonts' ) ) : function modul_r_theme_fonts() { - wp_enqueue_style( 'modul-r-fonts', 'https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Material+Icons&display=swap', array(), null ); + wp_enqueue_style( 'modul-r-fonts', 'https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap', array(), null ); + wp_enqueue_style( 'modul-r-icons', 'https://fonts.googleapis.com/css2?family=Material+Icons&display=swap', array(), null ); } endif; add_action( 'wp_enqueue_scripts', 'modul_r_theme_fonts', 10 ); add_action( 'admin_enqueue_scripts', 'modul_r_theme_fonts', 10 ); + +/** + * Fix for ios that overlaps content with the lower nav bar + */ +if ( ! function_exists( 'modul_r_fix_content_height' ) ) : + function modul_r_fix_content_height() { + ?> + + -
-

+
+

0) { @@ -71,8 +71,8 @@ function modul_r_archive_image( $class = null ) { }?>
-
- ', '' ); ?> +
+ ', '' ); ?> %s

', esc_html(get_the_author_meta( 'description' )) ); } else { diff --git a/style.css b/style.css index 80d9474d..1a13ba89 100644 --- a/style.css +++ b/style.css @@ -15,5 +15,5 @@ License URI: https://github.com/erikyo/modul-r/blob/master/LICENSE Text Domain: modul-r Tags: blog, e-commerce, portfolio, one-column, two-columns, grid-layout, custom-background, custom-header, custom-logo, custom-menu, custom-colors, editor-style, microformats, flexible-header, footer-widgets, featured-images, featured-image-header, full-width-template, block-styles, theme-options, wide-blocks, sticky-post, threaded-comments, translation-ready */ -.nowrap{white-space:nowrap}.hide{display:none}.unselectable::-moz-selection{background-color:transparent}.unselectable::selection{background-color:transparent}#secondary ul.product-categories li,#secondary ul.product_list_widget li .product-title,.ellipsis,.site-footer .footer-widgets li,body.woocommerce .woocommerce-breadcrumb{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}.clearfix:after{content:"";clear:both;display:table}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.display-table{display:table}.elevation-01,.search-form{box-shadow:0 2px 10px -6px rgba(50, 52, 57, .8)}table{width:100%;max-width:100%}table tr{border-collapse:collapse}table tr td,table tr th{padding:12px}table tr th{background:#6f4cad;color:#fff}table tr td{border-bottom:1px solid #e3e3e3}input,select,textarea{box-sizing:border-box;padding:12px 8px;margin:0;background:#fff;outline:none !important;border:1px solid #e3e3e3;font-size:17px;transition:.35s}input{border:0 solid transparent}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],input[type=url]{width:100%;padding-left:4px;box-shadow:0 1px 0 #e3e3e3}input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover{box-shadow:0 1px 0 #6f4cad}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus{box-shadow:0 2px 0 #6f4cad}[type=checkbox],[type=radio]{margin:0;display:inline;vertical-align:middle}.input-label{font-size:8.5px}label input+span{font-size:15px;line-height:19px;opacity:.8}textarea{display:block;min-width:100%;max-width:100%;min-height:160px;overflow:hidden}fieldset{margin:8px 0}input,textarea{margin-bottom:8px}select,textarea{width:100%;border-radius:4px}img{height:auto;max-width:100%;position:relative;-o-object-fit:cover;object-fit:cover}.image-border img{padding:8px;background:#e3e3e3;margin:8px;box-sizing:border-box}p img.alignleft{padding-right:10px}p img.alignright{padding-left:10px}figure{margin-bottom:16px}figure img{max-width:100%;padding-left:0;padding-right:0}figure .gallery-caption,figure figcaption{overflow:hidden;line-height:1.2}.site-main .entry-content .wp-caption{margin-bottom:16px;padding-left:20px;padding-right:20px}.site-main .entry-content .wp-caption .wp-caption-text{color:#4a4d54;font-size:15px;font-style:italic}.site-main .entry-content .wp-caption.alignleft{padding-right:10px}.site-main .entry-content .wp-caption.alignright{padding-left:10px}.button,.entry-content .wp-block-button .wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{display:inline-flex;justify-content:center;position:relative;transition:.175s;cursor:pointer;min-width:64px;margin:0;padding:9.6px 19.2px;border:none;border-radius:30px;outline:none;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;letter-spacing:2px;text-decoration:none !important;text-transform:uppercase;white-space:normal;overflow-wrap:break-word}.button:hover,.entry-content .wp-block-button .wp-block-button__link:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{color:#fff;-webkit-filter:brightness(115%);filter:brightness(115%);cursor:pointer}.button:focus,.entry-content .wp-block-button .wp-block-button__link:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{color:#fff;-webkit-filter:brightness(120%);filter:brightness(120%)}.entry-content .wp-block-button .outline.wp-block-button__link,.outline.button,button.outline,input.outline[type=button],input.outline[type=reset],input.outline[type=submit]{background-color:transparent !important}.button:disabled,.entry-content .wp-block-button .wp-block-button__link:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{-webkit-filter:saturate(0);filter:saturate(0)}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#6f4cad;color:#fff}.button+.button,.button+button,.button+input[type=button],.button+input[type=reset],.button+input[type=submit],button+.button,button+button,button+input[type=button],button+input[type=reset],button+input[type=submit],input[type=button]+.button,input[type=button]+button,input[type=button]+input[type=button],input[type=button]+input[type=reset],input[type=button]+input[type=submit],input[type=reset]+.button,input[type=reset]+button,input[type=reset]+input[type=button],input[type=reset]+input[type=reset],input[type=reset]+input[type=submit],input[type=submit]+.button,input[type=submit]+button,input[type=submit]+input[type=button],input[type=submit]+input[type=reset],input[type=submit]+input[type=submit]{margin-left:12px}.button{line-height:1}.button+.button{margin-right:8px}.menu-resp button.c-hamburger{display:block;position:relative;overflow:hidden;margin:auto;padding:0;width:30px;min-width:inherit;height:30px;text-indent:-9999px;box-shadow:none;border:none;border-radius:0;cursor:pointer;transition:background .3s;background-color:transparent}.menu-resp button.c-hamburger i{display:block;position:absolute;top:15px;background:#16bebb;left:0;right:0;height:3px;transition:background .15s .1s;transition-delay:.1s,0s}.menu-resp button.c-hamburger i:after,.menu-resp button.c-hamburger i:before{position:absolute;display:block;left:0;width:100%;height:3px;background:#16bebb;content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s}.menu-resp button.c-hamburger i:before{top:9px;transition-property:top,transform}.menu-resp button.c-hamburger i:after{bottom:9px;transition-property:bottom,transform}.active .menu-resp button.c-hamburger i{background:0 0;transition-delay:.2s,0s}.active .menu-resp button.c-hamburger i:before{top:0;transform:rotate(45deg)}.active .menu-resp button.c-hamburger i:after{bottom:0;transform:rotate(-45deg)}.active .menu-resp button.c-hamburger i:after,.active .menu-resp button.c-hamburger i:before{transition-delay:0s,.3s}#secondary{min-width:444px;width:444px;padding:0 20px;box-sizing:border-box}#secondary .search-form{max-width:100%}@media(min-width:1024px){#secondary{padding:0}.sidebar-right #secondary{padding-left:64px}.sidebar-left #secondary{padding-right:64px}}@media(max-width:960px){#secondary{padding-top:40px;border-top:1px solid #eee;min-width:inherit;width:100%}}#secondary section{padding-bottom:48px}#secondary h3{margin:0 0 4px;font-size:20px;font-weight:600}#secondary a{font-weight:500;font-size:16px}.main-width,.site-main .entry-content>*{width:900px;max-width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin:0 auto 48px}@media(max-width:1023px){.main-width,.site-main .entry-content>*{padding-left:20px;padding-right:20px}}.main-width.alignwide{width:1500px;max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:32px}#masthead+.site-content{padding-top:92px}@media(max-width:960px){#masthead+.site-content{padding-top:112px}}#masthead.header-portrait+.site-content{padding-top:236px}@media(max-width:960px){#masthead.header-portrait+.site-content{padding-top:112px}}body.has-featured-image #masthead+.site-content{padding-top:48px}@media(max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media(max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:32px}@media(max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:20px}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:1500px;max-width:100%;box-sizing:border-box;margin:0 auto}@media(max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - 508px)}@media(max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}.entry-header{text-align:center}.entry-header .meta-wrapper{float:inherit}.entry-title,.page-title{text-align:center;margin-left:auto;margin-right:auto;width:80%;margin-bottom:20px}@media(max-width:1023px){.entry-title,.page-title{width:100%}}.entry-header,.page-header,.woocommerce-products-header{display:block;width:100%;max-width:1500px;text-align:center;margin:0 auto 20px}@media(max-width:940px){.entry-header,.page-header,.woocommerce-products-header{max-width:100%;width:auto;padding-left:20px;padding-right:20px}}.entry-header p,.page-header p,.woocommerce-products-header p{margin:0 auto;max-width:750px;line-height:1.7}.entry-footer{clear:both}.entry-footer>div,.page-links{padding-top:64px}.page-links{clear:both}.post-meta .meta-wrapper{display:inline-flex}.post-meta .meta-wrapper p{color:#4a4d54;font-size:13px;font-weight:300;margin-bottom:0;margin-left:8px;margin-right:8px}@media(max-width:1023px){.post-meta .meta-wrapper p{font-size:11px}}.post-meta .meta-wrapper a{color:#4a4d54;font-weight:600;text-transform:uppercase}.breadcrumbs{font-size:11px;margin-bottom:8px;font-weight:600;letter-spacing:1.5px;color:#b0b3ba}.breadcrumbs a{color:#4a4d54;font-weight:600;text-transform:uppercase;margin-left:4px;margin-right:4px;transition:.35s;opacity:.5}.breadcrumbs a:last-of-type{opacity:.8}.breadcrumbs a:hover{opacity:1}.relateds ul.relateds-list{margin:0;padding:0}.relateds ul.relateds-list li{display:block;padding:0;margin:8px 0 48px;clear:both;font-weight:400}.relateds ul.relateds-list li p{margin:0;font-size:.9em;font-weight:400}.relateds ul.relateds-list li img{float:left;clear:both;width:150px;margin-right:20px;margin-bottom:20px;max-height:150px}@media(max-width:1023px){.relateds ul.relateds-list li img{width:75px;margin-right:10px;margin-bottom:10px}}.navigation{display:flex;flex-wrap:wrap}.navigation a{line-height:1.2;font-weight:500;display:inline-table;vertical-align:baseline;width:calc(100% - 30px)}@media(max-width:1023px){.navigation a{font-size:90%}}.navigation>*{flex-basis:50%;flex-shrink:0}.navigation .alignright{text-align:right}.nav-links{flex-basis:100%;text-align:center;margin-top:32px}.nav-links *{margin:0 8px}.nav-links .page-numbers{display:inline-block;padding:0 7.2px;width:36px;height:36px;vertical-align:middle;box-sizing:border-box;font-weight:600;line-height:36px;border-radius:18px;background-color:#e3e3e3;color:#b0b0b0;transition:.35s}.nav-links .page-numbers.current,.nav-links .page-numbers:hover{color:#4a4d54}.nav-links .page-numbers.next,.nav-links .page-numbers.prev{width:auto}.post-navigation .navigation{margin-top:16px}.post-navigation .navigation>div{height:60px}.post-navigation .navigation i{vertical-align:middle}.category-list-labels{padding-top:32px}.category-list-labels li,.category-list-labels ul{display:inline-block}.category-list-labels li{background:#fff;border-radius:15px;border:1px solid #e3e3e3;width:auto;height:30px;line-height:26px;position:relative;margin:0 10px 10px 0;padding:0 10px;box-sizing:border-box}.category-list-labels li a{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#4a4d54;text-decoration:none !important;transition:.2s}.category-list-labels li:hover a{-webkit-filter:brightness(115%);filter:brightness(115%)}.wp-block-separator,hr{border:none;border-bottom:1px solid rgba(111, 76, 173, .4)}.sticky{background-color:transparent}.sticky h1,.sticky h2{color:#16bebb}body .hero{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:rgba(26, 27, 30, .95)}body .hero,body .hero>*{position:relative}body .hero .entry-image{position:absolute;top:0;width:100%;height:100%}@media(max-width:1023px){body .hero .entry-image{max-height:inherit}}body .hero .hero-title{padding-top:140px;padding-left:20px;padding-right:20px;margin:auto}body .hero .hero-title .page-title{max-width:1125px;width:100%}body .hero .hero-title h1,body .hero .hero-title p{text-shadow:0 2px 4px rgba(50, 52, 57, .7);color:#fff}body .hero .hero-title h1{font-size:64px;font-weight:700;margin:0 auto}@media(max-width:1023px){body .hero .hero-title h1{font-size:44px;width:100%}}@media(max-width:420px){body .hero .hero-title h1{font-size:36px}}@media(max-width:376px){body .hero .hero-title h1{font-size:30px}}body .hero .hero-title p{font-size:19px;font-style:italic}@media(max-width:1023px){body .hero .hero-title p{font-size:17px;line-height:1.3}}@media(max-width:376px){body .hero .hero-title p{font-size:15px}}body .hero .hero-title a{margin-top:32px}@media(max-width:1023px){body .hero .hero-title a{font-size:17px;padding:10px 16px}}body.archive .hero:after,body.page .hero:after,body.single .hero:after{content:" ";display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;box-shadow:inset 0 64px 60px -60px rgba(50, 52, 57, .8)}.site-main .entry-content>*{margin-top:48px;margin-bottom:64px}.site-main .entry-content>:first-child{margin-top:0}.site-main .entry-content>:last-child{margin-bottom:0;clear:both}.site-main .entry-content>.alignclose{margin-top:0;margin-bottom:0}.site-main .entry-content>.alignclose.has-media-on-the-right.padded-image img{margin-right:64px;margin-left:0}.site-main .entry-content>.alignwide{width:100%;max-width:1500px;padding-left:8px;padding-right:8px;clear:both}.site-main .entry-content>.alignfull{position:relative;width:100%;padding-left:0;padding-right:0;clear:both}.site-main .entry-content>.alignleft{float:left}.site-main .entry-content>.alignleft,.site-main .entry-content>.alignright{width:auto;max-width:1650px;margin-top:0;margin-bottom:0;padding-left:8px;padding-right:8px}.site-main .entry-content>.alignright{float:right}.site-main .entry-content>.aligncenter{margin-left:auto;margin-right:auto;text-align:center}@media(max-width:1260px){.site-main .entry-content>.aligncenter{margin-left:auto;margin-right:auto}}.site-main .entry-content>.height-40{min-height:40vh}.site-main .entry-content>.height-100{min-height:100vh}.site-main .entry-content{line-height:1.7}.site-main .entry-content h1,.site-main .entry-content h2,.site-main .entry-content h3,.site-main .entry-content h4,.site-main .entry-content h5,.site-main .entry-content h6{margin-top:0;margin-bottom:16px;line-height:1.3}.site-main .entry-content p{margin-top:0;margin-bottom:16px}.site-main .entry-content p+h1,.site-main .entry-content p+h2{margin-top:64px}.site-main .entry-content p+h3,.site-main .entry-content p+h4,.site-main .entry-content p+h5,.site-main .entry-content p+h6{margin-top:32px}.site-main dl,.site-main ol,.site-main ul{padding:0 40px;margin-top:32px;margin-bottom:16px;list-style-position:inside;line-height:1.7}.site-main dl dt,.site-main dl li,.site-main ol dt,.site-main ol li,.site-main ul dt,.site-main ul li{padding-left:8px}.site-main dl ol,.site-main dl ul,.site-main ol ol,.site-main ol ul,.site-main ul ol,.site-main ul ul{padding-left:40px}.site-main .wp-block-gallery{padding-left:20px;padding-right:20px}.site-main .wp-block-gallery.alignfull{padding:0}.site-main .wp-block-gallery.alignfull .blocks-gallery-grid{margin:0;padding:0}.site-main .wp-block-media-text{margin-top:0;margin-bottom:0}.site-main .wp-block-media-text h1,.site-main .wp-block-media-text h2,.site-main .wp-block-media-text h3{margin-top:0}.site-main button{margin-top:32px}.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}@media(max-width:1023px){.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}}.entry-content .wp-block-subhead{font-style:inherit;opacity:1;color:#323439}.entry-content .wp-block-audio audio{width:100%}.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:495px}@media(max-width:1023px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:750px}}@media(max-width:1600px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:495px}}.entry-content .wp-block-audio.alignfull,.entry-content .wp-block-audio.alignwide{padding-left:20px;padding-right:20px}.entry-content .wp-block-video video{width:100%}.entry-content .wp-block-video.alignwide{padding-left:0;padding-right:0}.entry-content .wp-block-button.is-style-squared .wp-block-button__link{border-radius:0}.entry-content .wp-block-button.is-style-outline .wp-block-button__link,.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active,.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus{border:2px solid;background-color:transparent}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background:transparent}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color){color:#6f4cad;border-color:currentColor}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover{color:#6f4cad;background-color:#fff;border-color:#6f4cad;-webkit-filter:brightness(120%);filter:brightness(120%)}.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background){color:#6f4cad}.entry-content .wp-block-archives,.entry-content .wp-block-categories,.entry-content .wp-block-latest-posts{padding-top:0;padding-bottom:0;list-style:none}.entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li{color:#4a4d54;font-weight:300}.entry-content .wp-block-archives li.menu-item-has-children,.entry-content .wp-block-archives li:last-child,.entry-content .wp-block-categories li.menu-item-has-children,.entry-content .wp-block-categories li:last-child,.entry-content .wp-block-latest-posts li.menu-item-has-children,.entry-content .wp-block-latest-posts li:last-child{padding-bottom:0}.entry-content .wp-block-archives li a,.entry-content .wp-block-categories li a,.entry-content .wp-block-latest-posts li a{text-decoration:none;font-weight:500}.entry-content .wp-block-archives .wp-block-latest-posts__post-date,.entry-content .wp-block-categories .wp-block-latest-posts__post-date,.entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date{color:#323439;font-size:13px;font-weight:400;line-height:1;margin-bottom:32px}.entry-content .wp-block-archives,.entry-content .wp-block-categories{list-style-type:none}.entry-content .wp-block-archives li,.entry-content .wp-block-archives ul,.entry-content .wp-block-categories li,.entry-content .wp-block-categories ul{padding:0;margin:0 auto}.entry-content .wp-block-archives li a,.entry-content .wp-block-categories li a{margin-bottom:8px}.entry-content .wp-block-archives ul,.entry-content .wp-block-categories ul{list-style-type:none;padding-left:20px}.entry-content .wp-block-archives ul a,.entry-content .wp-block-categories ul a{color:#4a4d54;font-weight:400}.entry-content .wp-block-archives.aligncenter,.entry-content .wp-block-categories.aligncenter{text-align:center}.entry-content .wp-block-archives.aligncenter ul,.entry-content .wp-block-categories.aligncenter ul{padding:0 0 10px}.entry-content .wp-block-latest-posts.is-grid{display:flex;justify-content:space-between}.entry-content .wp-block-latest-posts.is-grid li{background-color:#fff;margin:0}.entry-content .wp-block-preformatted{line-height:1.95;padding:32px 64px}.entry-content .wp-block-verse{line-height:2;font-weight:300;font-style:italic}.entry-content .has-drop-cap{margin-bottom:32px}.entry-content .has-drop-cap:not(:focus):first-letter{font-family:Montserrat,sans-serif;line-height:1;font-weight:600;margin:0 16px 0 0}.entry-content .wp-block-pullquote{border-color:transparent;border-width:2px;padding:30px 120px}@media(max-width:1540px){.entry-content .wp-block-pullquote{padding:30px 40px}}.entry-content .wp-block-pullquote blockquote{color:#4a4d54;border:none}.entry-content .wp-block-pullquote p{font-style:italic;font-weight:300;line-height:1.3}.entry-content .wp-block-pullquote p em{font-style:normal}.entry-content .wp-block-pullquote cite{display:inline-block;font-family:Montserrat,sans-serif;line-height:1.6;text-transform:none;color:#4a4d54}.entry-content .wp-block-pullquote.alignleft,.entry-content .wp-block-pullquote.alignright{width:100%}.entry-content .wp-block-pullquote.alignleft blockquote,.entry-content .wp-block-pullquote.alignright blockquote{margin:8px 0;max-width:100%}.entry-content .wp-block-pullquote.alignleft blockquote p:first-child,.entry-content .wp-block-pullquote.alignright blockquote p:first-child{margin-top:0}.entry-content .wp-block-pullquote.is-style-solid-color{background-color:#6f4cad;padding-left:0;padding-right:0}.entry-content .wp-block-pullquote.is-style-solid-color p{line-height:1.3;margin-bottom:.5em;margin-top:.5em}.entry-content .wp-block-pullquote.is-style-solid-color cite{color:inherit}.entry-content .wp-block-pullquote.is-style-solid-color blockquote{max-width:100%;color:#fcfcfc;padding-left:0;margin-left:8px;margin-right:8px}.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,.entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color{color:inherit}.entry-content .wp-block-quote:not(.is-large),.entry-content .wp-block-quote:not(.is-style-large){border-left:2px solid #6f4cad;padding-left:120px;padding-top:30px;padding-bottom:30px}.entry-content .wp-block-quote p{font-size:1em;font-style:normal;line-height:1.8}.entry-content .wp-block-quote.is-large,.entry-content .wp-block-quote.is-style-large{border-left:0;border-right:0;max-width:100%}.entry-content .wp-block-quote.is-large p,.entry-content .wp-block-quote.is-style-large p{line-height:1.4;font-style:italic}@media(max-width:1023px){.entry-content .wp-block-image .aligncenter,.entry-content .wp-block-image .aligncenter img{margin:0 auto}}@media(max-width:1600px){.entry-content .wp-block-image .aligncenter img{margin:0 auto}}.entry-content .wp-block-image.alignfull img{width:100%}@media(max-width:1023px){.entry-content .wp-block-image.alignfull img{margin-left:auto;margin-right:auto}}.entry-content .wp-block-image .alignleft{margin-right:32px}@media(max-width:1023px){.entry-content .wp-block-image .alignleft{margin-right:16px}}.entry-content .wp-block-image .alignright{margin-left:32px}@media(max-width:1023px){.entry-content .wp-block-image .alignright{margin-left:16px}}@media(max-width:1023px){.entry-content .wp-block-image .alignleft,.entry-content .wp-block-image .alignright{width:100%}.entry-content .wp-block-image .alignleft img,.entry-content .wp-block-image .alignright img{display:block;margin-left:auto;margin-right:auto}}.entry-content .wp-block-media-text.alignwide{padding:0}.entry-content .wp-block-media-text.alignfull{max-width:inherit}.entry-content .wp-block-media-text .wp-block-media-text__media{overflow:hidden}.entry-content .wp-block-media-text .wp-block-media-text__media img{align-self:center}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img{-o-object-position:left;object-position:left}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding-right:64px;padding-left:32px;margin-left:auto}@media(max-width:767px){.entry-content .wp-block-media-text .is-stacked-on-mobile .wp-block-media-text__media{min-height:30vh}}.entry-content .wp-block-media-text .wp-block-media-text__content{max-width:600px;padding:32px 32px 32px 64px}.entry-content .wp-block-media-text .wp-block-media-text__content>:first-child{margin-top:0}.entry-content .wp-block-media-text .wp-block-media-text__content>:last-child{margin-bottom:0}@media(max-width:1023px){.entry-content .wp-block-media-text .wp-block-media-text__content{padding-left:20px !important;padding-right:20px !important}}.entry-content .wp-block-cover,.entry-content .wp-block-cover-image{position:relative;min-height:430px;padding:0;background-color:initial;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.entry-content .wp-block-cover-image .wp-block-cover__inner-container,.entry-content .wp-block-cover .wp-block-cover__inner-container{max-width:900px}.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.3;padding:0;margin:20px auto}@media(max-width:1023px){.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{max-width:100%}}.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{width:100%}@media(max-width:1023px){.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{padding:8px 16px}}@media(max-width:1023px){.entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,.entry-content .wp-block-cover-image.alignfull h2,.entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover.alignfull .wp-block-cover-text,.entry-content .wp-block-cover.alignfull h2{padding:0}}.entry-content .wp-block-gallery{list-style-type:none}.entry-content .wp-block-gallery .blocks-gallery-item{padding:0}.entry-content .wp-block-gallery .blocks-gallery-image:last-child,.entry-content .wp-block-gallery .blocks-gallery-item:last-child{margin-bottom:16px}.entry-content .wp-block-gallery figure{margin:0 !important}.entry-content .wp-block-gallery.is-cropped figure img{height:100%;width:100%}.entry-content .wp-block-gallery .blocks-gallery-item figcaption{overflow:hidden}.entry-content .wp-block-gallery figcaption a{color:#fff}.entry-content .wp-block-audio figcaption,.entry-content .wp-block-gallery .blocks-gallery-image figcaption,.entry-content .wp-block-gallery .blocks-gallery-item figcaption,.entry-content .wp-block-image figcaption,.entry-content .wp-block-video figcaption{margin:0;padding:8px;text-align:center;box-sizing:border-box}.entry-content .wp-block-separator,.entry-content hr{height:2px;margin-top:64px;margin-bottom:32px;max-width:2.25em;text-align:left}.entry-content .wp-block-separator.is-style-wide,.entry-content hr.is-style-wide{margin-left:0;margin-right:0;width:100%;max-width:100%;border-bottom:1px solid rgba(50, 52, 57, .1)}.entry-content .wp-block-separator.is-style-dots,.entry-content hr.is-style-dots{max-width:100%;background-color:inherit;border:inherit;height:inherit;text-align:center}.entry-content .wp-block-separator.is-style-dots:before,.entry-content hr.is-style-dots:before{color:#6f4cad;font-size:64px;letter-spacing:24px;padding-left:24px}.entry-content .wp-block-separator+h1:before,.entry-content .wp-block-separator+h2:before,.entry-content hr+h1:before,.entry-content hr+h2:before{display:none}.entry-content .wp-block-embed-twitter{clear:both}.entry-content .wp-block-table{border-collapse:separate}.entry-content .wp-block-table tr{border-collapse:collapse}.entry-content .wp-block-table td,.entry-content .wp-block-table th{border-color:transparent;border-bottom:1px solid #e3e3e3}.entry-content .wp-block-table.alignwide{width:1500px}.entry-content .wp-block-table.alignfull{width:100%}.entry-content .wp-block-file{font-family:Montserrat,sans-serif}.entry-content .wp-block-file .wp-block-file__button{display:table;border:none;border-radius:5px;background:#6f4cad;font-size:17px;text-decoration:none;font-weight:700;color:#fff;margin-left:0;margin-top:6px}.entry-content .wp-block-file .wp-block-file__button:hover{-webkit-filter:brightness(120%);filter:brightness(120%);cursor:pointer}.entry-content .wp-block-file .wp-block-file__button:focus{-webkit-filter:brightness(120%);filter:brightness(120%);outline:thin dotted;outline-offset:-4px}.entry-content .wp-block-text-columns.alignwide{padding-left:20px;padding-right:20px}.entry-content .wp-block-code{border-radius:0}.entry-content .wp-block-code code{white-space:pre;overflow-x:auto}.entry-content .wp-block-columns.alignfull{padding-left:20px;padding-right:20px}@media(max-width:500px){.entry-content .wp-block-columns{flex-wrap:nowrap}}@media(max-width:1023px){.entry-content .wp-block-columns .wp-block-column>:first-child{margin-top:0}.entry-content .wp-block-columns .wp-block-column>:last-child{margin-bottom:0}.entry-content .wp-block-columns[class*=has-]>:last-child{margin-right:0}.entry-content .wp-block-columns.alignfull,.entry-content .wp-block-columns.alignfull .wp-block-column{padding-left:16px;padding-right:16px}}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta{font-family:Montserrat,sans-serif;font-weight:700}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date{font-weight:400}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p{font-size:inherit}.entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date{font-size:8.5px}.entry-content .has-small-font-size{font-size:11.9px}.entry-content .has-normal-font-size{font-size:17px}.entry-content .has-large-font-size{font-size:27.2px;line-height:1.2}.entry-content .has-huge-font-size{font-size:42.5px;line-height:1.2}.site-footer{margin-top:96px;clear:both}.site-footer h3{white-space:nowrap;padding-bottom:8px;margin-bottom:16px;font-weight:600;font-size:21px;border-bottom:1px solid rgba(50, 52, 57, .2)}@media(max-width:1023px){.site-footer h3{font-size:18px}}.site-footer .footer-widgets{padding-top:64px;padding-bottom:32px;display:flex}@media(max-width:1023px){.site-footer .footer-widgets{flex-direction:column-reverse;width:100%}}.site-footer .footer-widgets ul{padding:0;margin:0}.site-footer .footer-widgets ul ul{margin-left:10px}.site-footer .footer-widgets li{list-style-type:none;padding:0;margin:0;line-height:2.2}.site-footer .footer-widgets li a{font-weight:400}.site-footer .footer-widgets li .post-date{font-size:13px;margin-left:8px;opacity:.5}.site-footer .widget{flex:1 1 0;box-sizing:content-box;margin-right:96px;width:100%;max-width:375px}@media(max-width:767px){.site-footer .widget{margin-left:0 !important;margin-right:0 !important;padding-bottom:32px;max-width:100%}}.site-footer .widget:first-of-type{margin-left:0}.site-footer .widget:last-of-type{margin-right:0}.site-footer .widget.credits{flex-grow:2;margin-right:256px;width:inherit}@media(max-width:1023px){.site-footer .widget.credits{padding-top:32px;padding-bottom:0}}.site-footer .widget.credits img{width:280px;max-width:100%}.site-footer .footer-info{padding:8px 0}@media(min-width:1024px){.site-footer .footer-info{text-align:right}}.site-footer .footer-info p{margin-top:0;margin-bottom:0;font-size:12px}.interactive>*,.interactive img{transition-duration:.7s}.interactive.long-delay *{transition-delay:3s}.interactive.fade-in img{opacity:0}.interactive.fade-in.already-see img{opacity:1}.interactive.slide-left img{transform:translateX(-100px)}.interactive.slide-left.visible img{transform:translateX(0)}.interactive.enter-down img{transform:translateY(100%)}.interactive.enter-down.already-see img{transform:translateY(0)}.interactive.exit-right img{opacity:1;transform:translateX(0);transition-duration:1.05s}.interactive.exit-right.already-see img{opacity:0;transform:translateX(300%)}.interactive.parallax{overflow:hidden}.interactive.parallax *{transition:inherit}.parallax figure,figure.parallax{height:100%;overflow:hidden;max-height:70vh}.parallax figure img,figure.parallax img{height:calc(100% + 200px);margin-bottom:-100px !important}.parallax figure figcaption,figure.parallax figcaption{position:absolute;right:20px;left:20px}.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}.screen-reader-text.skip-link{display:block}.screen-reader-text:focus{background-color:#16bebb;border-radius:3px;box-shadow:0 0 2px 2px rgba(50, 52, 57, .75);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#fff;font-size:16px;font-weight:600;height:auto;display:block;right:8px;top:8px;z-index:100000;line-height:1;padding:12px 24px;text-decoration:none;width:auto}#main[tabindex="-1"]:focus{outline:0}abbr{cursor:help}.entry-comments{clear:both;margin-top:48px;padding-top:64px;border-top:1px solid #e3e3e3}.entry-comments>p{font-size:1.3em;margin-bottom:64px;font-weight:300}.entry-comments .navigation a{font-size:12px;font-weight:400;color:#4a4d54}.entry-comments p.comment-notes{font-size:13px;font-style:italic;color:#4a4d54}.entry-comments p.comments-closed,.entry-comments p.no-comments-yet{text-align:center;font-style:italic;font-weight:600}.entry-comments p.logged-in-as{font-weight:600;float:right;font-size:13px;line-height:20px;margin:-30px 0 0}@media(max-width:500px){.entry-comments p.logged-in-as{margin:0}}.site-main ol.commentlist{padding-left:0;padding-right:0}.site-main ol.commentlist ol,.site-main ol.commentlist ul{padding:0;margin-top:16px;margin-bottom:16px;list-style:none}.site-main ol.commentlist li{margin:0;display:block;padding:16px 0 32px}.site-main ol.commentlist li li{padding-left:32px}.site-main ol.commentlist .avatar{line-height:1;float:left;width:64px;height:64px;margin-right:16px;border-radius:50%;overflow:hidden}.site-main ol.commentlist .comment-author,.site-main ol.commentlist .fn{height:38.4px;line-height:42.24px}.site-main ol.commentlist .comment-author a,.site-main ol.commentlist .comment-author b,.site-main ol.commentlist .fn a,.site-main ol.commentlist .fn b{color:#6f4cad;font-weight:600;font-size:23px}.site-main ol.commentlist .comment-metadata{height:25.6px;line-height:1}.site-main ol.commentlist .comment-metadata a{font-size:12px;font-weight:400;color:#7a7e8a}.site-main ol.commentlist .comment-metadata .comment-edit-link{opacity:0;transition:.35s;background-color:#6f4cad;margin-left:16px;padding:4px 12px;border-radius:16px;color:#fff;font-weight:600}.site-main ol.commentlist article:hover .comment-metadata .comment-edit-link{opacity:1}.site-main ol.commentlist .comment-content{background:#fff;border:1px solid #f2f2f2;padding:16px;margin-left:80px;margin-top:8px;max-height:800px;overflow-y:auto}.site-main ol.commentlist .comment-content *{max-width:100%}.site-main ol.commentlist .reply{text-align:right}.site-main ol.commentlist .reply a{color:#e3e3e3;clear:both;padding:4px 12px;border-radius:16px;display:inline-block;line-height:1.2;margin-top:12px;font-size:14px;transition:.35s}.site-main ol.commentlist .reply a:hover{background-color:#6f4cad;color:#fff}#respond{position:relative}#respond>small{display:block;font-size:17px}#respond label{min-width:100px;display:inline-block}#respond form p{margin-bottom:16px}#respond input[type=email],#respond input[type=text],#respond input[type=url]{width:50%}#respond .comment-form-cookies-consent{display:flex;margin:16px 0}#respond .comment-form-cookies-consent label{font-size:14px;line-height:1;margin-left:8px}#respond .form-submit{margin-top:16px;text-align:right}#respond .form-submit input{font-size:16px;padding:10px 16px}.search-form{display:flex;max-width:444px;margin:0 auto;border-radius:4px;overflow:hidden;position:relative}.search-form input{height:48px}.search-form label{width:100%}.search-form [type=search]{width:100%;margin:0;padding:8px 16px;font-size:15px}.search-form [type=submit]{width:80px;margin:0;border-radius:0;font-size:0}.search-form:before{content:"";font-family:Material Icons;color:#fff;font-size:28px;display:block;width:24px;height:48px;line-height:48px;position:absolute;z-index:2;right:26px}#primary .search-form{margin:64px auto}body.error404 h1{font-size:110px}body.archive .site-main .article-container:nth-child(2n+2),body.search-results .site-main .article-container:nth-child(2n+2){position:relative}body.archive .site-main .article-container:nth-child(2n+2):before,body.search-results .site-main .article-container:nth-child(2n+2):before{display:block;position:absolute;z-index:1;transform:rotate(-1deg);top:0;bottom:0;left:-100px;right:-100px;content:"";background-color:rgba(50, 52, 57, .05)}@media(max-width:1023px){body.archive .site-main .article-container:first-of-type .entry-image,body.search-results .site-main .article-container:first-of-type .entry-image{display:none !important}}body.archive article,body.search-results article{display:flex;margin:0 auto;padding:64px 0;min-height:100px;position:relative;z-index:2}@media(max-width:1023px){body.archive article,body.search-results article{flex-direction:column;padding:48px 20px}}body.archive article .article-wrapper,body.search-results article .article-wrapper{max-width:100%}body.archive article .entry-image,body.search-results article .entry-image{min-width:280px;max-width:280px;margin-right:48px}@media(max-width:1023px){body.archive article .entry-image,body.search-results article .entry-image{width:calc(100% + 100px);min-width:inherit;max-width:calc(100% + 100px);margin:-48px -50px 20px}body.archive article .entry-image img,body.search-results article .entry-image img{transform:rotate(-1deg)}}body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{min-width:calc(100% - 328px)}@media(max-width:1023px){body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{width:100%}}body.archive article .entry-image img,body.search-results article .entry-image img{height:100%;max-height:420px;-o-object-fit:cover;object-fit:cover}body.archive article.product .entry-image img,body.search-results article.product .entry-image img{-o-object-fit:contain;object-fit:contain}body.archive article .entry-header,body.search-results article .entry-header{padding:0}body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{width:100%;font-size:28px;margin:0 0 8px;padding:0;text-align:left}@media(max-width:1023px){body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{font-size:24px}}body.archive article .entry-header .breadcrumbs,body.search-results article .entry-header .breadcrumbs{margin-top:0;text-align:left}body.archive article .entry-content,body.search-results article .entry-content{width:100%}body.archive article .entry-content p,body.search-results article .entry-content p{margin:0;padding:0}body.archive article .entry-footer .post-meta,body.search-results article .entry-footer .post-meta{padding:16px 0 0}body.archive article .entry-footer .meta-wrapper,body.search-results article .entry-footer .meta-wrapper{margin:0;padding:0}body.archive article .entry-footer .meta-wrapper p,body.search-results article .entry-footer .meta-wrapper p{font-size:12px;text-transform:uppercase;margin-left:8px}body.archive article .entry-footer .meta-wrapper p:first-of-type,body.search-results article .entry-footer .meta-wrapper p:first-of-type{margin-left:0}.bypostauthor{background-color:transparent}.article-author .avatar{float:left;max-width:64px;margin-right:32px}@media(max-width:1260px){.article-author .avatar{max-width:48px;margin-right:20px}}.article-author .avatar img{margin:0;border-radius:50%;overflow:hidden;vertical-align:middle}.article-author .author-details{display:table}.article-author .author-description p{font-size:13px;margin:8px 0;line-height:1.8}body.woocommerce .woocommerce-breadcrumb{margin:0;line-height:1;padding-bottom:32px}@media(max-width:1023px){body.woocommerce .woocommerce-breadcrumb{padding-bottom:16px}}body.woocommerce .woocommerce-result-count{line-height:48px}@media(max-width:1023px){body.woocommerce .woocommerce-ordering a,body.woocommerce .woocommerce-ordering option,body.woocommerce .woocommerce-ordering select,body.woocommerce .woocommerce-ordering span,body.woocommerce .woocommerce-result-count{font-size:13px}}body.woocommerce .product_meta{margin-top:16px}body.woocommerce .product_meta>span{display:block;font-weight:600;line-height:1.7}body.woocommerce .product_meta>span a,body.woocommerce .product_meta>span span{font-weight:400}body.woocommerce .pswp__button{background-color:transparent;min-width:inherit;padding:0;border-radius:0}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background-color:#026c7c}.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background-color:#028295}.woocommerce button.button.alt.disabled{background-color:#62666f}.woocommerce button.button.alt.disabled:hover{background-color:#4a4d54}.select2-selection__rendered{line-height:48px !important}.select2-container .select2-selection--single,.select2-selection__arrow{height:48px !important}body.woocommerce ul.products{padding-top:16px}body.woocommerce ul.products li.product{padding-bottom:16px;background-color:#fff;display:flex;flex-direction:column}body.woocommerce ul.products li.product a img{width:100%;height:auto;max-height:220px;-o-object-fit:contain;object-fit:contain;margin:0 auto 24px;padding:0;box-sizing:border-box}body.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:600;padding:0 0 6px;margin:0;font-size:17px;text-align:center}body.woocommerce ul.products li.product a.button{font-size:10px;border:1px solid #e3e3e3;background-color:#fff;align-content:center;margin:auto}body.woocommerce ul.products li.product .added_to_cart{position:absolute;bottom:15px;right:15px;height:30px;width:30px;display:block;text-align:center;background:#6f4cad;color:#fff;padding:0;margin:0;font-size:0;border-radius:50%}body.woocommerce ul.products li.product .added_to_cart:before{display:block;font-family:Material Icons;content:"";font-weight:500;font-size:24px;line-height:30px;opacity:.99}body.woocommerce ul.products li.product p.price,body.woocommerce ul.products li.product span.price{color:#4a4d54;line-height:2;font-size:12px;display:block;text-align:center}body.woocommerce div.product img.wp-post-image{max-height:50vh;margin:auto;-o-object-fit:contain;object-fit:contain}@media(max-width:1023px){body.woocommerce div.product .gallery__image{height:300px;margin:auto}body.woocommerce div.product .gallery__image img{-o-object-fit:contain;object-fit:contain;height:100%}}body.woocommerce div.product .summary.entry-summary{padding-left:16px;box-sizing:border-box}@media(max-width:1023px){body.woocommerce div.product .summary.entry-summary{padding-left:0}}body.woocommerce div.product .product_title.entry-title{margin:0;font-size:38px;text-align:left}@media(max-width:1023px){body.woocommerce div.product .product_title.entry-title{font-size:30px}}body.woocommerce div.product div.images .flex-control-thumbs li{padding:0}body.woocommerce div.product .woocommerce-variation.single_variation{margin-bottom:1em}body.woocommerce div.product form.cart{margin-top:16px}body.woocommerce div.product form.cart div.quantity{display:flex;margin:0}body.woocommerce div.product form.cart div.quantity input{margin:0;border:1px solid #e3e3e3;border-radius:4px 0 0 4px}body.woocommerce div.product form.cart div.quantity .qty{font-size:18px}body.woocommerce div.product form.cart div.quantity+button{border-radius:0;height:49px}body.woocommerce div.product p.price,body.woocommerce div.product span.price{color:#026c7c}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper{margin-left:-20px;margin-right:-20px}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:16px}@media(max-width:1023px){body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:14px}}body.woocommerce div.product .woocommerce-tabs .entry-content>*{width:100%}body.woocommerce div.product .woocommerce-tabs .entry-content table{width:calc(100% - 40px)}body.woocommerce div.product table.woocommerce-product-attributes{margin-left:20px;margin-right:20px}body.woocommerce div.product table.woocommerce-product-attributes td{padding-left:20px}body.woocommerce div.product table.woocommerce-product-attributes tr:nth-child(2n) th{background-color:#5d4091}body.woocommerce div.product .related.products{padding:32px 0 16px}body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:15px}@media(max-width:1023px){body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:14px}}#secondary ul.product-categories ul{margin:0;padding-left:32px}#secondary ul.product-categories li{line-height:42px;margin:0;border-top:1px solid rgba(50, 52, 57, .05)}#secondary ul.product-categories>li:first-child{border:0}#secondary ul.product-categories a{color:#4a4d54;font-weight:500}#secondary ul.product-categories .current-cat-parent>a,#secondary ul.product-categories .current-cat>a{font-weight:600}#secondary ul.product-categories .current-cat>a{-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product-categories .toggle i{opacity:.5;transition:.35s;vertical-align:middle;margin-top:-2px;margin-right:8px}#secondary ul.product-categories .cat-parent.active>a i{opacity:1;transform:rotate(90deg);-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product_list_widget a{display:block}#secondary ul.product_list_widget li{height:48px;border-top:1px solid rgba(50, 52, 57, .05);font-size:11px;line-height:1}#secondary ul.product_list_widget li:first-child{border:0}#secondary ul.product_list_widget li span{display:inline-block}#secondary ul.product_list_widget li span.woocommerce-Price-amount{color:#026c7c}#secondary ul.product_list_widget li .product-title{color:#4a4d54;font-weight:600;padding-top:8px;line-height:1.3;display:block}#secondary ul.product_list_widget li img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;margin-left:8px}body.compensate-for-scrollbar{overflow:hidden;margin:0 !important}.fancybox-toolbar .fancybox-button{background-color:transparent}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47, 0, .74, .71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22, .61, .36, 1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5, 0, .14, 1);animation-timing-function:cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30, 30, 30, .6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#4a4d54;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{background:linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:fancybox-rotate 1s linear infinite;animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid;border-color:#888 #888 #fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes fancybox-rotate{to{transform:rotate(1turn)}}@keyframes fancybox-rotate{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, .25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19, 1, .22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5, .5, .5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%, 0, 0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%, 0, 0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0, 0, 0, .3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0, 0, 0, .1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25, .46, .45, .94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.fancybox-counter{font-size:80%;opacity:.8}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@media(max-width:1023px){.site-main .wp-block-gallery{padding-left:0;padding-right:0}}.slider-multi,.slider-single{display:block}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;transform:translateY(-50%);padding:0;border:none;outline:none}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;color:#fff;opacity:.75}.slick-prev{left:-25px}.slick-prev:before{content:"<"}.slick-next{right:-25px}.slick-next:before{content:">"}.slick-slide{padding:4px}.slick-slide img{width:100%;height:auto}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:8px 0;list-style-type:none}.slick-dots li{margin:0 8px}.slick-dots button{display:block;width:8px;height:8px;margin:0;padding:0;min-width:inherit;outline:inherit !important;border:none;border-radius:100%;background-color:#e3e3e3;text-indent:-9999px}.slick-dots button:focus,.slick-dots button:hover{width:12px;height:12px;margin-top:-2px;background-color:#cacaca;-webkit-filter:inherit;filter:inherit}.slick-dots li.slick-active button{background-color:#6f4cad;width:16px;height:16px;margin-top:-4px}#masonry-wrapper{position:relative;transition-duration:.8s;transition-delay:.2s;padding:0}.masonry.navigation{text-align:center;position:absolute;bottom:0;width:100%}.masonry.navigation a{flex-basis:100%;color:#e3e3e3;font-weight:300;opacity:0}.grid__col-sizer,.grid__item{width:31.33333%}@media(max-width:1260px){.grid__col-sizer,.grid__item{width:48%}}@media(max-width:767px){.grid__col-sizer,.grid__item{width:100%}}.grid__gutter-sizer{width:3%}@media(max-width:1260px){.grid__gutter-sizer{width:4%}}@media(max-width:767px){.grid__gutter-sizer{width:0}}.grid__item.big-block,.grid__item.sticky{width:65.66667%}@media(max-width:1260px){.grid__item.big-block,.grid__item.sticky{width:100%}}.grid__item.full-block{width:100%}.masonry-container article.grid__item{max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;border-radius:3px;background-color:#fff;box-shadow:0 2px 12px -6px rgba(50, 52, 57, .5);padding:0;margin:0 0 32px}@media(max-width:767px){.masonry-container article.grid__item{padding-right:0}}.masonry-container article.grid__item .article-wrapper{width:auto;margin-left:20px;margin-right:20px;padding-top:12px;padding-bottom:32px}.masonry-container article.grid__item .entry-image{display:flex;width:100%;min-width:inherit;max-width:inherit;margin:0}.masonry-container article.grid__item .entry-image img{max-height:600px;transform:inherit}.masonry-container article.grid__item .entry-header{padding-top:8px;padding-bottom:8px;margin:0}@media(max-width:940px){.masonry-container article.grid__item .entry-header{padding-left:0;padding-right:0}}.masonry-container article.grid__item .breadcrumbs{text-align:left}.masonry-container article.grid__item h2.entry-title{font-size:19px;padding:0;margin:0;text-align:left;font-weight:600}.masonry-container article.grid__item p{font-size:15px;line-height:1.6;margin:0;padding:0}.page-load-status{display:none;padding-top:32px;text-align:center}i.social-ico.email{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.print{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.facebook{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.twitter{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.youtube{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.linkedin{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.www{background-image:url('data:image/svg+xml;utf8,')}i.social-ico{display:inline-block;width:36px;height:36px;background:no-repeat 50%;background-size:36px;cursor:pointer;transition:.35s;padding:0;margin:8px 18px 8px 0}i.social-ico:before,i.social-ico:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}i.social-ico:before{position:absolute}i.social-ico.small{width:24px;height:24px;background-size:24px;margin:8px 12px 8px 0}.share-buttons i{-webkit-filter:invert(.2);filter:invert(.2)}.arrow-next,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next{background-image:url('data:image/svg+xml;utf8, ')}.arrow-prev,.fancybox-navigation .fancybox-button--arrow_left,.slider button.slick-prev{background-image:url('data:image/svg+xml;utf8, ')}.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{background-color:transparent;border-radius:50%;width:60px;height:60px;margin:0;padding:0;min-width:inherit;background-size:15px;background-repeat:no-repeat;background-position:50%;border:0}.arrow:hover,.fancybox-navigation .fancybox-button--arrow_left:hover,.fancybox-navigation .fancybox-button--arrow_right:hover,.slider button.slick-next:hover,.slider button.slick-prev:hover{background-color:rgba(74, 77, 84, .1);-webkit-filter:inherit;filter:inherit}@media(max-width:1023px){.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{padding:6px;width:24px;height:24px;background-size:6px}}.arrow-next,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next{margin-right:30px}.arrow-prev,.fancybox-navigation .fancybox-button--arrow_left,.slider button.slick-prev{margin-left:30px}.slick-next:before,.slick-prev:before{display:none !important}.fancybox-navigation svg{display:none}.slider button.slick-prev{margin-left:-60px}@media(max-width:1023px){.slider button.slick-prev{margin-left:30px}}.slider button.slick-next{margin-right:-60px}@media(max-width:1023px){.slider button.slick-next{margin-right:30px}}.fancybox-navigation .fancybox-button--arrow_left:disabled,.fancybox-navigation .fancybox-button--arrow_right:disabled{opacity:.5}iframe{width:100%;max-width:100%}::-moz-selection{background-color:rgba(22, 190, 187, .5);color:#fff}::selection{background-color:rgba(22, 190, 187, .5);color:#fff}pre{width:100%;padding:32px 64px;background:#f0f0f0;white-space:pre-wrap;box-sizing:border-box}blockquote,pre{border:1px solid #e3e3e3}blockquote{min-height:100px;padding-top:30px;padding-bottom:30px;padding-left:90px !important;padding-right:90px !important;margin:32px 0;position:relative;background:#fff}blockquote p{margin-bottom:24px}blockquote:before{font-family:Material Icons;content:"";position:absolute;top:-4px;left:16px;font-size:60px;color:#16bebb}code{background-color:#e3e3e3;padding:4px 6px;font-weight:600}@media(max-width:940px){.site-main .entry-content blockquote,.site-main .entry-content pre,.site-main .entry-content table{padding-left:20px;padding-right:20px}.site-main .entry-content table{width:calc(100% - 40px)}}.post-tags{list-style:none}.post-tags h3{display:inline;vertical-align:middle}.post-tags ul{display:inline;margin:0;padding-left:20px}.post-tags li.post-tag{margin:0 16px 10px 0;padding:0 10px 0 25px}.post-tag{background:#6f4cad;border-radius:3px 0 0 3px;display:inline-block;height:22px;line-height:18px;position:relative}.post-tag a{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;text-decoration:none !important}.post-tag,.post-tag:after,.post-tag:before,.post-tag a{transition:.2s}.post-tag:before{background:#fff;border-radius:10px;box-shadow:inset 0 1px hsla(0, 0%, 98.8%, .25);content:"";height:6px;left:10px;position:absolute;width:6px;top:8px}.post-tag:after{background:transparent;border-bottom:11px solid transparent;border-left:10px solid #6f4cad;border-top:11px solid transparent;content:"";position:absolute;right:-10px;top:0}.post-tag:hover{background-color:#6f4cad}.post-tag:hover a{color:#fff}.post-tag:hover:after{border-left-color:#6f4cad}hr{clear:both}::-webkit-scrollbar{position:relative;z-index:100000;width:12px;height:12px}@media(max-width:767px){::-webkit-scrollbar{width:6px}}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background-color:#e3e3e3;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .1)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background-color:#16bebb;border-radius:1px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .15)}::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement{height:0;width:0;display:block;background-color:#e3e3e3}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:#fdfdfd}@media print{@page{margin:1.8cm 1.4cm 2.7cm}#content,#main,body{background:#fff;color:#000}#masthead{display:none}a,a:link,a:visited{color:#000;text-decoration:none}#directorynav,#globalfooter,#globalheader,#tabs,.hide,.noprint{display:none}.site-footer .footer-widgets{-moz-column-break-inside:avoid;break-inside:avoid}.site-footer .footer-widgets>*{display:none}.site-footer .footer-widgets>:first-of-type{display:block}.interactive *{transition-duration:0ms !important;transition-delay:0ms !important}.interactive.parallax img{height:100% !important;margin:0 !important}} +.nowrap{white-space:nowrap}.hide{display:none}.unselectable::-moz-selection{background-color:transparent}.unselectable::selection{background-color:transparent}#secondary ul.product-categories li,#secondary ul.product_list_widget li .product-title,.ellipsis,.site-footer .footer-widgets li,body.woocommerce .woocommerce-breadcrumb{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}.clearfix:after{content:"";clear:both;display:table}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.display-table{display:table}.elevation-01,.search-form{box-shadow:0 2px 10px -6px rgba(var(--wp--preset--color--black--decimal),.8)}table{width:100%;max-width:100%}table tr{border-collapse:collapse}table tr td,table tr th{padding:var(--sizes--margin-s)}table tr th{background:var(--wp--preset--color--secondary);color:#fff}table tr td{border-bottom:1px solid var(--wp--preset--color--gray-light)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{background-color:var(--wp--preset--color--white);outline:none!important;border:1px solid var(--wp--preset--color--gray-light);font-size:var(--typography--default--font-size--m);font-weight:var(--typography--default--font-weight--regular);box-sizing:border-box;border-radius:4px 4px 0 0;padding:12px 8px;transition:.35s;margin:0 0 var(--sizes--margin--);line-height:var(--typography--default--line-height)}input[type=date]:focus,input[type=date]:hover,input[type=email]:focus,input[type=email]:hover,input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,input[type=url]:focus,input[type=url]:hover,select:focus,select:hover,textarea:focus,textarea:hover{background-color:rgba(var(--wp--preset--color--secondary--decimal),.025);box-shadow:0 1px 0 var(--wp--preset--color--secondary)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{padding-left:var(--sizes--margin--);padding-right:var(--sizes--margin--);box-shadow:0 0 0 var(--wp--preset--color--gray-light)}[type=checkbox],[type=radio]{margin:0;display:inline;vertical-align:middle}.input-label{font-size:var(--typography--default--font-size--xs)}form label{color:var(--wp--preset--color--gray-dark);font-size:calc(var(--typography--default--font-size--m) - 1px)}form label input+span{opacity:.8}form label input:not(button):not(input[type=submit]){width:100%}textarea{display:block;min-width:100%;max-width:100%;min-height:160px;overflow:hidden}fieldset{margin:8px 0}img{height:auto;max-width:100%;position:relative;-o-object-fit:cover;object-fit:cover}.image-border img{padding:var(--sizes--margin--);background:var(--wp--preset--color--gray-light);margin:var(--sizes--margin--);box-sizing:border-box}p img.alignleft{padding-right:var(--sizes--margin-m)}p img.alignright{padding-left:var(--sizes--margin-m)}figure{margin-bottom:var(--sizes--margin-m)}figure img{max-width:100%;padding-left:0;padding-right:0}figure .gallery-caption,figure figcaption{overflow:hidden;line-height:1.2}.site-main .entry-content .wp-caption{margin-bottom:var(--sizes--margin-m);padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}.site-main .entry-content .wp-caption .wp-caption-text{color:var(--color--text);font-size:var(--typography--default--font-size--s);font-style:italic}.site-main .entry-content .wp-caption.alignleft{padding-right:var(--sizes--margin-m)}.site-main .entry-content .wp-caption.alignright{padding-left:var(--sizes--margin-m)}.button,.wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{justify-content:center;position:relative;transition:.175s;cursor:pointer;margin:0;padding:10.8px 21.6px;border:none;border-radius:36px;outline:none;font-size:var(--typography--default--font-size--m);font-weight:var(--typography--default--font-weight--bold);letter-spacing:2px;text-decoration:none!important;text-transform:uppercase;white-space:normal;overflow-wrap:break-word}.button:hover,.wp-block-button__link:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{-webkit-filter:brightness(110%);filter:brightness(110%);cursor:pointer}.button:focus,.wp-block-button__link:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{-webkit-filter:brightness(120%);filter:brightness(120%)}.button:disabled,.wp-block-button__link:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{-webkit-filter:saturate(0);filter:saturate(0)}.wp-block-button.is-style-squared .wp-block-button__link{border-radius:0}.wp-block-button.is-style-outline .wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link:active,.wp-block-button.is-style-outline .wp-block-button__link:focus{border:2px solid;background-color:transparent}.wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background),.wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background:transparent}.wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color),.wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color){color:var(--wp--preset--color--secondary);border-color:currentColor}.wp-block-button.is-style-outline .wp-block-button__link:hover{color:var(--wp--preset--color--secondary);background-color:var(--wp--preset--color--white);border-color:var(--wp--preset--color--secondary);-webkit-filter:brightness(120%);filter:brightness(120%)}.wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background){color:var(--wp--preset--color--secondary)}.button,.wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{color:var(--wp--preset--color--white);background-color:var(--wp--preset--color--secondary)}.button.outline,.wp-block-button__link.outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{background-color:transparent!important}.button .is-style-squared .wp-block-button__link,.wp-block-button__link .is-style-squared .wp-block-button__link,button .is-style-squared .wp-block-button__link,input[type=button] .is-style-squared .wp-block-button__link,input[type=reset] .is-style-squared .wp-block-button__link,input[type=submit] .is-style-squared .wp-block-button__link{border-radius:0}.button+.button,.button+.wp-block-button__link,.button+button,.button+input[type=button],.button+input[type=reset],.button+input[type=submit],.wp-block-button__link+.button,.wp-block-button__link+.wp-block-button__link,.wp-block-button__link+button,.wp-block-button__link+input[type=button],.wp-block-button__link+input[type=reset],.wp-block-button__link+input[type=submit],button+.button,button+.wp-block-button__link,button+button,button+input[type=button],button+input[type=reset],button+input[type=submit],input[type=button]+.button,input[type=button]+.wp-block-button__link,input[type=button]+button,input[type=button]+input[type=button],input[type=button]+input[type=reset],input[type=button]+input[type=submit],input[type=reset]+.button,input[type=reset]+.wp-block-button__link,input[type=reset]+button,input[type=reset]+input[type=button],input[type=reset]+input[type=reset],input[type=reset]+input[type=submit],input[type=submit]+.button,input[type=submit]+.wp-block-button__link,input[type=submit]+button,input[type=submit]+input[type=button],input[type=submit]+input[type=reset],input[type=submit]+input[type=submit]{margin-left:var(--sizes--margin-s)}.menu-resp button.c-hamburger{display:block;position:relative;overflow:hidden;margin:auto;padding:0;width:30px;min-width:inherit;height:30px;text-indent:-9999px;box-shadow:none;border:none;border-radius:0;cursor:pointer;transition:background .3s;background-color:transparent}.menu-resp button.c-hamburger i,.menu-resp button.c-hamburger i:after,.menu-resp button.c-hamburger i:before{background-color:var(--element--hamburger--color);display:block;position:absolute;height:3px;left:0;width:100%}.menu-resp button.c-hamburger i{top:15px;transition:background .15s .1s;transition-delay:.1s,0s}.menu-resp button.c-hamburger i:before{top:9px;transition-property:top,transform}.menu-resp button.c-hamburger i:after{bottom:9px;transition-property:bottom,transform}.menu-resp button.c-hamburger i:after,.menu-resp button.c-hamburger i:before{content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s}.active .menu-resp button.c-hamburger i{background:0 0;transition-delay:.2s,0s}.active .menu-resp button.c-hamburger i:before{top:0;transform:rotate(45deg)}.active .menu-resp button.c-hamburger i:after{bottom:0;transform:rotate(-45deg)}.active .menu-resp button.c-hamburger i:after,.active .menu-resp button.c-hamburger i:before{transition-delay:0s,.3s}#secondary{min-width:var(--sizes--sidebar--width);width:var(--sizes--sidebar--width);padding:0 var(--sizes--responsive--side-margin);box-sizing:border-box}#secondary .search-form{max-width:100%}@media (min-width:1024px){#secondary{padding:0}.sidebar-right #secondary{padding-left:var(--sizes--sidebar--side-margin)}.sidebar-left #secondary{padding-right:var(--sizes--sidebar--side-margin)}}@media (max-width:960px){#secondary{padding-top:var(--sizes--margin-l);border-top:1px solid rgba(var(--wp--preset--color--black),.05);min-width:inherit;width:100%}}#secondary section{padding-bottom:var(--sizes--margin-l)}#secondary h3{margin:0 0 var(--sizes--margin-xs);font-size:var(--typography--default--font-size--l)}.main-width,.site .entry-content>*{width:var(--sizes--content--width);max-width:100%;box-sizing:border-box;padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin);margin:0 auto var(--sizes--margin-l)}@media (max-width:1023px){.main-width,.site .entry-content>*{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}}.main-width.alignwide{width:var(--sizes--content--width-wide);max-width:100%}.has-sidebar .site-content .main-width.alignwide,.main-width.alignfull{width:100%}.entry-image img{width:100%;height:100%}.site-content{padding-top:var(--sizes--margin-l)}#masthead+.site-content{padding-top:calc(var(--header--nav--height) + var(--sizes--margin-l))}@media (max-width:960px){#masthead+.site-content{padding-top:calc(var(--header--branding--height) + var(--sizes--margin-l))}}#masthead.header-portrait+.site-content{padding-top:calc(var(--header--branding--height) + var(--header--nav--height) + var(--sizes--margin-l))}@media (max-width:960px){#masthead.header-portrait+.site-content{padding-top:calc(var(--header--branding--height) + var(--sizes--margin-l))}}body.has-featured-image #masthead+.site-content{padding-top:var(--sizes--margin-l)}@media (max-width:960px){body.has-featured-image #masthead+.site-content{padding-top:0}}body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:row-reverse}@media (max-width:960px){body.has-sidebar.sidebar-left .site-content,body.woocommerce.sidebar-left .site-content{flex-direction:column}}body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:var(--sizes--margin-xl)}@media (max-width:960px){body.has-sidebar.has-featured-image .site-content,body.woocommerce.has-featured-image .site-content{padding-top:var(--sizes--responsive--side-margin)}}body.has-sidebar .site-content,body.woocommerce .site-content{display:flex;justify-content:center;width:var(--sizes--content--width-wide);max-width:100%;box-sizing:border-box;margin:0 auto}@media (max-width:960px){body.has-sidebar .site-content,body.woocommerce .site-content{width:100%;flex-direction:column}}body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:calc(100% - var(--sizes--sidebar--width) + var(--sizes--sidebar--side-margin))}@media (max-width:960px){body.has-sidebar .site-content .content-area,body.woocommerce .site-content .content-area{width:100%}}.site .entry-content>*{margin-top:var(--sizes--margin-l);margin-bottom:var(--sizes--margin-xl)}.site .entry-content>:first-child{margin-top:0}.site .entry-content>:last-child{margin-bottom:0;clear:both}.site .entry-content>.alignclose{margin-top:0;margin-bottom:0}.site .entry-content>.alignclose.has-media-on-the-right.padded-image img{margin-right:var(--sizes--margin-xl);margin-left:0}.site .entry-content>.alignwide{width:100%;max-width:var(--sizes--content--width-wide);padding-left:var(--sizes--margin--);padding-right:var(--sizes--margin--);clear:both}.site .entry-content>.alignfull{position:relative;width:100%;padding-left:0;padding-right:0;clear:both}.site .entry-content>.alignleft{float:left}.site .entry-content>.alignleft,.site .entry-content>.alignright{width:auto;max-width:calc(var(--sizes--content--width) + var(--sizes--content--side-padding));margin-top:0;margin-bottom:0;padding-left:var(--sizes--margin--);padding-right:var(--sizes--margin--)}.site .entry-content>.alignright{float:right}.site .entry-content>.aligncenter{margin-left:auto;margin-right:auto;text-align:center}@media (max-width:1260px){.site .entry-content>.aligncenter{margin-left:auto;margin-right:auto}}.site .entry-header{width:var(--sizes--entry-title--width);max-width:100%}@media (max-width:1023px){.site .entry-header{width:100%}}.site .page-header{margin-bottom:var(--sizes--margin-xl)}@media (max-width:1023px){.site .page-header{margin-bottom:var(--sizes--margin-m)}}.entry-title,.has-title-color,.page-title{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0}.entry-title,.entry-title a,.has-title-color,.has-title-color a,.page-title,.page-title a{color:var(--color--title)}@media (max-width:1023px){.entry-title,.has-title-color,.page-title{width:100%}}.entry-header,.woocommerce-products-header{display:block;width:100%;max-width:var(--sizes--content--width-wide);text-align:center;margin:0 auto var(--sizes--margin-m)}@media (max-width:940px){.entry-header,.woocommerce-products-header{max-width:100%;width:auto;padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}}.entry-header p,.woocommerce-products-header p{margin:0 auto;width:var(--sizes--entry-title--width);line-height:var(--typography--default--line-height--wide)}.entry-header p.breadcrumbs,.woocommerce-products-header p.breadcrumbs{width:100%}.entry-footer{clear:both}.entry-footer>div,.page-links{padding-top:var(--sizes--margin-xl)}.page-links{clear:both}.post-meta .meta-wrapper{display:inline-flex;margin-top:var(--sizes--margin--)}.post-meta .meta-wrapper p{width:auto;color:var(--wp--preset--color--gray-dark);font-size:var(--typography--default--font-size--s);margin-bottom:0;margin-left:var(--sizes--margin--);margin-right:var(--sizes--margin--)}@media (max-width:1023px){.post-meta .meta-wrapper p{font-size:var(--typography--default--font-size--xs)}}.post-meta .meta-wrapper a{text-transform:uppercase}.breadcrumbs,.post-meta .meta-wrapper a{color:var(--wp--preset--color--gray-dark);font-weight:var(--typography--default--font-weight--bold)}.breadcrumbs{font-size:var(--typography--default--font-size--xs);margin-bottom:var(--sizes--margin--);letter-spacing:1.5px}.breadcrumbs a{color:var(--wp--preset--color--gray-dark);font-weight:var(--typography--default--font-weight--bold);text-transform:uppercase;margin-left:var(--sizes--margin-xs);margin-right:var(--sizes--margin-xs);opacity:.5}.breadcrumbs a:last-of-type{opacity:.8}.breadcrumbs a:hover{opacity:1}.relateds ul.relateds-list{margin:0;padding:0}.relateds ul.relateds-list li{display:block;padding:0;margin:var(--sizes--margin-s) 0 var(--sizes--margin-l);clear:both}.relateds ul.relateds-list li p{margin:0}.relateds ul.relateds-list li img{float:left;clear:both;width:150px;margin-right:var(--sizes--margin--);margin-bottom:var(--sizes--margin--);max-height:150px}@media (max-width:1023px){.relateds ul.relateds-list li img{width:75px;margin-right:var(--sizes--margin-m);margin-bottom:var(--sizes--margin-m)}}.navigation{display:flex;flex-wrap:wrap}.navigation a{display:inline-table;vertical-align:baseline;width:auto}@media (max-width:1023px){.navigation a{width:50%}}.navigation>*{flex-basis:50%;flex-shrink:0}.navigation .alignright{text-align:right}.nav-links{flex-basis:100%;text-align:center;margin-top:var(--sizes--margin-l)}.nav-links *{margin:0 var(--sizes--margin--)}.nav-links .page-numbers{display:inline-block;padding:0 7.2px;width:36px;height:36px;vertical-align:middle;box-sizing:border-box;font-weight:var(--typography--default--font-weight--bold);line-height:36px;border-radius:18px;background-color:var(--wp--preset--color--gray-light);color:var(--wp--preset--color--gray);transition:.35s}.nav-links .page-numbers.current,.nav-links .page-numbers:hover{color:var(--wp--preset--color--gray-dark)}.nav-links .page-numbers.next,.nav-links .page-numbers.prev{width:auto}.post-navigation .navigation{margin-top:var(--sizes--margin-m)}.post-navigation .navigation>div{height:60px}.post-navigation .navigation i{vertical-align:middle}.category-list-labels{padding-top:var(--sizes--margin-l)}.category-list-labels li,.category-list-labels ul{display:inline-block}.category-list-labels li{background:var(--wp--preset--color--white);border-radius:15px;border:1px solid var(--wp--preset--color--gray-light);width:auto;height:30px;line-height:26px;position:relative;margin:0 10px 10px 0;padding:0 10px;box-sizing:border-box}.category-list-labels li a{font-size:var(--typography--default--font-size--xs);letter-spacing:1px;text-transform:uppercase;color:var(--wp--preset--color--gray-dark);text-decoration:none!important;transition:.2s}.category-list-labels li:hover a{-webkit-filter:brightness(115%);filter:brightness(115%)}.sticky{background-color:transparent}.sticky h1,.sticky h2{color:var(--wp--preset--color--primary)}.site .hero{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:rgba(var(--header--background--dark--decimal),1)}.site .hero,.site .hero>*{position:relative}.site .hero .entry-image{position:absolute;top:0;width:100%;height:100%}@media (max-width:1023px){.site .hero .entry-image{max-height:inherit}}.site .hero .hero-title{box-sizing:border-box;padding-top:calc(var(--header--nav--height) + var(--header--branding--height));margin:auto;z-index:2;max-width:var(--sizes--content--width);width:100%}.site .hero .hero-title h1,.site .hero .hero-title p{text-shadow:0 2px 4px rgba(var(--wp--preset--color--black--decimal),.5);color:var(--wp--preset--color--white)}.site .hero .hero-title h1{font-size:var(--element--hero--title--font-size);margin:0 auto}@media (max-width:1023px){.site .hero .hero-title h1{width:100%}}@media (max-width:500px){.site .hero .hero-title h1{font-size:calc(var(--element--hero--title--font-size)*0.8)}}.site .hero .hero-title p{font-size:var(--typography--default--font-size--m);font-style:italic}@media (max-width:1023px){.site .hero .hero-title p{font-size:var(--typography--default--font-size--m);line-height:var(--typography--default--line-height)}}@media (max-width:376px){.site .hero .hero-title p{font-size:15px}}.site .hero .hero-title a{margin-top:32px}@media (max-width:1023px){.site .hero .hero-title a{font-size:var(--typography--default--font-size--m);padding:10px 16px}}body.archive .hero:after,body.page .hero:after,body.single .hero:after{content:" ";display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;box-shadow:inset 0 80px 80px -80px rgba(var(--wp--preset--color--black--decimal),.8)}.site-main .entry-content{line-height:var(--typography--default--line-height--wide)}.site-main .entry-content h1,.site-main .entry-content h2,.site-main .entry-content h3,.site-main .entry-content h4,.site-main .entry-content h5,.site-main .entry-content h6{margin-top:0;margin-bottom:var(--sizes--margin--);line-height:var(--typography--default--line-height)}.site-main .entry-content li,.site-main .entry-content p{margin-top:0;margin-bottom:var(--sizes--margin-s)}.site-main .entry-content p+h1,.site-main .entry-content p+h2{margin-top:var(--sizes--margin-xl)}.site-main .entry-content p+h3,.site-main .entry-content p+h4,.site-main .entry-content p+h5,.site-main .entry-content p+h6{margin-top:var(--sizes--margin-l)}.site-main .entry-content a{font-weight:var(--typography--default--font-weight--bold)}.site-main dl,.site-main ol,.site-main ul{padding:0 var(--sizes--margin-s);margin-top:var(--sizes--margin-s);margin-bottom:var(--sizes--margin-m);list-style-position:inside;line-height:var(--typography--default--line-height--wide)}.site-main dl dt,.site-main dl li,.site-main ol dt,.site-main ol li,.site-main ul dt,.site-main ul li{padding-left:var(--sizes--margin--)}.site-main dl ol,.site-main dl ul,.site-main ol ol,.site-main ol ul,.site-main ul ol,.site-main ul ul{padding-left:calc(var(--sizes--responsive--side-margin)*2)}.site-main .wp-block-gallery{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}.site-main .wp-block-gallery.alignfull{padding:0}.site-main .wp-block-gallery.alignfull .blocks-gallery-grid{margin:0;padding:0}.site-main .wp-block-media-text{margin-top:0;margin-bottom:0}.site-main .wp-block-media-text h1,.site-main .wp-block-media-text h2,.site-main .wp-block-media-text h3{margin-top:0}.site-main button{margin-top:var(--sizes--margin-l)}.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}@media (max-width:1023px){.entry .entry-content .entry,.entry .entry-content .entry-content,.entry .entry-content .entry-summary,.entry .entry-summary .entry,.entry .entry-summary .entry-content,.entry .entry-summary .entry-summary{margin:inherit;max-width:inherit;padding:inherit}}.entry-content .wp-block-subhead{font-style:inherit;opacity:1}.entry-content .wp-block-audio audio{width:100%}.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:calc(var(--sizes--responsive--side-margin)*0.33)}@media (max-width:1023px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:calc(var(--sizes--responsive--side-margin)*0.5)}}@media (max-width:1600px){.entry-content .wp-block-audio.alignleft audio,.entry-content .wp-block-audio.alignright audio{max-width:calc(var(--sizes--responsive--side-margin)*0.33)}}.entry-content .wp-block-audio.alignfull,.entry-content .wp-block-audio.alignwide{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}.entry-content .wp-block-video video{width:100%}.entry-content .wp-block-video.alignwide{padding-left:0;padding-right:0}.entry-content .wp-block-archives,.entry-content .wp-block-categories,.entry-content .wp-block-latest-posts{padding-top:0;padding-bottom:0;list-style:none}.entry-content .wp-block-archives li.menu-item-has-children,.entry-content .wp-block-archives li:last-child,.entry-content .wp-block-categories li.menu-item-has-children,.entry-content .wp-block-categories li:last-child,.entry-content .wp-block-latest-posts li.menu-item-has-children,.entry-content .wp-block-latest-posts li:last-child{padding-bottom:0}.entry-content .wp-block-archives .wp-block-latest-posts__post-date,.entry-content .wp-block-categories .wp-block-latest-posts__post-date,.entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date{color:var(--wp--preset--color--black);font-size:var(--typography--default--font-size--s);line-height:1;margin-bottom:var(--sizes--margin-l)}.entry-content .wp-block-archives,.entry-content .wp-block-categories{list-style-type:none}.entry-content .wp-block-archives li,.entry-content .wp-block-archives ul,.entry-content .wp-block-categories li,.entry-content .wp-block-categories ul{padding:0;margin:0 auto}.entry-content .wp-block-archives ul,.entry-content .wp-block-categories ul{list-style-type:none;padding-left:var(--sizes--responsive--side-margin)}.entry-content .wp-block-archives li a,.entry-content .wp-block-categories li a{margin-bottom:var(--sizes--margin--)}.entry-content .wp-block-latest-posts.is-grid{display:flex;justify-content:space-between}.entry-content .wp-block-latest-posts.is-grid li{background-color:var(--wp--preset--color--white);margin:0}.entry-content .wp-block-preformatted{line-height:var(--typography--default--line-height-wide);padding:var(--sizes--margin-l) var(--sizes--margin-xl)}.entry-content .wp-block-verse{line-height:2.2;font-weight:var(--typography--default--font-weight--light);font-style:italic}.entry-content .has-drop-cap{margin-bottom:var(--sizes--margin-l)}.entry-content .has-drop-cap:not(:focus):first-letter{font-family:var(--typography--title--font-family);line-height:1;font-weight:var(--typography--default--font-weight--bold);margin:0 var(--sizes--margin-m) 0 0}@media (max-width:1600px){.entry-content .wp-block-image .aligncenter,.entry-content .wp-block-image .aligncenter img{margin:0 auto}}.entry-content .wp-block-image.alignfull img{width:100%}@media (max-width:1023px){.entry-content .wp-block-image.alignfull img{margin-left:auto;margin-right:auto}}.entry-content .wp-block-image .alignleft{margin-right:var(--sizes--margin-l)}@media (max-width:1023px){.entry-content .wp-block-image .alignleft{margin-right:var(--sizes--margin-m)}}.entry-content .wp-block-image .alignright{margin-left:var(--sizes--margin-l)}@media (max-width:1023px){.entry-content .wp-block-image .alignright{margin-left:var(--sizes--margin-m)}}@media (max-width:1023px){.entry-content .wp-block-image .alignleft,.entry-content .wp-block-image .alignright{width:100%}.entry-content .wp-block-image .alignleft img,.entry-content .wp-block-image .alignright img{display:block;margin-left:auto;margin-right:auto}}.entry-content .wp-block-media-text.alignwide{padding:0}.entry-content .wp-block-media-text.alignfull{max-width:inherit}.entry-content .wp-block-media-text .wp-block-media-text__media{overflow:hidden}.entry-content .wp-block-media-text .wp-block-media-text__media img{align-self:center}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img{-o-object-position:left;object-position:left}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding-right:var(--sizes--margin-xl);padding-left:var(--sizes--margin-l);margin-left:auto}@media (max-width:767px){.entry-content .wp-block-media-text .is-stacked-on-mobile .wp-block-media-text__media{min-height:30vh}}.entry-content .wp-block-media-text .wp-block-media-text__content{max-width:calc(var(--sizes--content--width-wide)*0.4);padding:var(--sizes--margin-xl) var(--sizes--margin-l) var(--sizes--margin-xl) var(--sizes--margin-xl)}.entry-content .wp-block-media-text .wp-block-media-text__content>:first-child{margin-top:0}.entry-content .wp-block-media-text .wp-block-media-text__content>:last-child{margin-bottom:0}@media (max-width:1023px){.entry-content .wp-block-media-text .wp-block-media-text__content{padding-left:var(--sizes--responsive--side-margin)!important;padding-right:var(--sizes--responsive--side-margin)!important}}.entry-content .wp-block-cover,.entry-content .wp-block-cover-image{position:relative;min-height:40vh;padding:0;background-color:initial;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.entry-content .wp-block-cover-image .wp-block-cover__inner-container,.entry-content .wp-block-cover .wp-block-cover__inner-container{max-width:var(--sizes--content--width)}.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{font-family:var(--typography--title--font-family);font-weight:var(--typography--default--font-weight--bold);line-height:var(--typography--default--line-height);padding:0;margin:var(--sizes--margin-m) auto}@media (max-width:1023px){.entry-content .wp-block-cover-image .wp-block-cover-image-text,.entry-content .wp-block-cover-image .wp-block-cover-text,.entry-content .wp-block-cover-image h2,.entry-content .wp-block-cover .wp-block-cover-image-text,.entry-content .wp-block-cover .wp-block-cover-text,.entry-content .wp-block-cover h2{max-width:100%}}.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{width:100%}@media (max-width:1023px){.entry-content .wp-block-cover-image.alignleft,.entry-content .wp-block-cover-image.alignright,.entry-content .wp-block-cover.alignleft,.entry-content .wp-block-cover.alignright{padding:var(--sizes--margin--) var(--sizes--margin-m)}}@media (max-width:1023px){.entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,.entry-content .wp-block-cover-image.alignfull h2,.entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,.entry-content .wp-block-cover.alignfull .wp-block-cover-text,.entry-content .wp-block-cover.alignfull h2{padding:0}}.entry-content .wp-block-gallery{list-style-type:none}.entry-content .wp-block-gallery .blocks-gallery-item{padding:0}.entry-content .wp-block-gallery .blocks-gallery-image:last-child,.entry-content .wp-block-gallery .blocks-gallery-item:last-child{margin-bottom:16px}.entry-content .wp-block-gallery figure{margin:0!important}.entry-content .wp-block-gallery.is-cropped figure img{height:100%;width:100%}.entry-content .wp-block-gallery .blocks-gallery-item figcaption{overflow:hidden}.entry-content .wp-block-gallery figcaption a{color:var(--wp--preset--color--white)}.entry-content .wp-block-audio figcaption,.entry-content .wp-block-gallery .blocks-gallery-image figcaption,.entry-content .wp-block-gallery .blocks-gallery-item figcaption,.entry-content .wp-block-image figcaption,.entry-content .wp-block-video figcaption{margin:0;padding:var(--sizes--margin--);text-align:center;box-sizing:border-box}.entry-content .wp-block-separator,.entry-content hr{border:none;border-bottom:1px solid var(--wp--preset--color--gray-light);opacity:1;height:2px;margin-top:var(--sizes--margin-xl);margin-bottom:var(--sizes--margin-l);max-width:2.25em;text-align:left}.entry-content .wp-block-separator.is-style-wide,.entry-content hr.is-style-wide{margin-left:0;margin-right:0;width:100%;max-width:100%}.entry-content .wp-block-separator.is-style-dots,.entry-content hr.is-style-dots{max-width:100%;background-color:inherit;border:inherit;height:inherit;text-align:center}.entry-content .wp-block-separator.is-style-dots:before,.entry-content hr.is-style-dots:before{color:var(--wp--preset--color--secondary);font-size:64px;letter-spacing:24px;padding-left:24px}.entry-content .wp-block-separator+h1:before,.entry-content .wp-block-separator+h2:before,.entry-content hr+h1:before,.entry-content hr+h2:before{display:none}.entry-content .wp-block-embed-twitter{clear:both}.entry-content .wp-block-table{border-collapse:separate}.entry-content .wp-block-table tr{border-collapse:collapse}.entry-content .wp-block-table td,.entry-content .wp-block-table th{border-color:transparent;border-bottom:1px solid var(--wp--preset--color--gray-light)}.entry-content .wp-block-table.alignwide{width:var(--sizes--content--width-wide)}.entry-content .wp-block-table.alignfull{width:100%}.entry-content .wp-block-file{font-family:var(--typography--title--font-family)}.entry-content .wp-block-file .wp-block-file__button{display:table;border:none;border-radius:5px;background:var(--wp--preset--color--secondary);font-size:var(--typography--default--font-size--m);text-decoration:none;font-weight:var(--typography--default--font-weight--bold);color:var(--wp--preset--color--white);margin-left:0;margin-top:var(--sizes--margin--)}.entry-content .wp-block-file .wp-block-file__button:hover{-webkit-filter:brightness(120%);filter:brightness(120%);cursor:pointer}.entry-content .wp-block-file .wp-block-file__button:focus{-webkit-filter:brightness(120%);filter:brightness(120%);outline:thin dotted;outline-offset:-4px}.entry-content .wp-block-text-columns.alignwide{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}.entry-content .wp-block-code{border-radius:0}.entry-content .wp-block-code code{white-space:pre;overflow-x:auto}.entry-content .wp-block-columns.alignfull{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}@media (max-width:500px){.entry-content .wp-block-columns{flex-wrap:nowrap}}@media (max-width:1023px){.entry-content .wp-block-columns .wp-block-column>:first-child{margin-top:0}.entry-content .wp-block-columns .wp-block-column>:last-child{margin-bottom:0}.entry-content .wp-block-columns[class*=has-]>:last-child{margin-right:0}.entry-content .wp-block-columns.alignfull,.entry-content .wp-block-columns.alignfull .wp-block-column{padding-left:var(--sizes--margin-m);padding-right:var(--sizes--margin-m)}}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta{font-family:var(--typography--title--font-family);font-weight:var(--typography--default--font-weight--bold)}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date{font-weight:var(--typography--default--font-weight--regular)}.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p{font-size:inherit}.entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date{font-size:var(--typography--default--font-size--xs)}.entry-content .has-small-font-size{font-size:var(--typography--default--font-size--s)}.entry-content .has-normal-font-size{font-size:var(--typography--default--font-size--m)}.entry-content .has-large-font-size{font-size:var(--typography--default--font-size--l)}.entry-content .has-huge-font-size{font-size:var(--typography--default--font-size--xxl)}.site-footer{margin-top:var(--sizes--margin-xl);clear:both}.site-footer .widget-title,.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4{color:var(--footer--text-color);white-space:nowrap;padding-bottom:var(--sizes--margin--);margin-bottom:var(--sizes--margin-m);font-weight:var(--typography--default--font-size--l);font-size:var(--typography--default--font-weight--bold);border-color:rgba(var(--footer--text-color-decimal),.5)}@media (max-width:1023px){.site-footer .widget-title,.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4{font-weight:var(--typography--default--font-size--m)}}.site-footer .widget-title{border-width:0 0 1px;border-style:solid}.site-footer .has-footer-text-color,.site-footer a,.site-footer b,.site-footer li,.site-footer p{color:rgba(var(--footer--text-color-decimal),.9)}.site-footer .footer-widgets{padding-top:var(--sizes--margin-xl);padding-bottom:var(--sizes--margin-l);display:flex}@media (max-width:1023px){.site-footer .footer-widgets{flex-direction:column-reverse;width:100%}}.site-footer .footer-widgets ul{padding:0;margin:0}.site-footer .footer-widgets ul ul{margin-left:var(--sizes--margin--)}.site-footer .footer-widgets li{list-style-type:none;padding:0;margin:0;line-height:2.2}.site-footer .footer-widgets li a{font-weight:var(--typography--default--font-weight--regular)}.site-footer .footer-widgets li .post-date{font-size:var(--typography--default--font-size--xs);margin-left:var(--sizes--margin--);opacity:.5}.site-footer .widget{flex:1 1 0;box-sizing:content-box;width:100%;margin-right:var(--sizes--margin-xl);max-width:calc(var(--sizes--sidebar--width)*1.3)}@media (max-width:1023px){.site-footer .widget{margin-left:0!important;margin-right:0!important;padding-bottom:var(--sizes--margin-l);max-width:inherit}}.site-footer .widget:first-of-type{margin-left:0}.site-footer .widget:last-of-type{margin-right:0}.site-footer .widget.credits{flex-grow:2;margin-right:var(--sizes--margin-xl);width:100%;max-width:calc(var(--sizes--sidebar--width)*1.3)}@media (max-width:1023px){.site-footer .widget.credits{padding-top:var(--sizes--margin-l);padding-bottom:0}}.site-footer .widget.credits img{max-width:280px;width:100%}.site-footer .footer-info{padding:var(--sizes--margin--) 0}@media (min-width:1024px){.site-footer .footer-info{text-align:right}}.site-footer .footer-info p{margin-top:0;margin-bottom:0;font-size:var(--typography--default--font-size--xs)}.interactive>*,.interactive img{transition-duration:.7s}.interactive.long-delay *{transition-delay:3s}.interactive.fade-in img{opacity:0}.interactive.fade-in.already-see img{opacity:1}.interactive.slide-left img{transform:translateX(-100px)}.interactive.slide-left.visible img{transform:translateX(0)}.interactive.enter-down img{transform:translateY(100%)}.interactive.enter-down.already-see img{transform:translateY(0)}.interactive.exit-right img{opacity:1;transform:translateX(0);transition-duration:1.05s}.interactive.exit-right.already-see img{opacity:0;transform:translateX(300%)}.interactive.parallax{overflow:hidden}.interactive.parallax *{transition:inherit}.parallax figure,figure.parallax{height:100%;overflow:hidden;max-height:70vh}.parallax figure img,figure.parallax img{height:calc(100% + 200px);margin-bottom:-100px!important}.parallax figure figcaption,figure.parallax figcaption{position:absolute;right:var(--sizes--responsive--side-margin);left:var(--sizes--responsive--side-margin)}.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}.screen-reader-text.skip-link{display:block}.screen-reader-text:focus{background-color:var(--wp--preset--color--primary);border-radius:3px;box-shadow:0 0 2px 2px rgba(var(--wp--preset--color--black--decimal),.5);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:var(--wp--preset--color--white);font-weight:bolder;height:auto;display:block;right:var(--sizes--margin--);top:var(--sizes--margin--);z-index:100000;line-height:1;padding:var(--sizes--margin--) var(--sizes--margin-l);text-decoration:none;width:auto}#main[tabindex="-1"]:focus{outline:0}abbr{cursor:help}.entry-comments{clear:both;margin-top:var(--sizes--margin-m);padding-top:var(--sizes--margin-xl);border-top:1px solid rgba(var(--wp--preset--color--black),.05)}.entry-comments>p{font-size:var(--typography--default--font-size--l);margin-bottom:var(--sizes--margin-xl);font-weight:var(--typography--default--font-weight--light)}.entry-comments .navigation a{font-weight:var(--typography--default--font-weight--regular)}.entry-comments .navigation a,.entry-comments p.comment-notes{font-size:var(--typography--default--font-size--s);color:var(--wp--preset--color--gray-dark)}.entry-comments p.comment-notes{font-style:italic}.entry-comments p.comments-closed,.entry-comments p.no-comments-yet{text-align:center;font-style:italic;font-weight:var(--typography--default--font-weight--bold)}.entry-comments p.logged-in-as{font-weight:var(--typography--default--font-weight--bold);float:right;font-size:var(--typography--default--font-size--s);line-height:1;margin:0}.site-main ol.commentlist{padding-left:0;padding-right:0}.site-main ol.commentlist ol,.site-main ol.commentlist ul{padding:0;margin-top:var(--sizes--margin-m);margin-bottom:var(--sizes--margin-m);list-style:none}.site-main ol.commentlist li{margin:0;display:block;padding:var(--sizes--margin-m) 0 var(--sizes--margin-l) 0}.site-main ol.commentlist li li{padding-left:var(--sizes--margin-l)}.site-main ol.commentlist .avatar{line-height:1;float:left;width:64px;height:64px;margin-right:16px;border-radius:50%;overflow:hidden}.site-main ol.commentlist .comment-author,.site-main ol.commentlist .fn{height:38.4px;line-height:42.24px}.site-main ol.commentlist .comment-author a,.site-main ol.commentlist .comment-author b,.site-main ol.commentlist .fn a,.site-main ol.commentlist .fn b{color:var(--wp--preset--color--secondary);font-size:var(--typography--default--font-size--xl)}.site-main ol.commentlist .comment-metadata{height:25.6px;line-height:1}.site-main ol.commentlist .comment-metadata a{font-size:var(--typography--default--font-size--xs);color:var(--wp--preset--color--gray)}.site-main ol.commentlist .comment-metadata .comment-edit-link{opacity:0;transition:.35s;background-color:var(--wp--preset--color--secondary);margin-left:var(--sizes--margin-m);padding:var(--sizes--margin-xs) var(--sizes--margin-s);border-radius:var(--sizes--margin-m);color:var(--wp--preset--color--white)}.site-main ol.commentlist article:hover .comment-metadata .comment-edit-link{opacity:1}.site-main ol.commentlist .comment-content{background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--white-smoke);padding:var(--sizes--margin-m);margin-left:80px;margin-top:var(--sizes--margin--);max-height:800px;overflow-y:auto}.site-main ol.commentlist .comment-content *{max-width:100%}.site-main ol.commentlist .reply{text-align:right}.site-main ol.commentlist .reply a{color:var(--wp--preset--color--gray-light);clear:both;padding:var(--sizes--margin-xs) var(--sizes--margin-s);border-radius:var(--sizes--margin-m);display:inline-block;line-height:var(--typography--default--line-height);margin-top:var(--sizes--margin-s);transition:.35s}.site-main ol.commentlist .reply a:hover{background-color:var(--wp--preset--color--secondary);color:var(--wp--preset--color--white)}#respond{position:relative}#respond>small{display:block;font-size:var(--typography--default--font-size--m)}#respond label{min-width:100px;display:inline-block}#respond form p{margin-bottom:var(--sizes--margin-m)}#respond form a{font-weight:var(--typography--default--font-weight--regular)}#respond input[type=email],#respond input[type=text],#respond input[type=url]{width:50%}#respond .comment-form-cookies-consent{display:flex;margin:var(--sizes--margin-m) 0}#respond .comment-form-cookies-consent label{font-size:14px;line-height:1;margin-left:var(--sizes--margin--)}#respond .form-submit{margin-top:var(--sizes--margin-l);text-align:right}.search-form{display:flex;max-width:var(--sizes--sidebar--width);margin:0 auto;border-radius:4px;overflow:hidden;position:relative}.search-form input{height:48px}.search-form label{width:100%}.search-form [type=search]{width:100%;margin:0;padding:8px var(--sizes--margin-m);font-size:var(--typography--default--font-size--s);border:1px solid var(--wp--preset--color--gray-light);outline:0;box-shadow:inherit!important}.search-form [type=submit]{width:80px;margin:0;border-radius:0;font-size:0}.search-form:before{content:"\e8b6";font-family:Material Icons;color:var(--wp--preset--color--white);font-size:28px;display:block;width:24px;height:48px;line-height:48px;position:absolute;z-index:2;right:26px}#primary .search-form{margin:var(--sizes--margin-xl) auto}body.error404 h1{font-size:110px}body.archive .site-main .article-container:nth-child(2n+2),body.search-results .site-main .article-container:nth-child(2n+2){position:relative}body.archive .site-main .article-container:nth-child(2n+2):before,body.search-results .site-main .article-container:nth-child(2n+2):before{display:block;position:absolute;z-index:1;transform:rotate(-1deg);top:0;bottom:0;left:-100px;right:-100px;content:"";background-color:var(--wp--preset--color--white-smoke)}@media (max-width:1023px){body.archive .site-main .article-container:first-of-type .entry-image,body.search-results .site-main .article-container:first-of-type .entry-image{display:none!important}}body.archive article,body.search-results article{display:flex;margin:0 auto;padding:var(--sizes--margin-xl) 0;min-height:100px;position:relative;z-index:2}@media (max-width:1023px){body.archive article,body.search-results article{flex-direction:column;padding:var(--sizes--margin-l) var(--sizes--responsive--side-margin)}}body.archive article .article-wrapper,body.search-results article .article-wrapper{max-width:100%}body.archive article .entry-image,body.search-results article .entry-image{min-width:280px;max-width:280px;margin-right:var(--sizes--margin-l)}@media (max-width:1023px){body.archive article .entry-image,body.search-results article .entry-image{width:calc(100% + var(--sizes--margin-s));min-width:inherit;max-width:calc(100% + var(--sizes--margin-s));margin:var(--sizes--margin-l) calc(var(--sizes--margin-m)*-2.5) var(--sizes--responsive--side-margin)}body.archive article .entry-image img,body.search-results article .entry-image img{transform:rotate(-1deg)}}body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{min-width:calc(100% - 280px + var(--sizes--margin-l))}@media (max-width:1023px){body.archive article .entry-image+.article-wrapper,body.search-results article .entry-image+.article-wrapper{width:100%}}body.archive article .entry-image img,body.search-results article .entry-image img{height:100%;max-height:420px;-o-object-fit:cover;object-fit:cover}body.archive article.product .entry-image img,body.search-results article.product .entry-image img{-o-object-fit:contain;object-fit:contain}body.archive article .entry-header,body.search-results article .entry-header{margin:0}body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{width:100%;font-size:var(--typography--default--font-size--xl);margin:0 0 var(--sizes--margin--);padding:0;text-align:left}@media (max-width:1023px){body.archive article .entry-header .entry-title,body.search-results article .entry-header .entry-title{font-size:24px}}body.archive article .entry-header .breadcrumbs,body.search-results article .entry-header .breadcrumbs{margin-top:0;text-align:left}body.archive article .entry-content,body.search-results article .entry-content{width:100%}body.archive article .entry-content p,body.search-results article .entry-content p{margin:0;padding:0}body.archive article .entry-footer .post-meta,body.search-results article .entry-footer .post-meta{padding:var(--sizes--margin-m) 0 0}body.archive article .entry-footer .meta-wrapper p,body.search-results article .entry-footer .meta-wrapper p{font-size:var(--typography--default--font-size--xs);text-transform:uppercase;margin-left:var(--sizes--margin--)}body.archive article .entry-footer .meta-wrapper p:first-of-type,body.search-results article .entry-footer .meta-wrapper p:first-of-type{margin-left:0}.bypostauthor{background-color:transparent}.article-author .avatar{float:left;max-width:var(--sizes--margin-xl);margin-right:var(--sizes--margin-l)}@media (max-width:1260px){.article-author .avatar{max-width:64px;margin-right:var(--sizes--responsive--side-margin)}}.article-author .avatar img{margin:0;border-radius:50%;overflow:hidden;vertical-align:middle}.article-author .author-details{display:table}.article-author .author-description p{font-size:var(--typography--default--font-size--s);margin:var(--sizes--margin--) 0;line-height:var(--typography--default--line-height--wide)}body.woocommerce .woocommerce-breadcrumb{margin:0;line-height:1;padding-bottom:var(--sizes--margin-l)}@media (max-width:1023px){body.woocommerce .woocommerce-breadcrumb{padding-bottom:var(--sizes--margin-m)}}@media (max-width:1023px){body.woocommerce .woocommerce-ordering a,body.woocommerce .woocommerce-ordering option,body.woocommerce .woocommerce-ordering select,body.woocommerce .woocommerce-ordering span,body.woocommerce .woocommerce-result-count{font-size:var(--typography--default--font-size--s)}}body.woocommerce .product_meta{margin-top:var(--sizes--margin-m)}body.woocommerce .product_meta>span{display:block;font-weight:var(--typography--default--font-weight--bold);line-height:var(--typography--default--line-height--wide)}body.woocommerce .product_meta>span a,body.woocommerce .product_meta>span span{font-weight:400}body.woocommerce .pswp__button{background-color:transparent;min-width:inherit;padding:0;border-radius:0}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background-color:var(--wp--preset--color--secondary)}.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background-color:rgba(var(--wp--preset--color--secondary--decimal),.1)}.woocommerce button.button.alt.disabled{background-color:var(--wp--preset--color--gray)}.woocommerce button.button.alt.disabled:hover{background-color:var(--wp--preset--color--gray-dark)}.select2-selection__rendered{line-height:var(--sizes--margin-l)!important}.select2-container .select2-selection--single,.select2-selection__arrow{height:var(--sizes--margin-l)!important}body.woocommerce ul.products{padding-top:var(--sizes--margin-m)}body.woocommerce ul.products li.product{padding-bottom:var(--sizes--margin-m);background-color:var(--wp--preset--color--white);display:flex;flex-direction:column}body.woocommerce ul.products li.product a img{width:100%;height:auto;max-height:220px;-o-object-fit:contain;object-fit:contain;margin:0 auto var(--sizes--margin-m);padding:0;box-sizing:border-box}body.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0 0 var(--sizes--margin--);margin:0;font-size:var(--typography--default--font-size--m);text-align:center}body.woocommerce ul.products li.product a.button{font-size:10px;border:1px solid var(--wp--preset--color--gray-light);background-color:#fff;align-content:center;margin:auto}body.woocommerce ul.products li.product .added_to_cart{position:absolute;bottom:15px;right:15px;height:30px;width:30px;display:block;text-align:center;background:var(--wp--preset--color--secondary);color:#fff;padding:0;margin:0;font-size:0;border-radius:50%}body.woocommerce ul.products li.product .added_to_cart:before{display:block;font-family:Material Icons;content:"\e547";font-weight:500;font-size:24px;line-height:30px;opacity:.99}body.woocommerce ul.products li.product p.price,body.woocommerce ul.products li.product span.price{color:var(--wp--preset--color--gray-dark);line-height:2;font-size:12px;display:block;text-align:center}body.woocommerce div.product img.wp-post-image{max-height:50vh;margin:auto;-o-object-fit:contain;object-fit:contain}@media (max-width:1023px){body.woocommerce div.product .gallery__image{height:300px;margin:auto}body.woocommerce div.product .gallery__image img{-o-object-fit:contain;object-fit:contain;height:100%}}body.woocommerce div.product .summary.entry-summary{padding-left:var(--sizes--margin-m);box-sizing:border-box}@media (max-width:1023px){body.woocommerce div.product .summary.entry-summary{padding-left:0}}body.woocommerce div.product .product_title.entry-title{margin:0;font-size:38px;text-align:left}@media (max-width:1023px){body.woocommerce div.product .product_title.entry-title{font-size:30px}}body.woocommerce div.product div.images .flex-control-thumbs li{padding:0}body.woocommerce div.product .woocommerce-variation.single_variation{margin-bottom:1em}body.woocommerce div.product form.cart{margin-top:var(--sizes--margin-m)}body.woocommerce div.product form.cart div.quantity{display:flex;margin:0}body.woocommerce div.product form.cart div.quantity input{margin:0;border:1px solid #e3e3e3;border-radius:4px 0 0 4px}body.woocommerce div.product form.cart div.quantity .qty{font-size:18px}body.woocommerce div.product form.cart div.quantity+button{border-radius:0;height:49px}body.woocommerce div.product p.price,body.woocommerce div.product span.price{color:var(--wp--preset--color--secondary)}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper{margin-left:calc(var(--sizes--responsive--side-margin)*-1);margin-right:calc(var(--sizes--responsive--side-margin)*-1)}body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:var(--typography--default--font-size--s)}@media (max-width:1023px){body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{font-size:var(--typography--default--font-size--s)}}body.woocommerce div.product .woocommerce-tabs .entry-content>*{width:100%}body.woocommerce div.product .woocommerce-tabs .entry-content table{width:calc(100% - var(--sizes--margin-l))}body.woocommerce div.product table.woocommerce-product-attributes{margin-left:var(--sizes--responsive--side-margin);margin-right:var(--sizes--responsive--side-margin)}body.woocommerce div.product table.woocommerce-product-attributes td{padding-left:var(--sizes--responsive--side-margin)}body.woocommerce div.product table.woocommerce-product-attributes tr:nth-child(2n) th{background-color:var(--wp--preset--color--secondary-dark)}body.woocommerce div.product .related.products{padding:var(--sizes--margin-l) 0 var(--sizes--margin-m)}body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:var(--typography--default--font-size--s)}@media (max-width:1023px){body.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title{font-size:var(--typography--default--font-size--s)}}#secondary ul.product-categories ul{margin:0;padding-left:var(--sizes--margin-l)}#secondary ul.product-categories li{line-height:42px;margin:0;border-top:1px solid var(--color--text)}#secondary ul.product-categories>li:first-child{border:0}#secondary ul.product-categories a{color:var(--color--text);font-weight:500}#secondary ul.product-categories .current-cat-parent>a,#secondary ul.product-categories .current-cat>a{font-weight:var(--typography--default--font-weight--bold)}#secondary ul.product-categories .current-cat>a{-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product-categories .toggle i{opacity:.5;transition:.35s;vertical-align:middle;margin-top:-2px;margin-right:var(--sizes--margin--)}#secondary ul.product-categories .cat-parent.active>a i{opacity:1;transform:rotate(90deg);-webkit-filter:brightness(115%);filter:brightness(115%)}#secondary ul.product_list_widget a{display:block}#secondary ul.product_list_widget li{height:var(--typography--default--line-height);border-top:1px solid rgba(var(--wp--preset--color--black),.05);font-size:var(--typography--default--font-size--xs);line-height:1}#secondary ul.product_list_widget li:first-child{border:0}#secondary ul.product_list_widget li span{display:inline-block}#secondary ul.product_list_widget li span.woocommerce-Price-amount{color:var(--wp--preset--color--secondary)}#secondary ul.product_list_widget li .product-title{color:var(--color--text);font-weight:var(--typography--default--font-weight--bold);padding-top:var(--sizes--margin--);line-height:var(--typography--default--line-height);display:block}#secondary ul.product_list_widget li img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;margin-left:var(--sizes--margin--)}body.compensate-for-scrollbar{overflow:hidden;margin:0!important}.fancybox-toolbar .fancybox-button{background-color:transparent}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:var(--wp--preset--color--gray-dark);height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:fancybox-rotate 1s linear infinite;animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid;border-color:#888 #888 #fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes fancybox-rotate{to{transform:rotate(1turn)}}@keyframes fancybox-rotate{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.fancybox-counter{font-size:80%;opacity:.8}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@media (max-width:1023px){.site-main .wp-block-gallery{padding-left:0;padding-right:0}}.slider-multi,.slider-single{display:block}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;transform:translateY(-50%);padding:0;border:none;outline:none}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;color:#fff;opacity:.75}.slick-prev{left:-25px}.slick-prev:before{content:"<"}.slick-next{right:-25px}.slick-next:before{content:">"}.slick-slide{padding:var(--sizes--margin-xs)}.slick-slide img{width:100%;height:auto}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:var(--sizes--margin--) 0;list-style-type:none}.slick-dots li{margin:0 var(--sizes--margin--)}.slick-dots button{display:block;width:8px;height:8px;margin:0;padding:0;min-width:inherit;outline:inherit!important;border:none;border-radius:100%;background-color:var(--wp--preset--color--gray-light);text-indent:-9999px}.slick-dots button:focus,.slick-dots button:hover{width:10px;height:10px;margin-top:-2px;background-color:var(--wp--preset--color--gray);-webkit-filter:inherit;filter:inherit}.slick-dots li.slick-active button{background-color:var(--wp--preset--color--secondary);width:16px;height:16px;margin-top:-4px}#masonry-wrapper{position:relative;transition-duration:.8s;transition-delay:.2s;padding:0}.masonry.navigation{text-align:center;position:absolute;bottom:0;width:100%}.masonry.navigation a{flex-basis:100%;color:var(--wp--preset--color--gray-light);opacity:0}.grid__col-sizer,.grid__item{width:31.33333%}@media (max-width:1260px){.grid__col-sizer,.grid__item{width:48%}}@media (max-width:767px){.grid__col-sizer,.grid__item{width:100%}}.grid__gutter-sizer{width:3%}@media (max-width:1260px){.grid__gutter-sizer{width:4%}}@media (max-width:767px){.grid__gutter-sizer{width:0}}.grid__item.big-block,.grid__item.sticky{width:65.66667%}@media (max-width:1260px){.grid__item.big-block,.grid__item.sticky{width:100%}}.grid__item.full-block{width:100%}.masonry-container article.grid__item{max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;border-radius:3px;background-color:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--gray-light);box-shadow:0 2px 12px -6px rgba(var(--wp--preset--color--black--decimal),.5);padding:0;margin:0 0 var(--sizes--margin-l)}@media (max-width:767px){.masonry-container article.grid__item{padding-right:0}}.masonry-container article.grid__item .article-wrapper{width:auto;margin-left:var(--sizes--responsive--side-margin);margin-right:var(--sizes--responsive--side-margin);padding-top:var(--sizes--margin-s);padding-bottom:var(--sizes--margin-l)}.masonry-container article.grid__item .entry-image{display:flex;width:100%;min-width:inherit;max-width:inherit;margin:0}.masonry-container article.grid__item .entry-image img{max-height:600px;transform:inherit}.masonry-container article.grid__item .entry-header{padding:var(--sizes--margin--) 0;margin:0;width:100%}@media (max-width:940px){.masonry-container article.grid__item .entry-header{padding-left:0;padding-right:0}}.masonry-container article.grid__item .breadcrumbs{text-align:left}.masonry-container article.grid__item h2.entry-title{font-size:var(--typography--default--font-size--l);padding:0;margin:0;text-align:left}.masonry-container article.grid__item p{font-size:var(--typography--default--font-size--s);margin:0;padding:0}.page-load-status{display:none;padding-top:var(--sizes--margin-l);text-align:center}i.social-ico.email{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.print{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.facebook{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.twitter{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.youtube{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.linkedin{background-image:url('data:image/svg+xml;utf8,')}i.social-ico.www{background-image:url('data:image/svg+xml;utf8,')}i.social-ico{display:inline-block;width:32px;height:32px;background:no-repeat 50%;background-size:32px;cursor:pointer;transition:.35s;padding:0;margin:8px 16px 8px 0}i.social-ico:before,i.social-ico:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}i.social-ico:before{position:absolute}i.social-ico.small{width:24px;height:24px;background-size:24px;margin:8px 12px 8px 0}.share-buttons i{-webkit-filter:invert(.2);filter:invert(.2)}.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{border-radius:50%;margin:0 auto;padding:15px;min-width:inherit;border:0;text-align:center;width:auto;height:auto;font-size:0;transition:background-color .35s}.arrow:hover,.fancybox-navigation .fancybox-button--arrow_left:hover,.fancybox-navigation .fancybox-button--arrow_right:hover,.slider button.slick-next:hover,.slider button.slick-prev:hover{-webkit-filter:inherit;filter:inherit;background-color:rgba(var(--wp--preset--color--black--decimal),.05)}@media (max-width:1023px){.arrow,.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right,.slider button.slick-next,.slider button.slick-prev{padding:3px;font-size:24px}}.arrow-prev,.fancybox-navigation .fancybox-button--arrow_left div,.slider button.slick-prev{left:30px}.arrow-prev:before,.fancybox-navigation .fancybox-button--arrow_left div:before,.slider button.slick-prev:before{font-family:Material Icons;content:"\e2ea";display:block;line-height:1;font-size:36px;color:var(--wp--preset--color--black)}.arrow-next,.fancybox-navigation .fancybox-button--arrow_right div,.slider button.slick-next{right:30px}.arrow-next:before,.fancybox-navigation .fancybox-button--arrow_right div:before,.slider button.slick-next:before{font-family:Material Icons;content:"\e5e1";display:block;line-height:1;font-size:36px;color:var(--wp--preset--color--black)}.fancybox-button svg{display:none}.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right{background-color:rgba(var(--wp--preset--color--white--decimal),0)}.fancybox-navigation .fancybox-button--arrow_left:hover,.fancybox-navigation .fancybox-button--arrow_right:hover{background-color:rgba(var(--wp--preset--color--white--decimal),.5)}.fancybox-navigation .fancybox-button--arrow_left div:before,.fancybox-navigation .fancybox-button--arrow_right div:before{color:var(--wp--preset--color--white)}.fancybox-navigation .fancybox-button--arrow_left:disabled,.fancybox-navigation .fancybox-button--arrow_right:disabled{opacity:.5}.slider button.slick-prev{margin-left:-60px}@media (max-width:1023px){.slider button.slick-prev{margin-left:30px}}.slider button.slick-next{margin-right:-60px}@media (max-width:1023px){.slider button.slick-next{margin-right:30px}}iframe{width:100%;max-width:100%}::-moz-selection{background-color:rgba(var(--wp--preset--color--primary--decimal),.5);color:#fff}::selection{background-color:rgba(var(--wp--preset--color--primary--decimal),.5);color:#fff}pre{width:100%;padding:var(--sizes--margin-l) var(--sizes--margin-xl);background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--gray-light);white-space:pre-wrap;box-sizing:border-box}code{font-weight:var(--typography--default--font-weight--regular);word-wrap:break-word}cite{font-style:italic}.site .entry-content blockquote{color:var(--color--text);min-height:60px;padding:30px 90px;position:relative;border:1px solid var(--wp--preset--color--gray-light)}.site .entry-content blockquote:before{font-family:Material Icons;content:"\e244";position:absolute;top:-4px;left:16px;font-size:60px;color:var(--wp--preset--color--primary)}.site .entry-content blockquote.wp-block-quote blockquote{border:0}.site .entry-content blockquote.wp-block-quote:not(.is-large),.site .entry-content blockquote.wp-block-quote:not(.is-style-large){border-left:2px solid var(--wp--preset--color--primary)}.site .entry-content blockquote cite,.site .entry-content blockquote p{font-size:1em;font-style:italic;font-family:var(--typography--title--font-family);line-height:var(--typography--default--line-height--wide);font-weight:var(--typography--default--font-weight--light);text-transform:none}.site .entry-content blockquote cite em,.site .entry-content blockquote p em{font-style:normal}.site .entry-content blockquote.is-large,.site .entry-content blockquote.is-style-large{max-width:100%}.site .entry-content blockquote.is-large p,.site .entry-content blockquote.is-style-large p{font-style:italic;padding-top:var(--sizes--margin-s);margin-bottom:var(--sizes--margin-s)}@media (max-width:1540px){.site .entry-content blockquote.wp-block-pullquote{padding:var(--sizes--margin--) var(--sizes--margin-m)}}.site .entry-content .wp-block-pullquote{border-color:transparent;border-width:2px}.site .entry-content .wp-block-pullquote blockquote{margin:0;border:0}.site .entry-content .wp-block-pullquote blockquote p:first-child{margin-top:0}.site .entry-content .wp-block-pullquote.alignleft,.site .entry-content .wp-block-pullquote.alignright{width:100%}.site .entry-content .wp-block-pullquote.is-style-solid-color{padding-left:0;padding-right:0}.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote{max-width:100%;border:0}.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a,.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,.site .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color{color:inherit}@media (max-width:940px){.site-main .entry-content blockquote,.site-main .entry-content pre,.site-main .entry-content table{padding-left:var(--sizes--responsive--side-margin);padding-right:var(--sizes--responsive--side-margin)}.site-main .entry-content table{width:calc(100% - var(--sizes--margin-m))}}.post-tags{list-style:none}.post-tags h3{display:inline;vertical-align:middle}.post-tags ul{display:inline;margin:0;padding-left:var(--sizes--margin-m)}.post-tags li.post-tag{margin:0 16px 10px 0;padding:0 10px 0 25px}.post-tag{background:var(--wp--preset--color--secondary);border-radius:3px 0 0 3px;display:inline-block;height:22px;line-height:18px;position:relative}.post-tag a{font-size:11px;font-weight:var(--typography--default--font-weight--bold);letter-spacing:1px;text-transform:uppercase;color:var(--wp--preset--color--white);text-decoration:none!important}.post-tag,.post-tag:after,.post-tag:before,.post-tag a{transition:.2s}.post-tag:before{background:#fff;border-radius:10px;box-shadow:inset 0 1px rgba(var(--wp--preset--color--white--decimal),.25);content:"";height:6px;left:10px;position:absolute;width:6px;top:8px}.post-tag:after{background:transparent;border-bottom:11px solid transparent;border-left:10px solid var(--wp--preset--color--secondary);border-top:11px solid transparent;content:"";position:absolute;right:-10px;top:0}.post-tag:hover{background-color:var(--wp--preset--color--secondary)}.post-tag:hover a{color:#fff}.post-tag:hover:after{border-left-color:var(--wp--preset--color--secondary)}hr{clear:both}::-webkit-scrollbar{position:relative;z-index:100000;width:12px;height:12px}@media (max-width:767px){::-webkit-scrollbar{width:6px}}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background-color:var(--wp--preset--color--gray-light);-webkit-box-shadow:inset 0 0 6px rgba(var(--wp--preset--color--black--decimal),.1)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background-color:var(--wp--preset--color--primary);border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(var(--wp--preset--color--black--decimal),.15)}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement{height:0;width:0;display:block;background-color:var(--wp--preset--color--gray-light)}::-webkit-scrollbar-corner{background-color:var(--wp--preset--color--gray-light)}@media print{@page{margin:1.8cm 1.4cm 2.7cm}#content,#main,body{background:#fff;color:#000}#masthead{display:none}a,a:link,a:visited{color:#000;text-decoration:none}#directorynav,#globalfooter,#globalheader,#tabs,.hide,.noprint{display:none}.site-footer .footer-widgets{-moz-column-break-inside:avoid;break-inside:avoid}.site-footer .footer-widgets>*{display:none}.site-footer .footer-widgets>:first-of-type{display:block}.interactive *{transition-duration:0ms!important;transition-delay:0ms!important}.interactive.parallax img{height:100%!important;margin:0!important}} /*# sourceMappingURL=style.css.map */ diff --git a/template-parts/content/content-none.php b/template-parts/content/content-none.php index efe87525..533751cd 100644 --- a/template-parts/content/content-none.php +++ b/template-parts/content/content-none.php @@ -5,11 +5,11 @@ ?> -
+
-

+

diff --git a/template-parts/content/content-page.php b/template-parts/content/content-page.php index 20edaca4..b9f62d59 100644 --- a/template-parts/content/content-page.php +++ b/template-parts/content/content-page.php @@ -7,7 +7,7 @@
> -
+
', '' ); ?>
diff --git a/template-parts/content/content-single.php b/template-parts/content/content-single.php index d530824e..2e72248c 100644 --- a/template-parts/content/content-single.php +++ b/template-parts/content/content-single.php @@ -7,7 +7,7 @@
> -
+
diff --git a/template-parts/content/content.php b/template-parts/content/content.php index 19c0c100..67a886ab 100644 --- a/template-parts/content/content.php +++ b/template-parts/content/content.php @@ -9,7 +9,7 @@ -
+
', '' ); ?>
diff --git a/template-parts/footer/footer.php b/template-parts/footer/footer.php index 556b43c8..6c735b3f 100644 --- a/template-parts/footer/footer.php +++ b/template-parts/footer/footer.php @@ -1,7 +1,7 @@ -