/** Shopify CDN: Minification failed Line 20399:17 Expected identifier but found whitespace Line 20399:27 Unexpected ";" Line 20641:9 Expected identifier but found whitespace Line 20641:10 Unexpected "2px" Line 20748:2 Expected identifier but found "" Line 22745:74 Unexpected "{" Line 23046:4 "jsutify-content" is not a known CSS property **/ /* [data-x-menu--overlap=true] .x-menu--level-1--container */ /*!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-11 23:23:51*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} @font-face { font-family: "Montserrat"; font-weight:400; src:url("Montserrat-Regular.woff") format("woff"); } @font-face { font-family: "Montserrat Semibold"; font-weight:600; src:url("Montserrat-SemiBold.woff") format("woff"); } @font-face { font-family: "Domaine"; font-weight:300; src:url("domaine-text-regular.woff2") format("woff2"); } @font-face { font-family: "Domaine Italic"; font-weight:500; src:url("Domaine_Text_Regular_Italic_Regular.woff") format("woff"); } @font-face { font-family: 'Porter sans inline block'; src:url("/cdn/shop/files/porter-sans-inline-block-webfont-2.woff?v=1738268804") format("woff"); font-weight: normal; font-style: normal; } .header--logo img { object-fit: contain; } .kl_reviews__carousel .kl_reviews__carousel__content_body { font-family: var(--font--paragraph--family); } .kl_reviews__carousel .kl_reviews__carousel__author { font-family: var(--font--paragraph--family); } .kl_reviews__carousel .kl_reviews__carousel__timestamp { font-family: var(--font--paragraph--family); } #klaviyo-all-reviews-wrapper { max-width: 1060px; margin: 0 auto; } #klaviyo-all-reviews-wrapper .kl_reviews__review__content, #klaviyo-all-reviews-wrapper .kl_reviews__review__product_card__details__name, #klaviyo-all-reviews-wrapper .kl_reviews__review__author, #klaviyo-all-reviews-wrapper .kl_reviews__review__order_timestamp, #klaviyo-all-reviews-wrapper .kl_reviews__review__timestamp, #klaviyo-all-reviews-wrapper .kl_reviews__review__product_card__details__review_info, #klaviyo-all-reviews-wrapper .kl_reviews__summary__stars__count { font-family: var(--font--paragraph--family); font-size: 16px; } #klaviyo-all-reviews-wrapper .kl_reviews__search input[type=text], #klaviyo-all-reviews-wrapper .kl_reviews__filters__pill select, #klaviyo-all-reviews-wrapper .kl_reviews__filters__pill button { font-family: var(--font--accent--family) !important; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; } #klaviyo-all-reviews-wrapper .kl_reviews__summary__average_value, #klaviyo-all-reviews-wrapper .kl_reviews__summary__average_denominator, #klaviyo-all-reviews-wrapper h2.kl_reviews__list_empty_state { font-family: var(--font--heading--family); } #klaviyo-all-reviews-wrapper .kl_reviews__button { font-family: var(--font--accent--family) !important; font-size: 13px; padding: 15px 32px; letter-spacing: 2px; text-transform: uppercase; } .kl_reviews__carousel.kl_reviews__carousel.kl_reviews__carousel button { padding: 0px; min-height: auto; } .kl_reviews__carousel .kl_reviews__carousel__slide { border-radius: 0px; box-shadow: none; background-color: #ffffff; } .kl_reviews__carousel .kl_reviews__carousel__slide .kl_reviews__carousel__image { object-fit: contain !important; height: 270px !important; } .kl_reviews__carousel.kl_reviews__carousel.kl_reviews__carousel .kl_reviews__carousel__image_wrapper { padding: 10px; } .kl_reviews__carousel.kl_reviews__carousel.kl_reviews__carousel .kl_reviews__carousel__image_background { filter: none !important; background-size: contain !important; height: 270px !important; } div#klaviyo-featured-reviews-carousel .kl_reviews__carousel.kl_reviews__carousel.kl_reviews__carousel { padding-top: 0px; max-width: 1170px; } .kl_reviews__carousel .kl_reviews__carousel__review { background-color: transparent; } /* .header--left-column { display: flex; flex-wrap: wrap; align-items: center; justify-content: center !important; } */ .header--root{ border: none !important; } .product-shop-the-look .featured-collection--title.heading { margin-bottom: 0px; } .blog--header .blog--content { padding-bottom: 10px; font-family: var(--font--paragraph--family); } .custom-shop-the-look .featured-collection--root.product-shop-the-look { background: #fff; } .product-shop-the-look .flickity-page-dots { margin-top: 20px; position: unset; margin-bottom: 20px; } .product-shop-the-look .flickity-page-dots .dot { border: 1px solid #5a2640!important; width: 12px; height: 12px; box-shadow: inset 0 0 2px #0009, 0 0 2px #0009; } .product-shop-the-look .flickity-page-dots .dot.is-selected { background: #5a2640!important; } #shopify-section-0e28d613-209e-4e98-afbf-f86d873a9468 .porter-heading { font-family: 'Porter sans inline block', sans-serif; } .mobile-nav .mobile-nav-container { height: calc(100vh - 280px) !important; padding-bottom: 20px; } .mobile-nav .mobile-nav-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */ } /* WebKit scrollbar styles */ .mobile-nav .mobile-nav-container::-webkit-scrollbar { width: 5px; height: 5px; } .mobile-nav .mobile-nav-container::-webkit-scrollbar-track { background: #f1f1f1; } .mobile-nav .mobile-nav-container::-webkit-scrollbar-thumb { background-color: #888; border-radius: 4px; border: 1px solid transparent; background-clip: content-box; } .tabs-with-collection__tab { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; } .footer--subscribe .footer--form-submit .bg-secondary { background-color: #f7f6f2 !important; color: #5a2640 !important; } .tabs-with-collection__tab .tab { flex: 0 0 auto; cursor: pointer; padding: 15px; background-color: #f7f6f2; color: #5a2640; letter-spacing: 2px; font-size: 13px; line-height: normal; min-width: 170px; text-align: center; margin: 0px; border: 1px solid #5a2640; } .tabs-with-collection .featured-collection--root { padding-top: 40px; padding-bottom: 0px !important; display: block; } .tabs-with-collection__content .featured-collection--carousel .carousel--root .carousel--y-container { height: 100% !important; } .tabs-with-collection__tab .tab:hover, .tabs-with-collection__tab .tab.active { background-color: #5a2640; color: #f7f6f2; } .ArHqjUpLnWoX span { color: #774029 !important; font-weight: 100 !important; } .ArHqjUpLnWoX span a { color: #774029 !important; } .accordion__single .accordion__single__answer .content { font-size: 14px; } .product-form--variants .custom-calculator { font-family: var(--font--accent--family); font-weight: var(--font--accent--weight); font-style: var(--font--accent--style); text-transform: uppercase; font-size: var(--font--accent--size); letter-spacing: 1px; margin-top: 0; padding: 8px 0 8px 0; height: unset; line-height: unset; text-decoration: underline; } .ws-registration-form .ws-registration-form--wrapper hr { margin: 40px auto !important; } .collection--header--heading p { font-family: Domaine !important; } .wishlist_icon a, .layout--login a { font-size: 14px !important; } .image-with-text--root .featured-content--text { align-items: center; display: flex; flex-wrap: wrap; } #country_code_label select#country_code.locale-selectors__selector { font-family: var(--font--accent--family)!important; font-style: normal !important; text-align: center !important; -webkit-appearance: none !important; -webkit-text-align-last: center !important; -moz-text-align-last: center !important; } .image-with-text-logos { max-width: 80px; margin: 10px auto; } @media screen and (min-width: 1080px) { .x-menu--level-1--container { display: block !important; } .x-menu--overlap-icon { display: none !important; } } @media screen and (max-width: 1080px) { .x-menu--level-1--container { display: none !important; } .x-menu--overlap-icon { display: block !important; } } @media screen and (max-width: 1550px) { .x-menu--level-1--container { font-size: 0.9em; } } @media screen and (max-width: 1250px) { .x-menu--level-1--container { font-size: 0.85em; } } .x-menu--level-1--container { white-space: nowrap; } .x-menu--level-1--link a span{position:relative;} .wishlist_icon a, .layout--login a, .header--search.link.text-link a, .x-menu--level-1--link > a > span { border-bottom: 2px solid transparent; } .wishlist_icon a:hover, .layout--login a:hover, .header--search.link.text-link a:hover { border-color: #5a2640; } .footer--block[data-block-type="menu"]{gap:10px;} /* ---- */ .template-page--root { background-color: var(--page-background-colour); } .ooo-instagram-header__subheading.paragraph p { font-size: var(--font--paragraph--size)!important; } @media screen and (max-width: 790px) { .header--cart-toggle img { max-width: 35px; } .product-form--variants { text-align: center; } } @media only screen and (min-width: 768px) { .header--cart-link[data-has-items=false] a.header--cart-toggle { padding: 0; } .header--cart-toggle { padding-top: 0px !important; } } .header--account .layout--login a{display:flex;justify-content:center;align-items:center;} .header--account { padding-right: 0;display:flex;align-items:center;justify-content:center; } .template-page--root { max-width: unset; padding-left: 0; padding-right: 0; background-color: var(--page-background-color); } .template-page--root .grid { background-color: var(--page-grid-background-color, auto); background-image: var(--page-grid-background-image, auto); background-position: var(--page-grid-background-position, auto); background-repeat: var(--page-grid-background-repeat, auto); background-size: var(--page-grid-background-size, auto); font-size: var(--page-grid-font-size, auto); font-weight: var(--page-grid-font-weight, auto); padding-top: var(--page-grid-padding-top, auto); padding-bottom: var(--page-grid-padding-bottom, auto); padding-left: var(--page-grid-padding-left, auto); padding-right: var(--page-grid-padding-right, auto); text-align: var(--page-grid-text-align, auto); color: var(--page-grid-color, auto); height: var(--page-grid-height, auto); width: var(--page-grid-width, auto); grid-template-columns: var(--page-grid-grid-template-columns, auto); max-width: var(--page-grid-max-width, auto); max-height: var(--page-grid-max-height, auto); margin: var(--page-grid-margin, auto); border-radius: var(--page-grid-border-radius, auto); font-style: var(--page-grid-font-style, auto); margin-top: var(--page-grid-margin-top, auto); margin-bottom: var(--page-grid-margin-bottom, auto); margin-left: var(--page-grid-margin-left, auto); margin-right: var(--page-grid-margin-right, auto); align-items: var(--page-grid-align-items, auto); justify-content: var(--page-grid-justify-content, auto); align-self: var(--page-grid-align-self, auto); justify-self: var(--page-grid-justify-self, auto); grid-gap: var(--page-grid-grid-gap, auto); flex-direction: var(--page-grid-flex-direction, unset); outline-width: var(--page-grid-outline-width, auto); outline-color: var(--page-grid-outline-color, auto); outline-style: var(--page-grid-outline-style, none); border-width: var(--page-grid-border-width, auto); border-color: var(--page-grid-border-color, auto); font-family: var(--page-grid-font-family, auto); border-style: var(--page-grid-border-style, auto); box-shadow: var(--page-grid-box-shadow, auto); } .template-page--root .grid .title, .template-page--root .grid .title > p { background-color: var(--page-grid-title-background-color, auto); background-image: var(--page-grid-title-background-image, auto); background-position: var(--page-grid-title-background-position, auto); background-repeat: var(--page-grid-title-background-repeat, auto); background-size: var(--page-grid-title-background-size, auto); font-size: var(--page-grid-title-font-size, auto); font-weight: var(--page-grid-title-font-weight, auto); padding-top: var(--page-grid-title-padding-top, auto); padding-bottom: var(--page-grid-title-padding-bottom, auto); padding-left: var(--page-grid-title-padding-left, auto); padding-right: var(--page-grid-title-padding-right, auto); text-align: var(--page-grid-title-text-align, auto); color: var(--page-grid-title-color, auto); height: var(--page-grid-title-height, auto); width: var(--page-grid-title-width, auto); grid-template-columns: var(--page-grid-title-grid-template-columns, auto); max-width: var(--page-grid-title-max-width, auto); max-height: var(--page-grid-title-max-height, auto); margin: var(--page-grid-title-margin, auto); border-radius: var(--page-grid-title-border-radius, auto); font-style: var(--page-grid-title-font-style, auto); margin-top: var(--page-grid-title-margin-top, auto); margin-bottom: var(--page-grid-title-margin-bottom, auto); margin-left: var(--page-grid-title-margin-left, auto); margin-right: var(--page-grid-title-margin-right, auto); align-items: var(--page-grid-title-align-items, auto); justify-content: var(--page-grid-title-justify-content, auto); align-self: var(--page-grid-title-align-self, auto); justify-self: var(--page-grid-title-justify-self, auto); grid-gap: var(--page-grid-title-grid-gap, auto); flex-direction: var(--page-grid-title-flex-direction, unset); outline-width: var(--page-grid-title-outline-width, auto); outline-color: var(--page-grid-title-outline-color, auto); outline-style: var(--page-grid-title-outline-style, none); border-width: var(--page-grid-title-border-width, auto); border-color: var(--page-grid-title-border-color, auto); font-family: var(--page-grid-title-font-family, auto); border-style: var(--page-grid-title-border-style, auto); box-shadow: var(--page-grid-title-box-shadow, auto); line-height: 1; } .template-page--root .grid .content, .template-page--root .grid .content > p { background-color: var(--page-grid-content-background-color, auto); background-image: var(--page-grid-content-background-image, auto); background-position: var(--page-grid-content-background-position, auto); background-repeat: var(--page-grid-content-background-repeat, auto); background-size: var(--page-grid-content-background-size, auto); font-size: var(--page-grid-content-font-size, auto); font-weight: var(--page-grid-content-font-weight, auto); padding-top: var(--page-grid-content-padding-top, auto); padding-bottom: var(--page-grid-content-padding-bottom, auto); padding-left: var(--page-grid-content-padding-left, auto); padding-right: var(--page-grid-content-padding-right, auto); text-align: var(--page-grid-content-text-align, auto); color: var(--page-grid-content-color, auto); height: var(--page-grid-content-height, auto); width: var(--page-grid-content-width, auto); grid-template-columns: var(--page-grid-content-grid-template-columns, auto); max-width: var(--page-grid-content-max-width, auto); max-height: var(--page-grid-content-max-height, auto); margin: var(--page-grid-content-margin, auto); border-radius: var(--page-grid-content-border-radius, auto); font-style: var(--page-grid-content-font-style, auto); margin-top: var(--page-grid-content-margin-top, auto); margin-bottom: var(--page-grid-content-margin-bottom, auto); margin-left: var(--page-grid-content-margin-left, auto); margin-right: var(--page-grid-content-margin-right, auto); align-items: var(--page-grid-content-align-items, auto); justify-content: var(--page-grid-content-justify-content, auto); align-self: var(--page-grid-content-align-self, auto); justify-self: var(--page-grid-content-justify-self, auto); grid-gap: var(--page-grid-content-grid-gap, auto); flex-direction: var(--page-grid-content-flex-direction, unset); outline-width: var(--page-grid-content-outline-width, auto); outline-color: var(--page-grid-content-outline-color, auto); outline-style: var(--page-grid-content-outline-style, none); border-width: var(--page-grid-content-border-width, auto); border-color: var(--page-grid-content-border-color, auto); font-family: var(--page-grid-content-font-family, auto); border-style: var(--page-grid-content-border-style, auto); box-shadow: var(--page-grid-content-box-shadow, auto); line-height: 1; } .template-page--root .grid .details, .template-page--root .grid .details > p { background-color: var(--page-grid-details-background-color, auto); background-image: var(--page-grid-details-background-image, auto); background-position: var(--page-grid-details-background-position, auto); background-repeat: var(--page-grid-details-background-repeat, auto); background-size: var(--page-grid-details-background-size, auto); font-size: var(--page-grid-details-font-size, auto); font-weight: var(--page-grid-details-font-weight, auto); padding-top: var(--page-grid-details-padding-top, auto); padding-bottom: var(--page-grid-details-padding-bottom, auto); padding-left: var(--page-grid-details-padding-left, auto); padding-right: var(--page-grid-details-padding-right, auto); text-align: var(--page-grid-details-text-align, auto); color: var(--page-grid-details-color, auto); height: var(--page-grid-details-height, auto); width: var(--page-grid-details-width, auto); grid-template-columns: var(--page-grid-details-grid-template-columns, auto); max-width: var(--page-grid-details-max-width, auto); max-height: var(--page-grid-details-max-height, auto); margin: var(--page-grid-details-margin, auto); border-radius: var(--page-grid-details-border-radius, auto); font-style: var(--page-grid-details-font-style, auto); margin-top: var(--page-grid-details-margin-top, auto); margin-bottom: var(--page-grid-details-margin-bottom, auto); margin-left: var(--page-grid-details-margin-left, auto); margin-right: var(--page-grid-details-margin-right, auto); align-items: var(--page-grid-details-align-items, auto); justify-content: var(--page-grid-details-justify-content, auto); align-self: var(--page-grid-details-align-self, auto); justify-self: var(--page-grid-details-justify-self, auto); grid-gap: var(--page-grid-details-grid-gap, auto); flex-direction: var(--page-grid-details-flex-direction, unset); outline-width: var(--page-grid-details-outline-width, auto); outline-color: var(--page-grid-details-outline-color, auto); outline-style: var(--page-grid-details-outline-style, none); border-width: var(--page-grid-details-border-width, auto); border-color: var(--page-grid-details-border-color, auto); font-family: var(--page-grid-details-font-family, auto); border-style: var(--page-grid-details-border-style, auto); box-shadow: var(--page-grid-details-box-shadow, auto); line-height: 1; } .template-page--root .grid .image, .template-page--root .grid .image > p { background-color: var(--page-grid-image-background-color, auto); background-image: var(--page-grid-image-background-image, auto); background-position: var(--page-grid-image-background-position, auto); background-repeat: var(--page-grid-image-background-repeat, auto); background-size: var(--page-grid-image-background-size, auto); font-size: var(--page-grid-image-font-size, auto); font-weight: var(--page-grid-image-font-weight, auto); padding-top: var(--page-grid-image-padding-top, auto); padding-bottom: var(--page-grid-image-padding-bottom, auto); padding-left: var(--page-grid-image-padding-left, auto); padding-right: var(--page-grid-image-padding-right, auto); text-align: var(--page-grid-image-text-align, auto); color: var(--page-grid-image-color, auto); height: var(--page-grid-image-height, auto); width: var(--page-grid-image-width, auto); grid-template-columns: var(--page-grid-image-grid-template-columns, auto); max-width: var(--page-grid-image-max-width, auto); max-height: var(--page-grid-image-max-height, auto); margin: var(--page-grid-image-margin, auto); border-radius: var(--page-grid-image-border-radius, auto); font-style: var(--page-grid-image-font-style, auto); margin-top: var(--page-grid-image-margin-top, auto); margin-bottom: var(--page-grid-image-margin-bottom, auto); margin-left: var(--page-grid-image-margin-left, auto); margin-right: var(--page-grid-image-margin-right, auto); align-items: var(--page-grid-image-align-items, auto); justify-content: var(--page-grid-image-justify-content, auto); align-self: var(--page-grid-image-align-self, auto); justify-self: var(--page-grid-image-justify-self, auto); grid-gap: var(--page-grid-image-grid-gap, auto); flex-direction: var(--page-grid-image-flex-direction, unset); outline-width: var(--page-grid-image-outline-width, auto); outline-color: var(--page-grid-image-outline-color, auto); outline-style: var(--page-grid-image-outline-style, none); border-width: var(--page-grid-image-border-width, auto); border-color: var(--page-grid-image-border-color, auto); font-family: var(--page-grid-image-font-family, auto); border-style: var(--page-grid-image-border-style, auto); box-shadow: var(--page-grid-image-box-shadow, auto); line-height: 1; } .template-page--root .grid .image-caption, .template-page--root .grid .image-caption > p { background-color: var(--page-grid-image-caption-background-color, auto); background-image: var(--page-grid-image-caption-background-image, auto); background-position: var(--page-grid-image-caption-background-position, auto); background-repeat: var(--page-grid-image-caption-background-repeat, auto); background-size: var(--page-grid-image-caption-background-size, auto); font-size: var(--page-grid-image-caption-font-size, auto); font-weight: var(--page-grid-image-caption-font-weight, auto); padding-top: var(--page-grid-image-caption-padding-top, auto); padding-bottom: var(--page-grid-image-caption-padding-bottom, auto); padding-left: var(--page-grid-image-caption-padding-left, auto); padding-right: var(--page-grid-image-caption-padding-right, auto); text-align: var(--page-grid-image-caption-text-align, auto); color: var(--page-grid-image-caption-color, auto); height: var(--page-grid-image-caption-height, auto); width: var(--page-grid-image-caption-width, auto); grid-template-columns: var(--page-grid-image-caption-grid-template-columns, auto); max-width: var(--page-grid-image-caption-max-width, auto); max-height: var(--page-grid-image-caption-max-height, auto); margin: var(--page-grid-image-caption-margin, auto); border-radius: var(--page-grid-image-caption-border-radius, auto); font-style: var(--page-grid-image-caption-font-style, auto); margin-top: var(--page-grid-image-caption-margin-top, auto); margin-bottom: var(--page-grid-image-caption-margin-bottom, auto); margin-left: var(--page-grid-image-caption-margin-left, auto); margin-right: var(--page-grid-image-caption-margin-right, auto); align-items: var(--page-grid-image-caption-align-items, auto); justify-content: var(--page-grid-image-caption-justify-content, auto); align-self: var(--page-grid-image-caption-align-self, auto); justify-self: var(--page-grid-image-caption-justify-self, auto); grid-gap: var(--page-grid-image-caption-grid-gap, auto); flex-direction: var(--page-grid-image-caption-flex-direction, unset); outline-width: var(--page-grid-image-caption-outline-width, auto); outline-color: var(--page-grid-image-caption-outline-color, auto); outline-style: var(--page-grid-image-caption-outline-style, none); border-width: var(--page-grid-image-caption-border-width, auto); border-color: var(--page-grid-image-caption-border-color, auto); font-family: var(--page-grid-image-caption-font-family, auto); border-style: var(--page-grid-image-caption-border-style, auto); box-shadow: var(--page-grid-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .grid .button, .template-page--root .grid .button > p { background-color: var(--page-grid-button-background-color, auto); background-image: var(--page-grid-button-background-image, auto); background-position: var(--page-grid-button-background-position, auto); background-repeat: var(--page-grid-button-background-repeat, auto); background-size: var(--page-grid-button-background-size, auto); font-size: var(--page-grid-button-font-size, auto); font-weight: var(--page-grid-button-font-weight, auto); padding-top: var(--page-grid-button-padding-top, auto); padding-bottom: var(--page-grid-button-padding-bottom, auto); padding-left: var(--page-grid-button-padding-left, auto); padding-right: var(--page-grid-button-padding-right, auto); text-align: var(--page-grid-button-text-align, auto); color: var(--page-grid-button-color, auto); height: var(--page-grid-button-height, auto); width: var(--page-grid-button-width, auto); grid-template-columns: var(--page-grid-button-grid-template-columns, auto); max-width: var(--page-grid-button-max-width, auto); max-height: var(--page-grid-button-max-height, auto); margin: var(--page-grid-button-margin, auto); border-radius: var(--page-grid-button-border-radius, auto); font-style: var(--page-grid-button-font-style, auto); margin-top: var(--page-grid-button-margin-top, auto); margin-bottom: var(--page-grid-button-margin-bottom, auto); margin-left: var(--page-grid-button-margin-left, auto); margin-right: var(--page-grid-button-margin-right, auto); align-items: var(--page-grid-button-align-items, auto); justify-content: var(--page-grid-button-justify-content, auto); align-self: var(--page-grid-button-align-self, auto); justify-self: var(--page-grid-button-justify-self, auto); grid-gap: var(--page-grid-button-grid-gap, auto); flex-direction: var(--page-grid-button-flex-direction, unset); outline-width: var(--page-grid-button-outline-width, auto); outline-color: var(--page-grid-button-outline-color, auto); outline-style: var(--page-grid-button-outline-style, none); border-width: var(--page-grid-button-border-width, auto); border-color: var(--page-grid-button-border-color, auto); font-family: var(--page-grid-button-font-family, auto); border-style: var(--page-grid-button-border-style, auto); box-shadow: var(--page-grid-button-box-shadow, auto); line-height: 1; } .template-page--root .grid .newsletter-info, .template-page--root .grid .newsletter-info > p { background-color: var(--page-grid-newsletter-info-background-color, auto); background-image: var(--page-grid-newsletter-info-background-image, auto); background-position: var(--page-grid-newsletter-info-background-position, auto); background-repeat: var(--page-grid-newsletter-info-background-repeat, auto); background-size: var(--page-grid-newsletter-info-background-size, auto); font-size: var(--page-grid-newsletter-info-font-size, auto); font-weight: var(--page-grid-newsletter-info-font-weight, auto); padding-top: var(--page-grid-newsletter-info-padding-top, auto); padding-bottom: var(--page-grid-newsletter-info-padding-bottom, auto); padding-left: var(--page-grid-newsletter-info-padding-left, auto); padding-right: var(--page-grid-newsletter-info-padding-right, auto); text-align: var(--page-grid-newsletter-info-text-align, auto); color: var(--page-grid-newsletter-info-color, auto); height: var(--page-grid-newsletter-info-height, auto); width: var(--page-grid-newsletter-info-width, auto); grid-template-columns: var(--page-grid-newsletter-info-grid-template-columns, auto); max-width: var(--page-grid-newsletter-info-max-width, auto); max-height: var(--page-grid-newsletter-info-max-height, auto); margin: var(--page-grid-newsletter-info-margin, auto); border-radius: var(--page-grid-newsletter-info-border-radius, auto); font-style: var(--page-grid-newsletter-info-font-style, auto); margin-top: var(--page-grid-newsletter-info-margin-top, auto); margin-bottom: var(--page-grid-newsletter-info-margin-bottom, auto); margin-left: var(--page-grid-newsletter-info-margin-left, auto); margin-right: var(--page-grid-newsletter-info-margin-right, auto); align-items: var(--page-grid-newsletter-info-align-items, auto); justify-content: var(--page-grid-newsletter-info-justify-content, auto); align-self: var(--page-grid-newsletter-info-align-self, auto); justify-self: var(--page-grid-newsletter-info-justify-self, auto); grid-gap: var(--page-grid-newsletter-info-grid-gap, auto); flex-direction: var(--page-grid-newsletter-info-flex-direction, unset); outline-width: var(--page-grid-newsletter-info-outline-width, auto); outline-color: var(--page-grid-newsletter-info-outline-color, auto); outline-style: var(--page-grid-newsletter-info-outline-style, none); border-width: var(--page-grid-newsletter-info-border-width, auto); border-color: var(--page-grid-newsletter-info-border-color, auto); font-family: var(--page-grid-newsletter-info-font-family, auto); border-style: var(--page-grid-newsletter-info-border-style, auto); box-shadow: var(--page-grid-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .separator { background-color: var(--page-separator-background-color, auto); background-image: var(--page-separator-background-image, auto); background-position: var(--page-separator-background-position, auto); background-repeat: var(--page-separator-background-repeat, auto); background-size: var(--page-separator-background-size, auto); font-size: var(--page-separator-font-size, auto); font-weight: var(--page-separator-font-weight, auto); padding-top: var(--page-separator-padding-top, auto); padding-bottom: var(--page-separator-padding-bottom, auto); padding-left: var(--page-separator-padding-left, auto); padding-right: var(--page-separator-padding-right, auto); text-align: var(--page-separator-text-align, auto); color: var(--page-separator-color, auto); height: var(--page-separator-height, auto); width: var(--page-separator-width, auto); grid-template-columns: var(--page-separator-grid-template-columns, auto); max-width: var(--page-separator-max-width, auto); max-height: var(--page-separator-max-height, auto); margin: var(--page-separator-margin, auto); border-radius: var(--page-separator-border-radius, auto); font-style: var(--page-separator-font-style, auto); margin-top: var(--page-separator-margin-top, auto); margin-bottom: var(--page-separator-margin-bottom, auto); margin-left: var(--page-separator-margin-left, auto); margin-right: var(--page-separator-margin-right, auto); align-items: var(--page-separator-align-items, auto); justify-content: var(--page-separator-justify-content, auto); align-self: var(--page-separator-align-self, auto); justify-self: var(--page-separator-justify-self, auto); grid-gap: var(--page-separator-grid-gap, auto); flex-direction: var(--page-separator-flex-direction, unset); outline-width: var(--page-separator-outline-width, auto); outline-color: var(--page-separator-outline-color, auto); outline-style: var(--page-separator-outline-style, none); border-width: var(--page-separator-border-width, auto); border-color: var(--page-separator-border-color, auto); font-family: var(--page-separator-font-family, auto); border-style: var(--page-separator-border-style, auto); box-shadow: var(--page-separator-box-shadow, auto); } .template-page--root .separator .title, .template-page--root .separator .title > p { background-color: var(--page-separator-title-background-color, auto); background-image: var(--page-separator-title-background-image, auto); background-position: var(--page-separator-title-background-position, auto); background-repeat: var(--page-separator-title-background-repeat, auto); background-size: var(--page-separator-title-background-size, auto); font-size: var(--page-separator-title-font-size, auto); font-weight: var(--page-separator-title-font-weight, auto); padding-top: var(--page-separator-title-padding-top, auto); padding-bottom: var(--page-separator-title-padding-bottom, auto); padding-left: var(--page-separator-title-padding-left, auto); padding-right: var(--page-separator-title-padding-right, auto); text-align: var(--page-separator-title-text-align, auto); color: var(--page-separator-title-color, auto); height: var(--page-separator-title-height, auto); width: var(--page-separator-title-width, auto); grid-template-columns: var(--page-separator-title-grid-template-columns, auto); max-width: var(--page-separator-title-max-width, auto); max-height: var(--page-separator-title-max-height, auto); margin: var(--page-separator-title-margin, auto); border-radius: var(--page-separator-title-border-radius, auto); font-style: var(--page-separator-title-font-style, auto); margin-top: var(--page-separator-title-margin-top, auto); margin-bottom: var(--page-separator-title-margin-bottom, auto); margin-left: var(--page-separator-title-margin-left, auto); margin-right: var(--page-separator-title-margin-right, auto); align-items: var(--page-separator-title-align-items, auto); justify-content: var(--page-separator-title-justify-content, auto); align-self: var(--page-separator-title-align-self, auto); justify-self: var(--page-separator-title-justify-self, auto); grid-gap: var(--page-separator-title-grid-gap, auto); flex-direction: var(--page-separator-title-flex-direction, unset); outline-width: var(--page-separator-title-outline-width, auto); outline-color: var(--page-separator-title-outline-color, auto); outline-style: var(--page-separator-title-outline-style, none); border-width: var(--page-separator-title-border-width, auto); border-color: var(--page-separator-title-border-color, auto); font-family: var(--page-separator-title-font-family, auto); border-style: var(--page-separator-title-border-style, auto); box-shadow: var(--page-separator-title-box-shadow, auto); line-height: 1; } .template-page--root .separator .content, .template-page--root .separator .content > p { background-color: var(--page-separator-content-background-color, auto); background-image: var(--page-separator-content-background-image, auto); background-position: var(--page-separator-content-background-position, auto); background-repeat: var(--page-separator-content-background-repeat, auto); background-size: var(--page-separator-content-background-size, auto); font-size: var(--page-separator-content-font-size, auto); font-weight: var(--page-separator-content-font-weight, auto); padding-top: var(--page-separator-content-padding-top, auto); padding-bottom: var(--page-separator-content-padding-bottom, auto); padding-left: var(--page-separator-content-padding-left, auto); padding-right: var(--page-separator-content-padding-right, auto); text-align: var(--page-separator-content-text-align, auto); color: var(--page-separator-content-color, auto); height: var(--page-separator-content-height, auto); width: var(--page-separator-content-width, auto); grid-template-columns: var(--page-separator-content-grid-template-columns, auto); max-width: var(--page-separator-content-max-width, auto); max-height: var(--page-separator-content-max-height, auto); margin: var(--page-separator-content-margin, auto); border-radius: var(--page-separator-content-border-radius, auto); font-style: var(--page-separator-content-font-style, auto); margin-top: var(--page-separator-content-margin-top, auto); margin-bottom: var(--page-separator-content-margin-bottom, auto); margin-left: var(--page-separator-content-margin-left, auto); margin-right: var(--page-separator-content-margin-right, auto); align-items: var(--page-separator-content-align-items, auto); justify-content: var(--page-separator-content-justify-content, auto); align-self: var(--page-separator-content-align-self, auto); justify-self: var(--page-separator-content-justify-self, auto); grid-gap: var(--page-separator-content-grid-gap, auto); flex-direction: var(--page-separator-content-flex-direction, unset); outline-width: var(--page-separator-content-outline-width, auto); outline-color: var(--page-separator-content-outline-color, auto); outline-style: var(--page-separator-content-outline-style, none); border-width: var(--page-separator-content-border-width, auto); border-color: var(--page-separator-content-border-color, auto); font-family: var(--page-separator-content-font-family, auto); border-style: var(--page-separator-content-border-style, auto); box-shadow: var(--page-separator-content-box-shadow, auto); line-height: 1; } .template-page--root .separator .details, .template-page--root .separator .details > p { background-color: var(--page-separator-details-background-color, auto); background-image: var(--page-separator-details-background-image, auto); background-position: var(--page-separator-details-background-position, auto); background-repeat: var(--page-separator-details-background-repeat, auto); background-size: var(--page-separator-details-background-size, auto); font-size: var(--page-separator-details-font-size, auto); font-weight: var(--page-separator-details-font-weight, auto); padding-top: var(--page-separator-details-padding-top, auto); padding-bottom: var(--page-separator-details-padding-bottom, auto); padding-left: var(--page-separator-details-padding-left, auto); padding-right: var(--page-separator-details-padding-right, auto); text-align: var(--page-separator-details-text-align, auto); color: var(--page-separator-details-color, auto); height: var(--page-separator-details-height, auto); width: var(--page-separator-details-width, auto); grid-template-columns: var(--page-separator-details-grid-template-columns, auto); max-width: var(--page-separator-details-max-width, auto); max-height: var(--page-separator-details-max-height, auto); margin: var(--page-separator-details-margin, auto); border-radius: var(--page-separator-details-border-radius, auto); font-style: var(--page-separator-details-font-style, auto); margin-top: var(--page-separator-details-margin-top, auto); margin-bottom: var(--page-separator-details-margin-bottom, auto); margin-left: var(--page-separator-details-margin-left, auto); margin-right: var(--page-separator-details-margin-right, auto); align-items: var(--page-separator-details-align-items, auto); justify-content: var(--page-separator-details-justify-content, auto); align-self: var(--page-separator-details-align-self, auto); justify-self: var(--page-separator-details-justify-self, auto); grid-gap: var(--page-separator-details-grid-gap, auto); flex-direction: var(--page-separator-details-flex-direction, unset); outline-width: var(--page-separator-details-outline-width, auto); outline-color: var(--page-separator-details-outline-color, auto); outline-style: var(--page-separator-details-outline-style, none); border-width: var(--page-separator-details-border-width, auto); border-color: var(--page-separator-details-border-color, auto); font-family: var(--page-separator-details-font-family, auto); border-style: var(--page-separator-details-border-style, auto); box-shadow: var(--page-separator-details-box-shadow, auto); line-height: 1; } .template-page--root .separator .image, .template-page--root .separator .image > p { background-color: var(--page-separator-image-background-color, auto); background-image: var(--page-separator-image-background-image, auto); background-position: var(--page-separator-image-background-position, auto); background-repeat: var(--page-separator-image-background-repeat, auto); background-size: var(--page-separator-image-background-size, auto); font-size: var(--page-separator-image-font-size, auto); font-weight: var(--page-separator-image-font-weight, auto); padding-top: var(--page-separator-image-padding-top, auto); padding-bottom: var(--page-separator-image-padding-bottom, auto); padding-left: var(--page-separator-image-padding-left, auto); padding-right: var(--page-separator-image-padding-right, auto); text-align: var(--page-separator-image-text-align, auto); color: var(--page-separator-image-color, auto); height: var(--page-separator-image-height, auto); width: var(--page-separator-image-width, auto); grid-template-columns: var(--page-separator-image-grid-template-columns, auto); max-width: var(--page-separator-image-max-width, auto); max-height: var(--page-separator-image-max-height, auto); margin: var(--page-separator-image-margin, auto); border-radius: var(--page-separator-image-border-radius, auto); font-style: var(--page-separator-image-font-style, auto); margin-top: var(--page-separator-image-margin-top, auto); margin-bottom: var(--page-separator-image-margin-bottom, auto); margin-left: var(--page-separator-image-margin-left, auto); margin-right: var(--page-separator-image-margin-right, auto); align-items: var(--page-separator-image-align-items, auto); justify-content: var(--page-separator-image-justify-content, auto); align-self: var(--page-separator-image-align-self, auto); justify-self: var(--page-separator-image-justify-self, auto); grid-gap: var(--page-separator-image-grid-gap, auto); flex-direction: var(--page-separator-image-flex-direction, unset); outline-width: var(--page-separator-image-outline-width, auto); outline-color: var(--page-separator-image-outline-color, auto); outline-style: var(--page-separator-image-outline-style, none); border-width: var(--page-separator-image-border-width, auto); border-color: var(--page-separator-image-border-color, auto); font-family: var(--page-separator-image-font-family, auto); border-style: var(--page-separator-image-border-style, auto); box-shadow: var(--page-separator-image-box-shadow, auto); line-height: 1; } .template-page--root .separator .image-caption, .template-page--root .separator .image-caption > p { background-color: var(--page-separator-image-caption-background-color, auto); background-image: var(--page-separator-image-caption-background-image, auto); background-position: var(--page-separator-image-caption-background-position, auto); background-repeat: var(--page-separator-image-caption-background-repeat, auto); background-size: var(--page-separator-image-caption-background-size, auto); font-size: var(--page-separator-image-caption-font-size, auto); font-weight: var(--page-separator-image-caption-font-weight, auto); padding-top: var(--page-separator-image-caption-padding-top, auto); padding-bottom: var(--page-separator-image-caption-padding-bottom, auto); padding-left: var(--page-separator-image-caption-padding-left, auto); padding-right: var(--page-separator-image-caption-padding-right, auto); text-align: var(--page-separator-image-caption-text-align, auto); color: var(--page-separator-image-caption-color, auto); height: var(--page-separator-image-caption-height, auto); width: var(--page-separator-image-caption-width, auto); grid-template-columns: var(--page-separator-image-caption-grid-template-columns, auto); max-width: var(--page-separator-image-caption-max-width, auto); max-height: var(--page-separator-image-caption-max-height, auto); margin: var(--page-separator-image-caption-margin, auto); border-radius: var(--page-separator-image-caption-border-radius, auto); font-style: var(--page-separator-image-caption-font-style, auto); margin-top: var(--page-separator-image-caption-margin-top, auto); margin-bottom: var(--page-separator-image-caption-margin-bottom, auto); margin-left: var(--page-separator-image-caption-margin-left, auto); margin-right: var(--page-separator-image-caption-margin-right, auto); align-items: var(--page-separator-image-caption-align-items, auto); justify-content: var(--page-separator-image-caption-justify-content, auto); align-self: var(--page-separator-image-caption-align-self, auto); justify-self: var(--page-separator-image-caption-justify-self, auto); grid-gap: var(--page-separator-image-caption-grid-gap, auto); flex-direction: var(--page-separator-image-caption-flex-direction, unset); outline-width: var(--page-separator-image-caption-outline-width, auto); outline-color: var(--page-separator-image-caption-outline-color, auto); outline-style: var(--page-separator-image-caption-outline-style, none); border-width: var(--page-separator-image-caption-border-width, auto); border-color: var(--page-separator-image-caption-border-color, auto); font-family: var(--page-separator-image-caption-font-family, auto); border-style: var(--page-separator-image-caption-border-style, auto); box-shadow: var(--page-separator-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .separator .button, .template-page--root .separator .button > p { background-color: var(--page-separator-button-background-color, auto); background-image: var(--page-separator-button-background-image, auto); background-position: var(--page-separator-button-background-position, auto); background-repeat: var(--page-separator-button-background-repeat, auto); background-size: var(--page-separator-button-background-size, auto); font-size: var(--page-separator-button-font-size, auto); font-weight: var(--page-separator-button-font-weight, auto); padding-top: var(--page-separator-button-padding-top, auto); padding-bottom: var(--page-separator-button-padding-bottom, auto); padding-left: var(--page-separator-button-padding-left, auto); padding-right: var(--page-separator-button-padding-right, auto); text-align: var(--page-separator-button-text-align, auto); color: var(--page-separator-button-color, auto); height: var(--page-separator-button-height, auto); width: var(--page-separator-button-width, auto); grid-template-columns: var(--page-separator-button-grid-template-columns, auto); max-width: var(--page-separator-button-max-width, auto); max-height: var(--page-separator-button-max-height, auto); margin: var(--page-separator-button-margin, auto); border-radius: var(--page-separator-button-border-radius, auto); font-style: var(--page-separator-button-font-style, auto); margin-top: var(--page-separator-button-margin-top, auto); margin-bottom: var(--page-separator-button-margin-bottom, auto); margin-left: var(--page-separator-button-margin-left, auto); margin-right: var(--page-separator-button-margin-right, auto); align-items: var(--page-separator-button-align-items, auto); justify-content: var(--page-separator-button-justify-content, auto); align-self: var(--page-separator-button-align-self, auto); justify-self: var(--page-separator-button-justify-self, auto); grid-gap: var(--page-separator-button-grid-gap, auto); flex-direction: var(--page-separator-button-flex-direction, unset); outline-width: var(--page-separator-button-outline-width, auto); outline-color: var(--page-separator-button-outline-color, auto); outline-style: var(--page-separator-button-outline-style, none); border-width: var(--page-separator-button-border-width, auto); border-color: var(--page-separator-button-border-color, auto); font-family: var(--page-separator-button-font-family, auto); border-style: var(--page-separator-button-border-style, auto); box-shadow: var(--page-separator-button-box-shadow, auto); line-height: 1; } .template-page--root .separator .newsletter-info, .template-page--root .separator .newsletter-info > p { background-color: var(--page-separator-newsletter-info-background-color, auto); background-image: var(--page-separator-newsletter-info-background-image, auto); background-position: var(--page-separator-newsletter-info-background-position, auto); background-repeat: var(--page-separator-newsletter-info-background-repeat, auto); background-size: var(--page-separator-newsletter-info-background-size, auto); font-size: var(--page-separator-newsletter-info-font-size, auto); font-weight: var(--page-separator-newsletter-info-font-weight, auto); padding-top: var(--page-separator-newsletter-info-padding-top, auto); padding-bottom: var(--page-separator-newsletter-info-padding-bottom, auto); padding-left: var(--page-separator-newsletter-info-padding-left, auto); padding-right: var(--page-separator-newsletter-info-padding-right, auto); text-align: var(--page-separator-newsletter-info-text-align, auto); color: var(--page-separator-newsletter-info-color, auto); height: var(--page-separator-newsletter-info-height, auto); width: var(--page-separator-newsletter-info-width, auto); grid-template-columns: var(--page-separator-newsletter-info-grid-template-columns, auto); max-width: var(--page-separator-newsletter-info-max-width, auto); max-height: var(--page-separator-newsletter-info-max-height, auto); margin: var(--page-separator-newsletter-info-margin, auto); border-radius: var(--page-separator-newsletter-info-border-radius, auto); font-style: var(--page-separator-newsletter-info-font-style, auto); margin-top: var(--page-separator-newsletter-info-margin-top, auto); margin-bottom: var(--page-separator-newsletter-info-margin-bottom, auto); margin-left: var(--page-separator-newsletter-info-margin-left, auto); margin-right: var(--page-separator-newsletter-info-margin-right, auto); align-items: var(--page-separator-newsletter-info-align-items, auto); justify-content: var(--page-separator-newsletter-info-justify-content, auto); align-self: var(--page-separator-newsletter-info-align-self, auto); justify-self: var(--page-separator-newsletter-info-justify-self, auto); grid-gap: var(--page-separator-newsletter-info-grid-gap, auto); flex-direction: var(--page-separator-newsletter-info-flex-direction, unset); outline-width: var(--page-separator-newsletter-info-outline-width, auto); outline-color: var(--page-separator-newsletter-info-outline-color, auto); outline-style: var(--page-separator-newsletter-info-outline-style, none); border-width: var(--page-separator-newsletter-info-border-width, auto); border-color: var(--page-separator-newsletter-info-border-color, auto); font-family: var(--page-separator-newsletter-info-font-family, auto); border-style: var(--page-separator-newsletter-info-border-style, auto); box-shadow: var(--page-separator-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .general { background-color: var(--page-general-background-color, auto); background-image: var(--page-general-background-image, auto); background-position: var(--page-general-background-position, auto); background-repeat: var(--page-general-background-repeat, auto); background-size: var(--page-general-background-size, auto); font-size: var(--page-general-font-size, auto); font-weight: var(--page-general-font-weight, auto); padding-top: var(--page-general-padding-top, auto); padding-bottom: var(--page-general-padding-bottom, auto); padding-left: var(--page-general-padding-left, auto); padding-right: var(--page-general-padding-right, auto); text-align: var(--page-general-text-align, auto); color: var(--page-general-color, auto); height: var(--page-general-height, auto); width: var(--page-general-width, auto); grid-template-columns: var(--page-general-grid-template-columns, auto); max-width: var(--page-general-max-width, auto); max-height: var(--page-general-max-height, auto); margin: var(--page-general-margin, auto); border-radius: var(--page-general-border-radius, auto); font-style: var(--page-general-font-style, auto); margin-top: var(--page-general-margin-top, auto); margin-bottom: var(--page-general-margin-bottom, auto); margin-left: var(--page-general-margin-left, auto); margin-right: var(--page-general-margin-right, auto); align-items: var(--page-general-align-items, auto); justify-content: var(--page-general-justify-content, auto); align-self: var(--page-general-align-self, auto); justify-self: var(--page-general-justify-self, auto); grid-gap: var(--page-general-grid-gap, auto); flex-direction: var(--page-general-flex-direction, unset); outline-width: var(--page-general-outline-width, auto); outline-color: var(--page-general-outline-color, auto); outline-style: var(--page-general-outline-style, none); border-width: var(--page-general-border-width, auto); border-color: var(--page-general-border-color, auto); font-family: var(--page-general-font-family, auto); border-style: var(--page-general-border-style, auto); box-shadow: var(--page-general-box-shadow, auto); } .template-page--root .general .title, .template-page--root .general .title > p { background-color: var(--page-general-title-background-color, auto); background-image: var(--page-general-title-background-image, auto); background-position: var(--page-general-title-background-position, auto); background-repeat: var(--page-general-title-background-repeat, auto); background-size: var(--page-general-title-background-size, auto); font-size: var(--page-general-title-font-size, auto); font-weight: var(--page-general-title-font-weight, auto); padding-top: var(--page-general-title-padding-top, auto); padding-bottom: var(--page-general-title-padding-bottom, auto); padding-left: var(--page-general-title-padding-left, auto); padding-right: var(--page-general-title-padding-right, auto); text-align: var(--page-general-title-text-align, auto); color: var(--page-general-title-color, auto); height: var(--page-general-title-height, auto); width: var(--page-general-title-width, auto); grid-template-columns: var(--page-general-title-grid-template-columns, auto); max-width: var(--page-general-title-max-width, auto); max-height: var(--page-general-title-max-height, auto); margin: var(--page-general-title-margin, auto); border-radius: var(--page-general-title-border-radius, auto); font-style: var(--page-general-title-font-style, auto); margin-top: var(--page-general-title-margin-top, auto); margin-bottom: var(--page-general-title-margin-bottom, auto); margin-left: var(--page-general-title-margin-left, auto); margin-right: var(--page-general-title-margin-right, auto); align-items: var(--page-general-title-align-items, auto); justify-content: var(--page-general-title-justify-content, auto); align-self: var(--page-general-title-align-self, auto); justify-self: var(--page-general-title-justify-self, auto); grid-gap: var(--page-general-title-grid-gap, auto); flex-direction: var(--page-general-title-flex-direction, unset); outline-width: var(--page-general-title-outline-width, auto); outline-color: var(--page-general-title-outline-color, auto); outline-style: var(--page-general-title-outline-style, none); border-width: var(--page-general-title-border-width, auto); border-color: var(--page-general-title-border-color, auto); font-family: var(--page-general-title-font-family, auto); border-style: var(--page-general-title-border-style, auto); box-shadow: var(--page-general-title-box-shadow, auto); line-height: 1; } .template-page--root .general .content, .template-page--root .general .content > p { background-color: var(--page-general-content-background-color, auto); background-image: var(--page-general-content-background-image, auto); background-position: var(--page-general-content-background-position, auto); background-repeat: var(--page-general-content-background-repeat, auto); background-size: var(--page-general-content-background-size, auto); font-size: var(--page-general-content-font-size, auto); font-weight: var(--page-general-content-font-weight, auto); padding-top: var(--page-general-content-padding-top, auto); padding-bottom: var(--page-general-content-padding-bottom, auto); padding-left: var(--page-general-content-padding-left, auto); padding-right: var(--page-general-content-padding-right, auto); text-align: var(--page-general-content-text-align, auto); color: var(--page-general-content-color, auto); height: var(--page-general-content-height, auto); width: var(--page-general-content-width, auto); grid-template-columns: var(--page-general-content-grid-template-columns, auto); max-width: var(--page-general-content-max-width, auto); max-height: var(--page-general-content-max-height, auto); margin: var(--page-general-content-margin, auto); border-radius: var(--page-general-content-border-radius, auto); font-style: var(--page-general-content-font-style, auto); margin-top: var(--page-general-content-margin-top, auto); margin-bottom: var(--page-general-content-margin-bottom, auto); margin-left: var(--page-general-content-margin-left, auto); margin-right: var(--page-general-content-margin-right, auto); align-items: var(--page-general-content-align-items, auto); justify-content: var(--page-general-content-justify-content, auto); align-self: var(--page-general-content-align-self, auto); justify-self: var(--page-general-content-justify-self, auto); grid-gap: var(--page-general-content-grid-gap, auto); flex-direction: var(--page-general-content-flex-direction, unset); outline-width: var(--page-general-content-outline-width, auto); outline-color: var(--page-general-content-outline-color, auto); outline-style: var(--page-general-content-outline-style, none); border-width: var(--page-general-content-border-width, auto); border-color: var(--page-general-content-border-color, auto); font-family: var(--page-general-content-font-family, auto); border-style: var(--page-general-content-border-style, auto); box-shadow: var(--page-general-content-box-shadow, auto); line-height: 1; } .template-page--root .general .details, .template-page--root .general .details > p { background-color: var(--page-general-details-background-color, auto); background-image: var(--page-general-details-background-image, auto); background-position: var(--page-general-details-background-position, auto); background-repeat: var(--page-general-details-background-repeat, auto); background-size: var(--page-general-details-background-size, auto); font-size: var(--page-general-details-font-size, auto); font-weight: var(--page-general-details-font-weight, auto); padding-top: var(--page-general-details-padding-top, auto); padding-bottom: var(--page-general-details-padding-bottom, auto); padding-left: var(--page-general-details-padding-left, auto); padding-right: var(--page-general-details-padding-right, auto); text-align: var(--page-general-details-text-align, auto); color: var(--page-general-details-color, auto); height: var(--page-general-details-height, auto); width: var(--page-general-details-width, auto); grid-template-columns: var(--page-general-details-grid-template-columns, auto); max-width: var(--page-general-details-max-width, auto); max-height: var(--page-general-details-max-height, auto); margin: var(--page-general-details-margin, auto); border-radius: var(--page-general-details-border-radius, auto); font-style: var(--page-general-details-font-style, auto); margin-top: var(--page-general-details-margin-top, auto); margin-bottom: var(--page-general-details-margin-bottom, auto); margin-left: var(--page-general-details-margin-left, auto); margin-right: var(--page-general-details-margin-right, auto); align-items: var(--page-general-details-align-items, auto); justify-content: var(--page-general-details-justify-content, auto); align-self: var(--page-general-details-align-self, auto); justify-self: var(--page-general-details-justify-self, auto); grid-gap: var(--page-general-details-grid-gap, auto); flex-direction: var(--page-general-details-flex-direction, unset); outline-width: var(--page-general-details-outline-width, auto); outline-color: var(--page-general-details-outline-color, auto); outline-style: var(--page-general-details-outline-style, none); border-width: var(--page-general-details-border-width, auto); border-color: var(--page-general-details-border-color, auto); font-family: var(--page-general-details-font-family, auto); border-style: var(--page-general-details-border-style, auto); box-shadow: var(--page-general-details-box-shadow, auto); line-height: 1; } .template-page--root .general .image, .template-page--root .general .image > p { background-color: var(--page-general-image-background-color, auto); background-image: var(--page-general-image-background-image, auto); background-position: var(--page-general-image-background-position, auto); background-repeat: var(--page-general-image-background-repeat, auto); background-size: var(--page-general-image-background-size, auto); font-size: var(--page-general-image-font-size, auto); font-weight: var(--page-general-image-font-weight, auto); padding-top: var(--page-general-image-padding-top, auto); padding-bottom: var(--page-general-image-padding-bottom, auto); padding-left: var(--page-general-image-padding-left, auto); padding-right: var(--page-general-image-padding-right, auto); text-align: var(--page-general-image-text-align, auto); color: var(--page-general-image-color, auto); height: var(--page-general-image-height, auto); width: var(--page-general-image-width, auto); grid-template-columns: var(--page-general-image-grid-template-columns, auto); max-width: var(--page-general-image-max-width, auto); max-height: var(--page-general-image-max-height, auto); margin: var(--page-general-image-margin, auto); border-radius: var(--page-general-image-border-radius, auto); font-style: var(--page-general-image-font-style, auto); margin-top: var(--page-general-image-margin-top, auto); margin-bottom: var(--page-general-image-margin-bottom, auto); margin-left: var(--page-general-image-margin-left, auto); margin-right: var(--page-general-image-margin-right, auto); align-items: var(--page-general-image-align-items, auto); justify-content: var(--page-general-image-justify-content, auto); align-self: var(--page-general-image-align-self, auto); justify-self: var(--page-general-image-justify-self, auto); grid-gap: var(--page-general-image-grid-gap, auto); flex-direction: var(--page-general-image-flex-direction, unset); outline-width: var(--page-general-image-outline-width, auto); outline-color: var(--page-general-image-outline-color, auto); outline-style: var(--page-general-image-outline-style, none); border-width: var(--page-general-image-border-width, auto); border-color: var(--page-general-image-border-color, auto); font-family: var(--page-general-image-font-family, auto); border-style: var(--page-general-image-border-style, auto); box-shadow: var(--page-general-image-box-shadow, auto); line-height: 1; } .template-page--root .general .image-caption, .template-page--root .general .image-caption > p { background-color: var(--page-general-image-caption-background-color, auto); background-image: var(--page-general-image-caption-background-image, auto); background-position: var(--page-general-image-caption-background-position, auto); background-repeat: var(--page-general-image-caption-background-repeat, auto); background-size: var(--page-general-image-caption-background-size, auto); font-size: var(--page-general-image-caption-font-size, auto); font-weight: var(--page-general-image-caption-font-weight, auto); padding-top: var(--page-general-image-caption-padding-top, auto); padding-bottom: var(--page-general-image-caption-padding-bottom, auto); padding-left: var(--page-general-image-caption-padding-left, auto); padding-right: var(--page-general-image-caption-padding-right, auto); text-align: var(--page-general-image-caption-text-align, auto); color: var(--page-general-image-caption-color, auto); height: var(--page-general-image-caption-height, auto); width: var(--page-general-image-caption-width, auto); grid-template-columns: var(--page-general-image-caption-grid-template-columns, auto); max-width: var(--page-general-image-caption-max-width, auto); max-height: var(--page-general-image-caption-max-height, auto); margin: var(--page-general-image-caption-margin, auto); border-radius: var(--page-general-image-caption-border-radius, auto); font-style: var(--page-general-image-caption-font-style, auto); margin-top: var(--page-general-image-caption-margin-top, auto); margin-bottom: var(--page-general-image-caption-margin-bottom, auto); margin-left: var(--page-general-image-caption-margin-left, auto); margin-right: var(--page-general-image-caption-margin-right, auto); align-items: var(--page-general-image-caption-align-items, auto); justify-content: var(--page-general-image-caption-justify-content, auto); align-self: var(--page-general-image-caption-align-self, auto); justify-self: var(--page-general-image-caption-justify-self, auto); grid-gap: var(--page-general-image-caption-grid-gap, auto); flex-direction: var(--page-general-image-caption-flex-direction, unset); outline-width: var(--page-general-image-caption-outline-width, auto); outline-color: var(--page-general-image-caption-outline-color, auto); outline-style: var(--page-general-image-caption-outline-style, none); border-width: var(--page-general-image-caption-border-width, auto); border-color: var(--page-general-image-caption-border-color, auto); font-family: var(--page-general-image-caption-font-family, auto); border-style: var(--page-general-image-caption-border-style, auto); box-shadow: var(--page-general-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .general .button, .template-page--root .general .button > p { background-color: var(--page-general-button-background-color, auto); background-image: var(--page-general-button-background-image, auto); background-position: var(--page-general-button-background-position, auto); background-repeat: var(--page-general-button-background-repeat, auto); background-size: var(--page-general-button-background-size, auto); font-size: var(--page-general-button-font-size, auto); font-weight: var(--page-general-button-font-weight, auto); padding-top: var(--page-general-button-padding-top, auto); padding-bottom: var(--page-general-button-padding-bottom, auto); padding-left: var(--page-general-button-padding-left, auto); padding-right: var(--page-general-button-padding-right, auto); text-align: var(--page-general-button-text-align, auto); color: var(--page-general-button-color, auto); height: var(--page-general-button-height, auto); width: var(--page-general-button-width, auto); grid-template-columns: var(--page-general-button-grid-template-columns, auto); max-width: var(--page-general-button-max-width, auto); max-height: var(--page-general-button-max-height, auto); margin: var(--page-general-button-margin, auto); border-radius: var(--page-general-button-border-radius, auto); font-style: var(--page-general-button-font-style, auto); margin-top: var(--page-general-button-margin-top, auto); margin-bottom: var(--page-general-button-margin-bottom, auto); margin-left: var(--page-general-button-margin-left, auto); margin-right: var(--page-general-button-margin-right, auto); align-items: var(--page-general-button-align-items, auto); justify-content: var(--page-general-button-justify-content, auto); align-self: var(--page-general-button-align-self, auto); justify-self: var(--page-general-button-justify-self, auto); grid-gap: var(--page-general-button-grid-gap, auto); flex-direction: var(--page-general-button-flex-direction, unset); outline-width: var(--page-general-button-outline-width, auto); outline-color: var(--page-general-button-outline-color, auto); outline-style: var(--page-general-button-outline-style, none); border-width: var(--page-general-button-border-width, auto); border-color: var(--page-general-button-border-color, auto); font-family: var(--page-general-button-font-family, auto); border-style: var(--page-general-button-border-style, auto); box-shadow: var(--page-general-button-box-shadow, auto); line-height: 1; } .template-page--root .general .newsletter-info, .template-page--root .general .newsletter-info > p { background-color: var(--page-general-newsletter-info-background-color, auto); background-image: var(--page-general-newsletter-info-background-image, auto); background-position: var(--page-general-newsletter-info-background-position, auto); background-repeat: var(--page-general-newsletter-info-background-repeat, auto); background-size: var(--page-general-newsletter-info-background-size, auto); font-size: var(--page-general-newsletter-info-font-size, auto); font-weight: var(--page-general-newsletter-info-font-weight, auto); padding-top: var(--page-general-newsletter-info-padding-top, auto); padding-bottom: var(--page-general-newsletter-info-padding-bottom, auto); padding-left: var(--page-general-newsletter-info-padding-left, auto); padding-right: var(--page-general-newsletter-info-padding-right, auto); text-align: var(--page-general-newsletter-info-text-align, auto); color: var(--page-general-newsletter-info-color, auto); height: var(--page-general-newsletter-info-height, auto); width: var(--page-general-newsletter-info-width, auto); grid-template-columns: var(--page-general-newsletter-info-grid-template-columns, auto); max-width: var(--page-general-newsletter-info-max-width, auto); max-height: var(--page-general-newsletter-info-max-height, auto); margin: var(--page-general-newsletter-info-margin, auto); border-radius: var(--page-general-newsletter-info-border-radius, auto); font-style: var(--page-general-newsletter-info-font-style, auto); margin-top: var(--page-general-newsletter-info-margin-top, auto); margin-bottom: var(--page-general-newsletter-info-margin-bottom, auto); margin-left: var(--page-general-newsletter-info-margin-left, auto); margin-right: var(--page-general-newsletter-info-margin-right, auto); align-items: var(--page-general-newsletter-info-align-items, auto); justify-content: var(--page-general-newsletter-info-justify-content, auto); align-self: var(--page-general-newsletter-info-align-self, auto); justify-self: var(--page-general-newsletter-info-justify-self, auto); grid-gap: var(--page-general-newsletter-info-grid-gap, auto); flex-direction: var(--page-general-newsletter-info-flex-direction, unset); outline-width: var(--page-general-newsletter-info-outline-width, auto); outline-color: var(--page-general-newsletter-info-outline-color, auto); outline-style: var(--page-general-newsletter-info-outline-style, none); border-width: var(--page-general-newsletter-info-border-width, auto); border-color: var(--page-general-newsletter-info-border-color, auto); font-family: var(--page-general-newsletter-info-font-family, auto); border-style: var(--page-general-newsletter-info-border-style, auto); box-shadow: var(--page-general-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .grid-item { background-color: var(--page-grid-item-background-color, auto); background-image: var(--page-grid-item-background-image, auto); background-position: var(--page-grid-item-background-position, auto); background-repeat: var(--page-grid-item-background-repeat, auto); background-size: var(--page-grid-item-background-size, auto); font-size: var(--page-grid-item-font-size, auto); font-weight: var(--page-grid-item-font-weight, auto); padding-top: var(--page-grid-item-padding-top, auto); padding-bottom: var(--page-grid-item-padding-bottom, auto); padding-left: var(--page-grid-item-padding-left, auto); padding-right: var(--page-grid-item-padding-right, auto); text-align: var(--page-grid-item-text-align, auto); color: var(--page-grid-item-color, auto); height: var(--page-grid-item-height, auto); width: var(--page-grid-item-width, auto); grid-template-columns: var(--page-grid-item-grid-template-columns, auto); max-width: var(--page-grid-item-max-width, auto); max-height: var(--page-grid-item-max-height, auto); margin: var(--page-grid-item-margin, auto); border-radius: var(--page-grid-item-border-radius, auto); font-style: var(--page-grid-item-font-style, auto); margin-top: var(--page-grid-item-margin-top, auto); margin-bottom: var(--page-grid-item-margin-bottom, auto); margin-left: var(--page-grid-item-margin-left, auto); margin-right: var(--page-grid-item-margin-right, auto); align-items: var(--page-grid-item-align-items, auto); justify-content: var(--page-grid-item-justify-content, auto); align-self: var(--page-grid-item-align-self, auto); justify-self: var(--page-grid-item-justify-self, auto); grid-gap: var(--page-grid-item-grid-gap, auto); flex-direction: var(--page-grid-item-flex-direction, unset); outline-width: var(--page-grid-item-outline-width, auto); outline-color: var(--page-grid-item-outline-color, auto); outline-style: var(--page-grid-item-outline-style, none); border-width: var(--page-grid-item-border-width, auto); border-color: var(--page-grid-item-border-color, auto); font-family: var(--page-grid-item-font-family, auto); border-style: var(--page-grid-item-border-style, auto); box-shadow: var(--page-grid-item-box-shadow, auto); } .template-page--root .grid-item .title, .template-page--root .grid-item .title > p { background-color: var(--page-grid-item-title-background-color, auto); background-image: var(--page-grid-item-title-background-image, auto); background-position: var(--page-grid-item-title-background-position, auto); background-repeat: var(--page-grid-item-title-background-repeat, auto); background-size: var(--page-grid-item-title-background-size, auto); font-size: var(--page-grid-item-title-font-size, auto); font-weight: var(--page-grid-item-title-font-weight, auto); padding-top: var(--page-grid-item-title-padding-top, auto); padding-bottom: var(--page-grid-item-title-padding-bottom, auto); padding-left: var(--page-grid-item-title-padding-left, auto); padding-right: var(--page-grid-item-title-padding-right, auto); text-align: var(--page-grid-item-title-text-align, auto); color: var(--page-grid-item-title-color, auto); height: var(--page-grid-item-title-height, auto); width: var(--page-grid-item-title-width, auto); grid-template-columns: var(--page-grid-item-title-grid-template-columns, auto); max-width: var(--page-grid-item-title-max-width, auto); max-height: var(--page-grid-item-title-max-height, auto); margin: var(--page-grid-item-title-margin, auto); border-radius: var(--page-grid-item-title-border-radius, auto); font-style: var(--page-grid-item-title-font-style, auto); margin-top: var(--page-grid-item-title-margin-top, auto); margin-bottom: var(--page-grid-item-title-margin-bottom, auto); margin-left: var(--page-grid-item-title-margin-left, auto); margin-right: var(--page-grid-item-title-margin-right, auto); align-items: var(--page-grid-item-title-align-items, auto); justify-content: var(--page-grid-item-title-justify-content, auto); align-self: var(--page-grid-item-title-align-self, auto); justify-self: var(--page-grid-item-title-justify-self, auto); grid-gap: var(--page-grid-item-title-grid-gap, auto); flex-direction: var(--page-grid-item-title-flex-direction, unset); outline-width: var(--page-grid-item-title-outline-width, auto); outline-color: var(--page-grid-item-title-outline-color, auto); outline-style: var(--page-grid-item-title-outline-style, none); border-width: var(--page-grid-item-title-border-width, auto); border-color: var(--page-grid-item-title-border-color, auto); font-family: var(--page-grid-item-title-font-family, auto); border-style: var(--page-grid-item-title-border-style, auto); box-shadow: var(--page-grid-item-title-box-shadow, auto); line-height: 1; } .template-page--root .grid-item .content, .template-page--root .grid-item .content > p { background-color: var(--page-grid-item-content-background-color, auto); background-image: var(--page-grid-item-content-background-image, auto); background-position: var(--page-grid-item-content-background-position, auto); background-repeat: var(--page-grid-item-content-background-repeat, auto); background-size: var(--page-grid-item-content-background-size, auto); font-size: var(--page-grid-item-content-font-size, auto); font-weight: var(--page-grid-item-content-font-weight, auto); padding-top: var(--page-grid-item-content-padding-top, auto); padding-bottom: var(--page-grid-item-content-padding-bottom, auto); padding-left: var(--page-grid-item-content-padding-left, auto); padding-right: var(--page-grid-item-content-padding-right, auto); text-align: var(--page-grid-item-content-text-align, auto); color: var(--page-grid-item-content-color, auto); height: var(--page-grid-item-content-height, auto); width: var(--page-grid-item-content-width, auto); grid-template-columns: var(--page-grid-item-content-grid-template-columns, auto); max-width: var(--page-grid-item-content-max-width, auto); max-height: var(--page-grid-item-content-max-height, auto); margin: var(--page-grid-item-content-margin, auto); border-radius: var(--page-grid-item-content-border-radius, auto); font-style: var(--page-grid-item-content-font-style, auto); margin-top: var(--page-grid-item-content-margin-top, auto); margin-bottom: var(--page-grid-item-content-margin-bottom, auto); margin-left: var(--page-grid-item-content-margin-left, auto); margin-right: var(--page-grid-item-content-margin-right, auto); align-items: var(--page-grid-item-content-align-items, auto); justify-content: var(--page-grid-item-content-justify-content, auto); align-self: var(--page-grid-item-content-align-self, auto); justify-self: var(--page-grid-item-content-justify-self, auto); grid-gap: var(--page-grid-item-content-grid-gap, auto); flex-direction: var(--page-grid-item-content-flex-direction, unset); outline-width: var(--page-grid-item-content-outline-width, auto); outline-color: var(--page-grid-item-content-outline-color, auto); outline-style: var(--page-grid-item-content-outline-style, none); border-width: var(--page-grid-item-content-border-width, auto); border-color: var(--page-grid-item-content-border-color, auto); font-family: var(--page-grid-item-content-font-family, auto); border-style: var(--page-grid-item-content-border-style, auto); box-shadow: var(--page-grid-item-content-box-shadow, auto); line-height: 1; } .template-page--root .grid-item .details, .template-page--root .grid-item .details > p { background-color: var(--page-grid-item-details-background-color, auto); background-image: var(--page-grid-item-details-background-image, auto); background-position: var(--page-grid-item-details-background-position, auto); background-repeat: var(--page-grid-item-details-background-repeat, auto); background-size: var(--page-grid-item-details-background-size, auto); font-size: var(--page-grid-item-details-font-size, auto); font-weight: var(--page-grid-item-details-font-weight, auto); padding-top: var(--page-grid-item-details-padding-top, auto); padding-bottom: var(--page-grid-item-details-padding-bottom, auto); padding-left: var(--page-grid-item-details-padding-left, auto); padding-right: var(--page-grid-item-details-padding-right, auto); text-align: var(--page-grid-item-details-text-align, auto); color: var(--page-grid-item-details-color, auto); height: var(--page-grid-item-details-height, auto); width: var(--page-grid-item-details-width, auto); grid-template-columns: var(--page-grid-item-details-grid-template-columns, auto); max-width: var(--page-grid-item-details-max-width, auto); max-height: var(--page-grid-item-details-max-height, auto); margin: var(--page-grid-item-details-margin, auto); border-radius: var(--page-grid-item-details-border-radius, auto); font-style: var(--page-grid-item-details-font-style, auto); margin-top: var(--page-grid-item-details-margin-top, auto); margin-bottom: var(--page-grid-item-details-margin-bottom, auto); margin-left: var(--page-grid-item-details-margin-left, auto); margin-right: var(--page-grid-item-details-margin-right, auto); align-items: var(--page-grid-item-details-align-items, auto); justify-content: var(--page-grid-item-details-justify-content, auto); align-self: var(--page-grid-item-details-align-self, auto); justify-self: var(--page-grid-item-details-justify-self, auto); grid-gap: var(--page-grid-item-details-grid-gap, auto); flex-direction: var(--page-grid-item-details-flex-direction, unset); outline-width: var(--page-grid-item-details-outline-width, auto); outline-color: var(--page-grid-item-details-outline-color, auto); outline-style: var(--page-grid-item-details-outline-style, none); border-width: var(--page-grid-item-details-border-width, auto); border-color: var(--page-grid-item-details-border-color, auto); font-family: var(--page-grid-item-details-font-family, auto); border-style: var(--page-grid-item-details-border-style, auto); box-shadow: var(--page-grid-item-details-box-shadow, auto); line-height: 1; } .template-page--root .grid-item .image, .template-page--root .grid-item .image > p { background-color: var(--page-grid-item-image-background-color, auto); background-image: var(--page-grid-item-image-background-image, auto); background-position: var(--page-grid-item-image-background-position, auto); background-repeat: var(--page-grid-item-image-background-repeat, auto); background-size: var(--page-grid-item-image-background-size, auto); font-size: var(--page-grid-item-image-font-size, auto); font-weight: var(--page-grid-item-image-font-weight, auto); padding-top: var(--page-grid-item-image-padding-top, auto); padding-bottom: var(--page-grid-item-image-padding-bottom, auto); padding-left: var(--page-grid-item-image-padding-left, auto); padding-right: var(--page-grid-item-image-padding-right, auto); text-align: var(--page-grid-item-image-text-align, auto); color: var(--page-grid-item-image-color, auto); height: var(--page-grid-item-image-height, auto); width: var(--page-grid-item-image-width, auto); grid-template-columns: var(--page-grid-item-image-grid-template-columns, auto); max-width: var(--page-grid-item-image-max-width, auto); max-height: var(--page-grid-item-image-max-height, auto); margin: var(--page-grid-item-image-margin, auto); border-radius: var(--page-grid-item-image-border-radius, auto); font-style: var(--page-grid-item-image-font-style, auto); margin-top: var(--page-grid-item-image-margin-top, auto); margin-bottom: var(--page-grid-item-image-margin-bottom, auto); margin-left: var(--page-grid-item-image-margin-left, auto); margin-right: var(--page-grid-item-image-margin-right, auto); align-items: var(--page-grid-item-image-align-items, auto); justify-content: var(--page-grid-item-image-justify-content, auto); align-self: var(--page-grid-item-image-align-self, auto); justify-self: var(--page-grid-item-image-justify-self, auto); grid-gap: var(--page-grid-item-image-grid-gap, auto); flex-direction: var(--page-grid-item-image-flex-direction, unset); outline-width: var(--page-grid-item-image-outline-width, auto); outline-color: var(--page-grid-item-image-outline-color, auto); outline-style: var(--page-grid-item-image-outline-style, none); border-width: var(--page-grid-item-image-border-width, auto); border-color: var(--page-grid-item-image-border-color, auto); font-family: var(--page-grid-item-image-font-family, auto); border-style: var(--page-grid-item-image-border-style, auto); box-shadow: var(--page-grid-item-image-box-shadow, auto); line-height: 1; } .template-page--root .grid-item .image-caption, .template-page--root .grid-item .image-caption > p { background-color: var(--page-grid-item-image-caption-background-color, auto); background-image: var(--page-grid-item-image-caption-background-image, auto); background-position: var(--page-grid-item-image-caption-background-position, auto); background-repeat: var(--page-grid-item-image-caption-background-repeat, auto); background-size: var(--page-grid-item-image-caption-background-size, auto); font-size: var(--page-grid-item-image-caption-font-size, auto); font-weight: var(--page-grid-item-image-caption-font-weight, auto); padding-top: var(--page-grid-item-image-caption-padding-top, auto); padding-bottom: var(--page-grid-item-image-caption-padding-bottom, auto); padding-left: var(--page-grid-item-image-caption-padding-left, auto); padding-right: var(--page-grid-item-image-caption-padding-right, auto); text-align: var(--page-grid-item-image-caption-text-align, auto); color: var(--page-grid-item-image-caption-color, auto); height: var(--page-grid-item-image-caption-height, auto); width: var(--page-grid-item-image-caption-width, auto); grid-template-columns: var(--page-grid-item-image-caption-grid-template-columns, auto); max-width: var(--page-grid-item-image-caption-max-width, auto); max-height: var(--page-grid-item-image-caption-max-height, auto); margin: var(--page-grid-item-image-caption-margin, auto); border-radius: var(--page-grid-item-image-caption-border-radius, auto); font-style: var(--page-grid-item-image-caption-font-style, auto); margin-top: var(--page-grid-item-image-caption-margin-top, auto); margin-bottom: var(--page-grid-item-image-caption-margin-bottom, auto); margin-left: var(--page-grid-item-image-caption-margin-left, auto); margin-right: var(--page-grid-item-image-caption-margin-right, auto); align-items: var(--page-grid-item-image-caption-align-items, auto); justify-content: var(--page-grid-item-image-caption-justify-content, auto); align-self: var(--page-grid-item-image-caption-align-self, auto); justify-self: var(--page-grid-item-image-caption-justify-self, auto); grid-gap: var(--page-grid-item-image-caption-grid-gap, auto); flex-direction: var(--page-grid-item-image-caption-flex-direction, unset); outline-width: var(--page-grid-item-image-caption-outline-width, auto); outline-color: var(--page-grid-item-image-caption-outline-color, auto); outline-style: var(--page-grid-item-image-caption-outline-style, none); border-width: var(--page-grid-item-image-caption-border-width, auto); border-color: var(--page-grid-item-image-caption-border-color, auto); font-family: var(--page-grid-item-image-caption-font-family, auto); border-style: var(--page-grid-item-image-caption-border-style, auto); box-shadow: var(--page-grid-item-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .grid-item .button, .template-page--root .grid-item .button > p { background-color: var(--page-grid-item-button-background-color, auto); background-image: var(--page-grid-item-button-background-image, auto); background-position: var(--page-grid-item-button-background-position, auto); background-repeat: var(--page-grid-item-button-background-repeat, auto); background-size: var(--page-grid-item-button-background-size, auto); font-size: var(--page-grid-item-button-font-size, auto); font-weight: var(--page-grid-item-button-font-weight, auto); padding-top: var(--page-grid-item-button-padding-top, auto); padding-bottom: var(--page-grid-item-button-padding-bottom, auto); padding-left: var(--page-grid-item-button-padding-left, auto); padding-right: var(--page-grid-item-button-padding-right, auto); text-align: var(--page-grid-item-button-text-align, auto); color: var(--page-grid-item-button-color, auto); height: var(--page-grid-item-button-height, auto); width: var(--page-grid-item-button-width, auto); grid-template-columns: var(--page-grid-item-button-grid-template-columns, auto); max-width: var(--page-grid-item-button-max-width, auto); max-height: var(--page-grid-item-button-max-height, auto); margin: var(--page-grid-item-button-margin, auto); border-radius: var(--page-grid-item-button-border-radius, auto); font-style: var(--page-grid-item-button-font-style, auto); margin-top: var(--page-grid-item-button-margin-top, auto); margin-bottom: var(--page-grid-item-button-margin-bottom, auto); margin-left: var(--page-grid-item-button-margin-left, auto); margin-right: var(--page-grid-item-button-margin-right, auto); align-items: var(--page-grid-item-button-align-items, auto); justify-content: var(--page-grid-item-button-justify-content, auto); align-self: var(--page-grid-item-button-align-self, auto); justify-self: var(--page-grid-item-button-justify-self, auto); grid-gap: var(--page-grid-item-button-grid-gap, auto); flex-direction: var(--page-grid-item-button-flex-direction, unset); outline-width: var(--page-grid-item-button-outline-width, auto); outline-color: var(--page-grid-item-button-outline-color, auto); outline-style: var(--page-grid-item-button-outline-style, none); border-width: var(--page-grid-item-button-border-width, auto); border-color: var(--page-grid-item-button-border-color, auto); font-family: var(--page-grid-item-button-font-family, auto); border-style: var(--page-grid-item-button-border-style, auto); box-shadow: var(--page-grid-item-button-box-shadow, auto); line-height: 1; } .template-page--root .grid-item .newsletter-info, .template-page--root .grid-item .newsletter-info > p { background-color: var(--page-grid-item-newsletter-info-background-color, auto); background-image: var(--page-grid-item-newsletter-info-background-image, auto); background-position: var(--page-grid-item-newsletter-info-background-position, auto); background-repeat: var(--page-grid-item-newsletter-info-background-repeat, auto); background-size: var(--page-grid-item-newsletter-info-background-size, auto); font-size: var(--page-grid-item-newsletter-info-font-size, auto); font-weight: var(--page-grid-item-newsletter-info-font-weight, auto); padding-top: var(--page-grid-item-newsletter-info-padding-top, auto); padding-bottom: var(--page-grid-item-newsletter-info-padding-bottom, auto); padding-left: var(--page-grid-item-newsletter-info-padding-left, auto); padding-right: var(--page-grid-item-newsletter-info-padding-right, auto); text-align: var(--page-grid-item-newsletter-info-text-align, auto); color: var(--page-grid-item-newsletter-info-color, auto); height: var(--page-grid-item-newsletter-info-height, auto); width: var(--page-grid-item-newsletter-info-width, auto); grid-template-columns: var(--page-grid-item-newsletter-info-grid-template-columns, auto); max-width: var(--page-grid-item-newsletter-info-max-width, auto); max-height: var(--page-grid-item-newsletter-info-max-height, auto); margin: var(--page-grid-item-newsletter-info-margin, auto); border-radius: var(--page-grid-item-newsletter-info-border-radius, auto); font-style: var(--page-grid-item-newsletter-info-font-style, auto); margin-top: var(--page-grid-item-newsletter-info-margin-top, auto); margin-bottom: var(--page-grid-item-newsletter-info-margin-bottom, auto); margin-left: var(--page-grid-item-newsletter-info-margin-left, auto); margin-right: var(--page-grid-item-newsletter-info-margin-right, auto); align-items: var(--page-grid-item-newsletter-info-align-items, auto); justify-content: var(--page-grid-item-newsletter-info-justify-content, auto); align-self: var(--page-grid-item-newsletter-info-align-self, auto); justify-self: var(--page-grid-item-newsletter-info-justify-self, auto); grid-gap: var(--page-grid-item-newsletter-info-grid-gap, auto); flex-direction: var(--page-grid-item-newsletter-info-flex-direction, unset); outline-width: var(--page-grid-item-newsletter-info-outline-width, auto); outline-color: var(--page-grid-item-newsletter-info-outline-color, auto); outline-style: var(--page-grid-item-newsletter-info-outline-style, none); border-width: var(--page-grid-item-newsletter-info-border-width, auto); border-color: var(--page-grid-item-newsletter-info-border-color, auto); font-family: var(--page-grid-item-newsletter-info-font-family, auto); border-style: var(--page-grid-item-newsletter-info-border-style, auto); box-shadow: var(--page-grid-item-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .section { background-color: var(--page-section-background-color, auto); background-image: var(--page-section-background-image, auto); background-position: var(--page-section-background-position, auto); background-repeat: var(--page-section-background-repeat, auto); background-size: var(--page-section-background-size, auto); font-size: var(--page-section-font-size, auto); font-weight: var(--page-section-font-weight, auto); padding-top: var(--page-section-padding-top, auto); padding-bottom: var(--page-section-padding-bottom, auto); padding-left: var(--page-section-padding-left, auto); padding-right: var(--page-section-padding-right, auto); text-align: var(--page-section-text-align, auto); color: var(--page-section-color, auto); height: var(--page-section-height, auto); width: var(--page-section-width, auto); grid-template-columns: var(--page-section-grid-template-columns, auto); max-width: var(--page-section-max-width, auto); max-height: var(--page-section-max-height, auto); margin: var(--page-section-margin, auto); border-radius: var(--page-section-border-radius, auto); font-style: var(--page-section-font-style, auto); margin-top: var(--page-section-margin-top, auto); margin-bottom: var(--page-section-margin-bottom, auto); margin-left: var(--page-section-margin-left, auto); margin-right: var(--page-section-margin-right, auto); align-items: var(--page-section-align-items, auto); justify-content: var(--page-section-justify-content, auto); align-self: var(--page-section-align-self, auto); justify-self: var(--page-section-justify-self, auto); grid-gap: var(--page-section-grid-gap, auto); flex-direction: var(--page-section-flex-direction, unset); outline-width: var(--page-section-outline-width, auto); outline-color: var(--page-section-outline-color, auto); outline-style: var(--page-section-outline-style, none); border-width: var(--page-section-border-width, auto); border-color: var(--page-section-border-color, auto); font-family: var(--page-section-font-family, auto); border-style: var(--page-section-border-style, auto); box-shadow: var(--page-section-box-shadow, auto); } .template-page--root .section .title, .template-page--root .section .title > p { background-color: var(--page-section-title-background-color, auto); background-image: var(--page-section-title-background-image, auto); background-position: var(--page-section-title-background-position, auto); background-repeat: var(--page-section-title-background-repeat, auto); background-size: var(--page-section-title-background-size, auto); font-size: var(--page-section-title-font-size, auto); font-weight: var(--page-section-title-font-weight, auto); padding-top: var(--page-section-title-padding-top, auto); padding-bottom: var(--page-section-title-padding-bottom, auto); padding-left: var(--page-section-title-padding-left, auto); padding-right: var(--page-section-title-padding-right, auto); text-align: var(--page-section-title-text-align, auto); color: var(--page-section-title-color, auto); height: var(--page-section-title-height, auto); width: var(--page-section-title-width, auto); grid-template-columns: var(--page-section-title-grid-template-columns, auto); max-width: var(--page-section-title-max-width, auto); max-height: var(--page-section-title-max-height, auto); margin: var(--page-section-title-margin, auto); border-radius: var(--page-section-title-border-radius, auto); font-style: var(--page-section-title-font-style, auto); margin-top: var(--page-section-title-margin-top, auto); margin-bottom: var(--page-section-title-margin-bottom, auto); margin-left: var(--page-section-title-margin-left, auto); margin-right: var(--page-section-title-margin-right, auto); align-items: var(--page-section-title-align-items, auto); justify-content: var(--page-section-title-justify-content, auto); align-self: var(--page-section-title-align-self, auto); justify-self: var(--page-section-title-justify-self, auto); grid-gap: var(--page-section-title-grid-gap, auto); flex-direction: var(--page-section-title-flex-direction, unset); outline-width: var(--page-section-title-outline-width, auto); outline-color: var(--page-section-title-outline-color, auto); outline-style: var(--page-section-title-outline-style, none); border-width: var(--page-section-title-border-width, auto); border-color: var(--page-section-title-border-color, auto); font-family: var(--page-section-title-font-family, auto); border-style: var(--page-section-title-border-style, auto); box-shadow: var(--page-section-title-box-shadow, auto); line-height: 1; } .template-page--root .section .content, .template-page--root .section .content > p { background-color: var(--page-section-content-background-color, auto); background-image: var(--page-section-content-background-image, auto); background-position: var(--page-section-content-background-position, auto); background-repeat: var(--page-section-content-background-repeat, auto); background-size: var(--page-section-content-background-size, auto); font-size: var(--page-section-content-font-size, auto); font-weight: var(--page-section-content-font-weight, auto); padding-top: var(--page-section-content-padding-top, auto); padding-bottom: var(--page-section-content-padding-bottom, auto); padding-left: var(--page-section-content-padding-left, auto); padding-right: var(--page-section-content-padding-right, auto); text-align: var(--page-section-content-text-align, auto); color: var(--page-section-content-color, auto); height: var(--page-section-content-height, auto); width: var(--page-section-content-width, auto); grid-template-columns: var(--page-section-content-grid-template-columns, auto); max-width: var(--page-section-content-max-width, auto); max-height: var(--page-section-content-max-height, auto); margin: var(--page-section-content-margin, auto); border-radius: var(--page-section-content-border-radius, auto); font-style: var(--page-section-content-font-style, auto); margin-top: var(--page-section-content-margin-top, auto); margin-bottom: var(--page-section-content-margin-bottom, auto); margin-left: var(--page-section-content-margin-left, auto); margin-right: var(--page-section-content-margin-right, auto); align-items: var(--page-section-content-align-items, auto); justify-content: var(--page-section-content-justify-content, auto); align-self: var(--page-section-content-align-self, auto); justify-self: var(--page-section-content-justify-self, auto); grid-gap: var(--page-section-content-grid-gap, auto); flex-direction: var(--page-section-content-flex-direction, unset); outline-width: var(--page-section-content-outline-width, auto); outline-color: var(--page-section-content-outline-color, auto); outline-style: var(--page-section-content-outline-style, none); border-width: var(--page-section-content-border-width, auto); border-color: var(--page-section-content-border-color, auto); font-family: var(--page-section-content-font-family, auto); border-style: var(--page-section-content-border-style, auto); box-shadow: var(--page-section-content-box-shadow, auto); line-height: 1; } .template-page--root .section .details, .template-page--root .section .details > p { background-color: var(--page-section-details-background-color, auto); background-image: var(--page-section-details-background-image, auto); background-position: var(--page-section-details-background-position, auto); background-repeat: var(--page-section-details-background-repeat, auto); background-size: var(--page-section-details-background-size, auto); font-size: var(--page-section-details-font-size, auto); font-weight: var(--page-section-details-font-weight, auto); padding-top: var(--page-section-details-padding-top, auto); padding-bottom: var(--page-section-details-padding-bottom, auto); padding-left: var(--page-section-details-padding-left, auto); padding-right: var(--page-section-details-padding-right, auto); text-align: var(--page-section-details-text-align, auto); color: var(--page-section-details-color, auto); height: var(--page-section-details-height, auto); width: var(--page-section-details-width, auto); grid-template-columns: var(--page-section-details-grid-template-columns, auto); max-width: var(--page-section-details-max-width, auto); max-height: var(--page-section-details-max-height, auto); margin: var(--page-section-details-margin, auto); border-radius: var(--page-section-details-border-radius, auto); font-style: var(--page-section-details-font-style, auto); margin-top: var(--page-section-details-margin-top, auto); margin-bottom: var(--page-section-details-margin-bottom, auto); margin-left: var(--page-section-details-margin-left, auto); margin-right: var(--page-section-details-margin-right, auto); align-items: var(--page-section-details-align-items, auto); justify-content: var(--page-section-details-justify-content, auto); align-self: var(--page-section-details-align-self, auto); justify-self: var(--page-section-details-justify-self, auto); grid-gap: var(--page-section-details-grid-gap, auto); flex-direction: var(--page-section-details-flex-direction, unset); outline-width: var(--page-section-details-outline-width, auto); outline-color: var(--page-section-details-outline-color, auto); outline-style: var(--page-section-details-outline-style, none); border-width: var(--page-section-details-border-width, auto); border-color: var(--page-section-details-border-color, auto); font-family: var(--page-section-details-font-family, auto); border-style: var(--page-section-details-border-style, auto); box-shadow: var(--page-section-details-box-shadow, auto); line-height: 1; } .template-page--root .section .image, .template-page--root .section .image > p { background-color: var(--page-section-image-background-color, auto); background-image: var(--page-section-image-background-image, auto); background-position: var(--page-section-image-background-position, auto); background-repeat: var(--page-section-image-background-repeat, auto); background-size: var(--page-section-image-background-size, auto); font-size: var(--page-section-image-font-size, auto); font-weight: var(--page-section-image-font-weight, auto); padding-top: var(--page-section-image-padding-top, auto); padding-bottom: var(--page-section-image-padding-bottom, auto); padding-left: var(--page-section-image-padding-left, auto); padding-right: var(--page-section-image-padding-right, auto); text-align: var(--page-section-image-text-align, auto); color: var(--page-section-image-color, auto); height: var(--page-section-image-height, auto); width: var(--page-section-image-width, auto); grid-template-columns: var(--page-section-image-grid-template-columns, auto); max-width: var(--page-section-image-max-width, auto); max-height: var(--page-section-image-max-height, auto); margin: var(--page-section-image-margin, auto); border-radius: var(--page-section-image-border-radius, auto); font-style: var(--page-section-image-font-style, auto); margin-top: var(--page-section-image-margin-top, auto); margin-bottom: var(--page-section-image-margin-bottom, auto); margin-left: var(--page-section-image-margin-left, auto); margin-right: var(--page-section-image-margin-right, auto); align-items: var(--page-section-image-align-items, auto); justify-content: var(--page-section-image-justify-content, auto); align-self: var(--page-section-image-align-self, auto); justify-self: var(--page-section-image-justify-self, auto); grid-gap: var(--page-section-image-grid-gap, auto); flex-direction: var(--page-section-image-flex-direction, unset); outline-width: var(--page-section-image-outline-width, auto); outline-color: var(--page-section-image-outline-color, auto); outline-style: var(--page-section-image-outline-style, none); border-width: var(--page-section-image-border-width, auto); border-color: var(--page-section-image-border-color, auto); font-family: var(--page-section-image-font-family, auto); border-style: var(--page-section-image-border-style, auto); box-shadow: var(--page-section-image-box-shadow, auto); line-height: 1; } .template-page--root .section .image-caption, .template-page--root .section .image-caption > p { background-color: var(--page-section-image-caption-background-color, auto); background-image: var(--page-section-image-caption-background-image, auto); background-position: var(--page-section-image-caption-background-position, auto); background-repeat: var(--page-section-image-caption-background-repeat, auto); background-size: var(--page-section-image-caption-background-size, auto); font-size: var(--page-section-image-caption-font-size, auto); font-weight: var(--page-section-image-caption-font-weight, auto); padding-top: var(--page-section-image-caption-padding-top, auto); padding-bottom: var(--page-section-image-caption-padding-bottom, auto); padding-left: var(--page-section-image-caption-padding-left, auto); padding-right: var(--page-section-image-caption-padding-right, auto); text-align: var(--page-section-image-caption-text-align, auto); color: var(--page-section-image-caption-color, auto); height: var(--page-section-image-caption-height, auto); width: var(--page-section-image-caption-width, auto); grid-template-columns: var(--page-section-image-caption-grid-template-columns, auto); max-width: var(--page-section-image-caption-max-width, auto); max-height: var(--page-section-image-caption-max-height, auto); margin: var(--page-section-image-caption-margin, auto); border-radius: var(--page-section-image-caption-border-radius, auto); font-style: var(--page-section-image-caption-font-style, auto); margin-top: var(--page-section-image-caption-margin-top, auto); margin-bottom: var(--page-section-image-caption-margin-bottom, auto); margin-left: var(--page-section-image-caption-margin-left, auto); margin-right: var(--page-section-image-caption-margin-right, auto); align-items: var(--page-section-image-caption-align-items, auto); justify-content: var(--page-section-image-caption-justify-content, auto); align-self: var(--page-section-image-caption-align-self, auto); justify-self: var(--page-section-image-caption-justify-self, auto); grid-gap: var(--page-section-image-caption-grid-gap, auto); flex-direction: var(--page-section-image-caption-flex-direction, unset); outline-width: var(--page-section-image-caption-outline-width, auto); outline-color: var(--page-section-image-caption-outline-color, auto); outline-style: var(--page-section-image-caption-outline-style, none); border-width: var(--page-section-image-caption-border-width, auto); border-color: var(--page-section-image-caption-border-color, auto); font-family: var(--page-section-image-caption-font-family, auto); border-style: var(--page-section-image-caption-border-style, auto); box-shadow: var(--page-section-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .section .button, .template-page--root .section .button > p { background-color: var(--page-section-button-background-color, auto); background-image: var(--page-section-button-background-image, auto); background-position: var(--page-section-button-background-position, auto); background-repeat: var(--page-section-button-background-repeat, auto); background-size: var(--page-section-button-background-size, auto); font-size: var(--page-section-button-font-size, auto); font-weight: var(--page-section-button-font-weight, auto); padding-top: var(--page-section-button-padding-top, auto); padding-bottom: var(--page-section-button-padding-bottom, auto); padding-left: var(--page-section-button-padding-left, auto); padding-right: var(--page-section-button-padding-right, auto); text-align: var(--page-section-button-text-align, auto); color: var(--page-section-button-color, auto); height: var(--page-section-button-height, auto); width: var(--page-section-button-width, auto); grid-template-columns: var(--page-section-button-grid-template-columns, auto); max-width: var(--page-section-button-max-width, auto); max-height: var(--page-section-button-max-height, auto); margin: var(--page-section-button-margin, auto); border-radius: var(--page-section-button-border-radius, auto); font-style: var(--page-section-button-font-style, auto); margin-top: var(--page-section-button-margin-top, auto); margin-bottom: var(--page-section-button-margin-bottom, auto); margin-left: var(--page-section-button-margin-left, auto); margin-right: var(--page-section-button-margin-right, auto); align-items: var(--page-section-button-align-items, auto); justify-content: var(--page-section-button-justify-content, auto); align-self: var(--page-section-button-align-self, auto); justify-self: var(--page-section-button-justify-self, auto); grid-gap: var(--page-section-button-grid-gap, auto); flex-direction: var(--page-section-button-flex-direction, unset); outline-width: var(--page-section-button-outline-width, auto); outline-color: var(--page-section-button-outline-color, auto); outline-style: var(--page-section-button-outline-style, none); border-width: var(--page-section-button-border-width, auto); border-color: var(--page-section-button-border-color, auto); font-family: var(--page-section-button-font-family, auto); border-style: var(--page-section-button-border-style, auto); box-shadow: var(--page-section-button-box-shadow, auto); line-height: 1; } .template-page--root .section .newsletter-info, .template-page--root .section .newsletter-info > p { background-color: var(--page-section-newsletter-info-background-color, auto); background-image: var(--page-section-newsletter-info-background-image, auto); background-position: var(--page-section-newsletter-info-background-position, auto); background-repeat: var(--page-section-newsletter-info-background-repeat, auto); background-size: var(--page-section-newsletter-info-background-size, auto); font-size: var(--page-section-newsletter-info-font-size, auto); font-weight: var(--page-section-newsletter-info-font-weight, auto); padding-top: var(--page-section-newsletter-info-padding-top, auto); padding-bottom: var(--page-section-newsletter-info-padding-bottom, auto); padding-left: var(--page-section-newsletter-info-padding-left, auto); padding-right: var(--page-section-newsletter-info-padding-right, auto); text-align: var(--page-section-newsletter-info-text-align, auto); color: var(--page-section-newsletter-info-color, auto); height: var(--page-section-newsletter-info-height, auto); width: var(--page-section-newsletter-info-width, auto); grid-template-columns: var(--page-section-newsletter-info-grid-template-columns, auto); max-width: var(--page-section-newsletter-info-max-width, auto); max-height: var(--page-section-newsletter-info-max-height, auto); margin: var(--page-section-newsletter-info-margin, auto); border-radius: var(--page-section-newsletter-info-border-radius, auto); font-style: var(--page-section-newsletter-info-font-style, auto); margin-top: var(--page-section-newsletter-info-margin-top, auto); margin-bottom: var(--page-section-newsletter-info-margin-bottom, auto); margin-left: var(--page-section-newsletter-info-margin-left, auto); margin-right: var(--page-section-newsletter-info-margin-right, auto); align-items: var(--page-section-newsletter-info-align-items, auto); justify-content: var(--page-section-newsletter-info-justify-content, auto); align-self: var(--page-section-newsletter-info-align-self, auto); justify-self: var(--page-section-newsletter-info-justify-self, auto); grid-gap: var(--page-section-newsletter-info-grid-gap, auto); flex-direction: var(--page-section-newsletter-info-flex-direction, unset); outline-width: var(--page-section-newsletter-info-outline-width, auto); outline-color: var(--page-section-newsletter-info-outline-color, auto); outline-style: var(--page-section-newsletter-info-outline-style, none); border-width: var(--page-section-newsletter-info-border-width, auto); border-color: var(--page-section-newsletter-info-border-color, auto); font-family: var(--page-section-newsletter-info-font-family, auto); border-style: var(--page-section-newsletter-info-border-style, auto); box-shadow: var(--page-section-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .carousel { background-color: var(--page-carousel-background-color, auto); background-image: var(--page-carousel-background-image, auto); background-position: var(--page-carousel-background-position, auto); background-repeat: var(--page-carousel-background-repeat, auto); background-size: var(--page-carousel-background-size, auto); font-size: var(--page-carousel-font-size, auto); font-weight: var(--page-carousel-font-weight, auto); padding-top: var(--page-carousel-padding-top, auto); padding-bottom: var(--page-carousel-padding-bottom, auto); padding-left: var(--page-carousel-padding-left, auto); padding-right: var(--page-carousel-padding-right, auto); text-align: var(--page-carousel-text-align, auto); color: var(--page-carousel-color, auto); height: var(--page-carousel-height, auto); width: var(--page-carousel-width, auto); grid-template-columns: var(--page-carousel-grid-template-columns, auto); max-width: var(--page-carousel-max-width, auto); max-height: var(--page-carousel-max-height, auto); margin: var(--page-carousel-margin, auto); border-radius: var(--page-carousel-border-radius, auto); font-style: var(--page-carousel-font-style, auto); margin-top: var(--page-carousel-margin-top, auto); margin-bottom: var(--page-carousel-margin-bottom, auto); margin-left: var(--page-carousel-margin-left, auto); margin-right: var(--page-carousel-margin-right, auto); align-items: var(--page-carousel-align-items, auto); justify-content: var(--page-carousel-justify-content, auto); align-self: var(--page-carousel-align-self, auto); justify-self: var(--page-carousel-justify-self, auto); grid-gap: var(--page-carousel-grid-gap, auto); flex-direction: var(--page-carousel-flex-direction, unset); outline-width: var(--page-carousel-outline-width, auto); outline-color: var(--page-carousel-outline-color, auto); outline-style: var(--page-carousel-outline-style, none); border-width: var(--page-carousel-border-width, auto); border-color: var(--page-carousel-border-color, auto); font-family: var(--page-carousel-font-family, auto); border-style: var(--page-carousel-border-style, auto); box-shadow: var(--page-carousel-box-shadow, auto); } .template-page--root .carousel .title, .template-page--root .carousel .title > p { background-color: var(--page-carousel-title-background-color, auto); background-image: var(--page-carousel-title-background-image, auto); background-position: var(--page-carousel-title-background-position, auto); background-repeat: var(--page-carousel-title-background-repeat, auto); background-size: var(--page-carousel-title-background-size, auto); font-size: var(--page-carousel-title-font-size, auto); font-weight: var(--page-carousel-title-font-weight, auto); padding-top: var(--page-carousel-title-padding-top, auto); padding-bottom: var(--page-carousel-title-padding-bottom, auto); padding-left: var(--page-carousel-title-padding-left, auto); padding-right: var(--page-carousel-title-padding-right, auto); text-align: var(--page-carousel-title-text-align, auto); color: var(--page-carousel-title-color, auto); height: var(--page-carousel-title-height, auto); width: var(--page-carousel-title-width, auto); grid-template-columns: var(--page-carousel-title-grid-template-columns, auto); max-width: var(--page-carousel-title-max-width, auto); max-height: var(--page-carousel-title-max-height, auto); margin: var(--page-carousel-title-margin, auto); border-radius: var(--page-carousel-title-border-radius, auto); font-style: var(--page-carousel-title-font-style, auto); margin-top: var(--page-carousel-title-margin-top, auto); margin-bottom: var(--page-carousel-title-margin-bottom, auto); margin-left: var(--page-carousel-title-margin-left, auto); margin-right: var(--page-carousel-title-margin-right, auto); align-items: var(--page-carousel-title-align-items, auto); justify-content: var(--page-carousel-title-justify-content, auto); align-self: var(--page-carousel-title-align-self, auto); justify-self: var(--page-carousel-title-justify-self, auto); grid-gap: var(--page-carousel-title-grid-gap, auto); flex-direction: var(--page-carousel-title-flex-direction, unset); outline-width: var(--page-carousel-title-outline-width, auto); outline-color: var(--page-carousel-title-outline-color, auto); outline-style: var(--page-carousel-title-outline-style, none); border-width: var(--page-carousel-title-border-width, auto); border-color: var(--page-carousel-title-border-color, auto); font-family: var(--page-carousel-title-font-family, auto); border-style: var(--page-carousel-title-border-style, auto); box-shadow: var(--page-carousel-title-box-shadow, auto); line-height: 1; } .template-page--root .carousel .content, .template-page--root .carousel .content > p { background-color: var(--page-carousel-content-background-color, auto); background-image: var(--page-carousel-content-background-image, auto); background-position: var(--page-carousel-content-background-position, auto); background-repeat: var(--page-carousel-content-background-repeat, auto); background-size: var(--page-carousel-content-background-size, auto); font-size: var(--page-carousel-content-font-size, auto); font-weight: var(--page-carousel-content-font-weight, auto); padding-top: var(--page-carousel-content-padding-top, auto); padding-bottom: var(--page-carousel-content-padding-bottom, auto); padding-left: var(--page-carousel-content-padding-left, auto); padding-right: var(--page-carousel-content-padding-right, auto); text-align: var(--page-carousel-content-text-align, auto); color: var(--page-carousel-content-color, auto); height: var(--page-carousel-content-height, auto); width: var(--page-carousel-content-width, auto); grid-template-columns: var(--page-carousel-content-grid-template-columns, auto); max-width: var(--page-carousel-content-max-width, auto); max-height: var(--page-carousel-content-max-height, auto); margin: var(--page-carousel-content-margin, auto); border-radius: var(--page-carousel-content-border-radius, auto); font-style: var(--page-carousel-content-font-style, auto); margin-top: var(--page-carousel-content-margin-top, auto); margin-bottom: var(--page-carousel-content-margin-bottom, auto); margin-left: var(--page-carousel-content-margin-left, auto); margin-right: var(--page-carousel-content-margin-right, auto); align-items: var(--page-carousel-content-align-items, auto); justify-content: var(--page-carousel-content-justify-content, auto); align-self: var(--page-carousel-content-align-self, auto); justify-self: var(--page-carousel-content-justify-self, auto); grid-gap: var(--page-carousel-content-grid-gap, auto); flex-direction: var(--page-carousel-content-flex-direction, unset); outline-width: var(--page-carousel-content-outline-width, auto); outline-color: var(--page-carousel-content-outline-color, auto); outline-style: var(--page-carousel-content-outline-style, none); border-width: var(--page-carousel-content-border-width, auto); border-color: var(--page-carousel-content-border-color, auto); font-family: var(--page-carousel-content-font-family, auto); border-style: var(--page-carousel-content-border-style, auto); box-shadow: var(--page-carousel-content-box-shadow, auto); line-height: 1; } .template-page--root .carousel .details, .template-page--root .carousel .details > p { background-color: var(--page-carousel-details-background-color, auto); background-image: var(--page-carousel-details-background-image, auto); background-position: var(--page-carousel-details-background-position, auto); background-repeat: var(--page-carousel-details-background-repeat, auto); background-size: var(--page-carousel-details-background-size, auto); font-size: var(--page-carousel-details-font-size, auto); font-weight: var(--page-carousel-details-font-weight, auto); padding-top: var(--page-carousel-details-padding-top, auto); padding-bottom: var(--page-carousel-details-padding-bottom, auto); padding-left: var(--page-carousel-details-padding-left, auto); padding-right: var(--page-carousel-details-padding-right, auto); text-align: var(--page-carousel-details-text-align, auto); color: var(--page-carousel-details-color, auto); height: var(--page-carousel-details-height, auto); width: var(--page-carousel-details-width, auto); grid-template-columns: var(--page-carousel-details-grid-template-columns, auto); max-width: var(--page-carousel-details-max-width, auto); max-height: var(--page-carousel-details-max-height, auto); margin: var(--page-carousel-details-margin, auto); border-radius: var(--page-carousel-details-border-radius, auto); font-style: var(--page-carousel-details-font-style, auto); margin-top: var(--page-carousel-details-margin-top, auto); margin-bottom: var(--page-carousel-details-margin-bottom, auto); margin-left: var(--page-carousel-details-margin-left, auto); margin-right: var(--page-carousel-details-margin-right, auto); align-items: var(--page-carousel-details-align-items, auto); justify-content: var(--page-carousel-details-justify-content, auto); align-self: var(--page-carousel-details-align-self, auto); justify-self: var(--page-carousel-details-justify-self, auto); grid-gap: var(--page-carousel-details-grid-gap, auto); flex-direction: var(--page-carousel-details-flex-direction, unset); outline-width: var(--page-carousel-details-outline-width, auto); outline-color: var(--page-carousel-details-outline-color, auto); outline-style: var(--page-carousel-details-outline-style, none); border-width: var(--page-carousel-details-border-width, auto); border-color: var(--page-carousel-details-border-color, auto); font-family: var(--page-carousel-details-font-family, auto); border-style: var(--page-carousel-details-border-style, auto); box-shadow: var(--page-carousel-details-box-shadow, auto); line-height: 1; } .template-page--root .carousel .image, .template-page--root .carousel .image > p { background-color: var(--page-carousel-image-background-color, auto); background-image: var(--page-carousel-image-background-image, auto); background-position: var(--page-carousel-image-background-position, auto); background-repeat: var(--page-carousel-image-background-repeat, auto); background-size: var(--page-carousel-image-background-size, auto); font-size: var(--page-carousel-image-font-size, auto); font-weight: var(--page-carousel-image-font-weight, auto); padding-top: var(--page-carousel-image-padding-top, auto); padding-bottom: var(--page-carousel-image-padding-bottom, auto); padding-left: var(--page-carousel-image-padding-left, auto); padding-right: var(--page-carousel-image-padding-right, auto); text-align: var(--page-carousel-image-text-align, auto); color: var(--page-carousel-image-color, auto); height: var(--page-carousel-image-height, auto); width: var(--page-carousel-image-width, auto); grid-template-columns: var(--page-carousel-image-grid-template-columns, auto); max-width: var(--page-carousel-image-max-width, auto); max-height: var(--page-carousel-image-max-height, auto); margin: var(--page-carousel-image-margin, auto); border-radius: var(--page-carousel-image-border-radius, auto); font-style: var(--page-carousel-image-font-style, auto); margin-top: var(--page-carousel-image-margin-top, auto); margin-bottom: var(--page-carousel-image-margin-bottom, auto); margin-left: var(--page-carousel-image-margin-left, auto); margin-right: var(--page-carousel-image-margin-right, auto); align-items: var(--page-carousel-image-align-items, auto); justify-content: var(--page-carousel-image-justify-content, auto); align-self: var(--page-carousel-image-align-self, auto); justify-self: var(--page-carousel-image-justify-self, auto); grid-gap: var(--page-carousel-image-grid-gap, auto); flex-direction: var(--page-carousel-image-flex-direction, unset); outline-width: var(--page-carousel-image-outline-width, auto); outline-color: var(--page-carousel-image-outline-color, auto); outline-style: var(--page-carousel-image-outline-style, none); border-width: var(--page-carousel-image-border-width, auto); border-color: var(--page-carousel-image-border-color, auto); font-family: var(--page-carousel-image-font-family, auto); border-style: var(--page-carousel-image-border-style, auto); box-shadow: var(--page-carousel-image-box-shadow, auto); line-height: 1; } .template-page--root .carousel .image-caption, .template-page--root .carousel .image-caption > p { background-color: var(--page-carousel-image-caption-background-color, auto); background-image: var(--page-carousel-image-caption-background-image, auto); background-position: var(--page-carousel-image-caption-background-position, auto); background-repeat: var(--page-carousel-image-caption-background-repeat, auto); background-size: var(--page-carousel-image-caption-background-size, auto); font-size: var(--page-carousel-image-caption-font-size, auto); font-weight: var(--page-carousel-image-caption-font-weight, auto); padding-top: var(--page-carousel-image-caption-padding-top, auto); padding-bottom: var(--page-carousel-image-caption-padding-bottom, auto); padding-left: var(--page-carousel-image-caption-padding-left, auto); padding-right: var(--page-carousel-image-caption-padding-right, auto); text-align: var(--page-carousel-image-caption-text-align, auto); color: var(--page-carousel-image-caption-color, auto); height: var(--page-carousel-image-caption-height, auto); width: var(--page-carousel-image-caption-width, auto); grid-template-columns: var(--page-carousel-image-caption-grid-template-columns, auto); max-width: var(--page-carousel-image-caption-max-width, auto); max-height: var(--page-carousel-image-caption-max-height, auto); margin: var(--page-carousel-image-caption-margin, auto); border-radius: var(--page-carousel-image-caption-border-radius, auto); font-style: var(--page-carousel-image-caption-font-style, auto); margin-top: var(--page-carousel-image-caption-margin-top, auto); margin-bottom: var(--page-carousel-image-caption-margin-bottom, auto); margin-left: var(--page-carousel-image-caption-margin-left, auto); margin-right: var(--page-carousel-image-caption-margin-right, auto); align-items: var(--page-carousel-image-caption-align-items, auto); justify-content: var(--page-carousel-image-caption-justify-content, auto); align-self: var(--page-carousel-image-caption-align-self, auto); justify-self: var(--page-carousel-image-caption-justify-self, auto); grid-gap: var(--page-carousel-image-caption-grid-gap, auto); flex-direction: var(--page-carousel-image-caption-flex-direction, unset); outline-width: var(--page-carousel-image-caption-outline-width, auto); outline-color: var(--page-carousel-image-caption-outline-color, auto); outline-style: var(--page-carousel-image-caption-outline-style, none); border-width: var(--page-carousel-image-caption-border-width, auto); border-color: var(--page-carousel-image-caption-border-color, auto); font-family: var(--page-carousel-image-caption-font-family, auto); border-style: var(--page-carousel-image-caption-border-style, auto); box-shadow: var(--page-carousel-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .carousel .button, .template-page--root .carousel .button > p { background-color: var(--page-carousel-button-background-color, auto); background-image: var(--page-carousel-button-background-image, auto); background-position: var(--page-carousel-button-background-position, auto); background-repeat: var(--page-carousel-button-background-repeat, auto); background-size: var(--page-carousel-button-background-size, auto); font-size: var(--page-carousel-button-font-size, auto); font-weight: var(--page-carousel-button-font-weight, auto); padding-top: var(--page-carousel-button-padding-top, auto); padding-bottom: var(--page-carousel-button-padding-bottom, auto); padding-left: var(--page-carousel-button-padding-left, auto); padding-right: var(--page-carousel-button-padding-right, auto); text-align: var(--page-carousel-button-text-align, auto); color: var(--page-carousel-button-color, auto); height: var(--page-carousel-button-height, auto); width: var(--page-carousel-button-width, auto); grid-template-columns: var(--page-carousel-button-grid-template-columns, auto); max-width: var(--page-carousel-button-max-width, auto); max-height: var(--page-carousel-button-max-height, auto); margin: var(--page-carousel-button-margin, auto); border-radius: var(--page-carousel-button-border-radius, auto); font-style: var(--page-carousel-button-font-style, auto); margin-top: var(--page-carousel-button-margin-top, auto); margin-bottom: var(--page-carousel-button-margin-bottom, auto); margin-left: var(--page-carousel-button-margin-left, auto); margin-right: var(--page-carousel-button-margin-right, auto); align-items: var(--page-carousel-button-align-items, auto); justify-content: var(--page-carousel-button-justify-content, auto); align-self: var(--page-carousel-button-align-self, auto); justify-self: var(--page-carousel-button-justify-self, auto); grid-gap: var(--page-carousel-button-grid-gap, auto); flex-direction: var(--page-carousel-button-flex-direction, unset); outline-width: var(--page-carousel-button-outline-width, auto); outline-color: var(--page-carousel-button-outline-color, auto); outline-style: var(--page-carousel-button-outline-style, none); border-width: var(--page-carousel-button-border-width, auto); border-color: var(--page-carousel-button-border-color, auto); font-family: var(--page-carousel-button-font-family, auto); border-style: var(--page-carousel-button-border-style, auto); box-shadow: var(--page-carousel-button-box-shadow, auto); line-height: 1; } .template-page--root .carousel .newsletter-info, .template-page--root .carousel .newsletter-info > p { background-color: var(--page-carousel-newsletter-info-background-color, auto); background-image: var(--page-carousel-newsletter-info-background-image, auto); background-position: var(--page-carousel-newsletter-info-background-position, auto); background-repeat: var(--page-carousel-newsletter-info-background-repeat, auto); background-size: var(--page-carousel-newsletter-info-background-size, auto); font-size: var(--page-carousel-newsletter-info-font-size, auto); font-weight: var(--page-carousel-newsletter-info-font-weight, auto); padding-top: var(--page-carousel-newsletter-info-padding-top, auto); padding-bottom: var(--page-carousel-newsletter-info-padding-bottom, auto); padding-left: var(--page-carousel-newsletter-info-padding-left, auto); padding-right: var(--page-carousel-newsletter-info-padding-right, auto); text-align: var(--page-carousel-newsletter-info-text-align, auto); color: var(--page-carousel-newsletter-info-color, auto); height: var(--page-carousel-newsletter-info-height, auto); width: var(--page-carousel-newsletter-info-width, auto); grid-template-columns: var(--page-carousel-newsletter-info-grid-template-columns, auto); max-width: var(--page-carousel-newsletter-info-max-width, auto); max-height: var(--page-carousel-newsletter-info-max-height, auto); margin: var(--page-carousel-newsletter-info-margin, auto); border-radius: var(--page-carousel-newsletter-info-border-radius, auto); font-style: var(--page-carousel-newsletter-info-font-style, auto); margin-top: var(--page-carousel-newsletter-info-margin-top, auto); margin-bottom: var(--page-carousel-newsletter-info-margin-bottom, auto); margin-left: var(--page-carousel-newsletter-info-margin-left, auto); margin-right: var(--page-carousel-newsletter-info-margin-right, auto); align-items: var(--page-carousel-newsletter-info-align-items, auto); justify-content: var(--page-carousel-newsletter-info-justify-content, auto); align-self: var(--page-carousel-newsletter-info-align-self, auto); justify-self: var(--page-carousel-newsletter-info-justify-self, auto); grid-gap: var(--page-carousel-newsletter-info-grid-gap, auto); flex-direction: var(--page-carousel-newsletter-info-flex-direction, unset); outline-width: var(--page-carousel-newsletter-info-outline-width, auto); outline-color: var(--page-carousel-newsletter-info-outline-color, auto); outline-style: var(--page-carousel-newsletter-info-outline-style, none); border-width: var(--page-carousel-newsletter-info-border-width, auto); border-color: var(--page-carousel-newsletter-info-border-color, auto); font-family: var(--page-carousel-newsletter-info-font-family, auto); border-style: var(--page-carousel-newsletter-info-border-style, auto); box-shadow: var(--page-carousel-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .carousel-item { background-color: var(--page-carousel-item-background-color, auto); background-image: var(--page-carousel-item-background-image, auto); background-position: var(--page-carousel-item-background-position, auto); background-repeat: var(--page-carousel-item-background-repeat, auto); background-size: var(--page-carousel-item-background-size, auto); font-size: var(--page-carousel-item-font-size, auto); font-weight: var(--page-carousel-item-font-weight, auto); padding-top: var(--page-carousel-item-padding-top, auto); padding-bottom: var(--page-carousel-item-padding-bottom, auto); padding-left: var(--page-carousel-item-padding-left, auto); padding-right: var(--page-carousel-item-padding-right, auto); text-align: var(--page-carousel-item-text-align, auto); color: var(--page-carousel-item-color, auto); height: var(--page-carousel-item-height, auto); width: var(--page-carousel-item-width, auto); grid-template-columns: var(--page-carousel-item-grid-template-columns, auto); max-width: var(--page-carousel-item-max-width, auto); max-height: var(--page-carousel-item-max-height, auto); margin: var(--page-carousel-item-margin, auto); border-radius: var(--page-carousel-item-border-radius, auto); font-style: var(--page-carousel-item-font-style, auto); margin-top: var(--page-carousel-item-margin-top, auto); margin-bottom: var(--page-carousel-item-margin-bottom, auto); margin-left: var(--page-carousel-item-margin-left, auto); margin-right: var(--page-carousel-item-margin-right, auto); align-items: var(--page-carousel-item-align-items, auto); justify-content: var(--page-carousel-item-justify-content, auto); align-self: var(--page-carousel-item-align-self, auto); justify-self: var(--page-carousel-item-justify-self, auto); grid-gap: var(--page-carousel-item-grid-gap, auto); flex-direction: var(--page-carousel-item-flex-direction, unset); outline-width: var(--page-carousel-item-outline-width, auto); outline-color: var(--page-carousel-item-outline-color, auto); outline-style: var(--page-carousel-item-outline-style, none); border-width: var(--page-carousel-item-border-width, auto); border-color: var(--page-carousel-item-border-color, auto); font-family: var(--page-carousel-item-font-family, auto); border-style: var(--page-carousel-item-border-style, auto); box-shadow: var(--page-carousel-item-box-shadow, auto); } .template-page--root .carousel-item .title, .template-page--root .carousel-item .title > p { background-color: var(--page-carousel-item-title-background-color, auto); background-image: var(--page-carousel-item-title-background-image, auto); background-position: var(--page-carousel-item-title-background-position, auto); background-repeat: var(--page-carousel-item-title-background-repeat, auto); background-size: var(--page-carousel-item-title-background-size, auto); font-size: var(--page-carousel-item-title-font-size, auto); font-weight: var(--page-carousel-item-title-font-weight, auto); padding-top: var(--page-carousel-item-title-padding-top, auto); padding-bottom: var(--page-carousel-item-title-padding-bottom, auto); padding-left: var(--page-carousel-item-title-padding-left, auto); padding-right: var(--page-carousel-item-title-padding-right, auto); text-align: var(--page-carousel-item-title-text-align, auto); color: var(--page-carousel-item-title-color, auto); height: var(--page-carousel-item-title-height, auto); width: var(--page-carousel-item-title-width, auto); grid-template-columns: var(--page-carousel-item-title-grid-template-columns, auto); max-width: var(--page-carousel-item-title-max-width, auto); max-height: var(--page-carousel-item-title-max-height, auto); margin: var(--page-carousel-item-title-margin, auto); border-radius: var(--page-carousel-item-title-border-radius, auto); font-style: var(--page-carousel-item-title-font-style, auto); margin-top: var(--page-carousel-item-title-margin-top, auto); margin-bottom: var(--page-carousel-item-title-margin-bottom, auto); margin-left: var(--page-carousel-item-title-margin-left, auto); margin-right: var(--page-carousel-item-title-margin-right, auto); align-items: var(--page-carousel-item-title-align-items, auto); justify-content: var(--page-carousel-item-title-justify-content, auto); align-self: var(--page-carousel-item-title-align-self, auto); justify-self: var(--page-carousel-item-title-justify-self, auto); grid-gap: var(--page-carousel-item-title-grid-gap, auto); flex-direction: var(--page-carousel-item-title-flex-direction, unset); outline-width: var(--page-carousel-item-title-outline-width, auto); outline-color: var(--page-carousel-item-title-outline-color, auto); outline-style: var(--page-carousel-item-title-outline-style, none); border-width: var(--page-carousel-item-title-border-width, auto); border-color: var(--page-carousel-item-title-border-color, auto); font-family: var(--page-carousel-item-title-font-family, auto); border-style: var(--page-carousel-item-title-border-style, auto); box-shadow: var(--page-carousel-item-title-box-shadow, auto); line-height: 1; } .template-page--root .carousel-item .content, .template-page--root .carousel-item .content > p { background-color: var(--page-carousel-item-content-background-color, auto); background-image: var(--page-carousel-item-content-background-image, auto); background-position: var(--page-carousel-item-content-background-position, auto); background-repeat: var(--page-carousel-item-content-background-repeat, auto); background-size: var(--page-carousel-item-content-background-size, auto); font-size: var(--page-carousel-item-content-font-size, auto); font-weight: var(--page-carousel-item-content-font-weight, auto); padding-top: var(--page-carousel-item-content-padding-top, auto); padding-bottom: var(--page-carousel-item-content-padding-bottom, auto); padding-left: var(--page-carousel-item-content-padding-left, auto); padding-right: var(--page-carousel-item-content-padding-right, auto); text-align: var(--page-carousel-item-content-text-align, auto); color: var(--page-carousel-item-content-color, auto); height: var(--page-carousel-item-content-height, auto); width: var(--page-carousel-item-content-width, auto); grid-template-columns: var(--page-carousel-item-content-grid-template-columns, auto); max-width: var(--page-carousel-item-content-max-width, auto); max-height: var(--page-carousel-item-content-max-height, auto); margin: var(--page-carousel-item-content-margin, auto); border-radius: var(--page-carousel-item-content-border-radius, auto); font-style: var(--page-carousel-item-content-font-style, auto); margin-top: var(--page-carousel-item-content-margin-top, auto); margin-bottom: var(--page-carousel-item-content-margin-bottom, auto); margin-left: var(--page-carousel-item-content-margin-left, auto); margin-right: var(--page-carousel-item-content-margin-right, auto); align-items: var(--page-carousel-item-content-align-items, auto); justify-content: var(--page-carousel-item-content-justify-content, auto); align-self: var(--page-carousel-item-content-align-self, auto); justify-self: var(--page-carousel-item-content-justify-self, auto); grid-gap: var(--page-carousel-item-content-grid-gap, auto); flex-direction: var(--page-carousel-item-content-flex-direction, unset); outline-width: var(--page-carousel-item-content-outline-width, auto); outline-color: var(--page-carousel-item-content-outline-color, auto); outline-style: var(--page-carousel-item-content-outline-style, none); border-width: var(--page-carousel-item-content-border-width, auto); border-color: var(--page-carousel-item-content-border-color, auto); font-family: var(--page-carousel-item-content-font-family, auto); border-style: var(--page-carousel-item-content-border-style, auto); box-shadow: var(--page-carousel-item-content-box-shadow, auto); line-height: 1; } .template-page--root .carousel-item .details, .template-page--root .carousel-item .details > p { background-color: var(--page-carousel-item-details-background-color, auto); background-image: var(--page-carousel-item-details-background-image, auto); background-position: var(--page-carousel-item-details-background-position, auto); background-repeat: var(--page-carousel-item-details-background-repeat, auto); background-size: var(--page-carousel-item-details-background-size, auto); font-size: var(--page-carousel-item-details-font-size, auto); font-weight: var(--page-carousel-item-details-font-weight, auto); padding-top: var(--page-carousel-item-details-padding-top, auto); padding-bottom: var(--page-carousel-item-details-padding-bottom, auto); padding-left: var(--page-carousel-item-details-padding-left, auto); padding-right: var(--page-carousel-item-details-padding-right, auto); text-align: var(--page-carousel-item-details-text-align, auto); color: var(--page-carousel-item-details-color, auto); height: var(--page-carousel-item-details-height, auto); width: var(--page-carousel-item-details-width, auto); grid-template-columns: var(--page-carousel-item-details-grid-template-columns, auto); max-width: var(--page-carousel-item-details-max-width, auto); max-height: var(--page-carousel-item-details-max-height, auto); margin: var(--page-carousel-item-details-margin, auto); border-radius: var(--page-carousel-item-details-border-radius, auto); font-style: var(--page-carousel-item-details-font-style, auto); margin-top: var(--page-carousel-item-details-margin-top, auto); margin-bottom: var(--page-carousel-item-details-margin-bottom, auto); margin-left: var(--page-carousel-item-details-margin-left, auto); margin-right: var(--page-carousel-item-details-margin-right, auto); align-items: var(--page-carousel-item-details-align-items, auto); justify-content: var(--page-carousel-item-details-justify-content, auto); align-self: var(--page-carousel-item-details-align-self, auto); justify-self: var(--page-carousel-item-details-justify-self, auto); grid-gap: var(--page-carousel-item-details-grid-gap, auto); flex-direction: var(--page-carousel-item-details-flex-direction, unset); outline-width: var(--page-carousel-item-details-outline-width, auto); outline-color: var(--page-carousel-item-details-outline-color, auto); outline-style: var(--page-carousel-item-details-outline-style, none); border-width: var(--page-carousel-item-details-border-width, auto); border-color: var(--page-carousel-item-details-border-color, auto); font-family: var(--page-carousel-item-details-font-family, auto); border-style: var(--page-carousel-item-details-border-style, auto); box-shadow: var(--page-carousel-item-details-box-shadow, auto); line-height: 1; } .template-page--root .carousel-item .image, .template-page--root .carousel-item .image > p { background-color: var(--page-carousel-item-image-background-color, auto); background-image: var(--page-carousel-item-image-background-image, auto); background-position: var(--page-carousel-item-image-background-position, auto); background-repeat: var(--page-carousel-item-image-background-repeat, auto); background-size: var(--page-carousel-item-image-background-size, auto); font-size: var(--page-carousel-item-image-font-size, auto); font-weight: var(--page-carousel-item-image-font-weight, auto); padding-top: var(--page-carousel-item-image-padding-top, auto); padding-bottom: var(--page-carousel-item-image-padding-bottom, auto); padding-left: var(--page-carousel-item-image-padding-left, auto); padding-right: var(--page-carousel-item-image-padding-right, auto); text-align: var(--page-carousel-item-image-text-align, auto); color: var(--page-carousel-item-image-color, auto); height: var(--page-carousel-item-image-height, auto); width: var(--page-carousel-item-image-width, auto); grid-template-columns: var(--page-carousel-item-image-grid-template-columns, auto); max-width: var(--page-carousel-item-image-max-width, auto); max-height: var(--page-carousel-item-image-max-height, auto); margin: var(--page-carousel-item-image-margin, auto); border-radius: var(--page-carousel-item-image-border-radius, auto); font-style: var(--page-carousel-item-image-font-style, auto); margin-top: var(--page-carousel-item-image-margin-top, auto); margin-bottom: var(--page-carousel-item-image-margin-bottom, auto); margin-left: var(--page-carousel-item-image-margin-left, auto); margin-right: var(--page-carousel-item-image-margin-right, auto); align-items: var(--page-carousel-item-image-align-items, auto); justify-content: var(--page-carousel-item-image-justify-content, auto); align-self: var(--page-carousel-item-image-align-self, auto); justify-self: var(--page-carousel-item-image-justify-self, auto); grid-gap: var(--page-carousel-item-image-grid-gap, auto); flex-direction: var(--page-carousel-item-image-flex-direction, unset); outline-width: var(--page-carousel-item-image-outline-width, auto); outline-color: var(--page-carousel-item-image-outline-color, auto); outline-style: var(--page-carousel-item-image-outline-style, none); border-width: var(--page-carousel-item-image-border-width, auto); border-color: var(--page-carousel-item-image-border-color, auto); font-family: var(--page-carousel-item-image-font-family, auto); border-style: var(--page-carousel-item-image-border-style, auto); box-shadow: var(--page-carousel-item-image-box-shadow, auto); line-height: 1; } .template-page--root .carousel-item .image-caption, .template-page--root .carousel-item .image-caption > p { background-color: var(--page-carousel-item-image-caption-background-color, auto); background-image: var(--page-carousel-item-image-caption-background-image, auto); background-position: var(--page-carousel-item-image-caption-background-position, auto); background-repeat: var(--page-carousel-item-image-caption-background-repeat, auto); background-size: var(--page-carousel-item-image-caption-background-size, auto); font-size: var(--page-carousel-item-image-caption-font-size, auto); font-weight: var(--page-carousel-item-image-caption-font-weight, auto); padding-top: var(--page-carousel-item-image-caption-padding-top, auto); padding-bottom: var(--page-carousel-item-image-caption-padding-bottom, auto); padding-left: var(--page-carousel-item-image-caption-padding-left, auto); padding-right: var(--page-carousel-item-image-caption-padding-right, auto); text-align: var(--page-carousel-item-image-caption-text-align, auto); color: var(--page-carousel-item-image-caption-color, auto); height: var(--page-carousel-item-image-caption-height, auto); width: var(--page-carousel-item-image-caption-width, auto); grid-template-columns: var(--page-carousel-item-image-caption-grid-template-columns, auto); max-width: var(--page-carousel-item-image-caption-max-width, auto); max-height: var(--page-carousel-item-image-caption-max-height, auto); margin: var(--page-carousel-item-image-caption-margin, auto); border-radius: var(--page-carousel-item-image-caption-border-radius, auto); font-style: var(--page-carousel-item-image-caption-font-style, auto); margin-top: var(--page-carousel-item-image-caption-margin-top, auto); margin-bottom: var(--page-carousel-item-image-caption-margin-bottom, auto); margin-left: var(--page-carousel-item-image-caption-margin-left, auto); margin-right: var(--page-carousel-item-image-caption-margin-right, auto); align-items: var(--page-carousel-item-image-caption-align-items, auto); justify-content: var(--page-carousel-item-image-caption-justify-content, auto); align-self: var(--page-carousel-item-image-caption-align-self, auto); justify-self: var(--page-carousel-item-image-caption-justify-self, auto); grid-gap: var(--page-carousel-item-image-caption-grid-gap, auto); flex-direction: var(--page-carousel-item-image-caption-flex-direction, unset); outline-width: var(--page-carousel-item-image-caption-outline-width, auto); outline-color: var(--page-carousel-item-image-caption-outline-color, auto); outline-style: var(--page-carousel-item-image-caption-outline-style, none); border-width: var(--page-carousel-item-image-caption-border-width, auto); border-color: var(--page-carousel-item-image-caption-border-color, auto); font-family: var(--page-carousel-item-image-caption-font-family, auto); border-style: var(--page-carousel-item-image-caption-border-style, auto); box-shadow: var(--page-carousel-item-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .carousel-item .button, .template-page--root .carousel-item .button > p { background-color: var(--page-carousel-item-button-background-color, auto); background-image: var(--page-carousel-item-button-background-image, auto); background-position: var(--page-carousel-item-button-background-position, auto); background-repeat: var(--page-carousel-item-button-background-repeat, auto); background-size: var(--page-carousel-item-button-background-size, auto); font-size: var(--page-carousel-item-button-font-size, auto); font-weight: var(--page-carousel-item-button-font-weight, auto); padding-top: var(--page-carousel-item-button-padding-top, auto); padding-bottom: var(--page-carousel-item-button-padding-bottom, auto); padding-left: var(--page-carousel-item-button-padding-left, auto); padding-right: var(--page-carousel-item-button-padding-right, auto); text-align: var(--page-carousel-item-button-text-align, auto); color: var(--page-carousel-item-button-color, auto); height: var(--page-carousel-item-button-height, auto); width: var(--page-carousel-item-button-width, auto); grid-template-columns: var(--page-carousel-item-button-grid-template-columns, auto); max-width: var(--page-carousel-item-button-max-width, auto); max-height: var(--page-carousel-item-button-max-height, auto); margin: var(--page-carousel-item-button-margin, auto); border-radius: var(--page-carousel-item-button-border-radius, auto); font-style: var(--page-carousel-item-button-font-style, auto); margin-top: var(--page-carousel-item-button-margin-top, auto); margin-bottom: var(--page-carousel-item-button-margin-bottom, auto); margin-left: var(--page-carousel-item-button-margin-left, auto); margin-right: var(--page-carousel-item-button-margin-right, auto); align-items: var(--page-carousel-item-button-align-items, auto); justify-content: var(--page-carousel-item-button-justify-content, auto); align-self: var(--page-carousel-item-button-align-self, auto); justify-self: var(--page-carousel-item-button-justify-self, auto); grid-gap: var(--page-carousel-item-button-grid-gap, auto); flex-direction: var(--page-carousel-item-button-flex-direction, unset); outline-width: var(--page-carousel-item-button-outline-width, auto); outline-color: var(--page-carousel-item-button-outline-color, auto); outline-style: var(--page-carousel-item-button-outline-style, none); border-width: var(--page-carousel-item-button-border-width, auto); border-color: var(--page-carousel-item-button-border-color, auto); font-family: var(--page-carousel-item-button-font-family, auto); border-style: var(--page-carousel-item-button-border-style, auto); box-shadow: var(--page-carousel-item-button-box-shadow, auto); line-height: 1; } .template-page--root .carousel-item .newsletter-info, .template-page--root .carousel-item .newsletter-info > p { background-color: var(--page-carousel-item-newsletter-info-background-color, auto); background-image: var(--page-carousel-item-newsletter-info-background-image, auto); background-position: var(--page-carousel-item-newsletter-info-background-position, auto); background-repeat: var(--page-carousel-item-newsletter-info-background-repeat, auto); background-size: var(--page-carousel-item-newsletter-info-background-size, auto); font-size: var(--page-carousel-item-newsletter-info-font-size, auto); font-weight: var(--page-carousel-item-newsletter-info-font-weight, auto); padding-top: var(--page-carousel-item-newsletter-info-padding-top, auto); padding-bottom: var(--page-carousel-item-newsletter-info-padding-bottom, auto); padding-left: var(--page-carousel-item-newsletter-info-padding-left, auto); padding-right: var(--page-carousel-item-newsletter-info-padding-right, auto); text-align: var(--page-carousel-item-newsletter-info-text-align, auto); color: var(--page-carousel-item-newsletter-info-color, auto); height: var(--page-carousel-item-newsletter-info-height, auto); width: var(--page-carousel-item-newsletter-info-width, auto); grid-template-columns: var(--page-carousel-item-newsletter-info-grid-template-columns, auto); max-width: var(--page-carousel-item-newsletter-info-max-width, auto); max-height: var(--page-carousel-item-newsletter-info-max-height, auto); margin: var(--page-carousel-item-newsletter-info-margin, auto); border-radius: var(--page-carousel-item-newsletter-info-border-radius, auto); font-style: var(--page-carousel-item-newsletter-info-font-style, auto); margin-top: var(--page-carousel-item-newsletter-info-margin-top, auto); margin-bottom: var(--page-carousel-item-newsletter-info-margin-bottom, auto); margin-left: var(--page-carousel-item-newsletter-info-margin-left, auto); margin-right: var(--page-carousel-item-newsletter-info-margin-right, auto); align-items: var(--page-carousel-item-newsletter-info-align-items, auto); justify-content: var(--page-carousel-item-newsletter-info-justify-content, auto); align-self: var(--page-carousel-item-newsletter-info-align-self, auto); justify-self: var(--page-carousel-item-newsletter-info-justify-self, auto); grid-gap: var(--page-carousel-item-newsletter-info-grid-gap, auto); flex-direction: var(--page-carousel-item-newsletter-info-flex-direction, unset); outline-width: var(--page-carousel-item-newsletter-info-outline-width, auto); outline-color: var(--page-carousel-item-newsletter-info-outline-color, auto); outline-style: var(--page-carousel-item-newsletter-info-outline-style, none); border-width: var(--page-carousel-item-newsletter-info-border-width, auto); border-color: var(--page-carousel-item-newsletter-info-border-color, auto); font-family: var(--page-carousel-item-newsletter-info-font-family, auto); border-style: var(--page-carousel-item-newsletter-info-border-style, auto); box-shadow: var(--page-carousel-item-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .social { background-color: var(--page-social-background-color, auto); background-image: var(--page-social-background-image, auto); background-position: var(--page-social-background-position, auto); background-repeat: var(--page-social-background-repeat, auto); background-size: var(--page-social-background-size, auto); font-size: var(--page-social-font-size, auto); font-weight: var(--page-social-font-weight, auto); padding-top: var(--page-social-padding-top, auto); padding-bottom: var(--page-social-padding-bottom, auto); padding-left: var(--page-social-padding-left, auto); padding-right: var(--page-social-padding-right, auto); text-align: var(--page-social-text-align, auto); color: var(--page-social-color, auto); height: var(--page-social-height, auto); width: var(--page-social-width, auto); grid-template-columns: var(--page-social-grid-template-columns, auto); max-width: var(--page-social-max-width, auto); max-height: var(--page-social-max-height, auto); margin: var(--page-social-margin, auto); border-radius: var(--page-social-border-radius, auto); font-style: var(--page-social-font-style, auto); margin-top: var(--page-social-margin-top, auto); margin-bottom: var(--page-social-margin-bottom, auto); margin-left: var(--page-social-margin-left, auto); margin-right: var(--page-social-margin-right, auto); align-items: var(--page-social-align-items, auto); justify-content: var(--page-social-justify-content, auto); align-self: var(--page-social-align-self, auto); justify-self: var(--page-social-justify-self, auto); grid-gap: var(--page-social-grid-gap, auto); flex-direction: var(--page-social-flex-direction, unset); outline-width: var(--page-social-outline-width, auto); outline-color: var(--page-social-outline-color, auto); outline-style: var(--page-social-outline-style, none); border-width: var(--page-social-border-width, auto); border-color: var(--page-social-border-color, auto); font-family: var(--page-social-font-family, auto); border-style: var(--page-social-border-style, auto); box-shadow: var(--page-social-box-shadow, auto); } .template-page--root .social .title, .template-page--root .social .title > p { background-color: var(--page-social-title-background-color, auto); background-image: var(--page-social-title-background-image, auto); background-position: var(--page-social-title-background-position, auto); background-repeat: var(--page-social-title-background-repeat, auto); background-size: var(--page-social-title-background-size, auto); font-size: var(--page-social-title-font-size, auto); font-weight: var(--page-social-title-font-weight, auto); padding-top: var(--page-social-title-padding-top, auto); padding-bottom: var(--page-social-title-padding-bottom, auto); padding-left: var(--page-social-title-padding-left, auto); padding-right: var(--page-social-title-padding-right, auto); text-align: var(--page-social-title-text-align, auto); color: var(--page-social-title-color, auto); height: var(--page-social-title-height, auto); width: var(--page-social-title-width, auto); grid-template-columns: var(--page-social-title-grid-template-columns, auto); max-width: var(--page-social-title-max-width, auto); max-height: var(--page-social-title-max-height, auto); margin: var(--page-social-title-margin, auto); border-radius: var(--page-social-title-border-radius, auto); font-style: var(--page-social-title-font-style, auto); margin-top: var(--page-social-title-margin-top, auto); margin-bottom: var(--page-social-title-margin-bottom, auto); margin-left: var(--page-social-title-margin-left, auto); margin-right: var(--page-social-title-margin-right, auto); align-items: var(--page-social-title-align-items, auto); justify-content: var(--page-social-title-justify-content, auto); align-self: var(--page-social-title-align-self, auto); justify-self: var(--page-social-title-justify-self, auto); grid-gap: var(--page-social-title-grid-gap, auto); flex-direction: var(--page-social-title-flex-direction, unset); outline-width: var(--page-social-title-outline-width, auto); outline-color: var(--page-social-title-outline-color, auto); outline-style: var(--page-social-title-outline-style, none); border-width: var(--page-social-title-border-width, auto); border-color: var(--page-social-title-border-color, auto); font-family: var(--page-social-title-font-family, auto); border-style: var(--page-social-title-border-style, auto); box-shadow: var(--page-social-title-box-shadow, auto); line-height: 1; } .template-page--root .social .content, .template-page--root .social .content > p { background-color: var(--page-social-content-background-color, auto); background-image: var(--page-social-content-background-image, auto); background-position: var(--page-social-content-background-position, auto); background-repeat: var(--page-social-content-background-repeat, auto); background-size: var(--page-social-content-background-size, auto); font-size: var(--page-social-content-font-size, auto); font-weight: var(--page-social-content-font-weight, auto); padding-top: var(--page-social-content-padding-top, auto); padding-bottom: var(--page-social-content-padding-bottom, auto); padding-left: var(--page-social-content-padding-left, auto); padding-right: var(--page-social-content-padding-right, auto); text-align: var(--page-social-content-text-align, auto); color: var(--page-social-content-color, auto); height: var(--page-social-content-height, auto); width: var(--page-social-content-width, auto); grid-template-columns: var(--page-social-content-grid-template-columns, auto); max-width: var(--page-social-content-max-width, auto); max-height: var(--page-social-content-max-height, auto); margin: var(--page-social-content-margin, auto); border-radius: var(--page-social-content-border-radius, auto); font-style: var(--page-social-content-font-style, auto); margin-top: var(--page-social-content-margin-top, auto); margin-bottom: var(--page-social-content-margin-bottom, auto); margin-left: var(--page-social-content-margin-left, auto); margin-right: var(--page-social-content-margin-right, auto); align-items: var(--page-social-content-align-items, auto); justify-content: var(--page-social-content-justify-content, auto); align-self: var(--page-social-content-align-self, auto); justify-self: var(--page-social-content-justify-self, auto); grid-gap: var(--page-social-content-grid-gap, auto); flex-direction: var(--page-social-content-flex-direction, unset); outline-width: var(--page-social-content-outline-width, auto); outline-color: var(--page-social-content-outline-color, auto); outline-style: var(--page-social-content-outline-style, none); border-width: var(--page-social-content-border-width, auto); border-color: var(--page-social-content-border-color, auto); font-family: var(--page-social-content-font-family, auto); border-style: var(--page-social-content-border-style, auto); box-shadow: var(--page-social-content-box-shadow, auto); line-height: 1; } .template-page--root .social .details, .template-page--root .social .details > p { background-color: var(--page-social-details-background-color, auto); background-image: var(--page-social-details-background-image, auto); background-position: var(--page-social-details-background-position, auto); background-repeat: var(--page-social-details-background-repeat, auto); background-size: var(--page-social-details-background-size, auto); font-size: var(--page-social-details-font-size, auto); font-weight: var(--page-social-details-font-weight, auto); padding-top: var(--page-social-details-padding-top, auto); padding-bottom: var(--page-social-details-padding-bottom, auto); padding-left: var(--page-social-details-padding-left, auto); padding-right: var(--page-social-details-padding-right, auto); text-align: var(--page-social-details-text-align, auto); color: var(--page-social-details-color, auto); height: var(--page-social-details-height, auto); width: var(--page-social-details-width, auto); grid-template-columns: var(--page-social-details-grid-template-columns, auto); max-width: var(--page-social-details-max-width, auto); max-height: var(--page-social-details-max-height, auto); margin: var(--page-social-details-margin, auto); border-radius: var(--page-social-details-border-radius, auto); font-style: var(--page-social-details-font-style, auto); margin-top: var(--page-social-details-margin-top, auto); margin-bottom: var(--page-social-details-margin-bottom, auto); margin-left: var(--page-social-details-margin-left, auto); margin-right: var(--page-social-details-margin-right, auto); align-items: var(--page-social-details-align-items, auto); justify-content: var(--page-social-details-justify-content, auto); align-self: var(--page-social-details-align-self, auto); justify-self: var(--page-social-details-justify-self, auto); grid-gap: var(--page-social-details-grid-gap, auto); flex-direction: var(--page-social-details-flex-direction, unset); outline-width: var(--page-social-details-outline-width, auto); outline-color: var(--page-social-details-outline-color, auto); outline-style: var(--page-social-details-outline-style, none); border-width: var(--page-social-details-border-width, auto); border-color: var(--page-social-details-border-color, auto); font-family: var(--page-social-details-font-family, auto); border-style: var(--page-social-details-border-style, auto); box-shadow: var(--page-social-details-box-shadow, auto); line-height: 1; } .template-page--root .social .image, .template-page--root .social .image > p { background-color: var(--page-social-image-background-color, auto); background-image: var(--page-social-image-background-image, auto); background-position: var(--page-social-image-background-position, auto); background-repeat: var(--page-social-image-background-repeat, auto); background-size: var(--page-social-image-background-size, auto); font-size: var(--page-social-image-font-size, auto); font-weight: var(--page-social-image-font-weight, auto); padding-top: var(--page-social-image-padding-top, auto); padding-bottom: var(--page-social-image-padding-bottom, auto); padding-left: var(--page-social-image-padding-left, auto); padding-right: var(--page-social-image-padding-right, auto); text-align: var(--page-social-image-text-align, auto); color: var(--page-social-image-color, auto); height: var(--page-social-image-height, auto); width: var(--page-social-image-width, auto); grid-template-columns: var(--page-social-image-grid-template-columns, auto); max-width: var(--page-social-image-max-width, auto); max-height: var(--page-social-image-max-height, auto); margin: var(--page-social-image-margin, auto); border-radius: var(--page-social-image-border-radius, auto); font-style: var(--page-social-image-font-style, auto); margin-top: var(--page-social-image-margin-top, auto); margin-bottom: var(--page-social-image-margin-bottom, auto); margin-left: var(--page-social-image-margin-left, auto); margin-right: var(--page-social-image-margin-right, auto); align-items: var(--page-social-image-align-items, auto); justify-content: var(--page-social-image-justify-content, auto); align-self: var(--page-social-image-align-self, auto); justify-self: var(--page-social-image-justify-self, auto); grid-gap: var(--page-social-image-grid-gap, auto); flex-direction: var(--page-social-image-flex-direction, unset); outline-width: var(--page-social-image-outline-width, auto); outline-color: var(--page-social-image-outline-color, auto); outline-style: var(--page-social-image-outline-style, none); border-width: var(--page-social-image-border-width, auto); border-color: var(--page-social-image-border-color, auto); font-family: var(--page-social-image-font-family, auto); border-style: var(--page-social-image-border-style, auto); box-shadow: var(--page-social-image-box-shadow, auto); line-height: 1; } .template-page--root .social .image-caption, .template-page--root .social .image-caption > p { background-color: var(--page-social-image-caption-background-color, auto); background-image: var(--page-social-image-caption-background-image, auto); background-position: var(--page-social-image-caption-background-position, auto); background-repeat: var(--page-social-image-caption-background-repeat, auto); background-size: var(--page-social-image-caption-background-size, auto); font-size: var(--page-social-image-caption-font-size, auto); font-weight: var(--page-social-image-caption-font-weight, auto); padding-top: var(--page-social-image-caption-padding-top, auto); padding-bottom: var(--page-social-image-caption-padding-bottom, auto); padding-left: var(--page-social-image-caption-padding-left, auto); padding-right: var(--page-social-image-caption-padding-right, auto); text-align: var(--page-social-image-caption-text-align, auto); color: var(--page-social-image-caption-color, auto); height: var(--page-social-image-caption-height, auto); width: var(--page-social-image-caption-width, auto); grid-template-columns: var(--page-social-image-caption-grid-template-columns, auto); max-width: var(--page-social-image-caption-max-width, auto); max-height: var(--page-social-image-caption-max-height, auto); margin: var(--page-social-image-caption-margin, auto); border-radius: var(--page-social-image-caption-border-radius, auto); font-style: var(--page-social-image-caption-font-style, auto); margin-top: var(--page-social-image-caption-margin-top, auto); margin-bottom: var(--page-social-image-caption-margin-bottom, auto); margin-left: var(--page-social-image-caption-margin-left, auto); margin-right: var(--page-social-image-caption-margin-right, auto); align-items: var(--page-social-image-caption-align-items, auto); justify-content: var(--page-social-image-caption-justify-content, auto); align-self: var(--page-social-image-caption-align-self, auto); justify-self: var(--page-social-image-caption-justify-self, auto); grid-gap: var(--page-social-image-caption-grid-gap, auto); flex-direction: var(--page-social-image-caption-flex-direction, unset); outline-width: var(--page-social-image-caption-outline-width, auto); outline-color: var(--page-social-image-caption-outline-color, auto); outline-style: var(--page-social-image-caption-outline-style, none); border-width: var(--page-social-image-caption-border-width, auto); border-color: var(--page-social-image-caption-border-color, auto); font-family: var(--page-social-image-caption-font-family, auto); border-style: var(--page-social-image-caption-border-style, auto); box-shadow: var(--page-social-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .social .button, .template-page--root .social .button > p { background-color: var(--page-social-button-background-color, auto); background-image: var(--page-social-button-background-image, auto); background-position: var(--page-social-button-background-position, auto); background-repeat: var(--page-social-button-background-repeat, auto); background-size: var(--page-social-button-background-size, auto); font-size: var(--page-social-button-font-size, auto); font-weight: var(--page-social-button-font-weight, auto); padding-top: var(--page-social-button-padding-top, auto); padding-bottom: var(--page-social-button-padding-bottom, auto); padding-left: var(--page-social-button-padding-left, auto); padding-right: var(--page-social-button-padding-right, auto); text-align: var(--page-social-button-text-align, auto); color: var(--page-social-button-color, auto); height: var(--page-social-button-height, auto); width: var(--page-social-button-width, auto); grid-template-columns: var(--page-social-button-grid-template-columns, auto); max-width: var(--page-social-button-max-width, auto); max-height: var(--page-social-button-max-height, auto); margin: var(--page-social-button-margin, auto); border-radius: var(--page-social-button-border-radius, auto); font-style: var(--page-social-button-font-style, auto); margin-top: var(--page-social-button-margin-top, auto); margin-bottom: var(--page-social-button-margin-bottom, auto); margin-left: var(--page-social-button-margin-left, auto); margin-right: var(--page-social-button-margin-right, auto); align-items: var(--page-social-button-align-items, auto); justify-content: var(--page-social-button-justify-content, auto); align-self: var(--page-social-button-align-self, auto); justify-self: var(--page-social-button-justify-self, auto); grid-gap: var(--page-social-button-grid-gap, auto); flex-direction: var(--page-social-button-flex-direction, unset); outline-width: var(--page-social-button-outline-width, auto); outline-color: var(--page-social-button-outline-color, auto); outline-style: var(--page-social-button-outline-style, none); border-width: var(--page-social-button-border-width, auto); border-color: var(--page-social-button-border-color, auto); font-family: var(--page-social-button-font-family, auto); border-style: var(--page-social-button-border-style, auto); box-shadow: var(--page-social-button-box-shadow, auto); line-height: 1; } .template-page--root .social .newsletter-info, .template-page--root .social .newsletter-info > p { background-color: var(--page-social-newsletter-info-background-color, auto); background-image: var(--page-social-newsletter-info-background-image, auto); background-position: var(--page-social-newsletter-info-background-position, auto); background-repeat: var(--page-social-newsletter-info-background-repeat, auto); background-size: var(--page-social-newsletter-info-background-size, auto); font-size: var(--page-social-newsletter-info-font-size, auto); font-weight: var(--page-social-newsletter-info-font-weight, auto); padding-top: var(--page-social-newsletter-info-padding-top, auto); padding-bottom: var(--page-social-newsletter-info-padding-bottom, auto); padding-left: var(--page-social-newsletter-info-padding-left, auto); padding-right: var(--page-social-newsletter-info-padding-right, auto); text-align: var(--page-social-newsletter-info-text-align, auto); color: var(--page-social-newsletter-info-color, auto); height: var(--page-social-newsletter-info-height, auto); width: var(--page-social-newsletter-info-width, auto); grid-template-columns: var(--page-social-newsletter-info-grid-template-columns, auto); max-width: var(--page-social-newsletter-info-max-width, auto); max-height: var(--page-social-newsletter-info-max-height, auto); margin: var(--page-social-newsletter-info-margin, auto); border-radius: var(--page-social-newsletter-info-border-radius, auto); font-style: var(--page-social-newsletter-info-font-style, auto); margin-top: var(--page-social-newsletter-info-margin-top, auto); margin-bottom: var(--page-social-newsletter-info-margin-bottom, auto); margin-left: var(--page-social-newsletter-info-margin-left, auto); margin-right: var(--page-social-newsletter-info-margin-right, auto); align-items: var(--page-social-newsletter-info-align-items, auto); justify-content: var(--page-social-newsletter-info-justify-content, auto); align-self: var(--page-social-newsletter-info-align-self, auto); justify-self: var(--page-social-newsletter-info-justify-self, auto); grid-gap: var(--page-social-newsletter-info-grid-gap, auto); flex-direction: var(--page-social-newsletter-info-flex-direction, unset); outline-width: var(--page-social-newsletter-info-outline-width, auto); outline-color: var(--page-social-newsletter-info-outline-color, auto); outline-style: var(--page-social-newsletter-info-outline-style, none); border-width: var(--page-social-newsletter-info-border-width, auto); border-color: var(--page-social-newsletter-info-border-color, auto); font-family: var(--page-social-newsletter-info-font-family, auto); border-style: var(--page-social-newsletter-info-border-style, auto); box-shadow: var(--page-social-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .block { background-color: var(--page-block-background-color, auto); background-image: var(--page-block-background-image, auto); background-position: var(--page-block-background-position, auto); background-repeat: var(--page-block-background-repeat, auto); background-size: var(--page-block-background-size, auto); font-size: var(--page-block-font-size, auto); font-weight: var(--page-block-font-weight, auto); padding-top: var(--page-block-padding-top, auto); padding-bottom: var(--page-block-padding-bottom, auto); padding-left: var(--page-block-padding-left, auto); padding-right: var(--page-block-padding-right, auto); text-align: var(--page-block-text-align, auto); color: var(--page-block-color, auto); height: var(--page-block-height, auto); width: var(--page-block-width, auto); grid-template-columns: var(--page-block-grid-template-columns, auto); max-width: var(--page-block-max-width, auto); max-height: var(--page-block-max-height, auto); margin: var(--page-block-margin, auto); border-radius: var(--page-block-border-radius, auto); font-style: var(--page-block-font-style, auto); margin-top: var(--page-block-margin-top, auto); margin-bottom: var(--page-block-margin-bottom, auto); margin-left: var(--page-block-margin-left, auto); margin-right: var(--page-block-margin-right, auto); align-items: var(--page-block-align-items, auto); justify-content: var(--page-block-justify-content, auto); align-self: var(--page-block-align-self, auto); justify-self: var(--page-block-justify-self, auto); grid-gap: var(--page-block-grid-gap, auto); flex-direction: var(--page-block-flex-direction, unset); outline-width: var(--page-block-outline-width, auto); outline-color: var(--page-block-outline-color, auto); outline-style: var(--page-block-outline-style, none); border-width: var(--page-block-border-width, auto); border-color: var(--page-block-border-color, auto); font-family: var(--page-block-font-family, auto); border-style: var(--page-block-border-style, auto); box-shadow: var(--page-block-box-shadow, auto); } .template-page--root .block .title, .template-page--root .block .title > p { background-color: var(--page-block-title-background-color, auto); background-image: var(--page-block-title-background-image, auto); background-position: var(--page-block-title-background-position, auto); background-repeat: var(--page-block-title-background-repeat, auto); background-size: var(--page-block-title-background-size, auto); font-size: var(--page-block-title-font-size, auto); font-weight: var(--page-block-title-font-weight, auto); padding-top: var(--page-block-title-padding-top, auto); padding-bottom: var(--page-block-title-padding-bottom, auto); padding-left: var(--page-block-title-padding-left, auto); padding-right: var(--page-block-title-padding-right, auto); text-align: var(--page-block-title-text-align, auto); color: var(--page-block-title-color, auto); height: var(--page-block-title-height, auto); width: var(--page-block-title-width, auto); grid-template-columns: var(--page-block-title-grid-template-columns, auto); max-width: var(--page-block-title-max-width, auto); max-height: var(--page-block-title-max-height, auto); margin: var(--page-block-title-margin, auto); border-radius: var(--page-block-title-border-radius, auto); font-style: var(--page-block-title-font-style, auto); margin-top: var(--page-block-title-margin-top, auto); margin-bottom: var(--page-block-title-margin-bottom, auto); margin-left: var(--page-block-title-margin-left, auto); margin-right: var(--page-block-title-margin-right, auto); align-items: var(--page-block-title-align-items, auto); justify-content: var(--page-block-title-justify-content, auto); align-self: var(--page-block-title-align-self, auto); justify-self: var(--page-block-title-justify-self, auto); grid-gap: var(--page-block-title-grid-gap, auto); flex-direction: var(--page-block-title-flex-direction, unset); outline-width: var(--page-block-title-outline-width, auto); outline-color: var(--page-block-title-outline-color, auto); outline-style: var(--page-block-title-outline-style, none); border-width: var(--page-block-title-border-width, auto); border-color: var(--page-block-title-border-color, auto); font-family: var(--page-block-title-font-family, auto); border-style: var(--page-block-title-border-style, auto); box-shadow: var(--page-block-title-box-shadow, auto); line-height: 1; } .template-page--root .block .content, .template-page--root .block .content > p { background-color: var(--page-block-content-background-color, auto); background-image: var(--page-block-content-background-image, auto); background-position: var(--page-block-content-background-position, auto); background-repeat: var(--page-block-content-background-repeat, auto); background-size: var(--page-block-content-background-size, auto); font-size: var(--page-block-content-font-size, auto); font-weight: var(--page-block-content-font-weight, auto); padding-top: var(--page-block-content-padding-top, auto); padding-bottom: var(--page-block-content-padding-bottom, auto); padding-left: var(--page-block-content-padding-left, auto); padding-right: var(--page-block-content-padding-right, auto); text-align: var(--page-block-content-text-align, auto); color: var(--page-block-content-color, auto); height: var(--page-block-content-height, auto); width: var(--page-block-content-width, auto); grid-template-columns: var(--page-block-content-grid-template-columns, auto); max-width: var(--page-block-content-max-width, auto); max-height: var(--page-block-content-max-height, auto); margin: var(--page-block-content-margin, auto); border-radius: var(--page-block-content-border-radius, auto); font-style: var(--page-block-content-font-style, auto); margin-top: var(--page-block-content-margin-top, auto); margin-bottom: var(--page-block-content-margin-bottom, auto); margin-left: var(--page-block-content-margin-left, auto); margin-right: var(--page-block-content-margin-right, auto); align-items: var(--page-block-content-align-items, auto); justify-content: var(--page-block-content-justify-content, auto); align-self: var(--page-block-content-align-self, auto); justify-self: var(--page-block-content-justify-self, auto); grid-gap: var(--page-block-content-grid-gap, auto); flex-direction: var(--page-block-content-flex-direction, unset); outline-width: var(--page-block-content-outline-width, auto); outline-color: var(--page-block-content-outline-color, auto); outline-style: var(--page-block-content-outline-style, none); border-width: var(--page-block-content-border-width, auto); border-color: var(--page-block-content-border-color, auto); font-family: var(--page-block-content-font-family, auto); border-style: var(--page-block-content-border-style, auto); box-shadow: var(--page-block-content-box-shadow, auto); line-height: 1; } .template-page--root .block .details, .template-page--root .block .details > p { background-color: var(--page-block-details-background-color, auto); background-image: var(--page-block-details-background-image, auto); background-position: var(--page-block-details-background-position, auto); background-repeat: var(--page-block-details-background-repeat, auto); background-size: var(--page-block-details-background-size, auto); font-size: var(--page-block-details-font-size, auto); font-weight: var(--page-block-details-font-weight, auto); padding-top: var(--page-block-details-padding-top, auto); padding-bottom: var(--page-block-details-padding-bottom, auto); padding-left: var(--page-block-details-padding-left, auto); padding-right: var(--page-block-details-padding-right, auto); text-align: var(--page-block-details-text-align, auto); color: var(--page-block-details-color, auto); height: var(--page-block-details-height, auto); width: var(--page-block-details-width, auto); grid-template-columns: var(--page-block-details-grid-template-columns, auto); max-width: var(--page-block-details-max-width, auto); max-height: var(--page-block-details-max-height, auto); margin: var(--page-block-details-margin, auto); border-radius: var(--page-block-details-border-radius, auto); font-style: var(--page-block-details-font-style, auto); margin-top: var(--page-block-details-margin-top, auto); margin-bottom: var(--page-block-details-margin-bottom, auto); margin-left: var(--page-block-details-margin-left, auto); margin-right: var(--page-block-details-margin-right, auto); align-items: var(--page-block-details-align-items, auto); justify-content: var(--page-block-details-justify-content, auto); align-self: var(--page-block-details-align-self, auto); justify-self: var(--page-block-details-justify-self, auto); grid-gap: var(--page-block-details-grid-gap, auto); flex-direction: var(--page-block-details-flex-direction, unset); outline-width: var(--page-block-details-outline-width, auto); outline-color: var(--page-block-details-outline-color, auto); outline-style: var(--page-block-details-outline-style, none); border-width: var(--page-block-details-border-width, auto); border-color: var(--page-block-details-border-color, auto); font-family: var(--page-block-details-font-family, auto); border-style: var(--page-block-details-border-style, auto); box-shadow: var(--page-block-details-box-shadow, auto); line-height: 1; } .template-page--root .block .image, .template-page--root .block .image > p { background-color: var(--page-block-image-background-color, auto); background-image: var(--page-block-image-background-image, auto); background-position: var(--page-block-image-background-position, auto); background-repeat: var(--page-block-image-background-repeat, auto); background-size: var(--page-block-image-background-size, auto); font-size: var(--page-block-image-font-size, auto); font-weight: var(--page-block-image-font-weight, auto); padding-top: var(--page-block-image-padding-top, auto); padding-bottom: var(--page-block-image-padding-bottom, auto); padding-left: var(--page-block-image-padding-left, auto); padding-right: var(--page-block-image-padding-right, auto); text-align: var(--page-block-image-text-align, auto); color: var(--page-block-image-color, auto); height: var(--page-block-image-height, auto); width: var(--page-block-image-width, auto); grid-template-columns: var(--page-block-image-grid-template-columns, auto); max-width: var(--page-block-image-max-width, auto); max-height: var(--page-block-image-max-height, auto); margin: var(--page-block-image-margin, auto); border-radius: var(--page-block-image-border-radius, auto); font-style: var(--page-block-image-font-style, auto); margin-top: var(--page-block-image-margin-top, auto); margin-bottom: var(--page-block-image-margin-bottom, auto); margin-left: var(--page-block-image-margin-left, auto); margin-right: var(--page-block-image-margin-right, auto); align-items: var(--page-block-image-align-items, auto); justify-content: var(--page-block-image-justify-content, auto); align-self: var(--page-block-image-align-self, auto); justify-self: var(--page-block-image-justify-self, auto); grid-gap: var(--page-block-image-grid-gap, auto); flex-direction: var(--page-block-image-flex-direction, unset); outline-width: var(--page-block-image-outline-width, auto); outline-color: var(--page-block-image-outline-color, auto); outline-style: var(--page-block-image-outline-style, none); border-width: var(--page-block-image-border-width, auto); border-color: var(--page-block-image-border-color, auto); font-family: var(--page-block-image-font-family, auto); border-style: var(--page-block-image-border-style, auto); box-shadow: var(--page-block-image-box-shadow, auto); line-height: 1; } .template-page--root .block .image-caption, .template-page--root .block .image-caption > p { background-color: var(--page-block-image-caption-background-color, auto); background-image: var(--page-block-image-caption-background-image, auto); background-position: var(--page-block-image-caption-background-position, auto); background-repeat: var(--page-block-image-caption-background-repeat, auto); background-size: var(--page-block-image-caption-background-size, auto); font-size: var(--page-block-image-caption-font-size, auto); font-weight: var(--page-block-image-caption-font-weight, auto); padding-top: var(--page-block-image-caption-padding-top, auto); padding-bottom: var(--page-block-image-caption-padding-bottom, auto); padding-left: var(--page-block-image-caption-padding-left, auto); padding-right: var(--page-block-image-caption-padding-right, auto); text-align: var(--page-block-image-caption-text-align, auto); color: var(--page-block-image-caption-color, auto); height: var(--page-block-image-caption-height, auto); width: var(--page-block-image-caption-width, auto); grid-template-columns: var(--page-block-image-caption-grid-template-columns, auto); max-width: var(--page-block-image-caption-max-width, auto); max-height: var(--page-block-image-caption-max-height, auto); margin: var(--page-block-image-caption-margin, auto); border-radius: var(--page-block-image-caption-border-radius, auto); font-style: var(--page-block-image-caption-font-style, auto); margin-top: var(--page-block-image-caption-margin-top, auto); margin-bottom: var(--page-block-image-caption-margin-bottom, auto); margin-left: var(--page-block-image-caption-margin-left, auto); margin-right: var(--page-block-image-caption-margin-right, auto); align-items: var(--page-block-image-caption-align-items, auto); justify-content: var(--page-block-image-caption-justify-content, auto); align-self: var(--page-block-image-caption-align-self, auto); justify-self: var(--page-block-image-caption-justify-self, auto); grid-gap: var(--page-block-image-caption-grid-gap, auto); flex-direction: var(--page-block-image-caption-flex-direction, unset); outline-width: var(--page-block-image-caption-outline-width, auto); outline-color: var(--page-block-image-caption-outline-color, auto); outline-style: var(--page-block-image-caption-outline-style, none); border-width: var(--page-block-image-caption-border-width, auto); border-color: var(--page-block-image-caption-border-color, auto); font-family: var(--page-block-image-caption-font-family, auto); border-style: var(--page-block-image-caption-border-style, auto); box-shadow: var(--page-block-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .block .button, .template-page--root .block .button > p { background-color: var(--page-block-button-background-color, auto); background-image: var(--page-block-button-background-image, auto); background-position: var(--page-block-button-background-position, auto); background-repeat: var(--page-block-button-background-repeat, auto); background-size: var(--page-block-button-background-size, auto); font-size: var(--page-block-button-font-size, auto); font-weight: var(--page-block-button-font-weight, auto); padding-top: var(--page-block-button-padding-top, auto); padding-bottom: var(--page-block-button-padding-bottom, auto); padding-left: var(--page-block-button-padding-left, auto); padding-right: var(--page-block-button-padding-right, auto); text-align: var(--page-block-button-text-align, auto); color: var(--page-block-button-color, auto); height: var(--page-block-button-height, auto); width: var(--page-block-button-width, auto); grid-template-columns: var(--page-block-button-grid-template-columns, auto); max-width: var(--page-block-button-max-width, auto); max-height: var(--page-block-button-max-height, auto); margin: var(--page-block-button-margin, auto); border-radius: var(--page-block-button-border-radius, auto); font-style: var(--page-block-button-font-style, auto); margin-top: var(--page-block-button-margin-top, auto); margin-bottom: var(--page-block-button-margin-bottom, auto); margin-left: var(--page-block-button-margin-left, auto); margin-right: var(--page-block-button-margin-right, auto); align-items: var(--page-block-button-align-items, auto); justify-content: var(--page-block-button-justify-content, auto); align-self: var(--page-block-button-align-self, auto); justify-self: var(--page-block-button-justify-self, auto); grid-gap: var(--page-block-button-grid-gap, auto); flex-direction: var(--page-block-button-flex-direction, unset); outline-width: var(--page-block-button-outline-width, auto); outline-color: var(--page-block-button-outline-color, auto); outline-style: var(--page-block-button-outline-style, none); border-width: var(--page-block-button-border-width, auto); border-color: var(--page-block-button-border-color, auto); font-family: var(--page-block-button-font-family, auto); border-style: var(--page-block-button-border-style, auto); box-shadow: var(--page-block-button-box-shadow, auto); line-height: 1; } .template-page--root .block .newsletter-info, .template-page--root .block .newsletter-info > p { background-color: var(--page-block-newsletter-info-background-color, auto); background-image: var(--page-block-newsletter-info-background-image, auto); background-position: var(--page-block-newsletter-info-background-position, auto); background-repeat: var(--page-block-newsletter-info-background-repeat, auto); background-size: var(--page-block-newsletter-info-background-size, auto); font-size: var(--page-block-newsletter-info-font-size, auto); font-weight: var(--page-block-newsletter-info-font-weight, auto); padding-top: var(--page-block-newsletter-info-padding-top, auto); padding-bottom: var(--page-block-newsletter-info-padding-bottom, auto); padding-left: var(--page-block-newsletter-info-padding-left, auto); padding-right: var(--page-block-newsletter-info-padding-right, auto); text-align: var(--page-block-newsletter-info-text-align, auto); color: var(--page-block-newsletter-info-color, auto); height: var(--page-block-newsletter-info-height, auto); width: var(--page-block-newsletter-info-width, auto); grid-template-columns: var(--page-block-newsletter-info-grid-template-columns, auto); max-width: var(--page-block-newsletter-info-max-width, auto); max-height: var(--page-block-newsletter-info-max-height, auto); margin: var(--page-block-newsletter-info-margin, auto); border-radius: var(--page-block-newsletter-info-border-radius, auto); font-style: var(--page-block-newsletter-info-font-style, auto); margin-top: var(--page-block-newsletter-info-margin-top, auto); margin-bottom: var(--page-block-newsletter-info-margin-bottom, auto); margin-left: var(--page-block-newsletter-info-margin-left, auto); margin-right: var(--page-block-newsletter-info-margin-right, auto); align-items: var(--page-block-newsletter-info-align-items, auto); justify-content: var(--page-block-newsletter-info-justify-content, auto); align-self: var(--page-block-newsletter-info-align-self, auto); justify-self: var(--page-block-newsletter-info-justify-self, auto); grid-gap: var(--page-block-newsletter-info-grid-gap, auto); flex-direction: var(--page-block-newsletter-info-flex-direction, unset); outline-width: var(--page-block-newsletter-info-outline-width, auto); outline-color: var(--page-block-newsletter-info-outline-color, auto); outline-style: var(--page-block-newsletter-info-outline-style, none); border-width: var(--page-block-newsletter-info-border-width, auto); border-color: var(--page-block-newsletter-info-border-color, auto); font-family: var(--page-block-newsletter-info-font-family, auto); border-style: var(--page-block-newsletter-info-border-style, auto); box-shadow: var(--page-block-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .button { background-color: var(--page-button-background-color, auto); background-image: var(--page-button-background-image, auto); background-position: var(--page-button-background-position, auto); background-repeat: var(--page-button-background-repeat, auto); background-size: var(--page-button-background-size, auto); font-size: var(--page-button-font-size, auto); font-weight: var(--page-button-font-weight, auto); padding-top: var(--page-button-padding-top, auto); padding-bottom: var(--page-button-padding-bottom, auto); padding-left: var(--page-button-padding-left, auto); padding-right: var(--page-button-padding-right, auto); text-align: var(--page-button-text-align, auto); color: var(--page-button-color, auto); height: var(--page-button-height, auto); width: var(--page-button-width, auto); grid-template-columns: var(--page-button-grid-template-columns, auto); max-width: var(--page-button-max-width, auto); max-height: var(--page-button-max-height, auto); margin: var(--page-button-margin, auto); border-radius: var(--page-button-border-radius, auto); font-style: var(--page-button-font-style, auto); margin-top: var(--page-button-margin-top, auto); margin-bottom: var(--page-button-margin-bottom, auto); margin-left: var(--page-button-margin-left, auto); margin-right: var(--page-button-margin-right, auto); align-items: var(--page-button-align-items, auto); justify-content: var(--page-button-justify-content, auto); align-self: var(--page-button-align-self, auto); justify-self: var(--page-button-justify-self, auto); grid-gap: var(--page-button-grid-gap, auto); flex-direction: var(--page-button-flex-direction, unset); outline-width: var(--page-button-outline-width, auto); outline-color: var(--page-button-outline-color, auto); outline-style: var(--page-button-outline-style, none); border-width: var(--page-button-border-width, auto); border-color: var(--page-button-border-color, auto); font-family: var(--page-button-font-family, auto); border-style: var(--page-button-border-style, auto); box-shadow: var(--page-button-box-shadow, auto); } .template-page--root .button .title, .template-page--root .button .title > p { background-color: var(--page-button-title-background-color, auto); background-image: var(--page-button-title-background-image, auto); background-position: var(--page-button-title-background-position, auto); background-repeat: var(--page-button-title-background-repeat, auto); background-size: var(--page-button-title-background-size, auto); font-size: var(--page-button-title-font-size, auto); font-weight: var(--page-button-title-font-weight, auto); padding-top: var(--page-button-title-padding-top, auto); padding-bottom: var(--page-button-title-padding-bottom, auto); padding-left: var(--page-button-title-padding-left, auto); padding-right: var(--page-button-title-padding-right, auto); text-align: var(--page-button-title-text-align, auto); color: var(--page-button-title-color, auto); height: var(--page-button-title-height, auto); width: var(--page-button-title-width, auto); grid-template-columns: var(--page-button-title-grid-template-columns, auto); max-width: var(--page-button-title-max-width, auto); max-height: var(--page-button-title-max-height, auto); margin: var(--page-button-title-margin, auto); border-radius: var(--page-button-title-border-radius, auto); font-style: var(--page-button-title-font-style, auto); margin-top: var(--page-button-title-margin-top, auto); margin-bottom: var(--page-button-title-margin-bottom, auto); margin-left: var(--page-button-title-margin-left, auto); margin-right: var(--page-button-title-margin-right, auto); align-items: var(--page-button-title-align-items, auto); justify-content: var(--page-button-title-justify-content, auto); align-self: var(--page-button-title-align-self, auto); justify-self: var(--page-button-title-justify-self, auto); grid-gap: var(--page-button-title-grid-gap, auto); flex-direction: var(--page-button-title-flex-direction, unset); outline-width: var(--page-button-title-outline-width, auto); outline-color: var(--page-button-title-outline-color, auto); outline-style: var(--page-button-title-outline-style, none); border-width: var(--page-button-title-border-width, auto); border-color: var(--page-button-title-border-color, auto); font-family: var(--page-button-title-font-family, auto); border-style: var(--page-button-title-border-style, auto); box-shadow: var(--page-button-title-box-shadow, auto); line-height: 1; } .template-page--root .button .content, .template-page--root .button .content > p { background-color: var(--page-button-content-background-color, auto); background-image: var(--page-button-content-background-image, auto); background-position: var(--page-button-content-background-position, auto); background-repeat: var(--page-button-content-background-repeat, auto); background-size: var(--page-button-content-background-size, auto); font-size: var(--page-button-content-font-size, auto); font-weight: var(--page-button-content-font-weight, auto); padding-top: var(--page-button-content-padding-top, auto); padding-bottom: var(--page-button-content-padding-bottom, auto); padding-left: var(--page-button-content-padding-left, auto); padding-right: var(--page-button-content-padding-right, auto); text-align: var(--page-button-content-text-align, auto); color: var(--page-button-content-color, auto); height: var(--page-button-content-height, auto); width: var(--page-button-content-width, auto); grid-template-columns: var(--page-button-content-grid-template-columns, auto); max-width: var(--page-button-content-max-width, auto); max-height: var(--page-button-content-max-height, auto); margin: var(--page-button-content-margin, auto); border-radius: var(--page-button-content-border-radius, auto); font-style: var(--page-button-content-font-style, auto); margin-top: var(--page-button-content-margin-top, auto); margin-bottom: var(--page-button-content-margin-bottom, auto); margin-left: var(--page-button-content-margin-left, auto); margin-right: var(--page-button-content-margin-right, auto); align-items: var(--page-button-content-align-items, auto); justify-content: var(--page-button-content-justify-content, auto); align-self: var(--page-button-content-align-self, auto); justify-self: var(--page-button-content-justify-self, auto); grid-gap: var(--page-button-content-grid-gap, auto); flex-direction: var(--page-button-content-flex-direction, unset); outline-width: var(--page-button-content-outline-width, auto); outline-color: var(--page-button-content-outline-color, auto); outline-style: var(--page-button-content-outline-style, none); border-width: var(--page-button-content-border-width, auto); border-color: var(--page-button-content-border-color, auto); font-family: var(--page-button-content-font-family, auto); border-style: var(--page-button-content-border-style, auto); box-shadow: var(--page-button-content-box-shadow, auto); line-height: 1; } .template-page--root .button .details, .template-page--root .button .details > p { background-color: var(--page-button-details-background-color, auto); background-image: var(--page-button-details-background-image, auto); background-position: var(--page-button-details-background-position, auto); background-repeat: var(--page-button-details-background-repeat, auto); background-size: var(--page-button-details-background-size, auto); font-size: var(--page-button-details-font-size, auto); font-weight: var(--page-button-details-font-weight, auto); padding-top: var(--page-button-details-padding-top, auto); padding-bottom: var(--page-button-details-padding-bottom, auto); padding-left: var(--page-button-details-padding-left, auto); padding-right: var(--page-button-details-padding-right, auto); text-align: var(--page-button-details-text-align, auto); color: var(--page-button-details-color, auto); height: var(--page-button-details-height, auto); width: var(--page-button-details-width, auto); grid-template-columns: var(--page-button-details-grid-template-columns, auto); max-width: var(--page-button-details-max-width, auto); max-height: var(--page-button-details-max-height, auto); margin: var(--page-button-details-margin, auto); border-radius: var(--page-button-details-border-radius, auto); font-style: var(--page-button-details-font-style, auto); margin-top: var(--page-button-details-margin-top, auto); margin-bottom: var(--page-button-details-margin-bottom, auto); margin-left: var(--page-button-details-margin-left, auto); margin-right: var(--page-button-details-margin-right, auto); align-items: var(--page-button-details-align-items, auto); justify-content: var(--page-button-details-justify-content, auto); align-self: var(--page-button-details-align-self, auto); justify-self: var(--page-button-details-justify-self, auto); grid-gap: var(--page-button-details-grid-gap, auto); flex-direction: var(--page-button-details-flex-direction, unset); outline-width: var(--page-button-details-outline-width, auto); outline-color: var(--page-button-details-outline-color, auto); outline-style: var(--page-button-details-outline-style, none); border-width: var(--page-button-details-border-width, auto); border-color: var(--page-button-details-border-color, auto); font-family: var(--page-button-details-font-family, auto); border-style: var(--page-button-details-border-style, auto); box-shadow: var(--page-button-details-box-shadow, auto); line-height: 1; } .template-page--root .button .image, .template-page--root .button .image > p { background-color: var(--page-button-image-background-color, auto); background-image: var(--page-button-image-background-image, auto); background-position: var(--page-button-image-background-position, auto); background-repeat: var(--page-button-image-background-repeat, auto); background-size: var(--page-button-image-background-size, auto); font-size: var(--page-button-image-font-size, auto); font-weight: var(--page-button-image-font-weight, auto); padding-top: var(--page-button-image-padding-top, auto); padding-bottom: var(--page-button-image-padding-bottom, auto); padding-left: var(--page-button-image-padding-left, auto); padding-right: var(--page-button-image-padding-right, auto); text-align: var(--page-button-image-text-align, auto); color: var(--page-button-image-color, auto); height: var(--page-button-image-height, auto); width: var(--page-button-image-width, auto); grid-template-columns: var(--page-button-image-grid-template-columns, auto); max-width: var(--page-button-image-max-width, auto); max-height: var(--page-button-image-max-height, auto); margin: var(--page-button-image-margin, auto); border-radius: var(--page-button-image-border-radius, auto); font-style: var(--page-button-image-font-style, auto); margin-top: var(--page-button-image-margin-top, auto); margin-bottom: var(--page-button-image-margin-bottom, auto); margin-left: var(--page-button-image-margin-left, auto); margin-right: var(--page-button-image-margin-right, auto); align-items: var(--page-button-image-align-items, auto); justify-content: var(--page-button-image-justify-content, auto); align-self: var(--page-button-image-align-self, auto); justify-self: var(--page-button-image-justify-self, auto); grid-gap: var(--page-button-image-grid-gap, auto); flex-direction: var(--page-button-image-flex-direction, unset); outline-width: var(--page-button-image-outline-width, auto); outline-color: var(--page-button-image-outline-color, auto); outline-style: var(--page-button-image-outline-style, none); border-width: var(--page-button-image-border-width, auto); border-color: var(--page-button-image-border-color, auto); font-family: var(--page-button-image-font-family, auto); border-style: var(--page-button-image-border-style, auto); box-shadow: var(--page-button-image-box-shadow, auto); line-height: 1; } .template-page--root .button .image-caption, .template-page--root .button .image-caption > p { background-color: var(--page-button-image-caption-background-color, auto); background-image: var(--page-button-image-caption-background-image, auto); background-position: var(--page-button-image-caption-background-position, auto); background-repeat: var(--page-button-image-caption-background-repeat, auto); background-size: var(--page-button-image-caption-background-size, auto); font-size: var(--page-button-image-caption-font-size, auto); font-weight: var(--page-button-image-caption-font-weight, auto); padding-top: var(--page-button-image-caption-padding-top, auto); padding-bottom: var(--page-button-image-caption-padding-bottom, auto); padding-left: var(--page-button-image-caption-padding-left, auto); padding-right: var(--page-button-image-caption-padding-right, auto); text-align: var(--page-button-image-caption-text-align, auto); color: var(--page-button-image-caption-color, auto); height: var(--page-button-image-caption-height, auto); width: var(--page-button-image-caption-width, auto); grid-template-columns: var(--page-button-image-caption-grid-template-columns, auto); max-width: var(--page-button-image-caption-max-width, auto); max-height: var(--page-button-image-caption-max-height, auto); margin: var(--page-button-image-caption-margin, auto); border-radius: var(--page-button-image-caption-border-radius, auto); font-style: var(--page-button-image-caption-font-style, auto); margin-top: var(--page-button-image-caption-margin-top, auto); margin-bottom: var(--page-button-image-caption-margin-bottom, auto); margin-left: var(--page-button-image-caption-margin-left, auto); margin-right: var(--page-button-image-caption-margin-right, auto); align-items: var(--page-button-image-caption-align-items, auto); justify-content: var(--page-button-image-caption-justify-content, auto); align-self: var(--page-button-image-caption-align-self, auto); justify-self: var(--page-button-image-caption-justify-self, auto); grid-gap: var(--page-button-image-caption-grid-gap, auto); flex-direction: var(--page-button-image-caption-flex-direction, unset); outline-width: var(--page-button-image-caption-outline-width, auto); outline-color: var(--page-button-image-caption-outline-color, auto); outline-style: var(--page-button-image-caption-outline-style, none); border-width: var(--page-button-image-caption-border-width, auto); border-color: var(--page-button-image-caption-border-color, auto); font-family: var(--page-button-image-caption-font-family, auto); border-style: var(--page-button-image-caption-border-style, auto); box-shadow: var(--page-button-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .button .button, .template-page--root .button .button > p { background-color: var(--page-button-button-background-color, auto); background-image: var(--page-button-button-background-image, auto); background-position: var(--page-button-button-background-position, auto); background-repeat: var(--page-button-button-background-repeat, auto); background-size: var(--page-button-button-background-size, auto); font-size: var(--page-button-button-font-size, auto); font-weight: var(--page-button-button-font-weight, auto); padding-top: var(--page-button-button-padding-top, auto); padding-bottom: var(--page-button-button-padding-bottom, auto); padding-left: var(--page-button-button-padding-left, auto); padding-right: var(--page-button-button-padding-right, auto); text-align: var(--page-button-button-text-align, auto); color: var(--page-button-button-color, auto); height: var(--page-button-button-height, auto); width: var(--page-button-button-width, auto); grid-template-columns: var(--page-button-button-grid-template-columns, auto); max-width: var(--page-button-button-max-width, auto); max-height: var(--page-button-button-max-height, auto); margin: var(--page-button-button-margin, auto); border-radius: var(--page-button-button-border-radius, auto); font-style: var(--page-button-button-font-style, auto); margin-top: var(--page-button-button-margin-top, auto); margin-bottom: var(--page-button-button-margin-bottom, auto); margin-left: var(--page-button-button-margin-left, auto); margin-right: var(--page-button-button-margin-right, auto); align-items: var(--page-button-button-align-items, auto); justify-content: var(--page-button-button-justify-content, auto); align-self: var(--page-button-button-align-self, auto); justify-self: var(--page-button-button-justify-self, auto); grid-gap: var(--page-button-button-grid-gap, auto); flex-direction: var(--page-button-button-flex-direction, unset); outline-width: var(--page-button-button-outline-width, auto); outline-color: var(--page-button-button-outline-color, auto); outline-style: var(--page-button-button-outline-style, none); border-width: var(--page-button-button-border-width, auto); border-color: var(--page-button-button-border-color, auto); font-family: var(--page-button-button-font-family, auto); border-style: var(--page-button-button-border-style, auto); box-shadow: var(--page-button-button-box-shadow, auto); line-height: 1; } .template-page--root .button .newsletter-info, .template-page--root .button .newsletter-info > p { background-color: var(--page-button-newsletter-info-background-color, auto); background-image: var(--page-button-newsletter-info-background-image, auto); background-position: var(--page-button-newsletter-info-background-position, auto); background-repeat: var(--page-button-newsletter-info-background-repeat, auto); background-size: var(--page-button-newsletter-info-background-size, auto); font-size: var(--page-button-newsletter-info-font-size, auto); font-weight: var(--page-button-newsletter-info-font-weight, auto); padding-top: var(--page-button-newsletter-info-padding-top, auto); padding-bottom: var(--page-button-newsletter-info-padding-bottom, auto); padding-left: var(--page-button-newsletter-info-padding-left, auto); padding-right: var(--page-button-newsletter-info-padding-right, auto); text-align: var(--page-button-newsletter-info-text-align, auto); color: var(--page-button-newsletter-info-color, auto); height: var(--page-button-newsletter-info-height, auto); width: var(--page-button-newsletter-info-width, auto); grid-template-columns: var(--page-button-newsletter-info-grid-template-columns, auto); max-width: var(--page-button-newsletter-info-max-width, auto); max-height: var(--page-button-newsletter-info-max-height, auto); margin: var(--page-button-newsletter-info-margin, auto); border-radius: var(--page-button-newsletter-info-border-radius, auto); font-style: var(--page-button-newsletter-info-font-style, auto); margin-top: var(--page-button-newsletter-info-margin-top, auto); margin-bottom: var(--page-button-newsletter-info-margin-bottom, auto); margin-left: var(--page-button-newsletter-info-margin-left, auto); margin-right: var(--page-button-newsletter-info-margin-right, auto); align-items: var(--page-button-newsletter-info-align-items, auto); justify-content: var(--page-button-newsletter-info-justify-content, auto); align-self: var(--page-button-newsletter-info-align-self, auto); justify-self: var(--page-button-newsletter-info-justify-self, auto); grid-gap: var(--page-button-newsletter-info-grid-gap, auto); flex-direction: var(--page-button-newsletter-info-flex-direction, unset); outline-width: var(--page-button-newsletter-info-outline-width, auto); outline-color: var(--page-button-newsletter-info-outline-color, auto); outline-style: var(--page-button-newsletter-info-outline-style, none); border-width: var(--page-button-newsletter-info-border-width, auto); border-color: var(--page-button-newsletter-info-border-color, auto); font-family: var(--page-button-newsletter-info-font-family, auto); border-style: var(--page-button-newsletter-info-border-style, auto); box-shadow: var(--page-button-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .hover { background-color: var(--page-hover-background-color, auto); background-image: var(--page-hover-background-image, auto); background-position: var(--page-hover-background-position, auto); background-repeat: var(--page-hover-background-repeat, auto); background-size: var(--page-hover-background-size, auto); font-size: var(--page-hover-font-size, auto); font-weight: var(--page-hover-font-weight, auto); padding-top: var(--page-hover-padding-top, auto); padding-bottom: var(--page-hover-padding-bottom, auto); padding-left: var(--page-hover-padding-left, auto); padding-right: var(--page-hover-padding-right, auto); text-align: var(--page-hover-text-align, auto); color: var(--page-hover-color, auto); height: var(--page-hover-height, auto); width: var(--page-hover-width, auto); grid-template-columns: var(--page-hover-grid-template-columns, auto); max-width: var(--page-hover-max-width, auto); max-height: var(--page-hover-max-height, auto); margin: var(--page-hover-margin, auto); border-radius: var(--page-hover-border-radius, auto); font-style: var(--page-hover-font-style, auto); margin-top: var(--page-hover-margin-top, auto); margin-bottom: var(--page-hover-margin-bottom, auto); margin-left: var(--page-hover-margin-left, auto); margin-right: var(--page-hover-margin-right, auto); align-items: var(--page-hover-align-items, auto); justify-content: var(--page-hover-justify-content, auto); align-self: var(--page-hover-align-self, auto); justify-self: var(--page-hover-justify-self, auto); grid-gap: var(--page-hover-grid-gap, auto); flex-direction: var(--page-hover-flex-direction, unset); outline-width: var(--page-hover-outline-width, auto); outline-color: var(--page-hover-outline-color, auto); outline-style: var(--page-hover-outline-style, none); border-width: var(--page-hover-border-width, auto); border-color: var(--page-hover-border-color, auto); font-family: var(--page-hover-font-family, auto); border-style: var(--page-hover-border-style, auto); box-shadow: var(--page-hover-box-shadow, auto); } .template-page--root .hover .title, .template-page--root .hover .title > p { background-color: var(--page-hover-title-background-color, auto); background-image: var(--page-hover-title-background-image, auto); background-position: var(--page-hover-title-background-position, auto); background-repeat: var(--page-hover-title-background-repeat, auto); background-size: var(--page-hover-title-background-size, auto); font-size: var(--page-hover-title-font-size, auto); font-weight: var(--page-hover-title-font-weight, auto); padding-top: var(--page-hover-title-padding-top, auto); padding-bottom: var(--page-hover-title-padding-bottom, auto); padding-left: var(--page-hover-title-padding-left, auto); padding-right: var(--page-hover-title-padding-right, auto); text-align: var(--page-hover-title-text-align, auto); color: var(--page-hover-title-color, auto); height: var(--page-hover-title-height, auto); width: var(--page-hover-title-width, auto); grid-template-columns: var(--page-hover-title-grid-template-columns, auto); max-width: var(--page-hover-title-max-width, auto); max-height: var(--page-hover-title-max-height, auto); margin: var(--page-hover-title-margin, auto); border-radius: var(--page-hover-title-border-radius, auto); font-style: var(--page-hover-title-font-style, auto); margin-top: var(--page-hover-title-margin-top, auto); margin-bottom: var(--page-hover-title-margin-bottom, auto); margin-left: var(--page-hover-title-margin-left, auto); margin-right: var(--page-hover-title-margin-right, auto); align-items: var(--page-hover-title-align-items, auto); justify-content: var(--page-hover-title-justify-content, auto); align-self: var(--page-hover-title-align-self, auto); justify-self: var(--page-hover-title-justify-self, auto); grid-gap: var(--page-hover-title-grid-gap, auto); flex-direction: var(--page-hover-title-flex-direction, unset); outline-width: var(--page-hover-title-outline-width, auto); outline-color: var(--page-hover-title-outline-color, auto); outline-style: var(--page-hover-title-outline-style, none); border-width: var(--page-hover-title-border-width, auto); border-color: var(--page-hover-title-border-color, auto); font-family: var(--page-hover-title-font-family, auto); border-style: var(--page-hover-title-border-style, auto); box-shadow: var(--page-hover-title-box-shadow, auto); line-height: 1; } .template-page--root .hover .content, .template-page--root .hover .content > p { background-color: var(--page-hover-content-background-color, auto); background-image: var(--page-hover-content-background-image, auto); background-position: var(--page-hover-content-background-position, auto); background-repeat: var(--page-hover-content-background-repeat, auto); background-size: var(--page-hover-content-background-size, auto); font-size: var(--page-hover-content-font-size, auto); font-weight: var(--page-hover-content-font-weight, auto); padding-top: var(--page-hover-content-padding-top, auto); padding-bottom: var(--page-hover-content-padding-bottom, auto); padding-left: var(--page-hover-content-padding-left, auto); padding-right: var(--page-hover-content-padding-right, auto); text-align: var(--page-hover-content-text-align, auto); color: var(--page-hover-content-color, auto); height: var(--page-hover-content-height, auto); width: var(--page-hover-content-width, auto); grid-template-columns: var(--page-hover-content-grid-template-columns, auto); max-width: var(--page-hover-content-max-width, auto); max-height: var(--page-hover-content-max-height, auto); margin: var(--page-hover-content-margin, auto); border-radius: var(--page-hover-content-border-radius, auto); font-style: var(--page-hover-content-font-style, auto); margin-top: var(--page-hover-content-margin-top, auto); margin-bottom: var(--page-hover-content-margin-bottom, auto); margin-left: var(--page-hover-content-margin-left, auto); margin-right: var(--page-hover-content-margin-right, auto); align-items: var(--page-hover-content-align-items, auto); justify-content: var(--page-hover-content-justify-content, auto); align-self: var(--page-hover-content-align-self, auto); justify-self: var(--page-hover-content-justify-self, auto); grid-gap: var(--page-hover-content-grid-gap, auto); flex-direction: var(--page-hover-content-flex-direction, unset); outline-width: var(--page-hover-content-outline-width, auto); outline-color: var(--page-hover-content-outline-color, auto); outline-style: var(--page-hover-content-outline-style, none); border-width: var(--page-hover-content-border-width, auto); border-color: var(--page-hover-content-border-color, auto); font-family: var(--page-hover-content-font-family, auto); border-style: var(--page-hover-content-border-style, auto); box-shadow: var(--page-hover-content-box-shadow, auto); line-height: 1; } .template-page--root .hover .details, .template-page--root .hover .details > p { background-color: var(--page-hover-details-background-color, auto); background-image: var(--page-hover-details-background-image, auto); background-position: var(--page-hover-details-background-position, auto); background-repeat: var(--page-hover-details-background-repeat, auto); background-size: var(--page-hover-details-background-size, auto); font-size: var(--page-hover-details-font-size, auto); font-weight: var(--page-hover-details-font-weight, auto); padding-top: var(--page-hover-details-padding-top, auto); padding-bottom: var(--page-hover-details-padding-bottom, auto); padding-left: var(--page-hover-details-padding-left, auto); padding-right: var(--page-hover-details-padding-right, auto); text-align: var(--page-hover-details-text-align, auto); color: var(--page-hover-details-color, auto); height: var(--page-hover-details-height, auto); width: var(--page-hover-details-width, auto); grid-template-columns: var(--page-hover-details-grid-template-columns, auto); max-width: var(--page-hover-details-max-width, auto); max-height: var(--page-hover-details-max-height, auto); margin: var(--page-hover-details-margin, auto); border-radius: var(--page-hover-details-border-radius, auto); font-style: var(--page-hover-details-font-style, auto); margin-top: var(--page-hover-details-margin-top, auto); margin-bottom: var(--page-hover-details-margin-bottom, auto); margin-left: var(--page-hover-details-margin-left, auto); margin-right: var(--page-hover-details-margin-right, auto); align-items: var(--page-hover-details-align-items, auto); justify-content: var(--page-hover-details-justify-content, auto); align-self: var(--page-hover-details-align-self, auto); justify-self: var(--page-hover-details-justify-self, auto); grid-gap: var(--page-hover-details-grid-gap, auto); flex-direction: var(--page-hover-details-flex-direction, unset); outline-width: var(--page-hover-details-outline-width, auto); outline-color: var(--page-hover-details-outline-color, auto); outline-style: var(--page-hover-details-outline-style, none); border-width: var(--page-hover-details-border-width, auto); border-color: var(--page-hover-details-border-color, auto); font-family: var(--page-hover-details-font-family, auto); border-style: var(--page-hover-details-border-style, auto); box-shadow: var(--page-hover-details-box-shadow, auto); line-height: 1; } .template-page--root .hover .image, .template-page--root .hover .image > p { background-color: var(--page-hover-image-background-color, auto); background-image: var(--page-hover-image-background-image, auto); background-position: var(--page-hover-image-background-position, auto); background-repeat: var(--page-hover-image-background-repeat, auto); background-size: var(--page-hover-image-background-size, auto); font-size: var(--page-hover-image-font-size, auto); font-weight: var(--page-hover-image-font-weight, auto); padding-top: var(--page-hover-image-padding-top, auto); padding-bottom: var(--page-hover-image-padding-bottom, auto); padding-left: var(--page-hover-image-padding-left, auto); padding-right: var(--page-hover-image-padding-right, auto); text-align: var(--page-hover-image-text-align, auto); color: var(--page-hover-image-color, auto); height: var(--page-hover-image-height, auto); width: var(--page-hover-image-width, auto); grid-template-columns: var(--page-hover-image-grid-template-columns, auto); max-width: var(--page-hover-image-max-width, auto); max-height: var(--page-hover-image-max-height, auto); margin: var(--page-hover-image-margin, auto); border-radius: var(--page-hover-image-border-radius, auto); font-style: var(--page-hover-image-font-style, auto); margin-top: var(--page-hover-image-margin-top, auto); margin-bottom: var(--page-hover-image-margin-bottom, auto); margin-left: var(--page-hover-image-margin-left, auto); margin-right: var(--page-hover-image-margin-right, auto); align-items: var(--page-hover-image-align-items, auto); justify-content: var(--page-hover-image-justify-content, auto); align-self: var(--page-hover-image-align-self, auto); justify-self: var(--page-hover-image-justify-self, auto); grid-gap: var(--page-hover-image-grid-gap, auto); flex-direction: var(--page-hover-image-flex-direction, unset); outline-width: var(--page-hover-image-outline-width, auto); outline-color: var(--page-hover-image-outline-color, auto); outline-style: var(--page-hover-image-outline-style, none); border-width: var(--page-hover-image-border-width, auto); border-color: var(--page-hover-image-border-color, auto); font-family: var(--page-hover-image-font-family, auto); border-style: var(--page-hover-image-border-style, auto); box-shadow: var(--page-hover-image-box-shadow, auto); line-height: 1; } .template-page--root .hover .image-caption, .template-page--root .hover .image-caption > p { background-color: var(--page-hover-image-caption-background-color, auto); background-image: var(--page-hover-image-caption-background-image, auto); background-position: var(--page-hover-image-caption-background-position, auto); background-repeat: var(--page-hover-image-caption-background-repeat, auto); background-size: var(--page-hover-image-caption-background-size, auto); font-size: var(--page-hover-image-caption-font-size, auto); font-weight: var(--page-hover-image-caption-font-weight, auto); padding-top: var(--page-hover-image-caption-padding-top, auto); padding-bottom: var(--page-hover-image-caption-padding-bottom, auto); padding-left: var(--page-hover-image-caption-padding-left, auto); padding-right: var(--page-hover-image-caption-padding-right, auto); text-align: var(--page-hover-image-caption-text-align, auto); color: var(--page-hover-image-caption-color, auto); height: var(--page-hover-image-caption-height, auto); width: var(--page-hover-image-caption-width, auto); grid-template-columns: var(--page-hover-image-caption-grid-template-columns, auto); max-width: var(--page-hover-image-caption-max-width, auto); max-height: var(--page-hover-image-caption-max-height, auto); margin: var(--page-hover-image-caption-margin, auto); border-radius: var(--page-hover-image-caption-border-radius, auto); font-style: var(--page-hover-image-caption-font-style, auto); margin-top: var(--page-hover-image-caption-margin-top, auto); margin-bottom: var(--page-hover-image-caption-margin-bottom, auto); margin-left: var(--page-hover-image-caption-margin-left, auto); margin-right: var(--page-hover-image-caption-margin-right, auto); align-items: var(--page-hover-image-caption-align-items, auto); justify-content: var(--page-hover-image-caption-justify-content, auto); align-self: var(--page-hover-image-caption-align-self, auto); justify-self: var(--page-hover-image-caption-justify-self, auto); grid-gap: var(--page-hover-image-caption-grid-gap, auto); flex-direction: var(--page-hover-image-caption-flex-direction, unset); outline-width: var(--page-hover-image-caption-outline-width, auto); outline-color: var(--page-hover-image-caption-outline-color, auto); outline-style: var(--page-hover-image-caption-outline-style, none); border-width: var(--page-hover-image-caption-border-width, auto); border-color: var(--page-hover-image-caption-border-color, auto); font-family: var(--page-hover-image-caption-font-family, auto); border-style: var(--page-hover-image-caption-border-style, auto); box-shadow: var(--page-hover-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .hover .button, .template-page--root .hover .button > p { background-color: var(--page-hover-button-background-color, auto); background-image: var(--page-hover-button-background-image, auto); background-position: var(--page-hover-button-background-position, auto); background-repeat: var(--page-hover-button-background-repeat, auto); background-size: var(--page-hover-button-background-size, auto); font-size: var(--page-hover-button-font-size, auto); font-weight: var(--page-hover-button-font-weight, auto); padding-top: var(--page-hover-button-padding-top, auto); padding-bottom: var(--page-hover-button-padding-bottom, auto); padding-left: var(--page-hover-button-padding-left, auto); padding-right: var(--page-hover-button-padding-right, auto); text-align: var(--page-hover-button-text-align, auto); color: var(--page-hover-button-color, auto); height: var(--page-hover-button-height, auto); width: var(--page-hover-button-width, auto); grid-template-columns: var(--page-hover-button-grid-template-columns, auto); max-width: var(--page-hover-button-max-width, auto); max-height: var(--page-hover-button-max-height, auto); margin: var(--page-hover-button-margin, auto); border-radius: var(--page-hover-button-border-radius, auto); font-style: var(--page-hover-button-font-style, auto); margin-top: var(--page-hover-button-margin-top, auto); margin-bottom: var(--page-hover-button-margin-bottom, auto); margin-left: var(--page-hover-button-margin-left, auto); margin-right: var(--page-hover-button-margin-right, auto); align-items: var(--page-hover-button-align-items, auto); justify-content: var(--page-hover-button-justify-content, auto); align-self: var(--page-hover-button-align-self, auto); justify-self: var(--page-hover-button-justify-self, auto); grid-gap: var(--page-hover-button-grid-gap, auto); flex-direction: var(--page-hover-button-flex-direction, unset); outline-width: var(--page-hover-button-outline-width, auto); outline-color: var(--page-hover-button-outline-color, auto); outline-style: var(--page-hover-button-outline-style, none); border-width: var(--page-hover-button-border-width, auto); border-color: var(--page-hover-button-border-color, auto); font-family: var(--page-hover-button-font-family, auto); border-style: var(--page-hover-button-border-style, auto); box-shadow: var(--page-hover-button-box-shadow, auto); line-height: 1; } .template-page--root .hover .newsletter-info, .template-page--root .hover .newsletter-info > p { background-color: var(--page-hover-newsletter-info-background-color, auto); background-image: var(--page-hover-newsletter-info-background-image, auto); background-position: var(--page-hover-newsletter-info-background-position, auto); background-repeat: var(--page-hover-newsletter-info-background-repeat, auto); background-size: var(--page-hover-newsletter-info-background-size, auto); font-size: var(--page-hover-newsletter-info-font-size, auto); font-weight: var(--page-hover-newsletter-info-font-weight, auto); padding-top: var(--page-hover-newsletter-info-padding-top, auto); padding-bottom: var(--page-hover-newsletter-info-padding-bottom, auto); padding-left: var(--page-hover-newsletter-info-padding-left, auto); padding-right: var(--page-hover-newsletter-info-padding-right, auto); text-align: var(--page-hover-newsletter-info-text-align, auto); color: var(--page-hover-newsletter-info-color, auto); height: var(--page-hover-newsletter-info-height, auto); width: var(--page-hover-newsletter-info-width, auto); grid-template-columns: var(--page-hover-newsletter-info-grid-template-columns, auto); max-width: var(--page-hover-newsletter-info-max-width, auto); max-height: var(--page-hover-newsletter-info-max-height, auto); margin: var(--page-hover-newsletter-info-margin, auto); border-radius: var(--page-hover-newsletter-info-border-radius, auto); font-style: var(--page-hover-newsletter-info-font-style, auto); margin-top: var(--page-hover-newsletter-info-margin-top, auto); margin-bottom: var(--page-hover-newsletter-info-margin-bottom, auto); margin-left: var(--page-hover-newsletter-info-margin-left, auto); margin-right: var(--page-hover-newsletter-info-margin-right, auto); align-items: var(--page-hover-newsletter-info-align-items, auto); justify-content: var(--page-hover-newsletter-info-justify-content, auto); align-self: var(--page-hover-newsletter-info-align-self, auto); justify-self: var(--page-hover-newsletter-info-justify-self, auto); grid-gap: var(--page-hover-newsletter-info-grid-gap, auto); flex-direction: var(--page-hover-newsletter-info-flex-direction, unset); outline-width: var(--page-hover-newsletter-info-outline-width, auto); outline-color: var(--page-hover-newsletter-info-outline-color, auto); outline-style: var(--page-hover-newsletter-info-outline-style, none); border-width: var(--page-hover-newsletter-info-border-width, auto); border-color: var(--page-hover-newsletter-info-border-color, auto); font-family: var(--page-hover-newsletter-info-font-family, auto); border-style: var(--page-hover-newsletter-info-border-style, auto); box-shadow: var(--page-hover-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .contact { background-color: var(--page-contact-background-color, auto); background-image: var(--page-contact-background-image, auto); background-position: var(--page-contact-background-position, auto); background-repeat: var(--page-contact-background-repeat, auto); background-size: var(--page-contact-background-size, auto); font-size: var(--page-contact-font-size, auto); font-weight: var(--page-contact-font-weight, auto); padding-top: var(--page-contact-padding-top, auto); padding-bottom: var(--page-contact-padding-bottom, auto); padding-left: var(--page-contact-padding-left, auto); padding-right: var(--page-contact-padding-right, auto); text-align: var(--page-contact-text-align, auto); color: var(--page-contact-color, auto); height: var(--page-contact-height, auto); width: var(--page-contact-width, auto); grid-template-columns: var(--page-contact-grid-template-columns, auto); max-width: var(--page-contact-max-width, auto); max-height: var(--page-contact-max-height, auto); margin: var(--page-contact-margin, auto); border-radius: var(--page-contact-border-radius, auto); font-style: var(--page-contact-font-style, auto); margin-top: var(--page-contact-margin-top, auto); margin-bottom: var(--page-contact-margin-bottom, auto); margin-left: var(--page-contact-margin-left, auto); margin-right: var(--page-contact-margin-right, auto); align-items: var(--page-contact-align-items, auto); justify-content: var(--page-contact-justify-content, auto); align-self: var(--page-contact-align-self, auto); justify-self: var(--page-contact-justify-self, auto); grid-gap: var(--page-contact-grid-gap, auto); flex-direction: var(--page-contact-flex-direction, unset); outline-width: var(--page-contact-outline-width, auto); outline-color: var(--page-contact-outline-color, auto); outline-style: var(--page-contact-outline-style, none); border-width: var(--page-contact-border-width, auto); border-color: var(--page-contact-border-color, auto); font-family: var(--page-contact-font-family, auto); border-style: var(--page-contact-border-style, auto); box-shadow: var(--page-contact-box-shadow, auto); } .template-page--root .contact .title, .template-page--root .contact .title > p { background-color: var(--page-contact-title-background-color, auto); background-image: var(--page-contact-title-background-image, auto); background-position: var(--page-contact-title-background-position, auto); background-repeat: var(--page-contact-title-background-repeat, auto); background-size: var(--page-contact-title-background-size, auto); font-size: var(--page-contact-title-font-size, auto); font-weight: var(--page-contact-title-font-weight, auto); padding-top: var(--page-contact-title-padding-top, auto); padding-bottom: var(--page-contact-title-padding-bottom, auto); padding-left: var(--page-contact-title-padding-left, auto); padding-right: var(--page-contact-title-padding-right, auto); text-align: var(--page-contact-title-text-align, auto); color: var(--page-contact-title-color, auto); height: var(--page-contact-title-height, auto); width: var(--page-contact-title-width, auto); grid-template-columns: var(--page-contact-title-grid-template-columns, auto); max-width: var(--page-contact-title-max-width, auto); max-height: var(--page-contact-title-max-height, auto); margin: var(--page-contact-title-margin, auto); border-radius: var(--page-contact-title-border-radius, auto); font-style: var(--page-contact-title-font-style, auto); margin-top: var(--page-contact-title-margin-top, auto); margin-bottom: var(--page-contact-title-margin-bottom, auto); margin-left: var(--page-contact-title-margin-left, auto); margin-right: var(--page-contact-title-margin-right, auto); align-items: var(--page-contact-title-align-items, auto); justify-content: var(--page-contact-title-justify-content, auto); align-self: var(--page-contact-title-align-self, auto); justify-self: var(--page-contact-title-justify-self, auto); grid-gap: var(--page-contact-title-grid-gap, auto); flex-direction: var(--page-contact-title-flex-direction, unset); outline-width: var(--page-contact-title-outline-width, auto); outline-color: var(--page-contact-title-outline-color, auto); outline-style: var(--page-contact-title-outline-style, none); border-width: var(--page-contact-title-border-width, auto); border-color: var(--page-contact-title-border-color, auto); font-family: var(--page-contact-title-font-family, auto); border-style: var(--page-contact-title-border-style, auto); box-shadow: var(--page-contact-title-box-shadow, auto); line-height: 1; } .template-page--root .contact .content, .template-page--root .contact .content > p { background-color: var(--page-contact-content-background-color, auto); background-image: var(--page-contact-content-background-image, auto); background-position: var(--page-contact-content-background-position, auto); background-repeat: var(--page-contact-content-background-repeat, auto); background-size: var(--page-contact-content-background-size, auto); font-size: var(--page-contact-content-font-size, auto); font-weight: var(--page-contact-content-font-weight, auto); padding-top: var(--page-contact-content-padding-top, auto); padding-bottom: var(--page-contact-content-padding-bottom, auto); padding-left: var(--page-contact-content-padding-left, auto); padding-right: var(--page-contact-content-padding-right, auto); text-align: var(--page-contact-content-text-align, auto); color: var(--page-contact-content-color, auto); height: var(--page-contact-content-height, auto); width: var(--page-contact-content-width, auto); grid-template-columns: var(--page-contact-content-grid-template-columns, auto); max-width: var(--page-contact-content-max-width, auto); max-height: var(--page-contact-content-max-height, auto); margin: var(--page-contact-content-margin, auto); border-radius: var(--page-contact-content-border-radius, auto); font-style: var(--page-contact-content-font-style, auto); margin-top: var(--page-contact-content-margin-top, auto); margin-bottom: var(--page-contact-content-margin-bottom, auto); margin-left: var(--page-contact-content-margin-left, auto); margin-right: var(--page-contact-content-margin-right, auto); align-items: var(--page-contact-content-align-items, auto); justify-content: var(--page-contact-content-justify-content, auto); align-self: var(--page-contact-content-align-self, auto); justify-self: var(--page-contact-content-justify-self, auto); grid-gap: var(--page-contact-content-grid-gap, auto); flex-direction: var(--page-contact-content-flex-direction, unset); outline-width: var(--page-contact-content-outline-width, auto); outline-color: var(--page-contact-content-outline-color, auto); outline-style: var(--page-contact-content-outline-style, none); border-width: var(--page-contact-content-border-width, auto); border-color: var(--page-contact-content-border-color, auto); font-family: var(--page-contact-content-font-family, auto); border-style: var(--page-contact-content-border-style, auto); box-shadow: var(--page-contact-content-box-shadow, auto); line-height: 1; } .template-page--root .contact .details, .template-page--root .contact .details > p { background-color: var(--page-contact-details-background-color, auto); background-image: var(--page-contact-details-background-image, auto); background-position: var(--page-contact-details-background-position, auto); background-repeat: var(--page-contact-details-background-repeat, auto); background-size: var(--page-contact-details-background-size, auto); font-size: var(--page-contact-details-font-size, auto); font-weight: var(--page-contact-details-font-weight, auto); padding-top: var(--page-contact-details-padding-top, auto); padding-bottom: var(--page-contact-details-padding-bottom, auto); padding-left: var(--page-contact-details-padding-left, auto); padding-right: var(--page-contact-details-padding-right, auto); text-align: var(--page-contact-details-text-align, auto); color: var(--page-contact-details-color, auto); height: var(--page-contact-details-height, auto); width: var(--page-contact-details-width, auto); grid-template-columns: var(--page-contact-details-grid-template-columns, auto); max-width: var(--page-contact-details-max-width, auto); max-height: var(--page-contact-details-max-height, auto); margin: var(--page-contact-details-margin, auto); border-radius: var(--page-contact-details-border-radius, auto); font-style: var(--page-contact-details-font-style, auto); margin-top: var(--page-contact-details-margin-top, auto); margin-bottom: var(--page-contact-details-margin-bottom, auto); margin-left: var(--page-contact-details-margin-left, auto); margin-right: var(--page-contact-details-margin-right, auto); align-items: var(--page-contact-details-align-items, auto); justify-content: var(--page-contact-details-justify-content, auto); align-self: var(--page-contact-details-align-self, auto); justify-self: var(--page-contact-details-justify-self, auto); grid-gap: var(--page-contact-details-grid-gap, auto); flex-direction: var(--page-contact-details-flex-direction, unset); outline-width: var(--page-contact-details-outline-width, auto); outline-color: var(--page-contact-details-outline-color, auto); outline-style: var(--page-contact-details-outline-style, none); border-width: var(--page-contact-details-border-width, auto); border-color: var(--page-contact-details-border-color, auto); font-family: var(--page-contact-details-font-family, auto); border-style: var(--page-contact-details-border-style, auto); box-shadow: var(--page-contact-details-box-shadow, auto); line-height: 1; } .template-page--root .contact .image, .template-page--root .contact .image > p { background-color: var(--page-contact-image-background-color, auto); background-image: var(--page-contact-image-background-image, auto); background-position: var(--page-contact-image-background-position, auto); background-repeat: var(--page-contact-image-background-repeat, auto); background-size: var(--page-contact-image-background-size, auto); font-size: var(--page-contact-image-font-size, auto); font-weight: var(--page-contact-image-font-weight, auto); padding-top: var(--page-contact-image-padding-top, auto); padding-bottom: var(--page-contact-image-padding-bottom, auto); padding-left: var(--page-contact-image-padding-left, auto); padding-right: var(--page-contact-image-padding-right, auto); text-align: var(--page-contact-image-text-align, auto); color: var(--page-contact-image-color, auto); height: var(--page-contact-image-height, auto); width: var(--page-contact-image-width, auto); grid-template-columns: var(--page-contact-image-grid-template-columns, auto); max-width: var(--page-contact-image-max-width, auto); max-height: var(--page-contact-image-max-height, auto); margin: var(--page-contact-image-margin, auto); border-radius: var(--page-contact-image-border-radius, auto); font-style: var(--page-contact-image-font-style, auto); margin-top: var(--page-contact-image-margin-top, auto); margin-bottom: var(--page-contact-image-margin-bottom, auto); margin-left: var(--page-contact-image-margin-left, auto); margin-right: var(--page-contact-image-margin-right, auto); align-items: var(--page-contact-image-align-items, auto); justify-content: var(--page-contact-image-justify-content, auto); align-self: var(--page-contact-image-align-self, auto); justify-self: var(--page-contact-image-justify-self, auto); grid-gap: var(--page-contact-image-grid-gap, auto); flex-direction: var(--page-contact-image-flex-direction, unset); outline-width: var(--page-contact-image-outline-width, auto); outline-color: var(--page-contact-image-outline-color, auto); outline-style: var(--page-contact-image-outline-style, none); border-width: var(--page-contact-image-border-width, auto); border-color: var(--page-contact-image-border-color, auto); font-family: var(--page-contact-image-font-family, auto); border-style: var(--page-contact-image-border-style, auto); box-shadow: var(--page-contact-image-box-shadow, auto); line-height: 1; } .template-page--root .contact .image-caption, .template-page--root .contact .image-caption > p { background-color: var(--page-contact-image-caption-background-color, auto); background-image: var(--page-contact-image-caption-background-image, auto); background-position: var(--page-contact-image-caption-background-position, auto); background-repeat: var(--page-contact-image-caption-background-repeat, auto); background-size: var(--page-contact-image-caption-background-size, auto); font-size: var(--page-contact-image-caption-font-size, auto); font-weight: var(--page-contact-image-caption-font-weight, auto); padding-top: var(--page-contact-image-caption-padding-top, auto); padding-bottom: var(--page-contact-image-caption-padding-bottom, auto); padding-left: var(--page-contact-image-caption-padding-left, auto); padding-right: var(--page-contact-image-caption-padding-right, auto); text-align: var(--page-contact-image-caption-text-align, auto); color: var(--page-contact-image-caption-color, auto); height: var(--page-contact-image-caption-height, auto); width: var(--page-contact-image-caption-width, auto); grid-template-columns: var(--page-contact-image-caption-grid-template-columns, auto); max-width: var(--page-contact-image-caption-max-width, auto); max-height: var(--page-contact-image-caption-max-height, auto); margin: var(--page-contact-image-caption-margin, auto); border-radius: var(--page-contact-image-caption-border-radius, auto); font-style: var(--page-contact-image-caption-font-style, auto); margin-top: var(--page-contact-image-caption-margin-top, auto); margin-bottom: var(--page-contact-image-caption-margin-bottom, auto); margin-left: var(--page-contact-image-caption-margin-left, auto); margin-right: var(--page-contact-image-caption-margin-right, auto); align-items: var(--page-contact-image-caption-align-items, auto); justify-content: var(--page-contact-image-caption-justify-content, auto); align-self: var(--page-contact-image-caption-align-self, auto); justify-self: var(--page-contact-image-caption-justify-self, auto); grid-gap: var(--page-contact-image-caption-grid-gap, auto); flex-direction: var(--page-contact-image-caption-flex-direction, unset); outline-width: var(--page-contact-image-caption-outline-width, auto); outline-color: var(--page-contact-image-caption-outline-color, auto); outline-style: var(--page-contact-image-caption-outline-style, none); border-width: var(--page-contact-image-caption-border-width, auto); border-color: var(--page-contact-image-caption-border-color, auto); font-family: var(--page-contact-image-caption-font-family, auto); border-style: var(--page-contact-image-caption-border-style, auto); box-shadow: var(--page-contact-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .contact .button, .template-page--root .contact .button > p { background-color: var(--page-contact-button-background-color, auto); background-image: var(--page-contact-button-background-image, auto); background-position: var(--page-contact-button-background-position, auto); background-repeat: var(--page-contact-button-background-repeat, auto); background-size: var(--page-contact-button-background-size, auto); font-size: var(--page-contact-button-font-size, auto); font-weight: var(--page-contact-button-font-weight, auto); padding-top: var(--page-contact-button-padding-top, auto); padding-bottom: var(--page-contact-button-padding-bottom, auto); padding-left: var(--page-contact-button-padding-left, auto); padding-right: var(--page-contact-button-padding-right, auto); text-align: var(--page-contact-button-text-align, auto); color: var(--page-contact-button-color, auto); height: var(--page-contact-button-height, auto); width: var(--page-contact-button-width, auto); grid-template-columns: var(--page-contact-button-grid-template-columns, auto); max-width: var(--page-contact-button-max-width, auto); max-height: var(--page-contact-button-max-height, auto); margin: var(--page-contact-button-margin, auto); border-radius: var(--page-contact-button-border-radius, auto); font-style: var(--page-contact-button-font-style, auto); margin-top: var(--page-contact-button-margin-top, auto); margin-bottom: var(--page-contact-button-margin-bottom, auto); margin-left: var(--page-contact-button-margin-left, auto); margin-right: var(--page-contact-button-margin-right, auto); align-items: var(--page-contact-button-align-items, auto); justify-content: var(--page-contact-button-justify-content, auto); align-self: var(--page-contact-button-align-self, auto); justify-self: var(--page-contact-button-justify-self, auto); grid-gap: var(--page-contact-button-grid-gap, auto); flex-direction: var(--page-contact-button-flex-direction, unset); outline-width: var(--page-contact-button-outline-width, auto); outline-color: var(--page-contact-button-outline-color, auto); outline-style: var(--page-contact-button-outline-style, none); border-width: var(--page-contact-button-border-width, auto); border-color: var(--page-contact-button-border-color, auto); font-family: var(--page-contact-button-font-family, auto); border-style: var(--page-contact-button-border-style, auto); box-shadow: var(--page-contact-button-box-shadow, auto); line-height: 1; } .template-page--root .contact .newsletter-info, .template-page--root .contact .newsletter-info > p { background-color: var(--page-contact-newsletter-info-background-color, auto); background-image: var(--page-contact-newsletter-info-background-image, auto); background-position: var(--page-contact-newsletter-info-background-position, auto); background-repeat: var(--page-contact-newsletter-info-background-repeat, auto); background-size: var(--page-contact-newsletter-info-background-size, auto); font-size: var(--page-contact-newsletter-info-font-size, auto); font-weight: var(--page-contact-newsletter-info-font-weight, auto); padding-top: var(--page-contact-newsletter-info-padding-top, auto); padding-bottom: var(--page-contact-newsletter-info-padding-bottom, auto); padding-left: var(--page-contact-newsletter-info-padding-left, auto); padding-right: var(--page-contact-newsletter-info-padding-right, auto); text-align: var(--page-contact-newsletter-info-text-align, auto); color: var(--page-contact-newsletter-info-color, auto); height: var(--page-contact-newsletter-info-height, auto); width: var(--page-contact-newsletter-info-width, auto); grid-template-columns: var(--page-contact-newsletter-info-grid-template-columns, auto); max-width: var(--page-contact-newsletter-info-max-width, auto); max-height: var(--page-contact-newsletter-info-max-height, auto); margin: var(--page-contact-newsletter-info-margin, auto); border-radius: var(--page-contact-newsletter-info-border-radius, auto); font-style: var(--page-contact-newsletter-info-font-style, auto); margin-top: var(--page-contact-newsletter-info-margin-top, auto); margin-bottom: var(--page-contact-newsletter-info-margin-bottom, auto); margin-left: var(--page-contact-newsletter-info-margin-left, auto); margin-right: var(--page-contact-newsletter-info-margin-right, auto); align-items: var(--page-contact-newsletter-info-align-items, auto); justify-content: var(--page-contact-newsletter-info-justify-content, auto); align-self: var(--page-contact-newsletter-info-align-self, auto); justify-self: var(--page-contact-newsletter-info-justify-self, auto); grid-gap: var(--page-contact-newsletter-info-grid-gap, auto); flex-direction: var(--page-contact-newsletter-info-flex-direction, unset); outline-width: var(--page-contact-newsletter-info-outline-width, auto); outline-color: var(--page-contact-newsletter-info-outline-color, auto); outline-style: var(--page-contact-newsletter-info-outline-style, none); border-width: var(--page-contact-newsletter-info-border-width, auto); border-color: var(--page-contact-newsletter-info-border-color, auto); font-family: var(--page-contact-newsletter-info-font-family, auto); border-style: var(--page-contact-newsletter-info-border-style, auto); box-shadow: var(--page-contact-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .footer { background-color: var(--page-footer-background-color, auto); background-image: var(--page-footer-background-image, auto); background-position: var(--page-footer-background-position, auto); background-repeat: var(--page-footer-background-repeat, auto); background-size: var(--page-footer-background-size, auto); font-size: var(--page-footer-font-size, auto); font-weight: var(--page-footer-font-weight, auto); padding-top: var(--page-footer-padding-top, auto); padding-bottom: var(--page-footer-padding-bottom, auto); padding-left: var(--page-footer-padding-left, auto); padding-right: var(--page-footer-padding-right, auto); text-align: var(--page-footer-text-align, auto); color: var(--page-footer-color, auto); height: var(--page-footer-height, auto); width: var(--page-footer-width, auto); grid-template-columns: var(--page-footer-grid-template-columns, auto); max-width: var(--page-footer-max-width, auto); max-height: var(--page-footer-max-height, auto); margin: var(--page-footer-margin, auto); border-radius: var(--page-footer-border-radius, auto); font-style: var(--page-footer-font-style, auto); margin-top: var(--page-footer-margin-top, auto); margin-bottom: var(--page-footer-margin-bottom, auto); margin-left: var(--page-footer-margin-left, auto); margin-right: var(--page-footer-margin-right, auto); align-items: var(--page-footer-align-items, auto); justify-content: var(--page-footer-justify-content, auto); align-self: var(--page-footer-align-self, auto); justify-self: var(--page-footer-justify-self, auto); grid-gap: var(--page-footer-grid-gap, auto); flex-direction: var(--page-footer-flex-direction, unset); outline-width: var(--page-footer-outline-width, auto); outline-color: var(--page-footer-outline-color, auto); outline-style: var(--page-footer-outline-style, none); border-width: var(--page-footer-border-width, auto); border-color: var(--page-footer-border-color, auto); font-family: var(--page-footer-font-family, auto); border-style: var(--page-footer-border-style, auto); box-shadow: var(--page-footer-box-shadow, auto); } .template-page--root .footer .title, .template-page--root .footer .title > p { background-color: var(--page-footer-title-background-color, auto); background-image: var(--page-footer-title-background-image, auto); background-position: var(--page-footer-title-background-position, auto); background-repeat: var(--page-footer-title-background-repeat, auto); background-size: var(--page-footer-title-background-size, auto); font-size: var(--page-footer-title-font-size, auto); font-weight: var(--page-footer-title-font-weight, auto); padding-top: var(--page-footer-title-padding-top, auto); padding-bottom: var(--page-footer-title-padding-bottom, auto); padding-left: var(--page-footer-title-padding-left, auto); padding-right: var(--page-footer-title-padding-right, auto); text-align: var(--page-footer-title-text-align, auto); color: var(--page-footer-title-color, auto); height: var(--page-footer-title-height, auto); width: var(--page-footer-title-width, auto); grid-template-columns: var(--page-footer-title-grid-template-columns, auto); max-width: var(--page-footer-title-max-width, auto); max-height: var(--page-footer-title-max-height, auto); margin: var(--page-footer-title-margin, auto); border-radius: var(--page-footer-title-border-radius, auto); font-style: var(--page-footer-title-font-style, auto); margin-top: var(--page-footer-title-margin-top, auto); margin-bottom: var(--page-footer-title-margin-bottom, auto); margin-left: var(--page-footer-title-margin-left, auto); margin-right: var(--page-footer-title-margin-right, auto); align-items: var(--page-footer-title-align-items, auto); justify-content: var(--page-footer-title-justify-content, auto); align-self: var(--page-footer-title-align-self, auto); justify-self: var(--page-footer-title-justify-self, auto); grid-gap: var(--page-footer-title-grid-gap, auto); flex-direction: var(--page-footer-title-flex-direction, unset); outline-width: var(--page-footer-title-outline-width, auto); outline-color: var(--page-footer-title-outline-color, auto); outline-style: var(--page-footer-title-outline-style, none); border-width: var(--page-footer-title-border-width, auto); border-color: var(--page-footer-title-border-color, auto); font-family: var(--page-footer-title-font-family, auto); border-style: var(--page-footer-title-border-style, auto); box-shadow: var(--page-footer-title-box-shadow, auto); line-height: 1; } .template-page--root .footer .content, .template-page--root .footer .content > p { background-color: var(--page-footer-content-background-color, auto); background-image: var(--page-footer-content-background-image, auto); background-position: var(--page-footer-content-background-position, auto); background-repeat: var(--page-footer-content-background-repeat, auto); background-size: var(--page-footer-content-background-size, auto); font-size: var(--page-footer-content-font-size, auto); font-weight: var(--page-footer-content-font-weight, auto); padding-top: var(--page-footer-content-padding-top, auto); padding-bottom: var(--page-footer-content-padding-bottom, auto); padding-left: var(--page-footer-content-padding-left, auto); padding-right: var(--page-footer-content-padding-right, auto); text-align: var(--page-footer-content-text-align, auto); color: var(--page-footer-content-color, auto); height: var(--page-footer-content-height, auto); width: var(--page-footer-content-width, auto); grid-template-columns: var(--page-footer-content-grid-template-columns, auto); max-width: var(--page-footer-content-max-width, auto); max-height: var(--page-footer-content-max-height, auto); margin: var(--page-footer-content-margin, auto); border-radius: var(--page-footer-content-border-radius, auto); font-style: var(--page-footer-content-font-style, auto); margin-top: var(--page-footer-content-margin-top, auto); margin-bottom: var(--page-footer-content-margin-bottom, auto); margin-left: var(--page-footer-content-margin-left, auto); margin-right: var(--page-footer-content-margin-right, auto); align-items: var(--page-footer-content-align-items, auto); justify-content: var(--page-footer-content-justify-content, auto); align-self: var(--page-footer-content-align-self, auto); justify-self: var(--page-footer-content-justify-self, auto); grid-gap: var(--page-footer-content-grid-gap, auto); flex-direction: var(--page-footer-content-flex-direction, unset); outline-width: var(--page-footer-content-outline-width, auto); outline-color: var(--page-footer-content-outline-color, auto); outline-style: var(--page-footer-content-outline-style, none); border-width: var(--page-footer-content-border-width, auto); border-color: var(--page-footer-content-border-color, auto); font-family: var(--page-footer-content-font-family, auto); border-style: var(--page-footer-content-border-style, auto); box-shadow: var(--page-footer-content-box-shadow, auto); line-height: 1; } .template-page--root .footer .details, .template-page--root .footer .details > p { background-color: var(--page-footer-details-background-color, auto); background-image: var(--page-footer-details-background-image, auto); background-position: var(--page-footer-details-background-position, auto); background-repeat: var(--page-footer-details-background-repeat, auto); background-size: var(--page-footer-details-background-size, auto); font-size: var(--page-footer-details-font-size, auto); font-weight: var(--page-footer-details-font-weight, auto); padding-top: var(--page-footer-details-padding-top, auto); padding-bottom: var(--page-footer-details-padding-bottom, auto); padding-left: var(--page-footer-details-padding-left, auto); padding-right: var(--page-footer-details-padding-right, auto); text-align: var(--page-footer-details-text-align, auto); color: var(--page-footer-details-color, auto); height: var(--page-footer-details-height, auto); width: var(--page-footer-details-width, auto); grid-template-columns: var(--page-footer-details-grid-template-columns, auto); max-width: var(--page-footer-details-max-width, auto); max-height: var(--page-footer-details-max-height, auto); margin: var(--page-footer-details-margin, auto); border-radius: var(--page-footer-details-border-radius, auto); font-style: var(--page-footer-details-font-style, auto); margin-top: var(--page-footer-details-margin-top, auto); margin-bottom: var(--page-footer-details-margin-bottom, auto); margin-left: var(--page-footer-details-margin-left, auto); margin-right: var(--page-footer-details-margin-right, auto); align-items: var(--page-footer-details-align-items, auto); justify-content: var(--page-footer-details-justify-content, auto); align-self: var(--page-footer-details-align-self, auto); justify-self: var(--page-footer-details-justify-self, auto); grid-gap: var(--page-footer-details-grid-gap, auto); flex-direction: var(--page-footer-details-flex-direction, unset); outline-width: var(--page-footer-details-outline-width, auto); outline-color: var(--page-footer-details-outline-color, auto); outline-style: var(--page-footer-details-outline-style, none); border-width: var(--page-footer-details-border-width, auto); border-color: var(--page-footer-details-border-color, auto); font-family: var(--page-footer-details-font-family, auto); border-style: var(--page-footer-details-border-style, auto); box-shadow: var(--page-footer-details-box-shadow, auto); line-height: 1; } .template-page--root .footer .image, .template-page--root .footer .image > p { background-color: var(--page-footer-image-background-color, auto); background-image: var(--page-footer-image-background-image, auto); background-position: var(--page-footer-image-background-position, auto); background-repeat: var(--page-footer-image-background-repeat, auto); background-size: var(--page-footer-image-background-size, auto); font-size: var(--page-footer-image-font-size, auto); font-weight: var(--page-footer-image-font-weight, auto); padding-top: var(--page-footer-image-padding-top, auto); padding-bottom: var(--page-footer-image-padding-bottom, auto); padding-left: var(--page-footer-image-padding-left, auto); padding-right: var(--page-footer-image-padding-right, auto); text-align: var(--page-footer-image-text-align, auto); color: var(--page-footer-image-color, auto); height: var(--page-footer-image-height, auto); width: var(--page-footer-image-width, auto); grid-template-columns: var(--page-footer-image-grid-template-columns, auto); max-width: var(--page-footer-image-max-width, auto); max-height: var(--page-footer-image-max-height, auto); margin: var(--page-footer-image-margin, auto); border-radius: var(--page-footer-image-border-radius, auto); font-style: var(--page-footer-image-font-style, auto); margin-top: var(--page-footer-image-margin-top, auto); margin-bottom: var(--page-footer-image-margin-bottom, auto); margin-left: var(--page-footer-image-margin-left, auto); margin-right: var(--page-footer-image-margin-right, auto); align-items: var(--page-footer-image-align-items, auto); justify-content: var(--page-footer-image-justify-content, auto); align-self: var(--page-footer-image-align-self, auto); justify-self: var(--page-footer-image-justify-self, auto); grid-gap: var(--page-footer-image-grid-gap, auto); flex-direction: var(--page-footer-image-flex-direction, unset); outline-width: var(--page-footer-image-outline-width, auto); outline-color: var(--page-footer-image-outline-color, auto); outline-style: var(--page-footer-image-outline-style, none); border-width: var(--page-footer-image-border-width, auto); border-color: var(--page-footer-image-border-color, auto); font-family: var(--page-footer-image-font-family, auto); border-style: var(--page-footer-image-border-style, auto); box-shadow: var(--page-footer-image-box-shadow, auto); line-height: 1; } .template-page--root .footer .image-caption, .template-page--root .footer .image-caption > p { background-color: var(--page-footer-image-caption-background-color, auto); background-image: var(--page-footer-image-caption-background-image, auto); background-position: var(--page-footer-image-caption-background-position, auto); background-repeat: var(--page-footer-image-caption-background-repeat, auto); background-size: var(--page-footer-image-caption-background-size, auto); font-size: var(--page-footer-image-caption-font-size, auto); font-weight: var(--page-footer-image-caption-font-weight, auto); padding-top: var(--page-footer-image-caption-padding-top, auto); padding-bottom: var(--page-footer-image-caption-padding-bottom, auto); padding-left: var(--page-footer-image-caption-padding-left, auto); padding-right: var(--page-footer-image-caption-padding-right, auto); text-align: var(--page-footer-image-caption-text-align, auto); color: var(--page-footer-image-caption-color, auto); height: var(--page-footer-image-caption-height, auto); width: var(--page-footer-image-caption-width, auto); grid-template-columns: var(--page-footer-image-caption-grid-template-columns, auto); max-width: var(--page-footer-image-caption-max-width, auto); max-height: var(--page-footer-image-caption-max-height, auto); margin: var(--page-footer-image-caption-margin, auto); border-radius: var(--page-footer-image-caption-border-radius, auto); font-style: var(--page-footer-image-caption-font-style, auto); margin-top: var(--page-footer-image-caption-margin-top, auto); margin-bottom: var(--page-footer-image-caption-margin-bottom, auto); margin-left: var(--page-footer-image-caption-margin-left, auto); margin-right: var(--page-footer-image-caption-margin-right, auto); align-items: var(--page-footer-image-caption-align-items, auto); justify-content: var(--page-footer-image-caption-justify-content, auto); align-self: var(--page-footer-image-caption-align-self, auto); justify-self: var(--page-footer-image-caption-justify-self, auto); grid-gap: var(--page-footer-image-caption-grid-gap, auto); flex-direction: var(--page-footer-image-caption-flex-direction, unset); outline-width: var(--page-footer-image-caption-outline-width, auto); outline-color: var(--page-footer-image-caption-outline-color, auto); outline-style: var(--page-footer-image-caption-outline-style, none); border-width: var(--page-footer-image-caption-border-width, auto); border-color: var(--page-footer-image-caption-border-color, auto); font-family: var(--page-footer-image-caption-font-family, auto); border-style: var(--page-footer-image-caption-border-style, auto); box-shadow: var(--page-footer-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .footer .button, .template-page--root .footer .button > p { background-color: var(--page-footer-button-background-color, auto); background-image: var(--page-footer-button-background-image, auto); background-position: var(--page-footer-button-background-position, auto); background-repeat: var(--page-footer-button-background-repeat, auto); background-size: var(--page-footer-button-background-size, auto); font-size: var(--page-footer-button-font-size, auto); font-weight: var(--page-footer-button-font-weight, auto); padding-top: var(--page-footer-button-padding-top, auto); padding-bottom: var(--page-footer-button-padding-bottom, auto); padding-left: var(--page-footer-button-padding-left, auto); padding-right: var(--page-footer-button-padding-right, auto); text-align: var(--page-footer-button-text-align, auto); color: var(--page-footer-button-color, auto); height: var(--page-footer-button-height, auto); width: var(--page-footer-button-width, auto); grid-template-columns: var(--page-footer-button-grid-template-columns, auto); max-width: var(--page-footer-button-max-width, auto); max-height: var(--page-footer-button-max-height, auto); margin: var(--page-footer-button-margin, auto); border-radius: var(--page-footer-button-border-radius, auto); font-style: var(--page-footer-button-font-style, auto); margin-top: var(--page-footer-button-margin-top, auto); margin-bottom: var(--page-footer-button-margin-bottom, auto); margin-left: var(--page-footer-button-margin-left, auto); margin-right: var(--page-footer-button-margin-right, auto); align-items: var(--page-footer-button-align-items, auto); justify-content: var(--page-footer-button-justify-content, auto); align-self: var(--page-footer-button-align-self, auto); justify-self: var(--page-footer-button-justify-self, auto); grid-gap: var(--page-footer-button-grid-gap, auto); flex-direction: var(--page-footer-button-flex-direction, unset); outline-width: var(--page-footer-button-outline-width, auto); outline-color: var(--page-footer-button-outline-color, auto); outline-style: var(--page-footer-button-outline-style, none); border-width: var(--page-footer-button-border-width, auto); border-color: var(--page-footer-button-border-color, auto); font-family: var(--page-footer-button-font-family, auto); border-style: var(--page-footer-button-border-style, auto); box-shadow: var(--page-footer-button-box-shadow, auto); line-height: 1; } .template-page--root .footer .newsletter-info, .template-page--root .footer .newsletter-info > p { background-color: var(--page-footer-newsletter-info-background-color, auto); background-image: var(--page-footer-newsletter-info-background-image, auto); background-position: var(--page-footer-newsletter-info-background-position, auto); background-repeat: var(--page-footer-newsletter-info-background-repeat, auto); background-size: var(--page-footer-newsletter-info-background-size, auto); font-size: var(--page-footer-newsletter-info-font-size, auto); font-weight: var(--page-footer-newsletter-info-font-weight, auto); padding-top: var(--page-footer-newsletter-info-padding-top, auto); padding-bottom: var(--page-footer-newsletter-info-padding-bottom, auto); padding-left: var(--page-footer-newsletter-info-padding-left, auto); padding-right: var(--page-footer-newsletter-info-padding-right, auto); text-align: var(--page-footer-newsletter-info-text-align, auto); color: var(--page-footer-newsletter-info-color, auto); height: var(--page-footer-newsletter-info-height, auto); width: var(--page-footer-newsletter-info-width, auto); grid-template-columns: var(--page-footer-newsletter-info-grid-template-columns, auto); max-width: var(--page-footer-newsletter-info-max-width, auto); max-height: var(--page-footer-newsletter-info-max-height, auto); margin: var(--page-footer-newsletter-info-margin, auto); border-radius: var(--page-footer-newsletter-info-border-radius, auto); font-style: var(--page-footer-newsletter-info-font-style, auto); margin-top: var(--page-footer-newsletter-info-margin-top, auto); margin-bottom: var(--page-footer-newsletter-info-margin-bottom, auto); margin-left: var(--page-footer-newsletter-info-margin-left, auto); margin-right: var(--page-footer-newsletter-info-margin-right, auto); align-items: var(--page-footer-newsletter-info-align-items, auto); justify-content: var(--page-footer-newsletter-info-justify-content, auto); align-self: var(--page-footer-newsletter-info-align-self, auto); justify-self: var(--page-footer-newsletter-info-justify-self, auto); grid-gap: var(--page-footer-newsletter-info-grid-gap, auto); flex-direction: var(--page-footer-newsletter-info-flex-direction, unset); outline-width: var(--page-footer-newsletter-info-outline-width, auto); outline-color: var(--page-footer-newsletter-info-outline-color, auto); outline-style: var(--page-footer-newsletter-info-outline-style, none); border-width: var(--page-footer-newsletter-info-border-width, auto); border-color: var(--page-footer-newsletter-info-border-color, auto); font-family: var(--page-footer-newsletter-info-font-family, auto); border-style: var(--page-footer-newsletter-info-border-style, auto); box-shadow: var(--page-footer-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .blog-posts { background-color: var(--page-blog-posts-background-color, auto); background-image: var(--page-blog-posts-background-image, auto); background-position: var(--page-blog-posts-background-position, auto); background-repeat: var(--page-blog-posts-background-repeat, auto); background-size: var(--page-blog-posts-background-size, auto); font-size: var(--page-blog-posts-font-size, auto); font-weight: var(--page-blog-posts-font-weight, auto); padding-top: var(--page-blog-posts-padding-top, auto); padding-bottom: var(--page-blog-posts-padding-bottom, auto); padding-left: var(--page-blog-posts-padding-left, auto); padding-right: var(--page-blog-posts-padding-right, auto); text-align: var(--page-blog-posts-text-align, auto); color: var(--page-blog-posts-color, auto); height: var(--page-blog-posts-height, auto); width: var(--page-blog-posts-width, auto); grid-template-columns: var(--page-blog-posts-grid-template-columns, auto); max-width: var(--page-blog-posts-max-width, auto); max-height: var(--page-blog-posts-max-height, auto); margin: var(--page-blog-posts-margin, auto); border-radius: var(--page-blog-posts-border-radius, auto); font-style: var(--page-blog-posts-font-style, auto); margin-top: var(--page-blog-posts-margin-top, auto); margin-bottom: var(--page-blog-posts-margin-bottom, auto); margin-left: var(--page-blog-posts-margin-left, auto); margin-right: var(--page-blog-posts-margin-right, auto); align-items: var(--page-blog-posts-align-items, auto); justify-content: var(--page-blog-posts-justify-content, auto); align-self: var(--page-blog-posts-align-self, auto); justify-self: var(--page-blog-posts-justify-self, auto); grid-gap: var(--page-blog-posts-grid-gap, auto); flex-direction: var(--page-blog-posts-flex-direction, unset); outline-width: var(--page-blog-posts-outline-width, auto); outline-color: var(--page-blog-posts-outline-color, auto); outline-style: var(--page-blog-posts-outline-style, none); border-width: var(--page-blog-posts-border-width, auto); border-color: var(--page-blog-posts-border-color, auto); font-family: var(--page-blog-posts-font-family, auto); border-style: var(--page-blog-posts-border-style, auto); box-shadow: var(--page-blog-posts-box-shadow, auto); } .template-page--root .blog-posts .title, .template-page--root .blog-posts .title > p { background-color: var(--page-blog-posts-title-background-color, auto); background-image: var(--page-blog-posts-title-background-image, auto); background-position: var(--page-blog-posts-title-background-position, auto); background-repeat: var(--page-blog-posts-title-background-repeat, auto); background-size: var(--page-blog-posts-title-background-size, auto); font-size: var(--page-blog-posts-title-font-size, auto); font-weight: var(--page-blog-posts-title-font-weight, auto); padding-top: var(--page-blog-posts-title-padding-top, auto); padding-bottom: var(--page-blog-posts-title-padding-bottom, auto); padding-left: var(--page-blog-posts-title-padding-left, auto); padding-right: var(--page-blog-posts-title-padding-right, auto); text-align: var(--page-blog-posts-title-text-align, auto); color: var(--page-blog-posts-title-color, auto); height: var(--page-blog-posts-title-height, auto); width: var(--page-blog-posts-title-width, auto); grid-template-columns: var(--page-blog-posts-title-grid-template-columns, auto); max-width: var(--page-blog-posts-title-max-width, auto); max-height: var(--page-blog-posts-title-max-height, auto); margin: var(--page-blog-posts-title-margin, auto); border-radius: var(--page-blog-posts-title-border-radius, auto); font-style: var(--page-blog-posts-title-font-style, auto); margin-top: var(--page-blog-posts-title-margin-top, auto); margin-bottom: var(--page-blog-posts-title-margin-bottom, auto); margin-left: var(--page-blog-posts-title-margin-left, auto); margin-right: var(--page-blog-posts-title-margin-right, auto); align-items: var(--page-blog-posts-title-align-items, auto); justify-content: var(--page-blog-posts-title-justify-content, auto); align-self: var(--page-blog-posts-title-align-self, auto); justify-self: var(--page-blog-posts-title-justify-self, auto); grid-gap: var(--page-blog-posts-title-grid-gap, auto); flex-direction: var(--page-blog-posts-title-flex-direction, unset); outline-width: var(--page-blog-posts-title-outline-width, auto); outline-color: var(--page-blog-posts-title-outline-color, auto); outline-style: var(--page-blog-posts-title-outline-style, none); border-width: var(--page-blog-posts-title-border-width, auto); border-color: var(--page-blog-posts-title-border-color, auto); font-family: var(--page-blog-posts-title-font-family, auto); border-style: var(--page-blog-posts-title-border-style, auto); box-shadow: var(--page-blog-posts-title-box-shadow, auto); line-height: 1; } .template-page--root .blog-posts .content, .template-page--root .blog-posts .content > p { background-color: var(--page-blog-posts-content-background-color, auto); background-image: var(--page-blog-posts-content-background-image, auto); background-position: var(--page-blog-posts-content-background-position, auto); background-repeat: var(--page-blog-posts-content-background-repeat, auto); background-size: var(--page-blog-posts-content-background-size, auto); font-size: var(--page-blog-posts-content-font-size, auto); font-weight: var(--page-blog-posts-content-font-weight, auto); padding-top: var(--page-blog-posts-content-padding-top, auto); padding-bottom: var(--page-blog-posts-content-padding-bottom, auto); padding-left: var(--page-blog-posts-content-padding-left, auto); padding-right: var(--page-blog-posts-content-padding-right, auto); text-align: var(--page-blog-posts-content-text-align, auto); color: var(--page-blog-posts-content-color, auto); height: var(--page-blog-posts-content-height, auto); width: var(--page-blog-posts-content-width, auto); grid-template-columns: var(--page-blog-posts-content-grid-template-columns, auto); max-width: var(--page-blog-posts-content-max-width, auto); max-height: var(--page-blog-posts-content-max-height, auto); margin: var(--page-blog-posts-content-margin, auto); border-radius: var(--page-blog-posts-content-border-radius, auto); font-style: var(--page-blog-posts-content-font-style, auto); margin-top: var(--page-blog-posts-content-margin-top, auto); margin-bottom: var(--page-blog-posts-content-margin-bottom, auto); margin-left: var(--page-blog-posts-content-margin-left, auto); margin-right: var(--page-blog-posts-content-margin-right, auto); align-items: var(--page-blog-posts-content-align-items, auto); justify-content: var(--page-blog-posts-content-justify-content, auto); align-self: var(--page-blog-posts-content-align-self, auto); justify-self: var(--page-blog-posts-content-justify-self, auto); grid-gap: var(--page-blog-posts-content-grid-gap, auto); flex-direction: var(--page-blog-posts-content-flex-direction, unset); outline-width: var(--page-blog-posts-content-outline-width, auto); outline-color: var(--page-blog-posts-content-outline-color, auto); outline-style: var(--page-blog-posts-content-outline-style, none); border-width: var(--page-blog-posts-content-border-width, auto); border-color: var(--page-blog-posts-content-border-color, auto); font-family: var(--page-blog-posts-content-font-family, auto); border-style: var(--page-blog-posts-content-border-style, auto); box-shadow: var(--page-blog-posts-content-box-shadow, auto); line-height: 1; } .template-page--root .blog-posts .details, .template-page--root .blog-posts .details > p { background-color: var(--page-blog-posts-details-background-color, auto); background-image: var(--page-blog-posts-details-background-image, auto); background-position: var(--page-blog-posts-details-background-position, auto); background-repeat: var(--page-blog-posts-details-background-repeat, auto); background-size: var(--page-blog-posts-details-background-size, auto); font-size: var(--page-blog-posts-details-font-size, auto); font-weight: var(--page-blog-posts-details-font-weight, auto); padding-top: var(--page-blog-posts-details-padding-top, auto); padding-bottom: var(--page-blog-posts-details-padding-bottom, auto); padding-left: var(--page-blog-posts-details-padding-left, auto); padding-right: var(--page-blog-posts-details-padding-right, auto); text-align: var(--page-blog-posts-details-text-align, auto); color: var(--page-blog-posts-details-color, auto); height: var(--page-blog-posts-details-height, auto); width: var(--page-blog-posts-details-width, auto); grid-template-columns: var(--page-blog-posts-details-grid-template-columns, auto); max-width: var(--page-blog-posts-details-max-width, auto); max-height: var(--page-blog-posts-details-max-height, auto); margin: var(--page-blog-posts-details-margin, auto); border-radius: var(--page-blog-posts-details-border-radius, auto); font-style: var(--page-blog-posts-details-font-style, auto); margin-top: var(--page-blog-posts-details-margin-top, auto); margin-bottom: var(--page-blog-posts-details-margin-bottom, auto); margin-left: var(--page-blog-posts-details-margin-left, auto); margin-right: var(--page-blog-posts-details-margin-right, auto); align-items: var(--page-blog-posts-details-align-items, auto); justify-content: var(--page-blog-posts-details-justify-content, auto); align-self: var(--page-blog-posts-details-align-self, auto); justify-self: var(--page-blog-posts-details-justify-self, auto); grid-gap: var(--page-blog-posts-details-grid-gap, auto); flex-direction: var(--page-blog-posts-details-flex-direction, unset); outline-width: var(--page-blog-posts-details-outline-width, auto); outline-color: var(--page-blog-posts-details-outline-color, auto); outline-style: var(--page-blog-posts-details-outline-style, none); border-width: var(--page-blog-posts-details-border-width, auto); border-color: var(--page-blog-posts-details-border-color, auto); font-family: var(--page-blog-posts-details-font-family, auto); border-style: var(--page-blog-posts-details-border-style, auto); box-shadow: var(--page-blog-posts-details-box-shadow, auto); line-height: 1; } .template-page--root .blog-posts .image, .template-page--root .blog-posts .image > p { background-color: var(--page-blog-posts-image-background-color, auto); background-image: var(--page-blog-posts-image-background-image, auto); background-position: var(--page-blog-posts-image-background-position, auto); background-repeat: var(--page-blog-posts-image-background-repeat, auto); background-size: var(--page-blog-posts-image-background-size, auto); font-size: var(--page-blog-posts-image-font-size, auto); font-weight: var(--page-blog-posts-image-font-weight, auto); padding-top: var(--page-blog-posts-image-padding-top, auto); padding-bottom: var(--page-blog-posts-image-padding-bottom, auto); padding-left: var(--page-blog-posts-image-padding-left, auto); padding-right: var(--page-blog-posts-image-padding-right, auto); text-align: var(--page-blog-posts-image-text-align, auto); color: var(--page-blog-posts-image-color, auto); height: var(--page-blog-posts-image-height, auto); width: var(--page-blog-posts-image-width, auto); grid-template-columns: var(--page-blog-posts-image-grid-template-columns, auto); max-width: var(--page-blog-posts-image-max-width, auto); max-height: var(--page-blog-posts-image-max-height, auto); margin: var(--page-blog-posts-image-margin, auto); border-radius: var(--page-blog-posts-image-border-radius, auto); font-style: var(--page-blog-posts-image-font-style, auto); margin-top: var(--page-blog-posts-image-margin-top, auto); margin-bottom: var(--page-blog-posts-image-margin-bottom, auto); margin-left: var(--page-blog-posts-image-margin-left, auto); margin-right: var(--page-blog-posts-image-margin-right, auto); align-items: var(--page-blog-posts-image-align-items, auto); justify-content: var(--page-blog-posts-image-justify-content, auto); align-self: var(--page-blog-posts-image-align-self, auto); justify-self: var(--page-blog-posts-image-justify-self, auto); grid-gap: var(--page-blog-posts-image-grid-gap, auto); flex-direction: var(--page-blog-posts-image-flex-direction, unset); outline-width: var(--page-blog-posts-image-outline-width, auto); outline-color: var(--page-blog-posts-image-outline-color, auto); outline-style: var(--page-blog-posts-image-outline-style, none); border-width: var(--page-blog-posts-image-border-width, auto); border-color: var(--page-blog-posts-image-border-color, auto); font-family: var(--page-blog-posts-image-font-family, auto); border-style: var(--page-blog-posts-image-border-style, auto); box-shadow: var(--page-blog-posts-image-box-shadow, auto); line-height: 1; } .template-page--root .blog-posts .image-caption, .template-page--root .blog-posts .image-caption > p { background-color: var(--page-blog-posts-image-caption-background-color, auto); background-image: var(--page-blog-posts-image-caption-background-image, auto); background-position: var(--page-blog-posts-image-caption-background-position, auto); background-repeat: var(--page-blog-posts-image-caption-background-repeat, auto); background-size: var(--page-blog-posts-image-caption-background-size, auto); font-size: var(--page-blog-posts-image-caption-font-size, auto); font-weight: var(--page-blog-posts-image-caption-font-weight, auto); padding-top: var(--page-blog-posts-image-caption-padding-top, auto); padding-bottom: var(--page-blog-posts-image-caption-padding-bottom, auto); padding-left: var(--page-blog-posts-image-caption-padding-left, auto); padding-right: var(--page-blog-posts-image-caption-padding-right, auto); text-align: var(--page-blog-posts-image-caption-text-align, auto); color: var(--page-blog-posts-image-caption-color, auto); height: var(--page-blog-posts-image-caption-height, auto); width: var(--page-blog-posts-image-caption-width, auto); grid-template-columns: var(--page-blog-posts-image-caption-grid-template-columns, auto); max-width: var(--page-blog-posts-image-caption-max-width, auto); max-height: var(--page-blog-posts-image-caption-max-height, auto); margin: var(--page-blog-posts-image-caption-margin, auto); border-radius: var(--page-blog-posts-image-caption-border-radius, auto); font-style: var(--page-blog-posts-image-caption-font-style, auto); margin-top: var(--page-blog-posts-image-caption-margin-top, auto); margin-bottom: var(--page-blog-posts-image-caption-margin-bottom, auto); margin-left: var(--page-blog-posts-image-caption-margin-left, auto); margin-right: var(--page-blog-posts-image-caption-margin-right, auto); align-items: var(--page-blog-posts-image-caption-align-items, auto); justify-content: var(--page-blog-posts-image-caption-justify-content, auto); align-self: var(--page-blog-posts-image-caption-align-self, auto); justify-self: var(--page-blog-posts-image-caption-justify-self, auto); grid-gap: var(--page-blog-posts-image-caption-grid-gap, auto); flex-direction: var(--page-blog-posts-image-caption-flex-direction, unset); outline-width: var(--page-blog-posts-image-caption-outline-width, auto); outline-color: var(--page-blog-posts-image-caption-outline-color, auto); outline-style: var(--page-blog-posts-image-caption-outline-style, none); border-width: var(--page-blog-posts-image-caption-border-width, auto); border-color: var(--page-blog-posts-image-caption-border-color, auto); font-family: var(--page-blog-posts-image-caption-font-family, auto); border-style: var(--page-blog-posts-image-caption-border-style, auto); box-shadow: var(--page-blog-posts-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .blog-posts .button, .template-page--root .blog-posts .button > p { background-color: var(--page-blog-posts-button-background-color, auto); background-image: var(--page-blog-posts-button-background-image, auto); background-position: var(--page-blog-posts-button-background-position, auto); background-repeat: var(--page-blog-posts-button-background-repeat, auto); background-size: var(--page-blog-posts-button-background-size, auto); font-size: var(--page-blog-posts-button-font-size, auto); font-weight: var(--page-blog-posts-button-font-weight, auto); padding-top: var(--page-blog-posts-button-padding-top, auto); padding-bottom: var(--page-blog-posts-button-padding-bottom, auto); padding-left: var(--page-blog-posts-button-padding-left, auto); padding-right: var(--page-blog-posts-button-padding-right, auto); text-align: var(--page-blog-posts-button-text-align, auto); color: var(--page-blog-posts-button-color, auto); height: var(--page-blog-posts-button-height, auto); width: var(--page-blog-posts-button-width, auto); grid-template-columns: var(--page-blog-posts-button-grid-template-columns, auto); max-width: var(--page-blog-posts-button-max-width, auto); max-height: var(--page-blog-posts-button-max-height, auto); margin: var(--page-blog-posts-button-margin, auto); border-radius: var(--page-blog-posts-button-border-radius, auto); font-style: var(--page-blog-posts-button-font-style, auto); margin-top: var(--page-blog-posts-button-margin-top, auto); margin-bottom: var(--page-blog-posts-button-margin-bottom, auto); margin-left: var(--page-blog-posts-button-margin-left, auto); margin-right: var(--page-blog-posts-button-margin-right, auto); align-items: var(--page-blog-posts-button-align-items, auto); justify-content: var(--page-blog-posts-button-justify-content, auto); align-self: var(--page-blog-posts-button-align-self, auto); justify-self: var(--page-blog-posts-button-justify-self, auto); grid-gap: var(--page-blog-posts-button-grid-gap, auto); flex-direction: var(--page-blog-posts-button-flex-direction, unset); outline-width: var(--page-blog-posts-button-outline-width, auto); outline-color: var(--page-blog-posts-button-outline-color, auto); outline-style: var(--page-blog-posts-button-outline-style, none); border-width: var(--page-blog-posts-button-border-width, auto); border-color: var(--page-blog-posts-button-border-color, auto); font-family: var(--page-blog-posts-button-font-family, auto); border-style: var(--page-blog-posts-button-border-style, auto); box-shadow: var(--page-blog-posts-button-box-shadow, auto); line-height: 1; } .template-page--root .blog-posts .newsletter-info, .template-page--root .blog-posts .newsletter-info > p { background-color: var(--page-blog-posts-newsletter-info-background-color, auto); background-image: var(--page-blog-posts-newsletter-info-background-image, auto); background-position: var(--page-blog-posts-newsletter-info-background-position, auto); background-repeat: var(--page-blog-posts-newsletter-info-background-repeat, auto); background-size: var(--page-blog-posts-newsletter-info-background-size, auto); font-size: var(--page-blog-posts-newsletter-info-font-size, auto); font-weight: var(--page-blog-posts-newsletter-info-font-weight, auto); padding-top: var(--page-blog-posts-newsletter-info-padding-top, auto); padding-bottom: var(--page-blog-posts-newsletter-info-padding-bottom, auto); padding-left: var(--page-blog-posts-newsletter-info-padding-left, auto); padding-right: var(--page-blog-posts-newsletter-info-padding-right, auto); text-align: var(--page-blog-posts-newsletter-info-text-align, auto); color: var(--page-blog-posts-newsletter-info-color, auto); height: var(--page-blog-posts-newsletter-info-height, auto); width: var(--page-blog-posts-newsletter-info-width, auto); grid-template-columns: var(--page-blog-posts-newsletter-info-grid-template-columns, auto); max-width: var(--page-blog-posts-newsletter-info-max-width, auto); max-height: var(--page-blog-posts-newsletter-info-max-height, auto); margin: var(--page-blog-posts-newsletter-info-margin, auto); border-radius: var(--page-blog-posts-newsletter-info-border-radius, auto); font-style: var(--page-blog-posts-newsletter-info-font-style, auto); margin-top: var(--page-blog-posts-newsletter-info-margin-top, auto); margin-bottom: var(--page-blog-posts-newsletter-info-margin-bottom, auto); margin-left: var(--page-blog-posts-newsletter-info-margin-left, auto); margin-right: var(--page-blog-posts-newsletter-info-margin-right, auto); align-items: var(--page-blog-posts-newsletter-info-align-items, auto); justify-content: var(--page-blog-posts-newsletter-info-justify-content, auto); align-self: var(--page-blog-posts-newsletter-info-align-self, auto); justify-self: var(--page-blog-posts-newsletter-info-justify-self, auto); grid-gap: var(--page-blog-posts-newsletter-info-grid-gap, auto); flex-direction: var(--page-blog-posts-newsletter-info-flex-direction, unset); outline-width: var(--page-blog-posts-newsletter-info-outline-width, auto); outline-color: var(--page-blog-posts-newsletter-info-outline-color, auto); outline-style: var(--page-blog-posts-newsletter-info-outline-style, none); border-width: var(--page-blog-posts-newsletter-info-border-width, auto); border-color: var(--page-blog-posts-newsletter-info-border-color, auto); font-family: var(--page-blog-posts-newsletter-info-font-family, auto); border-style: var(--page-blog-posts-newsletter-info-border-style, auto); box-shadow: var(--page-blog-posts-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .gallery { background-color: var(--page-gallery-background-color, auto); background-image: var(--page-gallery-background-image, auto); background-position: var(--page-gallery-background-position, auto); background-repeat: var(--page-gallery-background-repeat, auto); background-size: var(--page-gallery-background-size, auto); font-size: var(--page-gallery-font-size, auto); font-weight: var(--page-gallery-font-weight, auto); padding-top: var(--page-gallery-padding-top, auto); padding-bottom: var(--page-gallery-padding-bottom, auto); padding-left: var(--page-gallery-padding-left, auto); padding-right: var(--page-gallery-padding-right, auto); text-align: var(--page-gallery-text-align, auto); color: var(--page-gallery-color, auto); height: var(--page-gallery-height, auto); width: var(--page-gallery-width, auto); grid-template-columns: var(--page-gallery-grid-template-columns, auto); max-width: var(--page-gallery-max-width, auto); max-height: var(--page-gallery-max-height, auto); margin: var(--page-gallery-margin, auto); border-radius: var(--page-gallery-border-radius, auto); font-style: var(--page-gallery-font-style, auto); margin-top: var(--page-gallery-margin-top, auto); margin-bottom: var(--page-gallery-margin-bottom, auto); margin-left: var(--page-gallery-margin-left, auto); margin-right: var(--page-gallery-margin-right, auto); align-items: var(--page-gallery-align-items, auto); justify-content: var(--page-gallery-justify-content, auto); align-self: var(--page-gallery-align-self, auto); justify-self: var(--page-gallery-justify-self, auto); grid-gap: var(--page-gallery-grid-gap, auto); flex-direction: var(--page-gallery-flex-direction, unset); outline-width: var(--page-gallery-outline-width, auto); outline-color: var(--page-gallery-outline-color, auto); outline-style: var(--page-gallery-outline-style, none); border-width: var(--page-gallery-border-width, auto); border-color: var(--page-gallery-border-color, auto); font-family: var(--page-gallery-font-family, auto); border-style: var(--page-gallery-border-style, auto); box-shadow: var(--page-gallery-box-shadow, auto); } .template-page--root .gallery .title, .template-page--root .gallery .title > p { background-color: var(--page-gallery-title-background-color, auto); background-image: var(--page-gallery-title-background-image, auto); background-position: var(--page-gallery-title-background-position, auto); background-repeat: var(--page-gallery-title-background-repeat, auto); background-size: var(--page-gallery-title-background-size, auto); font-size: var(--page-gallery-title-font-size, auto); font-weight: var(--page-gallery-title-font-weight, auto); padding-top: var(--page-gallery-title-padding-top, auto); padding-bottom: var(--page-gallery-title-padding-bottom, auto); padding-left: var(--page-gallery-title-padding-left, auto); padding-right: var(--page-gallery-title-padding-right, auto); text-align: var(--page-gallery-title-text-align, auto); color: var(--page-gallery-title-color, auto); height: var(--page-gallery-title-height, auto); width: var(--page-gallery-title-width, auto); grid-template-columns: var(--page-gallery-title-grid-template-columns, auto); max-width: var(--page-gallery-title-max-width, auto); max-height: var(--page-gallery-title-max-height, auto); margin: var(--page-gallery-title-margin, auto); border-radius: var(--page-gallery-title-border-radius, auto); font-style: var(--page-gallery-title-font-style, auto); margin-top: var(--page-gallery-title-margin-top, auto); margin-bottom: var(--page-gallery-title-margin-bottom, auto); margin-left: var(--page-gallery-title-margin-left, auto); margin-right: var(--page-gallery-title-margin-right, auto); align-items: var(--page-gallery-title-align-items, auto); justify-content: var(--page-gallery-title-justify-content, auto); align-self: var(--page-gallery-title-align-self, auto); justify-self: var(--page-gallery-title-justify-self, auto); grid-gap: var(--page-gallery-title-grid-gap, auto); flex-direction: var(--page-gallery-title-flex-direction, unset); outline-width: var(--page-gallery-title-outline-width, auto); outline-color: var(--page-gallery-title-outline-color, auto); outline-style: var(--page-gallery-title-outline-style, none); border-width: var(--page-gallery-title-border-width, auto); border-color: var(--page-gallery-title-border-color, auto); font-family: var(--page-gallery-title-font-family, auto); border-style: var(--page-gallery-title-border-style, auto); box-shadow: var(--page-gallery-title-box-shadow, auto); line-height: 1; } .template-page--root .gallery .content, .template-page--root .gallery .content > p { background-color: var(--page-gallery-content-background-color, auto); background-image: var(--page-gallery-content-background-image, auto); background-position: var(--page-gallery-content-background-position, auto); background-repeat: var(--page-gallery-content-background-repeat, auto); background-size: var(--page-gallery-content-background-size, auto); font-size: var(--page-gallery-content-font-size, auto); font-weight: var(--page-gallery-content-font-weight, auto); padding-top: var(--page-gallery-content-padding-top, auto); padding-bottom: var(--page-gallery-content-padding-bottom, auto); padding-left: var(--page-gallery-content-padding-left, auto); padding-right: var(--page-gallery-content-padding-right, auto); text-align: var(--page-gallery-content-text-align, auto); color: var(--page-gallery-content-color, auto); height: var(--page-gallery-content-height, auto); width: var(--page-gallery-content-width, auto); grid-template-columns: var(--page-gallery-content-grid-template-columns, auto); max-width: var(--page-gallery-content-max-width, auto); max-height: var(--page-gallery-content-max-height, auto); margin: var(--page-gallery-content-margin, auto); border-radius: var(--page-gallery-content-border-radius, auto); font-style: var(--page-gallery-content-font-style, auto); margin-top: var(--page-gallery-content-margin-top, auto); margin-bottom: var(--page-gallery-content-margin-bottom, auto); margin-left: var(--page-gallery-content-margin-left, auto); margin-right: var(--page-gallery-content-margin-right, auto); align-items: var(--page-gallery-content-align-items, auto); justify-content: var(--page-gallery-content-justify-content, auto); align-self: var(--page-gallery-content-align-self, auto); justify-self: var(--page-gallery-content-justify-self, auto); grid-gap: var(--page-gallery-content-grid-gap, auto); flex-direction: var(--page-gallery-content-flex-direction, unset); outline-width: var(--page-gallery-content-outline-width, auto); outline-color: var(--page-gallery-content-outline-color, auto); outline-style: var(--page-gallery-content-outline-style, none); border-width: var(--page-gallery-content-border-width, auto); border-color: var(--page-gallery-content-border-color, auto); font-family: var(--page-gallery-content-font-family, auto); border-style: var(--page-gallery-content-border-style, auto); box-shadow: var(--page-gallery-content-box-shadow, auto); line-height: 1; } .template-page--root .gallery .details, .template-page--root .gallery .details > p { background-color: var(--page-gallery-details-background-color, auto); background-image: var(--page-gallery-details-background-image, auto); background-position: var(--page-gallery-details-background-position, auto); background-repeat: var(--page-gallery-details-background-repeat, auto); background-size: var(--page-gallery-details-background-size, auto); font-size: var(--page-gallery-details-font-size, auto); font-weight: var(--page-gallery-details-font-weight, auto); padding-top: var(--page-gallery-details-padding-top, auto); padding-bottom: var(--page-gallery-details-padding-bottom, auto); padding-left: var(--page-gallery-details-padding-left, auto); padding-right: var(--page-gallery-details-padding-right, auto); text-align: var(--page-gallery-details-text-align, auto); color: var(--page-gallery-details-color, auto); height: var(--page-gallery-details-height, auto); width: var(--page-gallery-details-width, auto); grid-template-columns: var(--page-gallery-details-grid-template-columns, auto); max-width: var(--page-gallery-details-max-width, auto); max-height: var(--page-gallery-details-max-height, auto); margin: var(--page-gallery-details-margin, auto); border-radius: var(--page-gallery-details-border-radius, auto); font-style: var(--page-gallery-details-font-style, auto); margin-top: var(--page-gallery-details-margin-top, auto); margin-bottom: var(--page-gallery-details-margin-bottom, auto); margin-left: var(--page-gallery-details-margin-left, auto); margin-right: var(--page-gallery-details-margin-right, auto); align-items: var(--page-gallery-details-align-items, auto); justify-content: var(--page-gallery-details-justify-content, auto); align-self: var(--page-gallery-details-align-self, auto); justify-self: var(--page-gallery-details-justify-self, auto); grid-gap: var(--page-gallery-details-grid-gap, auto); flex-direction: var(--page-gallery-details-flex-direction, unset); outline-width: var(--page-gallery-details-outline-width, auto); outline-color: var(--page-gallery-details-outline-color, auto); outline-style: var(--page-gallery-details-outline-style, none); border-width: var(--page-gallery-details-border-width, auto); border-color: var(--page-gallery-details-border-color, auto); font-family: var(--page-gallery-details-font-family, auto); border-style: var(--page-gallery-details-border-style, auto); box-shadow: var(--page-gallery-details-box-shadow, auto); line-height: 1; } .template-page--root .gallery .image, .template-page--root .gallery .image > p { background-color: var(--page-gallery-image-background-color, auto); background-image: var(--page-gallery-image-background-image, auto); background-position: var(--page-gallery-image-background-position, auto); background-repeat: var(--page-gallery-image-background-repeat, auto); background-size: var(--page-gallery-image-background-size, auto); font-size: var(--page-gallery-image-font-size, auto); font-weight: var(--page-gallery-image-font-weight, auto); padding-top: var(--page-gallery-image-padding-top, auto); padding-bottom: var(--page-gallery-image-padding-bottom, auto); padding-left: var(--page-gallery-image-padding-left, auto); padding-right: var(--page-gallery-image-padding-right, auto); text-align: var(--page-gallery-image-text-align, auto); color: var(--page-gallery-image-color, auto); height: var(--page-gallery-image-height, auto); width: var(--page-gallery-image-width, auto); grid-template-columns: var(--page-gallery-image-grid-template-columns, auto); max-width: var(--page-gallery-image-max-width, auto); max-height: var(--page-gallery-image-max-height, auto); margin: var(--page-gallery-image-margin, auto); border-radius: var(--page-gallery-image-border-radius, auto); font-style: var(--page-gallery-image-font-style, auto); margin-top: var(--page-gallery-image-margin-top, auto); margin-bottom: var(--page-gallery-image-margin-bottom, auto); margin-left: var(--page-gallery-image-margin-left, auto); margin-right: var(--page-gallery-image-margin-right, auto); align-items: var(--page-gallery-image-align-items, auto); justify-content: var(--page-gallery-image-justify-content, auto); align-self: var(--page-gallery-image-align-self, auto); justify-self: var(--page-gallery-image-justify-self, auto); grid-gap: var(--page-gallery-image-grid-gap, auto); flex-direction: var(--page-gallery-image-flex-direction, unset); outline-width: var(--page-gallery-image-outline-width, auto); outline-color: var(--page-gallery-image-outline-color, auto); outline-style: var(--page-gallery-image-outline-style, none); border-width: var(--page-gallery-image-border-width, auto); border-color: var(--page-gallery-image-border-color, auto); font-family: var(--page-gallery-image-font-family, auto); border-style: var(--page-gallery-image-border-style, auto); box-shadow: var(--page-gallery-image-box-shadow, auto); line-height: 1; } .template-page--root .gallery .image-caption, .template-page--root .gallery .image-caption > p { background-color: var(--page-gallery-image-caption-background-color, auto); background-image: var(--page-gallery-image-caption-background-image, auto); background-position: var(--page-gallery-image-caption-background-position, auto); background-repeat: var(--page-gallery-image-caption-background-repeat, auto); background-size: var(--page-gallery-image-caption-background-size, auto); font-size: var(--page-gallery-image-caption-font-size, auto); font-weight: var(--page-gallery-image-caption-font-weight, auto); padding-top: var(--page-gallery-image-caption-padding-top, auto); padding-bottom: var(--page-gallery-image-caption-padding-bottom, auto); padding-left: var(--page-gallery-image-caption-padding-left, auto); padding-right: var(--page-gallery-image-caption-padding-right, auto); text-align: var(--page-gallery-image-caption-text-align, auto); color: var(--page-gallery-image-caption-color, auto); height: var(--page-gallery-image-caption-height, auto); width: var(--page-gallery-image-caption-width, auto); grid-template-columns: var(--page-gallery-image-caption-grid-template-columns, auto); max-width: var(--page-gallery-image-caption-max-width, auto); max-height: var(--page-gallery-image-caption-max-height, auto); margin: var(--page-gallery-image-caption-margin, auto); border-radius: var(--page-gallery-image-caption-border-radius, auto); font-style: var(--page-gallery-image-caption-font-style, auto); margin-top: var(--page-gallery-image-caption-margin-top, auto); margin-bottom: var(--page-gallery-image-caption-margin-bottom, auto); margin-left: var(--page-gallery-image-caption-margin-left, auto); margin-right: var(--page-gallery-image-caption-margin-right, auto); align-items: var(--page-gallery-image-caption-align-items, auto); justify-content: var(--page-gallery-image-caption-justify-content, auto); align-self: var(--page-gallery-image-caption-align-self, auto); justify-self: var(--page-gallery-image-caption-justify-self, auto); grid-gap: var(--page-gallery-image-caption-grid-gap, auto); flex-direction: var(--page-gallery-image-caption-flex-direction, unset); outline-width: var(--page-gallery-image-caption-outline-width, auto); outline-color: var(--page-gallery-image-caption-outline-color, auto); outline-style: var(--page-gallery-image-caption-outline-style, none); border-width: var(--page-gallery-image-caption-border-width, auto); border-color: var(--page-gallery-image-caption-border-color, auto); font-family: var(--page-gallery-image-caption-font-family, auto); border-style: var(--page-gallery-image-caption-border-style, auto); box-shadow: var(--page-gallery-image-caption-box-shadow, auto); line-height: 1; } .template-page--root .gallery .button, .template-page--root .gallery .button > p { background-color: var(--page-gallery-button-background-color, auto); background-image: var(--page-gallery-button-background-image, auto); background-position: var(--page-gallery-button-background-position, auto); background-repeat: var(--page-gallery-button-background-repeat, auto); background-size: var(--page-gallery-button-background-size, auto); font-size: var(--page-gallery-button-font-size, auto); font-weight: var(--page-gallery-button-font-weight, auto); padding-top: var(--page-gallery-button-padding-top, auto); padding-bottom: var(--page-gallery-button-padding-bottom, auto); padding-left: var(--page-gallery-button-padding-left, auto); padding-right: var(--page-gallery-button-padding-right, auto); text-align: var(--page-gallery-button-text-align, auto); color: var(--page-gallery-button-color, auto); height: var(--page-gallery-button-height, auto); width: var(--page-gallery-button-width, auto); grid-template-columns: var(--page-gallery-button-grid-template-columns, auto); max-width: var(--page-gallery-button-max-width, auto); max-height: var(--page-gallery-button-max-height, auto); margin: var(--page-gallery-button-margin, auto); border-radius: var(--page-gallery-button-border-radius, auto); font-style: var(--page-gallery-button-font-style, auto); margin-top: var(--page-gallery-button-margin-top, auto); margin-bottom: var(--page-gallery-button-margin-bottom, auto); margin-left: var(--page-gallery-button-margin-left, auto); margin-right: var(--page-gallery-button-margin-right, auto); align-items: var(--page-gallery-button-align-items, auto); justify-content: var(--page-gallery-button-justify-content, auto); align-self: var(--page-gallery-button-align-self, auto); justify-self: var(--page-gallery-button-justify-self, auto); grid-gap: var(--page-gallery-button-grid-gap, auto); flex-direction: var(--page-gallery-button-flex-direction, unset); outline-width: var(--page-gallery-button-outline-width, auto); outline-color: var(--page-gallery-button-outline-color, auto); outline-style: var(--page-gallery-button-outline-style, none); border-width: var(--page-gallery-button-border-width, auto); border-color: var(--page-gallery-button-border-color, auto); font-family: var(--page-gallery-button-font-family, auto); border-style: var(--page-gallery-button-border-style, auto); box-shadow: var(--page-gallery-button-box-shadow, auto); line-height: 1; } .template-page--root .gallery .newsletter-info, .template-page--root .gallery .newsletter-info > p { background-color: var(--page-gallery-newsletter-info-background-color, auto); background-image: var(--page-gallery-newsletter-info-background-image, auto); background-position: var(--page-gallery-newsletter-info-background-position, auto); background-repeat: var(--page-gallery-newsletter-info-background-repeat, auto); background-size: var(--page-gallery-newsletter-info-background-size, auto); font-size: var(--page-gallery-newsletter-info-font-size, auto); font-weight: var(--page-gallery-newsletter-info-font-weight, auto); padding-top: var(--page-gallery-newsletter-info-padding-top, auto); padding-bottom: var(--page-gallery-newsletter-info-padding-bottom, auto); padding-left: var(--page-gallery-newsletter-info-padding-left, auto); padding-right: var(--page-gallery-newsletter-info-padding-right, auto); text-align: var(--page-gallery-newsletter-info-text-align, auto); color: var(--page-gallery-newsletter-info-color, auto); height: var(--page-gallery-newsletter-info-height, auto); width: var(--page-gallery-newsletter-info-width, auto); grid-template-columns: var(--page-gallery-newsletter-info-grid-template-columns, auto); max-width: var(--page-gallery-newsletter-info-max-width, auto); max-height: var(--page-gallery-newsletter-info-max-height, auto); margin: var(--page-gallery-newsletter-info-margin, auto); border-radius: var(--page-gallery-newsletter-info-border-radius, auto); font-style: var(--page-gallery-newsletter-info-font-style, auto); margin-top: var(--page-gallery-newsletter-info-margin-top, auto); margin-bottom: var(--page-gallery-newsletter-info-margin-bottom, auto); margin-left: var(--page-gallery-newsletter-info-margin-left, auto); margin-right: var(--page-gallery-newsletter-info-margin-right, auto); align-items: var(--page-gallery-newsletter-info-align-items, auto); justify-content: var(--page-gallery-newsletter-info-justify-content, auto); align-self: var(--page-gallery-newsletter-info-align-self, auto); justify-self: var(--page-gallery-newsletter-info-justify-self, auto); grid-gap: var(--page-gallery-newsletter-info-grid-gap, auto); flex-direction: var(--page-gallery-newsletter-info-flex-direction, unset); outline-width: var(--page-gallery-newsletter-info-outline-width, auto); outline-color: var(--page-gallery-newsletter-info-outline-color, auto); outline-style: var(--page-gallery-newsletter-info-outline-style, none); border-width: var(--page-gallery-newsletter-info-border-width, auto); border-color: var(--page-gallery-newsletter-info-border-color, auto); font-family: var(--page-gallery-newsletter-info-font-family, auto); border-style: var(--page-gallery-newsletter-info-border-style, auto); box-shadow: var(--page-gallery-newsletter-info-box-shadow, auto); line-height: 1; } .template-page--root .grid{ max-width: unset; } .template-page--root .grid .grid { display: grid; max-width: var(--page-grid-max-width); margin: var(--page-grid-margin); padding: 0; } @media all and (max-width:990px){ .template-page--root .grid .grid { display: grid;grid-template-columns:1fr 1fr!important;} .template-page--root .grid .grid#block-536180e1-dc82-4396-bc49-ced901e059f9 { display: grid;grid-template-columns:1fr!important;} .x-menu--overlap-icon div { height: auto !important; } } .template-page--root .flex.general { flex-direction: var(--page-general-flex-direction) !important; } .template-page--root .flex { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .template-page--root .flex.left { flex-direction: row-reverse; } .template-page--root .image img{ display: block; border-radius: var(--page-general-image-border-radius); max-height: 100%; margin: var(--page-grid-item-image-margin); } .template-page--root .grid { grid-auto-rows: 1fr; } .template-page--root .grid-item, .template-page--root .grid-item > a, .template-page--root .grid-item .image { height: 100%; } .template-page--root [data-hover-text]{ position: relative; display: block; } .template-page--root [data-hover-text]:hover:after { visibility: visible; opacity: 1 !important; } #block-533e8c4f-244c-4605-9a55-c406f01b3833 [data-hover-text]:after { width: 95%; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 [data-hover-text]:after { white-space: nowrap; } .template-page--root [data-hover-text]:after { display: flex; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; background: var(--page-grid-item-hover-background-color, white); color: var(--color--body); opacity: var(--page-grid-item-hover-opacity); content: attr(data-hover-text); transition: all 0.1s ease-in-out; padding: 20px; box-sizing: border-box; align-items: var(--page-grid-item-hover-align-items); justify-content: var(--page-grid-item-hover-justify-content); border-width: var(--page-grid-item-hover-border-width); border-style: var(--page-grid-item-hover-border-style); border-color: var(--page-grid-item-hover-border-color); outline-style: var(--page-grid-item-hover-outline-style); outline-color: var(--page-grid-item-hover-outline-color); outline-width: var(--page-grid-item-hover-outline-width); box-shadow: var(--page-grid-item-hover-box-shadow); max-height: var(--page-grid-item-hover-max-height); max-width: var(--page-grid-item-hover-max-width); } .template-page--root .carousel-item[data-hover-text]:after, .template-page--root .carousel-item [data-hover-text]:after{ opacity: var(--page-carousel-item-hover-opacity); align-items: var(--page-carousel-item-hover-align-items); justify-content: var(--page-carousel-item-hover-justify-content); border-width: var(--page-carousel-item-hover-border-width); border-style: var(--page-carousel-item-hover-border-style); border-color: var(--page-carousel-item-hover-border-color); outline-style: var(--page-carousel-item-hover-outline-style); outline-color: var(--page-carousel-item-hover-outline-color); outline-width: var(--page-carousel-item-hover-outline-width); box-shadow: var(--page-carousel-item-hover-box-shadow); max-height: var(--page-carousel-item-hover-max-height); max-width: var(--page-carousel-item-hover-max-width); background-color: var(--page-carousel-item-hover-background-color); color: var(--page-carousel-item-hover-color); } .template-page--root .grid-item img { height: 100%; width: 100%; object-position: center; object-fit: cover; } .template-page--root .grid-item .image { position: relative; border: 0 !important; } .template-page--root .grid-item .image:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: var(--page-grid-item-image-box-shadow); border-width: var(--page-grid-item-image-border-width); border-style: var(--page-grid-item-image-border-style); border-color: transparent !important; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .details .button { display: none !important; } .template-page--root .button { display: inline-block; width: fit-content; border-bottom: 0px solid!important; padding: 15px 32px!important; background: #FFEA91; text-transform: uppercase; } .template-page--root .page-width { max-width: var(--page-width); display: block; margin: auto; } .template-page--root .separator { display: block; position: relative; margin-bottom: -5px; background-image: none; } .template-page--root .separator:after { display: block; content: " "; background-image: var(--page-separator-background-image); background-size: contain; background-repeat: repeat-x; background-position: center; background-origin: border-box; position: absolute; left: 0; top: -25px; width: 100%; height: 50px; z-index: 999; } @media screen and (max-width: 790px) { .template-page--root .separator:after { top: -25px; } } .template-page--root .section { display: flex; flex-direction: row; justify-content: stretch; align-items: center; flex-basis: 50%; overflow: hidden; } .template-page--root .section.left { flex-direction: row-reverse; } @media screen and (max-width: 1050px) { .template-page--root .grid .grid { max-width: unset !important; } } @media screen and (max-width: 790px) { .page-width { max-width: 100% !important; } .template-page--root .grid { max-width: unset !important; padding-left: 0; padding-right: 0; } .template-page--root .general { width: 100%; padding-left: 35px; padding-right: 35px; max-width: unset !important; } .template-page--root .section { flex-direction: column-reverse !important; } .template-page--root .section > div { max-width: unset !important; padding-top: 50px; padding-bottom: 50px; } .template-page--root .carousel { max-width: unset !important; padding-left: 0 !important; padding-right: 0 !important; } } .template-page--root .section > div { max-width: 50%; flex: 1; display: flex; flex-direction: column !important; align-items: center; } .template-page--root .section > .image img { display: block; object-fit: cover; height: var(--page-section-image-max-height); width: 100%; aspect-ratio:1; } .template-page--root { padding-top: 0px; padding-bottom: 0px; } .template-page--root .carousel .carousel-item * { display: block; } .template-page--root .carousel .carousel-item ~ .carousel-item { margin-left: 15px; } .template-page--root .carousel .carousel-item img { max-height: var(--page-carousel-item-image-height); max-width: var(--page-carousel-item-image-width); display: block; margin: auto; } .template-page--root .social .socials { display: block; text-align: center; } .template-page--root .social .socials a { display: inline-block; max-width: 35px; padding: 3px; } .template-page--root .social .socials a ~ a { margin-left: 5px; } .template-page--root .social .newsletter { margin-top: 20px; } .template-page--root .social .newsletter img { display: block; margin: auto; max-width: 105px; } @media screen and (max-width: 790px) { .header--logo img { margin-bottom: 0 !important; } } /* Header */ @media screen and (min-width: 1050px) { /* .header--root[data-fixed=true] .header--top-row { position: absolute; } .header--root[data-fixed=true] .header--top-row .header--right-column { display: none; } .header--root[data-fixed=true] .header--top-row .header--middle-column { max-width: unset; } */ .header--root[data-fixed=false] > .header--right-column { display: none; } .header--root[data-fixed=true] .header--bottom-row{ display: block !important; margin-bottom: 0; text-align: center; padding-top: 0; } } .header--root[data-fixed=true] > .header--right-column { position: absolute; right: 45px; } @media screen and (max-width: 1050px) { .header--root > .header--right-column, .header--root .header--bottom-row { display: none; } } /*! Flickity v2.2.2 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /* -- Homepage -- */ .featured-text--root { padding-bottom: 15px; } .featured-text--root a { display: inline-block; position: relative; background: transparent; /* outline: 3px solid #4d3c33 !important; */ /* border-bottom: 1px solid #4d3c33; */ width: object-fit; /* -webkit-box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); */ } .featured-text--root a:hover, .featured-text--root a:focus, .featured-text--root a:active { text-decoration: underline; } .featured-text--root .featured-text--blocks { /* grid-template-columns: minmax(auto,70%); */ } .cb-cookie_consent-container-link_container { color: rgb(247, 246, 242) !important; } .featured-text--root .featured-text--blocks p { line-height:normal!important; } .featured-grid--root .featured-grid--item--image:after { display: block; content: attr(data-title); background: transparent; color: black; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: fit-content; max-width: 250px; min-width: 150px; text-transform: uppercase; white-space:nowrap; font-family:Montserrat Semibold; padding: 15px 25px; color: rgb(255,255,255); border: 1px solid rgb(255,255,255); } .featured-grid--root .featured-grid--item--text-container { display: none; } .featured-grid--root .featured-grid--item--image { position: relative; padding: 0 !important; } @media all and (max-width:990px){ .featured-text--root .featured-text--blocks{ grid-template-columns: minmax(auto,100%);} .featured-grid--root .featured-grid--item--image:after { display: block; content: attr(data-title); background: transparent; color: black; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: fit-content; max-width: 250px; min-width: 150px; white-space:unset; text-transform: uppercase; font-family:Montserrat Semibold; padding: 15px 25px; color: rgb(255,255,255); border: 1px solid rgb(255,255,255); } } .ooo-instagram { /* background-image: url("//petrapalumbo.com/cdn/shop/t/61/assets/productAsset-2-80.jpg?v=8257369415716409541784210224"); background-size: 100%; background-repeat: repeat; background-position: center;*/ margin-top: 0 !important; margin-bottom: 0 !important; padding-top: calc(var(--ooo-instagram-section-vertical-margin) / 1.15) !important; padding-bottom: var(--ooo-instagram-section-vertical-margin) !important; } /* .ooo-instagram .ooo-instagram-footer__button { display: block; content: attr(data-title); background: transparent !important; color: black; width: fit-content; border-left:0;border-right:0;border-top:0;padding:14px 0 5px !important; /* max-width: 250px; min-width: 150px; */ text-transform: uppercase; /* outline: 3px solid white; */ /* padding: 15px 25px !important; */ border-bottom: 2px solid #44572b; /* -webkit-box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 0px 3px rgb(163,177,161,0.45); box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 0px 3px rgba(163,177,161,0.45); } .ooo-instagram-header>*{margin:10px auto;} .ooo-instagram-header__subheading p { text-transform: uppercase; } /* .ooo-instagram-header__subheading p:before { content: " "; display: block; margin: 0 auto 15px; width: 55px; height: 55px; background-image: url("//petrapalumbo.com/cdn/shop/t/61/assets/instagram-green.png?v=65284475524000276271784210224"); background-size: 100%; background-repeat: no-repeat; background-position: center; } */ .featured-blog--root .featured-blog--footer a { display: inline-block; position: relative; background: transparent; /* outline: 3px solid #ffe186 !important; */ border: 2px solid #44572b; /* padding: 15px; */ text-decoration: none !important; font-size: 14px; /* width: 250px; */ width:fit-content; border-left:0;border-right:0;border-top:0;padding:15px 0 5px; /* -webkit-box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); */ } .featured-blog--root .featured-blog--footer a div { line-height: unset; width: fit-content; border: 0px solid!important; padding: 15px 32px!important; background: #FFEA91; text-transform: uppercase; color: #44572b !important; font-size: var(--font--button--size)!important; border-radius: 0px!important;margin:auto; } .featured-blog--root h2 { padding-bottom: 0px; } .featured-blog--root .description { display: block; text-align: center; margin-bottom: 50px; font-weight: 300; max-width: 666px; margin-left: auto; margin-right: auto; } .featured-blog--root .featured-blog--item--heading, .featured-blog--root .featured-blog--item--read-more { display: none; } .featured-blog--root .featured-blog--item--image { border: 2px solid #fff; padding: 0; position: relative; } .featured-blog--root .featured-blog--item--image a { /* -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0), inset 0px 0px 0px 3px rgb(255,255,255,0.45); box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0), inset 0px 0px 0px 3px rgba(255,255,255,0.45); */ } .featured-blog--root .featured-blog--item--image .image--root { display: block; position: absolute; width: 100%; height: 100%; } /*.featured-blog--root .image--container { height: 100%; padding-top: 0 !important; }*/ .breadcrumbs--root li, .breadcrumbs--root li a { font-size: 12px; text-transform: uppercase; line-height: 18px } .featured-blog--root .featured-blog--item--image .image--root img { max-height: 100%; object-fit: cover; } /* .featured-blog--root .featured-blog--item--image:after { content: ""; display: block; padding-bottom: 100%; } */ .featured-blog--root .featured-blog--item--image:before { display: block; position: absolute; border: 1px solid white; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); z-index: 1000; } .featured-blog--grid .featured-blog--item--image a { position: relative; display: block; } .featured-blog--grid .featured-blog--item--image a:after { display: block; position: absolute; content: attr(data-title); background: transparent; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); padding: 15px; white-space: nowrap; color: rgb(163,177,161); border: 1px solid rgb(255,255,255); /* outline: 2px solid white; */ /* -webkit-box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 0px 3px rgb(163,177,161,0.45); box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 0px 3px rgba(163,177,161,0.45); */ } .featured-content--root .featured-content--container .featured-content--image:before { display: block; content: ""; width: 100%; background: white; position: absolute; top: 0px; z-index: 1000; } .featured-content--root .featured-content--container .featured-content--image:after { display: block; content: ""; height: 1px; width: 100%; background: transparent; position: absolute; bottom: 0px; z-index: 1000; } .featured-content--root .featured-content--text .featured-content--link a { background: transparent; /* outline: 3px solid #ffe186 !important; */ /* padding: 15px; */ text-decoration: none !important; /* width: 250px; */ width:fit-content !important; padding:14px 0 8px !important;border-top:0 !important;border-left:0 !important;border-right:0 !important;min-width:0 !important /* -webkit-box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); */ } .featured-content--root .featured-content--text .featured-content--link a:after { content: unset; } /* .featured-content--root .featured-content--text .featured-content--description { color: #6d6264; } */ #shopify-section-1620626685871fc992 { background-image: url(//petrapalumbo.com/cdn/shop/t/61/assets/honey-suckle-wallpaper.jpg?v=136197760237085696651784210224); background-size: 100%; background-repeat: repeat; background-position: center; padding: 95px 45px; } #shopify-section-1620626685871fc992 .map--root { display: block; margin: auto; max-width: 850px; background-color: transparent; /* outline: 3px solid #bc9fab !important; */ border: 1px solid #f4e9ed; padding: 15px; text-decoration: none !important; font-size: 14px; /* -webkit-box-shadow: inset 0px 0px 0px 2px #bc9fab, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); box-shadow: inset 0px 0px 0px 2px #bc9fab, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); */ } .map--root .map--heading { color: #bc9fab; text-align: center; font-size: 24px; } .map--root .map--open-maps-link { text-align: center; } .map--root .map--info { padding-right: 0; line-height: 1.2; color: #6d6264; } .map--root .map--info p { font-size: 18px; } .map--root .map--open-maps-link a { background: transparent; color: #4d3c33; border: 1px solid #ffe186; padding: 15px; text-decoration: none !important; font-size: 14px; width: 250px; text-align: center; } .map--root .map--open-maps-link a:after { content: unset; } #shopify-section-1620626621ffef6b4f .featured-content--container { align-items: center; display: flex; height: 100%; justify-content: stretch; align-items: stretch; margin: 0 auto; flex-direction: row; flex-basis: 50%; } #shopify-section-1620626621ffef6b4f .featured-content--container .featured-content--text { max-width: unset; } .shopify-section:not(#shopify-section-1620626621ffef6b4f) .logos { display: none !important; } /* #featured-collection-show-more a { background: transparent; /* outline: 3px solid #ffe186 !important; */ border: 2px solid #44572b; /* padding: 15px; */ /* width: 250px; */ text-align: center; border-top:0;border-right:0;border-left:0;width:object-fit;padding:15px 0 8px; /* -webkit-box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); */ } */ #featured-collection-show-more a:after { content: unset; } .product--labels-container[data-item] { top: 0px; left: 0px; width: 80px; padding-right: 0; } .product--labels-container[data-item] > *:not(.product--out-of-stock) { width: 100%; background-color: transparent !important; background-image: url("//petrapalumbo.com/cdn/shop/t/61/assets/New_Tag.png?v=17493350230860689411784210224"); background-repeat: no-repeat; background-size: 85%; background-position: center; border: 0; padding-right: 0; height: 85px !important; } .product--quick-add{background: #f2f2f2;padding:8px 10px;} .product--plus{border-radius:100px;font-size:8px;background: #f2f2f2; color: #77797C; border: 0;width:fit-content;height:auto; font-family: Montserrat Semibold;text-transform: lowercase; } .product--plus svg{margin-right:10px;} .product--plus:hover { box-shadow: none; } #shopify-section-16281566926aa2b965 .featured-content--text { background: transparent; padding: 15px; white-space: nowrap; color: rgb(163,177,161); border: 1px solid rgb(163,177,161); /* outline: 2px solid white; */ width: fit-content; max-width: 250px; min-width: 150px; text-transform: uppercase; /* -webkit-box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 0px 3px rgb(163,177,161,0.45); box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 0px 3px rgba(163,177,161,0.45); */ } #shopify-section-16281566926aa2b965 .featured-content--text .featured-content--title { font-size: 20px; font-weight: 300; padding-bottom: 0; padding: 10px 25px; } #shopify-section-1620626621ffef6b4f .featured-content--image:before, #shopify-section-1620626621ffef6b4f .featured-content--image:after { content: unset; } #shopify-section-1620626621ffef6b4f .featured-content--text { margin-left: 0 !important; display: flex; flex: 0 0 50%; flex-direction: row; align-items: center; border: 0; box-shadow: none !important; outline: 0; } #shopify-section-1620626621ffef6b4f .featured-content--text .featured-content--title { text-align: center;font-size: 18px !important;flex: 0 0 50%; } #shopify-section-1620626665f401fe84 .featured-blog--heading.heading { font-size: 18px; } #shopify-section-1620626621ffef6b4f .featured-content--text a { background: transparent; /* outline: 3px solid #ffe186 !important; */ border: 1px solid #44572b; padding: 15px; text-decoration: none !important; width: 250px; min-width: 150px; max-width: 250px; text-align: center; margin: auto; /* -webkit-box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45); */ } #shopify-section-1620626621ffef6b4f .featured-content--link { margin-top: 20px; text-align: center; } #shopify-section-1620626621ffef6b4f .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=true] .featured-content--image { position: unset; } .osf_inline_button,.product-form--button-container a{background-color:#FFEA91 !important;color: #4d3c33 !important;} @media screen and (max-width: 790px) { #shopify-section-1620626621ffef6b4f .featured-content--container { flex-direction: column; } #shopify-section-1620626685871fc992 .map--heading { margin-bottom: 15px; } } #shopify-section-1620626621ffef6b4f { position: relative; } #shopify-section-1620626685871fc992 { position: relative; } #shopify-section-1620626685871fc992:after { display: block; content: " "; position: absolute;left: 0; bottom: -28px; width: 100%; height: 50px; background-size: contain; background-repeat: repeat-x; background-position: center; background-origin: border-box; z-index:5; } .shopify-payment-button__button--unbranded { background: #FFEA91 !important; color: #56705c!important; /* outline: 1px solid #ffe186 !important; */ border: 1px solid #FFEA91 !important; padding: 15px !important; text-decoration: none !important; font-size: 14px; width: 100%; min-width: 150px; text-align: center; margin: auto; font-family: var(--font--accent--family) !important; font-weight: var(--font--accent--weight) !important; font-style: var(--font--accent--style) !important; text-transform: uppercase !important; letter-spacing: 1px !important; /* -webkit-box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45) !important; box-shadow: inset 0px 0px 0px 2px #ffe186, inset 0px 0px 0px 3px rgba(255, 255, 255, 0.45) !important; */ } .product-form--add-to-cart:active, .product-form--add-to-cart:focus,.klaviyo-bis-trigger { } .product-form--add-to-cart,.klaviyo-bis-trigger { /* outline: 1px solid var(--color--body) !important; */ border:none !important; padding: 15px !important; text-decoration: none !important; width: 100%; min-width: 150px; text-align: center; margin: auto; /* -webkit-box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 3px rgba(102, 131, 110, 0.45) !important; box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 3px rgba(102, 131, 110, 0.45) !important; */ } .product-form--button-container .product-form--add-to-cart:hover, .product-form--add-to-cart:hover { background: #5a2640 !important; color: #f7f6f2 !important; } .klaviyo-bis-trigger{ margin-top:20px; } [data-item=secondary-button] .product-form--add-to-cart[disabled], #th_product_bundle .th_pb_addtocart_section .button.th_pb_add_to_cart_disabled { background-color: #E2B96A !important; color: #5a2640 !important; } #klaviyo-bis-modal .btn-success { font-family: Montserrat Semibold; } #klaviyo-bis-modal .btn-success{ background: #FFEA91 !important; color:#44572b !important; /* outline: 1px solid var(--color--body) !important; */ border:none !important; padding: 15px !important; text-decoration: none !important; width: 100%; min-width: 150px; text-align: center; margin: auto; } .collection--navigation--layout > div { border: 0 !important; } .collection--navigation, .collection--body--mobile-header { background: #0000 !important; color: var(--color--body) !important; padding: 0 !important; margin: 50px 0 0 0 !important; } footer { position: relative; } .sub-footer { background-image: url("//petrapalumbo.com/cdn/shop/t/61/assets/tartan.jpeg?v=158405088130152408991784210224"); background-repeat: repeat; background-size: 255px; background-position: center; padding: 25px 10px; color: white; width: 100%; } .sub-footer > div { display: flex; flex-direction: row; flex-basis: 30%; justify-content: space-between; align-items: center; } .sub-footer .footer--sub--block { display: block; margin: auto; text-align: center; margin-top: 15px; margin-bottom: 15px; } .sub-footer .logo_items img { max-height: 55px; } @media screen and (min-width: 790px) { .sub-footer .logo_items img { margin-left: 5px; margin-right: 5px; } } .sub-footer .contact_1 a { display: block; background: #ffe186 !important; color: #4d3c33 !important; text-align: center; padding: 5px 20px; font-size: 12px; margin: auto; text-transform: uppercase; font-family: 'Futura', sans-serif; letter-spacing: 3px; font-weight: 500; white-space: nowrap; margin-top: 10px; } .sub-footer .contact_1 img { max-width: 170px; margin-bottom: 5px; } .sub-footer .links { text-align: center; } .sub-footer .links .links a { font-size: 14px; color: white; } .sub-footer .links .links a ~ a { margin-left: 15px; } .sub-footer .links .copyright { font-size: 12px; color: #ccc; } footer .footer--blocks { align-items: flex-start; padding-bottom: 0 !important; } @media all and (max-width:767px){ footer .footer--blocks{flex-direction:column-reverse;align-items:center;} footer .footer--blocks > div ~ div { position: relative; width:100%;} footer .footer--blocks .footer--block{padding:0px 10px;} } footer .footer--blocks > div ~ div { position: relative; } footer .footer--blocks > div ~ div:before { display: block; content: ""; position: absolute; left: 0; height: 235px; width: 1px; top: 15px; } @media screen and (max-width: 1050px) { .footer--subscribe--info img { display: none !important; } } @media screen and (max-width: 790px) { footer .footer--blocks > div ~ div:before { display: block; content: ""; position: absolute; top: 0; left: 50%; height: 0px !important; width: 65%; transform: translateX(-50%); background-color: #fff !important; } } footer .footer--blocks > div ~ div > div { margin: auto !important; } footer > div .footer--block--heading { display: block; text-align: center; color: #889b8c!important; font-size: 20px; margin-top: 10px; letter-spacing: 3px; } .footer--social-icons { justify-content: center; width: 100%; } .footer--social-icons img { max-width: 45px; } @media screen and (max-width: 1050px) { .sub-footer { flex-direction: column; } .sub-footer > div ~ div { margin-top: 25px; } } @media screen and (max-width: 790px) { footer .footer--blocks > div ~ div { border-left: 0 !important; } } /* @media screen and (min-width: 1050px) { header .layout--login { display: block; margin-right: 15px; } header .header--search { position: absolute; left: 15px; margin: 0; } } */ .footer--subscribe--info img{ display: inline-block; max-width: 65px; margin-right: 10px; padding-bottom: 0 !important; } .footer--subscribe--info { display: flex; flex-direction: row; align-items: center;justify-content: center; } .newsletter_info { color: white; font-size: 0.75em;font-style:italic; } .footer--block { justify-content: center; } .footer--block[data-block-type=subscribe] .footer--block--container { margin: auto; } .block { position: relative; } .block:before { display: block; content: ""; height: 1px; width: 100%; background: white; position: absolute; top: 2px; z-index: 100; } .block:after { display: block; content: ""; height: 1px; width: 100%; background: white; position: absolute; bottom: 2px; z-index: 100; } .mobile-nav--header { justify-content: flex-end; } .mobile-nav .mobile-nav--header a { padding-bottom: 0; padding-left: 0; } .mobile-nav .mobile-nav--header img { height: 25px; } .trees { border-radius: 50px; display: flex; padding: 15px; bottom: 3%; right: 3%; z-index:100000; flex-direction: row; justify-content: space-between; align-items:center; max-width: 320px; } .trees.main { position: fixed; background-color: #FFEA91 !important; color: #44572b !important; z-index:1; } @media screen and (max-width: 790px) { .trees { left: 0; right: 0; margin: auto; } } .trees > .icon { max-width: 35px; } .trees > .info > * { display: block; text-align: center; color:#44572b;} .trees > .info > strong { white-space: nowrap; font-weight: 500; font-size: 16px; color:#44572b; font-family:var(--font--heading--family)!important; } .trees > .info > span { font-size: 11px; line-height: 1; font-family:var(--font--paragraph--family)!important; } .trees > .info > strong::before { content: counter(count) " "; animation: counter 0.75s; animation-fill-mode: forwards; } @media screen and (min-width: 790px) { .trees > .info > strong::before { counter-reset: count 0; } } @media screen and (max-width: 790px) { .trees > .info > strong::before { counter-reset: count 0; } } @keyframes counter { 0% { counter-increment: count 0; } 10% { counter-increment: count 56; } 20% { counter-increment: count 112; } 30% { counter-increment: count 168; } 40% { counter-increment: count 224; } 50% { counter-increment: count 280; } 60% { counter-increment: count 336; } 70% { counter-increment: count 392; } 80% { counter-increment: count 448; } 90% { counter-increment: count 504; } 100% { counter-increment: count 560; } } .x-menu--level-2--container .blocks { display: block; display: flex; justify-content: center; /* flex: 1; */ } .x-menu--level-2--container .blocks .block { display: inline-block; position: relative; max-width: 300px; height: 100%; width: 100%; max-height: 300px; } .x-menu--level-2--container .blocks .block ~ .block { margin-left: 15px; } .x-menu--level-2--container .blocks .block a { padding: 0 !important; height: 100%; width: 100%; } .x-menu--level-2--container .blocks .block:after {height: 25px;bottom: 0; left: 0;width: 100%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);} .x-menu--level-2--container .blocks .block img { height: 100%; object-fit: cover; width: 100%; } .x-menu--level-2--container .blocks .block:before {content: attr(data-title);display: block;position: absolute;white-space: nowrap;bottom: 10px;left: 0; right: 0;top: unset;background: unset !important;height: unset !important;text-align: center;color: white;font-size: 16px;font-weight: 500;z-index:999;} .x-menu--level-2--container .blocks .block img { max-width: 100%;} .title { letter-spacing: 3px; } .content p { line-height: 1.8 !important; } #block-b4633e42-e1eb-4717-93f0-8c0898459cad img { width: 100% !important; object-fit: cover; } #block-b4633e42-e1eb-4717-93f0-8c0898459cad .carousel-item { width: 100%; } #block-8c45a1fc-bd1f-4ecc-961c-0a46dc1d1e17 .image img { max-width: 250px !important; } #block-dbff6b63-9738-48ee-a949-99fe32eb7946 form label { color: #9cb1a1; font-weight: 500; } #block-dbff6b63-9738-48ee-a949-99fe32eb7946 form input, #block-dbff6b63-9738-48ee-a949-99fe32eb7946 form textarea { display: inline-block; color: #9CB1A1; background-color: white; } #block-dbff6b63-9738-48ee-a949-99fe32eb7946 .submit { text-align: center; } #block-dbff6b63-9738-48ee-a949-99fe32eb7946 .submit input { display: inline-block; margin: auto; background-color: #fae187; border: 1px solid white; outline: 2px solid #fae187; overflow: visible; color: #45433b; font-weight: 500; -webkit-box-shadow: inset 0 0 0 1px #fae187, inset 0 0 0 2px rgba(255, 255, 255, 0.45); box-shadow: inset 0 0 0 1px #fae187, inset 0 0 0 2px rgba(255, 255,2 55, 0.45); } @media screen and (max-width: 790px) { #block-8794ad83-98e1-4a8c-b9cb-2c2358c4bdd7, #block-4d1b50cd-75d6-4087-878c-9670628e0a0c, #block-8794ad83-98e1-4a8c-b9cb-2c2358c4bdd7 .image, #block-4d1b50cd-75d6-4087-878c-9670628e0a0c .image { padding-bottom: 15px; } } @media screen and (min-width: 790px) { #block-8794ad83-98e1-4a8c-b9cb-2c2358c4bdd7, #block-4d1b50cd-75d6-4087-878c-9670628e0a0c { height: 350px; max-height: unset !important; } #block-8794ad83-98e1-4a8c-b9cb-2c2358c4bdd7 .image, #block-4d1b50cd-75d6-4087-878c-9670628e0a0c .image { max-height: unset !important; } } .footer { position: relative; } .footer .socials { margin-top: 15px; } .footer .socials a { display: inline-block; width: 45px; } .footer .socials a img { max-width: 100%; } .footer .signup { display: block; text-align: center; color: #464646; } .footer .signup img { display: block; max-width: 105px; margin: 15px auto; } .footer .signup .info { font-size: 1.05em; } .x-menu--level-2--container { border-top: 0px double rgba(102, 131, 110, 0.2) !important; } #shopify-section-framework--collection--navigation { position: relative; top: 0px; z-index: 3; } [data-x-menu--depth='2'] .x-menu--level-2--container { box-shadow: 0 10px 10px -10px rgb(0 0 0 / 20%) !important; } .product--out-of-stock { background-color: transparent !important; border: 0 !important; background-image: url("//petrapalumbo.com/cdn/shop/t/61/assets/pp-sold-out.png?v=10483289872377806461784210224") !important; text-indent: -999999px !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; height: 50px !important; width: 50px !important; top: 15px !important; left: 10px !important; position: absolute; } /* .x-menu--level-2--container { z-index: 10 !important; } */ /* .header--root[data-fixed="true"] .header--logo img { margin-bottom: 15px; } */ [data-item=secondary-button] > * { line-height: unset !important; } .product-page--left-column .modal { position: sticky; top: 125px; } #block-accbac24-a1bf-4a41-a202-65894cdb193b .details { max-width: fit-content !important; padding: 15px 25px; } .header--search { display: flex; align-items: center;justify-content:center; } .currency_select { display: flex; position: relative; padding-bottom: 0;align-items:center;justify-content:center; } .header--search img { margin-bottom: 0 !important; } .currency_select:hover { cursor: pointer; } #currency_select, #currency_select + div, #currency_select2, #currency_select2 + div { display: none; } #currency_select + div input[type="radio"], #currency_select2 + div input[type="radio"] { display: none; } #currency_select + div input[type="radio"] + label, #currency_select2 + div input[type="radio"] + label { white-space: nowrap; padding-bottom: 0; margin-bottom: 0; } #currency_select + div input[type="radio"]:checked + label:before, #currency_select2 + div input[type="radio"]:checked + label:before { content: "✓"; margin-right: 5px; display: inline-block; } #currency_select + div label:hover, #currency_select2 + div label:hover { cursor: pointer; } #currency_select:checked + div, #currency_select2:checked + div { display: block; position: absolute; top: 120%; left: 0; width: fit-content; z-index: 999; background: #f7f6f2; padding: 5px; color: #5a2640; } @media screen and (max-width: 767px) { .currency_select { margin-right: 5px; } } @keyframes fadeIn { 99% { visibility: hidden; } 100% { visibility: visible; } } @keyframes fadeOut { 99% { visibility: visible; } 100% { visibility: hidden; } } .product-block { padding-bottom: 0 !important; margin-bottom: 10px; text-align:center;} .product-block input { display: none; } .product-block .content { height: auto; max-height: 0; transition: max-height 0.5s ease, opacity 0.15s ease; opacity: 0; font-size: 13px !important; line-height: 21px !important; position: relative; z-index: -1; } .product-block .content > span { display: block; padding: 10px; height: auto; animation: 0.1s fadeOut; animation-fill-mode: forwards; font-size: 13px !important; line-height: 21px !important; } .product-block .content .variant-suitability > span { font-size: 13px !important; line-height: 21px !important; } .product-block input:checked ~ .content { max-height: 100%; opacity: 1; text-align: left !important; z-index: 2; } .product-block input:checked ~ .content span { animation: 0.1s fadeIn; animation-fill-mode: forwards; } .product-block input:checked ~ .title:after { content: '\2013'; } .product-block .title { border-bottom: 1px solid black; font-size: 12px; padding-bottom: 5px; position: relative; } .product-block .title:hover { cursor: pointer; } .product-block .title:after { content: "+"; line-height: 1; position: absolute; right: 0; top: -3px;font-size:24px;font-weight:500;font-family:montserrat; } .luxury_icon { float: right; } .luxury_icon input { display: none; } .luxury_icon label:hover { cursor: pointer; } .luxury_icon label img { max-width: 85px; transition: filter 0.1s ease; } .luxury_icon label.icon:hover img { filter: invert(1); } .luxury_icon .icon { display: block; text-align: center; margin-top: 25px; } .luxury_icon input:checked ~ .content { display: block; } .luxury_icon .content { display: none; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.85); top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999; } .luxury_icon .content .item { display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 650px; width: fit-content; height: fit-content; background: white; color: black; padding: 25px; text-align: center; } .luxury_icon .content .item:after { content: "✖"; position: absolute; right: 15px; top: 10px; color: rgba(0,0,0,0.5); } .social-share--root[data-position=product] { padding-top: 0 !important; } .luxury_icon .content .item .title { margin-top: 15px; } .luxury_icon .content .item .info { font-size: 0.85em; margin-top: 15px; } .luxury_icon .content .item .items { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); grid-column-gap: 15px; } .luxury_icon .content .item .items .item-block { margin-top: 15px; font-size: 10px; line-height: 1em; } .luxury_icon .content .item .items .item-block .details { margin-top: 10px; } #sustainability.hide { visibility: hidden; } .product-page--social-media { margin-top: 24px; margin-bottom: 24px; } .x-menu li, .x-menu ul { text-align: left; } .layout--main-content { z-index: 0 !important; } #block-533e8c4f-244c-4605-9a55-c406f01b3833 .grid-item img { height: unset !important; } .x-menu--level-2--container { display: none !important; } .x-menu--level-2--container[data-transition="forwards"] { display: flex !important; justify-content: center; margin-top:0rem; } .featured-grid--root .featured-grid--item--image:after, .featured-text--root a, #shopify-section-16281566926aa2b965 .featured-content--text .featured-content--title, #featured-collection-show-more a, .map--root .map--open-maps-link a, #shopify-section-1620626621ffef6b4f .featured-content--text a, .featured-content--root .featured-content--text .featured-content--link a, [data-item=a11y-button], [data-item=button]>*, input[type=submit], .featured-blog--root .featured-blog--item a:after, [data-section-id="1626269729e0c6ce07"] .ooo-instagram-footer__button, .template-page--root .block .button, .template-page--root .block .button > p, .template-page--root [data-hover-text]:after { letter-spacing: 2px; } .featured-blog--root .featured-blog--item a:after { text-transform: uppercase; max-width: 100%; font-size: clamp(12px, 1vw, 14px); overflow: hidden; white-space: nowrap; } .x-menu--level-1--link[data-x-menu--depth='2'] { position: unset; } [data-x-menu--depth='2'] .x-menu--level-2--container { left: 0; right: 0; width: 100%; max-width: 100%; justify-content: center; } .x-menu--level-2--container .blocks.shop { flex: 1; } .x-menu--level-2--container .blocks.shop .block { margin-left: 15px; } .x-menu--level-2--container .blocks.about .block { margin: 15px 5px; max-height: calc(100% - 30px); } .x-menu--level-2--list.about { align-self: center; } .x-menu--level-2--container .title { margin-top: 32px; padding-right: 15px; border-right: 1px solid var(--color--body); margin-bottom: 32px; max-height: calc(100% - 64px); } /* body:not(.template--index) .featured-blog--root { padding-top: 0; } */ input.tab { display: none; } input.tab:not(:checked) + div { display: none; } label.tab { transition: opacity 0.15s ease; } label.tab.active { opacity: 1; } label.tab:not(.active) { opacity: 0.5; } label.tab:not(.active):hover { opacity: 1; } label.tab:hover { cursor: pointer; } .tabs { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; } .tabs > label { padding: 25px 10px; } @media screen and (max-width: 1050px) { .grid { grid-template-columns: repeat(auto-fit, minmax(235px, max-content)) !important; } } .product-page--root { padding: 0 20px; max-width: 1350px; margin-bottom: 100px; } .x-menu--level-2--container .title { border-right: 1px solid var(--bdr-color--header); font-size: 0.85em; font-family: var(--font--accent--family); font-weight: var(--font--accent--weight); font-style: var(--font--accent--style); text-transform: uppercase; letter-spacing: 1px; font-size: 14px; } .x-menu--single-parents.about ul { padding-right: 0; } label.donation { background-color: #5a2640; color: white; padding: 15px; font-size: 14px; text-transform: unset !important; margin-bottom: 15px; display: block; line-height: 1; position: relative; width: 450px; max-width: 100%; } /* .off-canvas--right-sidebar label.donation { position: unset; width: unset; } */ label.donation:hover { cursor: pointer; } label.donation .title { margin-bottom: 5px; line-height: 1.5; } #block-a6aace15-7ce3-4b82-b15c-3a599bd3886a a.button { letter-spacing: 3px; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); grid-gap: 10px; grid-template-areas: "test center center test2" "test center center test2" "test3 center center test4" "test3 center center test4" "bottom1 bottom1 bottom2 bottom2"; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery img { object-fit: cover; height: 100%; width: 100%;} #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div:first-of-type { grid-area: test; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div:nth-of-type(2) { grid-area: test2; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div:nth-of-type(3) { grid-area: test3; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div:nth-of-type(4) { grid-area: test4; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div.center { grid-area: center; display: flex; flex-direction: column; justify-content: strech; align-items: stretch; height: 100%; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div.center > div { flex: 1; max-height: 33%; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div.center > div ~ div { margin-top: 15px; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div:nth-of-type(5) { grid-area: bottom1; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div:nth-of-type(6) { grid-area: bottom2; } @media screen and (max-width: 1400px) { .page-width { padding: 0 15px; } } @media screen and (max-width: 800px) { #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div.center { display: none; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery > div { grid-area: unset !important; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8.gallery .gallery { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-rows: unset; grid-template-areas: unset; } } .map--info { justify-content: center; align-items: center; padding-bottom: 15px; } [data-item=rte-content] { margin-bottom: 0 !important; } .map--address, .map--address-content { padding-bottom: 0 !important; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .grid-item.magnific:hover, .gallery-item.magnific:hover { cursor: pointer; } .header--root[data-fixed=true] { z-index: 104 !important; } @media screen and (min-width: 790px) { .sub-footer .flex .logo_items img.mobile { display: none; } .sub-footer .flex .logo_items img.desktop { display: inline-block !important; } } @media screen and (max-width: 790px) { /*.footer--menu li { display:none; }*/ .footer--menu li.terms-conditions, .footer--menu li.shipping-returns, .footer--menu li.privacy-policy { display: block !important; } .sub-footer { background-size: 155px !important; } .sub-footer .flex { flex-direction: column; } .sub-footer .flex > div ~ div { margin-top: 15px; } .sub-footer { display: flex; flex-direction: column-reverse; } .sub-footer .flex .copyright { display: none; } .sub-footer:before { content: "© PetraPalumbo 2022"; font-size: 12px; color: #ccc; display: block; text-align: center; margin-top: 15px;text-transform:uppercase;letter-spacing:1.5px; } .payment-icons--list { justify-content: center; } .sub-footer .flex .logo_items img.desktop { display: none; } .sub-footer .flex .logo_items img.mobile { display: block !important; margin: 10px auto; } .sub-footer .flex .logo_items a { display: inline-block; margin: 0 5px; } .footer--sub--block { padding-left: 0 !important; } } .collection--navigation--root .filters { margin-top: 25px; text-align: center;margin-bottom:20px; } .collection--navigation--root .filters input { display: none; } .collection--navigation--root .filters input:checked + label span { outline: 1px solid white; } .collection--navigation--root .filters { max-width: 1450px; margin-left: auto; margin-right: auto; } .collection--navigation--root .filters label { display: inline-block; } .collection--navigation--root .filters div.cell ~ div.cell { margin-left:40px; } .collection--navigation--root .filters label:hover { cursor: pointer; } .collection--navigation--root .filters label img { max-height: 145px; max-width: unset !important; } .collection--navigation--root .filters label span { display: block; background-color: white; outline: 1px solid var(--color--body); border: 2px solid white; padding: 2px 10px; transition: all 0.1s ease; text-align: center; user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 145px; font-size: 9px; } .flickity-button.flickity-prev-next-button { background: none !important; color: white; height: 85px !important; width: 85px !important; } .contact .page-width { max-width: 850px; background: #e6ece8; padding: 25px; outline: 2px solid #9cb1a1; border: 2px solid #e6ece8; -webkit-box-shadow: inset 0 0 0 1px #e6ece8, inset 0 0 0 2px rgba(163, 177, 161, 0.45); box-shadow: inset 0 0 0 1px #e6ece8, inset 0 0 0 2px rgba(163, 177, 161, 0.45); } @media screen and (max-width: 850px) { #block-dbff6b63-9738-48ee-a949-99fe32eb7946 { padding-left: 5vw; padding-right: 5vw; } } #block-9a9e057a-735b-4112-a9f7-4e7c8d7940de:before, #block-9a9e057a-735b-4112-a9f7-4e7c8d7940de:after, #block-ce9980b1-96ef-4f9f-bc1d-b77fe6100395:before, #block-ce9980b1-96ef-4f9f-bc1d-b77fe6100395:after { display: none !important; } #block-685ec1b0-bc79-459c-b19d-de9acc10f041 > .grid { width: fit-content !important; } #block-685ec1b0-bc79-459c-b19d-de9acc10f041 > div.grid-item { max-width: 450px; width: 100%; justify-self: center; } #block-685ec1b0-bc79-459c-b19d-de9acc10f041 > div.grid-item { padding: 20px; background: #e6ece8; border: 2px solid #e6ece8; outline: 2px solid #9cb1a1; -webkit-box-shadow: inset 0 0 0 1px #e6ece8, inset 0 0 0 2px rgb(163 177 161 / 45%); box-shadow: inset 0 0 0 1px #e6ece8, inset 0 0 0 2px rgb(163 177 161 / 45%); } #block-685ec1b0-bc79-459c-b19d-de9acc10f041 > div.grid-item > a { background-color: #fae187; border: 1px solid #fff; outline: 2px solid #fae187; -webkit-box-shadow: inset 0 0 0 1px #fae187, inset 0 0 0 2px rgb(255 255 255 / 45%); box-shadow: inset 0 0 0 1px #fae187,inset 0 0 0 2px rgba(255,255,2 55,.45); } a.wishlist { padding-right: 0; max-height:100%;width:100%;display:flex;align-items:center;justify-content:center;} a.wishlist span { display: none !important; } #heading-breadcrumbs .row { display: flex; flex-direction: column; align-items: center; justify-content: center; } #heading-breadcrumbs .row > div { width: 100% !important; text-align: center; } #heading-breadcrumbs .row > div h1 { margin-top: 10px !important; font-size: 18px; letter-spacing:3px; font-weight: 700; color: #44572b; font-family:montserrat semibold; margin-bottom: 25px; display: block; } /* .alert.alert-info.sw-login-notification a .sw-login-notification {color: #44572b !important; margin-bottom: 0 !important; } */ .allbuttons a.sharebutton, .allbuttons a.clearall, .allbuttons a.addbutton, .allbuttons a.singleremovebutton { color: #44572b !important; padding: 15px 0px 5px; background:transparent!important; border-radius: 0 !important; outline:unset !important; border-left:none!important; border-top:none!important; border-right:none!important; border-bottom: 2px solid #44572b !important; font-size: 12px !important; font-weight: 700; color: #44572b; font-family: montserrat semibold !important; text-transform: uppercase; letter-spacing: 1px !important; } a.clearall, a.addbutton { margin-left: 10px; } .alert.sw-login-notification, .empty-wishlist{border:none!important;background:transparent!important;color:#44572b!important;font-size:14px!important;font-family:domaine!important;} .product a.addbutton .fa { display: none !important; } .wishlistpage .product_title { font-size: 17px !important;color:#44572b; } .wishlistpage .product_title a{ font-size: 17px !important;color:#44572b; } .wishlistpage .price { font-size: 14px !important;font-weight:700!important; } .grid-item:after { letter-spacing: 3px; } .button { letter-spacing: 1px;} .text .buttons a{font-family:Montserrat semibold!important;font-weight:700;text-transform:uppercase;} .product-form--root { position: relative; } #smartwishlist { position: absolute; top: 45px; right: 0; } .mobile-nav--header { padding: 15px; } .mobile-nav--header a { display: inline-block !important; padding: 0 !important;} .header--cart{margin:0px!important;} .mobile-nav--login a { margin-left: 7px; } /* .header--search { margin:0px!important;height:24px;width:64px;} .header--search a svg{height:24px;width:24px;min-width:32px;} .currency_select{min-height:32px;min-width:32px;display:flex;justify-content:center;align-items:center;} .currency_select .currency_select svg{height:24px;width:24px;} .header--search>a{min-height:32px;min-width:32px;height:24px;width:24px;display:flex;align-items:center;justify-content:center;} */ @media all and (max-width:990px){ /* .header--cart-toggle svg{height:32px;width:32px;} */ } @media screen and (max-width: 767px) { .header--right-column > * { padding-left: 0; padding-right: 0; } .header--account { display: none !important; padding-left: 5px !important; } .header--cart-toggle { padding-left: 0 !important; } } @media screen and (max-width: 790px){ .header--cart-toggle { padding-left: 0; padding-right: 0; margin-right: 0 !important; } .currency_select { padding-right: 0 !important; margin-right: 0 !important; } } h1[data-item="section-heading"] { letter-spacing: 3px; } .breadcrumb { text-align:center !important;font-size: 13px;padding-bottom:1.5rem; text-transform: uppercase; letter-spacing: 1px; margin-top: 0px; } @media screen and (min-width: 790px) { /* .footer--sub--block { display: none !important; } */ .breadcrumb { font-size: 13px;padding-bottom:1.5rem; text-transform: uppercase; letter-spacing: 1px; margin-top: 25px; } } #block-536180e1-dc82-4396-bc49-ced901e059f9 .grid-item a:after { height: fit-content !important; padding: 15px 25px; white-space: nowrap; width: fit-content; max-width: 250px; min-width: 150px; background: #fff !important; border: 1px solid #fff; outline-style: unset !important; outline-width: unset !important; box-shadow:unset !important; font-family: Montserrat Semibold !important; } #block-536180e1-dc82-4396-bc49-ced901e059f9 .grid-item a { position: relative; } #block-536180e1-dc82-4396-bc49-ced901e059f9 .grid-item a .title { color:#44572b !important;position: absolute; top: 0; left: 0; transform: translateX(-50%) rotate(45deg) translateX(50%) rotate(-90deg); transform-origin: center top; background-color: #FFEA91; } #block-536180e1-dc82-4396-bc49-ced901e059f9 .grid-item a:before { content: ""; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 120px 120px 0 0; border-color: #FFEA91 transparent; left: 0; top: 0; position: absolute; } .collection--body--mobile-header[data-container]>* { border: 0 !important; } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .image.map .internal { display: block; margin: auto; padding: 5rem 3px; width: 70% !important; /* outline: 2px solid #c1877c; */ /* border: 2px solid white; box-shadow: inset 0 0 0 1px #fff,inset 0 0 0 2px rgba(193, 135, 124,.45); */ } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .image.map table{ border: 0 !important; text-transform: uppercase; } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .image.map table td{padding:12px 8px!important; text-align:left;letter-spacing:.6px;text-align: center;font-size:14px; } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .image.map table td.title { font-weight: 600; } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .image.map a{ letter-spacing:.6px;color: var(--page-section-content-color) !important; } .collection--header--root[data-show-image=false] .collection--header--heading { padding-bottom: 0 !important; } #block-2c139c32-a1e4-42db-8db2-58290899c671 img { max-height: 105px; max-width: 100%; height: unset; } @media only screen and (max-width: 767px){ [data-container=block] { margin: 0; } .featured-grid--body .featured-grid--body--container .featured-grid--item{width:100%;} } .off-canvas--main-content { padding-top: 0 !important; } @media screen and (max-width: 790px) { #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5 .inner, #block-44003610-09b4-492e-9e67-1301542df68f .inner, #block-2ac726c1-a487-46d0-913f-1cb6a15b6b1d .inner { padding-top: 35px; padding-bottom: 35px; } #block-45a78530-b665-4a3f-acd6-ce05bb30e2c3 .inner { margin-top: 35px !important; margin-bottom: 35px !important; } #block-167abebe-0987-4ae5-b2ca-297e1bd14a8f .details, #block-533e8c4f-244c-4605-9a55-c406f01b3833 .inner, #block-8af765f7-b2ce-4ce1-94f4-e6e154704d8d .details, #block-45a78530-b665-4a3f-acd6-ce05bb30e2c3 .inner { max-width: 95% !important; margin: auto !important; } #block-45a78530-b665-4a3f-acd6-ce05bb30e2c3 .inner { max-width: 85% !important; } #block-8af765f7-b2ce-4ce1-94f4-e6e154704d8d .details { padding-left: 15px !important; padding-right: 15px !important; } #block-533e8c4f-244c-4605-9a55-c406f01b3833 .grid-item img { max-width: 85% !important; margin: auto !important; } #block-45a78530-b665-4a3f-acd6-ce05bb30e2c3 .inner, #block-320f4259-86b6-4ec2-871b-cfb19bf248fd .inner, #block-92302414-0554-4e1f-89d7-39dd6691e779 .inner, #block-de64e8bd-1669-4ba4-94b0-166017de8566 .inner, #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .inner { margin-top: 35px !important; margin-bottom: 35px !important; width: unset !important; } #block-2c139c32-a1e4-42db-8db2-58290899c671 { padding: 35px 15px 0; } #block-b7e4a547-b000-439d-9673-f6a1b5957a28 { background-position: center center; } #block-92302414-0554-4e1f-89d7-39dd6691e779 .content, #block-de64e8bd-1669-4ba4-94b0-166017de8566 .content, #block-92302414-0554-4e1f-89d7-39dd6691e779 .content p, #block-de64e8bd-1669-4ba4-94b0-166017de8566 .content p { padding: 0 !important; } } #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5 .inner, #block-44003610-09b4-492e-9e67-1301542df68f .inner { max-width: 90% ; margin: auto; } .account--register { background-color: transparent !important; } .collection--filter--reset { color: #44572b !important; background-color: #FFEA91 !important; line-height: 45px !important; border-size: 0 !important; outline-size: 0 !important; } .collection--filter--reset span { color: white !important; border: 0 !important; } .account--register div { color: inherit !important; border: none !important;font-size:12px;} #block-2c139c32-a1e4-42db-8db2-58290899c671 .grid-item { height: unset !important; } #block-5d82aa4d-ef67-4b5b-9c19-22744f02a36e { justify-content: center; } @media screen and (min-width: 835px) { #block-08eadf3c-6406-4b37-ab38-1515e3fc4708 { grid-column: 1 / span 3; } } @media screen and (max-width: 835px) { #block-08eadf3c-6406-4b37-ab38-1515e3fc4708 { grid-column: 1 / span 2; } } @media screen and (max-width: 550px) { #block-08eadf3c-6406-4b37-ab38-1515e3fc4708 { grid-column: 1; } } #block-45a78530-b665-4a3f-acd6-ce05bb30e2c3 .inner, #block-320f4259-86b6-4ec2-871b-cfb19bf248fd .inner { background-color: white; /* outline: 2px solid #9cb1a1; border: 1px solid white; */ max-width: 80%; width: 65%; margin: auto; padding: 25px; /* box-shadow: inset 0 0 0 1px #fff,inset 0 0 0 2px rgba(156, 177, 161,.45); */ } .pre-image img { display: block; margin: 0 auto 20px; max-width: 80%; } #block-92302414-0554-4e1f-89d7-39dd6691e779 .pre-image img { max-width: 75px; } #block-92302414-0554-4e1f-89d7-39dd6691e779 .inner, #block-de64e8bd-1669-4ba4-94b0-166017de8566 .inner, #block-36ee5974-95c6-4605-848b-32d2b7dcfaf8 .inner { /* background-color: white; outline: 2px solid #c1877c; border: 1px solid white; */ max-width: 80%; width: 100%; margin: auto; padding: 25px; /* box-shadow: inset 0 0 0 1px #fff,inset 0 0 0 2px rgba(193, 135, 124,.45); */ } #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5 .inner { max-width: 65%; margin: auto; } li.x-menu--level-2--link > a { font-weight: 500; } [data-x-menu--depth='3'] .x-menu--single-parents .x-menu--level-2--link > a { padding-left: 0 !important; padding-right: 0 !important; text-align: center; display: block; } /* #x-menu--sub-shop ul.x-menu--level-3--container li:not([data-link-id$="explore-all"]) a, #x-menu--sub-about ul.x-menu--level-3--container li:not([data-link-id$="explore-all"]) a { border-left: 1px solid #c9c9c9; margin-left: 30px; padding: 10px 20px !important; } */ .x-menu--level-2--link .x-menu--level-3--link > a { font-family: var(--font--paragraph--family); } #block-36ee5974-95c6-4605-848b-32d2b7dcfaf8 { position: relative; } #block-36ee5974-95c6-4605-848b-32d2b7dcfaf8 .inner { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 350px; } @media screen and (max-width: 790px) { #shopify-section-1620626621ffef6b4f .featured-content--text { padding-top: 16px !important; padding-bottom: 20px !important; } #shopify-section-1620626621ffef6b4f .featured-content--image .image--container { padding: 0 !important; } #shopify-section-1620626685871fc992 .map--root { padding-top: 35px !important; padding-bottom: 35px !important; } #block-ff60f0a8-b35f-4c36-b83e-b22311057874 { background-position: center center; } #block-685ec1b0-bc79-459c-b19d-de9acc10f041 > div.grid-item { max-width: calc(100% - 4px); } #block-dbff6b63-9738-48ee-a949-99fe32eb7946 { padding-top: 45px; } .product-page--left-column { display: block !important; } #block-320f4259-86b6-4ec2-871b-cfb19bf248fd .details .title, #block-45a78530-b665-4a3f-acd6-ce05bb30e2c3 .details .title { font-size: 5vw !important; } } @media screen and (max-width: 767px) { #shopify-section-framework--collection--navigation { max-width: 100% !important; top: 00px !important; } input.dropdown + div { left: unset; right: 0; } .off-canvas--viewport { overflow: unset !important; } #shopify-section-framework_grid_with_overlay_hUtgzp .btn-container { padding: 0px; } } #block-320f4259-86b6-4ec2-871b-cfb19bf248fd .details .title, #block-45a78530-b665-4a3f-acd6-ce05bb30e2c3 .details .title { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; } .article--heading .article--header--info { padding-top: 0px !important; text-align: center; } .article--heading { padding-bottom: 0px !important; } .shopify-section .article--content { max-width: 700px; padding-top: 24px; } .article--heading .article--header--info .article--title { text-transform: none; margin: 0px; } .article--header--info .breadcrumb { display: none; } #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5 .inner, #block-44003610-09b4-492e-9e67-1301542df68f .inner { /* background-color: white; */ /* outline: 2px solid #9cb1a1; border: 1px solid white; */ max-width: 80%; width: 100%; margin: auto; padding: 25px; /* box-shadow: inset 0 0 0 1px #fff,inset 0 0 0 2px rgba(156, 177, 161,.45); */ } #shopify-section-framework--collection--navigation { max-width: calc(100% - 96px); margin: auto; } .collection--navigation--root { position: relative; padding: 0 !important; background:transparent;} .collection--navigation--refine label { cursor: pointer; user-select: none; } input.dropdown { display: none; } input.dropdown + div { display: none; position: absolute; min-width: 350px; top: 100%; right: 0; min-height: 15px; background: #425848; color: white; height: fit-content !important; } input.dropdown + div label.close { display: block; content: "Close"; cursor: pointer; position: absolute; right: 0; top: 0; padding: 15px 15px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } input.dropdown:checked + div { display: block; } input.dropdown + div .collection--filter--search { display: none; } input.dropdown + div .collection--filter--container { padding-bottom: 0 !important; } .collection--filter--button-container { display: none; } .collection--filter--root { height: auto !important; } .collection--filter--container { position: unset !important; } input.dropdown + div .collection--filter--browse-menu li[data-active=true], .collection--filter--refine-mainmenu li[data-active=true], .collection--filter--refine-menu li[data-active=true], .collection--filter--sort-by-menu li[data-active=true] { color: #425848; } label.dropdown-filter { cursor: pointer; padding-bottom: 0; padding-left: 10px; padding-right: 10px; transition: background-color 0.1s ease; } label.dropdown-filter.active, label.dropdown-filter:not(.active):hover { background: rgba(0,0,0,0.05); }{ background: rgba(0,0,0,0.05); } .collection--navigation--filter[data-item] > * { padding-left: 0; padding-right: 0; } .collection--body--mobile-header[data-container]>* { height: unset; line-height: unset; padding: unset; } .collection--body--mobile-refine label { padding: 10px; padding-bottom: 10px !important; } .dropdown-collection .overlay { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; user-select: none; z-index: -1; } .collection--navigation--options-container { padding-top: 0; margin-right: 15px; margin-bottom: 0; } .collection--navigation--options-clear[data-item] { padding-bottom: 0; } @media only screen and (max-width: 767px) { .collection--navigation { margin:0px 0px 0px 0px!important; display: flex !important; } } @media only screen and (max-width: 790px) { .template-page--root .grid-item, .template-page--root .grid-item .image, .template-page--root .grid-item > a { max-height: 350px; } } /* .carousel--dot-nav { display: none; } */ .featured-collection--title a, .featured-blog--heading a, .featured-content--title { letter-spacing: 3px; } @media only screen and (max-width: 790px) { .map--body { flex-direction: column-reverse; } /* .map--root .map--heading { margin-top: 15px; font-size: 22px; } */ #shopify-section-1620626685871fc992 { background-size: 175% !important; } .featured-blog--root .description { margin-bottom: 25px; } .map--root .map--info p { font-size: 14px; } .map--address { order: 3; padding-top: 25px; } /* .featured-text--root .featured-text--blocks p, .featured-content--description p { font-size: 14px;line-height:25px; } .product--root[data-product-view=slider] .product--title { font-size: 13px; } */ } @media only screen and (min-width: 790px) { .map--address { margin-bottom: 15px; padding-right: 0; font-size: 14px; } .map--hours, .map--root .map--info p{ text-align: center; font-size: 14px; } .map--body .item { padding-left: 5%; } } @media only screen and (min-width: 650px) { .map--info { flex-direction: column; } } @media only screen and (max-width: 1050px) { .header--account, .wishlist, .layout--login { display: none; } .header--search { display: none !important; } .header--logo img { max-height: 60px !important; } } @media only screen and (max-width: 790px) { #shopify-section-1620626621ffef6b4f .image--container img { position: unset !important; } #shopify-section-1620626621ffef6b4f .featured-content--container { padding: 0; flex-direction: column-reverse; } } #shopify-section-1620626665f401fe84 .image--container:after { content: ""; display: block; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid white; top: 2px; left: 2px; } .flickity-page-dots { bottom: 35px !important; } .flickity-page-dots .dot { opacity: 1 !important; background: none !important; border: 1px solid white !important; } .flickity-page-dots .dot.is-selected { background: white !important; } @media screen and (max-width: 790px) { #shopify-section-1620626665f401fe84 .image--root, #shopify-section-1620626665f401fe84 .image--root img{ position: unset !important; } #shopify-section-1620626665f401fe84 .image--container { padding-top: 0 !important; } #shopify-section-1620626665f401fe84 .featured-blog--root .featured-blog--item--image:after { content: unset !important; } #shopify-section-1620626665f401fe84 .featured-blog--grid:after { content: 'flickity'; display: none; } #shopify-section-1627658984d3024b74 .image--root, #shopify-section-1627658984d3024b74 .image--root img{ position: unset !important; } #shopify-section-1627658984d3024b74 .image--container { padding-top: 0 !important; } /* #shopify-section-1627658984d3024b74 .featured-grid--body--container .featured-grid--item--image { min-width: 350px; max-width: 450px; min-height: 350px; max-height: 450px; } */ #shopify-section-1627658984d3024b74 .featured-grid--body--container .flickity-page-dots { bottom: 15px; } #shopify-section-1627658984d3024b74 .featured-grid--body--container:after { content: 'flickity'; display: none; } /* #shopify-section-1627658984d3024b74 .featured-grid--item > a { padding-left: 5px !important; padding-right: 5px !important; } */ #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5 { position: relative; height: 350px; } #block-44003610-09b4-492e-9e67-1301542df68f { position: relative; height: 550px; } #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5 .details .inner, #block-44003610-09b4-492e-9e67-1301542df68f .details .inner { max-width: 100%; width: 100%; } #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5, #block-44003610-09b4-492e-9e67-1301542df68f { height: unset !important; } #block-72a8d937-e1c3-446e-8a2f-6a6a9fd161b5 .details, #block-44003610-09b4-492e-9e67-1301542df68f .details { max-height: 100%; width: 80%; margin-top: 25px; margin-bottom: 25px; } #block-0f425f59-fa9a-4071-874f-a84b71a4d4c7 { background-position: center; } #block-2c139c32-a1e4-42db-8db2-58290899c671 { justify-content: center; grid-auto-rows: unset; align-items: center; } #block-2c139c32-a1e4-42db-8db2-58290899c671 .grid-item img { display: block; max-width: 205px; margin: auto; } #block-167abebe-0987-4ae5-b2ca-297e1bd14a8f { padding-top: 35px !important; padding-bottom: 35px !important; } #block-533e8c4f-244c-4605-9a55-c406f01b3833 .details .content, #block-533e8c4f-244c-4605-9a55-c406f01b3833 .details .content p { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .content { font-size: 16px; } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .content table { width: 100%; } #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .content table tr td:first-of-type { text-align: center; } .header--cart-toggle { position: relative; padding-right: 0 !important; display: flex !important; } .header--cart-toggle img { padding-right: 0 !important; } #block-752629c6-f1d2-4498-8585-f2d3adb254e8-block:after, #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .featured-blog--grid:after, #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .page-width .grid:after { content: 'flickity'; display: none; } #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .flickity-slider > * { width: 100%; } #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .featured-blog--item .featured-blog--item--image { width: 350px; } #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .featured-blog--item img { width: 350px; height: 350px; object-fit: cover; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 { display: block !important; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .page-width .grid .grid-item { max-height: unset !important; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .page-width .grid .grid-item img { height: 100%; width: 100%; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .flickity-viewport { height: 350px; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .grid-item { margin-right: 10px; width: 350px !important; } .carousel--block--container .featured-content--container .featured-content--text-container .btn-container .button { display: block; min-width: 265px; } } /* .mobile-nav { padding-top: 25px; } */ .mobile-nav .wishlist { display: block !important; } .navigation-elements { display: flex; flex-direction: row; padding: 0 15px; justify-content: flex-start; width: 100%; } .navigation-elements img { max-height: 25px; margin-right: 25px; } .navigation-elements a { padding: 0; margin: 0; } .navigation-elements .mobile-nav--search { display: flex; flex-direction: row; } .mobile-nav .layout--login { display: block !important; } .filter-arrow{font-family:Montserrat; font-size: 10px;margin-bottom:2rem;text-transform: uppercase; font-weight: 600; display: block; text-align: center; letter-spacing: 3px; margin-top: 0px; } @media screen and (min-width: 790px) { .filter-arrow { display: block; } } .breadcrumb{width:calc(100% - 96px);margin-right:auto;margin-left:auto;} .breadcrumb, .product-page--vendor {font-weight:700;font-size: 9px !important;font-family:var(--font--accent--family); } .breadcrumb a, .product-page--vendor a {font-weight:700;} .header--cart-link[data-has-items=true] .cart--external--total-items:before, .header--cart-link[data-has-items=true] .cart--external--total-items:after { content: unset !important; } .cart--external--total-items { display: block; position: absolute !important; background: #E2B96A!important; color: #5d473e!important; border-radius: 100%; font-size: 9px; text-align:center; padding: 0; padding-left: 7px !important; padding-right: 7px !important; bottom: 0; right: -5px;max-height:20px;max-width:20px;line-height:20px;} @media only screen and (min-width: 768px) { .header--cart-link { padding-left: 0 !important; } } /* .featured-blog--item { width: unset !important; } */ #block-9b183ad3-53f8-4b4c-a4ae-f3307751820b .flickity { display: flex; flex-direction: row; justify-content: center; align-items: stretch; margin: auto; max-width: 100%; } #block-9b183ad3-53f8-4b4c-a4ae-f3307751820b .flickity > div { margin: 0 5px; display: flex; align-items: center; } #block-9b183ad3-53f8-4b4c-a4ae-f3307751820b .flickity img { width: 100%; } @media screen and (max-width: 1450px) { #block-92302414-0554-4e1f-89d7-39dd6691e779 { flex-direction: column-reverse!important; } #block-92302414-0554-4e1f-89d7-39dd6691e779 .inner, #block-de64e8bd-1669-4ba4-94b0-166017de8566 .inner { margin-top: 35px !important; margin-bottom: 35px !important; } } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 { max-width: 1200px; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .grid-item { border: 2px solid white; } #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .featured-blog--root a { position: relative; } #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .featured-blog--root a[data-title]:after { display: flex; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: fit-content; height: fit-content; background: white; color: #9cb1a1; content: attr(data-title); transition: all 0.1s ease-in-out; padding: 10px; font-size: 11px; box-sizing: border-box; text-transform: uppercase; letter-spacing: 3px; border-width: 1px; border-style: solid; border-color: #9cb1a1; outline-style: solid; outline-color: white; outline-width: 2px; box-shadow: inset 0 0 0 2px #fff, inset 0px 0px 0px 3px rgba(156, 177, 161, 0.85); max-width: 85%; max-height: 85%; } #shopify-section-1620626665f401fe84 .featured-blog--item, #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .featured-blog--item { position: relative; } #shopify-section-1620626665f401fe84 .featured-blog--item[data-title]:after, #block-84412f51-d3cc-4e91-8af4-5f992d6f5412 .featured-blog--item[data-title]:after { display: flex; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: fit-content; height: fit-content; background: white; line-height:20px; content: attr(data-title); transition: all 0.1s ease-in-out; padding: 10px; font-size: 11px; box-sizing: border-box; text-transform: uppercase; letter-spacing: 2px; border-width: 1px; border-style: solid; border-color: #44572b; outline-style: solid; outline-color: white; outline-width: 2px; box-shadow: inset 0 0 0 2px #fff, inset 0px 0px 0px 3px rgba(156, 177, 161, 0.85); max-width: 85%; max-height: 85%; text-align: center; align-items: center; jsutify-content: center; } .template--collection .layout--main-content { z-index: 9 !important; } @media screen and (min-width: 790px) { #shopify-section-1620626621ffef6b4f .featured-content--image { position: relative !important; } .template--collection .layout--main-content { z-index: unset !important; } } .blog--list--item-timesince { display: none; } [data-section-id="1626269729e0c6ce07"] .ooo-instagram-feed__list { scroll-snap-type: none !important; } #block-ab708d15-4ae2-4d6b-9fe7-763a6fcf8b01 .grid-item { max-height: 475px; max-width: 350px; } #block-9d3b635f-f2ed-49b5-866f-c4339ea2592e { justify-self: flex-end; } #block-47fcd7ff-068b-4135-b422-091d12f3f2a8 { justify-self: flex-start; } #block-9b183ad3-53f8-4b4c-a4ae-f3307751820b .content p { max-width: 950px; } .product-block .title { user-select: none; } @media screen and (max-width: 1450px) and (min-width: 1000px) { #block-de64e8bd-1669-4ba4-94b0-166017de8566 { flex-direction: row !important; } #block-de64e8bd-1669-4ba4-94b0-166017de8566 .details .content { padding-left: 0; padding-right: 0; } #block-de64e8bd-1669-4ba4-94b0-166017de8566 .image { max-width: 50%; } #block-de64e8bd-1669-4ba4-94b0-166017de8566 .image img { max-width: unset; } } @media screen and (min-width: 790px) and (max-width: 1000px) { #block-de64e8bd-1669-4ba4-94b0-166017de8566 { flex-direction: column-reverse !important; } } .page--sustainability .grid-item [data-hover-text]:after{font-family:var(--font--heading--family)!important;} .template-page--root[data-template="narrow-900"] { max-width: 65ch; padding-left:20px;padding-right:20px;} .menu-button{ position:absolute; padding:0.8rem 20px; bottom:0%;left:50%; transform:translate(-50%,-80%); font-weight:500; max-width:100%; width:fit-content;margin:0 auto;text-align:center; white-space: inherit; line-height: 1; color: var(--color--button); background: var(--bg-color--button); border: 1px solid var(--color--button); } .menu-button:hover{color:#f7f6f2!important; background:var(--color--button);} .btn-container.btn-align-center{width:100%;} .template-page--root .section .details .inner .map_image_container{width:100%;max-width:100%;margin:40px auto 0;} .template-page--root .section .details .inner.template_page_inner{ max-width: 80%; width: 65%; margin: auto; } @media all and (max-width:1400px){ .template-page--root .section .details .inner.template_page_inner{ max-width: 100%; width: 100%; margin: auto; } } .featured-grid--item--image.focus:after{background-color:#FFEA91!important;border:1px solid #FFEA91;} @media all and (max-width:1080px){ .header--menu-icon{display:flex;align-items:center;justify-content:center;height:auto;width:fit-content;} .header--right-column a.wishlist{display:none!important;} } @media all and (max-width:990px){ .navigation-elements{flex-direction: row;border-top:0 !important;align-items: center;background:#fff;} .navigation-elements a{padding: 10px 0px !important;margin: 0px 0px;border-right:0 !important;} .navigation-elements .currency_select{padding: 0px;} #shopify-section-framework--collection--filter{padding: 32px 16px;} .template-page--root .section .details .inner .map_image_container{margin:auto;max-width:calc(100%);} .template-page--root .section .details .inner.template_page_inner{max-width:calc(100% - 40px);} #block-de64e8bd-1669-4ba4-94b0-166017de8566 .inner{width:100%;max-width:100%;padding:20px;} #block-fdc41dee-024c-4a35-b3ca-e8f1ab154c42 .image.map .internal{margin:auto;width:calc(100% - 40px) !important;} #shopify-section-page-rpeck .template-page--root .section .image {width:100%;} .blog--body .blog--list .blog--list--item .blog--list--item-title{margin:0px;width:100%;text-align:center;} } /* header icons */ /* .wishlist,.header--account, div.currency_select, .header--search a , .header--cart{margin:0px 8px!important;} .wishlist svg, .header--account .layout--login a svg, .header--search .currency_select .currency_select svg, .header--search a svg, .header--cart .header--cart-button .header--cart-link .header--cart-toggle svg {height:19px;width:19px;} .header--search a{display:flex;} */ /* General customization */ .button{font-family:var(--font--accent--family)!important;} .title,.heading{font-family:var(--font--heading--family);position:relative;margin:auto auto 8px auto;} .footer--form-container input:focus::-webkit-input-placeholder { color:transparent; } /* Mozilla Firefox 4 to 18 */ .footer--form-container input:focus:-moz-placeholder { color:transparent; } /* Mozilla Firefox 19+ */ .footer--form-container input:focus::-moz-placeholder { color:transparent; } /* Internet Explorer 10+ */ .footer--form-container input:focus:-ms-input-placeholder { color:transparent; } /* .cart--nav .cart--checkout-button button:focus{background:#FFEA91;color:#44572b;} .cart--nav .cart--checkout-button button:active{background:#FFEA91;color:#44572b;} */ .cart--nav .cart--checkout-button button .cart-button--spinner{color:#44572b;} /* .cart--nav .cart--checkout-button button{background:#FFEA91;color:#44572b;} */ .cart--nav .cart--checkout-button button .cart-button--text{font-size:var(--font--accent--size); display: block; width: 100%;} .content,.paragraph,.price,.th_pb_list_pro_detail,.th_pb_addtocart_section {font-family:var(--font--paragraph--family);} /* .heading:after{content: ''; display: block; position: absolute; bottom: 0px; width: 100%; border-bottom: 1px solid; } */ /* contact page */ #contact_form_page p input,#contact_form_page p textarea{font-family:var(--font--paragraph--family); font-style: italic;} #contact_form_page p input.button{ font-family:var(--font--heading--family); font-style: normal; width: fit-content; border-bottom: 0px solid!important; padding: 0px 32px!important; background: #FFEA91; text-transform: uppercase; } .contact-page--root>*{font-family:var(--font--paragraph--family);} /* cart popup */ .cart--footer .donation .content span{font-family:var(--font--heading--family);} .template-page--root [data-item="section-heading"]{font-family:var(--font--heading--family);} .shopify-policy__container .shopify-policy__body ,.template-page--root > *{font-family:var(--font--paragraph--family);} #customer_login .errors ul li{font-family:var(--font--paragraph--family);} .shopify-policy__body , .shopify-policy__body .rte{font-size:var(--font--paragraph--size)px;} /* Password */ .password--root .password--main > *{font-family:var(--font--paragraph--family);} .search--root .search--header .search--results-summary{font-family:var(--font--paragraph--family);} form input.text{font-family:domaine;font-weight:700;text-align:center;font-style: italic;} .account--forgot-password{text-align:center;} .account--forgot-password a{font-size:10px!important;} .account--button-container{justify-content:center;} .account--button-container [data-item="button"] button{line-height:normal;} /* .account--button-container [data-item="button"] button:after{content:'';display:block;border-bottom:2px solid #44572b;border-left:0px;border-top:0px;border-right:0px;} */ .account--button-container [data-item="secondary-button"] div{letter-spacing:2px;display:flex;align-items:center;justify-content:center;background:#FFEA91!important;color:#44572b!important;font-size:12px!important;font-weight:700!important;} #shopify-section-framework--account .customer--root{text-align:center;} #shopify-section-framework--account .customer--root .account--breadcrumb-container .breadcrumbs--root{justify-content:center;} .account--recover-password .account--reset-instructions{text-align:center;font-family:domaine;font-size:14px;font-weight:700;} .account--password-buttons{justify-content:center;} .account--password-buttons span .account--cancel{font-size:12px;} .account--password-buttons .account--submit button{position:relative;line-height: normal;} .account--password-buttons span .account--cancel{padding-bottom:5px;padding-top:15px;} .account--password-buttons span .account--cancel:after{border-bottom:2px solid #44572b!important;padding-top:5px;} /* Home Page */ .featured-grid--item--image:after:hover{background:#FFEA91;} .btn-container{width:100%;position:relative;padding:15px 0px;} .btn-container .button.Primary{width:fit-content;border-bottom:2px solid;padding:0px;text-transform:uppercase;} .btn-container .button.Primary:hover{text-decoration:none;font-weight:700;} .btn-container .button.Secondary{ margin:0 auto; width:fit-content;border-bottom:0px solid!important;padding:15px 32px!important;background:var(--bg-color--button);text-transform:uppercase;flex: 0 0 auto;display: inline-block; border: 1px solid #5a2640 !important; color: #5a2640;} .btn-container .button.Secondary:hover{text-decoration:none;font-weight:700;} /* product page */ .sold-btn{position:relative;} .sold-btn:after{content:'';display:block;position:absolute;width:calc(100% - 32px);border:2px solid #44572b;bottom:0px;} .sold-out-note-custom{display:flex;align-items:flex-start;align-content:flex-start;column-gap:10px;padding:20px;margin-top:2rem;border:1px solid #44572b;} .sold-out-note-custom .icon{font-size:20px;line-height:20px;} .template--product #paypal-button-container {margin-top:20px;} /* search page */ @media all and (min-width:768px){ .modal--close{right:4%;padding:32px 0px!important;} .search--root .search-label{font-size:16px;text-transform:none;} h2.product-page--title{margin:0px;} } /* header content */ .header--right-column > *{margin:0px;min-width:40px;display:flex;align-items:center;justify-content:center;} .header--search > *{margin:0px;min-width:40px;display:flex;align-items:center;justify-content:center;} .wishlist_icon a{display:flex;align-items:center;justify-content:center;} @media all and (max-width:1080px){ .header--right-column .wishlist_icon.desktop{display:none!important;align-items:center;justify-content:center;} .header--right-column .header--account{display:none;} .header--right-column .header--search .currency_select{display:none;} .header--right-column > *{margin:0px;min-height:auto;min-width:auto;display:flex;align-items:center;justify-content:center;} .header--search > *{margin:0px;min-height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;} .hamburger{min-width:32px;display:flex;align-items:center;justify-content:center;} .search-container-amin{padding:32px 20px;} .search--articles-container > *{font-size:14px;} /* .wishlist,.header--account, div.currency_select, .header--search a , .header--cart{margin:0px 10px!important;} .mobile-nav--search--for-off-canvas{display:block!important;margin:0px 10px;} .mobile-nav--search--for-off-canvas .currency_select{display:none;} .mobile-nav--search--for-off-canvas a svg{display:block;height:19px;width:19px;} */ #shopify-section-framework--collection--navigation{padding:0 20px;} .collection--navigation .collection--navigation--filter .collection--navigation--refine{border-radius:0px;} .collection--navigation .collection--navigation--filter .collection--navigation--refine label.dropdown-filter{line-height:30px;} .header--bottom-row-wrap { display: none; } } /* .search--root {max-width: 100%;position: absolute;top: 30%;left: 50%;height:fit-content;transform: translateX(-50%);width: 80%;} */ /* .search--textbox{border:1px solid #eee!important;} */ .collection-rootframework--collection--filter .filters label span{padding-bottom:5px!important;letter-spacing:2px;} /* mobile view */ /* Journal Page */ .disclosure--toggle{ justify-content: center; } .disclosure--form{ text-align:center; } input[type=text].search--textbox, input[type=text].search--textbox:focus{padding:10px 20px;font-size:12px;} select#country_code.locale-selectors__selector { width: 100% !important; padding: 10px !important; background-color: #fff !important; color: var(--color--body) !important; text-align:center; } .featured-content--text-container .button.bg-primary.Secondary { color: #5a2640 !important; } @media all and (max-width:768px){ .breadcrumb{text-align:center!important;} h2.product-page--title{margin:auto;} .pickup--form--info{text-align:center!important;} .pickup--form--container{justify-content:center;text-align:center;} .product-form--price-container{align-content: center;} .product-form--installments, .product-form--installments p{text-align:center !important;} .product-page--description{text-align:center;} .product-page--description p{text-align:center;line-height:normal!Important;} .product-form--variants .radios--root .radios--header,.product-form--variants .radios--root .radios--container {justify-content:center;} .product-form--variants .disclosure--label {text-align: center;} .badge.badge_soldout{font-size:10px !important;width:42px;} .product--plus{font-size:10px !important;} .product--quick-add{padding:5px 7px 5px 7px;} .image--container img{object-fit:cover;} /* .header--cart-button { margin-bottom: 4px; } */ .featured-content--text-container .featured-content--title.heading { line-height: 1.25em; letter-spacing: .025em; font-size: 18px !important; margin-bottom: 0px; } .header--right-column { position: unset !important; transform: none; } .featured-content--text-container .featured-content--description.paragraph h2 { line-height: 1.25em; letter-spacing: .025em; font-size: 18px !important; margin-bottom: 0px; } } /* Blog page */ .blog--list .blog--list--item .blog--list--item-image{position:relative;background:#00000090;padding-bottom:0px!important;} .blog--list .blog--list--item .blog--list--item-image .blog--list--item-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .blog--list .blog--list--item .blog--list--item-image .blog--list--item-title a{color:#fff;} .blog--list .blog--list--item .blog--list--item-image .blog--list--image-link .image--root{opacity:.3;} /* .collection--body--grid .product--root .badge{top:6px !important;right:6px !important;font-size:10px!important;font-weight:900!important;line-height:1!important;width:50px!important;} */ .shopify-currency-form label{position:relative;} .shopify-currency-form label:before{position:absolute;left:-3px;font-weight:800;font-size:12px;} .th_pb_section .th_pb_addtocart_section .th_pb_add_to_cart, .th_pb_custom_bundle .th_pb_addtocart_section .th_pb_add_to_cart {text-transform:uppercase;} .th_ajax_error > p, .th_ajax_error > p.th_ajax_error_cls {color:var(--color--body--light);font-style:italic} .th_pb_addtocart_section .th_pb_add_to_cart_disabled span:before {content:"Unable to "} .th_pb_section .th_pb_title h4, .th_pb_custom_bundle .th_pb_title h4 {letter-spacing:1px} .th_pb_cb_ms_previous_section button.button, .th_pb_cb_ms_next_section button.button, button.th_pb_cb_p_grid_loadmore_btn {background-color:var(--bg-color--header);color:#fff;padding:10px 30px;text-transform:uppercase} .th_pb_bb_section {font-family:'Montserrat';margin-bottom:30px} .th_pb_cb_p_grid_details .th_pb_cb_p_grid_add .th_pb_cb_p_grid_add_btn, .th_pb_cb_p_grid_add_qty_text {text-transform:uppercase} .th_pb_wf .th_pb_cb_p_grid_add_qty {height:45px} .th_pb_bb_section .th_pb_cb_innercode .th_pb_cb_p_grid {margin-bottom:0} .th_pb_bb_section .th_pb_cb_innercode .th_pb_cb_p_grid_loadmore_section {padding:20px !important} .th_pb_bb_section .th_pb_cb_innercode .th_pb_cb_p_grid_loadmore_section .th_pb_cb_p_grid_loadmore_btn {padding:10px 30px} .th_pb_bb_section .th_pb_cb_sidecart_content .th_pb_cb_sidecart_button .th_pb_cb_sidecart_btn_cls .button_text {text-transform:uppercase} .ge-free-shipping-container { background-color: #FFFFFF; color: #5a2640; padding: 6px 15px; font-family: var(--font--accent--family); font-size: 11px; font-weight: 500; } .off-canvas--left-sidebar { top: -27px; padding-top: 40px !important; } .mobile-nav .mobile-nav__logo { text-align: center; } .mobile-nav .mobile-nav__logo img { max-height: 64px; max-width: 64px; } @media all and (min-width:1024px){ .th_pb_cb_innercode .th_pb_cb_ms_inner {flex-wrap:nowrap !important} } #shopify-section-162062617873abb5fa .featured-text--body.content { max-width: 800px; margin: 0 auto; } .featured_grid_template--26485495726458__356969d3-9fcc-49eb-999e-05f41841f879.featured-grid--root { gap: 20px; } .header--right-column svg { height: 24px; width: 24px; } @media all and (max-width:767px){ .tabs-with-collection__tab .tab { font-size: 14px; } .line-item-property__field { justify-content: center; } .tabs-with-collection__tab { gap: 14px; } #klaviyo-all-reviews-wrapper .kl_reviews__search input[type=text], #klaviyo-all-reviews-wrapper .kl_reviews__filters__pill select, #klaviyo-all-reviews-wrapper .kl_reviews__filters__pill button { width: 100%; box-sizing: border-box; } .kl_reviews__filters > div, .kl_reviews__filters > span { flex: 0 0 calc(50% - 4px); } .product-page--root { margin-bottom: 32px; } .tabs-with-collection .featured-collection--root { padding-top: 20px; } .featured_grid_template--26485495726458__356969d3-9fcc-49eb-999e-05f41841f879.featured-grid--root { gap: 10px; } } @media all and (max-width:480px){ .header--menu-icon { position: relative; top: 1px; } } @media all and (max-width:400px){ #shopify-section-162062617873abb5fa .featured-text--body.content { max-width: 300px; } .header--logo img { max-height: 54px !important; } } .product--details-container .product--details-wrapper .radios--container { min-height: auto !important; margin-top: 16px; } .product--root .radios--container .radios--swatch-button.selected-variant { border: 1px solid var(--color--body--light); } .hidden-radio { display: none !important; } .show-more-radios { border: none; cursor: pointer; } .line-item-property__field { display: flex; flex-wrap: wrap; gap: 10px 15px; } .line-item-property__field .radios--value-button input[type="radio"] { display: none; } .line-item-property__field .radios--value-button:has(input[type="radio"]:checked) span{ border-bottom: 1px solid #5a2640; color: #5a2640; } .line-item-property__field .radios--value-button span { display: block; text-align: center; cursor: pointer; padding: 3px 0; font-size: 12px; letter-spacing: 1px; border: 0px; border-bottom: 1px solid transparent; line-height: normal; } .line-item-property__field h4 { font-family: var(--font--accent--family); font-weight: var(--font--accent--weight); font-style: var(--font--accent--style); text-transform: uppercase; font-size: var(--font--button--size); letter-spacing: 1px; width: 100%; }