@charset "UTF-8"; /* Theme Name: BlockMag Theme URI: https://catchthemes.com/themes/blockmag Author: Catch Themes Author URI: https://catchthemes.com Description: BlockMag is a free magazine WordPress block theme for full site editing. This theme is fully responsive, intuitive, and visually appealing. It is a beautifully designed theme perfect for building magazines and news websites. This block-based theme comes with an array of powerful customization options. The theme includes an eye-catchy light color scheme that looks more appealing. With the help of an intuitive drag-and-drop interface, you can easily customize your site. The theme includes simple and easy-to-use block patterns. There are 19+ block patterns, 11 Templates, and 8 Templates Parts available in this theme to help you build the magazine site the way you want. Some of the block patterns are 404 Header, Ad Full Width After Header, CTA, Cover News, Featured News, Footer Three Columns, Header With Buttons, Header With Logo Center, Recent Blog With Sidebar, Search Header, Post Header Without BG, Logo With No Title, and many more. All the block patterns, Templates, and Templates Parts are fully responsive adapt to all screen sizes, are highly customizable, and have fast loading. Download BlockMag today and start building an amazing magazine website! Requires at least: 5.9 Tested up to: 6.1 Requires PHP: 5.6 Version: 1.0.1 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: blockmag Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, block-patterns, block-styles, 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. BlockMag is based on Twenty Twenty-Two WordPress Theme, 2021-2022 WordPress.org. BlockMag 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; } /* * Search and File Block button styles. * Necessary until the following issues are resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/36444 * https://github.com/WordPress/gutenberg/issues/27760 */ .wp-block-search__button, .wp-block-file .wp-block-file__button { background-color: var(--wp--preset--color--text-link); border-radius: 0; border: none; color: var(--wp--preset--color--background); font-size: var(--wp--preset--font-size--medium); padding: calc(.667em + 2px) calc(1.333em + 2px); } /* * Button hover styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ .wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button:not(.is-style-button) .wp-block-button__link:hover { opacity: 1; } /* * Alignment styles. * These rules are temporary, and should not be relied on or * modified too heavily by themes or plugins that build on * BlockMag Pro. 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 Button Style -------------------------------------------------------- */ .wp-block-button.is-style-button .wp-block-button__link:after, .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-excerpt__more-link:after, .wp-block-featured-news .wp-block-post-template > li .wp-block-post-excerpt__more-link:after, .wp-block-style-news .wp-block-post-template > li .wp-block-post-excerpt__more-link:after, .wp-block-most-popular-news .wp-block-post-template > li .wp-block-post-excerpt__more-link:after { content: ""; display: inline-block; width: 0.25rem; height: 0.25rem; border: 0.125rem solid; border-bottom: 0; border-left: 0; border-radius: 1px; transform: rotate(45deg); margin-left: 5px; margin-bottom: 2px; opacity: 0.6; transition: 0.3s; } .wp-block-button.is-style-button .wp-block-button__link, .wp-block-lifestyle-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-featured-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-style-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-most-popular-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link { background: transparent !important; background-color: transparent !important; border-radius: 0; color: var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--extra-small); font-weight: var(--wp--custom--typography--font-weight--semi-bold); padding: 0; margin-top: 0; } .wp-block-button.is-style-button .wp-block-button__link:hover, .wp-block-button.is-style-button .wp-block-button__link:focus, .wp-block-lifestyle-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover, .wp-block-lifestyle-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:focus, .wp-block-style-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover, .wp-block-style-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:focus, .wp-block-featured-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover, .wp-block-featured-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:focus, .wp-block-most-popular-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover, .wp-block-most-popular-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:focus { color: var(--wp--preset--color--picton-blue); } .is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) { background: transparent !important; } .is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--foreground); } /* --- WP Block Post Author Style -------------------------------------------------------- */ .is-style-post-author-card { border: 1px solid var(--wp--preset--color--border-color); padding: var(--wp--custom--spacing--extra-small); box-sizing: border-box; } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__content { padding-left: 10px; } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__bio { font-size: var(--wp--custom--typography--font-size--heading-six); line-height: var(--wp--custom--typography--line-height--heading-six); } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__name { font-size: var(--wp--preset--font-size--normal); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); color: var(--wp--preset--color--foreground); } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__avatar > .avatar { border-radius: 50%; } /* --- WP Block Post Comments Style -------------------------------------------------------- */ .wp-block-post-comments.is-style-post-comments .commentlist > li > .children > li article, .wp-block-post-comments.is-style-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.is-style-post-comments .commentlist .comment-body > *:last-child, .wp-block-post-comments.is-style-post-comments .comment-respond > *:last-child, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form > *:last-child, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form > P:last-of-type { margin-bottom: 0; } .wp-block-post-comments.is-style-post-comments .comment-meta { font-size: 1em; } .wp-block-post-comments.is-style-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); margin-bottom: 7px; } .wp-block-post-comments.is-style-post-comments .comment-content { margin-left: 3.4em; margin-top: 20px; } .wp-block-post-comments.is-style-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.is-style-post-comments .comment-metadata a, .wp-block-post-comments.is-style-post-comments .comment-author .fn .url { text-decoration: none; } .wp-block-post-comments.is-style-post-comments .comment-author .fn .url { color: var(--wp--preset--color--text-link); } .wp-block-post-comments.is-style-post-comments .comment-metadata a { color: var(--wp--preset--color--ironside-grey); } .wp-block-post-comments .commentlist > .comment { padding-left: 0; } .wp-block-post-comments.is-style-post-comments .comment-meta b { font-weight: var(--wp--custom--typography--font-weight--bold); } .wp-block-post-comments.is-style-post-comments .comment-metadata a:hover, .wp-block-post-comments.is-style-post-comments .comment-metadata a:focus, .wp-block-post-comments.is-style-post-comments .comment-author .fn .url:hover, .wp-block-post-comments.is-style-post-comments .comment-author .fn .url:focus { color: var(--wp--preset--color--picton-blue); } .wp-block-post-comments.is-style-post-comments .comment-metadata > *:not(:last-child) { padding-right: 10px; } .wp-block-post-comments.is-style-post-comments .reply { font-size: var(--wp--preset--font-size--small); margin-left: 4.4em; } .wp-block-post-comments.is-style-post-comments .reply a { text-decoration: none; text-transform: uppercase; color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); } .wp-block-post-comments.is-style-post-comments .reply a:hover, .wp-block-post-comments.is-style-post-comments .reply a:focus { color: var(--wp--preset--color--picton-blue); } .wp-block-post-comments.is-style-post-comments .comment-respond { border: 1px solid; margin-top: var(--wp--custom--spacing--normal); padding: var(--wp--custom--spacing--wp-comment-vertical); } .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form { font-size: var(--wp--preset--font-size--upper-heading); } .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form a, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form .logged-in-as, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form .comment-notes, .wp-block-post-comments.is-style-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.is-style-post-comments textarea, .wp-block-post-comments.is-style-post-comments input:not([type="submit"]):not([type="checkbox"]) { border: 1px solid; color: var(--wp--preset--color--body-text); } .wp-block-post-comments.is-style-post-comments textarea:focus, .wp-block-post-comments.is-style-post-comments input:not([type="submit"]):not([type="checkbox"]):focus { border-color: var(--wp--preset--color--ironside-grey); color: var(--wp--preset--color--foreground); outline: none; } .form-submit.wp-block-button { text-align: center; } /* --- WP Block Latest Comments Style -------------------------------------------------------- */ .wp-block-latest-comments.is-style-latest-comments { margin-top: 0; padding: 0; } .wp-block-latest-comments.is-style-latest-comments a { text-decoration: none; } .wp-block-latest-comments.is-style-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.is-style-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt > *:last-child { margin-bottom: 0; } .wp-block-latest-comments.is-style-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-top: 20px; } .wp-block-latest-comments.is-style-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date { margin-top: 7px; } .wp-block-latest-comments.is-style-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 Style -------------------------------------------------------- */ .wp-block-quote.is-style-block-quote p { color: var(--wp--preset--color--foreground); font-size: var(--wp--preset--font-size--content-heading); font-style: italic; font-weight: var(--wp--custom--typography--font-weight--normal); line-height: var(--wp--custom--typography--line-height--paragraph); margin-top: 0; } .wp-block-quote.is-style-block-quote, .wp-block-quote.is-style-block-quote.has-text-align-left, .wp-block-quote.is-style-block-quote.has-text-align-right, .wp-block-quote.is-style-block-quote.has-text-align-center { border: 0; position: relative; padding: 80px 0 0 0; } .wp-block-quote.is-style-block-quote:before { color: var(--wp--preset--color--text-link); content: "\201C"; display: block; float: left; font-family: Arial; font-size: clamp(100px, 7.5vw, 130px); font-style: normal; font-weight: var(--wp--custom--typography--font-weight--bold); height: 0; line-height: 1; position: absolute; margin-top: 5px; top: 0; } .wp-block-quote.is-style-block-quote.has-text-align-left:before { left: 0; transform: none; } .wp-block-quote.is-style-block-quote.has-text-align-right:before { left: unset; right: 0; } .wp-block-quote.is-style-block-quote.has-text-align-center:before { left: 50%; transform: translateX(-50%); } .wp-block-quote.is-style-block-quote cite, .wp-block-quote.is-style-block-quote footer { font-size: var(--wp--preset--font-size--small); } .wp-block-quote.is-style-block-quote.is-style-large, .wp-block-quote.is-style-block-quote.is-large { color: var(--wp--preset--color--foreground); } /* --- WP Block Pullquote Style -------------------------------------------------------- */ .wp-block-pullquote.is-style-pullquote { border-bottom-color: var(--wp--preset--color--text-link); border-top-color: var(--wp--preset--color--text-link); padding: 1.75em 0; border-top-width: 0.25em; border-bottom-width: 0.25em; } .wp-block-pullquote.is-style-pullquote blockquote { margin: 0; } .wp-block-pullquote.is-style-pullquote p { color: var(--wp--preset--color--foreground); font-size: var(--wp--preset--font-size--content-heading); font-style: italic; font-weight: var(--wp--custom--typography--font-weight--normal); line-height: var(--wp--custom--typography--line-height--paragraph); margin-top: 0; } .wp-block-pullquote.is-style-pullquote cite, .wp-block-pullquote.is-style-pullquote footer, .wp-block-pullquote.is-style-pullquote .wp-block-pullquote__citation { font-size: var(--wp--preset--font-size--small); text-transform: none; } .wp-block-pullquote.is-style-pullquote.alignleft, .wp-block-pullquote.is-style-pullquote.alignright, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote { border-bottom: 0; border-top: 0; } .wp-block-pullquote.is-style-pullquote.alignleft, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote { border-left: 0.25em solid var(--wp--preset--color--text-link); padding: 0 0 0 1.75em; text-align: left; } .wp-block-pullquote.is-style-pullquote.alignleft.has-text-align-right, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote.has-text-align-right { text-align: right; } .wp-block-pullquote.is-style-pullquote.alignleft.has-text-align-center, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote.has-text-align-center, .wp-block-pullquote.is-style-pullquote.alignright.has-text-align-center, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote.has-text-align-center { text-align: center; } .wp-block-pullquote.is-style-pullquote.alignright, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote { border-right: 0.25em solid var(--wp--preset--color--text-link); padding: 0 1.75em 0 0; text-align: right; } .wp-block-pullquote.is-style-pullquote.alignright.has-text-align-left, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote.has-text-align-left { text-align-last: left; } /* --- WP Block Table Style -------------------------------------------------------- */ .wp-block-table.is-style-wp-table td, .wp-block-table.is-style-wp-table th { border-color: var(--wp--preset--color--border-color); padding: 0.5em 1.4em; } .wp-block-table.is-style-wp-table th:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center) { text-align: left; } .wp-block-table.is-style-wp-table thead { border-bottom: 0; } .wp-block-table tfoot { border-top: 0; } .wp-block-table.is-style-wp-table th { font-weight: var(--wp--custom--typography--font-weight--bold); color: var(--wp--preset--color--foreground); } .wp-block-table.is-style-wp-table table { border: 1px solid var(--wp--preset--color--border-color); } .wp-block-table.is-style-wp-table td { border-bottom: 0; border-top: 0; } /* --- WP Block Preformatted and Verse Style -------------------------------------------------------- */ .wp-block-preformatted.is-style-wp-preformatted, .wp-block-verse.is-style-wp-verse { background-color: var(--wp--preset--color--secondary); box-sizing: border-box; font-family: 'Courier Prime', monospace; padding: var(--wp--custom--spacing--extra-small); overflow: auto; word-wrap: break-word; } pre.wp-block-code { box-sizing: border-box; } /* --- WP Block Social Icons Style -------------------------------------------------------- */ .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 { border-radius: 0; } .wp-block-social-link:hover { transform: none; } .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor svg { transition: all 0.5s ease; } /* --- 3 -------------------------------------------------------- */ /* --- 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--montserrat); } .wp-block-post-comments .comment-reply-title { text-align: center; } 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-fse-pro-icons, .topbar-wrapper, .wp-block-featured-video .wp-block-video-cover img, .wp-block-feature-content .wp-block-image a img { transition: all 0.5s ease; } .wp-block-section .wp-block-group-heading { margin-bottom: 4px; padding-top: 21px; border-top: 1px solid; } .wp-block-section .wp-block-group-heading > h2 { margin-top: 7px; } .wp-block-group-heading h6, .wp-block-cover .wp-block-group-heading h6 { font-weight: var(--wp--custom--typography--font-weight--bold); font-size: var(--wp--preset--font-size--normal); } .wp-block-group-heading h2 { margin-block-start: 7px !important; } .wp-block-group-heading .is-style-button .wp-block-button__link { position: relative; padding-right: 15px; 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: 10px; } .wp-block-group-heading .is-style-button .wp-block-button__link:after { position: absolute; right: 0; margin-bottom: 0; } .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--picton-blue); } @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); } body.home .wp-site-blocks main { margin-top: 0; } .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); } /* --- 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; } .wp-block-main-header .wp-block-button.is-style-button .wp-block-button__link:after { content: none; } header .wp-block-buttons .wp-block-button__link { margin-top: 0; } .topbar-wrapper { border-top: 1px solid; border-bottom: 1px solid; } .topbar-wrapper .wp-block-fse-pro-header-search .search-controller { border-left: 1px solid; border-right: 1px solid; transition: all 0.5s ease; } .topbar-wrapper .wp-block-fse-pro-header-search .search-container { top: 100%; } .trending-wrapper { gap: 0 10px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; } .trending-wrapper .trending-headiing { font-family: var(--wp--preset--font-family--montserrat); } .trending-wrapper ul { padding-left: 0; } .trending-wrapper ul li { max-width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .trending-wrapper ul li a { text-decoration: none; } .trending-wrapper ul li::marker { font-size: 0; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li .wp-block-post-title { font-size: var(--wp--preset--font-size--extra-small); font-family: var(--wp--preset--font-family--montserrat); line-height: var(--wp--custom--typography--line-height--paragraph); } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p { font-size: var(--wp--preset--font-size--extra-small); font-family: var(--wp--preset--font-family--montserrat); line-height: var(--wp--custom--typography--line-height--paragraph); } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { text-decoration: none; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slider, .trending-wrapper .swiper-wrapper.vertical { height: 25px; } .is-root-container .wp-block-query.trending-query .wp-block-query-no-results { display: none; } .is-root-container .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(4) { float: left; clear: none; } .is-root-container .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(5) { clear: left; } @media screen and (min-width: 48em) { .is-root-container .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(4n) { margin-left: 30px; } .is-root-container .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(4n+1) { margin-left: 0; clear: left; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li:nth-child(3n):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li:nth-child(3n - 2):after { content: none; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li:nth-child(1):after { content: ""; } } @media screen and (min-width: 64em) { .is-root-container .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(4n + 2) { clear: none; } .is-root-container .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(4n - 1) { clear: left; } .is-root-container .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3) { clear: none; } } @media screen and (min-width: 85.375em) { .is-root-container .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(4n) { margin-left: 40px; } } .trending-wrapper { padding-top: 17px; } .current-date-wrapper, .trending-wrapper { padding-top: 17px; } .trending-wrapper { padding-bottom: 7px; } .current-date-wrapper .wp-block-fse-pro-date { color: var(--wp--preset--color--text-link); font-weight: var(--wp--custom--typography--font-weight--semi-bold); font-size: var(--wp--preset--font-size--extra-small); } .current-date-wrapper .wp-block-fse-pro-date span.day:after { content: ","; } .topbar-toggle-wrap { position: relative; z-index: 9; text-align: center; padding: 9px 0; } .topbar-toggle-wrap .toggle-close { margin-top: 0; cursor: pointer; } .topbar-toggle-wrap .open { cursor: pointer; } .topbar-toggle-wrap .wp-block-fse-pro-icons .fse-pro-icons { display: block; } .topbar-toggle-wrap .wp-block-fse-pro-icons .fse-pro-icons svg { width: 24px; height: 24px; } .topbar-toggle-wrap .header-top-label { cursor: pointer; margin-top: 0; line-height: 1.5; margin-left: 5px; text-transform: uppercase; font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--foreground); } .open.hide + .wp-block-fse-pro-icons.toggle-close { display: block; margin-top: 0; cursor: pointer; } .open + .wp-block-fse-pro-icons.toggle-close { display: none; } .topbar-wrapper.toggle-on + .topbar-toggle-wrap .toggle-close.hide { display: block; } .topbar-wrapper + .topbar-toggle-wrap { margin-top: 0; display: flex; justify-content: center; } .topbar-wrapper.toggle-on { display: block; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .topbar-wrapper.toggle-on .wp-block-group.alignwide, .topbar-wrapper.toggle-on .trending-wrapper { display: block; } .topbar-main-wrapper { border-bottom: 1px solid var(--wp--preset--color--border-color); } .wp-block-main-header.wp-block-main-header-logo-center .is-content-justification-space-between.wp-block-group.alignwide { gap: 0; } .topbar-wrapper { top: 42px; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); padding: 0; position: absolute; transform-origin: top; width: 100% !important; z-index: 2; background-color: var(--wp--preset--color--background); } .topbar-wrapper > .wp-block-group > .wp-block-group:not(.social-toggle-search-wrapper) { display: block; } body.admin-bar .topbar-wrapper { top: 88px; } .topbar-wrapper.toggle-on .wp-block-group.alignwide { padding-bottom: 10px; } .topbar-wrapper.toggle-on + .topbar-toggle-wrap .wp-block-fse-pro-icons.open { display: none; } /* --- WP Block Site title Style -------------------------------------------------------- */ .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--picton-blue); } .wp-block-site-tagline { opacity: 0.6; } /* --- WP Block Navigation Main -------------------------------------------------------- */ .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, .wp-block-main-header .wp-block-navigation .wp-block-navigation-item__content { 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-centered-menu .wp-block-navigation { text-align: center; } /* --- WP Block Button -------------------------------------------------------- */ .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"], .tnp-subscription-minimal form input.tnp-submit { font-family: var(--wp--preset--font-family--montserrat); background: var(--wp--preset--color--text-link); border: 0; border-radius: 0; color: var(--wp--preset--color--color-white); cursor: pointer; 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.75vw); padding-right: max(1.5rem, 1.499vw); padding-bottom: max(0.7rem, 0.75vw); padding-left: max(1.5rem, 1.499vw); text-transform: uppercase; text-decoration: none; } .wp-block-query-pagination-previous:hover, .wp-block-query-pagination-previous:focus, .wp-block-query-pagination-next:hover, .wp-block-query-pagination-next:focus, .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover, .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link: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 { opacity: 0.90; } .is-style-outline > :where(.wp-block-button__link), :where(.wp-block-button__link).is-style-outline { border: 1px solid; } .wp-block-button__link, .tnp-subscription-minimal form input.tnp-submit { transition: all .3s ease-in-out; } .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, .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover, .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link: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 { border-color: transparent; background: var(--wp--preset--color--picton-blue); color: var(--wp--preset--color--color-white); 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-numbers .page-numbers { background-color: var(--wp--preset--color--secondary); 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); font-weight: var(--wp--custom--typography--font-weight--semi-bold); } .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-date a { color: var(--wp--preset--color--meta); text-decoration: none; text-transform: uppercase; } .wp-block-post-author__name { font-size: var(--wp--preset--font-size--small); font-family: var(--wp--preset--font-family--montserrat); font-weight: var(--wp--custom--typography--font-weight--medium); line-height: var(--wp--custom--typography--line-height--heading-two); text-transform: capitalize; color: var(--wp--preset--color--dune); } .wp-block-post-author__name:before { content: "By"; text-transform: lowercase; margin-right: 5px; } .wp-block-section .wp-block-post-date { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--typography--font-weight--normal); line-height: var(--wp--custom--typography--line-height--heading-two); text-transform: capitalize; color: var(--wp--preset--color--dune); } .wp-block-section .wp-block-post-date:before { content: "—"; margin-right: 5px; } .wp-block-section .wp-block-post-meta { gap: 0 7px; } .single .wp-block-post-meta, .single .taxonomy-category.wp-block-post-terms > a, .single .taxonomy-post_tag.wp-block-post-terms > a, .single .wp-block-post-date a { text-transform: lowercase; } .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: 4px; 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 { border-color: transparent; background: var(--wp--preset--color--border-color); color: var(--wp--preset--color--color-white); } .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 Terms( WP Block Post Meta) Custom -------------------------------------------------------- */ .wp-block-post-meta.custom-meta .wp-post-author { position: relative; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--typography--font-weight--medium); line-height: var(--wp--custom--typography--line-height--heading-two); text-transform: capitalize; color: var(--wp--preset--color--dune); } .wp-block-post-meta.custom-meta .wp-post-author:before { content: "By"; text-transform: lowercase; margin-right: 5px; } .wp-block-post-meta.custom-meta .wp-post-date { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--typography--font-weight--normal); line-height: var(--wp--custom--typography--line-height--heading-two); color: var(--wp--preset--color--dune); position: relative; text-transform: capitalize; } .wp-block-post-meta.custom-meta .wp-post-date:before { content: "—"; margin-right: 5px; } .wp-block-post-meta.custom-meta .wp-post-date a { color: var(--wp--preset--color--meta); text-decoration: none; text-transform: capitalize; } .wp-block-post-meta.custom-meta .wp-post-date a:hover, .wp-block-post-meta.custom-meta .wp-post-date a:focus { color: var(--wp--preset--color--picton-blue); } /* --- 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; } .wp-block-post-navigation-link .post-navigation-link__label + .post-navigation-link__title { margin-top: 14px; display: block; } .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 .post-navigation-link__title { font-family: var(--wp--preset--font-family--libre-baskerville); line-height: var(--wp--custom--typography--line-height--heading-two); } .wp-block-post-navigation-link a:hover, .wp-block-post-navigation-link a:focus { color: var(--wp--preset--color--picton-blue); } .wp-block-navigation .wp-block-navigation__submenu-icon { color: var(--wp--preset--color--body-text); } .wp-block-navigation .wp-block-navigation__submenu-icon { margin-right: 7px; } /* --- WP Block Post Template(wp-block-post) -------------------------------------------------------- */ .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--picton-blue); } body > .is-root-container .wp-block-post-template > li .wp-block-post-container, body .wp-block-post-template > li .wp-block-post-container { margin-top: 0; } .wp-block-post-terms svg.icon { display: none; } .wp-block-post-container .wp-block-post-meta + .wp-block-post-title { margin-top: 14px; } h1.wp-block-post-title { font-size: var(--wp--custom--typography--font-size--heading-one); } .wp-block-post-template .wp-block-post-meta > * { align-items: center; } 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); margin-top: 0; padding-bottom: var(--wp--custom--spacing--wp-comment-horizontal); border-bottom: 1px solid var(--wp--preset--color--border-color); } .wp-block-post-template div.wp-block-columns { gap: 0; } .wp-block-post-template div.wp-block-columns > .wp-block-column { margin-bottom: var(--wp--style--block-gap, 2em); } .wp-block-post-template div.wp-block-columns > .wp-block-column:last-child { margin-bottom: 0; } .wp-block-post-template div.wp-block-columns > .wp-block-column:empty { margin: 0; } .wp-block-post-featured-image, .wp-block-featured-video .wp-block-video-cover, .wp-block-feature-content .wp-block-image { overflow: hidden; } .wp-block-post-featured-image:hover img, .wp-block-featured-video .wp-block-video-cover:hover img, .wp-block-feature-content .wp-block-image a:hover img, .wp-block-feature-content .wp-block-image a:focus 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:not(.is-style-large), .wp-block-pullquote { font-family: var(--wp--preset--font-family--libre-baskerville); } .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--montserrat); 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 { background-color: var(--wp--preset--color--secondary); box-sizing: border-box; padding: 14px; } .wp-block-search .wp-block-search__input { background-color: var(--wp--preset--color--background); border: 0; color: var(--wp--preset--color--body-text); padding: 10px 14px; } .wp-block-fse-pro-header-search .search-container .wp-block-search .wp-block-search__input { border: 1px solid var(--wp--preset--color--border-color); border-right: 0; } .wp-block-fse-pro-header-search .search-container .wp-block-search .wp-block-search__input:focus { outline: none; border-color: var(--wp--preset--color--picton-blue); } .wp-block-fse-pro-header-search .search-container .wp-block-search .wp-block-search__button { padding: 15px; } .wp-block-fse-pro-header-search .search-container .wp-block-search .wp-block-search__button svg { width: 30px; height: 30px; } .wp-block-search__input:focus { color: var(--wp--preset--color--foreground); } .wp-block-search__button { background-color: var(--wp--preset--color--text-link); color: var(--wp--preset--color--background); cursor: pointer; padding: 10px 12px; transition: all 0.5s ease; } .wp-block-search__button:hover, .wp-block-search__button:focus { background-color: var(--wp--preset--color--picton-blue); color: var(--wp--preset--color--color-light); } /* --- 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 { border-radius: 0; /* border: 0; */ color: var(--wp--preset--color--body-text); padding: calc(0.667em + 2px); font-size: var(--wp--preset--font-size--upper-heading); 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"]: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--picton-blue); color: var(--wp--preset--color--foreground); outline: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 10px; border-color: var(--wp--preset--color--border-color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: calc(0.667em + 2px); } .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 { border-radius: 0; 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; } .wpcf7-form label { display: block; font-size: var(--wp--preset--font-size--extra-small); color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--heading-four); text-transform: uppercase; } /* --- 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: var(--wp--custom--typography--line-height--heading-six); 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-widget-area a { text-decoration: none; } .wp-block-widget-area h2 { font-family: var(--wp--preset--font-family--montserrat); font-size: var(--wp--preset--font-size--tiny); line-height: var(--wp--custom--typography--line-height--heading-six); font-weight: var(--wp--custom--typography--font-weight--normal); text-transform: uppercase; } .footer-dark .wp-block-footer.wp-block-widget-area .wp-block-navigation .wp-block-navigation__container, ul.wp-block-social-links.is-style-logos-only, .wp-block-footer.wp-block-widget-area ul.wp-block-social-links { padding-left: 0; gap: 0; } .wp-block-footer-widget-area-columns .wp-block-widget .wp-block-social-links.is-style-logos-only .wp-social-link:first-child, .wp-block-footer .wp-block-site-info .wp-block-social-links .wp-block-social-link:first-child .wp-block-social-link-anchor { margin-left: -10px; } .wp-block-tag-cloud > a { display: inline-block; margin-bottom: 7px; padding: 4px 14px; text-decoration: none; } .wp-block-widget-area ul, ul.wp-block-archives, ul.wp-block-categories, .wp-block-archives ul, .wp-block-categories ul { padding-left: 20px; } .wp-block-widget-area li { margin-bottom: 14px; } .wp-block-footer.wp-block-widget-area .wp-block-navigation li { margin-bottom: 7px; } .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-archives-list > li > a, .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--picton-blue); } .wp-block-sidebar > *:not(:last-child) { margin-bottom: var(--wp--custom--spacing--wp-block-sidebar-widget); } .wp-block-sidebar > * h2 { border-bottom: 1px solid; margin-bottom: 20px; padding-bottom: 20px; } .wp-block-sidebar .wp-block-latest-posts__list > li:not(:last-child) { border-bottom: 1px solid; margin-bottom: 21px; padding-bottom: 21px; } .wp-block-widget-area .wp-block-latest-posts__list > li > a { font-weight: var(--wp--custom--typography--font-weight--semi-bold); } .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 -------------------------------------------------------- */ footer .wp-block-image { margin-top: 0; } footer > * + * { margin-block-start: 0 !important; } .footer-dark .wp-block-footer.wp-block-widget-area { background-color: var(--wp--preset--color--tertiary); color: var(--wp--preset--color--meta); } .footer-dark .wp-block-footer.wp-block-widget-area a { color: var(--wp--preset--color--meta); } .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-white); } .footer-dark .wp-block-footer.wp-block-widget-area .wp-block-site-title a, .footer-dark .wp-block-footer .wp-block-site-tagline { color: var(--wp--preset--color--color-white); } .footer-dark .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: 4px; } .footer-dark .wp-block-footer.wp-block-widget-area .wp-block-site-title a:hover, .footer-dark .wp-block-footer.wp-block-widget-area .wp-block-site-title a:focus { color: var(--wp--preset--color--picton-blue); } .footer-dark .wp-block-footer.wp-block-site-generator { background-color: var(--wp--preset--color--color-dark); color: var(--wp--preset--color--meta); } .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); } .footer-dark h1, .footer-dark h2, .footer-dark h3, .footer-dark h4, .footer-dark h5, .footer-dark h6 { color: var(--wp--preset--color--color-white); } .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--woodsmoke); } /* --- 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 { font-size: var(--wp--preset--font-size--extra-small); line-height: var(--wp--custom--typography--line-height--heading-four); } .wp-block-site-info { border-top: 1px solid var(--wp--preset--color--ironside-grey); padding-bottom: 28px; padding-top: 28px; } .footer-dark .wp-block-site-info > p a { color: var(--wp--preset--color--color-white); } .footer-dark .wp-block-site-info > p a:hover, .footer-dark .wp-block-site-info > p a:focus { color: var(--wp--preset--color--picton-blue); } .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 Sections -------------------------------------------------------- */ .wp-block-section { padding-bottom: var(--wp--custom--spacing--section-block-top); padding-top: var(--wp--custom--spacing--section-block-top); } .header-media-inner-post + .wp-block-section, .wp-block-section + .header-media-inner-post, .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, main.wp-block-group { margin-top: 0; } .wp-block-section + .wp-block-section:not(.wp-block-newsletter) { padding-top: 0; } .wp-block-section.wp-block-newsletter + .wp-block-section, .wp-block-section.wp-block-cta-just-video + .wp-block-section, .wp-block-section.wp-block-cta-with-video + .wp-block-section, .wp-block-section.wp-block-subscribe + .wp-block-section, .wp-block-section.wp-block-cta + .wp-block-section, .wp-block-section + .wp-block-section.wp-block-cta { padding-top: var(--wp--custom--spacing--section-block-top); } main.wp-block-group > .ad-after-header { margin-top: 12px; } .ad-full-width-image + .wp-block-section, .wp-block-section + .ad-full-width-image { margin-top: 0; } .wp-block-section.wp-block-cta-just-video, .wp-block-section.wp-block-cta-with-video, .wp-block-section.wp-block-subscribe { padding-bottom: 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: 280px; transition: all 0.3s ease-in-out; } .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-main-header { position: relative; } .wp-block-fse-pro-header-search .search-container, .wp-block-fse-pro-header-social .social-container { padding: 0; } .wp-block-fse-pro-header-search .wp-block-search__input { background: var(--wp--preset--color--background); } .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: 0; } .wp-block-main-header .wp-block-main-header-container, .wp-block-main-header .social-toggle-search-wrapper { gap: 0; } .wp-block-fse-pro-header-search .search-container, .wp-block-fse-pro-header-social .social-container { left: 0; } .social-toggle-search-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link a:hover, .social-toggle-search-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link a:focus { color: var(--wp--preset--color--picton-blue); fill: var(--wp--preset--color--picton-blue); } .wp-block-fse-pro-header-social .social-controller:hover, .wp-block-fse-pro-header-social .social-controller:focus, .wp-block-fse-pro-header-search .search-controller:hover, .wp-block-fse-pro-header-search .search-controller:focus, .topbar-wrapper .wp-block-fse-pro-header-search .search-controller:hover, .topbar-wrapper .wp-block-fse-pro-header-search .search-controller:focus { background-color: var(--wp--preset--color--picton-blue); border-color: var(--wp--preset--color--picton-blue); } .wp-block-fse-pro-header-search svg, .wp-block-fse-pro-header-social svg, .social-toggle-search-wrapper .wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor { color: var(--wp--preset--color--text-link); fill: var(--wp--preset--color--text-link); } .search-container .wp-block-search__button svg { color: var(--wp--preset--color--color-light); fill: var(--wp--preset--color--color-light); } .wp-block-fse-pro-header-search .search-container, .wp-block-fse-pro-header-social .social-container { animation: smoothScrollBack .6s backwards, fadein .6s; } @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--montserrat); border-radius: 0; display: block; width: auto; margin: 28px auto 0 auto; padding: 11px 24px; } .tnp-subscription-minimal form input.tnp-email { background-color: var(--wp--preset--color--color-light); border-color: transparent; max-width: 100%; padding: 13px; font-family: var(--wp--preset--font-family--montserrat); color: var(--wp--preset--color--body-text); width: 100%; display: block; border-radius: 0; } .tnp-subscription-minimal form input.tnp-email:focus { color: var(--wp--preset--color--color-dark); } .wp-block-tnp-minimal > p { margin: 0; } .wp-block-subscribe .wp-block-group-heading { border-top: 0; padding-top: 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: auto; margin-top: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .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--text-link); padding: 14px; border-top-right-radius: 0; border-bottom-right-radius: 0; color: var(--wp--preset--color--color-light); opacity: 1; } .wp-block-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg, .wp-block-footer .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor svg { color: var(--wp--preset--color--color-light); fill: var(--wp--preset--color--color-light); } .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, .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 { 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; } .header-media-inner-post .breadcrumb-area a { color: var(--wp--preset--color--foreground); } .header-media-inner-post.without-bg { padding-top: var(--wp--custom--spacing--wp-footer-vertical); margin-top: 7px; } .breadcrumb-area a:hover, .breadcrumb-area a:focus { color: var(--wp--preset--color--picton-blue); } .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; } /* --- 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, .woocommerce a.added_to_cart.wc-forward { background: transparent; border: 1px solid var(--wp--preset--color--border-color); border-radius: 0; color: var(--wp--preset--color--body-text); 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); padding: 9px 21px; text-transform: uppercase; text-decoration: none; text-align: center; } .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, .woocommerce a.added_to_cart.wc-forward { transition: all .3s ease-in-out; } .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, .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, .woocommerce a.added_to_cart.wc-forward:hover, .woocommerce a.added_to_cart.wc-forward:focus { border-color: transparent; background: var(--wp--preset--color--border-color); color: var(--wp--preset--color--background); opacity: 1; } .woocommerce a.added_to_cart.wc-forward { margin-top: 10px; } .wc-block-grid__product { text-align: left; } .wc-block-components-product-image { margin-bottom: 28px; } .wc-block-grid__product .wc-block-grid__product-title, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: var(--wp--custom--typography--font-size--heading-five); font-weight: 600; line-height: var(--wp--custom--typography--line-height--heading-four); transition: all .3s ease-in-out; } .woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: var(--wp--preset--color--text-link); } .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; } .wp-block-button.wc-block-components-product-button:before { content: ''; display: table; table-layout: fixed; width: 100%; } .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-price, .wc-block-grid__product .wc-block-grid__product-rating { margin-bottom: 28px; } .wc-block-grid__product-rating { color: inherit; } .wc-block-grid__product { border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid transparent; } .wc-block-grid__products { margin: 0 -15px 15px; } .wc-block-components-product-sale-badge, .woocommerce span.onsale, .wc-block-grid__product-onsale { background-color: var(--wp--preset--color--text-link); color: var(--wp--preset--color--color-light); font-size: 0.7em; padding: 0.5em 1em; border: 0; line-height: 1.5; text-transform: uppercase; min-height: auto; min-width: auto; font-weight: 600; border-radius: 3px; } .woocommerce span.onsale { top: 4px; left: 4px; margin: 0; } .woocommerce ul.products li.product .onsale { left: auto; right: 4px; top: 4px; margin: 0; } .wc-block-components-product-price__value, .woocommerce ul.products li.product .price { font-size: var(--wp--custom--typography--font-size--heading-five); } .wc-block-mini-cart-items .wc-block-components-product-price__value { font-size: inherit; } .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--font-weight--semi-bold); } .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); color: var(--wp--preset--color--foreground); padding: 14px; border: 0; border-color: transparent; border-right: 14px solid var(--wp--preset--color--secondary); outline: 0; font-size: 18px; font-size: 1.125rem; } .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: 18px; font-size: 1.125rem; } /* Styles for Product Single Page */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--wp--preset--color--text-link); border: 0; border-radius: 28px; color: var(--wp--preset--color--color-light); 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); 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; transition: all .3s ease-in-out; } .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--secondary); background: var(--wp--preset--color--meta); color: var(--wp--preset--color--color-light); opacity: 1; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } .woocommerce-review-link, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .posted_in a, .wc-block-review-list-item__product > a, .wc-block-product-categories-list-item > a { text-decoration: none; } .woocommerce div.product p.price, .woocommerce div.product span.price, .wc-block-grid__product-price.price { color: var(--wp--preset--color--foreground); } .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 .product .summary .cart .quantity .input-text { font-size: var(--wp--preset--font-size--upper-heading); width: 5em; } /* Single Page Tabs */ .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: var(--wp--preset--color--secondary); border-color: var(--wp--preset--color--border-color); border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs .panel { background-color: var(--wp--preset--color--secondary); } .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: var(--wp--preset--color--secondary); } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs .panel { padding: 30px; } .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-four); margin-bottom: 28px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--wp--preset--color--body-text); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--wp--preset--color--foreground); } .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: 600; margin-bottom: 21px; display: block; } .woocommerce-Reviews .comment-form { background-color: var(--wp--preset--color--background); padding: 25px; } .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; } table.variations { color: var(--wp--preset--color--foreground); text-transform: capitalize; } /* Woocommerce Breadcrumb */ .woocommerce .woocommerce-breadcrumb { font-size: 14px; font-size: 0.875rem; } .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--text-link); } /* 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: var(--wp--preset--color--secondary); 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 .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--text-link); } /* 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 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); } #coupon_code { width: 135px; } .cart_totals > h2 { color: var(--wp--preset--color--foreground); font-size: var(--wp--custom--typography--font-size--heading-five); font-weight: 600; 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--text-link); 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); } .woocommerce .quantity .qty { width: 5em; } /* Billing and Shipping */ .woocommerce-grouped-product-list a { text-decoration: none; } .woocommerce-message:before, .woocommerce-info:before { color: var(--wp--preset--color--text-link); } .woocommerce-message, .woocommerce-info { border-top-color: var(--wp--preset--color--text-link); } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--body-text); } .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: 600; margin-bottom: 21px; display: block; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: var(--wp--preset--color--secondary); } .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); } /* Mini Cart */ .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: 600; margin-bottom: 21px; display: block; margin: 50px 25px 0; } .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); } .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: none; } 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--text-link); } .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 .3s ease-in-out; } .wc-block-mini-cart__button:hover, .wc-block-mini-cart__button:focus, .wc-block-mini-cart__button:hover:not([disabled]):hover, .wc-block-mini-cart__button:hover:not([disabled]):focus { cursor: pointer; color: var(--wp--preset--color--text-link); opacity: 1; } .wc-block-components-drawer .components-modal__header .components-button { cursor: pointer; transition: all .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--text-link); } .wc-block-components-totals-item__label, .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value { color: var(--wp--preset--color--foreground); } .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, .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:focus, .wc-block-components-button:not(.is-link).contained:hover { background-color: var(--wp--preset--color--border-color); color: var(--wp--preset--color--foreground); transition: all .3s ease-in-out; } .wc-block-components-button:not(.is-link).contained:hover, .wc-block-components-button:not(.is-link).contained:focus, .wc-block-components-button:not(.is-link).contained:active:hover, .wc-block-components-button:not(.is-link).contained:active:focus, .wc-block-components-button:not(.is-link).contained:disabled:hover, .wc-block-components-button:not(.is-link).contained:disabled:focus, .wc-block-components-button:not(.is-link).contained:focus, .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: var(--wp--preset--color--text-link); color: var(--wp--preset--color--color-light); border-color: transparent; } /* --- Block Hand Picked Products -------------------------------------------------------- */ .wc-block-grid__product-onsale { position: absolute; top: 4px; right: 4px; } .wp-block-button.wc-block-grid__product-add-to-cart { clear: both; } /* --- Block Product Search -------------------------------------------------------- */ .wc-block-product-search .wc-block-product-search__button { background-color: transparent; padding: 0 1em; transition: all 0.5s ease; outline: none; } .wc-block-product-search .wc-block-product-search__button:hover, .wc-block-product-search .wc-block-product-search__button:focus { background-color: var(--wp--preset--color--picton-blue); border-color: var(--wp--preset--color--picton-blue); } .wc-block-product-search .wc-block-product-search__button:hover svg, .wc-block-product-search .wc-block-product-search__button:focus svg { fill: var(--wp--preset--color--color-light); } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* --- -------------------------------------------------------- */ /* --- Block Header Media & Text -------------------------------------------------------- */ .content > .video-play { display: flex; align-items: center; } .content > .video-play, .content.has-text-align-center > .video-play { justify-content: center; text-decoration: none; } .content.has-text-align-left > .video-play { justify-content: flex-start; } .content.has-text-align-right > .video-play { justify-content: flex-end; } .content > .video-play > span { display: inline-block; padding-left: 7px; } .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-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-left: 0; padding-right: 0; } /* --- Block Header Media & Text With Title and Navigation -------------------------------------------------------- */ .wp-block-custom-header-media-with-video .content svg, .wp-block-custom-header-media-with-video .content span, .wp-block-custom-header-media-with-title-and-nav .content svg, .wp-block-custom-header-media-with-title-and-nav .content span, .wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-search .search-controller svg, .wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-social .social-controller svg { color: var(--wp--preset--color--color-light); fill: var(--wp--preset--color--color-light); } .wp-block-custom-header-media-with-title-and-nav .wp-block-site-title a, .wp-block-custom-header-media-with-title-and-nav .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--color-light); } .wp-block-custom-header-media-with-title-and-nav .wp-block-site-title a:hover, .wp-block-custom-header-media-with-title-and-nav .wp-block-site-title a:focus, .wp-block-custom-header-media-with-title-and-nav .wp-block-navigation__responsive-container-open:hover, .wp-block-custom-header-media-with-title-and-nav .wp-block-navigation__responsive-container-open:focus, .wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-search .search-controller:hover svg, .wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-header-social .social-controller:hover svg { color: var(--wp--preset--color--text-link); fill: var(--wp--preset--color--text-link); } .wp-block-cover.wp-block-custom-header-media-with-title-and-nav .block-editor-block-list__layout { width: auto; } .wp-block-custom-header-media-with-title-and-nav .wp-block-main-header { padding-bottom: 10px; } .wp-block-custom-header-media-with-title-and-nav.wp-block-section { padding-top: 0; } .wp-block-custom-header-media-with-title-and-nav .wp-block-main-header .wp-block-button__link, .wp-block-main-header .wp-block-button__link { margin-top: 0; } .wp-block-custom-header-media-with-title-and-nav .content > .video-play > span { padding-left: 14px; } header .wp-block-media-text .wp-block-buttons .wp-block-button__link { margin-top: 14px; } /* For Wp Custom Block - Popup Video Overlay Issues */ .wp-block-custom-header-media-with-title-and-nav .wp-block-social-search-container { z-index: 3; } .wp-block-custom-header-media-with-title-and-nav { z-index: 2; } .wp-block-custom-header-media-with-video.wp-block-cover .wp-block-cover__inner-container, .wp-block-custom-header-media-with-title-and-nav.wp-block-cover .wp-block-cover__inner-container { z-index: inherit; } .wp-block-custom-header-media-with-video .wp-block-media-text__media, .wp-block-custom-header-media-with-title-and-nav .wp-block-media-text__media { z-index: 2; } .wp-block-custom-header-media-with-video .wp-block-media-text__content > *:not(.wp-block-buttons), .wp-block-custom-header-media-with-video .wp-block-media-text__content .wp-block-buttons .wp-block-button, .wp-block-custom-header-media-with-title-and-nav .wp-block-media-text__content > *:not(.wp-block-buttons), .wp-block-custom-header-media-with-title-and-nav .wp-block-media-text__content .wp-block-buttons .wp-block-button { position: relative; z-index: 2; } .wp-block-custom-header-media-with-video .wp-block-fse-pro-popup-video .content, .wp-block-custom-header-media-with-title-and-nav .wp-block-fse-pro-popup-video .content { position: relative; } /* --- -------------------------------------------------------- */ /* --- Block About Us -------------------------------------------------------- */ /* --- Block About Us With Stats -------------------------------------------------------- */ .about-stat-heading { font-size: var(--wp--custom--typography--font-size--heading-one); line-height: 1.13; } .wp-bloock-about-us-with-stats .wp-block-column > * + * { margin-block-start: 14px; } /* --- Block Hero Content -------------------------------------------------------- */ .wp-block-cover.wp-block-hero-content .wp-block-cover__image-background { left: auto; width: 42%; } @media screen and (max-width: 37.5em) { .wp-block-cover.wp-block-hero-content { flex-direction: column; } .wp-block-cover.wp-block-hero-content .wp-block-cover__image-background { position: static; width: 100%; } } /* --- -------------------------------------------------------- */ /* --- 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--group-heading-bottom-gap); } .wp-block-how-it-work .wp-block-section-content { padding: var(--wp--custom--spacing--wp-comment-vertical) 28px; border-radius: 10px; transition: all 0.5s ease; } .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--text-link); } .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 Team -------------------------------------------------------- */ /* --- Block Team -------------------------------------------------------- */ .wp-block-team .wp-block-column .wp-block-image { text-align: center; } .wp-block-team .wp-block-column .wp-block-image img { max-width: 200px; width: 100%; } /* --- Block Team Slider -------------------------------------------------------- */ .wp-block-team .wp-block-section-content h2, .wp-block-team-slider .wp-block-section-content h2 { font-size: var(--wp--preset--font-size--normal); line-height: 1.75; font-weight: var(--wp--custom--typography--font-weight--semi-bold); } /* Slider Buttons Above The Wrapper */ .swiper-button-next:after, .swiper-button-prev:after { font-weight: 100; } .wp-block-team-slider .fse-slider-wrapper, .wp-block-logo-slider .fse-slider-wrapper, .wp-block-team-slider .block-editor-block-list__block.fse-pro-slider, .wp-block-logo-slider .block-editor-block-list__block.fse-pro-slider { margin-top: -110px; padding-top: 110px; } .wp-block-logo-slider .fse-slider-wrapper, .wp-block-logo-slider .block-editor-block-list__block.fse-pro-slider { padding-top: 130px; } .wp-block-team-slider .navigation-wrap, .wp-block-logo-slider .navigation-wrap { position: absolute; top: 30px; right: 0; display: flex; gap: 10px; } .wp-block-team-slider .swiper-button-next, .wp-block-team-slider .swiper-button-prev, .wp-block-logo-slider .swiper-button-prev, .wp-block-logo-slider .swiper-button-next { position: initial; transform: none; background-color: transparent; border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--foreground); } .fse-pro-slider .swiper-button-prev:hover, .fse-pro-slider .swiper-button-prev:focus, .fse-pro-slider .swiper-button-next:hover, .fse-pro-slider .swiper-button-next:focus, .fse-slider-wrapper .swiper-button-prev:hover, .fse-slider-wrapper .swiper-button-prev:focus, .fse-slider-wrapper .swiper-button-next:hover, .fse-slider-wrapper .swiper-button-next:focus, .wp-block-team-slider .swiper-button-prev:hover, .wp-block-team-slider .swiper-button-prev:focus, .wp-block-team-slider .swiper-button-next:hover, .wp-block-team-slider .swiper-button-next:focus, .wp-block-logo-slider .swiper-button-prev:hover, .wp-block-logo-slider .swiper-button-prev:focus, .wp-block-logo-slider .swiper-button-next:hover, .wp-block-logo-slider .swiper-button-next:focus { border-color: transparent; background: var(--wp--preset--color--border-color); color: var(--wp--preset--color--background); } .wp-block-team-slider .wp-block-group-heading, .wp-block-logo-slider .wp-block-group-heading { position: relative; z-index: 1; padding-right: 130px; } /* --- -------------------------------------------------------- */ /* --- Block Logo -------------------------------------------------------- */ .wp-block-logo .wp-block-column .wp-block-image { text-align: center; } .wp-block-logo .wp-block-group-heading + div { margin-top: var(--wp--custom--spacing--wp-comment-horizontal); } /* --- Block Logo SSlider -------------------------------------------------------- */ .wp-block-logo-slider .fse-slider-wrapper.vertical .wp-block-fse-pro-slider, .wp-block-logo-slider .swiper-wrapper.vertical { height: 360px; } .wp-block-logo-slider .swiper-button-next { transform: rotate(-90deg); } .wp-block-logo-slider .swiper-button-prev { transform: rotate(270deg); } .wp-block-logo-slider .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .wp-block-logo-slider .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; margin: 10px; } .wp-block-logo-slider .horizontal-outside-slider-bottom-left .swiper-pagination, .wp-block-logo-slider .horizontal-outside-slider-bottom-center .swiper-pagination { margin-top: 150px; } /* --- -------------------------------------------------------- */ /* --- Block Episode -------------------------------------------------------- */ .wp-block-episode .wp-block-cover__inner-container.block-editor-block-list__layout { position: static; } .wp-block-episode .wp-block-cover .block-editor-block-list__layout { width: auto; } .wp-block-episode-content-container { position: absolute; bottom: clamp(28px, 2vw, 35px); left: clamp(28px, 2vw, 35px); right: clamp(28px, 2vw, 35px); width: calc(100% - clamp(28px, 2vw, 35px)); } .wp-block-episode .wp-block-post-date svg { display: none; } .wp-block-episode-date { border: 1px solid var(--wp--preset--color--ironside-grey); padding: 14px; text-align: center; } .wp-block-episode-date .wp-block-post-date + .wp-block-post-date { margin-top: 3px; } .wp-block-episode .wp-block-post-date:nth-child(1) { color: var(--wp--preset--color--color-light); font-weight: var(--wp--custom--typography--font-weight--medium); font-size: clamp(16px, 1vw, 18px); line-height: var(--wp--custom--typography--line-height--heading-six); text-transform: uppercase; } .wp-block-episode .wp-block-post-date:nth-child(2) { font-size: clamp(28px, 2.2vw, 42px); font-weight: var(--wp--custom--typography--font-weight--bold); color: var(--wp--preset--color--color-light); line-height: 1; } .wp-block-episode-title p:not(.has-text-color) { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--typography--line-height--paragraph); } .wp-block-episode-title h2:not(.has-text-color) { font-size: clamp(24px, 2vw, 32px); font-weight: var(--wp--custom--typography--font-weight--semi-bold); } .wp-block-episode-title p + h2 { margin-top: 1px; } .wp-block-episode .wp-block-cover .wp-block-cover__background { transition: opacity 0.3s ease-out; } .wp-block-episode .wp-block-cover:hover .wp-block-cover__background { opacity: 0.3; transition: opacity 0.3s ease-out; } .wp-block-episode .wp-block-cover { overflow: hidden; } .wp-block-episode .wp-block-cover .wp-block-cover__image-background { transition: 0.3s ease-out; } .wp-block-episode .wp-block-cover:hover .wp-block-cover__image-background { transform: scale(1.05); } /* --- -------------------------------------------------------- */ /* --- Block Podcast -------------------------------------------------------- */ /* --- Block Featured Podcast -------------------------------------------------------- */ .wp-block-podcast-title p { color: var(--wp--preset--color--body-text); font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--typography--line-height--paragraph); } .wp-block-featured-podcast .wp-block-section-content h2 { font-size: var(--wp--preset--font-size--normal); line-height: 1.75; font-weight: var(--wp--custom--typography--font-weight--semi-bold); margin-top: 0; } .wp-block-featured-podcast .wp-block-image { overflow: hidden; } .wp-block-featured-podcast .wp-block-image img { opacity: 1; transition: opacity 0.35s; transition: 0.3s; } .wp-block-featured-podcast .wp-block-image:hover img, .wp-block-featured-podcast .wp-block-image:focus img { transform: scale(1.05); opacity: 0.6; } .wp-block-featured-podcast .wp-block-group-heading .wp-block-button .wp-block-button__link { margin-top: 0; } .wp-block-featured-podcast .content > .video-play { margin-top: 0; } @media screen and (max-width: 48.8125em) { .wp-block-featured-podcast .wp-block-group-heading .wp-block-buttons { justify-content: flex-start; } } /* --- Block Favourite Podcast -------------------------------------------------------- */ .wp-block-favourite-podcast .wp-block-cover .wp-block-cover__background { transition: opacity 0.3s ease-out; } .wp-block-favourite-podcast .wp-block-cover:hover .wp-block-cover__background { opacity: 0.3; transition: opacity 0.3s ease-out; } .wp-block-favourite-podcast .wp-block-cover { overflow: hidden; } .wp-block-favourite-podcast .wp-block-cover .wp-block-cover__image-background { transition: 0.3s ease-out; } .wp-block-favourite-podcast .wp-block-cover:hover .wp-block-cover__image-background { transform: scale(1.05); } .wp-block-favourite-podcast .wp-block-section-content .icon { fill: var(--wp--preset--color--text-link); width: 16px; height: 16px; } .wp-block-featured-podcast .content .video-play svg, .wp-block-favourite-podcast .content .video-play svg { display: none; } .wp-block-featured-podcast .content .video-play:before, .wp-block-featured-podcast .content .video-play:after, .wp-block-favourite-podcast .content .video-play:before, .wp-block-favourite-podcast .content .video-play:after { content: ""; border: 2px solid var(--wp--preset--color--foreground); position: absolute; border-radius: 50%; top: -5px; right: -5px; bottom: -5px; left: -5px; } .wp-block-featured-podcast .content .video-play, .wp-block-favourite-podcast .content .video-play { background: var(--wp--preset--color--color-light); width: 70px; height: 70px; border-radius: 100%; position: relative; text-indent: -9999px; cursor: pointer; margin: 0 auto; } .wp-block-featured-podcast .content .video-play { background: transparent; -webkit-box-shadow: inset 0px 0px 0px 1px var(--wp--preset--color--border-color); -moz-box-shadow: inset 0px 0px 0px 1px var(--wp--preset--color--border-color); box-shadow: inset 0px 0px 0px 1px var(--wp--preset--color--border-color); width: 50px; height: 50px; } .wp-block-featured-podcast .content .video-play:hover, .wp-block-favourite-podcast .content .video-play:hover { background: var(--wp--preset--color--text-link); -webkit-box-shadow: inset 0px 0px 0px 1px transparent; -moz-box-shadow: inset 0px 0px 0px 1px transparent; box-shadow: inset 0px 0px 0px 1px transparent; } .wp-block-featured-podcast .content .video-play:hover span, .wp-block-favourite-podcast .content .video-play:hover span { border-left-color: var(--wp--preset--color--color-light); } .wp-block-featured-podcast .content .video-play span, .wp-block-favourite-podcast .content .video-play span { width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid var(--wp--preset--color--color-dark); border-bottom: 15px solid transparent; margin-top: 0; text-indent: -9999px; padding: 0; } .wp-block-featured-podcast .content .video-play span { border-top: 8px solid transparent; border-left: 10px solid var(--wp--preset--color--foreground); border-bottom: 8px solid transparent; } /* Hover Annimation */ .wp-block-featured-podcast .content .video-play:before, .wp-block-favourite-podcast .content .video-play:before { border: 2px solid transparent; } .wp-block-featured-podcast .content .video-play:before, .wp-block-featured-podcast .content .video-play:after, .wp-block-favourite-podcast .content .video-play:before, .wp-block-favourite-podcast .content .video-play:after { border-radius: 100%; opacity: 0; } .wp-block-featured-podcast .content .video-play:hover::before, .wp-block-favourite-podcast .content .video-play:hover::before { transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; } .wp-block-featured-podcast .content .video-play:hover::after, .wp-block-favourite-podcast .content .video-play:hover::after { border-left: 2px solid; border-right: 2px solid; border-bottom-width: 2px; border-top-width: 2px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, opacity 0.3s; opacity: 0.8; } /* For Wp Custom Block - Popup Video Overlay Issues */ /* .wp-block-favourite-podcast .wp-block-cover .wp-block-cover__inner-container { z-index: inherit; } .wp-block-favourite-podcast .wp-block-fse-pro-popup-video .content { position: relative; } */ /* --- -------------------------------------------------------- */ /* --- Block CTA -------------------------------------------------------- */ .wp-block-cta .wp-block-button__link { margin-top: 0; background-color: var(--wp--preset--color--body-text); } .wp-block-cta .wp-block-button__link:hover, .wp-block-cta .wp-block-button__link:focus { background-color: var(--wp--preset--color--picton-blue); } .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-top: 0; padding-top: 0; } /* --- Block CTA With Video -------------------------------------------------------- */ .wp-block-cta-with-video .content .video-play svg, .wp-block-cta-just-video .content .video-play svg, .wp-block-featured-video .content > .video-play svg, .wp-block-featured-video .wp-block-section-content .wp-block-post-meta svg.icon { display: none; } .wp-block-cta-with-video .content { margin-top: 3em; padding-bottom: 26px; } .wp-block-cta-with-video .content .video-play:before, .wp-block-cta-with-video .content .video-play:after, .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; } .wp-block-cta-with-video .content .video-play, .wp-block-cta-just-video .content .video-play, .wp-block-featured-video .content .video-play { background: var(--wp--preset--color--background); width: 70px; height: 70px; border-radius: 100%; position: relative; text-indent: -9999px; cursor: pointer; margin: 0 auto; } .wp-block-featured-video .content .video-play { background: var(--wp--preset--color--background); z-index: 1; } .wp-block-featured-video .content .video-play span { border-left-color: var(--wp--preset--color--foreground); } .wp-block-featured-video .content .video-play:hover, .wp-block-featured-video .content .video-play:focus { background-color: var(--wp--preset--color--picton-blue); } .wp-block-featured-video .content .video-play:hover span, .wp-block-featured-video .content .video-play:focus span { border-left-color: var(--wp--preset--color--background); } .wp-block-cta-with-video .content .video-play:hover, .wp-block-cta-just-video .content .video-play:hover { background: var(--wp--preset--color--picton-blue); } .wp-block-cta-with-video .content .video-play:hover span, .wp-block-cta-just-video .content .video-play:hover span { border-left-color: var(--wp--preset--color--background); } .wp-block-cta-with-video .content .video-play span, .wp-block-cta-just-video .content .video-play span, .wp-block-featured-video .content .video-play span { width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid var(--wp--preset--color--color-dark); border-bottom: 15px solid transparent; margin-top: 0; text-indent: -9999px; padding: 0; } .wp-block-featured-video .content .video-play span { border-left: 20px solid var(--wp--preset--color--dune); } .wp-block-cta-with-video .content .video-play:before, .wp-block-cta-just-video .content .video-play:before { border: 1px solid transparent; } .wp-block-cta-with-video .content .video-play:before, .wp-block-cta-with-video .content .video-play:after, .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-with-video .content .video-play:hover::before, .wp-block-cta-with-video .content .video-play:focus::before, .wp-block-cta-with-video .content .video-play:hover::after, .wp-block-cta-with-video .content .video-play:focus::after, .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--picton-blue); } /* For Wp Custom Block - Popup Video Overlay Issues */ .wp-block-cta-with-video.wp-block-cover .wp-block-cover__inner-container, .wp-block-cta-just-video.wp-block-cover .wp-block-cover__inner-container, .wp-block-featured-video .wp-block-video-cover.wp-block-cover .wp-block-cover__inner-container { z-index: inherit; } .wp-block-cta-with-video .wp-block-group-heading, .wp-block-cta-just-video .wp-block-group-heading { position: relative; z-index: 2; } .wp-block-cta-with-video .wp-block-fse-pro-popup-video .content, .wp-block-cta-just-video .wp-block-fse-pro-popup-video .content { position: relative; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 198px; } .wp-block-featured-video .wp-block-section-content { margin-top: 21px; } .wp-block-featured-video .wp-block-section-content h2 { font-weight: var(--wp--custom--typography--font-weight--normal); } .wp-block-featured-video .wp-block-section-content .wp-block-post-meta { margin-top: 14px; } /* --- -------------------------------------------------------- */ /* --- Block featured Content -------------------------------------------------------- */ .wp-block-feature-content .wp-block-entry-content { margin-block-start: 0 !important; } .wp-block-feature-content .wp-block-entry-content > h2 { line-height: var(--wp--custom--typography--line-height--heading-six); } .wp-block-feature-content .wp-block-entry-content > h2 > a { text-decoration: none; } .wp-block-feature-content .wp-block-entry-content .wp-block-post-meta, .wp-block-feature-content .wp-block-entry-content .taxonomy-category.wp-block-post-terms > a, .wp-block-feature-content .wp-block-entry-content .taxonomy-post_tag.wp-block-post-terms > a, .wp-block-feature-content .wp-block-entry-content .wp-block-post-date a { text-transform: capitalize; } .wp-block-feature-content .wp-block-entry-content .wp-block-post-meta { margin-top: 14px; } .wp-block-feature-content .wp-block-entry-content .wp-block-post-meta svg.icon { display: none; } .wp-block-feature-content .wp-block-post-group .wp-block-image { margin-bottom: 21px; } .wp-block-feature-content .wp-block-post-group > p + .wp-block-image { margin-top: 14px; } /* --- -------------------------------------------------------- */ /* --- Block Testimonials -------------------------------------------------------- */ .wp-block-testimonials .wp-group-content { text-align: center; } .wp-block-testimonials .wp-group-content:before { left: 0; } .wp-block-testimonials .wp-group-author { margin-top: clamp(35px, 2.2vw, 42px); } .wp-block-testimonials .wp-group-author p { margin-top: 1px; } .wp-block-testimonials .wp-block-fse-pro-slider, .wp-block-testimonials .fse-slider-wrapper { max-width: 920px; margin-left: auto; margin-right: auto; } .wp-block-testimonials .wp-block-image { background-image: url("assets/images/testimonials-small-bg.png"); background-repeat: no-repeat; background-position: center; width: 100%; } .wp-block-testimonials .wp-group-content > h2, .wp-block-testimonials .wp-group-content > p, .wp-block-testimonials .wp-group-author .wp-block-image, .wp-block-testimonials .wp-group-author .wp-block-image + div { opacity: 0; left: 80px; visibility: hidden; } .wp-block-testimonials .swiper-slide-active .wp-group-content > h2, .wp-block-testimonials .swiper-slide-active .wp-group-content > p, .wp-block-testimonials .swiper-slide-active .wp-group-author .wp-block-image, .wp-block-testimonials .swiper-slide-active .wp-group-author .wp-block-image + div { left: 0; opacity: 1; position: relative; visibility: visible; transition: all 1s ease; } .wp-block-testimonials .wp-group-content:before { opacity: 0; transition: all 1s ease; visibility: hidden; } .wp-block-testimonials .swiper-slide-active .wp-group-content:before { opacity: 1; visibility: visible; transition-delay: .5s; } .wp-block-testimonials .swiper-slide-active .wp-group-content > h2 { transition-delay: .2s; } .wp-block-testimonials .swiper-slide-active .wp-group-content > p { transition-delay: .4s; } .wp-block-testimonials .swiper-slide-active .wp-group-author .wp-block-image { transition-delay: .6s; } .wp-block-testimonials .swiper-slide-active .wp-group-author .wp-block-image + div { transition-delay: .8s; } /* --- Block Client's Testimonials -------------------------------------------------------- */ .wp-block-clients-testimonial .wp-block-group-heading { margin-bottom: 0; } .wp-block-clients-testimonial .wp-block-testimonial { border: 1px solid; background-color: var(--wp--preset--color--secondary); padding: var(--wp--custom--spacing--wp-comment-vertical); } .wp-block-clients-testimonial .wp-group-content { position: relative; padding-top: 70px; } .wp-block-clients-testimonial .wp-group-content:before { color: var(--wp--preset--color--text-link); content: "\201C"; display: block; float: left; font-family: Arial; font-size: clamp(100px, 7.5vw, 130px); font-style: normal; font-weight: var(--wp--custom--typography--font-weight--bold); height: 0; line-height: 1; position: absolute; margin-top: 5px; top: -20px; } .wp-block-clients-testimonial .horizontal-outside-slider-bottom-left .swiper-pagination { margin-left: 0; margin-top: 7px; } .wp-block-clients-testimonial .navigation-wrap { bottom: -10px; position: absolute; right: 0; display: flex; gap: 10px; } .wp-block-clients-testimonial .fse-slider-wrapper .swiper-button { border-radius: 0; position: static; } .wp-block-clients-testimonial .fse-slider-wrapper { padding-bottom: 32px; } /* --- -------------------------------------------------------- */ /* --- Block Slider -------------------------------------------------------- */ /* --- Block Default Slider Styles -------------------------------------------------------- */ /* Slider Nav Dots */ .swiper-pagination-bullets { z-index: 1; } .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--border-color); width: 10px; height: 10px; border-radius: 100%; opacity: 0.6; position: relative; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } .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 { 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-fse-pro-slider.wp-block-fse-pro-slider { display: block; } .block-editor-block-list__block.wp-block-fse-pro-slider.wp-block-fse-pro-slider .horizontal-outside-slider-bottom-left + .swiper-pagination, .block-editor-block-list__block.wp-block-fse-pro-slider.wp-block-fse-pro-slider .horizontal-outside-slider-bottom-center + .swiper-pagination, .block-editor-block-list__block.wp-block-fse-pro-slider.wp-block-fse-pro-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: static; margin-top: 14px; width: auto; } .horizontal-outside-slider-bottom-left .swiper-pagination { margin-left: 28px; text-align: left; } .horizontal-outside-slider-bottom-right .swiper-pagination { margin-right: 28px; text-align: right; } .horizontal-inside-slider-bottom-left .swiper-pagination { text-align: left; left: 14px; } .horizontal-inside-slider-bottom-right .swiper-pagination { text-align: right; right: 14px; left: auto; } /* Active Nav Dots Animation */ .swiper-pagination-bullets .swiper-pagination-bullet:before, .swiper-pagination-bullets .swiper-pagination-bullet:after { box-sizing: border-box; content: ""; position: absolute; width: 26px; height: 26px; top: -8px; left: -8px; } .swiper-pagination-bullets .swiper-pagination-bullet:before { border: 1px solid transparent; } .swiper-pagination-bullets .swiper-pagination-bullet:after { border: 0 solid transparent; } .swiper-pagination-bullets .swiper-pagination-bullet:before, .swiper-pagination-bullets .swiper-pagination-bullet:after { border-radius: 100%; } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--wp--preset--color--foreground); } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; border-top-color: var(--wp--preset--color--foreground); border-right-color: var(--wp--preset--color--foreground); border-bottom-color: var(--wp--preset--color--foreground); } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after { border-top: 1px solid; border-left-width: 1px; border-right-width: 1px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s; border-top-color: var(--wp--preset--color--foreground); } /* 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); } /* --- Block Featured Slider -------------------------------------------------------- */ .wp-block-featured-slider-with-video .wp-block-cover, .wp-block-custom-header-media.wp-block-cover, .wp-block-custom-header-media-with-video.wp-block-cover, .wp-block-custom-header-media-with-title-and-nav.wp-block-cover { min-height: 100vh; } main .wp-block-featured-slider-with-video > * + * { margin-block-start: 0; } .wp-block-featured-slider-with-video { position: relative; } .wp-block-featured-slider-with-video .wp-block-media-text .wp-block-media-text__media { display: none; } .wp-block-featured-slider-with-video .wp-block-fse-pro-slides > .wp-block-cover { padding-bottom: var(--wp--custom--spacing--section-block-top); padding-top: var(--wp--custom--spacing--section-block-top); } .wp-block-featured-slider-with-video .wp-block-post-author svg { display: none; } .wp-block-featured-slider-with-video .wp-block-post-author { font-size: var(--wp--preset--font-size--normal); line-height: var(--wp--custom--typography--line-height--paragraph); } .wp-block-featured-slider-with-video .wp-block-fse-pro-popup-video { text-align: center; } .wp-block-featured-slider-with-video .content { display: inline-block; } .wp-block-featured-slider-with-video .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-with-video .content > .video-play:hover svg, .wp-block-featured-slider-with-video .content > .video-play:focus svg { background-color: var(--wp--preset--color--color-light); } .wp-block-featured-slider-with-video .wp-block-embed-video .wp-block-embed { max-width: 420px; margin-top: 28px; min-height: auto; min-width: auto; } .wp-block-featured-slider-with-video .wp-block-embed-video .wp-block-embed iframe { border-radius: 10px; } /* Social Inside Slider */ .social-inside-slider { position: absolute; bottom: 28px; left: 9px; z-index: 2; } .social-inside-slider ul.wp-block-social-links { gap: 5px; } .social-inside-slider .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor { color: var(--wp--preset--color--color-light); border-radius: 50%; } .social-inside-slider .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor:hover { background-color: var(--wp--preset--color--text-link); color: var(--wp--preset--color--color-dark); } /* 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(8px, 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--text-link); 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-with-video .wp-block-cover__inner-container.block-editor-block-list__layout { position: static; } /* --- -------------------------------------------------------- */ /* --- Block Contact -------------------------------------------------------- */ /* --- Block Quick Contact -------------------------------------------------------- */ .wp-block-section.wp-block-quick-contact .wp-block-group-heading { margin-bottom: 0; } .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; } } /* --- -------------------------------------------------------- */ /* --- Block Services -------------------------------------------------------- */ /* --- Block Featured Services -------------------------------------------------------- */ .wp-block-services-list { background-color: var(--wp--preset--color--text-link); padding: var(--wp--custom--spacing--section-pricing-content); } .wp-block-services-list .fse-pro-icons svg { color: var(--wp--preset--color--text-link); fill: var(--wp--preset--color--text-link); transition: all 0.3s ease-in-out; } .wp-block-featured-services .wp-block-cover__inner-container .wp-block-media-text__content > .wp-block-columns:last-child { margin-bottom: 0; } .wp-block-featured-services .wp-block-media-text .wp-block-media-text__media:before { content: ""; background-color: var(--wp--preset--color--text-link); top: 0; position: absolute; z-index: -1; width: 100%; height: 20%; left: 0; } /* --- -------------------------------------------------------- */ /* --- Block Stats -------------------------------------------------------- */ .wp-block-stats .wp-block-stats-content h2:before { content: ""; border-bottom: 5px solid var(--wp--preset--color--text-link); height: 5px; width: 100%; position: absolute; bottom: clamp(7px, 1vw, 13px); left: 0; z-index: -1; } .wp-block-stats .wp-block-stats-content h2 { font-size: clamp(40px, 4.5vw, 70px); line-height: 1.3; position: relative; display: inline-block; } .wp-block-stats .wp-block-stats-content > * + * { margin-block-start: 7px; } .wp-block-stats .wp-block-stats-content p { opacity: 0.5; line-height: var(--wp--custom--typography--line-height--paragraph); } .wp-block-stats .wp-block-column { text-align: center; } /* --- -------------------------------------------------------- */ /* --- Block Portfolio -------------------------------------------------------- */ .wp-block-heading-has-columns { max-width: 730px; } /* --- -------------------------------------------------------- */ /* --- Block Lifestyle News -------------------------------------------------------- */ .wp-block-lifestyle-news .wp-block-post-template > li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-featured-image, .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-excerpt__excerpt, .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-excerpt__more-link { display: block; } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-terms + .wp-block-post-featured-image { margin-top: 14px; } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-excerpt__more-text, .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-excerpt { margin-top: var(--wp--custom--spacing--tiny); } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-excerpt__excerpt { margin-top: 0; } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-container .wp-block-post-title { font-size: var(--wp--preset--font-size--large); } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-featured-image { margin-bottom: 21px; } .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-featured-image, .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-excerpt__excerpt, .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-excerpt__more-link, .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-date svg.icon { display: none; } .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-container .wp-block-post-title { font-size: var(--wp--preset--font-size--content-heading); line-height: var(--wp--custom--typography--line-height--heading-six); } .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-container .wp-block-post-meta { margin-top: 14px; } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) { border-top: 1px solid var(--wp--preset--color--border-color); padding-top: var(--wp--style--block-gap, 2em); } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .post-featured-image-wrapper .wp-block-post-terms { margin-bottom: 7px; } .wp-block-lifestyle-news .wp-block-post-template > li .post-featured-image-wrapper .wp-block-post-terms { font-size: var(--wp--preset--font-size--tiny); } .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-excerpt { margin-top: 0; display: none; } .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-featured-image { position: relative; padding-top: 75%; overflow: hidden; } .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-featured-image a, .wp-block-lifestyle-news .wp-block-post-template > li .wp-block-post-featured-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container { gap: var(--wp--style--block-gap) 0; } /* --- -------------------------------------------------------- */ /* --- Block Newsletter -------------------------------------------------------- */ .wp-block-section.wp-block-newsletter { padding-bottom: var(--wp--custom--spacing--newsletter-inner-gap); padding-top: var(--wp--custom--spacing--newsletter-inner-gap); } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap { background-color: var(--wp--preset--color--background); padding: var(--wp--custom--spacing--wp-footer-vertical) var(--wp--custom--spacing--wp-comment-horizontal); } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .wp-block-group-heading { padding-top: 0; border-top: 0; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .wp-block-group-heading h2 { font-size: var(--wp--preset--font-size--large); margin-top: 0 !important; line-height: var(--wp--custom--typography--line-height--heading-four); } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .wp-block-group-heading h6 { font-family: var(--wp--preset--font-family--montserrat); font-weight: var(--wp--custom--typography--font-weight--normal); line-height: var(--wp--custom--typography--line-height--paragraph); } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .wp-block-group-heading h2 + h6 { margin-top: 14px; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .tnp-subscription-minimal form input.tnp-email { background-color: var(--wp--preset--color-background); border-color: var(--wp--preset--color--foreground); border-radius: 0; outline: 0; transition: .2s border-color ease-in-out; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .tnp-subscription-minimal form input.tnp-email:focus { border-color: var(--wp--preset--color--picton-blue); color: var(--wp--preset--color--foreground); } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .tnp-subscription-minimal input.tnp-email { font-size: var(--wp--preset--font-size--normal); } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap div.wp-block-columns { gap: 0; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap p.agreement-txt { font-size: var(--wp--preset--font-size--tiny); line-height: var(--wp--custom--typography--line-height--heading-six); color: var(--wp--preset--color--meta); margin-top: 21px; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .tnp-subscription-minimal form input.tnp-submit { border-radius: 0; margin-left: -1px; } /* --- -------------------------------------------------------- */ /* --- Block Featured News -------------------------------------------------------- */ .wp-block-section.wp-block-featured-news { padding-top: var(--wp--custom--spacing--testimonial-inner-gap); } .wp-block-section.wp-block-featured-news .wp-block-post-template { overflow: hidden; clear: both; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-excerpt, .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-excerpt__excerpt, .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-excerpt__more-link { display: block; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-excerpt__excerpt { margin-top: 21px; margin-bottom: var(--wp--custom--spacing--tiny); } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-featured-image { margin-bottom: var(--wp--custom--spacing--extra-small); } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-container .wp-block-post-title { font-size: var(--wp--custom--typography--font-size--heading-two); line-height: var(--wp--custom--typography--line-height--heading-three); } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-excerpt { margin-top: 0; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-excerpt, .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-excerpt__excerpt, .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-excerpt__more-link, .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-date svg.icon { display: none; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-date a { text-transform: capitalize; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-featured-image { margin-bottom: var(--wp--custom--spacing--tiny); margin-top: 14px; position: relative; padding-top: 66.66%; overflow: hidden; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-featured-image a, .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-featured-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-container .wp-block-post-title { font-size: var(--wp--preset--font-size--normal); line-height: var(--wp--custom--typography--line-height--paragraph); } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-container .wp-block-post-content-wrapper { margin-top: 21px; } /* --- -------------------------------------------------------- */ /* --- Block Style News -------------------------------------------------------- */ .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container > li { border: 0; padding-bottom: 0; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container > li .wp-block-post-featured-image { margin-bottom: 21px; margin-top: 14px; } .wp-block-section.wp-block-style-news { padding-bottom: calc(var(--wp--custom--spacing--section-block-top) - var(--wp--custom--spacing--extra-small)); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 { gap: 0; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { margin-bottom: var(--wp--custom--spacing--extra-small); padding-bottom: 0; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child .wp-block-post-featured-image { margin-bottom: var(--wp--custom--spacing--tiny); margin-top: 14px; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child .wp-block-post-excerpt { display: block; margin-top: 21px; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child .wp-block-post-excerpt__more-text { margin-top: var(--wp--custom--spacing--tiny); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:not(:first-child) .wp-block-post-title { font-size: var(--wp--preset--font-size--content-heading); line-height: var(--wp--custom--typography--line-height--heading-six); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:not(:first-child) .wp-block-post-featured-image { margin-top: 14px; margin-bottom: 21px; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li .wp-block-post-featured-image { position: relative; padding-top: 75%; overflow: hidden; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li .wp-block-post-featured-image a, .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li .wp-block-post-featured-image img { object-fit: cover; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li .wp-block-post-excerpt { display: none; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li .wp-block-post-date svg.icon { display: none; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li .wp-block-post-date a { text-transform: capitalize; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li .wp-block-post-content-wrapper { margin-top: 14px; } .is-root-container .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container > li { margin-bottom: 0; } /* --- -------------------------------------------------------- */ /* --- Block Cover News -------------------------------------------------------- */ .wp-block-section.wp-block-cover-news .wp-block-post-template > li { margin-bottom: 0; padding-bottom: 0; border: 0; position: relative; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .cover-news-img-wrapper { height: 0; margin: 0; position: relative; padding-top: 42.8571%; overflow: hidden; background-color: var(--wp--preset--color--foreground); } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .cover-news-img-wrapper .wp-block-post-featured-image, .wp-block-section.wp-block-cover-news .wp-block-post-template > li .cover-news-img-wrapper .wp-block-post-featured-image a, .wp-block-section.wp-block-cover-news .wp-block-post-template > li .cover-news-img-wrapper .wp-block-post-featured-image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .cover-news-img-wrapper a:before { content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container { padding-bottom: var(--wp--custom--spacing--wp-footer-vertical); padding-top: var(--wp--custom--spacing--newsletter-inner-gap); } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container:before { content: ''; position: absolute; background: var(--wp--preset--gradient--vertical-background-to-tertiary); mix-blend-mode: multiply; opacity: 0.3; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container .wp-block-post-title, .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container .wp-block-post-content-wrapper { position: relative; z-index: 2; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container .wp-block-post-title { font-size: calc(0.8571428571428571 * var(--wp--custom--typography--font-size--heading-two)); } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container .wp-block-post-content-wrapper { margin-top: 14px; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container .wp-block-post-date svg.icon { display: none; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-container-wrapper .wp-block-post-container .wp-block-post-date a { text-transform: capitalize; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li:hover .wp-block-post-featured-image img { transform: scale(1.05); } /* Editor Styles */ .wp-block-section.wp-block-cover-news .block-editor-block-list__layout, .wp-block-section.wp-block-cover-news .block-editor-block-list__layout .block-editor-block-list__block { position: static; } .wp-block-section.wp-block-cover-news .block-editor-block-list__layout .wp-block-post-featured-image:before, .wp-block-section.wp-block-cover-news .block-editor-block-list__layout .block-editor-block-list__block .wp-block-post-featured-image:before { content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } main .wp-block-group.wp-block-cover-news:first-child { padding-top: 0; } main .wp-block-group.wp-block-cover-news:last-child { padding-bottom: 0; } /* --- -------------------------------------------------------- */ .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query { margin-top: 0; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li { margin-top: var(--wp--custom--spacing--tiny); } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li:last-child { border-bottom: 0; padding-bottom: 0; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-featured-image { margin-bottom: var(--wp--custom--spacing--tiny); margin-top: 14px; position: relative; padding-top: 75%; overflow: hidden; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-featured-image a, .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-featured-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-title { font-size: var(--wp--preset--font-size--content-heading); } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-content-wrapper { margin-top: 14px; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-content-wrapper .wp-block-post-date svg.icon { display: none; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-content-wrapper .wp-block-post-date a { text-transform: capitalize; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-content-wrapper .wp-block-post-excerpt { margin-top: 21px; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li .wp-block-post-content-wrapper .wp-block-post-excerpt .wp-block-post-excerpt__more-text { margin-top: var(--wp--custom--spacing--tiny); } /* --- -------------------------------------------------------- */ /* --- Block Categoriwise News -------------------------------------------------------- */ .wp-block-section.wp-block-categorywise-news .wp-block-columns { gap: 0; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li { margin-bottom: var(--wp--custom--spacing--tiny); padding-bottom: var(--wp--custom--spacing--tiny); } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li:not(:first-child) .wp-block-post-featured-image, .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li:not(:first-child) .wp-block-post-terms { display: none; margin-top: 0; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li:last-child { margin-bottom: 0; border-bottom: 0; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li .wp-block-post-featured-image { margin-top: 14px; margin-bottom: var(--wp--custom--spacing--tiny); position: relative; padding-top: 75%; overflow: hidden; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li .wp-block-post-featured-image a, .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li .wp-block-post-featured-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li .wp-block-post-title { font-size: var(--wp--preset--font-size--content-heading); } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li .wp-block-post-content-wrapper { margin-top: 14px; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li .wp-block-post-content-wrapper .wp-block-post-date svg.icon { display: none; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li .wp-block-post-content-wrapper .wp-block-post-date a { text-transform: capitalize; } /* --- Block Media Quries -------------------------------------------------------- */ /* --- > 360px -------------------------------------------------------- */ @media screen and (min-width: 22.5em) { .wp-block-sticky-music-playlist .simple-audio-player .simp-controls .simp-plauseward { justify-content: flex-start; width: auto; } .wp-block-sticky-music-playlist .simple-audio-player .simp-controls .simp-tracker { display: flex; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 228px; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { max-width: 304px; } } /* --- > 568px -------------------------------------------------------- */ @media screen and (min-width: 35.5em) { .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .site-newsletter-wrapper .tnp-subscription-minimal form, .trending-wrapper ul { display: flex; flex-wrap: wrap; } .trending-wrapper ul li:not(:first-child) { margin-left: 10px; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { max-width: 510px; } } /* --- > 600px -------------------------------------------------------- */ @media screen and (min-width: 37.5em) { .post-navigation-link-next { margin-top: 0; } .wp-group-author figure.wp-block-image { margin-bottom: 0; } header .wp-block-navigation .wp-block-navigation-item__content { padding: 10px 5px; } header .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { padding: 0.5em 1em; } .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, .wp-block-footer .wp-block-site-info .wp-block-social-links .wp-block-social-link:first-child .wp-block-social-link-anchor { 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; } .wpcf7-form .two-col .wp-block-col, .wpcf7-form > p { margin-top: 28px; } .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: 65%; } .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; } .wp-block-slider-with-video .wp-block-fse-pro-slides > .wp-block-cover { min-height: 45vh; } .wp-block-footer .wp-block-site-info .wp-block-social-links .wp-block-social-link:last-child .wp-block-social-link-anchor { margin-right: -10px; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 405px; } .wp-block-lifestyle-news .wp-block-post-template.columns-3 > li:not(:last-child):not(:first-child):not(:nth-child(3n - 2)) { border-right: 1px solid var(--wp--preset--color--border-color); } .wp-block-lifestyle-news .wp-block-post-template.columns-2 > li:not(:last-child):not(:first-child):not(:nth-child(2n + 1)), .wp-block-lifestyle-news .wp-block-post-template.columns-4 > li:not(:last-child):not(:first-child):not(:nth-child(2n + 1)), .wp-block-lifestyle-news .wp-block-post-template.columns-5 > li:not(:last-child):not(:first-child):not(:nth-child(2n + 1)), .wp-block-lifestyle-news .wp-block-post-template.columns-6 > li:not(:last-child):not(:first-child):not(:nth-child(2n + 1)) { border-right: 1px solid var(--wp--preset--color--border-color); } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container > li { box-sizing: border-box; } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 2) - 2em + (2em / 2)); } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc((100% / 3) - 2em + (2em / 3)); } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li, .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li, .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 2) - 2em + (2em / 2)); } .wp-block-lifestyle-news .wp-block-post-template > li:first-child { display: flex; width: 100% !important; } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-group.post-featured-image-wrapper, .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-container { width: 50%; } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-container { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .wp-block-lifestyle-news .wp-block-post-template > li:first-child .wp-block-post-featured-image { margin-bottom: 0; } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container > li:not(:first-child) { border-top: 0; padding-top: 0; } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container > li:not(:first-child):not(:last-child) { padding-right: calc(1.25 * var(--wp--style--block-gap)); } .wp-block-lifestyle-news .wp-block-post-template > li:first-child, .wp-block-lifestyle-news .wp-block-post-template.is-flex-container { gap: calc(1.25 * var(--wp--style--block-gap, 2em)); } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta { display: block; } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta .wp-block-post-date { margin-top: 5px; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 { display: block; margin-left: -15px; margin-right: -15px; clear: both; overflow: hidden; max-width: none !important; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: 44.7%; padding-left: 15px; padding-right: 15px; float: left; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child { width: calc(100% - 30px); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(2n) { clear: left; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container { gap: 0; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container > li { width: 100%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - 2em + (2em / 6)); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc((100% / 5) - 2em + (2em / 5)); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 4) - 2em + (2em / 4)); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc((100% / 2) - 2em + (2em / 2)); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc((100% / 2) - 2em + (2em / 2)); } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.columns-2, .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.columns-4, .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.columns-5, .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.columns-6 { gap: 2em; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-3 > li:nth-child(3n - 2) { border-right: 1px solid var(--wp--preset--color--border-color); } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-3 > li:nth-child(1), .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-3 > li:nth-child(3n - 1) { border-right: 0 !important; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-2 > li:nth-child(2n + 1) { border-right: 1px solid var(--wp--preset--color--border-color); } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-2 > li:nth-child(1), .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-2 > li:nth-child(2n) { border-right: 0 !important; } } /* --- > 601px -------------------------------------------------------- */ @media screen and (min-width: 37.5625em) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding: 0 8% 0 8%; } .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; } .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) { .trending-wrapper .wp-block-query.trending-query .wp-block-post-template { margin-left: -5px; margin-right: -5px; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li { padding-left: 5px; padding-right: 5px; margin-left: 0; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 484px; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 520px; } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta { display: flex; } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta .wp-block-post-date { margin-top: 0; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li { box-sizing: border-box; margin-left: 30px; width: calc(25% - 30px); margin-bottom: var(--wp--custom--spacing--testimonial-inner-gap); padding-bottom: var(--wp--custom--spacing--testimonial-inner-gap); float: left; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child { border-right: 1px solid var(--wp--preset--color--border-color); margin-left: 0; padding-right: 30px; width: 75%; max-width: 1040px; border-bottom: 0; padding-bottom: 0; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-container { display: flex; flex-wrap: wrap; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-container .wp-block-post-title { width: 45%; max-width: 440px; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-container .wp-block-post-content-wrapper { width: 55%; padding-left: 30px; max-width: 550px; margin-top: 14px; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-meta { display: block; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-meta { display: block; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(4n) { margin-left: 0; clear: left; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(3) { border-bottom: 0; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(4), .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(5), .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(6), .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(7) { margin-top: var(--wp--custom--spacing--testimonial-inner-gap); } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-last-child(2), .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-last-child(3) { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:nth-child(2) { margin-bottom: var(--wp--custom--spacing--testimonial-inner-gap); padding-bottom: var(--wp--custom--spacing--testimonial-inner-gap); border-bottom: 1px solid; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: 45.7%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child { width: calc(100% - 30px); } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li { padding-bottom: 0; border-bottom: 0; box-sizing: border-box; position: relative; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li:after { content: ''; width: 0; height: 100%; border-right: 1px solid var(--wp--preset--color--border-color); position: absolute; top: 0; bottom: 0; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template > li:last-child:after { content: none; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-6 > li:nth-child(6n):after { content: none; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-5 > li:nth-child(5n):after { content: none; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-4 > li:nth-child(4n):after { content: none; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-3 > li:nth-child(3n):after { content: none; } .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-2 > li:nth-child(2n):after { content: none; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container { gap: 0 calc(2.5 * var(--wp--style--block-gap)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - (2.5 * var(--wp--style--block-gap)) + ((2.5 * var(--wp--style--block-gap)) / 6)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:after { right: -30px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc((100% / 5) - (2.5 * var(--wp--style--block-gap)) + ((2.5 * var(--wp--style--block-gap)) / 5)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:after { right: -30px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 4) - (2.5 * var(--wp--style--block-gap)) + ((2.5 * var(--wp--style--block-gap)) / 4)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:after { right: -30px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: calc((100% / 3) - (2.5 * var(--wp--style--block-gap)) + ((2.5 * var(--wp--style--block-gap)) / 3)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:after { right: -30px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc((100% / 2) - (2.5 * var(--wp--style--block-gap)) + ((2.5 * var(--wp--style--block-gap)) / 2)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:after { right: -30px; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { max-width: 690px; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-6 > li:nth-child(6n):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-6 > li:nth-child(6n + 1):after { content: none; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-6 > li:nth-child(1):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-5 > li:nth-child(5n):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-5 > li:nth-child(5n + 1):after { content: none; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-5 > li:nth-child(1):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-4 > li:nth-child(4n):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-4 > li:nth-child(4n + 1):after { content: none; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-4 > li:nth-child(1):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-3 > li:nth-child(3n):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-3 > li:nth-child(3n + 1):after { content: none; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-3 > li:nth-child(1):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-2 > li:nth-child(2n):after { content: ""; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-2 > li:nth-child(2n + 1):after { content: none; } .is-root-container .wp-block-section.wp-block-most-popular-news .wp-block-query.most-popular-query .wp-block-post-template.columns-2 > li:nth-child(1):after { content: ""; } } /* --- > 783px -------------------------------------------------------- */ @media screen and (min-width: 48.9375em) { body.admin-bar .topbar-wrapper { top: 74px; } } /* --- > 782px -------------------------------------------------------- */ @media screen and (min-width: 48.875em) { .wp-block-cover-image, .wp-block-cover { min-height: 310px; } .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, .wp-block-post-template div.wp-block-columns > .wp-block-column { margin-bottom: 0; } .wp-block-footer .wp-block-widget:not(:first-child) { border-left: 1px solid var(--wp--preset--color--ironside-grey); padding-left: calc(1.25 * var(--wp--style--block-gap, 2em)); } .wp-block-columns.wp-block-footer-widget-area-columns { gap: 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-item:not(.wp-block-navigation-item .wp-block-navigation-item) > .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-footer .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon { margin-right: 0.75em; } .topbar-wrapper .wp-block-fse-pro-header-search .search-container, .topbar-wrapper .wp-block-fse-pro-header-social .social-container { left: auto; right: 0; } div.wp-block-columns, .wp-block-post-template div.wp-block-columns { gap: calc(1.25 * var(--wp--style--block-gap, 2em)); } .wp-block-featured-podcast div.wp-block-columns, .wp-block-how-it-work div.wp-block-columns, .wp-block-logo div.wp-block-columns, .wp-block-logo-slider div.wp-block-columns, .wp-block-team div.wp-block-columns, .wp-block-stats div.wp-block-columns { gap: 0; } .wp-block-columns .wp-block-columns { gap: 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-music-playlist .simp-random { display: flex; } .wp-block-sticky-music-playlist .simple-audio-player .simp-controls .simp-time { display: flex; } .wp-block-slider-with-video .wp-block-fse-pro-slides > .wp-block-cover { min-height: 60vh; } .wp-block-quick-contact .wp-block-column .wp-block-buttons .wp-block-button__link, .wp-block-section.wp-block-newsletter .site-newsletter .tnp-subscription-minimal { 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-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child), .wp-block-section.wp-block-categorywise-news .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: calc(1.25 * var(--wp--style--block-gap, 2em)); } .wp-block-feature-content .wp-block-group-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child), .wp-block-featured-video .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child), .wp-block-newsletter .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 0; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 160px; } .wp-block-group-heading .is-style-button .wp-block-button__link { margin-bottom: 0; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .wp-block-columns { align-items: center !important; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .site-newsletter-wrapper { padding-left: 10%; } .wp-block-newsletter .tnp-subscription-minimal form input.tnp-email { width: 57%; } .wp-block-section.wp-block-categorywise-news .wp-block-columns .wp-block-post-template li:last-child { padding-bottom: 0; } } /* --- > 1024px -------------------------------------------------------- */ @media screen and (min-width: 64em) { .topbar-toggle-wrap, .topbar-wrapper + .topbar-toggle-wrap { display: none; } .topbar-main-wrapper { border-bottom: 0; } .topbar-wrapper { display: block; position: inherit; position: static; transform: none; padding: 0; width: unset !important; } .topbar-wrapper > .wp-block-group > .wp-block-group:not(.social-toggle-search-wrapper) { display: flex; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template { margin-right: 0; margin-left: 0; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li { padding-left: 0; padding-right: 0; margin-left: 10px; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li .wp-block-post-title > a { max-width: 148px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li:first-child { margin-left: 0; } .current-date-wrapper, .trending-wrapper { padding-top: 17px; padding-bottom: 16px; } .wp-block-cover-image, .wp-block-cover { min-height: 340px; } .current-date-wrapper + .trending-wrapper { border-left: 1px solid; padding-left: 24px; height: 100%; } .topbar-wrapper .wp-block-fse-pro-header-search, .topbar-wrapper .wp-block-fse-pro-header-search .search-controller { height: 100%; } body .topbar-wrapper > .is-layout-flex.wp-block-group.is-content-justification-space-between { align-items: initial; } .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: 538px; } .wp-block-subscribe .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-subscribe .tnp-subscription-minimal form input.tnp-email { border-bottom-right-radius: 0; border-top-right-radius: 0; display: inline-block; width: 70%; } .wp-block-slider-with-video .wp-block-fse-pro-slides > .wp-block-cover { min-height: 75vh; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 214px; } .wp-block-lifestyle-news .wp-block-post-template.columns-6 > li:not(:last-child):not(:first-child):not(:nth-child(6n - 5)) { border-right: 1px solid var(--wp--preset--color--border-color); } .wp-block-lifestyle-news .wp-block-post-template.columns-5 > li:not(:last-child):not(:first-child):not(:nth-child(5n - 4)) { border-right: 1px solid var(--wp--preset--color--border-color); } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - 2em + (2em / 6)); } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { width: calc((100% / 5) - 2em + (2em / 5)); } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 4) - 2em + (2em / 4)); } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:first-child .wp-block-post-excerpt, .wp-block-lifestyle-news .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:first-child .wp-block-post-excerpt { display: block; } .wp-block-lifestyle-news .wp-block-post-template.columns-4 > li:nth-child(2n + 1):not(:last-child):not(:first-child) { border-right: 1px solid var(--wp--preset--color--border-color); } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta { display: block; } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta .wp-block-post-date { margin-top: 5px; } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n + 1) { border-right: 0; padding-right: 0 !important; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n + 1) { border-right: 1px solid var(--wp--preset--color--border-color); padding-right: calc(1.25 * var(--wp--style--block-gap)) !important; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n - 2), .is-root-container .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(1), .is-root-container .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:last-child { border-right: 0; padding-right: 0 !important; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-5 > li:nth-child(5n - 4) { border-right: 1px solid var(--wp--preset--color--border-color); } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-5 > li:nth-child(5n - 3) { border-right: 0 !important; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-5 > li:nth-child(1) { border-right: 0; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-6 > li:nth-child(6n - 5) { border-right: 1px solid var(--wp--preset--color--border-color); } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-6 > li:nth-child(6n - 4) { border-right: 0 !important; } .is-root-container .wp-block-lifestyle-news .wp-block-post-template.columns-6 > li:nth-child(1) { border-right: 0; } .is-root-container .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: 25%; width: 20.7%; } .is-root-container .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child { width: 50%; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-meta { display: flex; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-meta { display: block; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: 21.8%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child { width: 46.8%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:not(:first-child) .wp-block-post-meta { display: block; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(2n) { clear: none; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(4n + 2) { clear: left; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(2) { float: left; clear: none; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { max-width: 448px; } .topbar-wrapper .wp-block-fse-pro-header-search .search-container { width: 420px; } } /* --- > 1200px -------------------------------------------------------- */ @media screen and (min-width: 75em) { .trending-wrapper ul li { max-width: none; white-space: inherit; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li .wp-block-post-title > a { max-width: 200px; } .wp-block-main-header-logo-center .is-content-justification-space-between.wp-block-group.alignwide { display: block; } .wp-block-main-header-logo-center .is-content-justification-space-between.wp-block-group.alignwide .wp-block-site-logo { margin-bottom: 7px; } .wp-block-main-header-logo-center .is-content-justification-space-between.wp-block-group.alignwide > .wp-block-group { width: 100%; display: block; text-align: center; } .wp-block-main-header-logo-center .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { display: inline-block; } .wp-block-main-header.wp-block-main-header-logo-center .is-content-justification-space-between.wp-block-group.alignwide { gap: var(--wp--style--block-gap, 0.5em); } .wp-block-main-header.wp-block-main-header-logo-center .wp-block-navigation .wp-block-navigation-item:not(:last-child) { position: relative; } .wp-block-main-header.wp-block-main-header-logo-center .wp-block-navigation .wp-block-navigation-item:not(:last-child):after { content: ""; height: 28px; width: 1px; background-color: var(--wp--preset--color--text-link); position: absolute; right: -12px; top: 50%; transform: translateY(-50%); } .wp-block-main-header.wp-block-main-header-logo-center .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container > .wp-block-navigation-item:after, .wp-block-main-header.wp-block-main-header-logo-center .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container > .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container > .wp-block-navigation-item:after { content: none; } .wp-block-main-header.wp-block-main-header-logo-center .wp-block-navigation { border-bottom: 1px solid var(--wp--preset--color--border-color); border-top: 1px solid var(--wp--preset--color--border-color); margin-top: 70px; } header .wp-block-main-header.wp-block-main-header-logo-center .wp-block-navigation .wp-block-navigation-item__content:not(.wp-block-navigation__submenu-container .wp-block-navigation-item__content) { padding: 18px; } header .wp-block-main-header.wp-block-main-header-logo-center .wp-block-navigation .wp-block-navigation__submenu-icon { margin-left: -12px; } .wp-block-cover-image, .wp-block-cover { min-height: 370px; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 255px; } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 592px; } .wp-block-cta-with-video .content .video-play, .wp-block-cta-just-video .content .video-play { width: 100px; height: 100px; } .wp-block-featured-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; } .tnp-subscription-minimal form input.tnp-submit { padding: 15px 35px; } .tnp-subscription-minimal form input.tnp-email { padding: 17px; } .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 .6s backwards, fadein 0.6s; } .social-toggle-search-wrapper .social-controller { display: none; } .social-toggle-search-wrapper .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-music-playlist .simp-volume, .wp-block-music-playlist .simp-volume { display: flex; } .wp-block-services-list .fse-pro-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-navigation .wp-block-navigation-item__content { position: relative; } .wp-block-navigation .wp-block-navigation-item__content:hover, .wp-block-navigation .wp-block-navigation-item__content:focus, .wp-block-navigation .current-menu-item .wp-block-navigation-item__content { color: var(--wp--preset--color--picton-blue); } .wp-block-newsletter .tnp-subscription-minimal form input.tnp-email { width: 68%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: 22.2%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child { width: 47.3%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:not(:first-child) .wp-block-post-meta { display: flex; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { max-width: 596px; } } /* --- > 1366px -------------------------------------------------------- */ @media screen and (min-width: 85.375em) { .wc-block-grid__product .wc-block-grid__product-title { float: left; width: 55%; } .wc-block-grid__product .wc-block-grid__product-price { float: right; } div.wp-block-columns, .wp-block-post-template div.wp-block-columns, .wp-block-lifestyle-news .wp-block-post-template > li:first-child, .wp-block-lifestyle-news .wp-block-post-template.is-flex-container { gap: calc(1.666666 * var(--wp--style--block-gap, 2em)); } .wp-block-footer .wp-block-widget:not(:first-child) { padding-left: calc(1.666666666666667 * var(--wp--style--block-gap, 2em)); } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child), .wp-block-section.wp-block-categorywise-news .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: calc(1.666666666666667 * var(--wp--style--block-gap, 2em)); } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li .wp-block-post-title > a { max-width: 246px; } .wp-block-lifestyle-news .wp-block-post-template.is-flex-container.is-flex-container > li:not(:first-child):not(:last-child) { padding-right: calc(1.666666 * var(--wp--style--block-gap)); } div.wp-block-columns + div.wp-block-columns { margin-block-start: calc(1.666666 * var(--wp--style--block-gap)); } .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 646px; } .wp-block-slider-with-video .wp-block-fse-pro-slides > .wp-block-cover { min-height: 85vh; } .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-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 286px; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap { max-width: 1160px; } .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .site-newsletter-wrapper { padding-left: 20%; } .wp-block-newsletter .tnp-subscription-minimal form input.tnp-email { width: 66%; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li { width: calc(25% - 40px); margin-left: 40px; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child { margin-left: 0; padding-right: 40px; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li:first-child .wp-block-post-container .wp-block-post-content-wrapper { padding-left: 40px; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li .wp-block-post-meta { display: flex; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 { margin-left: -20px; margin-right: -20px; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: 21.8%; padding-left: 20px; padding-right: 20px; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child { width: 46.79%; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container { gap: 0 calc(3.333333333333333 * var(--wp--style--block-gap)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - (3.333333333333333 * var(--wp--style--block-gap)) + ((3.333333333333333 * var(--wp--style--block-gap)) / 6)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:after { right: -40px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc((100% / 5) - (3.333333333333333 * var(--wp--style--block-gap)) + ((3.333333333333333 * var(--wp--style--block-gap)) / 5)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:after { right: -40px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 4) - (3.333333333333333 * var(--wp--style--block-gap)) + ((3.333333333333333 * var(--wp--style--block-gap)) / 4)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:after { right: -40px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: calc((100% / 3) - (3.333333333333333 * var(--wp--style--block-gap)) + ((3.333333333333333 * var(--wp--style--block-gap)) / 3)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:after { right: -40px; } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc((100% / 2) - (3.333333333333333 * var(--wp--style--block-gap)) + ((3.333333333333333 * var(--wp--style--block-gap)) / 2)); } .wp-block-section.wp-block-most-popular-news .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:after { right: -40px; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { max-width: 746px; } } /* --- > 1600px -------------------------------------------------------- */ @media screen and (min-width: 100em) { .wp-block-rounded-read-more .wp-block-button__link { height: 120px; width: 120px; font-size: 45px; font-size: 2.8125rem; } .wp-block-cover-image, .wp-block-cover { min-height: 410px; } .wp-block-music-playlist .simple-audio-player ul li { padding: 10px 36px; } .wp-block-music-playlist .simp-random { display: flex; } .wp-block-sticky-music-playlist .simp-player > .simp-display .simp-info { display: flex; } .wp-block-slider-with-video .wp-block-fse-pro-slides > .wp-block-cover { min-height: 90vh; } .social-inside-slider { bottom: 63px; left: 28px; } .wp-block-post-excerpt__more-link { margin-top: 15px; } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__content { padding-left: 21px; } .trending-wrapper .wp-block-query.trending-query .wp-block-post-template > li .wp-block-post-title > a { max-width: 302px; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 316px; } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta { display: flex; } .wp-block-lifestyle-news .wp-block-post-template > li:not(:first-child) .wp-block-post-container .wp-block-post-meta .wp-block-post-date { margin-top: 0; } .wp-block-newsletter .tnp-subscription-minimal form input.tnp-email { width: 65%; } .wp-block-section.wp-block-featured-news .wp-block-post-template > li { width: calc(25.8% - 40px); max-width: 320px; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: 22.22222222222222%; } .wp-block-section.wp-block-style-news .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:first-child { width: 47.22222222222222%; } .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .fse-slider-wrapper.vertical .wp-block-fse-pro-slides p a, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p, .trending-wrapper .swiper-wrapper.vertical .wp-block-fse-pro-slides p a { max-width: 916px; } } /* --- > 1920px -------------------------------------------------------- */ @media screen and (min-width: 120em) { .wp-block-cta-with-video.wp-block-cover, .wp-block-cta-just-video.wp-block-cover { min-height: 700px; } .wp-block-cover-image, .wp-block-cover { min-height: 430px; } .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; } .wp-block-featured-video .wp-block-cover-image, .wp-block-featured-video .wp-block-cover { min-height: 330px; } } /* 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-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: 10px; width: auto; height: auto; } .wp-block-fse-pro-header-search .search-controller { padding: 18px; } .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: 22px; height: 22px; } 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: 8px; padding-top: 8px; } .simple-audio-player .simp-controls button { height: 42px; padding: 10px; width: 42px; } @media screen and (max-width: 1039px) { .wp-block-fse-pro-header-search .search-controller { padding: 18px 10px; } } /* --- < 1200px -------------------------------------------------------- */ @media screen and (max-width: 74.9375em) { .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 7px 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; align-items: flex-start; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: 0; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { font-size: var(--wp--preset--font-size--extra-small); } .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog, .has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 0; } } @media screen and (max-width: 1024px) { .wp-block-fse-pro-header-search .search-controller { padding: 18px 10px; } .wp-block-fse-pro-header-search .search-container .wp-block-search .wp-block-search__button { padding: 7px; } } /* --- < 1024px -------------------------------------------------------- */ @media screen and (max-width: 63.9375em) { .topbar-wrapper > .wp-block-group.is-content-justification-space-between.alignwide { display: block; } .trending-wrapper { display: block !important; } .social-toggle-search-wrapper .wp-block-fse-pro-header-search .search-controller + .search-container { background: var(--wp--preset--color--background); display: block !important; padding-bottom: 21px; padding-left: var(--wp--custom--spacing--outer); padding-right: var(--wp--custom--spacing--outer); } .topbar-wrapper .wp-block-fse-pro-header-search .search-controller { display: none; } .topbar-wrapper ul.wp-block-social-links > li:first-child { margin-left: -10px; } .topbar-wrapper .wp-block-fse-pro-header-search { position: static; } } /* --- < 375px -------------------------------------------------------- */ @media screen and (max-width: 23.4375em) { .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-featured-image { padding-top: 0; height: auto; } .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-featured-image a, .wp-block-section.wp-block-cover-news .wp-block-post-template > li .wp-block-post-featured-image img { position: static; } .wp-block-site-tagline { font-size: 12px; } } /* --- Block Color -------------------------------------------------------- */ /* --- 6 -------------------------------------------------------- */ /* Foreground color */ .wp-block-cover-image.wp-block-newsletter .wp-block-cover__inner-container h2, .wp-block-cover.wp-block-newsletter .wp-block-cover__inner-container h2 { color: var(--wp--preset--color--foreground); } .wp-block-social-links.is-style-pill-shape .wp-social-link, .wp-block-social-links.is-style-circle-shape .wp-social-link { background-color: var(--wp--preset--color--foreground); transition: all 0.5s ease; } .wp-block-social-links.is-style-pill-shape .wp-social-link:hover, .wp-block-social-links.is-style-circle-shape .wp-social-link:hover { background-color: var(--wp--preset--color--picton-blue); } .wp-block-social-links.is-style-pill-shape .wp-social-link:hover a svg, .wp-block-social-links.is-style-circle-shape .wp-social-link:hover a svg { color: var(--wp--preset--color--color-white); fill: var(--wp--preset--color--color-white); } .is-style-outline > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover, .footer-dark .wp-block-footer.wp-block-widget-area .wp-block-navigation a:hover, .footer-dark .wp-block-footer.wp-block-widget-area .wp-block-navigation a:focus, .footer-dark .wp-block-navigation__responsive-container-open, .footer-dark .wp-block-navigation__responsive-container-close, .footer-dark .wp-block-navigation .current-menu-item .wp-block-navigation-item__content { color: var(--wp--preset--color--color-white); } /* Background color */ .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container, .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--preset--color--secondary); } .wp-block-clients-testimonial .wp-block-testimonial, .service-columns.wp-block-columns > .wp-block-column, .wp-block-rounded-read-more .wp-block-button__link, .wp-block-music-playlist .simple-audio-player { background-color: var(--wp--preset--color--background); } .wp-block-section.wp-block-cover-news .wp-block-post-template .wp-block-post-title a, .wp-block-section.wp-block-cover-news .wp-block-post-container, .wp-block-section.wp-block-cover-news .wp-block-post-author__name, .wp-block-section.wp-block-cover-news .wp-block-post-date a, .wp-block-section.wp-block-cover-news .wp-block-post-date { color: var(--wp--preset--color--background); } /* Primary color */ .wp-block-navigation .wp-block-navigation-item__content { color: var(--wp--preset--color--text-link); } .topbar-wrapper, .current-date-wrapper + .trending-wrapper { border-color: var(--wp--preset--color--text-link); } /* Wood Smoke color */ footer .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: var(--wp--preset--color--woodsmoke); } /* Secondary Color */ .wp-block-tag-cloud > a, .service-columns.wp-block-columns > .wp-block-column, .pricing-columns.wp-block-columns > .wp-block-column { background-color: var(--wp--preset--color--secondary); } /* Body color */ .wp-block-widget-area .wp-block-latest-posts__post-author, .wp-block-widget-area .wp-block-latest-posts__post-date, .footer-dark .wp-block-footer.wp-block-widget-area .wp-block-navigation a { color: var(--wp--preset--color--meta); } /* Link color */ a:hover, a:focus, .wp-block-post a:hover, .wp-block-post a:focus, .wp-block-navigation__responsive-container-open:hover, .wp-block-navigation__responsive-container-open:focus, .wp-block-navigation__responsive-container-close:hover, .wp-block-navigation__responsive-container-close:focus, .wp-block-post-comments .comment-metadata a:hover, .wp-block-post-comments .comment-metadata a:focus, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:focus, .wp-block-section.wp-block-cover-news .wp-block-post-date a:hover, .wp-block-section.wp-block-cover-news .wp-block-post-date a:focus, .wp-block-section.wp-block-cover-news .wp-block-post-template .wp-block-post-title a:hover, .wp-block-section.wp-block-cover-news .wp-block-post-template .wp-block-post-title a:focus { color: var(--wp--preset--color--picton-blue); } .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor:hover svg, .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor:focus svg { color: var(--wp--preset--color--picton-blue); fill: var(--wp--preset--color--picton-blue); } a:hover svg.icon, a:focus svg.icon, .content > .video-play:hover svg { fill: var(--wp--preset--color--picton-blue); } .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: var(--wp--preset--color--picton-blue); color: var(--wp--preset--color--background); } .wp-block-testimonial .wp-group-content:before, .content > .video-play:hover span, .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor svg { color: var(--wp--preset--color--text-link); } .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor svg { fill: var(--wp--preset--color--text-link); } /* Border Color */ .wp-block-testimonial .wp-block-separator, .wp-block-sidebar .wp-block-latest-posts__list > li:not(:last-child), .wp-block-sidebar > * h2, .topbar-wrapper .wp-block-fse-pro-header-search .search-controller, .wp-block-post-comments.is-style-post-comments textarea, .wp-block-post-comments.is-style-post-comments input:not([type="submit"]):not([type="checkbox"]), .wp-block-post-comments.is-style-post-comments .comment-respond, .wp-block-section .wp-block-group-heading, .wp-block-clients-testimonial .wp-block-testimonial { border-color: var(--wp--preset--color--border-color); } .is-style-outline > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover { border-color: transparent; background-color: var(--wp--preset--color--border-color) !important; opacity: 1; } .wp-block-separator { color: var(--wp--preset--color--border-color); } .wp-block-group-heading h6 { color: var(--wp--preset--color--tertiary); } .wp-block-cover .wp-block-group-heading h6, .wp-block-navigation .current-menu-item .wp-block-navigation-item__content { color: var(--wp--preset--color--picton-blue); } .wp-block-cover-image.wp-block-newsletter .wp-block-cover__inner-container, .wp-block-cover.wp-block-newsletter .wp-block-cover__inner-container, .wp-block-section.wp-block-newsletter .newsletter-inner-wrap .wp-block-group-heading h6 { color: var(--wp--preset--color--body-text); } /*# sourceMappingURL=style.css.map */