PATH:
home
/
ediuae
/
petalwellnessspa.com
/
wp-content
/
themes
/
euphony-blocks
@charset "UTF-8"; /* Theme Name: Euphony Blocks Theme URI: https://catchthemes.com/themes/euphony-blocks Author: Catch Themes Author URI: https://catchthemes.com Description: Euphony Blocks is a free WordPress block theme designed for musicians, bands, DJs, and the music industry. It combines the minimalistic and elegant design of the original Euphony with modern block-based functionality. With over 25+ block patterns, 19 templates, and 13 template parts, Euphony Blocks makes website creation effortless through intuitive drag-and-drop functionalityΓÇöno coding required. Key patterns include Featured Content, Footer, Header, Hero Content, Music Playlist, Services, Sidebar, and more. The theme also features a dark, captivating design that sets your site apart. Euphony Blocks is optimized for SEO and fully responsive, ensuring your site performs well on any device. Whether you are building a website for music promotion, fan engagement, or online sales, Euphony Blocks offers the perfect blend of design, functionality, and performance. Requires at least: 5.9 Tested up to: 6.9 Requires PHP: 7.4 Version: 1.2.1 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: euphony-blocks Tags: entertainment, portfolio, photography, one-column, two-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-site-editing, threaded-comments, wide-blocks, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Euphony Blocks is based on Catch FSE WordPress Theme, 2012-2024 Catchthemes.com Catch FSE is distributed under the terms of the GNU GPL. */ /*-------------------------------------------------------------- # Blocks --------------------------------------------------------------*/ /* --- 1 -------------------------------------------------------- */ /* --- Block Base (from 2022 wordpress default) -------------------------------------------------------- */ /* * Font smoothing. * This is a niche setting that will not be available via Global Styles. * https://github.com/WordPress/gutenberg/issues/35934 */ body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* * Text and navigation link styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ a { text-decoration-thickness: 1px; text-underline-offset: 0.25ch; } a:hover, a:focus { text-decoration-style: dashed; } a:active { text-decoration: none; } .wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item a:focus { text-decoration: underline; text-decoration-style: solid; } /* * Alignment styles. * These rules are temporary, and should not be relied on or * modified too heavily by themes or plugins that build on * Euphony Blocks. These are meant to be a precursor to * a global solution provided by the Block Editor. * * Relevant issues: * https://github.com/WordPress/gutenberg/issues/35607 * https://github.com/WordPress/gutenberg/issues/35884 */ .wp-site-blocks, body > .is-root-container, .edit-post-visual-editor__post-title-wrapper, .wp-block-group.alignfull, .wp-block-group.has-background, .wp-block-cover.alignfull, .is-root-container .wp-block[data-align="full"] > .wp-block-group, .is-root-container .wp-block[data-align="full"] > .wp-block-cover { padding-left: var(--wp--custom--spacing--outer); padding-right: var(--wp--custom--spacing--outer); } .wp-site-blocks .alignfull, .wp-site-blocks > .wp-block-group.has-background, .wp-site-blocks > .wp-block-cover, .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, .wp-site-blocks > .wp-block-template-part > .wp-block-cover, body > .is-root-container > .wp-block-group.has-background, body > .is-root-container > .wp-block-cover, body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, body > .is-root-container > .wp-block-template-part > .wp-block-cover, .is-root-container .wp-block[data-align="full"] { margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important; margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important; width: unset; } /* Blocks inside columns don't have negative margins. */ .wp-site-blocks .wp-block-columns .wp-block-column .alignfull, .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] { margin-left: auto !important; margin-right: auto !important; width: inherit; } /* * Responsive menu container padding. * This ensures the responsive container inherits the same * spacing defined above. This behavior may be built into * the Block Editor in the future. */ .wp-block-navigation__responsive-container.is-menu-open { padding-top: var(--wp--custom--spacing--outer); padding-bottom: var(--wp--custom--spacing--large); padding-right: var(--wp--custom--spacing--outer); padding-left: var(--wp--custom--spacing--outer); } /* (Custom) - Added this code to make group and cover full width in editor which has alignfull class(after 6.0) */ body > .is-root-container:not(.wp-site-blocks), body > .is-root-container:not(.wp-site-blocks) .wp-block-group.alignfull, body > .is-root-container:not(.wp-site-blocks) .wp-block-cover.alignfull { padding-left: 0; padding-right: 0; } .is-root-container { display: flow-root; } :root { overflow-x: hidden; } .is-root-container main.main-front-page, .is-root-container main.main-front-page + footer { margin-block-start: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* End */ /* --- 2 -------------------------------------------------------- */ /* --- Block Styles -------------------------------------------------------- */ /* --- WP Block Group Style -------------------------------------------------------- */ .wp-block-section.is-style-padding-0 { padding-bottom: 0; padding-top: 0; } /* --- WP Block Columns Style -------------------------------------------------------- */ .wp-block-columns.is-style-have-gap-0 { gap: 0; } /* --- WP Block Post Author Style -------------------------------------------------------- */ .wp-block-post-author .wp-block-post-author__content { padding-left: 10px; } .wp-block-post-author .wp-block-post-author__avatar > .avatar { border-radius: 50%; } .wp-block-post-author__avatar .avatar { width: 65px; height: 65px; } .wp-block-post-template .wp-block-post-author { align-items: center; } .wp-block-post-template .wp-block-post-author .wp-block-post-author__avatar { width: 40px; height: 40px; } .wp-block-post-template .wp-block-post-author .wp-block-post-author__avatar .avatar { width: 40px; height: 40px; } .wp-block-post-template .wp-block-post-author svg { display: none; } .wp-block-post-template .wp-block-post-author .wp-block-post-author__content { padding-left: 0; } .wp-block-post-template .wp-block-post-author .wp-block-post-author__content .wp-block-post-author__name { font-size: 16; font-weight: 700; } /* --- WP Block Post Comments Style -------------------------------------------------------- */ .comment-respond .comment-reply-title { font-size: var(--wp--preset--font-size--content-heading); line-height: 1.2; text-transform: capitalize; font-weight: 700; text-align: center; margin: 0 0 21px 0; } .commentlist { padding-left: 0; } .commentlist li { list-style: none; } .wp-block-post-comments .commentlist > li > .children > li article, .wp-block-post-comments .commentlist > li > article { border-bottom: 1px solid var(--wp--preset--color--border-color); padding-bottom: var(--wp--custom--spacing--normal); padding-top: var(--wp--custom--spacing--normal); } .wp-block-post-comments .commentlist .comment-body > *:last-child, .wp-block-post-comments .comment-respond > *:last-child, .wp-block-post-comments .comment-respond .comment-form > *:last-child, .wp-block-post-comments .comment-respond .comment-form > P:last-of-type { margin-bottom: 0; } .wp-block-post-comments .comment-meta { font-size: 1em; } .wp-block-post-comments .comment-author { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); text-transform: capitalize; } .wp-block-post-comments h3#comments { font-size: var(--wp--preset--font-size--content-heading); } .wp-block-post-comments .comment-content { margin-left: 4.2em; margin-top: 20px; } .wp-block-post-comments .comment-metadata { color: var(--wp--preset--color--body-text); font-size: var(--wp--preset--font-size--tiny); line-height: 1.62; } .wp-block-post-comments .comment-metadata a, .wp-block-post-comments .comment-author .fn .url { text-decoration: none; color: var(--wp--preset--color--foreground); text-transform: capitalize; font-size: var(--wp--preset--font-size--upper-heading); line-height: var(--wp--custom--typography--line-height--heading-six); } .wp-block-post-comments .comment-metadata a time, .wp-block-post-comments .comment-metadata a.comment-edit-link { font-size: var(--wp--preset--font-size--tiny); line-height: 1.62; transition: all 0.3s ease-in-out; } .wp-block-post-comments .comment-metadata a time { color: var(--wp--preset--color--meta); } .wp-block-post-comments .comment-metadata a:hover time, .wp-block-post-comments .comment-metadata a.comment-edit-link:hover, .wp-block-post-comments .comment-metadata a:hover, .wp-block-post-comments .comment-author .fn .url:hover { color: var(--wp--preset--color--primary); } .wp-block-post-comments .comment-metadata > *:not(:last-child) { padding-right: 10px; } .wp-block-post-comments .reply { font-size: 13px; margin-left: 5.8em; } .wp-block-post-comments .reply a, #cancel-comment-reply-link { text-decoration: none; color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: 1.4; text-transform: uppercase; } #cancel-comment-reply-link { font-size: var(--wp--preset--font-size--small); margin-left: 2.4em; } .wp-block-post-comments .reply a:hover, #cancel-comment-reply-link:hover { color: var(--wp--preset--color--primary); } .wp-block-post-comments .comment-respond { box-sizing: border-box; margin-top: var(--wp--preset--spacing--60); background-color: var(--wp--preset--color--border-color); padding: var(--wp--preset--spacing--70); max-width: 680px; margin-left: auto; margin-right: auto; } .wp-block-post-comments .comment-respond .comment-form { font-size: var(--wp--preset--font-size--upper-heading); } .wp-block-post-comments .comment-respond .comment-form a, .wp-block-post-comments .comment-respond .comment-form .logged-in-as, .wp-block-post-comments .comment-respond .comment-form .comment-notes, .wp-block-post-comments .comment-respond .comment-form .comment-form-cookies-consent { font-size: var(--wp--preset--font-size--extra-small); text-decoration: none; } .wp-block-post-comments .comment-respond .comment-form label { font-size: 12px; font-weight: 700; letter-spacing: 0.083em; line-height: 1.75; text-transform: uppercase; display: block; margin-bottom: 7px; } .wp-block-post-comments .comment-respond .comment-form .comment-notes { font-style: italic; } .wp-block-post-comments input:not([type="submit"]), .wp-block-post-comments textarea { border-color: transparent; } .wp-block-post-comments textarea:focus, .wp-block-post-comments input:not([type="submit"]):not([type="checkbox"]):focus { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground); } .wp-block-post-comments .comment-respond .comment-form .comment-form-cookies-consent { display: flex; align-items: center; } .wp-block-post-comments .comment-respond .comment-form .comment-form-cookies-consent label { margin-left: 7px; margin-bottom: 0; } .wp-block-post-comments .comment-author .avatar { border-radius: 50%; width: 65px; height: 65px; float: left; margin-right: 21px; } .form-submit.wp-block-button { text-align: center; } /* --- WP Block Latest Comments Style -------------------------------------------------------- */ .wp-block-latest-comments { margin-top: 0; padding: 0; } .wp-block-latest-comments a { text-decoration: none; } .wp-block-latest-comments .wp-block-latest-comments__comment { border-bottom: 1px solid var(--wp--preset--color--border-color); padding-bottom: var(--wp--custom--spacing--normal); padding-top: var(--wp--custom--spacing--normal); margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt > *:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-top: 20px; } .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date { margin-top: 7px; } .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-author { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); } /* --- WP Block Quote -------------------------------------------------------- */ .wp-block-quote p { margin-top: 0; } .wp-block-quote, .wp-block-quote.has-text-align-left, .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-center { position: relative; border: none; } .wp-block-quote.has-text-align-left, .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: 0; } .wp-block-quote:not(.has-text-align-left):not(.has-text-align-right) { text-align: center; } .wp-block-quote:before { color: var(--wp--preset--color--primary); font-family: "Georgia"; content: "\201C"; display: block; float: left; font-size: 120px; font-style: normal; font-weight: 500; height: 70px; width: 70px; line-height: 1.3; position: absolute; right: auto; left: 50%; top: 0; transform: translateX(-50%); text-align: center; } .wp-block-quote.has-text-align-left:before { left: auto; transform: none; } .wp-block-quote.has-text-align-right:before { left: auto; right: 0; transform: rotate(180deg); } .wp-block-quote.has-text-align-center:before { left: 50%; top: 0; transform: translateX(-50%); } .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { text-align: left; } .wp-block-quote.has-text-align-left.is-style-large cite, .wp-block-quote.has-text-align-left.is-style-large footer, .wp-block-quote.has-text-align-left.is-large cite, .wp-block-quote.has-text-align-left.is-large footer { text-align: left; } .wp-block-quote.has-text-align-right.is-style-large cite, .wp-block-quote.has-text-align-right.is-style-large footer, .wp-block-quote.has-text-align-right.is-large cite, .wp-block-quote.has-text-align-right.is-large footer { text-align: right; } .wp-block-quote.has-text-align-center.is-style-large cite, .wp-block-quote.has-text-align-center.is-style-large footer, .wp-block-quote.has-text-align-center.is-large cite, .wp-block-quote.has-text-align-center.is-large footer { text-align: center; } .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large, .wp-block-quote.is-style-plain { padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; } .wp-block-quote.is-style-plain:before, .wp-block-quote.is-style-large:before, .wp-block-quote.is-large:before { content: none; display: none; } .wp-block-quote.is-style-plain { color: var(--wp--preset--color--foreground); } .wp-block-quote cite, .wp-block-quote footer, .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { font-size: var(--wp--preset--font-size--tiny); text-transform: capitalize; font-weight: 400; line-height: 1.6; margin-top: 18px; display: block; } /* --- WP Block Pullquote Style -------------------------------------------------------- */ .wp-block-pullquote P { margin-bottom: 0; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block[data-align="left"] .wp-block-pullquote, .wp-block[data-align="right"] .wp-block-pullquote { border-bottom: 0; border-top: 0; } .wp-block-pullquote.alignleft, .wp-block[data-align="left"] .wp-block-pullquote { border-left: 4px solid var(--wp--preset--color--primary); padding: 0 0 0 1.5em; } .wp-block-pullquote.alignright, .wp-block[data-align="right"] .wp-block-pullquote { border-right: 4px solid var(--wp--preset--color--primary); padding: 0 1.5em 0 0; } /* --- WP Block Table Style -------------------------------------------------------- */ .wp-block-table td, .wp-block-table th { border-color: var(--wp--preset--color--border-color); padding: .667em 1em; } .wp-block-table th:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center) { text-align: left; } .wp-block-table thead { border-bottom: 0; } .wp-block-table tfoot { border-top: 0; } .wp-block-table th { font-weight: var(--wp--custom--typography--font-weight--bold); } .wp-block-table table { border: 1px solid var(--wp--preset--color--border-color); } /* --- WP Block Preformatted and Verse Style -------------------------------------------------------- */ .wp-block-preformatted, pre.wp-block-verse { word-wrap: break-word; } /* --- 3 -------------------------------------------------------- */ /* --- Theme Style -------------------------------------------------------- */ a, .content > .video-play:hover span, .content > .video-play svg, a svg.icon, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-post-featured-image img, .wp-block-euphony-blocks-header-search svg, .wp-block-euphony-blocks-header-social svg, .wp-block-search__button, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close, .wp-block-navigation .has-child > .wp-block-navigation-item__content.wp-block-navigation-item__content + button svg { transition: all 0.5s ease; } @media screen and (max-width: 480px) { .wp-custom-logo .site-identity { display: none; } } .wp-block-section:nth-child(2n) { background-color: var(--wp--preset--color--secondary); } .wp-block-section:nth-child(2n+1) { background-color: var(--wp--preset--color--background); } .wp-block-section .wp-block-group-heading { margin-bottom: var(--wp--custom--spacing--group-heading-bottom-gap); position: relative; text-align: center; } .wp-block-group-heading .is-style-button .wp-block-button__link { position: relative; padding-right: 65px; display: flex; align-items: center; margin-bottom: 12px; } .wp-block-group-heading .is-style-button .wp-block-button__link:hover, .wp-block-group-heading .is-style-button .wp-block-button__link:focus { padding-right: 60px; } .wp-block-group-heading .is-style-button .wp-block-button__link:after { position: absolute; right: 22px; } .wp-block-group-heading .is-style-button .wp-block-button__link:before { content: ""; background-color: var(--wp--preset--color--primary); position: absolute; right: 0; left: auto; width: 50px; height: 50px; border-radius: 5px; transition: 0.3s; } .wp-block-group-heading .is-style-button .wp-block-button__link:hover::before { background-color: var(--wp--preset--color--border-color); border-radius: 50%; } .wp-block-group-heading .is-style-button .wp-block-button__link:hover::after { color: var(--wp--preset--color--foreground); } .wp-block-image { margin-bottom: 1.5em; margin-top: var(--wp--style--block-gap, 2em); } body:not(.home) .wp-site-blocks main { padding-bottom: var(--wp--custom--spacing--main-block-gap); padding-top: var(--wp--custom--spacing--main-block-gap); margin-top: 0; } body.home .wp-site-blocks main { margin-top: 0; } body:not(.home) .wp-site-blocks main main, .wp-site-blocks main main { padding: 0; } body.open-search .wp-site-blocks > main, body.open-social .wp-site-blocks > main, body.single-product .wp-product-detail { position: relative; } .error404 main .wp-block-search, .single.post-template-default main .wp-block-template-part { margin-bottom: 1.75em; } .wp-block-table, .wp-block-audio { margin-top: var(--wp--style--block-gap); } .wp-block-latest-posts li a { text-decoration: none; } .wp-block-latest-posts.is-grid li { margin-bottom: 0; } .wp-block-categories__list a, .wp-block-categories-list a, .wp-block-archives-list a { text-decoration: none; } .wp-block-section .wp-block-columns .wp-block-columns { margin-bottom: 0; } .no-margin-top { margin-top: 0; } .is-stacked-on-mobile .wp-block-media-text__media { margin-bottom: 35px; } body.page-template-blank .wp-site-blocks main { margin-top: 0; padding-bottom: 0; padding-top: 0; } .page-template-front .wp-site-blocks main { margin-top: 0; padding-bottom: 0; padding-top: 0; } .wp-block-section-content h2 { font-weight: var(--wp--custom--typography--font-weight--bold); } /* For case study mobile view */ @media (min-width: 600px) and (max-width: 781px) { .wp-block-columns.case-study-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) { flex-basis: 50% !important; } } .wp-block-template-part { margin-top: 0; } .header-media-inner-post + .wp-block-group .woocommerce-products-header .page-title { display: none; } .header-media-inner-post + .wp-block-group .woocommerce-products-header { margin-bottom: 0; } .header-media-inner-post + .wp-block-group .woocommerce-products-header .page-title + .term-description p { margin-block-start: 0; } #to_top_scrollup { background: var(--wp--preset--gradient--gradient-1); color: var(--wp--preset--color--color-dark); border: none; cursor: pointer; display: none; outline: none; padding: 7px; position: fixed; bottom: 77px; right: 14px; text-decoration: none; box-sizing: border-box; text-align: center; width: 40px; height: 40px; z-index: 9999; opacity: 1 !important; font-size: 24px !important; } #to_top_scrollup:hover { background: var(--wp--preset--gradient--gradient-1-hover) !important; color: var(--wp--preset--color--color-dark) !important; } /* --- WP Block Header -------------------------------------------------------- */ .header-default { padding-bottom: 0; padding-top: 0; } .wp-block-main-header .wp-block-buttons .is-style-outline > :where(.wp-block-button__link), .wp-block-main-header .wp-block-buttons :where(.wp-block-button__link).is-style-outline { padding: 9px 28px; } .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: transparent !important; } /* --- WP Block Site title Style -------------------------------------------------------- */ .wp-block-site-title a { text-decoration: none; } /* --- WP Block Navigation Main -------------------------------------------------------- */ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover { background-color: var(--wp--preset--color--secondary) !important; } .wp-block-navigation a { text-decoration: none; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { text-transform: capitalize; font-size: var(--wp--preset--font-size--extra-small); font-weight: 500; } @media screen and (max-width: 74.9375em) { .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: 0; padding-bottom: 0; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: 0; } } .wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item a:focus { text-decoration: none; } .wp-block-buttons-header .wp-block-buttons .wp-block-button .wp-block-button__link { margin-top: 0; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { z-index: 4; } .wp-block-centered-menu .wp-block-navigation { text-align: center; } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { border: none; border: 1px solid var(--wp--preset--color--border-color); padding: 7px 0; } .wp-block-footer .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container), .wp-block-footer .wp-block-navigation .wp-block-navigation__submenu-icon { display: none; } @media screen and (max-width: 1199px) { .items-justified-right.wp-block-navigation { --navigation-layout-justify: flex-start; --navigation-layout-justification-setting: flex-start; } } .wp-block-main-header .wp-block-navigation { margin-left: 0; } @media screen and (min-width: 600px) { .wp-block-main-header .wp-block-navigation { margin-left: auto; } } .header-media-inner-post ol.has-background, .header-media-inner-post ul.has-background, .wp-block-main-header ol.has-background, .wp-block-main-header ul.has-background { padding: 0; } /* --- WP Block Button -------------------------------------------------------- */ input[type="button"], input[type="reset"], input[type="submit"], .tnp-subscription-minimal form input.tnp-submit { font-family: var(--wp--preset--font-family--pt-sans); background: var(--wp--preset--gradient--gradient-1); border-radius: 28px; border: none; color: var(--wp--preset--color--color-dark); font-size: clamp(14px, 2.5vw, 15px) !important; font-weight: var(--wp--custom--typography--font-weight--bold); line-height: 1.4; margin-top: 0.8rem; letter-spacing: 0.06em; padding: clamp(13px, 2.5vw, 14px) clamp(27px, 2.5vw, 35px); text-transform: uppercase; text-decoration: none; margin-bottom: 0 !important; cursor: pointer; transition: all 0.5s ease; text-align: center; display: inline-block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .tnp-subscription-minimal form input.tnp-submit:hover { border-color: transparent; background: var(--wp--preset--gradient--gradient-1-hover); color: var(--wp--preset--color--color-dark); } /* --- WP Block Mobile Toggle Icon -------------------------------------------------------- */ .wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg { height: 28px; width: 28px; } .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { padding: 7px; } /* --- WP Block Query Pagination -------------------------------------------------------- */ /* .wp-block-query-pagination-previous, .wp-block-query-pagination-next { color: var(--wp--preset--color--foreground); text-decoration: none; } */ .wp-block-query-pagination > .wp-block-query-pagination-numbers { display: flex; align-items: center; flex-wrap: wrap; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child { margin-inline-start: initial; } .wp-block-query-pagination-numbers .page-numbers { box-sizing: border-box; display: inline-block; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; margin-top: 7px; margin-bottom: 7px; text-decoration: none; text-align: center; height: 40px; width: 40px; font-weight: 300; } .wp-block-query-pagination-numbers .page-numbers:not(.dots).current { color: var(--wp--preset--color--background); background: var(--wp--preset--gradient--gradient-1); } /* --- WP Block Post Terms( WP Block Post Meta) -------------------------------------------------------- */ .wp-block-query:not(.block-editor-block-list__block) .wp-block-post-template li:not(.has-post-thumbnail) .wp-block-columns.is-layout-flex > .wp-block-column:first-of-type { display: none; } .wp-block-query:not(.block-editor-block-list__block) .wp-block-post-template li:not(.has-post-thumbnail) .wp-block-columns.is-layout-flex > .wp-block-column + .wp-block-column { width: 100%; flex-basis: 100% !important; } .wp-block-query:not(.block-editor-block-list__block) .wp-block-post-template li:not(.has-post-thumbnail) .wp-block-columns.is-layout-flex { gap: 0; } .wp-block-post-meta .wp-block-post-author .wp-block-post-author__content { padding: 0; } .wp-block-post-meta .wp-block-post-author .icon-user { top: 0; } .wp-block-post-author__byline { font-size: 12px; } .wp-block-post-author__bio { font-size: 14px; } /* Post Terms in Single */ .single .taxonomy-category.wp-block-post-terms > a, .single .taxonomy-post_tag.wp-block-post-terms > a { margin-bottom: 7px; margin-right: 7px; } .single .taxonomy-category.wp-block-post-terms .wp-block-post-terms__separator, .single .taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__separator { color: var(--wp--preset--color--meta); } .single .wp-block-post-author__name { font-weight: 700; } .single .wp-block-post-author { padding: var(--wp--custom--spacing--extra-small); background-color: var(--wp--preset--color--secondary); } .single .wp-block-post-author .wp-block-post-author__name { color: var(--wp--preset--color--foreground); font-size: var(--wp--preset--font-size--normal); line-height: 1.75; } .single .wp-block-post-author .wp-block-post-author__bio { font-size: 16px; line-height: 1.56; } /* --- WP Block Post Navigation Link -------------------------------------------------------- */ .wp-block-post-navigation-link .post-navigation-link__label { display: block; font-size: var(--wp--preset--font-size--tiny); font-weight: var(--wp--custom--typography--font-weight--regular); line-height: 1.62; text-transform: uppercase; color: var(--wp--preset--color--meta); margin-bottom: 7px; letter-spacing: .083em; } .wp-block-post-navigation-link .post-navigation-link__label svg.icon { color: var(--wp--preset--color--meta); fill: var(--wp--preset--color--meta); } .post-navigation-link-next { margin-top: 21px; } .wp-block-post-navigation-link a { color: var(--wp--preset--color--foreground); text-decoration: none; } .wp-block-post-navigation-link a:hover, .wp-block-post-navigation-link a:focus { color: var(--wp--preset--color--primary); } /* --- WP Block Post Template(wp-block-post) -------------------------------------------------------- */ .is-flex-container.wp-block-post-template .wp-block-post-title { font-size: var(--wp--preset--font-size--content-heading); line-height: var(--wp--custom--typography--line-height--heading-two); } .wp-block-post-title a { text-decoration: none; } .wp-block-post-template .wp-block-post-title a { color: var(--wp--preset--color--foreground); } .wp-block-post-template .wp-block-post-title a:hover, .wp-block-post-template .wp-block-post-title a:focus { color: var(--wp--preset--color--primary); } body > .is-root-container .wp-block-post-template > li .wp-block-post-container, body .wp-block-post-template > li .wp-block-post-container { background-color: transparent; margin-top: 0; padding: 0; } .wp-block-post-meta svg { display: none; } svg.icon { fill: var(--wp--preset--color--body-text); height: 14px; margin-right: 7px; width: 14px; position: relative; top: 2px; } .post-navigation-link-next svg.icon { padding-left: 7px; padding-right: 0; } a svg.icon { fill: var(--wp--preset--color--foreground); } .wp-block-post-excerpt > *:last-child { margin-bottom: 0; } .wp-block-post-featured-image { overflow: hidden; } .wp-block-post-featured-image a { position: relative; } .wp-block-post-featured-image:hover img { transform: scale(1.05); } .wp-block-post-author { text-transform: capitalize; } .wp-block-post-author a { text-decoration: none; } .wp-block-post-featured-image a:before { content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); z-index: 1; transition: opacity 0.3s ease-in-out; } .wp-block-post-featured-image a:hover::before { opacity: 1; } .header-media-inner-post .wp-block-post-date svg { display: none; } .wp-block-post-template .wp-block-post.has-post-thumbnail { position: relative; } .wp-block-post-template .wp-block-post.has-post-thumbnail .wp-block-post-meta .taxonomy-category { position: absolute; left: 21px; top: 21px; z-index: 1; } .wp-block-post-template .wp-block-post.has-post-thumbnail .wp-block-post-meta .taxonomy-category a { color: var(--wp--preset--color--color-light); font-size: 13px; padding: 3px 12px; position: relative; text-decoration: none; } .wp-block-post-template .wp-block-post.has-post-thumbnail .wp-block-post-meta .taxonomy-category a:before { background-color: var(--wp--preset--color--color-light); content: ""; opacity: 0.47; height: 100%; left: 0; top: 0; position: absolute; width: 100%; z-index: -1; } .wp-block-post-template .wp-block-post.has-post-thumbnail .wp-block-post-meta .taxonomy-category a:hover { color: var(--wp--preset--color--color-dark); } .wp-block-post-template .wp-block-post.has-post-thumbnail .wp-block-post-meta .taxonomy-category a:hover:before { opacity: 1; } .wp-block-post-template .wp-block-post.has-post-thumbnail.sticky:before { content: ""; position: absolute; top: 21px; right: 21px; width: 15px; height: 21px; background-image: url(assets/images/bookmark.png); z-index: 1; } /* For Editor Post Meta */ .block-editor-block-list__block.wp-block-post-template .block-editor-block-list__block.wp-block.wp-block-post-meta, .block-editor-block-list__block.wp-block-post-template .block-editor-block-list__block.wp-block { position: static; } /* --- WP Block Table -------------------------------------------------------- */ .wp-block-table a { text-decoration: none; font-weight: 700; color: var(--wp--preset--color--foreground); } .wp-block-table a:hover { color: var(--wp--preset--color--primary); } .wp-block-table.is-style-stripes tbody tr:nth-child(2n + 1) { background-color: var(--wp--preset--color--secondary); } .wp-block-table.is-style-stripes { border-bottom: 0; } .wp-block-table.is-style-stripes thead { border: 0; } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: var(--wp--preset--color--border-color); padding: 0.5em 1.4em; } .wp-block-table.is-style-stripe th:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center) { text-align: left; } /* --- WP Block Search -------------------------------------------------------- */ .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper { position: relative; box-sizing: border-box; padding: 0; } .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button { height: 100%; position: absolute; right: 0; } .wp-block-sidebar .wp-block-search { padding: 0; } /* Header Toogle Search */ .wp-block-fse-pro-header-search .search-controller svg { transition: 0.3s; fill: var(--wp--preset--color--color-light); } .wp-block-fse-pro-header-search .search-controller:hover svg { fill: var(--wp--preset--color--gray); } .wp-block-fse-pro-header-search .search-container { background-color: var(--wp--preset--color--background); border: 1px solid var(--wp--preset--color--border-color); left: auto; right: 0; opacity: 0; display: block !important; visibility: hidden; } .open-search .wp-block-fse-pro-header-search .search-container { opacity: 1; visibility: visible; } @media screen and (max-width: 1199px) { .mobile-gap { gap: 0 !important; } } /* --- WP Block Form and Input Fields -------------------------------------------------------- */ input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background-color: var(--wp--preset--color--secondary); border-radius: 5px; border-color: var(--wp--preset--color--border-color); border-style: solid; border-width: 1px; color: var(--wp--preset--color--body-text); padding: 12px 14px; font-size: 18px; line-height: 1.2; font-weight: var(--wp--custom--typography--font-weight--regular); width: 100%; box-sizing: border-box; transition: .2s background-color ease-in-out,.2s border-color ease-in-out; } input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground); outline: none; } .wp-block-search__inside-wrapper input[type="search"] { padding-right: 49px; } /* --- WP Block Contact Form 7 -------------------------------------------------------- */ .wpcf7-form input[type="date"], .wpcf7-form input[type="time"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="week"], .wpcf7-form input[type="month"], .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="number"], .wpcf7-form textarea { resize: none; } .wpcf7-form .two-col .wp-block-col, .wpcf7-form > p { margin-top: 0; } .wpcf7-form .wpcf7-form-control-wrap { display: block; margin-top: 7px; } .required { color: #ff0000; } .comment-form-comment { margin-top: 35px; } /* --- WP Block Embed -------------------------------------------------------- */ .wp-block-embed { margin-top: var(--wp--style--block-gap); } /* --- WP Block Image -------------------------------------------------------- */ .wp-block-image .alignleft { margin-right: 2em; } .wp-block-image .alignright { margin-left: 2em; } /* --- Block Widget -------------------------------------------------------- */ .wp-block-widget-area .wp-block-navigation ul { display: block; } .wp-block-footer .wp-block-widget-area * { font-size: var(--wp--preset--font-size--upper-heading); line-height: 1.75; font-weight: var(--wp--custom--typography--font-weight--regular); } .wp-block-widget-area .wp-block-site-title a { font-size: 24px; font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); } .wp-block-widget-area a { text-decoration: none; } .wp-block-widget-area ul li { margin-bottom: 14px; } .wp-block-widget .wp-block-navigation .wp-block-navigation-item__content { font-weight: 400; font-size: 18px; } .footer-has-cover .wp-block-navigation a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--meta) !important; } .wp-block-search .wp-block-search__label, .wp-block-widget-area h3, .wp-block-widget-area h2 { display: block; font-size: var(--wp--preset--font-size--upper-heading); line-height: 1.56; font-weight: 600; margin-bottom: 21px; } .wp-block-search .wp-block-search__label { color: var(--wp--preset--color--foreground); } .wp-block-tag-cloud > a { display: inline-block; margin-bottom: 7px; padding: 4px 14px; text-decoration: none; } .wp-block-column-sidebar .wp-block-widget-area ul, .wp-block-column-sidebar ul.wp-block-archives, .wp-block-column-sidebar .wp-block-categories ul { list-style: none; padding-left: 0; } .wp-block-widget-area li { list-style: none; } .wp-block-archives-list > li, .wp-block-categories-list > li { text-align: right; } .wp-block-sidebar .wp-block-archives-list > li:before, .wp-block-sidebar .wp-block-archives-list > li:after, .wp-block-sidebar .wp-block-categories-list > li:before, .wp-block-sidebar .wp-block-categories-list > li:after, .wp-block-footer .wp-block-archives-list > li:before, .wp-block-footer .wp-block-archives-list > li:after, .wp-block-footer .wp-block-categories-list > li:before, .wp-block-footer .wp-block-categories-list > li:after { content: ""; display: table; width: 100%; } .wp-block-sidebar ul.wp-block-categories, .wp-block-sidebar ul.wp-block-archives, .wp-block-footer ul.wp-block-categories, .wp-block-footer ul.wp-block-archives { padding-left: 0; } .wp-block-sidebar .wp-block-archives-list > li:after, .wp-block-sidebar .wp-block-categories-list > li:after, .wp-block-footer .wp-block-archives-list > li:after, .wp-block-footer .wp-block-categories-list > li:after { clear: both; } .wp-block-archives-list > li > a, .wp-block-categories-list > li > a { float: left; } .wp-block-sidebar { font-size: clamp(16px, 3.5vw, 18px); } .wp-block-categories .cat-item { text-align: right; } .wp-block-categories .cat-item a { float: left; } /* --- Block Widget Sidebar -------------------------------------------------------- */ .wp-block-tag-cloud > a { background-color: var(--wp--preset--color--border-color); } .wp-block-tag-cloud > a:hover, .wp-block-tag-cloud > a:focus { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-light); } .wp-block-sidebar .wp-block-widget .wp-block-archives li, .wp-block-sidebar .wp-block-widget .wp-block-categories li { margin-bottom: 14px; } .wp-block-sidebar .wp-block-widget .wp-block-archives li:last-child, .wp-block-sidebar .wp-block-widget .wp-block-categories li:last-child { margin-bottom: 0; } .wp-product-category-with-sidebar .wp-block-widget { padding: var(--wp--preset--spacing--30); background-color: var(--wp--preset--color--secondary) !important; width: 100%; } .wp-block-sidebar > *:not(:last-child) { margin-bottom: var(--wp--custom--spacing--wp-block-sidebar-widget); } .wp-block-sidebar > * h2 { margin-bottom: 21px; } .wp-block-widget-area .wp-block-latest-posts__post-author, .wp-block-widget-area .wp-block-latest-posts__post-date { font-size: var(--wp--preset--font-size--tiny); line-height: 1.62; margin-top: 5px; } /* --- Block Footer style -------------------------------------------------------- */ .wp-block-cover.has-sticky-playlist-visible { padding-bottom: 68px !important; } .wp-block-footer .wp-block-navigation .wp-block-page-list { display: block; } footer .wp-block-image { margin-top: 0; } footer > * + * { margin-block-start: 0 !important; } .wp-block-footer { margin-top: 0 !important; } .wp-block-footer.wp-block-site-generator p { white-space: normal !important; } .footer-has-cover .wp-block-archives-list li a, .footer-has-cover .wp-block-categories-list li a { color: var(--wp--preset--color--color-light); } .footer-has-cover .wp-block-archives-list li a:hover, .footer-has-cover .wp-block-categories-list li a:hover { color: var(--wp--preset--color--primary); } /* --- Block Widget Footer -------------------------------------------------------- */ .wp-block-footer-widget-area-columns { margin-bottom: 0; padding-bottom: var(--wp--custom--spacing--wp-footer-vertical); padding-top: var(--wp--custom--spacing--wp-footer-vertical); } .wp-block-footer.wp-block-site-generator p { font-size: var(--wp--preset--font-size--tiny); letter-spacing: 1px; } .wp-block-site-info > p a { color: var(--wp--preset--color--color-light); } .wp-block-site-info > p a:hover, .wp-block-site-info > p a:focus { color: var(--wp--preset--color--primary); } .wp-block-footer.wp-block-site-generator a { text-decoration: none; } .footer-copyright a:hover { text-decoration: underline; } .wp-block-footer .wp-block-widget:not(:last-child), .wp-block-footer .wp-block-widget > *:not(:last-child), .wp-block-footer .wp-block-latest-posts__list > li:not(:last-child) { margin-bottom: var(--wp--custom--spacing--extra-small); } .wp-block-widget-area .wp-block-widget figure { line-height: 0; margin-bottom: 0; } /* --- WP Block Sections -------------------------------------------------------- */ .wp-block-section { padding-bottom: var(--wp--custom--spacing--section-block-top); padding-top: var(--wp--custom--spacing--section-block-top); } .section-has-padding-top { padding-top: var(--wp--custom--spacing--section-block-top); } .wp-block-section.wp-block-header-media-no-image { padding-bottom: var(--wp--custom--spacing--main-block-gap); padding-top: var(--wp--custom--spacing--main-block-gap); } .wp-block-section + .wp-block-section, .page-template-blank .wp-site-blocks footer, .page-template-front .wp-site-blocks footer, footer.wp-block-template-part { margin-top: 0; } /* --- Drop Cap -------------------------------------------------------- */ .has-drop-cap:not(:focus)::first-letter { color: var(--wp--preset--color--foreground); margin: 14px 16px 4px -3px; font-weight: 400; font-size: 92px; line-height: .6; } /* --- WP Block Image -------------------------------------------------------- */ .wp-block-cover-image, .wp-block-cover { min-height: 320px; transition: all 0.3s ease-in-out; } .header-media-inner-post .wp-block-cover { min-height: 100%; padding: var(--wp--preset--spacing--120) var(--wp--custom--spacing--outer) clamp(80px, 9.5vw, 140px) var(--wp--custom--spacing--outer); } .wp-block-image figure.alignright, .wp-block-image figure.alignleft, .wp-block[data-align="left"] .wp-block-image, .wp-block[data-align="right"] .wp-block-image, .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block[data-align="left"] > .wp-block-pullquote, .wp-block[data-align="right"] > .wp-block-pullquote, [data-align="left"] > .wp-block-cover, [data-align="right"] > .wp-block-cover, .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align="left"] > .wp-block-embed, .wp-block[data-align="right"] > .wp-block-embed { max-width: 320px; width: 100%; } .wp-block-cover.alignleft, .wp-block-pullquote.alignleft, .wp-block[data-align="left"] > .wp-block-pullquote, [data-align="left"] > .wp-block-cover, .wp-block-embed.alignleft, .wp-block[data-align="left"] > .wp-block-embed { margin-right: 2em !important; margin-bottom: 1.5em; } .wp-block-cover.alignright, .wp-block-pullquote.alignright, .wp-block[data-align="right"] > .wp-block-pullquote, [data-align="right"] > .wp-block-cover, .wp-block-embed.alignright, .wp-block[data-align="right"] > .wp-block-embed { margin-left: 2em !important; margin-bottom: 1.5em; } /* --- WP Block Figcaption -------------------------------------------------------- */ .wp-block-image.alignleft, .wp-block-image.alignright { margin-top: 32px; } .wp-site-blocks figure figcaption, figure figcaption { color: var(--wp--preset--color--meta); font-size: 16px; line-height: var(--wp--custom--typography--line-height--paragraph); padding: 7px 14px; margin: 0; } /* --- WP Block Calendar -------------------------------------------------------- */ .wp-block-calendar table th { border-color: var(--wp--preset--color--border-color); background-color: var(--wp--preset--color--secondary); } .wp-block-calendar th, .wp-block-calendar tbody td { border-color: var(--wp--preset--color--border-color); } .wp-block-calendar tbody td#today { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); } .wp-block-calendar table caption { color: var(--wp--preset--color--foreground); margin-bottom: 7px; } /* --- WP Block Header Search and Social (Toggle) -------------------------------------------------------- */ .toggle-social-and-toggle-search { margin-top: 0 !important; } .wp-block-custom-header-media-with-title-and-nav .wp-block-euphony-blocks-header-social .social-container, .wp-block-custom-header-media-with-title-and-nav .wp-block-euphony-blocks-header-search .search-container { left: -30px; right: -30px; width: calc(100% + 60px); } .wp-block-main-header { position: relative; z-index: 9; } .wp-block-euphony-blocks-header-social .social-container { background: var(--wp--preset--color--secondary); } .wp-block-euphony-blocks-header-search svg:hover, .wp-block-euphony-blocks-header-search svg:focus, .wp-block-euphony-blocks-header-social svg:hover, .wp-block-euphony-blocks-header-social svg:focus { fill: var(--wp--preset--color--foreground); } .wp-block-euphony-blocks-header-search .wp-block-search { padding: 0; } /* New for Social and Search */ .wp-block-main-header .wp-block-main-header-container, .wp-block-main-header .wp-block-social-search-container { gap: 0; } .wp-block-euphony-blocks-header-search .search-container, .wp-block-euphony-blocks-header-social .social-container { left: 0; padding: clamp(14px, 1.5vw, 21px) 28px; background-color: var(--wp--preset--color--secondary); animation: smoothScrollBack 0s backwards, fadein 0.6s; } .alignfull.wp-block-main-header .wp-block-euphony-blocks-header-search .search-container, .alignfull.wp-block-main-header .wp-block-euphony-blocks-header-social .social-container { padding: clamp(14px, 1.5vw, 21px) var(--wp--custom--spacing--outer); } @keyframes smoothScrollBack { 0% { transform: translateY(40px); } 100% { transform: translateY(0px); } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .wp-block-euphony-blocks-header-search .search-controller:hover svg, .wp-block-euphony-blocks-header-social .social-controller:hover svg, .wp-block-social-search-container .wp-block-social-links.is-style-logos-only .wp-social-link a:hover { color: var(--wp--preset--color--primary); fill: var(--wp--preset--color--primary); } .wp-block-euphony-blocks-header-search svg, .wp-block-euphony-blocks-header-social svg, .wp-block-social-search-container .wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor { color: var(--wp--preset--color--foreground); fill: var(--wp--preset--color--foreground); } .header-with-search-cart .header-inner-wrapper { width: 100%; } /* --- WP Block Slider -------------------------------------------------------- */ .fse-slider-wrapper { overflow: hidden; position: relative; } .fse-slider-wrapper .tns-outer { position: relative; } .fse-slider-wrapper .wp-block-image figcaption { bottom: 55px; color: var(--wp--preset--color--color-light); font-size: var(--wp--preset--font-size--content-heading); left: 50%; margin: 0 auto; max-width: 760px; opacity: 0; position: absolute; text-align: center; transform: translateX(-50%); transform-origin: top; visibility: hidden; width: 100%; transition: all 0.5s ease; padding: 15px; box-sizing: border-box; } .fse-slider-wrapper .tns-item.tns-slide-active .wp-block-image figcaption { opacity: 1; transition-delay: 0.2s; visibility: visible; } /* Sliding Testimonial */ .sliding-testimonial { max-width: 600px; } /* Nan Arrows */ .tns-control > button { background: var(--wp--preset--color--border-color); border: 0; color: var(--wp--preset--color--foreground); cursor: pointer; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); border-radius: 50%; width: 50px; height: 50px; transition: all 0.5s ease; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); } .tns-control > button.tns-prev { left: -50px; } .tns-control > button.tns-next { right: -50px; } .tns-control > button > span { display: none; } .tns-control > button:before { content: ""; display: inline-block; color: inherit; opacity: 1; width: 0.6rem; height: 0.6rem; border-style: solid; border-color: currentColor; border-width: 0.2rem 0.2rem 0 0; } .tns-control > button.tns-prev:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 4px; } .tns-control > button.tns-next:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: 4px; } .tns-control > button:hover, .tns-control > button:focus { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground); } /* Nav Dots */ .tns-nav > button { border: 0; background-color: var(--wp--preset--color--border-color); height: 10px; line-height: 10px; margin: 0 4px; width: 10px; border-radius: 100%; box-shadow: none; position: relative; transition: all 0.5s ease; padding: 0; } .tns-nav > button:hover, .tns-nav > button:focus { background-color: var(--wp--preset--color--foreground); } .tns-nav > button.tns-nav-active { background-color: var(--wp--preset--color--foreground); } .tns-nav { line-height: 0; text-align: center; } /* Dots Positions */ .fse-slider-wrapper.horizontal-inside-slider-bottom-left .tns-nav, .fse-slider-wrapper.horizontal-inside-slider-bottom-center .tns-nav, .fse-slider-wrapper.horizontal-inside-slider-bottom-right .tns-nav { bottom: 28px; position: absolute; width: 100%; } .fse-slider-wrapper.horizontal-inside-slider-bottom-left .tns-nav { text-align: left; left: 28px; } .fse-slider-wrapper.horizontal-inside-slider-bottom-center .tns-nav { text-align: center; } .fse-slider-wrapper.horizontal-inside-slider-bottom-right .tns-nav { text-align: right; right: 28px; } .fse-slider-wrapper.horizontal-outside-slider-bottom-left .tns-nav, .fse-slider-wrapper.horizontal-outside-slider-bottom-center .tns-nav, .fse-slider-wrapper.horizontal-outside-slider-bottom-right .tns-nav { margin-top: 28px; } .fse-slider-wrapper.horizontal-outside-slider-bottom-left .tns-nav { margin-left: 28px; text-align: left; } .fse-slider-wrapper.horizontal-outside-slider-bottom-center .tns-nav { text-align: center; } .fse-slider-wrapper.horizontal-outside-slider-bottom-right .tns-nav { margin-right: 28px; text-align: right; } /* --- WP Block The Newsletter Plugin -------------------------------------------------------- */ .tnp-subscription-minimal form { text-align: left !important; } .site-newsletter { text-align: center; } .site-newsletter .tnp-subscription-minimal { margin-top: 35px; } .tnp-subscription-minimal form input.tnp-email { background-color: transparent; border-color: transparent; max-width: 100%; padding: 13px 21px; margin-right: 0; background-color: var(--wp--preset--color--white); color: var(--wp--preset--color--body-text); width: 100%; display: block; border-radius: 5px; } .tnp-subscription-minimal form input.tnp-email:focus { color: var(--wp--preset--color--color-dark); } .wp-block-tnp-minimal > p { margin: 0; } .tnp-subscription-minimal form input.tnp-submit { margin-top: 21px; } /* --- WP Block The Newsletter Plugin For Footer -------------------------------------------------------- */ .wp-block-footer .tnp-subscription-minimal form { position: relative; max-width: 360px; display: flex; } .wp-block-footer .tnp-subscription-minimal input.tnp-submit { margin-top: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 14px; } .wp-block-footer .wp-block-tnp-minimal { padding: 0 !important; } .wp-block-fse-pro-accordion .accordion-controls .toggle-btn { color: var(--wp--preset--color--body-text) !important; } .wp-block-fse-pro-accordion .accordion-controls .toggle-btn:hover { color: var(--wp--preset--color--primary) !important; } /* --- WP Block Breadcumb -------------------------------------------------------- */ .breadcrumb-area { font-size: 14px; margin: 0; width: unset; } .woocommerce .breadcrumb-area .woocommerce-breadcrumb { font-size: 14px; } .catch-breadcrumb.breadcrumb-area { margin-bottom: 0; width: auto !important; } .breadcrumb-area .entry-breadcrumbs, .catch-breadcrumb.breadcrumb-area .section-wrapper { max-width: var(--wp--style--global--wide-size); margin: 0 auto; text-transform: capitalize; } .breadcrumb-area a, .woocommerce .breadcrumb-area .woocommerce-breadcrumb a { color: var(--wp--preset--color--foreground); text-decoration: none; } .header-media-inner-post .breadcrumb-area a { color: var(--wp--preset--color--color-light); } .breadcrumb-area a:hover, .woocommerce .breadcrumb-area .woocommerce-breadcrumb a:hover { color: var(--wp--preset--color--primary); } .breadcrumb .breadcrumb-current { opacity: 0.4; } .header-media-inner-post .wp-block-post-title + .breadcrumb-area, .header-media-inner-post + .breadcrumb-area { margin: 14px 0 0 0; } body .wp-block-inner-page-title { margin-bottom: var(--wp--custom--spacing--group-heading-bottom-gap); font-size: 16px; } .wp-block-inner-page-title .wp-block-term-description { margin: 7px 0 0 0; } .wp-block-inner-page-title .wp-block-term-description p { margin: 0; } .wp-block-inner-page-title .wp-block-post-title, .wp-block-inner-page-title .wp-block-query-title, .woocommerce-products-header__title.page-title { font-size: var(--wp--preset--font-size--product-heading); line-height: var(--wp--custom--typography--line-height--heading-three); } /* --- WP Block Sidebar -------------------------------------------------------- */ @media screen and (max-width: 782px) { .wp-block-sidebar-on-left > .wp-block-column.wp-block-column-sidebar { order: 2; } .wp-block-sidebar-on-left > .wp-block-column:not(.wp-block-column-sidebar) { order: 1; } } .wp-block-columns.wp-block-sidebar-on-right, .wp-block-columns.wp-block-sidebar-on-left { gap: 0; } /* Increased Anchor Space To 42px */ .wp-block-euphony-blocks-header-social .social-controller, .wp-block-euphony-blocks-header-search .search-controller { border-radius: 50%; transition: all 0.3s ease-in-out; } .wp-block-main-header .euphony-blocks-icons a { display: flex; padding: 8px; } .simple-audio-player .simp-controls button { height: 40px; padding: 10px; width: 40px; } @media screen and (max-width: 1200px) { .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 7px 0; } } .wp-block-sticky-music-playlist .simple-audio-player .simp-controls .simp-others .simp-shide button svg { width: 22px; height: 22px; } .wp-block-sticky-music-playlist .simple-audio-player .simp-controls .simp-others .simp-shide button { display: inline-block; line-height: 0px; height: auto; width: auto; padding: 10px; } /* --- WP Block Social -------------------------------------------------------- */ /* Overwrite the codes from fse pro */ .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link .components-button, .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link a, .wp-block-social-links.is-style-default .wp-social-link .components-button, .wp-block-social-links.is-style-default .wp-social-link a { background-color: inherit !important; color: inherit !important; border-radius: inherit !important; } .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link .components-button:hover, .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link .components-button:focus, .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link a:hover, .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link a:focus, .wp-block-social-links.is-style-default .wp-social-link .components-button:hover, .wp-block-social-links.is-style-default .wp-social-link .components-button:focus, .wp-block-social-links.is-style-default .wp-social-link a:hover, .wp-block-social-links.is-style-default .wp-social-link a:focus { background-color: inherit !important; color: inherit !important; } .wp-block-social-links.is-style-logos-only.has-small-icon-size .wp-social-link svg { height: 1em; width: 1em; } /* Social hover for theme */ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link:hover { background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--color-dark) !important; } .wp-block-social-links.is-style-logos-only .wp-social-link:hover { color: var(--wp--preset--color--primary) !important; } /* Social Inside Slider */ .wp-site-blocks .absolute-social { display: none; } .absolute-social { position: absolute !important; top: 70vh; left: 28px; z-index: 999; -webkit-transform: rotate(-90deg) translateX(0); -moz-transform: rotate(-90deg) translateX(0); -ms-transform: rotate(-90deg) translateX(0); -o-transform: rotate(-90deg) translateX(0); transform: rotate(-90deg) translateX(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; margin: 0 !important; } .absolute-social ul li + li a { position: relative; } .absolute-social ul li + li a:before { background-color: var(--wp--preset--color--primary); content: ""; position: absolute; top: 50%; left: -8px; width: 5px; height: 5px; border-radius: 50%; margin-top: -2px; } .absolute-social .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor { padding: 7px; } /* For Navigation colors */ .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container { color: inherit; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open { color: inherit; } /* Is Style Light */ .is-style-light .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: var(--wp--preset--color--foreground); } .is-style-light .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary) !important; } .is-style-light .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--primary) !important; } @media screen and (max-width: 1199px) { .is-style-light .wp-block-navigation .wp-block-navigation-item__content { color: var(--wp--preset--color--foreground); } .is-style-light .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary) !important; } .is-style-light .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--background) !important; } .is-style-light .wp-block-navigation__responsive-container-open:hover { color: var(--wp--preset--color--gray) !important; } .is-style-light .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content, .is-style-light .wp-block-navigation .wp-block-navigation-submenu.current-menu-item > .wp-block-navigation__submenu-icon svg, .is-style-light .wp-block-navigation .current-nav-item > .wp-block-navigation-item__content.wp-block-navigation-item__content, .is-style-light .wp-block-navigation .wp-block-navigation-submenu.current-nav-item > .wp-block-navigation__submenu-icon svg { color: var(--wp--preset--color--primary); } } audio::-webkit-media-controls-enclosure { border-radius: 0; } /* Primary Search */ .wp-primary-search .wp-search-toggle-container { padding: 10px; display: inline-block; cursor: pointer; line-height: 1; } .wp-primary-search .wp-search-toggle-container .wp-search-toggle { width: 22px; height: 22px; display: inline-block; -webkit-mask: url(assets/images/search.svg) no-repeat 50% 50%; mask-size: auto; mask: url(assets/images/search.svg) no-repeat 50% 50%; mask-size: auto; -webkit-mask-size: cover; mask-size: cover; background-color: var(--wp--preset--color--color-light); text-indent: -9999px; transition: all .2s ease-in-out 0s; } .wp-primary-search .wp-search-toggle-container:is(:hover, :focus) .wp-search-toggle { background-color: var(--wp--preset--color--gray); } .wp-primary-search .wp-search-container { position: absolute; top: 100%; background-color: var(--wp--preset--color--background); border: 1px solid var(--wp--preset--color--border-color); padding: 21px; margin: 0; z-index: 2; right: 0; left: 0; visibility: hidden; opacity: 0; transition: all .2s ease-in-out 0s; } .wp-primary-search.toggled-on .wp-search-toggle { -webkit-mask: url(assets/images/close.svg) no-repeat 50% 50%; mask-size: auto; mask: url(assets/images/close.svg) no-repeat 50% 50%; mask-size: auto; -webkit-mask-size: cover; mask-size: cover; } .wp-primary-search.toggled-on .wp-search-container { visibility: visible; opacity: 1; } @media screen and (min-width: 640px) { .wp-primary-search { position: relative; } .wp-primary-search .wp-search-container { left: auto; width: 335px; } } @media screen and (min-width: 782px) { .wp-primary-search .wp-search-container { transform: translateX(40px); } .show-search .wp-primary-search .wp-search-container { transform: translateX(0); } } /* --- 4 -------------------------------------------------------- */ /* --- Block Woo-Commerce -------------------------------------------------------- */ /* Styles for Product Listing Page */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button, a.added_to_cart.wc-forward, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward { font-family: var(--wp--preset--font-family--pt-sans); background: var(--wp--preset--gradient--gradient-1); border-radius: 28px; border: none; color: var(--wp--preset--color--color-dark); font-size: 13px !important; font-weight: var(--wp--custom--typography--font-weight--bold); line-height: 1.615; margin-top: 0.8rem; letter-spacing: 0.06em; padding: 7px 21px; text-transform: uppercase; text-decoration: none; margin-bottom: 0 !important; cursor: pointer; transition: all 0.5s ease; text-align: center; display: inline-block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward { background: var(--wp--preset--gradient--gradient-1) !important; color: var(--wp--preset--color--color-dark) !important; padding: clamp(13px, 2.5vw, 14px) clamp(27px, 2.5vw, 35px) !important; opacity: 1 !important; margin-top: 0; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover { background: var(--wp--preset--gradient--gradient-1-hover) !important; color: var(--wp--preset--color--color-dark) !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: right; padding: 0.5em 1em; } .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:focus, a.added_to_cart.wc-forward:hover, a.added_to_cart.wc-forward:focus { border-color: transparent; background: var(--wp--preset--gradient--gradient-1-hover); color: var(--wp--preset--color--color-dark); opacity: 1; } .add_to_cart_button.added, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added { margin-right: 7px !important; } .wc-block-grid__product { text-align: left; } .wc-block-grid__products li:hover .wc-block-components-product-title a, .woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: var(--wp--preset--color--primary); } .wc-block-components-product-title a, .wc-block-components-product-price__value, .woocommerce ul.products li.product .price { color: var(--wp--preset--color--foreground); text-decoration: none; } .wp-block-button.wc-block-components-product-button, .wc-block-grid__product .wc-block-grid__product-rating { display: block; clear: both; } .wc-block-grid__product-rating .star-rating, .wc-block-components-product-rating__stars, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars { margin: 0 auto 0 0; } .woocommerce p.stars a { color: var(--wp--preset--color--primary); } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .wc-block-components-product-title a, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: var(--wp--preset--font-size--normal); } ul.wc-block-grid__products h2.wc-block-components-product-title.wc-block-grid__product-title { margin: 0; padding: 0.5em 0; line-height: var(--wp--custom--typography--line-height--heading-four); font-size: var(--wp--custom--typography--font-size--heading-five); } .wp-block-button.wc-block-components-product-button:before { content: ""; display: table; table-layout: fixed; width: 100%; } .woocommerce .woocommerce-result-count { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--foreground); } .woocommerce .woocommerce-products-header { margin-bottom: 21px; } .woocommerce .wp-product-category-with-sidebar ul.products { display: flex; gap: 0 30px; flex-wrap: wrap; } .woocommerce .wp-product-category-with-sidebar ul.products::before { display: none; } .woocommerce .wp-product-category-with-sidebar ul.products[class*="columns-"] li.product, .woocommerce-page .wp-product-category-with-sidebar ul.products[class*="columns-"] li.product { width: 100%; } .wc-block-grid__product.wc-block-grid__product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-bottom: 1.992em; } .wp-product-cateogry-block .wc-block-grid__product-rating .star-rating { margin: 0 auto; } .wp-block-button.wc-block-components-product-button:after { clear: both; } .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__product .wc-block-grid__product-rating { margin-bottom: 28px; } .wc-block-grid__product .wc-block-grid__product-price { margin-bottom: 21px; } .wc-block-grid__product-rating { color: inherit; } .wc-block-grid__product { border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid transparent; } .wc-block-grid__products { margin: 0 -20px 0; } .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale, .wc-block-components-product-sale-badge, .woocommerce span.onsale, .wc-block-grid__product-onsale { background: var(--wp--preset--gradient--gradient-1); color: var(--wp--preset--color--color-dark); font-size: 11px; padding: 7px 14px; border: 0; line-height: 1.2; text-transform: uppercase; min-height: auto; min-width: auto; font-weight: 300; border-radius: 0px; left: 0; top: 0; letter-spacing: .1em; } .woocommerce ul.products li.product .onsale, .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale { left: 0; right: auto; top: 0; margin: 0; font-size: 11px; } .wc-block-components-product-price__value, .woocommerce ul.products li.product .price { font-size: 17px; font-size: 1.0625rem; color: var(--wp--preset--color--meta); } .wc-block-mini-cart-items .wc-block-components-product-price__value { font-size: inherit; } .wc-block-mini-cart__button { width: 40px; height: 40px; border-radius: 50%; transition: all 0.3s ease-in-out; } .wc-block-grid, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { font-weight: var(--wp--custom--typography--regular); } .wc-block-grid__product-price .wc-block-grid__product-price__regular { margin-right: 0; font-size: 18px; font-size: 1.125rem; } .wc-block-components-product-sort-select { text-align: right; margin-bottom: 24px; } .wc-block-components-sort-select__select, .wc-block-sort-select__select.wc-block-components-sort-select__select, .woocommerce .woocommerce-ordering select, .value #pa_color, .value #pa_size, .value #logo { background-color: var(--wp--preset--color--secondary); border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--foreground); padding: 14px; outline: 0; font-size: 16px; font-size: 1rem; } .wc-block-components-product-sort-select .wc-block-components-sort-select__select, .woocommerce .woocommerce-ordering select { background-color: var(--wp--preset--color--secondary); cursor: pointer; font-size: var(--wp--preset--font-size--tiny); padding: 14px; min-width: 160px; } .wc-block-components-sort-select__select option, .wc-block-components-product-sort-select option, .woocommerce .woocommerce-ordering select option, .value #pa_color option, .value #pa_size option, .value #logo option { color: var(--wp--preset--color--foreground); font-size: 16px; font-size: 1rem; } .summary .variations a.reset_variations { position: absolute; left: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { background-color: var(--wp--preset--color--secondary); border: 1px solid var(--wp--preset--color--border-color); padding: 15px; } .woocommerce-account .woocommerce-MyAccount-navigation li a { text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: 500; color: var(--wp--preset--color--meta); padding: 14px; display: block; } fieldset { padding: 30px; border: 1px solid var(--wp--preset--color--border-color); } legend { font-weight: var(--wp--custom--typography--font-weight--bold); color: var(--wp--preset--color--foreground); } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { text-decoration: none; color: var(--wp--preset--color--primary); } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { font-weight: var(--wp--custom--typography--font-weight--bold); } .woocommerce-account .woocommerce-MyAccount-navigation li { padding: 0; } .woocommerce-account main .woocommerce { max-width: 1400px; } .woocommerce-MyAccount-content .woocommerce-info { margin-top: 0; } /* Styles for Product Single Page */ .woocommerce #review_form #respond .form-submit input, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--wp--preset--gradient--gradient-1); border-radius: 28px; border-width: 0; color: var(--wp--preset--color--color-dark); font-family: var(--wp--preset--font-family--pt-sans); font-size: clamp(14px, 2.5vw, 15px); font-weight: var(--wp--custom--typography--font-weight--bold); letter-spacing: 0.06em; line-height: 1.4; margin-top: 0.8rem; padding: clamp(13px, 2.5vw, 14px) clamp(27px, 2.5vw, 35px); text-decoration: none; text-transform: uppercase; } .woocommerce .woocommerce-product-rating .star-rating { margin-top: 4px; } .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus { border-color: transparent; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-dark); opacity: 1; } .woocommerce .form-submit.wp-block-button { text-align: left; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } .woocommerce .product_meta { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--typography--font-weight--bold); color: var(--wp--preset--color--foreground); margin-top: 35px; } .woocommerce .product_meta > span { display: block; padding: 5px 0; } .woocommerce .product_meta > span span, .woocommerce .product_meta > span a { font-weight: var(--wp--custom--typography--font-weight--medium); } .woocommerce .product_meta .sku { color: var(--wp--preset--color--body-text); } .woocommerce-page .input-text { padding: .9rem .5rem; } .woocommerce .quantity .qty { width: 4.5em; border-width: 1px; } .woocommerce-review-link, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .posted_in a { text-decoration: none; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); margin-top: 0; } .woocommerce div.product p.price, .woocommerce div.product span.price, .wc-block-grid__product-price.price { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--regular); margin-top: 0; font-size: var(--wp--preset--font-size--medium); } .wc-block-grid__product-price.price ins { text-decoration: none; } .wc-block-grid__product-price.price del .woocommerce-Price-amount.amount { font-size: 15px; opacity: 0.6; } .woocommerce.single-product div.product p.price { color: var(--wp--preset--color--primary); } .woocommerce.single-product div.product p.price del { opacity: 0.3; } .single-product .header-media-inner-post .wp-block-cover .wp-block-cover__background { opacity: 0; } .wc-block-grid__product-rating .star-rating span:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before, .woocommerce .star-rating span::before { color: var(--wp--preset--color--primary); } .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 1.2rem; } .woocommerce div.product .product_title { font-size: var(--wp--custom--typography--font-size--heading-three); line-height: var(--wp--custom--typography--line-height--heading-three); } .woocommerce-review-link { font-size: 14px; font-size: 0.875rem; } .woocommerce-page label { font-weight: var(--wp--custom--typography--font-weight--bold); text-transform: uppercase; font-size: var(--wp--preset--font-size--tiny); display: block; } .woocommerce-page .comment-form-cookies-consent label { display: inline-block; font-weight: normal; text-transform: none; } .woocommerce #review_form #respond { max-width: 900px; } .wocommerce-page .form-submit.wp-block-button { text-align: left; } .wp-product-detail { margin-block-start: 0; } .wp-product-detail .woocommerce-message { margin-top: 0; } .summary form.cart.grouped_form .group_table { margin-bottom: 28px; } .woocommerce div.product form.cart .group_table td { vertical-align: middle; } .woocommerce-page .summary form.cart label { margin: 0; } .woocommerce-page .summary form.cart label a { padding: 7px 14px; border-radius: 4px; } .woocommerce-page .summary form.cart label a:hover { color: var(--wp--preset--color--foreground); } .woocommerce div.product form.cart .woocommerce-variation-description p { font-size: var(--wp--preset--font-size--medium); } .single-product .header-media-inner-post .catch-breadcrumb.center .woocommerce-breadcrumb { text-align: left; margin: 35px 0 -21px; padding-left: var(--wp--custom--spacing--outer); padding-right: var(--wp--custom--spacing--outer); } /* Single Page Tabs */ .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background-color: transparent; margin-right: 28px; padding: 0; margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid var(--wp--preset--color--border-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: transparent; z-index: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs .panel { padding: 30px 0 0; background: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: none; } .woocommerce-Tabs-panel h2, .related.products > h2 { font-size: var(--wp--custom--typography--font-size--heading-five); margin-bottom: 28px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--wp--preset--color--foreground); padding: .5em 1em; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--wp--preset--color--primary); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--wp--preset--color--primary); background: var(--wp--preset--color--secondary); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { left: 0; width: 100%; background: var(--wp--preset--color--primary); } .woocommerce-Tabs-panel p { margin-top: 0; } .woocommerce .woocommerce-product-attributes.shop_attributes { border-top: 1px dotted var(--wp--preset--color--border-color); text-align: left; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-bottom: 1px dotted var(--wp--preset--color--border-color); padding: 10px 0; text-transform: capitalize; font-weight: 400; } .woocommerce table.shop_attributes th p, .woocommerce table.shop_attributes td p { padding: 0; } .woocommerce table.shop_attributes th { color: var(--wp--preset--color--foreground); } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: var(--wp--preset--color--border-color); } .woocommerce-Reviews .commentlist { padding-left: 0; } .woocommerce-Reviews .comment-respond .comment-reply-title { color: var(--wp--preset--color--foreground); font-size: var(--wp--custom--typography--font-size--heading-five); font-weight: var(--wp--custom--typography--font-weight--bold); margin-bottom: 21px; display: block; } .woocommerce-Reviews .comment-form { background-color: var(--wp--preset--color--background); padding: 0px; } .woocommerce #review_form #respond textarea { height: auto; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { vertical-align: middle; text-align: left; position: relative; } table.variations { color: var(--wp--preset--color--foreground); text-transform: capitalize; } .woocommerce-variation.single_variation { border-top: 1px solid var(--wp--preset--color--border-color); border-bottom: 1px solid var(--wp--preset--color--border-color); padding: 21px 0; margin-bottom: 42px; } .woocommerce button.button.alt.disabled { background-color: var(--wp--preset--color--primary); } .wp-block-widget-area .wc-block-featured-category h2, .wp-block-widget-area .wc-block-featured-product h2 { font-size: var(--wp--custom--typography--font-size--heading-four); line-height: var(--wp--custom--typography--line-height--heading-four); text-transform: capitalize; padding-bottom: 0; } .wp-block-widget-area .wc-block-featured-category span.woocommerce-Price-amount.amount, .wp-block-widget-area .wc-block-featured-product span.woocommerce-Price-amount.amount { font-size: var(--wp--custom--typography--font-size--heading-four); } .wp-block-sidebar .wp-block-widget a.wp-block-button__link { color: var(--wp--preset--color--color-light); } .wp-block-sidebar .wp-block-widget .wc-block-featured-product, .wp-block-sidebar .wp-block-widget .wc-block-featured-category { min-height: 360px !important; } .wp-block-sidebar .wc-block-grid__no-products { padding: 40px; text-align: center; width: auto; background: var(--wp--preset--color--secondary); border: 1px solid var(--wp--preset--color--border-color); } .wp-block-sidebar .wc-block-grid__no-products button { border: none; background-color: transparent; color: var(--wp--preset--color--primary); text-decoration: underline; padding: 0; font-weight: 600; cursor: pointer; } .wp-block-sidebar .wc-block-grid__no-products button:hover, .wp-block-sidebar .wc-block-grid__no-products button:focus { background-color: transparent; color: var(--wp--preset--color--foreground); } .wc-block-featured-product__wrapper { padding-top: var(--wp--custom--spacing--section-block-top); padding-bottom: var(--wp--custom--spacing--section-block-top); } .wp-product-showcase .wc-block-featured-product .wc-block-featured-product__wrapper { padding-top: var(--wp--custom--spacing--tiny); padding-bottom: var(--wp--custom--spacing--tiny); } /* Woocommerce Breadcrumb */ .woocommerce .woocommerce-breadcrumb { font-size: 14px; font-size: 0.875rem; margin: 0; padding: 14px 0; } .woocommerce .woocommerce-breadcrumb a { color: var(--wp--preset--color--foreground); text-decoration: none; } .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:focus { color: var(--wp--preset--color--primary); } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; } /* Woocommerce Pagination */ .wc-block-pagination.wc-block-components-pagination { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .wc-block-components-pagination__page, .wc-block-components-pagination__page:not(.toggle) { background-color: transparent; box-sizing: border-box; display: inline-block; border: 0; color: var(--wp--preset--color--body-text); display: flex; align-items: center; justify-content: center; font-size: var(--wp--preset--font-size--upper-heading); height: var(--wp--custom--spacing--wp-block-page-numbers); line-height: var(--wp--custom--typography--line-height--heading-four); margin-right: 7px; margin-bottom: 7px; text-decoration: none; text-align: center; width: var(--wp--custom--spacing--wp-block-page-numbers); cursor: pointer; transition: all 0.3s ease-in-out; } .wc-block-components-pagination__page:hover, .wc-block-components-pagination__page:focus, .wc-block-components-pagination__page:not(.toggle):hover, .wc-block-components-pagination__page:not(.toggle):focus, .wc-block-components-pagination__page--active[disabled], .wc-block-components-pagination__page--active[disabled]:hover, .wc-block-components-pagination__page--active[disabled]:focus { color: var(--wp--preset--color--color-light); background: var(--wp--preset--color--primary); } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; } .wc-block-components-pagination__page, .wc-block-components-pagination__page:not(.toggle), .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: var(--wp--preset--color--body-text); line-height: 1; font-size: 20px; font-size: 1.25rem; font-weight: 400; padding: 0; min-width: 1em; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; margin: 0 3px; } .wc-block-components-pagination__page, .wc-block-components-pagination__page.wc-block-pagination-page--active { color: var(--wp--preset--color--color-light); } ul.wc-block-grid__products li { margin: 0; } .wp-block-sidebar ul.wc-block-grid__products li { margin: 0; } .wp-block-sidebar ul.wc-block-grid__products h2.wc-block-components-product-title.wc-block-grid__product-title { line-height: 1.75; font-size: var(--wp--preset--font-size--small); padding-top: 0; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-light); } /* Checkout Cart */ .woocommerce table.shop_table, #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { border-collapse: collapse; } .woocommerce button.button:disabled { background-color: var(--wp--preset--color--primary); } .wp-block-main-header .wc-block-mini-cart__badge { background-color: var(--wp--preset--color--primary); border: none; color: #fff; } .woocommerce table.shop_table a { text-decoration: none; } .woocommerce table.shop_table, .woocommerce table.shop_table td, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { border: 1px solid var(--wp--preset--color--border-color); } .woocommerce-cart table.cart th, .woocommerce-cart .cart-collaterals .cart_totals tr th { color: var(--wp--preset--color--foreground); font-size: 16px; } .woocommerce a.remove { font-weight: 400; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: auto; background-color: var(--wp--preset--color--secondary); padding: 35px; margin-top: 35px; } .woocommerce-page .woocommerce-cart-form #coupon_code, .woocommerce-page .woocommerce-cart-form .actions .button { height: auto; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding: .9rem 1.1rem; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce-page .woocommerce-cart-form #coupon_code { width: 165px; font-size: 18px; font-size: 1.125rem; } .woocommerce-page .woocommerce-cart-form #coupon_code:focus { border: 1px solid var(--wp--preset--color--primary); } .cart_totals > h2 { color: var(--wp--preset--color--foreground); font-size: var(--wp--custom--typography--font-size--heading-five); font-weight: var(--wp--custom--typography--font-weight--bold); margin-bottom: 21px; display: block; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top: 1px solid var(--wp--preset--color--border-color); } .shop_table_responsive .woocommerce-shipping-calculator .shipping-calculator-button { background-color: var(--wp--preset--color--secondary); display: block; font-size: 16px; font-size: 1rem; margin: 14px 0; padding: 12px; text-align: center; } .select2-container--default .select2-selection--single { background-color: var(--wp--preset--color--secondary); border: 1px solid var(--wp--preset--color--border-color); padding: 8px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--wp--preset--color--foreground); font-size: 14px; font-size: 0.875rem; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: 10px; } .select2-container .select2-selection--single { height: auto; } .select2-dropdown .select2-results { background-color: var(--wp--preset--color--secondary); } .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-light); } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); } .select2-search--dropdown { padding: 0; } .select2-dropdown { border: 1px solid var(--wp--preset--color--border-color); } /* Billing and Shipping */ .woocommerce-grouped-product-list a { text-decoration: none; } .woocommerce-message:before, .woocommerce-info:before { color: var(--wp--preset--color--primary); } .woocommerce-message, .woocommerce-info { border-top-color: var(--wp--preset--color--primary); } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--body-text); margin-top: 21px; font-size: var(--wp--preset--font-size--medium); } .woocommerce-info { background-color: var(--wp--preset--color--border-color); } .woocommerce-message, .woocommerce-info { border-top-color: var(--wp--preset--color--primary); } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a { text-decoration: none; } #customer_details { margin-bottom: 28px; } #customer_details h3, .checkout.woocommerce-checkout h3 { font-size: var(--wp--custom--typography--font-size--heading-five); font-weight: var(--wp--custom--typography--font-weight--bold); margin-bottom: 21px; display: block; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: var(--wp--preset--color--secondary); border: 1px solid var(--wp--preset--color--border-color); } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid var(--wp--preset--color--border-color); } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--wp--preset--color--border-color); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: var(--wp--preset--color--secondary); } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 1em solid var(--wp--preset--color--secondary); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } label.checkbox.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox { text-transform: none; font-weight: normal; } .woocommerce-checkout #payment div.payment_box p:first-child { margin-block-start: 0; } .woocommerce-privacy-policy-text p { font-size: var(--wp--preset--font-size--medium); } /* Mini Cart */ .wc-block-components-quantity-selector { border-radius: 4px; box-sizing: content-box; display: flex; margin: 0 14px 0 0; position: relative; width: 95px; } .wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).contained { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-dark); } .wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).contained:hover, .wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).contained:focus { background-color: var(--wp--preset--color--foreground); color: var(--wp--preset--color--color-light); opacity: 1; } .wc-block-components-drawer, .wp-block-woocommerce-mini-cart-contents { background-color: var(--wp--preset--color--secondary); border: 0; } h2.wc-block-mini-cart__title { font-size: var(--wp--custom--typography--font-size--heading-five); font-weight: var(--wp--custom--typography--font-weight--bold); margin-bottom: 21px; display: block; margin: 50px 25px 0; } .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:not(:focus) { box-shadow: none; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { text-decoration: none; } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row { border-top: 1px solid var(--wp--preset--color--border-color); padding: 21px 0; } .wc-block-mini-cart__footer { border-top: 1px solid var(--wp--preset--color--border-color); } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { cursor: pointer; text-decoration: underline; margin-left: 7px; opacity: 0.6; } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus { color: var(--wp--preset--color--primary); opacity: 1; text-decoration: none; } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { padding-right: 21px; } .wc-block-mini-cart__button { cursor: pointer; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); color: var(--wp--preset--color--body-text); transition: all 0.3s ease-in-out; } .wc-block-mini-cart__button .wc-block-mini-cart__icon { width: 28px; height: 28px; } .wp-block-woocommerce-customer-account { padding: 0; margin: 0 !important; } .wp-block-woocommerce-customer-account a { padding: 9px; } .wp-block-woocommerce-customer-account a .icon { color: var(--wp--preset--color--color-light); margin: 0; width: 22px; height: 22px; top: 0; } .wp-block-woocommerce-customer-account a:hover .icon { color: var(--wp--preset--color--gray); } nav.wp-block-navigation + .wp-block-woocommerce-customer-account { margin: 0 -18px 0 -10px !important; } .wc-block-mini-cart__button { color: var(--wp--preset--color--color-light); } .wc-block-mini-cart__button:hover, .wc-block-mini-cart__button:focus, .wc-block-mini-cart__button:hover:not([disabled]) { color: var(--wp--preset--color--gray); } .wc-block-components-drawer .components-modal__header .components-button { cursor: pointer; transition: all 0.3s ease-in-out; } .wc-block-components-drawer .components-modal__header .components-button:hover, .wc-block-components-drawer .components-modal__header .components-button:focus { color: var(--wp--preset--color--primary); } .wc-block-components-totals-item__label { color: var(--wp--preset--color--foreground); } .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value { color: var(--wp--preset--color--primary); } .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart.wc-block-components-button { border: 1px solid var(--wp--preset--color--border-color); box-shadow: none; color: var(--wp--preset--color--foreground); } .wc-block-components-button:not(.is-link).contained { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-dark); } .wc-block-components-button:not(.is-link).contained, .wc-block-components-button:not(.is-link).contained:active, .wc-block-components-button:not(.is-link).contained:disabled, .wc-block-components-button:not(.is-link).contained:hover { background: var(--wp--preset--gradient--gradient-1); background-color: #32373c; border-radius: 28px; border-width: 0; color: var(--wp--preset--color--color-dark); font-family: var(--wp--preset--font-family--pt-sans); font-size: clamp(14px, 2.5vw, 15px); font-weight: var(--wp--custom--typography--font-weight--bold); letter-spacing: 0.06em; line-height: 1.4; margin-top: 0.8rem; padding-top: clamp(13px, 2.5vw, 14px); padding-right: clamp(27px, 2.5vw, 35px); padding-bottom: clamp(13px, 2.5vw, 14px); padding-left: clamp(27px, 2.5vw, 35px); text-decoration: none; text-transform: uppercase; } .wc-block-components-button:not(.is-link).contained:hover, .wc-block-components-button:not(.is-link).contained:active:hover, .wc-block-components-button:not(.is-link).contained:disabled:hover, .wc-block-components-button:not(.is-link).contained:hover, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart.wc-block-components-button:hover, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart.wc-block-components-button:focus { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-dark); border-color: transparent; } /* --- Block Hand Picked Products -------------------------------------------------------- */ .wc-block-grid__product-onsale, .wc-block-grid__product-, .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale { position: absolute; top: 0; } .wp-block-button.wc-block-grid__product-add-to-cart { clear: both; margin: 0; } .wc-block-components-price-slider__range-input-progress { --track-background: linear-gradient(90deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%; --range-color: var(--wp--preset--color--primary); } /** woocommerce shipping feature **/ .wp-block-section.wp-woocommerce-shipping { padding-bottom: var(--wp--custom--spacing--wp-footer-vertical); padding-top: var(--wp--custom--spacing--wp-footer-vertical); } .wp-site-blocks .wp-block-section:last-child.wp-woocommerce-shipping { background: transparent; max-width: 1400px; margin-left: auto; margin-right: auto; margin: 0 auto !important; padding-left: 0; padding-right: 0; } /** latest product section **/ .wp-latest-products-block .wc-block-grid__product { text-align: center; } .wc-block-grid__products .wc-block-grid__product-image img { transition: all 0.4s; display: block; width: 100%; } .wp-latest-products-block .wc-block-grid__product-link { text-decoration: none; } .wp-latest-products-block .wc-block-grid__product .wc-block-grid__product-title { font-size: var(--wp--custom--typography--font-size--heading-five); line-height: var(--wp--custom--typography--line-height--heading-five); text-decoration: none; } .wp-latest-products-block .wc-block-grid__product .woocommerce-Price-amount { font-size: var(--wp--preset--font-size--content-heading); color: var(--wp--preset--color--meta); font-weight: normal; } .wp-latest-products-block .wc-block-grid__product .wc-block-grid__product-title { margin: 28px 0 0; } /** woocommerce mini cart **/ .wc-block-mini-cart__shopping-button a { font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); padding-top: max(0.7rem, 0.73vw); padding-right: max(1.5rem, 1.85vw); padding-bottom: max(0.7rem, 0.73vw); padding-left: max(1.5rem, 1.85vw); text-transform: uppercase; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p { overflow: hidden; display: block; -webkit-line-clamp: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; max-height: 25px; } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { color: var(--wp--preset--color--foreground); font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--typography--font-weight--bold); } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover { color: var(--wp--preset--color--primary); } .wc-block-components-product-badge { border: none; font-size: 0.75em; font-weight: var(--wp--custom--typography--font-weight--bold); padding: 0 0.56em; text-transform: uppercase; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-dark); } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { padding-top: 7px; display: flex; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { background-color: var(--wp--preset--color--primary); } .wc-block-components-quantity-selector:after { border: 1px solid var(--wp--preset--color--border-color); } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { opacity: 1; min-width: 25px !important; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { background-color: var(--wp--preset--color--secondary); } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product { padding-bottom: 0 !important; margin: 0 !important; } li.wc-block-product-categories-list-item { list-style: none; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { color: var(--wp--preset--color--foreground); font-weight: 400; } /** woocommerece sidebar css **/ .wp-product-category-with-sidebar .wp-block-sidebar { margin-top: 35px; } .wp-product-category-with-sidebar .wc-block-featured-product__title { color: inherit; padding: 0 35px; margin: 0; } .wp-block-sidebar .wc-block-grid.has-2-columns .wc-block-grid__product, .wp-block-sidebar .wc-block-grid.has-3-columns .wc-block-grid__product, .wp-block-sidebar .wc-block-grid.has-4-columns .wc-block-grid__product, .wp-block-sidebar .wc-block-grid.has-f-columns .wc-block-grid__product, .wp-block-sidebar .wc-block-grid.has-6-columns .wc-block-grid__product { flex: none; max-width: 100%; } .wp-block-sidebar .wc-block-grid__products .wc-block-grid__product-image { width: 70px; float: left; margin-right: 21px; } .wp-block-sidebar ul.products li.product a img, .wp-block-sidebar .wc-block-grid__products .wc-block-grid__product-image img { transition: all 0.4s; height: auto; } body .wp-product-category-with-sidebar .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 100%; } .wp-block-sidebar .wc-block-sort-select, .wp-block-sidebar .wc-block-grid__product-rating, .wp-block-sidebar .wc-block-grid__product-onsale, .wp-block-sidebar .wp-block-button.wc-block-grid__product-add-to-cart { display: none; } .wp-block-sidebar .wc-block-grid__product { padding: 0 0 21px; border: none; } .wp-block-sidebar .wc-block-grid__product:last-child { padding-bottom: 0; } .wp-block-sidebar .wc-block-grid__product-price.price { font-size: 14px; margin: 0; color: var(--wp--preset--color--meta); } .wp-block-sidebar .wc-block-grid__product .wc-block-grid__product-title, .wp-block-sidebar .wc-block-grid__product .wc-block-grid__product-title a { font-weight: 500; font-size: var(--wp--preset--font-size--small); line-height: 1.75; text-transform: none; margin-bottom: 7px; } .wp-block-sidebar .wc-block-grid .wc-block-grid__product:hover .wc-block-grid__product-image img { transform: scale(1.05); } .wp-block-sidebar .wc-block-grid__product .wc-block-grid__product-title:hover, .wp-block-sidebar .wc-block-grid__product .wc-block-grid__product-title a:hover { color: var(--wp--preset--color--primary); } .wp-block-sidebar .wc-block-components-product-price__value { font-size: 16px; } .wp-block-sidebar .wc-block-grid__products { display: block; margin: 0; max-height: 360px; overflow-y: auto; padding-right: 28px; scrollbar-color: var(--wp--preset--color--primary) var(--wp--preset--color--border-color) !important; scrollbar-width: thin !important; } .wp-block-sidebar .wc-block-grid__products::-webkit-scrollbar { width: 5px; } /* Track */ .wp-block-sidebar .wc-block-grid__products::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--wp--preset--color--primary); opacity: 0.1; } /* Handle */ .wp-block-sidebar .wc-block-grid__products::-webkit-scrollbar-thumb { background: var(--wp--preset--color--primary); border-radius: 10px; } /* Handle on hover */ .wp-block-sidebar .wc-block-grid__products::-webkit-scrollbar-thumb:hover { background: var(--wp--preset--color--body-text); } .wp-block-sidebar .wc-block-pagination.wc-block-components-pagination { display: none; } .wc-block-components-price-slider__actions > span { margin-top: -28px; display: inline-block; } .wc-block-product-categories > ul.wc-block-product-categories-list { padding: 0; } .wc-block-product-categories > ul.wc-block-product-categories-list ul { padding: 14px 0 0; } .wc-block-product-categories ul.wc-block-product-categories-list li { margin-bottom: 14px; position: relative; font-size: var(--wp--preset--font-size--small); } .wc-block-product-categories ul.wc-block-product-categories-list li ul { padding-left: 14px; padding-top: 14px; } .wc-block-product-categories ul.wc-block-product-categories-list li a { position: relative; padding-left: 35px; } .wc-block-product-categories ul.wc-block-product-categories-list li a::before { position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border: 1px solid var(--wp--preset--color--border-color); content: ""; transition: all 0.4s; } .wc-block-product-categories ul.wc-block-product-categories-list li a:hover::before { border: 1px solid var(--wp--preset--color--primary); } .wc-block-product-categories ul.wc-block-product-categories-list li a::after { position: absolute; left: 3px; top: 3px; content: ""; display: inline-block; content: ""; vertical-align: -0.125em; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 512 512"><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>'); background-repeat: no-repeat; background-size: contain; height: 14px; width: 14px; opacity: 0; } .wc-block-product-categories ul.wc-block-product-categories-list li a.active::after { opacity: 1; } .wc-block-product-categories ul.wc-block-product-categories-list li a.active { color: var(--wp--preset--color--primary); } .wc-block-product-categories ul.wc-block-product-categories-list li a.active::before { background-color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); } .wp-block-sidebar .wc-block-components-review-list-item__item { margin: 0 0 21px; } .wp-block-sidebar .wc-block-components-review-list-item__info { margin-bottom: 14px; } .wp-block-sidebar .wp-block-widget .wc-block-components-review-list-item__product a { color: var(--wp--preset--color--foreground); font-weight: 600; } .wp-block-sidebar .wc-block-components-review-list.wc-block-components-review-list { padding: 0; } .wc-block-price-slider { position: relative; margin-top: 28px; } .wc-block-price-filter__amount.wc-block-price-filter__amount--max { left: 60px; } .wc-block-price-filter__amount.wc-block-price-filter__amount--max::before { content: "-"; } .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount { max-width: 80px !important; padding: 8px; width: auto; border: none; background: var(--wp--preset--color--background); font-size: var(--wp--preset--font-size--tiny); text-align: center; padding: 5px; border-radius: 4px; } .wc-block-price-filter__controls.wc-block-components-price-slider__controls { max-width: fit-content; position: relative; gap: 15px; margin-top: 28px; } .wc-block-price-filter__controls.wc-block-components-price-slider__controls::before { left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); content: "-"; } button.wc-block-components-filter-reset-button span { font-size: var(--wp--preset--font-size--tiny); text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--primary); margin-top: -14px; display: block; } input[type="range"]:focus { outline: none; } input[type="range"]::-moz-range-thumb { height: 12px; width: 12px; border-radius: 50%; border: 2px solid var(--wp--preset--color--primary); background-color: var(--wp--preset--color--color-light); cursor: pointer; -webkit-appearance: none; margin-top: 0px; position: relative; top: -8px; } .wc-block-components-price-slider__range-input-wrapper::before, .wc-block-components-price-slider__range-input-progress { height: 2px; } input[type="range"]::-webkit-slider-thumb { height: 15px; width: 15px; border-radius: 50%; border: 3px solid var(--wp--preset--color--primary); background-color: var(--wp--preset--color--color-light); cursor: pointer; -webkit-appearance: none; margin-top: 0px; position: relative; top: -8px; } input[type="range"]::-moz-range-thumb:hover { background-color: var(--wp--preset--color--primary); border: 3px solid var(--wp--preset--color--primary); } input[type="range"]::-webkit-slider-thumb:hover { background-color: var(--wp--preset--color--primary); border: 3px solid var(--wp--preset--color--primary); } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span { line-height: 1; } .wp-block-sidebar span.wc-block-product-categories-list-item-count { float: right; } /** checkout page css **/ .woocommerce-page .woocommerce-cart-form .product-thumbnail a img { max-height: 60px; object-fit: contain; } .woocommerce-cart .header-media-inner-post .wp-block-post-title { margin: 0 auto; } .woocommerce table.shop_table .product-name a { text-decoration: none; font-weight: 500; font-size: 18px; color: var(--wp--preset--color--foreground); } .woocommerce table.shop_table, .woocommerce table.shop_table td { border: 1px solid var(--wp--preset--color--border-color); border-left: none; border-right: none; font-size: 18px; font-size: 1.125rem; } .woocommerce-checkout .wp-block-post-title, .woocommerce-cart main .woocommerce { max-width: 1400px; } cart-collaterals .cart_totals .shop_table td { padding-left: 0; padding-right: 0; } .shop_table_responsive .woocommerce-shipping-calculator .shipping-calculator-button { text-transform: uppercase; font-weight: 600; font-size: 14px; padding: 7px; } .woocommerce-page .cart-collaterals h2 { font-size: var(--wp--custom--typography--font-size--heading-five); } /** filter by color and size **/ .wc-block-components-checkbox .wc-block-components-checkbox__mark { display: none; } .wp-filter-by-size .wc-block-attribute-filter li, .wp-filter-by-color .wc-block-attribute-filter li { position: relative; margin-right: 14px; display: inline-block; } .wp-filter-by-size .wc-block-attribute-filter li input, .wp-filter-by-color .wc-block-attribute-filter li input { position: absolute !important; opacity: 0; top: 0; } .wp-filter-by-size .wc-block-attribute-filter li label, .wp-filter-by-color .wc-block-attribute-filter li label { text-indent: -9999em; } .wp-filter-by-size .wc-block-attribute-filter li input:checked ~ .wc-block-components-checkbox__label, .wp-filter-by-color .wc-block-attribute-filter li input:checked ~ .wc-block-components-checkbox__label { border: 1px solid var(--wp--preset--color--primary); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label, .wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label { position: relative; width: 28px; height: 28px; border: 1px solid var(--wp--preset--color--border-color); transition: all 0.4s; display: block; } .wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label:hover, .wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label:hover { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transform: translateY(-2px); } .wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label::before, .wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label::before { position: absolute; width: 20px; height: 20px; content: ""; left: 50%; top: 50%; background: transparent; font-size: 16px; font-weight: 600; color: var(--wp--preset--color--foreground); text-indent: 0; transform: translate(-50%, -50%); text-align: center; } .wp-block-widget-area .wc-block-components-checkbox { margin-top: 0; } .wp-filter-by-color .wc-block-attribute-filter li input[value="blue"] ~ .wc-block-components-checkbox__label::before { background-color: blue; } .wp-filter-by-color .wc-block-attribute-filter li input[value="gray"] ~ .wc-block-components-checkbox__label::before { background-color: gray; } .wp-filter-by-color .wc-block-attribute-filter li input[value="green"] ~ .wc-block-components-checkbox__label::before { background-color: green; } .wp-filter-by-color .wc-block-attribute-filter li input[value="red"] ~ .wc-block-components-checkbox__label::before { background-color: red; } .wp-filter-by-color .wc-block-attribute-filter li input[value="yellow"] ~ .wc-block-components-checkbox__label::before { background-color: yellow; } .wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label { width: 32px; border-radius: 0; height: 32px; display: block; } .wp-filter-by-size .wc-block-attribute-filter li label input[value="large"] ~ .wc-block-components-checkbox__label:before { content: "L"; } .wp-filter-by-size .wc-block-attribute-filter li label input[value="medium"] ~ .wc-block-components-checkbox__label:before { content: "M"; } .wp-filter-by-size .wc-block-attribute-filter li label input[value="small"] ~ .wc-block-components-checkbox__label:before { content: "S"; } .wp-filter-by-size .wc-block-attribute-filter li input:checked ~ .wc-block-components-checkbox__label::before { color: var(--wp--preset--color--primary); } .wc-block-components-price-slider, .wc-block-attribute-filter { margin: 0; } .wc-block-components-review-list-item__image { position: absolute; top: 15px; right: 30px; } .wc-block-components-review-list-item__meta { flex-flow: column wrap; align-items: flex-start; } .wc-block-components-review-list-item__rating { order: 1; margin-bottom: 14px; } .wc-block-components-review-list-item__info { display: block; } .wc-block-components-form .wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="number"], .wc-block-components-form .wc-block-components-text-input input[type="tel"], .wc-block-components-form .wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input input[type="url"], .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"] { background-color: var(--wp--preset--color--secondary); border-radius: 5px; border-color: var(--wp--preset--color--border-color); border-style: solid; border-width: 1px; color: var(--wp--preset--color--body-text); padding: 12px 14px; font-size: 18px; line-height: 1.2; font-weight: var(--wp--custom--typography--font-weight--regular); width: 100%; box-sizing: border-box; transition: .2s background-color ease-in-out, .2s border-color ease-in-out; box-shadow: none !important; } .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label, .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { color: var(--wp--preset--color--meta); } .wc-block-components-form .wc-block-components-text-input input[type="email"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="number"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="tel"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="text"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="url"]:focus, .wc-block-components-text-input input[type="email"]:focus, .wc-block-components-text-input input[type="number"]:focus, .wc-block-components-text-input input[type="tel"]:focus, .wc-block-components-text-input input[type="text"]:focus, .wc-block-components-text-input input[type="url"]:focus, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"], .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"] { background-color: transparent; border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground); outline: none; } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { background-color: transparent; color: var(--wp--preset--color--body-text); border-radius: 0; } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { background-color: var(--wp--preset--color--secondary); } .single-product .header-transparent .wp-block-main-header, .woocommerce-cart .header-transparent .wp-block-main-header, .woocommerce-checkout .header-transparent .wp-block-main-header { position: static; width: inherit !important; } /* .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { background-color: transparent; } */ .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background-color: var(--wp--preset--color--primary); } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"], .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"], .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { box-shadow: none !important; } .wc-block-components-drawer__close { right: 15px; } .wp-block-woocommerce-checkout { padding-top: 0; } /* After Wordpress 6.6.1 */ .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label { font-size: 18px; left: .8em; } .wc-block-components-form .wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="number"], .wc-block-components-form .wc-block-components-text-input input[type="tel"], .wc-block-components-form .wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input input[type="url"], .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"] { background-color: var(--wp--preset--color--secondary); border-radius: 0; border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--body-text); font-size: 18px; line-height: var(--wp--custom--typography--line-height--heading-six); width: 100%; box-sizing: border-box; font-family: var(--wp--preset--font-family--roboto); height: auto; max-height: inherit; } .wc-block-components-form .wc-block-components-text-input input[type="email"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="number"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="tel"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="text"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="url"]:focus, .wc-block-components-text-input input[type="email"]:focus, .wc-block-components-text-input input[type="number"]:focus, .wc-block-components-text-input input[type="tel"]:focus, .wc-block-components-text-input input[type="text"]:focus, .wc-block-components-text-input input[type="url"]:focus { background-color: transparent; } .wc-block-components-form .wc-block-components-text-input input[type="email"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="number"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="tel"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="text"]:focus, .wc-block-components-form .wc-block-components-text-input input[type="url"]:focus, .wc-block-components-text-input input[type="email"]:focus, .wc-block-components-text-input input[type="number"]:focus, .wc-block-components-text-input input[type="tel"]:focus, .wc-block-components-text-input input[type="text"]:focus, .wc-block-components-text-input input[type="url"]:focus { box-shadow: none; border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground); outline: none; } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { background-color: var(--wp--preset--color--secondary); border-radius: 0; border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--body-text); line-height: var(--wp--custom--typography--line-height--heading-six); font-family: var(--wp--preset--font-family--roboto); } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"], .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"] { box-shadow: none; border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground); outline: none; background-color: var(--wp--preset--color--background); } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { height: auto; max-height: inherit; padding: 1.5em .8em .5em; font-size: 18px; } .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { left: 0.8em; } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion { font-size: 18px; color: var(--wp--preset--color--body-text); } .wc-block-components-form .wc-block-components-text-input input:autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type="email"], .wc-block-components-form .wc-block-components-text-input.is-active input[type="number"], .wc-block-components-form .wc-block-components-text-input.is-active input[type="tel"], .wc-block-components-form .wc-block-components-text-input.is-active input[type="text"], .wc-block-components-form .wc-block-components-text-input.is-active input[type="url"], .wc-block-components-text-input input:autofill, .wc-block-components-text-input.is-active input[type="email"], .wc-block-components-text-input.is-active input[type="number"], .wc-block-components-text-input.is-active input[type="tel"], .wc-block-components-text-input.is-active input[type="text"], .wc-block-components-text-input.is-active input[type="url"] { padding: 1.5em .8em .5em; } .wc-block-components-address-card, .wc-block-components-notice-banner, .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:first-child:after, .wc-block-components-radio-control--highlight-checked:after { border-radius: 0; } .wc-block-components-textarea { background-color: var(--wp--preset--color--secondary); border-radius: 0; border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--body-text); font-size: 18px; line-height: var(--wp--custom--typography--line-height--heading-six); width: 100%; box-sizing: border-box; font-family: var(--wp--preset--font-family--roboto); } .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label, .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { color: var(--wp--preset--color--ironside-grey); } .wc-block-components-notice-banner.is-warning { background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--body-text); } .wc-block-components-radio-control--highlight-checked:after, .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option::after, .wc-block-order-confirmation-totals table td, .wc-block-order-confirmation-totals table th, .wc-block-order-confirmation-totals table, .wc-block-order-confirmation-billing-address, .wc-block-order-confirmation-order-note, .wc-block-order-confirmation-shipping-address, .is-large.wc-block-cart .wc-block-cart-items td, .wc-block-components-totals-wrapper, .wc-block-components-quantity-selector::after { border-color: var(--wp--preset--color--border-color); } .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option::after, .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option::after { background-color: var(--wp--preset--color--border-color); } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { background-color: var(--wp--preset--color--secondary); } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected { background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted:focus, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active:focus, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus:focus, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover:focus, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected:focus { background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); } .wc-block-components-address-card { border-color: var(--wp--preset--color--border-color); } .wc-block-checkout__add-note .wc-block-components-textarea:focus { background-color: transparent; color: var(--wp--preset--color--foreground); } .woocommerce-account .woocommerce-MyAccount-navigation li { padding-top: 0; } .woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a { border-radius: 6px; padding: 5px 14px; } .woocommerce-account .addresses .title h3 { font-size: 24px; } .wc-block-grid__product .wc-block-grid__product-link { text-decoration: none; } .wc-block-components-address-form__address_2-toggle { color: var(--wp--preset--color--foreground); } .wc-block-components-address-form__address_2-toggle:hover { color: var(--wp--preset--color--primary); } .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus { border-color: var(--wp--preset--color--primary); } .wc-block-checkout__terms.wc-block-checkout__terms--with-separator { border-color: var(--wp--preset--color--border-color); } .wc-block-grid__products .wc-block-grid__product-image { width: 100%; } .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button { margin-top: 0 !important; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { color: var(--wp--preset--color--body-text); } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link:hover { color: var(--wp--preset--color--primary); } .wc-block-components-notice-banner.is-info { background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--body-text); } .wc-blocks-components-select .wc-blocks-components-select__container { background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--body-text); border: 1px solid var(--wp--preset--color--border-color); } .wc-blocks-components-select .wc-blocks-components-select__select, .wc-blocks-components-select .wc-blocks-components-select__label { color: var(--wp--preset--color--body-text); } .wc-blocks-components-select .wc-blocks-components-select__select { background-color: var(--wp--preset--color--secondary); } .wc-block-components-checkbox .wc-block-components-checkbox__mark { display: block; } .wc-block-components-checkbox .wc-block-components-checkbox__mark { left: 0; fill: var(--wp--preset--color--background); bottom: 3px; } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* --- -------------------------------------------------------- */ /* --- Block Header Media & Text -------------------------------------------------------- */ .wp-block-custom-header-media a { text-decoration: none; } .modal.active .close { left: unset; top: 50px; right: 50px; } .wp-block-custom-header-media-with-title-and-nav .content span, .wp-block-custom-header-media-with-video .content span, .wp-block-custom-header-media .content span { font-weight: 700; font-size: var(--wp--preset--font-size--medium); transition: all 0.3s ease-in-out; } .wp-block-custom-header-media-with-title-and-nav .video-play:hover span, .wp-block-custom-header-media-with-video .video-play:hover span, .wp-block-custom-header-media .video-play:hover span { letter-spacing: 1px; } /* When Media Left and Right */ .wp-block-media-text:not(.is-stacked-on-mobile).has-media-on-the-right .wp-block-media-text__content { padding-left: 0; } .wp-block-media-text:not(.is-stacked-on-mobile):not(.has-media-on-the-right) .wp-block-media-text__content { padding-right: 0; } .wp-block-custom-header-media.wp-block-section { padding: var(--wp--preset--spacing--110) var(--wp--custom--spacing--outer) var(--wp--custom--spacing--header-media-space) var(--wp--custom--spacing--outer); } .wp-block-featured-slider.wp-block-section .wp-block-cover { padding-bottom: 140px; } .wp-block-custom-header-media .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content, .wp-block-featured-slider .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding: 0; } .wp-block-media-text .wp-block-media-text__content { padding-left: 0; padding-right: 0; } /* --- Block Header Media No Image -------------------------------------------------------- */ .wp-block-header-media-no-image .wp-block-cover__inner-container > .wp-block-group > *:not(.header-title-wrapper) { animation: 900ms linear 0s 1 normal none running fadeinHeaderTtext; } .wp-block-header-media-no-image .wp-block-cover__inner-container p { font-weight: 300; } .wp-block-cover.wp-block-header-media-no-image { padding-left: 0; padding-right: 0; } .header-title-wrapper { text-align: center; } .header-animate-wrap:not(:last-child) { display: inline-block; padding: 0 4px; margin-top: 0; } .header-animate-wrap:last-child { display: block; margin-top: 0; } .header-animate-wrap:nth-child(2) { opacity: 0.5; } .header-animate-wrap { overflow: hidden; -webkit-animation: headerAnimateWrap 600ms linear; animation: headerAnimateWrap 600ms linear; } .header-animate { -webkit-animation: headerAnimate 600ms linear; animation: headerAnimate 600ms linear; } @keyframes fadeinHeaderTtext { 0% { opacity: 0; } 66% { opacity: 0; } 100% { opacity: 1; } } @keyframes headerAnimateWrap { 0% { -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); } 50% { -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } @keyframes headerAnimate { 0% { -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); transform: translateY(120%); } 50% { -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); transform: translateY(120%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } @media screen and (max-width: 781px) { .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { padding-left: 0; } .wp-block-media-text.is-stacked-on-mobile:not(.has-media-on-the-right) .wp-block-media-text__content { padding-right: 0; } } /* --- -------------------------------------------------------- */ /* --- Block About Us -------------------------------------------------------- */ /* --- Block About Us With Stats -------------------------------------------------------- */ .about-stat-heading { font-size: var(--wp--custom--typography--font-size--heading-two); line-height: 1.13; } .wp-bloock-about-us-with-stats .wp-block-column > * + * { margin-block-start: 14px; } /* --- -------------------------------------------------------- */ /* --- Block How It Works -------------------------------------------------------- */ .wp-block-how-it-work .wp-block-column h2 + p { margin-top: 7px; } .wp-block-how-it-work .wp-block-column .wp-block-image { margin-bottom: var(--wp--custom--spacing--tiny); } .wp-block-how-it-work .wp-block-section-content { padding: var(--wp--custom--spacing--wp-comment-vertical) 28px; background-color: var(--wp--preset--color--background); border-radius: 10px; transition: all 0.5s ease; height: 100%; } .wp-block-how-it-work .wp-block-section-content:hover, .wp-block-how-it-work .wp-block-section-content:focus { background-color: var(--wp--preset--color--primary); } .wp-block-how-it-work .wp-block-section-content:hover *, .wp-block-how-it-work .wp-block-section-content:focus * { color: var(--wp--preset--color--color-light); } .wp-block-how-it-work .wp-block-section-content:hover .wp-block-image img, .wp-block-how-it-work .wp-block-section-content:focus .wp-block-image img { filter: brightness(100); } /* --- -------------------------------------------------------- */ /* --- Block Logo -------------------------------------------------------- */ .wp-block-logo .wp-block-column .wp-block-image { text-align: center; border: 1px solid var(--wp--preset--color--border-color); padding: 28px; } .wp-block-logo .wp-block-group-heading + div { margin-top: var(--wp--custom--spacing--wp-comment-horizontal); } /* --- -------------------------------------------------------- */ /* --- Block CTA -------------------------------------------------------- */ .wp-block-cta .wp-block-button__link { margin-top: 0; } .wp-block-cta-with-video .wp-block-group-heading, .wp-block-cta-just-video .wp-block-group-heading, .wp-block-cta .wp-block-group-heading { border-left: 0; padding-left: 0; } /* --- Block Promotional Contact -------------------------------------------------------- */ .wp-block-cta.wp-block-promotional-contact .wp-block-group-heading { max-width: 630px; } /* --- Block CTA With Video -------------------------------------------------------- */ .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 220px; } .wp-block-cta-just-video .content .video-play svg { display: none; } .wp-block-cta-just-video .content .video-play:before, .wp-block-cta-just-video .content .video-play:after { content: ""; border: 1px solid var(--wp--preset--color--background); position: absolute; border-radius: 50%; top: -7px; right: -7px; bottom: -7px; left: -7px; opacity: 0; } .wp-block-cta-just-video .content .video-play { background: var(--wp--preset--color--background); width: 60px; height: 60px; border-radius: 100%; position: relative; text-indent: -9999px; cursor: pointer; margin: 0 auto; } .wp-block-cta-just-video .content .video-play span { width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid var(--wp--preset--color--foreground); border-bottom: 15px solid transparent; margin-top: 0; text-indent: -9999px; padding: 0; } .wp-block-cta-just-video .content .video-play:before { border: 1px solid transparent; } .wp-block-cta-just-video .content .video-play:before, .wp-block-cta-just-video .content .video-play:after { border-radius: 100%; transition: 0.3s; } .wp-block-cta-just-video .content .video-play:hover { background: var(--wp--preset--color--primary); } .wp-block-cta-just-video .content .video-play:hover span { border-left-color: var(--wp--preset--color--color-light); } .wp-block-cta-just-video .content .video-play:hover::before, .wp-block-cta-just-video .content .video-play:focus::before, .wp-block-cta-just-video .content .video-play:hover::after, .wp-block-cta-just-video .content .video-play:focus::after { border-radius: 100%; border-color: var(--wp--preset--color--primary); opacity: 1; animation: 500ms linear fadeinHeaderTtext; } /* --- Video Featured -------------------------------------------------------- */ .wp-block-section.wp-block-video-featured { padding-bottom: 0; padding-top: 0; } .wp-block-video-featured video { max-width: 100%; max-height: 600px; } /* --- -------------------------------------------------------- */ /* --- Block featured Content -------------------------------------------------------- */ .wp-block-feature-content .wp-block-image, .wp-block-team .wp-block-image { overflow: hidden; } .wp-block-feature-content .wp-block-image img, .wp-block-team .wp-block-image img { transition: all 0.5s ease-in-out; } .wp-block-feature-content .wp-block-post-group:hover .wp-block-image img { opacity: 0.6; } .wp-block-feature-content .wp-block-post-group:hover .wp-block-image img, .wp-block-team .wp-block-post-group:hover .wp-block-image img { transform: scale(1.1); } .wp-block-feature-content-default .wp-block-entry-content { padding: clamp(30px, 3.5vw, 50px); background-color: var(--wp--preset--color--secondary); } .wp-block-section:nth-child(2n+1).wp-block-feature-content-default .wp-block-entry-content { background-color: var(--wp--preset--color--background); } /* --- -------------------------------------------------------- */ /* --- Block Testimonials -------------------------------------------------------- */ .wp-block-clients-testimonial .wp-block-group-content, .wp-block-clients-testimonial-three-cols .wp-block-group-content { position: relative; } .wp-block-clients-testimonial .wp-block-group-content:before, .wp-block-clients-testimonial-three-cols .wp-block-group-content:before { color: var(--wp--preset--color--primary); font-family: "Arial"; content: "\201C"; display: block; float: left; font-size: 96px; font-style: normal; font-weight: 700; height: 0; line-height: 1; position: absolute; right: auto; left: 50%; top: -14px; transform: translateX(-50%); } .wp-block-clients-testimonial .wp-block-group-content .wp-block-image, .wp-block-clients-testimonial-three-cols .wp-block-group-content .wp-block-image { border: 1px solid var(--wp--preset--color--border-color); border-radius: 50%; padding: 10px; } .wp-block-clients-testimonial .wp-block-group-content .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots), .wp-block-clients-testimonial-three-cols .wp-block-group-content .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 1px; width: 35px; } .wp-block-clients-testimonial .wp-block-group-content-container .swiper-pagination-bullet, .wp-block-clients-testimonial-three-cols .wp-block-group-content-container .swiper-pagination-bullet { background-color: transparent; opacity: 1; width: 8px; height: 8px; outline: 1px solid var(--wp--preset--color--foreground); outline-offset: 2px; opacity: 0.4; } .wp-block-clients-testimonial .wp-block-group-content-container .swiper-pagination-bullet.swiper-pagination-bullet-active, .wp-block-clients-testimonial-three-cols .wp-block-group-content-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--wp--preset--color--foreground); } .wp-block-clients-testimonial-three-cols .wp-block-group-content { position: relative; } .wp-block-clients-testimonial-three-cols .wp-block-group-content:before { left: var(--wp--preset--spacing--40); top: 28px; transform: none; } .wp-block-clients-testimonial-three-cols .wp-block-group-content { background-color: var(--wp--preset--color--background); box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.1); } .wp-block-section:nth-child(2n+1).wp-block-clients-testimonial-three-cols .wp-block-group-content { background-color: var(--wp--preset--color--secondary); } /* --- Block Testimonials Default -------------------------------------------------------- */ .wp-block-clients-testimonial-default .wp-block-group-content-container { position: relative; } .wp-block-clients-testimonial-default .wp-block-group-content-container .wp-block-group-content .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 2px; margin-left: 0 !important; margin-top: 49px; width: 40px; } .wp-block-clients-testimonial-default .wp-block-group-content-container:before { content: "\201D"; color: #f9a926; font-size: 140px; font-weight: 700; line-height: .7; position: absolute; top: -24px; right: 28px; text-align: right; z-index: 2; } .wp-block-clients-testimonial-default .wp-block-group-content-container .navigation-wrap { position: absolute; right: 42px; bottom: 7px; z-index: 5; display: flex; } .wp-block-clients-testimonial-default .wp-block-group-content-container .navigation-wrap .swiper-button { background-color: transparent; color: var(--wp--preset--color--foreground); position: static; height: 40px; width: 40px; } .wp-block-clients-testimonial-default .wp-block-group-content-container .navigation-wrap .swiper-button:hover { background-color: transparent; color: var(--wp--preset--color--primary); } @media screen and (min-width: 64em) { .wp-block-clients-testimonial-default .wp-block-group-content-container:before { font-size: 170px; } } @media screen and (min-width: 75em) { .wp-block-clients-testimonial-default .wp-block-group-content-container:before { font-size: 186px; } } @media screen and (min-width: 85.375em) { .wp-block-clients-testimonial-default .wp-block-group-content-container:before { font-size: 205px; } } @media screen and (min-width: 100em) { .wp-block-clients-testimonial-default .wp-block-group-content-container:before { font-size: 250px; } } /* --- -------------------------------------------------------- */ /* --- Block Slider -------------------------------------------------------- */ /* --- Block Default Slider Styles -------------------------------------------------------- */ /* Slider Nav Dots */ .swiper-pagination { z-index: 1; width: auto !important; box-sizing: border-box; } .swiper-pagination-bullet { transition: all 0.5s ease; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet { background-color: var(--wp--preset--color--color-dark); width: 14px; height: 14px; border-radius: 100%; opacity: 0.4; position: relative; opacity: 0.2; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; } .swiper-pagination-bullet-active { background-color: var(--wp--preset--color--color-dark); opacity: 1; } .vertical-left-top > .swiper-pagination-bullets .swiper-pagination-bullet, .vertical-left-center > .swiper-pagination-bullets .swiper-pagination-bullet, .vertical-left-bottom > .swiper-pagination-bullets .swiper-pagination-bullet, .vertical-right-top > .swiper-pagination-bullets .swiper-pagination-bullet, .vertical-right-center > .swiper-pagination-bullets .swiper-pagination-bullet, .vertical-right-bottom > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px 0; } .vertical-left-top .swiper-pagination.swiper-pagination-bullets, .vertical-left-center .swiper-pagination.swiper-pagination-bullets, .vertical-left-bottom .swiper-pagination.swiper-pagination-bullets, .vertical-right-top .swiper-pagination.swiper-pagination-bullets, .vertical-right-center .swiper-pagination.swiper-pagination-bullets, .vertical-right-bottom .swiper-pagination.swiper-pagination-bullets { padding: 8px 14px; width: auto; } .vertical-left-top .swiper-pagination, .vertical-left-center .swiper-pagination, .vertical-left-bottom .swiper-pagination, .vertical-right-top .swiper-pagination, .vertical-right-center .swiper-pagination, .vertical-right-bottom .swiper-pagination { display: flex; flex-direction: column; } .vertical-left-top .swiper-pagination, .vertical-left-bottom .swiper-pagination { left: 28px; } .vertical-left-top .swiper-pagination, .vertical-right-top .swiper-pagination { align-items: flex-start; top: 28px; } .vertical-right-top .swiper-pagination, .vertical-right-bottom .swiper-pagination { left: auto; right: 28px; } .vertical-left-bottom .swiper-pagination, .vertical-right-bottom .swiper-pagination { align-items: flex-end; bottom: 28px; } .vertical-left-center .swiper-pagination { left: 28px; } .vertical-right-center .swiper-pagination { right: 28px; left: auto; } .vertical-left-center .swiper-pagination, .vertical-right-center .swiper-pagination { align-items: center; bottom: auto; top: 50%; transform: translateY(-50%); } .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider { display: block; } .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-left, .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-center, .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-right, .horizontal-outside-slider-bottom-left, .horizontal-outside-slider-bottom-center, .horizontal-outside-slider-bottom-right { padding-bottom: 59px; } .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-left + .swiper-pagination, .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-center + .swiper-pagination, .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-right + .swiper-pagination, .horizontal-outside-slider-bottom-left .swiper-pagination, .horizontal-outside-slider-bottom-center .swiper-pagination, .horizontal-outside-slider-bottom-right .swiper-pagination { position: absolute; margin-top: 14px; width: auto; bottom: 0; } .horizontal-inside-slider-bottom-left .swiper-pagination, .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-left + .swiper-pagination, .horizontal-outside-slider-bottom-left .swiper-pagination { text-align: left; left: 14px; } .horizontal-inside-slider-bottom-center .swiper-pagination, .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-center + .swiper-pagination, .horizontal-outside-slider-bottom-center .swiper-pagination { left: 50%; transform: translateX(-50%); } .horizontal-inside-slider-bottom-right .swiper-pagination, .block-editor-block-list__block.wp-block-euphony-blocks-slider.wp-block-euphony-blocks-slider .horizontal-outside-slider-bottom-right + .swiper-pagination, .horizontal-outside-slider-bottom-right .swiper-pagination { text-align: right; right: 14px; left: auto; } /* Active Nav Dots Animation */ .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--wp--preset--color--primary); } /* Active Nav Dots Animation For Featured Slider */ .wp-block-featured-slider-with-video :not(.horizontal-outside-slider-bottom-right):not(.horizontal-outside-slider-bottom-left):not(.horizontal-outside-slider-bottom-center) .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--wp--preset--color--color-light); } .wp-block-featured-slider-with-video :not(.horizontal-outside-slider-bottom-right):not(.horizontal-outside-slider-bottom-left):not(.horizontal-outside-slider-bottom-center) .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { border-top-color: var(--wp--preset--color--color-light); border-right-color: var(--wp--preset--color--color-light); border-bottom-color: var(--wp--preset--color--color-light); } .wp-block-featured-slider-with-video :not(.horizontal-outside-slider-bottom-right):not(.horizontal-outside-slider-bottom-left):not(.horizontal-outside-slider-bottom-center) .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after { border-top-color: var(--wp--preset--color--color-light); } /* Slider Arrows */ .euphony-blocks-slider .swiper-button-prev, .euphony-blocks-slider .swiper-button-next, .fse-slider-wrapper .swiper-button { background-color: var(--wp--preset--color--color-light); color: var(--wp--preset--color--color-dark); } .wp-block-featured-slider .euphony-blocks-slider .swiper-button-prev, .wp-block-featured-slider .euphony-blocks-slider .swiper-button-next, .wp-block-featured-slider .fse-slider-wrapper .swiper-button { background-color: transparent; color: var(--wp--preset--color--color-light); } .wp-block-featured-slider .euphony-blocks-slider .swiper-button-prev:hover, .wp-block-featured-slider .euphony-blocks-slider .swiper-button-next:hover, .wp-block-featured-slider .fse-slider-wrapper .swiper-button:hover { background-color: var(--wp--preset--color--primary); } /* Updated Nav Dots */ .wp-block-featured-slider .swiper-pagination { counter-reset: slides-num; display: block; position: absolute; top: 50%; left: auto; right: 14px !important; font-weight: 700; -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index: 1; padding: 0 !important; } .wp-block-featured-slider .swiper-pagination .swiper-pagination-bullet { border-radius: 0; width: inherit; height: inherit; opacity: 1; color: #fff; counter-increment: slides-num; display: block; font-weight: 700; font-family: open sans, sans-serif; font-size: 13px; font-size: .8125rem; outline: 0; text-shadow: none; margin: 0; background: transparent; } .wp-block-featured-slider .swiper-pagination .swiper-pagination-bullet:before { content: "0" counter(slides-num); display: block; line-height: 1; padding: 10px; } .wp-block-featured-slider .swiper-pagination .swiper-pagination-bullet:after { content: ""; display: block; width: 2px; margin: 0 auto; height: 0; box-shadow: inset 0 0 0 1px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; color: #999; } .wp-block-featured-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: transparent; } .wp-block-featured-slider .swiper-pagination .swiper-pagination-bullet-active:before { content: "0" counter(slides-num); display: block; color: var(--wp--preset--color--primary); } .wp-block-featured-slider .swiper-pagination .swiper-pagination-bullet-active:after { height: 21px; } /* --- Block Featured Slider -------------------------------------------------------- */ .wp-block-featured-slider .wp-block-cover { min-height: 360px; } main .wp-block-featured-slider > * + * { margin-block-start: 0; } .wp-block-featured-slider { position: relative; } .wp-block-featured-slider .wp-block-media-text .wp-block-media-text__media, .wp-block-custom-header-media .wp-block-media-text .wp-block-media-text__media { display: none; } .wp-block-featured-slider .wp-block-euphony-blocks-popup-video { text-align: center; } .wp-block-featured-slider .content { display: inline-block; } .wp-block-featured-slider .content > .video-play svg { fill: var(--wp--preset--color--color-light); color: var(--wp--preset--color--color-light); background-color: var(--wp--preset--color--color-dark); border-radius: 50%; border-color: transparent; } .wp-block-featured-slider .content > .video-play:hover svg, .wp-block-featured-slider .content > .video-play:focus svg { background-color: var(--wp--preset--color--color-light); } .wp-block-embed-video { display: none; } .wp-block-featured-slider .wp-block-embed-video .wp-block-embed { max-width: 360px; margin-top: 28px; min-height: auto; min-width: auto; } .wp-block-featured-slider .wp-block-embed-video .wp-block-embed iframe { border-radius: 10px; } .wp-block-featured-slider .wp-block-media-text__content > h6, .wp-block-custom-header-media .wp-block-media-text__content > h6, .wp-block-custom-header-media .wp-block-media-text__content > h6 { margin-bottom: 14px; } /* Content Effect */ .wp-block-featured-slider .wp-block-media-text__content > * { opacity: 0; position: relative; transition: 1s; transition-delay: .5s; transform: translateX(50px); z-index: 2; } .wp-block-featured-slider .wp-block-media-text__content h6 { transition-delay: .4s; } .wp-block-featured-slider .wp-block-media-text__content h2 { transition-delay: .5s; font-size: var(--wp--custom--typography--font-size--huge-post-title); text-transform: capitalize; text-shadow: 1.4px 2.6px 10px rgba(0, 0, 0, 0.2); line-height: 1.2; } .wp-block-featured-slider .wp-block-media-text__content p { transition-delay: .6s; } .wp-block-featured-slider .wp-block-media-text__content .wp-block-buttons { transition-delay: .7s; } .wp-block-featured-slider .wp-block-media-text__content .wp-block-embed-video { transition-delay: .8s; } .wp-block-featured-slider .wp-block-media-text__content.block-editor-block-list__layout > *, .wp-block-featured-slider .swiper-slide-active .wp-block-media-text__content > * { opacity: 1; transform: translateY(0); } /* Modified Arrow */ .wp-block-featured-slider .fse-slider-wrapper .navigation-wrap { display: flex; } .wp-block-featured-slider .fse-slider-wrapper .navigation-wrap .swiper-button { transform: none; top: inherit; bottom: 35px; z-index: 1; } .wp-block-featured-slider .fse-slider-wrapper .navigation-wrap .swiper-button:hover { background-color: transparent; color: var(--wp--preset--color--primary); } .wp-block-featured-slider .fse-slider-wrapper .navigation-wrap .swiper-button-next { right: 21px !important; } .wp-block-featured-slider .fse-slider-wrapper .navigation-wrap .swiper-button-prev { right: 70px; left: auto !important; } /* Scroll Inside Slider */ .wp-block-scroll-down { font-size: var(--wp--preset--font-size--small); text-transform: uppercase; position: absolute; right: clamp(8px, 3.5vw, 63px); bottom: clamp(28px, 3.5vw, 63px); z-index: 2; width: auto; } .wp-block-scroll-down a:after { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border: 0.125rem solid; border-bottom: 0; border-left: 0; border-radius: 1px; transform: rotate(135deg); margin-left: 10px; margin-bottom: 8px; transition: 0.3s; vertical-align: middle; } .wp-block-scroll-down a { text-decoration: none; padding: 7px 14px; border-radius: 3px; color: var(--wp--preset--color--color-light); position: relative; margin-block-start: 0 !important; } .wp-block-scroll-down a:hover, .wp-block-scroll-down a:focus { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--color-dark); } /* For Editor */ .wp-block-custom-header-media .wp-block-cover__inner-container.block-editor-block-list__layout, .wp-block-custom-header-media .wp-block-cover__inner-container.block-editor-block-list__layout { position: static; } .header-banner-wrap { position: static; } .header-transparent { padding-left: var(--wp--custom--spacing--outer); padding-right: var(--wp--custom--spacing--outer); position: absolute; width: 100% !important; z-index: 2; left: 0; } .block-editor-block-list__block.wp-position-static { position: absolute !important; width: 100% !important; z-index: 9; min-height: 100px; margin: 0 auto !important; } .block-editor-block-list__block.header-transparent { padding-left: 0; padding-right: 0; } .wp-block-100-vh.wp-block-section .swiper-wrapper { height: 100vh; } .wp-block-100-vh.wp-block-section .swiper-wrapper .wp-block-cover { height: 100%; } .wp-block-100-vh.wp-block-custom-header-media { height: 100vh; } .admin-bar .wp-block-section.wp-block-100-vh .swiper-wrapper { height: calc(100vh - 46px); } .admin-bar .wp-block-100-vh.wp-block-custom-header-media { height: calc(100vh - 46px); } @media screen and (min-width: 783px) { .admin-bar .wp-block-section.wp-block-100-vh .swiper-wrapper { height: calc(100vh - 32px); } .admin-bar .wp-block-100-vh.wp-block-custom-header-media { height: calc(100vh - 32px); } } /* --- -------------------------------------------------------- */ /* --- Block Contact -------------------------------------------------------- */ /* --- Block Quick Contact -------------------------------------------------------- */ .wp-block-section.wp-block-quick-contact.wp-block-cover { min-height: auto; } @media screen and (max-width: 48.8125em) { .wp-block-quick-contact .wp-block-column .wp-block-buttons { justify-content: flex-start; } } /* --- Contact -------------------------------------------------------- */ .wp-block-contact.wp-block-section .wp-block-group-heading { text-align: left; } .wp-block-contact .contact-information a { text-decoration: none; } .wp-block-contact .euphony-blocks-icons svg { color: var(--wp--preset--color--primary); fill: var(--wp--preset--color--primary); } .wp-block-contact .contact-form .wpcf7-form textarea { height: 100px; } .wp-block-contact .contact-form .wpcf7-form > p:nth-of-type(1), .wp-block-contact .contact-form .wpcf7-form > p:nth-of-type(2) { margin-top: 0; } .wp-block-contact .screen-reader-response ul { margin: 0; } .wp-block-contact-and-form > .wp-block-columns { border-radius: 10px; overflow: hidden; } .wp-block-contact-and-form .wp-block-group-heading, .wp-block-contact-and-form .contact-form { height: 100%; } .wp-block-contact-and-form label { font-size: 12px; font-weight: 700; line-height: 1.75; letter-spacing: .0833333333333333em; text-transform: uppercase; color: var(--wp--preset--color--foreground); } .wp-block-contact.has-map > .featured-map { margin-bottom: -13% !important; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: var(--wp--preset--font-family--pt-sans); } ::-moz-placeholder { /* Firefox 19+ */ font-family: var(--wp--preset--font-family--pt-sans); } :-ms-input-placeholder { /* IE 10+ */ font-family: var(--wp--preset--font-family--pt-sans); } :-moz-placeholder { /* Firefox 18- */ font-family: var(--wp--preset--font-family--pt-sans); } /* Hide Arrows From Number Input */ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* --- -------------------------------------------------------- */ /* --- Block Stats -------------------------------------------------------- */ .wp-block-stats.wp-block-cover { min-height: auto; } .wp-block-stats .wp-block-image img { mix-blend-mode: difference; } .wp-block-stats-default .stat-block { box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.1); padding: clamp(28px, 3.5vw, 49px) clamp(28px, 3.5vw, 42px); background-color: var(--wp--preset--color--background); } .wp-block-section:nth-child(2n+1) .wp-block-stats-default .stat-block { background-color: var(--wp--preset--color--secondary); } /* --- -------------------------------------------------------- */ /* --- Block Product Reviews -------------------------------------------------------- */ .wp-product-review-section .wc-block-review-list.wc-block-components-review-list { padding: 0 0 120px 0; gap: 1.5rem; } .wp-product-review-section .wc-block-review-list.wc-block-components-review-list li { box-sizing: border-box; margin-bottom: 0; position: relative; } .wp-block-section:nth-child(2n-1).wp-product-review-section .wc-block-review-list.wc-block-components-review-list li:after { border-top-color: var(--wp--preset--color--secondary); } .wp-product-review-section .wc-block-review-list.wc-block-components-review-list li:not(:first-child) { margin-top: calc(6.666666666666667 * var(--wp--style--block-gap, 2em)); } .wp-product-review-section .wc-block-review-list-item__product.wc-block-components-review-list-item__product a { text-decoration: none; font-size: var(--wp--preset--font-size--normal); } .wp-product-review-section .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars { font-size: 0.8em; } .wp-product-review-section .wc-block-components-review-list-item__product { margin-right: 14px; } .wp-product-review-section .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author { font-size: var(--wp--custom--typography--font-size--heading-six); line-height: var(--wp--custom--typography--line-height--heading-six); font-weight: var(--wp--custom--typography--font-weight--bold); order: 4; color: var(--wp--preset--color--foreground); position: absolute; top: 100%; left: 0; padding-top: 7px; display: flex; align-items: center; text-transform: capitalize; } .wp-product-review-section .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author:before { content: ""; background: url(assets/images/product-user.png); width: 50px; height: 50px; background-repeat: no-repeat; padding-left: 14px; } /* --- -------------------------------------------------------- */ /* --- Product Category -------------------------------------------------------- */ .wc-block-featured-category.has-background-dim .background-dim__overlay:before { opacity: 0; } .wc-block-featured-category__wrapper, .wc-block-featured-category { align-content: flex-end; align-items: flex-end; } .wc-block-featured-category .wc-block-featured-category__title { position: relative; background-color: transparent; text-transform: capitalize; font-size: var(--wp--preset--font-size--content-heading); line-height: var(--wp--custom--typography--line-height--heading-two); display: inline-block; width: auto; padding: 0 35px 21px; } .wc-block-featured-category .wc-block-featured-category__title:after { content: ""; border-bottom: 3px solid var(--wp--preset--color--primary); width: 30%; position: absolute; left: 50%; bottom: 7px; transform: translateX(-50%); } .wc-block-featured-category .wp-block-button .wp-block-button__link:hover { box-shadow: 0 0 1px var(--wp--preset--color--primary); } .wc-block-featured-category .wp-block-button .wp-block-button__link { margin-top: 0; } .wc-block-featured-category .wc-block-featured-category__title { transform: translateY(65px); transition: all 0.5s ease-in-out; } .wc-block-featured-category:hover .wc-block-featured-category__title { transform: translateY(0px); animation: smoothScrollBack 0s backwards, fadein 1s; } .wc-block-featured-category .wc-block-featured-category__link { transform: translateY(90px); padding-bottom: 28px; transition: 0.5s; } .wc-block-featured-category:hover .wc-block-featured-category__link { animation: fadein 1s; transform: translateY(0px); } .wc-block-featured-category:before { content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient(rgba(47, 47, 47, 0.1), rgba(47, 47, 47, 0.8)); z-index: 1; transition: opacity 0.5s ease-in-out; } .components-placeholder.wc-block-featured-category:before { content: none; } .wc-block-featured-category:hover::before { opacity: 1; } .wc-block-featured-category .wc-block-featured-category__background-image { transition: all 0.5s ease-in-out; } .wc-block-featured-category:hover .wc-block-featured-category__background-image { transform: scale(1.05); } /* --- -------------------------------------------------------- */ /* --- Products Recent -------------------------------------------------------- */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .wc-block-grid__product.wc-block-grid__product { text-align: left; } .woocommerce .products .star-rating, .wc-block-grid__product-rating, .wc-block-grid__product-rating .star-rating, .wc-block-components-product-rating__stars, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars { text-align: left; } .wp-block-products .wc-block-grid__product.wc-block-grid__product { margin-bottom: 0; } .wp-block-products .wc-block-grid__product.wc-block-grid__product > *:not(.wc-block-grid__product-onsale) { margin: 0; position: relative; text-decoration: none; z-index: 1; } .wc-block-grid__product .wc-block-grid__product-image, .wc-block-grid__product .wc-block-grid__product-link { display: inline-block; position: relative; text-decoration: none; } .wp-block-products .wc-block-grid__product.wc-block-grid__product .wc-block-grid__product-link { color: var(--wp--preset--color--foreground); } .wp-block-products .wc-block-grid__product .wc-block-grid__product-title { margin: 0; padding: 21px 0 0.5em 0; font-size: var(--wp--preset--font-size--normal) !important; line-height: 1.4; transition: all 0.3s ease-in-out; } .wp-block-products .wc-block-grid__product:hover .wc-block-grid__product-title { color: var(--wp--preset--color--primary); } .wp-block-products .wc-block-grid__product:hover .wc-block-grid__product-price.price { color: var(--wp--preset--color--primary); } .wp-block-products .wc-block-grid__product .wc-block-grid__product-price { padding: 0 0 14px 0; } .wp-block-products .wp-block-button.wc-block-components-product-button, .wp-block-products .wp-block-button.wc-block-grid__product-add-to-cart { padding: 0 0 clamp(28px, 3.5vw, 49px) 0; } .wp-block-products .wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image) { margin-bottom: 0; display: block; } .wp-block-products .wc-block-grid__product .wc-block-grid__product-rating { padding-bottom: 14px; } @media (min-width: 481px) and (max-width: 600px) { .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 0; } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n) { padding-left: 0; } } /* --- Products On Sell -------------------------------------------------------- */ /* --- Products On Top Rated -------------------------------------------------------- */ /* --- -------------------------------------------------------- */ /* --- Block Portfolio -------------------------------------------------------- */ .wp-block-portfolio .wp-block-query .wp-block-post-template .wp-block-post:not(.has-post-thumbnail) .wp-featured-image, .wp-block-portfolio-with-category .wp-block-query .wp-block-post-template .wp-block-post:not(.has-post-thumbnail) .wp-featured-image { width: 100%; padding-bottom: 56.25% !important; position: relative; } .wp-block-portfolio .wp-block-query .wp-block-post-template .wp-block-post:not(.has-post-thumbnail) .wp-featured-image:before, .wp-block-portfolio-with-category .wp-block-query .wp-block-post-template .wp-block-post:not(.has-post-thumbnail) .wp-featured-image:before { content: "No Featured Image"; font-size: 16px; color: var(--wp--preset--color--meta); text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .wp-block-portfolio .wp-block-query .wp-block-post-template .wp-post-group .wp-post-content, .wp-block-portfolio-with-category .wp-block-query .wp-block-post-template .wp-post-group .wp-post-content { transition: 0.5s; transform: translateX(0); } .wp-block-portfolio .wp-block-query .wp-block-post-template .wp-post-group .wp-post-content .wp-block-post-date .icon, .wp-block-portfolio-with-category .wp-block-query .wp-block-post-template .wp-post-group .wp-post-content .wp-block-post-date .icon { display: none; } .wp-block-portfolio .wp-block-query .wp-block-post-template .wp-post-group:hover .wp-post-content, .wp-block-portfolio-with-category .wp-block-query .wp-block-post-template .wp-post-group:hover .wp-post-content { transform: translateX(30px); } /* Portfolio With Category Cover */ .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-block-post:not(.has-post-thumbnail) .wp-block-cover:before, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-block-post:not(.has-post-thumbnail) .wp-block-cover:before { content: "No Featured Image"; font-size: 16px; color: var(--wp--preset--color--meta); } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group { transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover { min-height: 446.667px; } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container { position: absolute; bottom: 0; padding: 21px; box-sizing: border-box; transition: 0.5s; } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container .wp-block-post-title a, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container .wp-block-post-title a { color: var(--wp--preset--color--color-light); } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container .wp-block-post-title a:hover, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__image-background, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__image-background { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: filter 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: filter 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__background, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__background { transition: 0.5s; } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover:hover .wp-block-cover__background, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover:hover .wp-block-cover__background { opacity: 0; } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover:hover .wp-block-cover__image-background, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover:hover .wp-block-cover__image-background { -webkit-filter: none; filter: none; } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group:hover, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group:hover { -webkit-transform: scale(0.97) rotateX(-3deg); transform: scale(0.97) rotateX(-3deg); } /* Gray Featured image with hover */ .wp-post-group { transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } .wp-post-group .wp-block-cover__image-background, .wp-post-group .wp-block-post-featured-image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: filter 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: filter 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .wp-post-group .wp-block-cover__background, .wp-post-group .wp-block-post-featured-image img { transition: 0.5s; } .wp-post-group:hover .wp-block-cover__background { opacity: 0; } .wp-post-group:hover .wp-block-cover__image-background, .wp-post-group:hover .wp-block-post-featured-image img { -webkit-filter: none; filter: none; } .wp-post-group:hover { -webkit-transform: scale(0.97) rotateX(-3deg); transform: scale(0.97) rotateX(-3deg); } .wp-post-group .wp-block-post-featured-image a:before { content: none; } /* Category Pro Tabs */ .wp-block-portfolio-with-category .wp-block-fse-pro-tabs, .wp-block-portfolio-with-category-cover .wp-block-fse-pro-tabs { max-width: var(--wp--style--global--wide-size); } .wp-block-portfolio-with-category .wp-block-fse-pro-tabs .nav-tabs, .wp-block-portfolio-with-category-cover .wp-block-fse-pro-tabs .nav-tabs { display: flex; justify-content: center; margin-bottom: var(--wp--preset--spacing--30); border: 0; } .wp-block-portfolio-with-category .wp-block-fse-pro-tabs .nav-tabs > li > a, .wp-block-portfolio-with-category-cover .wp-block-fse-pro-tabs .nav-tabs > li > a { border-radius: 0; color: var(--wp--preset--color--meta); display: inline-block; border: 0; text-transform: uppercase; font-weight: 600; line-height: 1.62; outline: 0; padding: 7px 14px; font-size: 13px; } .wp-block-portfolio-with-category .wp-block-fse-pro-tabs .nav-tabs > li > a:hover, .wp-block-portfolio-with-category-cover .wp-block-fse-pro-tabs .nav-tabs > li > a:hover { color: var(--wp--preset--color--foreground); } .wp-block-portfolio-with-category .wp-block-fse-pro-tabs .nav-tabs > li.active > a, .wp-block-portfolio-with-category-cover .wp-block-fse-pro-tabs .nav-tabs > li.active > a { background-color: transparent; border: none; color: var(--wp--preset--color--foreground); } @media screen and (min-width: 1200px) { .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover .wp-block-cover__inner-container { opacity: 0; visibility: hidden; transform: translateX(0); padding: 21px 0; } .wp-block-portfolio-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover:hover .wp-block-cover__inner-container, .wp-block-portfolio-with-category-cover .wp-block-query .wp-block-post-template .wp-post-group .wp-block-cover:hover .wp-block-cover__inner-container { transform: translateX(30px); opacity: 1; visibility: visible; } } /* --- -------------------------------------------------------- */ /* --- Block Hero Content -------------------------------------------------------- */ .wp-block-cover.wp-block-hero-content .wp-block-media-text__media { border: 30px solid var(--wp--preset--color--border-color); } .wp-block-fse-pro-accordion { padding: 21px 0; } .wp-block-fse-pro-accordion .accordion-controls .title-wrap, .wp-block-fse-pro-accordion .accordion-controls .toggle-content { background-color: transparent; } .wp-block-fse-pro-accordion .accordion-title { color: var(--wp--preset--color--body-text); margin-top: 0; font-size: var(--wp--preset--font-size--normal); } .wp-block-fse-pro-accordion .accordion-controls.active { border: none; } .wp-block-fse-pro-accordion .accordion-controls .title-wrap { padding: 0; } .wp-block-fse-pro-accordion .toggle-content { margin-top: 14px; } .wp-block-fse-pro-accordion .accordion-controls .toggle-btn { opacity: 1; } .wp-block-fse-pro-accordion .accordion-controls .toggle-btn { background-color: transparent; color: var(--wp--preset--color--color-dark); } .wp-block-fse-pro-accordion .active .fse-pro-accordion-icon-hide { display: none; } .wp-block-fse-pro-accordion .active .fse-pro-accordion-icon-show { display: block; } .wp-block-fse-pro-accordion + .wp-block-fse-pro-accordion { border-top: 1px solid var(--wp--preset--color--border-color); } /* --- -------------------------------------------------------- */ /* --- Block Services -------------------------------------------------------- */ .wp-block-feature-content .wp-block-group-content .wp-block-post-group, .wp-block-services .wp-block-group-content .wp-block-post-group { border: 2px solid var(--wp--preset--color--border-color); padding: var(--wp--custom--spacing--testimonial-inner-gap); } .wp-block-feature-content .wp-block-entry-content h2, .wp-block-services .wp-block-entry-content h2 { margin-top: var(--wp--custom--spacing--extra-small); } .wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link { border: 0; border-radius: 0; font-family: var(--wp--preset--font-family--open-sans); font-size: 13px; font-weight: var(--wp--custom--typography--font-weight--bold); padding: 0; position: relative; } .wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link:hover { color: var(--wp--preset--color--primary) !important; } .wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link:focus { background-color: inherit !important; } .wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link:after { content: ""; border-bottom: 2px solid var(--wp--preset--color--primary); position: absolute; width: 100%; height: 2px; left: 0; bottom: -7px; transition: all .5s ease; } .wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link:hover::after { content: none; } .is-style-outline.is-style-only-line > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline.is-style-only-line:not(.has-background):hover { color: var(--wp--preset--color--primary); background: transparent !important; } .wp-block-services .wp-block-image img { mix-blend-mode: difference; } .wp-block-services-default .wp-block-post-group { box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.1); padding: clamp(30px, 3.5vw, 50px); background-color: var(--wp--preset--color--background); } .wp-block-section:nth-child(2n+1).wp-block-services-default .wp-block-post-group { background-color: var(--wp--preset--color--secondary); } .wp-block-services-default .wp-block-post-group:hover .wp-block-image img, .wp-block-services-default .stat-block:hover .wp-block-image img, .wp-block-stats-default .wp-block-post-group:hover .wp-block-image img, .wp-block-stats-default .stat-block:hover .wp-block-image img { transform: translateY(-10px); } .wp-block-services-default .wp-block-post-group .wp-block-image img, .wp-block-services-default .stat-block .wp-block-image img, .wp-block-stats-default .wp-block-post-group .wp-block-image img, .wp-block-stats-default .stat-block .wp-block-image img { transition: all 0.3s ease-in-out; } /* --- -------------------------------------------------------- */ /* --- Block Team -------------------------------------------------------- */ .wp-block-team .wp-block-post-group { position: relative; overflow: hidden; } .wp-block-team .wp-block-entry-content { position: absolute; bottom: 0; padding: clamp(14px, 3.5vw, 21px); width: 100%; left: 0; z-index: 1; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.65); } .wp-block-team .wp-block-post-group:hover .wp-block-entry-content { padding-bottom: 35px; padding-top: 35px; } .wp-block-team .wp-block-post-group:hover::before { opacity: 1; } .wp-block-team .wp-block-post-group::before { content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient(rgba(34, 146, 177, 0), rgba(34, 146, 177, 0.2)); z-index: 1; transition: opacity 0.5s ease-in-out; } .wp-block-team-default .wp-block-entry-content { box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.1); padding: clamp(30px, 3.5vw, 50px); background-color: var(--wp--preset--color--secondary); } .wp-block-team-default .wp-block-separator { border-width: 1px !important; height: 1px !important; width: 42px !important; } .wp-block-section:nth-child(2n+1).wp-block-team-default .wp-block-entry-content { background-color: var(--wp--preset--color--background); } .wp-block-team-default .wp-block-post-group { overflow: hidden; } .wp-block-team-default .wp-block-post-group:hover .wp-block-image img { transform: scale(1.1); opacity: 0.8; } .wp-block-team-default .wp-block-post-group .wp-block-image img { transition: 1s ease; } /* --- -------------------------------------------------------- */ /* --- Block Gallery -------------------------------------------------------- */ .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { padding: 14px; } .wp-block-gallery .wp-block-image img { transition: all 0.3s ease-in-out; } .wp-block-gallery .wp-block-image img:hover { opacity: .8; transform: scale(0.96); } /* --- -------------------------------------------------------- */ /* --- Block Events -------------------------------------------------------- */ .read-more-link a { text-decoration: none; } /* --- -------------------------------------------------------- */ /* --- Default Playlist -------------------------------------------------------- */ .simple-audio-player { color: #999999; background: transparent; border: 0; border-radius: 0; max-width: 100%; font-size: 16px; } .simple-audio-player .simp-player .simp-controls { padding: 18px; } .simple-audio-player .simp-player .simp-controls input[type="range"]::-moz-range-thumb { background-color: var(--wp--preset--color--primary); border: 0; width: 10px; height: 10px; top: 0; } .simple-audio-player .simp-player .simp-controls input[type="range"]::-moz-range-thumb:hover { border: 0; } .simple-audio-player .simp-player .simp-controls input[type=range]::-webkit-slider-thumb { background-color: var(--wp--preset--color--primary); margin-top: 5px; width: 10px; height: 10px; } .simple-audio-player .simp-player .simp-controls .simp-mute { padding: 0 2px; } .simple-audio-player .simp-player .simp-controls button:not([disabled]) svg { fill: #ffffff; color: #ffffff; } .simple-audio-player .simp-player .simp-controls button:not([disabled]):hover { background: transparent; } .simple-audio-player .simp-player .simp-controls button:not([disabled]):hover svg { fill: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); } .simple-audio-player .simp-player .simp-controls .simp-load .simp-progress::-moz-range-track { background-color: #929397; } .simple-audio-player .simp-player .simp-controls input[type="range"]::-moz-range-track { background-color: #929397; height: 3px; } .simple-audio-player .simp-player .simp-controls .simp-time { font-size: 13px; } .simple-audio-player .simp-player .simp-controls .simp-shide svg { transition: all 0.3s ease-in-out; } .simple-audio-player .simp-player .simp-controls .simp-shide.playlist-hidden svg { transform: rotate(180deg); } .simple-audio-player .simp-playlist { padding: 17px 0; } .simple-audio-player .simp-playlist ul { margin: 0; padding: 0; } .simple-audio-player .simp-playlist ul li span { display: block; } .simple-audio-player .simp-playlist ul li .simp-source { color: var(--wp--preset--color--meta); transition: all 0.3s ease-in-out; } .simple-audio-player .simp-playlist ul li .simp-desc { color: var(--wp--preset--color--meta); margin-left: 0; font-size: 14px; opacity: 1; margin-top: 7px; transition: all 0.3s ease-in-out; } .simple-audio-player .simp-playlist ul li:hover { background: transparent; } .simple-audio-player .simp-playlist ul li:hover .simp-source { color: var(--wp--preset--color--foreground); } .simple-audio-player .simp-playlist ul li:hover .simp-desc { color: var(--wp--preset--color--foreground); } .simple-audio-player .simp-playlist ul li:hover { background: var(--wp--preset--color--border-color) !important; } .simple-audio-player .simp-playlist ul li.simp-active { background: transparent; } .simple-audio-player .simp-playlist ul li.simp-active .simp-source { color: var(--wp--preset--color--foreground); } .simple-audio-player .simp-playlist ul li.simp-active .simp-desc { color: var(--wp--preset--color--foreground); } .simple-audio-player .simp-playlist ul li:nth-child(2n) { background: var(--wp--preset--color--secondary); } .simple-audio-player .simp-playlist ul li:nth-child(2n+1) { background: var(--wp--preset--color--background); } .simple-audio-player .simp-display { display: inherit; } .simple-audio-player .simp-display .simp-album { align-items: center; } .simple-audio-player .simp-display .simp-album .simp-title { font-weight: 300; font-size: 14px; } /* Playlist Section */ .wp-block-music-playlist .simple-audio-player .simp-player .simp-others { display: none; } .wp-block-music-playlist .simple-audio-player .simp-player .simp-prev, .wp-block-music-playlist .simple-audio-player .simp-player .simp-next { display: none; } .wp-block-music-playlist .simple-audio-player .simp-player button.simp-plause { background: var(--wp--preset--gradient--gradient-1); border-radius: 50%; padding: 12px; font-size: 100%; } .wp-block-music-playlist .simple-audio-player .simp-player button.simp-plause:hover { background: var(--wp--preset--gradient--gradient-1-hover) !important; } .wp-block-music-playlist .simple-audio-player .simp-player button.simp-plause svg { fill: var(--wp--preset--color--color-dark) !important; color: var(--wp--preset--color--color-dark) !important; } .wp-block-music-playlist .simple-audio-player .simp-display { display: none; } /* --- Sticky Playlist Section -------------------------------------------------------- */ .simple-audio-player .simp-player, .wp-block-sticky-playlist, .wp-block-sticky-playlist .wp-block-fse-pro-playlist, .wp-block-sticky-playlist > div, .wp-block-sticky-playlist > div > div, .wp-block-sticky-playlist .simple-audio-player { background-color: #222222; } .wp-block-sticky-playlist .simple-audio-player.playing:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 10px; background: linear-gradient(90deg, #ff0000 0%, #ff7300 15%, #fffb00 30%, #48ff00 45%, #00ffd5, #002bff 60%, #7a00ff 75%, #ff00c8 90%, #ff0000 100%); animation: scroll 3s linear infinite; } .wp-block-sticky-playlist .simple-audio-player.playing:before { top: -2px; } .playing .simp-cover > div { animation: img_rotate 5s linear infinite; } @keyframes img_rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes scroll { 100% { background-position: 1400px 0; } } .wp-block-sticky-playlist { position: fixed; bottom: 0; width: 100% !important; z-index: 100; } .is-root-container .wp-block-sticky-playlist { position: static; } .wp-block-sticky-playlist .simp-player { display: flex; } .wp-block-sticky-playlist .simple-audio-player .simp-controls { width: 100%; } .wp-block-sticky-playlist .simple-audio-player { max-width: inherit; } .wp-block-sticky-playlist .simp-display .simp-album { flex-wrap: nowrap; } .wp-block-sticky-playlist .simple-audio-player .simp-album { padding-left: 0; padding-bottom: 0; padding-top: 0; } .wp-block-sticky-playlist .simple-audio-player .simp-controls { padding: 13px 0; } .wp-block-sticky-playlist .simple-audio-player .simp-display.simp-hide + .simp-controls { padding-left: 0; } .wp-block-sticky-playlist .simp-playlist { max-height: 0; background-color: var(--wp--preset--color--background); visibility: hidden; opacity: 0; margin-top: -34px; } .is-root-container .wp-block-sticky-playlist .simp-playlist { max-height: initial; visibility: visible; opacity: 1; } .wp-block-sticky-playlist .simp-playlist.simp-hide { overflow: hidden; max-height: 650px; padding: 15px 0; transition: max-height 0.5s ease-in-out; visibility: visible; opacity: 1; margin-top: 0; } .wp-block-sticky-playlist .simple-audio-player .simp-album .simp-cover > div { width: 50px !important; height: 50px !important; } .wp-block-sticky-playlist .simp-player .simp-display.simp-hide { display: none; } .wp-block-sticky-playlist .simple-audio-player .simp-controls .simp-plauseward { justify-content: space-between; width: 100%; } .wp-block-sticky-playlist .simple-audio-player .simp-album .simp-artist { display: none; } .wp-block-sticky-playlist .simple-audio-player .simp-controls .simp-others .simp-shide .simp-shide-top { display: none; } .wp-block-sticky-playlist .simp-cover > div { transition: 0.5s all; border-radius: 50%; } .wp-block-sticky-playlist .playing .simp-cover > div { border-radius: 50%; transition: border-radius 0.5s all; } .wp-block-sticky-playlist .simple-audio-player .simp-playlist { background-color: #151515; } .wp-block-sticky-playlist .simple-audio-player .simp-playlist ul li:nth-child(2n+1) { background-color: #151515; } .wp-block-sticky-playlist .simple-audio-player .simp-playlist ul li:nth-child(2n) { background-color: #121212; } .wp-block-sticky-playlist .simple-audio-player .simp-playlist ul li:hover { background-color: #222222 !important; } .wp-block-sticky-playlist .simple-audio-player .simp-playlist ul li:hover .simp-source, .wp-block-sticky-playlist .simple-audio-player .simp-playlist ul li:hover .simp-desc, .wp-block-sticky-playlist .simple-audio-player .simp-playlist ul li.simp-active .simp-source, .wp-block-sticky-playlist .simple-audio-player .simp-playlist ul li.simp-active .simp-desc { color: #ffffff; } @media screen and (max-width: 782px) { .simple-audio-player .simp-controls .simp-tracker, .simple-audio-player .simp-controls .simp-others .simp-plext, .simple-audio-player .simp-controls .simp-others .simp-random, .simple-audio-player .simp-controls .simp-volume { display: none; } } @media screen and (max-width: 1024px) { .simple-audio-player .simp-controls .simp-time, .simple-audio-player .simp-controls .simp-others .simp-plext, .simple-audio-player .simp-controls .simp-others .simp-random { display: none; } } /* --- -------------------------------------------------------- */ /* --- Block Featured Videos -------------------------------------------------------- */ .wp-block-cover.wp-block-featured-videos .thumbnail-videos .wp-block-cover { min-height: 100px; width: 150px; } .wp-block-cover.wp-block-featured-videos .thumbnail-videos .thumbnail-video-content { position: relative; z-index: 1; } .wp-block-cover.wp-block-featured-videos .wp-block-cover__inner-container { z-index: inherit; } .wp-block-cover.wp-block-featured-videos .wp-block-cover__inner-container .content { position: relative; } .wp-block-cover.wp-block-featured-videos .wp-block-cover__inner-container .content .video-play { margin-top: 3px; } .wp-block-cover.wp-block-featured-videos .wp-block-cover__inner-container .main-video { position: relative; z-index: 1; } .wp-block-cover.wp-block-featured-videos .wp-block-embed { min-height: inherit; min-width: inherit; } /* --- Block Promotional Video -------------------------------------------------------- */ .wp-block-promotional-video .wp-block-cover__inner-container { z-index: 99; } .wp-block-promotional-video .content .video-play { position: relative; cursor: pointer; } .wp-block-promotional-video .content .video-play:before { content: ""; background: var(--wp--preset--gradient--gradient-1); width: 50px; height: 50px; border-radius: 100%; } .wp-block-promotional-video .content .video-play:hover::before { background: var(--wp--preset--gradient--gradient-1-hover); } .wp-block-promotional-video .content .video-play:after { content: ""; border-top: 10px solid transparent; border-left: 15px solid var(--wp--preset--color--color-dark); border-bottom: 10px solid transparent; position: absolute; } .wp-block-promotional-video .content .video-play svg { display: none; } .wp-block-promotional-video .content .video-play span { color: var(--wp--preset--color--color-light); fill: var(--wp--preset--color--color-light); text-transform: uppercase; font-weight: 700; font-size: 1rem; } .wp-block-promotional-video .content.center > .video-play, .wp-block-promotional-video .content.has-text-align-center > .video-play { justify-content: center; } .wp-block-promotional-video .content.center > .video-play:after, .wp-block-promotional-video .content.has-text-align-center > .video-play:after { left: 50%; transform: translateX(-370%); } .wp-block-promotional-video .content.left > .video-play, .wp-block-promotional-video .content.has-text-align-left > .video-play { justify-content: flex-start; } .wp-block-promotional-video .content.left > .video-play:after, .wp-block-promotional-video .content.has-text-align-left > .video-play:after { left: 19px; } .wp-block-promotional-video .content.right > .video-play, .wp-block-promotional-video .content.has-text-align-right > .video-play { justify-content: flex-end; } .wp-block-promotional-video .content.right > .video-play:after, .wp-block-promotional-video .content.has-text-align-right > .video-play:after { right: 115px; } /* --- Block Media Quries -------------------------------------------------------- */ /* --- > 5 -------------------------------------------------------- */ /* --- > 360px -------------------------------------------------------- */ @media screen and (min-width: 22.5em) { .wp-block-sticky-playlist .simple-audio-player .simp-controls .simp-plauseward { justify-content: flex-start; width: auto; } .wp-block-sticky-playlist .simple-audio-player .simp-controls .simp-tracker { display: flex; } } /* --- > 480px -------------------------------------------------------- */ @media screen and (min-width: 30em) { .wp-product-cateogry-block .wc-block-grid__product .wc-block-grid__product-image img { max-width: 250px; transition: all 0.4s; } .wp-block-support p a { visibility: visible; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: left; } .wp-block-contact .contact-form .wpcf7-form { display: flex; flex-wrap: wrap; justify-content: space-between; } .wp-block-contact .contact-form .wpcf7-form > p:not(:nth-last-of-type(-n+2)) { width: 48%; float: left; box-sizing: border-box; } .wp-block-contact .contact-form .wpcf7-form > p:nth-last-of-type(-n+2) { width: 100%; } } /* --- > 600px -------------------------------------------------------- */ @media screen and (min-width: 37.5em) { .wp-block-fse-pro-header-search .search-container { width: 335px; } .woocommerce .wp-product-category-with-sidebar ul.products[class*="columns-"] li.product, .woocommerce-page .wp-product-category-with-sidebar ul.products[class*="columns-"] li.product { width: calc((100% / 2) - 30px + (30px / 2)); margin-left: 0; margin-right: 0; } .post-navigation-link-next { margin-top: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: 100%; } .wp-group-author figure.wp-block-image { margin-bottom: 0; } .wp-block-main-header .wp-block-navigation .wp-block-navigation-item__content { padding: 14px 2px; } .wp-block-fse-pro-header-search { padding: 5px 2px; } .wp-block-main-header .wp-block-header-top .wp-block-navigation .wp-block-navigation-item__content { padding: 15px 2px; } .wp-block-main-header .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { padding: 0.7em 1.5em; } .wp-block-main-header .wp-block-header-top .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { padding: 0.7em 1.5em; } .wp-block-columns.testimonial-columns.testimonial-three-columns > .wp-block-column:not(:last-child) { margin-bottom: 0px; } .testimonial-two-columns .wp-block-testimonial .wp-group-author { margin-left: 0; } .wp-block-columns.testimonial-two-columns .wp-block-testimonial .wp-group-content:after { left: 35px; } .wp-block-centered-menu .wp-block-navigation { text-align: left; } .wp-block-footer .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) { bottom: 100%; top: unset; } .wp-block-newsletter .tnp-subscription-minimal form input.tnp-submit { border-bottom-left-radius: 0; border-top-left-radius: 0; display: inline-block; margin-top: 0; } .wp-block-newsletter .tnp-subscription-minimal form input.tnp-email { border-bottom-right-radius: 0; border-top-right-radius: 0; display: inline-block; width: 70%; } .wp-block-navigation__responsive-container-open:not(.always-shown) { display: block; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .support-label { display: block; } .wp-block-support p a:before { content: none; display: none; } .wp-block-support p a { padding-left: 0; margin-left: 4px; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 283px; } } /* --- > 601px -------------------------------------------------------- */ @media screen and (min-width: 37.5625em) { .wp-featured-product-slider .wc-block-featured-product__wrapper { padding: 56px 0; } .wp-product-showcase .wc-block-featured-product .wc-block-featured-product__background-image, .wp-featured-product-slider .wc-block-featured-product .wc-block-featured-product__background-image { height: 200px; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-left: 15%; padding-right: 15%; } .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content { padding-left: 0; } .wp-block-media-text:not(.has-media-on-the-right).is-stacked-on-mobile .wp-block-media-text__content { padding-right: 0; } .is-stacked-on-mobile .wp-block-media-text__media { margin-bottom: 0; } .fse-slider-wrapper:hover .tns-control > button.tns-prev, .fse-slider-wrapper:focus .tns-control > button.tns-prev { left: 30px; } .fse-slider-wrapper:hover .tns-control > button.tns-next, .fse-slider-wrapper:focus .tns-control > button.tns-next { right: 30px; } .wp-block-featured-slider-with-video .fse-slider-wrapper:hover .swiper-button-prev { left: 50px; } .wp-block-featured-slider-with-video .fse-slider-wrapper:hover .swiper-button-next { right: 50px; } .wp-block-featured-slider-with-video .wp-block-media-text .wp-block-media-text__media { display: block; } .wp-block-featured-services .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__media:before, .wp-block-featured-services .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media:before { bottom: 0; width: 30%; height: 100%; } .wp-block-featured-services .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__media:before { left: 0; } .wp-block-featured-services .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media:before { left: auto; right: 0; } } /* --- > 768px -------------------------------------------------------- */ @media screen and (min-width: 48em) { .wp-block-woocommerce-all-products .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 33.333%; max-width: 33.3333%; } .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li, .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc(50% - 1.2em); } .wp-block-post-template.columns-2.is-flex-container, .wp-block-query-loop.columns-2.is-flex-container, .wp-block-post-template.columns-3.is-flex-container, .wp-block-query-loop.columns-3.is-flex-container { gap: 2.4em; } .wp-featured-product-slider { padding: 21px 0; } .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 33.333%; max-width: 33.3333%; } .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 25%; max-width: 25%; } } /* --- > min-width 782px max-width 782 -------------------------------------------------------- */ @media (min-width: 481px) and (max-width: 782px) { .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } } /* --- > 782px -------------------------------------------------------- */ @media screen and (min-width: 48.875em) { .wp-block-euphony-blocks-header-social, .wp-block-euphony-blocks-header-search { position: initial; } .wp-product-category-with-sidebar .wp-block-sidebar { display: flex; flex-wrap: wrap; } .woocommerce div.product .woocommerce-tabs .panel { padding: 42px 0 0; } .wp-product-review-section .wc-block-review-list.wc-block-components-review-list { gap: 30px; flex-wrap: wrap; display: flex; } .wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__meta { margin-top: 21px; } .wc-block-components-review-list-item__info { display: block; } .wp-product-review-section .wc-block-review-list.wc-block-components-review-list li { width: calc((100% / 2) - 30px + (30px / 2)); } .wp-product-review-section .wc-block-review-list.wc-block-components-review-list li:not(:first-child) { margin-top: 0; } .wp-product-category-thumbnail { display: block; } .wp-block-sidebar-on-right .wp-block-column-sidebar { padding-left: var(--wp--custom--spacing--wp-block-sidebar); } .wp-block-sidebar-on-left .wp-block-column-sidebar { padding-right: var(--wp--custom--spacing--wp-block-sidebar); } .wp-block-footer .wp-block-widget, .wp-block-footer .wp-block-widget:not(:last-child), .wp-block-columns > .wp-block-column { margin-bottom: 0; } .wp-block-columns > .wp-block-column { margin-bottom: 0; } .wp-block-footer .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) { bottom: 100%; top: unset; } .wp-block-footer .wp-block-navigation .wp-block-navigation__submenu-icon svg { margin-bottom: 3px; transform: rotate(180deg); } .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container { top: -8px; } .wp-block-footer .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container { bottom: unset; } .wp-block-main-header .wp-block-euphony-blocks-header-social .social-container ul, .wp-block-main-header .wp-block-euphony-blocks-header-search .search-container form { max-width: 1400px; margin: 0 auto; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { top: -8px; } div.wp-block-columns { gap: calc(1.25 * var(--wp--style--block-gap, 2em)); } div.wp-block-columns + div.wp-block-columns { margin-block-start: calc(1.25 * var(--wp--style--block-gap)); } .wp-block-subscribe .wp-block-group-heading { margin-bottom: 0; } .wp-block-custom-header-media-with-title-and-nav .wp-block-main-header { padding-bottom: 20px; } .wp-block-music-playlist .simple-audio-player { margin: 0 0 0 auto; } .wp-block-music-playlist .simple-audio-player ul li { padding: 8px 28px; } .wp-block-sticky-playlist .simp-random { display: flex; } .wp-block-quick-contact .wp-block-column .wp-block-buttons .wp-block-button__link { margin-top: 0; } .wp-block-quick-contact .wp-block-columns { align-items: center !important; } .wp-block-stats .wp-block-column { text-align: left; } .wp-block-sidebar-on-left.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child), .wp-block-sidebar-on-right.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: auto; } .wp-block-featured-slider .wp-block-cover { min-height: 414px; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 346px; } .wp-block-logo .wp-block-column .wp-block-image { border: 0; padding: 0; } } @media only screen and (max-width: 1024px) and (min-width: 782px) { .wp-product-cateogry-block .wc-block-grid__product .wc-block-grid__product-image img { max-width: 100%; } .wp-product-cateogry-block .wc-block-grid__product .wc-block-grid__product-title, .wp-product-cateogry-block .wc-block-grid__product .wc-block-grid__product-price.price { font-size: 24px; } .wp-product-cateogry-block .wc-block-grid__product { padding: 30px; } .wp-product-review-section .wc-block-review-list-item__product.wc-block-components-review-list-item__product a { font-size: 22px; } } /* --- > 783px -------------------------------------------------------- */ @media screen and (min-width: 48.9375em) { .woocommerce .wp-product-category-with-sidebar ul.products[class*="columns-"] li.product, .woocommerce-page .wp-product-category-with-sidebar ul.products[class*="columns-"] li.product { width: calc((100% / 3) - 30px + (30px / 3)); } } /* --- > 1024px -------------------------------------------------------- */ @media screen and (min-width: 64em) { /* Social Inside Slider */ .wp-site-blocks .absolute-social { display: block; } .single-product .header-media-inner-post .catch-breadcrumb.center .woocommerce-breadcrumb { margin: 42px 0 -49px; } .summary form.cart.grouped_form .group_table { margin-bottom: 35px; } wp-thumbnail-product .wc-block-grid__products .wc-block-grid__product-image, .wp-product-showcase .wc-block-featured-product .wc-block-featured-product__background-image, .wp-featured-product-slider .wc-block-featured-product .wc-block-featured-product__background-image { margin: 35px 0; } .wp-block-cover-image, .wp-block-cover { min-height: 340px; } .wp-featured-product-slider .wc-block-featured-product__wrapper { padding: 56px 0; } .wp-product-showcase .wc-block-featured-product .wc-block-featured-product__background-image, .wp-featured-product-slider .wc-block-featured-product .wc-block-featured-product__background-image { height: 260px; } .content > .video-play > span { padding-left: 14px; } .testimonial-two-columns .wp-block-testimonial .wp-group-author { margin-left: 42px; } .wp-block-columns.testimonial-two-columns .wp-block-testimonial .wp-group-content:after { left: 75px; } .wpcf7-form .two-col { display: flex; justify-content: space-between; overflow: hidden; } .wpcf7-form .two-col .wp-block-col { width: 48%; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 409px; } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc(33.3333% - 1.6em); } .wp-block-featured-slider .wp-block-cover { min-height: 468px; } } /* --- > 1200px -------------------------------------------------------- */ @media screen and (min-width: 75em) { .wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container { min-width: 240px !important; } .wp-block-navigation + .wp-block-euphony-blocks-header-search { margin-left: 10px; } /* --- end of custom cursor --- */ .wp-block-woocommerce-all-products .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 25%; max-width: 25%; } .wp-block-main-header .wp-block-euphony-blocks-header-search button.wp-block-search__button.has-icon svg { font-size: 24px; } .woocommerce-tabs.wc-tabs-wrapper { padding-top: 28px; } .wp-product-category-with-sidebar .wp-block-sidebar { display: block; margin: 0; } .wp-product-category-with-sidebar .wp-block-widget { width: 100%; } .wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__meta { margin-top: 0; } .wp-block-cover-image, .wp-block-cover { min-height: 400px; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 472px; } .wp-block-cta-with-video .content .video-play, .wp-block-cta-just-video .content .video-play { width: 80px; height: 80px; } .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: flex; } .wp-block-subscribe > .wp-block-columns { align-items: center !important; } .wp-block-custom-header-media-with-title-and-nav .wp-block-main-header { padding-bottom: 30px; } .wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container { animation: smoothScrollBack 0s backwards, fadein 0.6s; } .social-and-toggle-search .wp-block-social-search-container .social-controller { display: none; } .social-and-toggle-search .wp-block-social-search-container .social-container { background: transparent; display: block !important; padding: 0; position: static; width: auto; } .wp-block-main-header .wp-block-main-header-container { gap: var(--wp--style--block-gap, 0.5em); } .wp-block-music-playlist .simple-audio-player ul li { padding: 10px 34px; } .wp-block-sticky-playlist .simp-volume, .wp-block-music-playlist .simp-volume { display: flex; } .wp-block-services-list .euphony-blocks-icons svg { height: 50px; width: 50px; } .wp-block-custom-header-media-with-title-and-nav .wp-block-social-search-container .wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor { color: var(--wp--preset--color--color-light); } .wp-block-embed-video { display: block; } .social-inside-slider ul.wp-block-social-links { flex-direction: column; } .social-inside-slider { left: 9px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 40%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 55%; } .wp-block-navigation.items-justified-right .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { transform: rotate(90deg); } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { margin-right: 10px; transition: all 0.3s ease-in-out; } .wp-block-navigation ul ul .has-child:hover > .wp-block-navigation__submenu-icon { padding-right: 20px; } .wp-block-featured-slider .wp-block-cover { min-height: 522px; } .wp-block-header-top { padding: 0; } .header-has-nav-centered .wp-block-main-header .wp-block-main-header-container { gap: 0; } .header-has-nav-centered .site-identity, .header-has-nav-centered .wp-block-social-search-container { width: 25%; } .header-has-nav-centered .wp-block-navigation { width: 50%; } .header-has-nav-centered .wp-block-navigation { margin-left: initial; } .wp-block-navigation-item.has-child.open-on-click .wp-block-navigation-submenu__toggle { padding-right: 14px; } .wp-block-main-header .wp-block-navigation .hidden-by-default .wp-block-navigation-item__content:not(.wp-block-navigation__submenu-container .wp-block-navigation-item__content) { padding: 0; } .wp-block-fse-pro-header-search .search-container { transform: translateX(40px); } .open-search .wp-block-fse-pro-header-search .search-container { transform: translateX(0); } } /* --- > 1366px -------------------------------------------------------- */ @media screen and (min-width: 85.375em) { .single-product .header-media-inner-post .catch-breadcrumb.center .woocommerce-breadcrumb { margin: 56px 0 -56px; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 27%; } .wp-block-site-generator .wp-block-social-links + p { margin-top: 35px; } .woocommerce-cart main .woocommerce { display: flex; flex-wrap: wrap; } .woocommerce-notices-wrapper { width: 100%; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 30%; padding-left: 56px; margin-left: auto; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: auto; margin-top: 0; } .woocommerce-page .woocommerce-cart-form .product-thumbnail a img { max-height: 60px; width: 80px; } .woocommerce-page .woocommerce-cart-form .product-thumbnail { width: 80px; } form.woocommerce-cart-form { width: 65%; } .wp-product-category-thumbnail .wp-block-cover { min-height: 680px; } .woocommerce div.product .woocommerce-tabs .panel { padding: 56px 0 0; } .wp-product-review-section .wc-block-review-list.wc-block-components-review-list { gap: 40px; } .wp-product-review-section .wc-block-review-list.wc-block-components-review-list li { width: calc((100% / 2) - 40px + (40px / 2)); } .fse-slider-wrapper .swiper-button-prev:after, .fse-slider-wrapper .swiper-button-next:after { font-size: 22px; } .wp-featured-product-slider { padding: 70px 0; } .wp-featured-product-slider .wc-block-featured-product .wc-block-featured-product__background-image { margin: 56px 0; } .wp-block-cover.wp-block-cta { min-height: 520px; } div.wp-block-columns { gap: calc(1.666666 * var(--wp--style--block-gap, 2em)); } div.wp-block-columns + div.wp-block-columns { margin-block-start: calc(1.666666 * var(--wp--style--block-gap)); } .my-masonry-grid { gap: 40px; } .my-masonry-grid .my-masonry-grid_column img { margin-bottom: 40px; } .my-masonry-grid .my-masonry-grid_column img:last-child { margin-bottom: 0; } .wp-block-featured-slider .wp-block-cover { min-height: 576px; } } /* --- > 1400px -------------------------------------------------------- */ @media screen and (min-width: 87.5em) { .single-product .header-media-inner-post .catch-breadcrumb.center .woocommerce-breadcrumb { padding-left: 0; padding-right: 0; } } /* --- > 1600px -------------------------------------------------------- */ @media screen and (min-width: 100em) { .wp-block-main-header { padding-bottom: 108px; padding-top: 10px; } .wp-thumbnail-product .wp-product-category-thumbnail .wp-block-cover { min-height: 700px; } .wp-block-rounded-read-more .wp-block-button__link { height: 120px; width: 120px; font-size: 45px; font-size: 2.8125rem; } .wp-featured-product-slider { padding: 84px 0; } .wp-block-cover-image, .wp-block-cover { min-height: 410px; } .wp-featured-product-slider .wc-block-featured-product .wc-block-featured-product__background-image { height: 360px; margin: 42px 0; } /* .wp-block-featured-slider-with-video .wp-block-cover { min-height: 874px; } */ .wp-block-music-playlist .simple-audio-player ul li { padding: 10px 36px; } .wp-block-music-playlist .simp-random { display: flex; } .wp-block-sticky-playlist .simp-player > .simp-display .simp-info { display: flex; } .social-inside-slider { bottom: 63px; left: 28px; } .wp-block-cover.wp-block-cta { min-height: 600px; } .wp-block-featured-slider .wp-block-cover { min-height: 630px; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 535px; } } /* --- > 1920px -------------------------------------------------------- */ @media screen and (min-width: 120em) { .fse-slider-wrapper:hover .swiper-button-next { right: 50px; } .fse-slider-wrapper:hover .swiper-button-prev { left: 50px; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 600px; } .wp-block-cover-image, .wp-block-cover { min-height: 500px; } .wp-thumbnail-product .wp-product-category-thumbnail .wp-block-cover { min-height: 800px; } .wp-block-music-playlist .simple-audio-player ul li { padding: 12px 42px; } .wp-block-music-playlist .simp-repeat, .wp-block-music-playlist .simp-shide { display: flex; flex-direction: column; } .social-inside-slider { left: 63px; } } /* Increased Anchor Space To 42px */ .wp-block-sticky-playlist .simple-audio-player .simp-controls .simp-others .simp-shide button svg { width: 22px; height: 22px; } .wp-block-sticky-playlist .simple-audio-player .simp-controls .simp-others .simp-shide button { display: inline-block; line-height: 0px; height: auto; width: auto; padding: 10px; } /* --- Block Color -------------------------------------------------------- */ /* --- 6 -------------------------------------------------------- */ /* Foreground color */ .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close, .woocommerce ul#shipping_method li, .woocommerce .cart_totals p, .woocommerce-cart .cart-collaterals .cart_totals tr td, .wp-block-main-header .is-style-outline > .wp-block-button__link:not(.has-text-color), .woocommerce.single-product div.product p.price del { color: var(--wp--preset--color--foreground); } .wp-block-navigation__responsive-container-open:hover, .wp-block-navigation__responsive-container-close:hover { color: var(--wp--preset--color--gray); } .wp-block-post-comments .comment-metadata a:hover { color: var(--wp--preset--color--primary); } .wp-block-widget-area .wp-block-latest-posts__post-author, .wp-block-widget-area .wp-block-latest-posts__post-date { color: var(--wp--preset--color--menu-color); } .euphony-blocks-icons svg, .wp-block-euphony-blocks-header-search svg { fill: var(--wp--preset--color--foreground); } .header-default .wp-block-navigation__responsive-container-open, .header-default .wp-block-navigation__responsive-container-close { color: var(--wp--preset--color--background); } .header-default .wp-block-navigation__responsive-container-open:hover, .header-default .wp-block-navigation__responsive-container-close:hover { color: var(--wp--preset--color--primary); } /* Primary color */ .wp-product-showcase .wp-block-column, .wp-thumbnail-product .wp-product-cateogry-block, .woocommerce div.product div.images.woocommerce-product-gallery { background-color: var(--wp--preset--color--secondary); } /* Secondary Color */ .service-columns.wp-block-columns > .wp-block-column, .pricing-columns.wp-block-columns > .wp-block-column, .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--preset--color--secondary); } /* Arrow Wood Color */ .wp-block-section:nth-child(2n-1).wp-featured-product-slider, .wp-featured-product-slider { background-color: var(--wp--preset--color--primary); } /* Dune Color */ .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content, .wp-block-navigation .wp-block-navigation-submenu.current-menu-item > .wp-block-navigation__submenu-icon svg, .wp-block-navigation .current-nav-item > .wp-block-navigation-item__content.wp-block-navigation-item__content, .wp-block-navigation .wp-block-navigation-submenu.current-nav-item > .wp-block-navigation__submenu-icon svg { color: var(--wp--preset--color--color-light); } .wp-block-navigation .current-menu-item.has-child > .wp-block-navigation-item__content.wp-block-navigation-item__content:before { width: calc(100% - 8px); } /* Deep Orange Color */ .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover { color: var(--wp--preset--color--foreground); stroke: var(--wp--preset--color--foreground); } /* Body color */ .wp-block-widget .wp-block-navigation .wp-block-navigation-item__content, .wp-block-widget .wp-block-navigation__responsive-container .wp-block-navigation-link a, .wc-block-product-categories ul.wc-block-product-categories-list li::before { color: var(--wp--preset--color--foreground); } .wp-block-widget .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary) !important; } /* Link color */ .woocommerce table.shop_table .product-name a:hover, .woocommerce table.shop_table .product-name a:focus, .wp-latest-products-block .wc-block-grid__product .wc-block-grid__product-title:hover, .wp-latest-products-block .wc-block-grid__product .wc-block-grid__product-title:focus, .wp-block-main-header .wp-block-euphony-blocks-header-search button.wp-block-search__button.has-icon svg:hover, .wp-block-main-header .wp-block-euphony-blocks-header-search button.wp-block-search__button.has-icon svg:focus, .wc-block-mini-cart__shopping-button a, .content > .video-play:hover span { color: var(--wp--preset--color--primary); } a:hover svg.icon, a:focus svg.icon, .euphony-blocks-icons svg:hover, .euphony-blocks-icons svg:focus, .euphony-blocks-icons a:hover svg, .euphony-blocks-icons a:focus svg, .wp-block-main-header .wp-block-euphony-blocks-header-search button.wp-block-search__button.has-icon svg:hover, .wp-block-main-header .wp-block-euphony-blocks-header-search button.wp-block-search__button.has-icon svg:focus, .content > .video-play:hover svg { fill: var(--wp--preset--color--primary); } .wc-block-mini-cart__shopping-button a { border-color: var(--wp--preset--color--primary); } /* Border Color */ .wp-block-testimonial .wp-block-separator, .woocommerce .woocommerce-result-count, .wp-site-blocks .wp-block-section:last-child.wp-woocommerce-shipping { border-color: var(--wp--preset--color--border-color); } .wp-block-testimonial .wp-group-content:before, .wp-block-separator { color: var(--wp--preset--color--border-color); } /* Light Color */ .header-media-inner-post .wp-block-cover.is-light .wp-block-cover__inner-container, .wp-block-euphony-blocks-header-search .wp-block-search__inside-wrapper svg { color: var(--wp--preset--color--color-light); } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: var(--wp--preset--color--background); }
[+]
patterns
[+]
..
[-] functions.php
[edit]
[+]
assets
[-] index.php
[edit]
[-] theme.json
[edit]
[-] screenshot.png
[edit]
[+]
languages
[+]
templates
[-] style.scss
[edit]
[+]
sass
[+]
inc
[+]
parts
[-] style.css
[edit]
[-] readme.txt
[edit]