/* --- Theme Style -------------------------------------------------------- */ .wp-block-post-comments.is-style-post-comments .comment-meta .comment-author, .wp-block-post-comments.is-style-post-comments .reply, .wp-block-scroll-down, .wp-block-site-info, .wp-block-footer .tnp-subscription-minimal input.tnp-submit { font-family: var(--wp--preset--font-family--poppins); } 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-fse-pro-header-search svg, .wp-block-fse-pro-header-social svg, .wp-block-search__button, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { transition: all 0.5s ease; } .wp-block-section .wp-block-group-heading { margin-bottom: var(--wp--custom--spacing--group-heading-bottom-gap); position: relative; } .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--text-link); 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); } @media screen and (max-width: 48.8125em) { .wp-block-group-heading .wp-block-buttons { justify-content: flex-start; } } .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::before { position: fixed; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: var(--wp--preset--color--foreground); opacity: 0.5; z-index: 2; transition: all 0.2s; will-change: transform; user-select: none; cursor: url("assets/images/cancel-close.png"), auto; } .error404 main .wp-block-search, .single.post-template-default main .wp-block-template-part { margin-bottom: 1.75em; } .wp-block-table, .wp-block-audio, .wp-block-pullquote { 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: 28px; } 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--semi-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; } } ul li::marker { color: var(--wp--preset--color--text-link); } .header-media-inner-post .wp-block-cover__inner-container { max-width: 920px; } .header-media-inner-post+.wp-block-group .woocommerce-products-header .page-title { font-size: var(--wp--custom--typography--font-size--heading-three); } .header-media-inner-post+.wp-block-group .woocommerce-products-header .term-description { display: none; } .header-media-inner-post+.wp-block-group .woocommerce-products-header .page-title+.term-description p { margin-block-start: 0; } .header-media-inner-post .wp-block-post-title { font-size: var(--wp--custom--typography--font-size--heading-one); line-height: var(--wp--custom--typography--line-height--heading-one); } #to_top_scrollup { background-color: var(--wp--preset--color--button-color); color: var(--wp--preset--color--color-light); opacity: 1 !important; transition: all 0.5s ease-in-out; width: 90px; height: 33px; border-radius: 32px; font-size: 14px; background-position: right center; line-height: 1; padding-right: 20px; box-shadow: rgba(100, 100, 111, 0.35) 0px 21px 59px 0px; right: 20px; bottom: 30px; visibility: hidden; &:hover { bottom: 35px } } #to_top_scrollup::after { width: 24px; height: 24px; content: ''; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; position: absolute; filter: brightness(0) invert(1); top: 50%; transform: translateY(-50%); } #to_top_scrollup:hover, #to_top_scrollup:focus { background: var(--wp--preset--color--persian-pink); color: var(--wp--preset--color--color-light); } .dashicons.dashicons-arrow-up-alt2:before { display: none; } .dashicons .screen-reader-text { height: initial !important; width: auto; clip: initial; position: relative !important; color: #fff; clip-path: none; margin-right: 7px; top: 7px; font-family: var(--wp--preset--font-family--helvetica); } /* --- WP Block Header -------------------------------------------------------- */ .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; } header .wp-block-buttons .wp-block-button__link { margin-top: 0; } .single-product .wp-site-blocks .wp-block-header-default { border-bottom: 1px solid; } .wp-block-main-header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--wp--preset--color--color-dark); &:hover { color: var(--wp--preset--color--persian-pink); } } .header-transparent .wp-block-woocommerce-customer-account a, .wp-block-woocommerce-customer-account a { color: var(--wp--preset--color--foreground) !important; font-size: var(--wp--preset--font-size--upper-heading); &:hover { color: var(--wp--preset--color--persian-pink) !important; } } .header-transparent .wp-block-woocommerce-customer-account a { color: var(--wp--preset--color--color-light) !important; } .wp-block-group.wp-header-right.is-layout-flex { gap: 0; } /* --- WP Block Site title Style -------------------------------------------------------- */ .wp-block-site-title { font-size: var(--wp--custom--typography--font-size--post-title); } .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--foreground); } .wp-block-site-title a:hover, .wp-block-site-title a:focus { color: var(--wp--preset--color--persian-pink); } .wp-block-site-tagline { opacity: 0.6; } /* --- WP Block Navigation Main -------------------------------------------------------- */ @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-main-header .wp-block-navigation { margin-left: auto; } .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 .wp-block-navigation__submenu-container { padding: 7px 0; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { z-index: 99; } .wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container { min-width: 220px !important; } .wp-block-centered-menu .wp-block-navigation { text-align: center; } .wp-block-navigation .wp-block-navigation-item__content { font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--typography--font-weight--semi-bold); } .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { text-transform: capitalize; font-weight: var(--wp--custom--typography--font-weight--normal); } .header-transparent .wp-block-navigation-item .wp-block-navigation__submenu-icon svg { stroke: var(--wp--preset--color--color-light); transition: all 0.4s; } .header-transparent .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { stroke: var(--wp--preset--color--dune); } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container { left: 0; right: auto; } /* --- WP Block Button -------------------------------------------------------- */ .wp-block-query-pagination-previous, .wp-block-query-pagination-next, input[type="button"], input[type="reset"], input[type="submit"], .tnp-subscription-minimal form input.tnp-submit { font-family: var(--wp--preset--font-family--poppins); background-color: var(--wp--preset--color--button-color); border: 1px solid var(--wp--preset--color--button-color); border-radius: 16px; color: var(--wp--preset--color--color-light); cursor: pointer; font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--typography--font-weight--semi-bold); line-height: var(--wp--custom--typography--line-height--paragraph); padding-top: max(0.7rem, 0.75vw); padding-right: max(1.5rem, 1.85vw); padding-bottom: max(0.7rem, 0.75vw); padding-left: max(1.5rem, 1.85vw); text-transform: uppercase; text-decoration: none; } .wp-block-query-pagination-previous, .wp-block-query-pagination-next, .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, input[type="button"], input[type="reset"], input[type="submit"] { &:hover, &:focus { opacity: 0.9; } } .wp-block-button .wp-block-button__link, .tnp-subscription-minimal form input.tnp-submit { transition: all 0.4s cubic-bezier(0.98, -0.01, 0.58, 1); font-size: var(--wp--preset--font-size--medium); } .wp-block-button.is-style-outline { color: var(--wp--preset--color--button-color); } .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-query-pagination-previous:hover, .wp-block-query-pagination-previous:focus, .wp-block-query-pagination-next:hover, .wp-block-query-pagination-next:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .tnp-subscription-minimal form input.tnp-submit:hover, .tnp-subscription-minimal form input.tnp-submit:focus, .wp-block-search__button:hover, .wp-block-search__button:focus { border-color: transparent; background: var(--wp--preset--color--persian-pink); color: var(--wp--preset--color--color-light); opacity: 1; } .is-style-outline>.wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover { background: var(--wp--preset--color--persian-pink); border-color: transparent; opacity: 1; } /* --- 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>.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 { 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); width: 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; font-weight: var(--wp--custom--typography--font-weight--normal); } .wp-block-query-pagination-numbers .page-numbers:not(.dots):hover, .wp-block-query-pagination-numbers .page-numbers:not(.dots):focus, .wp-block-query-pagination-numbers .page-numbers:not(.dots).current { color: var(--wp--preset--color--color-light); background: var(--wp--preset--color--text-link); } /* --- WP Block Post Terms( WP Block Post Meta) -------------------------------------------------------- */ .wp-block-post-meta, .taxonomy-category.wp-block-post-terms>a, .taxonomy-post_tag.wp-block-post-terms>a, .wp-block-post-author p, .wp-block-post-date a { color: var(--wp--preset--color--meta); font-size: var(--wp--preset--font-size--tiny); font-weight: var(--wp--custom--typography--font-weight--medium); text-decoration: none; text-transform: capitalize; } .wp-block-post-meta .wp-block-post-author .icon-user { top: 0; } .single .taxonomy-category.wp-block-post-terms>a, .single .taxonomy-post_tag.wp-block-post-terms>a { border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--foreground); display: inline-block; margin-bottom: 7px; margin-right: 7px; padding: 4px 14px; } .single .taxonomy-category.wp-block-post-terms>a:hover, .single .taxonomy-category.wp-block-post-terms>a:focus, .single .taxonomy-post_tag.wp-block-post-terms>a:hover, .single .taxonomy-post_tag.wp-block-post-terms>a:focus { background: var(--wp--preset--color--primary); } .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 { display: none; } /* --- WP Block Post Navigation Link -------------------------------------------------------- */ .wp-block-post-navigation-link .post-navigation-link__label { display: block; font-size: var(--wp--preset--font-size--extra-small); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--extra-small); text-transform: uppercase; } .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--persian-pink); } .wp-block-navigation .wp-block-navigation__submenu-icon { color: var(--wp--preset--color--body-text); margin-left: 7px !important; margin-top: -3px; transition: all 0.4s; } /* --- WP Block Post Template(wp-block-post) -------------------------------------------------------- */ .wp-block-post-title a { text-decoration: none; } .single-post .taxonomy-post_tag.wp-block-post-terms::before, .single-post .taxonomy-category.wp-block-post-terms:before { content: 'Category:'; margin-right: 14px; color: var(--wp--preset--color--text-link); font-weight: var(--wp--custom--typography--font-weight--semi-bold); } .single-post .taxonomy-post_tag.wp-block-post-terms::before { content: 'Tags:'; } .wp-block-post-template .wp-block-post-meta+.wp-block-post-title { margin-block-start: 14px; } .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--persian-pink); } 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: var(--wp--preset--color--background); margin-top: 0; padding: var(--wp--custom--spacing--wp-post); border: 1px solid var(--wp--preset--color--border-color); } .wp-block-post-template .wp-block-post-meta>* { align-items: center; } .wp-block-post-template .wp-block-post-meta svg { display: none; } .wp-block-post-template .wp-block-post-author:before, .wp-block-post-template .wp-block-post-date:before { content: "on"; margin-right: 7px; font-size: var(--wp--preset--font-size--extra-small); } .wp-block-post-template .wp-block-post-author:before { content: "by"; } 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-excerpt__more-link { margin-top: 8px; } .wp-block-post-template>li { margin-bottom: var(--wp--custom--spacing--wp-comment-horizontal); } .wp-block-post-template.is-flex-container li { margin-bottom: var(--wp--custom--spacing--wp-comment-horizontal); margin-top: 0; } .wp-block-post-featured-image { overflow: hidden; } .wp-block-post-featured-image:hover img { transform: scale(1.05); } .wp-block-post-author { text-transform: capitalize; } /* --- WP Block Quote -------------------------------------------------------- */ .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-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { padding: 0; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--semi-bold); } .wp-block-quote.is-style-plain { color: var(--wp--preset--color--foreground); } .wp-block-quote p, .wp-block-pullquote p { margin-bottom: 10px; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { font-family: var(--wp--preset--font-family--roboto); text-transform: capitalize; color: var(--wp--preset--color--foreground); opacity: 0.6; } /* --- WP Block Table -------------------------------------------------------- */ .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; color: var(--wp--preset--color--foreground); } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { 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 { box-sizing: border-box; position: relative; } .wp-block-main-header .wp-block-search .wp-block-search__input { background-color: transparent; border: none; color: var(--wp--preset--color--body-text); padding: 18px 28px; border-radius: 0; font-size: var(--wp--preset--font-size--medium); border: 1px solid transparent; } .header-media-inner-post .wp-block-search button.wp-block-search__button { margin: 0 0 0 10px; border-radius: 8px; } .wp-block-search__input:focus { color: var(--wp--preset--color--foreground); } .wp-block-search__button { background-color: transparent; color: var(--wp--preset--color--color-light); cursor: pointer; padding: 5px; } .wp-block-main-header .wp-block-fse-pro-header-search button.wp-block-search__button.has-icon { background: transparent; padding: 0; } .wp-block-main-header .wp-block-fse-pro-header-search button.wp-block-search__button.has-icon svg { color: var(--wp--preset--color--foreground); fill: var(--wp--preset--color--foreground); font-size: 20px; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .wp-block-sidebar .wp-block-search { padding: 0; } /* --- 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--background); border-radius: 16px; border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--color-dark); padding: calc(0.667em + 2px) calc(0.967em + 2px); font-family: var(--wp--preset--font-family--poppins); font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--typography--line-height--heading-six); font-weight: var(--wp--custom--typography--font-weight--normal); width: 100%; box-sizing: border-box; outline-offset: -2px; } 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 { &:focus { border-color: var(--wp--preset--color--persian-pink); color: var(--wp--preset--color--foreground); outline: none; } } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border-color: var(--wp--preset--color--border-color); overflow: hidden; border: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: calc(0.5em + 0.5px); } .header-media-inner-post .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: calc(0.8em + 2px) calc(1em + 2px); font-size: 18px; } .header-media-inner-post .wp-block-search__button-inside button.wp-block-search__button.has-icon.wp-element-button { height: 62px; } .header-media-inner-post .wp-block-search__button svg { fill: currentColor; min-height: 2em; min-width: 2em; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 10px 20px; } /* --- 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: 14px; } .wpcf7-form .wpcf7-form-control-wrap { display: block; margin-top: 14px; } .comment-respond label, .wpcf7-form label { display: block; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--ironside-grey); line-height: var(--wp--custom--typography--line-height--heading-four); margin-bottom: 7px; text-align: left; } .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 * { font-size: var(--wp--preset--font-size--medium); line-height: 1.75; font-weight: var(--wp--custom--typography--font-weight--normal); } .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-site-tagline { margin: 0 !important; } .wp-block-widget-area a { text-decoration: none; } .wp-block-search .wp-block-search__label, .wp-block-widget-area h3, .wp-block-widget-area h2 { display: block; font-size: var(--wp--custom--typography--font-size--heading-five); line-height: var(--wp--custom--typography--line-height--paragraph); font-family: var(--wp--preset--font-family--helvetica); font-weight: var(--wp--custom--typography--font-weight--bold); color: var(--wp--preset--color--foreground); text-transform: capitalize; margin-bottom: 21px; } .wp-block-footer.wp-block-widget-area h3, .wp-block-footer.wp-block-widget-area h2 { font-size: var(--wp--custom--typography--font-size--footer-title); } .wp-block-tag-cloud>a { display: inline-block; margin-bottom: 7px; padding: 4px 14px; text-decoration: none; border: 1px solid; } .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:before, .wp-block-widget-area li:after { content: ""; display: table; table-layout: fixed; } .wp-block-widget-area li:after { clear: both; } .wp-block-column-sidebar .wp-block-archives-list>li, .wp-block-column-sidebar .wp-block-categories-list>li { text-align: right; } .wp-block-column-sidebar .wp-block-archives-list>li>a, .wp-block-column-sidebar .wp-block-categories-list>li>a { float: left; } /* --- Block Widget Sidebar -------------------------------------------------------- */ .wp-block-sidebar .wp-block-widget a { color: var(--wp--preset--color--foreground); } .wp-block-sidebar .wp-block-widget a:hover, .wp-block-sidebar .wp-block-widget a:focus { color: var(--wp--preset--color--persian-pink); } .wp-block-sidebar .wp-block-widget .wp-block-archives li, .wp-block-sidebar .wp-block-widget .wp-block-categories li { position: relative; padding-left: 36px; 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-block-sidebar .wp-block-widget .wp-block-archives li:before, .wp-block-sidebar .wp-block-widget .wp-block-categories li:before { position: absolute; left: 0; top: 6px; content: ""; background-image: url("assets/images/folder.svg"); background-repeat: no-repeat; width: 16px; height: 16px; background-size: 100%; } .wp-block-sidebar>*:not(:last-child) { margin-bottom: var(--wp--custom--spacing--wp-block-sidebar-widget); padding: var(--wp--custom--spacing--wp-block-sidebar-widget-inner); border: 1px solid; } .wp-block-sidebar>*:last-child { padding: var(--wp--custom--spacing--wp-block-sidebar-widget-inner); border: 1px solid var(--wp--preset--color--border-color); } .wp-block-sidebar>* h2 { margin-bottom: 21px; } .wp-block-sidebar .wp-block-latest-posts__list>li:not(:last-child) { border-bottom: 1px solid; margin-bottom: 21px; padding-bottom: 21px; } .wp-block-sidebar .wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search { position: relative; } .wp-block-sidebar .wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search input { height: 48px; padding-left: 14px; padding-right: 55px; background-color: transparent; } .wp-block-search__button-inside button.wp-block-search__button.has-icon.wp-element-button { position: absolute; right: 0; background-color: transparent; height: 48px; } .wp-block-search__button-inside button.wp-block-search__button.has-icon.wp-element-button svg { color: var(--wp--preset--color--color-dark) } .header-media-inner-post .wp-block-search__button-inside button.wp-block-search__button.has-icon.wp-element-button:hover svg { color: var(--wp--preset--color--persian-pink) } .wp-block-column-sidebar .wp-block-archives-list>li>a, .wp-block-column-sidebar .wp-block-categories-list>li>a, a .wp-block-footer.wp-block-widget-area .wp-contact-address a, .wp-block-widget-area .wp-block-latest-posts__list>li>a { font-weight: var(--wp--custom--typography--font-weight--normal); color: var(--wp--preset--color--foreground); &:hover { color: var(--wp--preset--color--meta); } } .footer-dark .wp-block-footer.wp-block-widget-area .wp-contact-address a, .footer-dark .wp-block-widget-area .wp-block-latest-posts__list>li>a { color: var(--wp--preset--color--color-light); &:hover { text-decoration: underline; } } .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; } .wp-block-latest-posts.wp-block-latest-posts__list li:not(:last-child) { border-bottom: 1px solid var(--wp--preset--color--dune); padding-bottom: var(--wp--custom--spacing--tiny); } .editor-styles-wrapper .wc-block-components-checkbox-list li, .wc-block-components-checkbox-list li { margin: 0 0 14px; } .editor-styles-wrapper .wc-block-components-checkbox-list li label, .wc-block-components-checkbox-list li label { margin: 0 } /* --- Block Footer style -------------------------------------------------------- */ body:not(.home) footer>div:first-child { border-top: 1px solid; } footer .wp-block-image { margin-top: 0; } footer>*+* { margin-block-start: 0 !important; } .footer-dark .wp-block-footer.wp-block-widget-area, .footer-dark .wp-block-footer.wp-block-site-generator { background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--meta); } .footer-dark .wp-block-footer.wp-block-widget-area a, .footer-dark .wp-block-footer .wp-block-site-tagline { color: var(--wp--preset--color--meta); opacity: 1; } .wp-block-footer .wp-block-site-tagline { font-size: var(--wp--preset--font-size--tiny); line-height: var(--wp--custom--typography--line-height--extra-small); margin-top: 0; } .footer-dark .wp-block-footer.wp-block-widget-area a:hover, .footer-dark .wp-block-footer.wp-block-widget-area a:focus { color: var(--wp--preset--color--color-light); } .footer-dark .wp-block-footer.wp-block-site-generator .wp-block-navigation .wp-block-navigation-item__content { color: var(--wp--preset--color--meta); } .footer-dark .wp-block-navigation .wp-block-navigation__submenu-icon { color: var(--wp--preset--color--meta); } .footer-dark .wp-block-footer.wp-block-site-generator .wp-block-navigation__responsive-container-open, .footer-dark .wp-block-footer.wp-block-site-generator .wp-block-navigation__responsive-container-close, .footer-dark .wp-block-footer.wp-block-site-generator .wp-block-navigation .current-menu-item .wp-block-navigation-item__content, .footer-dark .wp-block-footer.wp-block-site-generator .wp-block-navigation .wp-block-navigation-item__content:hover, .footer-dark .wp-block-footer.wp-block-site-generator .wp-block-navigation .wp-block-navigation-item__content:focus { color: var(--wp--preset--color--color-light); } .wp-block-widget-area .wp-block-site-title { font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--typography--font-weight--bold); } .footer-dark h1, .footer-dark h2, .footer-dark h3, .footer-dark h4, .footer-dark h5, .footer-dark h6 { color: var(--wp--preset--color--color-light); } .footer-dark .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container, .footer-dark .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--preset--color--secondary); } .wp-block-footer .wp-block-navigation .wp-block-navigation-item__content { font-size: 16px; font-weight: var(--wp--custom--typography--font-weight--normal); text-transform: none; } .wp-block-footer.wp-block-site-generator .wp-block-navigation .wp-block-navigation-item__content { font-size: 14px; } /* --- 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>.wp-block-group { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--typography--line-height--heading-four); padding-bottom: 28px; padding-top: 28px; border-top: 1px solid var(--wp--preset--color--dune); } .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--text-link); } .wp-block-footer.wp-block-site-generator a { text-decoration: none; } .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--tiny); } .wp-block-widget-area .wp-block-widget figure { line-height: 0; margin-bottom: 0; } .wp-block-footer .wp-block-navigation__container, .wp-block-widget .wp-block-navigation .wp-block-page-list { display: block; margin-top: -7px; } .wp-block-footer.wp-block-site-generator .wp-block-navigation__container { display: flex; } /* --- WP Block Sections -------------------------------------------------------- */ .wp-block-section { padding-bottom: var(--wp--custom--spacing--section-block-top); padding-top: var(--wp--custom--spacing--section-block-top); } .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); font-weight: var(--wp--custom--typography--font-weight--bold); margin: 0.15em 0.15em 0 -0.07em; font-size: 5em; } /* --- WP Block Image -------------------------------------------------------- */ .wp-block-cover-image, .wp-block-cover { min-height: 420px; transition: all 0.3s ease-in-out; } .header-media-inner-post .wp-block-cover { min-height: 260px; } .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 Code -------------------------------------------------------- */ .wp-block-code>code { color: var(--wp--preset--color--body-text); border-color: var(--wp--preset--color--border-color); } /* --- WP Block Firgcaption -------------------------------------------------------- */ .wp-site-blocks figure figcaption, figure figcaption { color: var(--wp--preset--color--body-text); font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--typography--line-height--paragraph); font-style: italic; opacity: 0.6; } /* --- 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--semi-bold); } .wp-block-calendar table caption { color: var(--wp--preset--color--foreground); margin-bottom: 7px; } /* --- WP Block Header Search and Social (Toggle) -------------------------------------------------------- */ .wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-social .social-container, .wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-search .search-container { left: -30px; right: -30px; width: calc(100% + 60px); } .wp-block-header-default { position: relative; } header.wp-block-template-part { margin-block-start: 0; } .wp-header-right .wp-block-search__inside-wrapper { min-width: auto !important; } .wp-block-fse-pro-header-social .social-container { background: var(--wp--preset--color--secondary); } .wp-block-fse-pro-header-search svg:hover, .wp-block-fse-pro-header-search svg:focus, .wp-block-fse-pro-header-social svg:hover, .wp-block-fse-pro-header-social svg:focus { fill: var(--wp--preset--color--foreground); } .wp-block-fse-pro-header-search .wp-block-search { padding: 0; } /* New for Social and Search */ .search-container .wp-block-search__button { margin-left: 1px; } .wp-block-main-header .wp-block-main-header-container { justify-content: flex-end; } .wp-block-main-header .wp-block-navigation .wp-block-page-list, .wp-block-main-header .wp-block-main-header-container, .wp-block-main-header .wp-block-social-search-container { gap: 0; } .wp-block-fse-pro-header-search .search-container, .wp-block-fse-pro-header-social .social-container { left: 0; padding: 14px 30px; } .wp-block-fse-pro-header-search .search-controller:hover svg, .wp-block-fse-pro-header-search .search-controller:focus svg, .wp-block-fse-pro-header-social .social-controller:hover svg, .wp-block-fse-pro-header-social .social-controller:focus svg, .wp-block-social-search-container .wp-block-social-links.is-style-logos-only .wp-social-link a:hover, .wp-block-social-search-container .wp-block-social-links.is-style-logos-only .wp-social-link a:focus { color: var(--wp--preset--color--text-link); fill: var(--wp--preset--color--text-link); } .wp-block-fse-pro-header-search svg, .wp-block-fse-pro-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); } .wp-block-main-header .fse-pro-icons:hover svg, .wp-block-main-header .fse-pro-icons:focus svg, .wp-block-main-header .wc-block-mini-cart__button:hover svg, .wp-block-main-header .wc-block-mini-cart__button:focus svg, .wp-block-main-header .wp-block-fse-pro-header-search .search-controller:hover svg, .wp-block-main-header .wp-block-fse-pro-header-search .search-controller:focus svg, .wp-block-main-header .wp-block-fse-pro-header-social .social-controller:hover svg, .wp-block-main-header .wp-block-fse-pro-header-social .social-controller:focus svg { color: var(--wp--preset--color--wisteria); fill: var(--wp--preset--color--wisteria); transition: all 0.4s; } .header-with-search-cart .header-inner-wrapper { width: 100%; } @keyframes smoothScrollBack { 0% { transform: translateY(30px); } 100% { transform: translateY(0px); } } /* Fadein For Menu */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { /* Opera */ from { opacity: 0; } to { opacity: 1; } } /* --- 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--text-link); 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 -------------------------------------------------------- */ .site-newsletter { text-align: center; } .site-newsletter .tnp-subscription-minimal { margin-top: 35px; } .tnp-subscription-minimal form input.tnp-submit { font-family: var(--wp--preset--font-family--poppins); border-radius: 5px; display: block; width: auto; margin: 28px auto 0 auto; padding: 11px 24px; width: 100%; border-radius: 6px; text-transform: capitalize; } .tnp-subscription-minimal form input.tnp-email { background-color: transparent; max-width: 100%; border-radius: 6px; padding: 13px; font-family: var(--wp--preset--font-family--poppins); color: var(--wp--preset--color--color-light); width: 100%; display: block; font-size: var(--wp--preset--font-size--medium); } .wp-block-tnp-minimal>p { margin: 0; } /* --- 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 { width: 58px; text-indent: 9999px; margin-top: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; background-image: url("assets/images/arrow.png"); background-repeat: no-repeat; background-size: 25%; background-position: center; &:hover, &:focus { background-image: url("assets/images/arrow.png"); background-repeat: no-repeat; background-size: 25%; background-position: center; } } .wp-block-footer .wp-block-tnp-minimal { padding: 0 !important; } .wp-block-footer .tnp-subscription-minimal form input.tnp-email { background-color: transparent; border: 1px solid var(--wp--preset--color--body-text); padding: 14px; border-top-right-radius: 0; border-bottom-right-radius: 0; color: var(--wp--preset--color--color-light); opacity: 1; &:hover, &:focus { border: 1px solid var(--wp--preset--color--button-color); } } .wp-block-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { color: var(--wp--preset--color--meta); fill: var(--wp--preset--color--meta); } .wp-block-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover svg, .wp-block-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:focus svg { color: var(--wp--preset--color--color-light); fill: var(--wp--preset--color--color-light); } /* --- WP Block Breadcumb -------------------------------------------------------- */ .breadcrumb-area { font-size: var(--wp--preset--font-size--tiny); } .breadcrumb-area a { color: var(--wp--preset--color--foreground); text-decoration: none; } .post-type-archive-product.woocommerce .woocommerce-breadcrumb, .post-type-archive-product.woocommerce .woocommerce-breadcrumb a, .header-media-inner-post .breadcrumb-area a { color: var(--wp--preset--color--foreground); } .breadcrumb-area a:hover, .breadcrumb-area a:focus { text-decoration: underline; } .breadcrumb span { opacity: 0.7; } .header-media-inner-post .wp-block-post-title+.breadcrumb-area, .header-media-inner-post+.breadcrumb-area { margin: 14px 0 0 0; } /* --- WP Block Sidebar -------------------------------------------------------- */ .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-social-links .wp-social-link .wp-block-social-link-anchor { padding: 7px; } ul.wp-block-social-links { gap: 0; } .wp-block-footer ul.wp-block-social-links { left: -9px; position: relative; } .wp-block-fse-pro-header-social .social-container { padding: 11px; } .wp-block-fse-pro-header-social .social-controller, .wp-block-fse-pro-header-search .search-controller, .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor { padding: 9px; width: auto; height: auto; } .wp-header-right .wp-block-woocommerce-customer-account a { padding: 11px; } .wp-header-right .wp-block-woocommerce-customer-account a svg { margin: 0; width: 20px; height: 20px; top: 0 } .wp-header-right .wp-block-woocommerce-customer-account a svg+span:empty { display: none; } .wp-block-fse-pro-header-social .social-controller svg, .wp-block-fse-pro-header-search .search-controller svg, .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 24px; height: 24px; } .wp-block-main-header .fse-pro-icons a { display: flex; padding: 8px; } footer .wp-block-navigation .wp-block-navigation-item__content, footer .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding-bottom: 7px; padding-top: 7px; } .simple-audio-player .simp-controls button { height: 42px; padding: 10px; width: 42px; } @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; } /** CSS IF THERE IF PRODUCT SEARCH POPUP ***/ .search-product .wp-block-search__inside-wrapper { max-width: 1400px; width: 100%; border-radius: 10px; box-sizing: border-box; position: relative; } .wp-header-right .wp-block-search .wp-block-search__label { max-width: 1400px; display: block; font-size: var(--wp--custom--typography--font-size--heading-five); margin: 0 0 14px; font-weight: var(--wp--custom--typography--font-weight--semi-bold); display: none; } .dummy-icon .wp-block-search__inside-wrapper .wp-block-search__button { padding: 5px; background-color: transparent; background-size: 20px; background-position: center; background-repeat: no-repeat; transition: none; svg { transition: none; } &:hover, &:focus { background-color: transparent; } } .search-toggle .dummy-icon .wp-block-search__inside-wrapper .wp-block-search__button svg { opacity: 0; } .search-toggle .dummy-icon .wp-block-search__inside-wrapper .wp-block-search__button { background-image: url("data:image/svg+xml, "); } .dummy-icon input { display: none; } .search-toggle .search-popup .wp-block-search__button { z-index: 1; position: absolute; right: 14px; top: 10px; &:hover { background-color: transparent; } } .search-toggle { .wp-block-search__button { z-index: 1; } .search-product { opacity: 1; transform: translateY(0); transition: transform 0.5s ease-in-out; visibility: visible; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0; input[type="search"] { background-color: var(--wp--preset--color--secondary-bg-color); opacity: 1; position: relative; visibility: visible; border-radius: 8px; box-sizing: border-box; background: var(--wp--preset--color--primary); transition: all 0.4s; &:hover, &:focus { border: 1px solid var(--wp--preset--color--persian-pink); background-color: transparent; } } } } .search-toggle .wp-block-group.alignfull.wp-block-section.wp-block-popular-products.wp-product-showcase.is-layout-constrained { padding: 0; max-width: 1400px; width: 100%; } .search-toggle .search-popup { opacity: 1; transform: translateY(0); transition: transform 0.5s ease-in-out; visibility: visible; margin-block-start: 0; z-index: 10; box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .search-container .dummy-icon.wp-block-search { margin-block-start: 0; padding: 0; } .wp-header-right .wp-block-search__button svg { fill: var(--wp--preset--color--foreground); width: 32px; height: 32px; transition: all 0.4s; } .wp-header-right .wp-block-search__button:hover svg { fill: var(--wp--preset--color--persian-pink); } .search-popup { transform: translateY(0); transition: transform 0.5s ease-in-out; background-color: var(--wp--preset--color--background); border-top: 1px solid var(--wp--preset--color--border-color); left: 0; position: absolute; padding: 1.5rem var(--wp--custom--spacing--outer); box-sizing: border-box; top: 100%; opacity: 0; visibility: hidden; width: 100%; z-index: 3; } /** wp search product css **/ .wp-search-latest-products { padding: 0; display: none; .wp-block-group-heading { margin-bottom: 14px; } h2 { font-size: var(--wp--preset--font-size--upper-heading) } }