@charset "UTF-8"; /* * Theme Name: Valkivid * Theme URI: https://odindesignthemes.com/valkivid-theme/ * Author: Odin Design Themes * Author URI: https://themeforest.net/user/odin_design/ * Description: Take your content creation to the next level! We created a theme with all you may need if you are a streamer, vlogger, youtuber or any video content creator! With 4 different demos (2 Youtube and 2 Twitch) you can choose the one you like the most! Including blog, shop, streams, video pages, members exclusive content and much more! * Version: 1.0.1 * License: https://themeforest.net/licenses/ * License URI: https://themeforest.net/licenses/ * Text Domain: valkivid */ /*------------------------------------------------------------------ [Table of contents] 1. Admin Bar -------------------------------------------------------------------*/ /** * 1. Admin Bar */ body.admin-bar .valkivid-header, body.admin-bar .valkivid-navigation-mobile { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .valkivid-header, body.admin-bar .valkivid-navigation-mobile { top: 46px; } } @media screen and (max-width: 600px) { #wpadminbar { position: fixed; } } /*------------------------------------------------------------------ [Table of contents] 1. Align None 2. Align Center 3. Align Right 4. Align Left 5. Linked Image Alignment 6. Caption 7. Caption Text 8. Gallery Caption 9. Screen Reader Text 10. WP Block Embed 11. WP Block Pullquote 12. WP Block Separator 13. WP Block File 14. Blocks Gallery Grid 20. HTML Rich Content -------------------------------------------------------------------*/ /** * 1. Alignnone */ .alignnone { margin: 40px 20px 20px 0; } /** * 2. Aligncenter */ .aligncenter, div.aligncenter { display: block; margin: 40px auto 0; } /** * 3. Alignright */ .alignright { float: right; margin: 40px 0 20px 20px; } /** * 4. Alignleft */ .alignleft { float: left; margin: 40px 20px 20px 0; } /** * 5. Linked Image Alignment */ a img.alignnone, a img.alignleft { margin: 40px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 40px 0 20px 20px; } a img.alignleft { float: left; } /** * 6. Caption */ .wp-caption { max-width: 100%; text-align: center; } .wp-caption.alignnone, .wp-caption.alignleft { margin: 40px 20px 20px 0; } .wp-caption.alignright { margin: 40px 0 20px 20px; } .wp-caption img { width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; border: 0 none; } /** * 7. Caption Text */ .wp-caption-text { font-size: var(--valkivid-font-size-16); } /** * 8. Gallery Caption */ .gallery-caption { font-style: italic; } /** * 9. Screen Reader Text */ .screen-reader-text { width: 1px; height: 1px; border: 0; margin: -1px; padding: 0; font-weight: 700; overflow: hidden; position: absolute !important; word-wrap: normal !important; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); } .screen-reader-text:focus { display: block; width: auto; height: auto; padding: 15px 23px 14px; background-color: #eee; color: #444; font-size: 1em; line-height: normal; text-decoration: none; top: 5px; left: 5px; z-index: 100000; clip: auto !important; -webkit-clip-path: none; clip-path: none; } /** * 10. WP Block Embed */ .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper { padding-top: 56.25%; } .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /** * 11. WP Block Pullquote */ .wp-block-pullquote { padding: 12px 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } /** * 12. WP Block Separator */ .wp-block-separator { height: 1px; background-color: var(--valkivid-divider-color); border: none; } .wp-block-separator.is-style-wide { height: 4px; } /** * 13. WP Block File */ .wp-block-file a:not(.wp-block-file__button) { color: var(--valkivid-global-primary-color); text-decoration: none; } .wp-block-file a:not(.wp-block-file__button):focus { text-decoration: underline; } /** * 14. Blocks Gallery Grid */ .blocks-gallery-grid { padding-left: 0; } /** * 15. WP Block Search */ .searchform .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__inside-wrapper { display: block; } .searchform .wp-block-search__inside-wrapper button[type="submit"], .wp-block-search .wp-block-search__inside-wrapper button[type="submit"] { margin-left: 0; border: none; } /** * 16. WP Block Calendar */ .wp-block-calendar table th { background-color: transparent; border: none; font-weight: var(--valkivid-font-weight-bold); } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: var(--valkivid-text-primary-color); } .wp-block-calendar table tbody td { border: none; padding: 10px; } /** * 17. WP Calendar Table */ .wp-calendar-table caption { margin-bottom: 18px; } /** * 18. WP Calendar Nav */ .wp-calendar-nav { display: flex; justify-content: space-between; margin-top: 18px; } .wp-calendar-nav a { color: var(--valkivid-global-primary-color); text-decoration: none; } .wp-calendar-nav a:focus { text-decoration: underline; } /** * 18. WP Block Latest Posts */ .wp-block-latest-posts__post-date { color: var(--valkivid-text-primary-color); } /** * 19. WP Block Table */ .wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--valkivid-post-author-background-color); } /** * 20. HTML Rich Content */ .valkivid-html-rich-content, .valkivid-post-open-content, .valkivid-comment-list .comment-body, .valkivid-sidebar, .woocommerce-product-details__short-description, .woocommerce-variation-description, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information, .woocommerce #reviews #comments ol.commentlist li .comment-text .description, .valkivid-membership-preview-description, form.pmpro_form .pmpro_checkout-fields, .pmpro_confirmation_wrap { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-18); } .valkivid-html-rich-content.valkivid-html-rich-content_spaced-small > *, .valkivid-html-rich-content_spaced-small.valkivid-post-open-content > *, .valkivid-comment-list .valkivid-html-rich-content_spaced-small.comment-body > *, .valkivid-html-rich-content_spaced-small.valkivid-sidebar > *, .woocommerce-product-details__short-description > *, .woocommerce-variation-description > *, .woocommerce div.product .woocommerce-tabs .valkivid-html-rich-content_spaced-small.panel.woocommerce-Tabs-panel--description > *, .woocommerce div.product .woocommerce-tabs .valkivid-html-rich-content_spaced-small.panel.woocommerce-Tabs-panel--additional_information > *, .woocommerce #reviews #comments ol.commentlist li .comment-text .description > *, .valkivid-membership-preview-description > *, form.pmpro_form .pmpro_checkout-fields > *, .pmpro_confirmation_wrap > * { margin-top: 20px; } .valkivid-html-rich-content.valkivid-html-rich-content_spaced-small > *:first-child, .valkivid-html-rich-content_spaced-small.valkivid-post-open-content > *:first-child, .valkivid-comment-list .valkivid-html-rich-content_spaced-small.comment-body > *:first-child, .valkivid-html-rich-content_spaced-small.valkivid-sidebar > *:first-child, .woocommerce-product-details__short-description > *:first-child, .woocommerce-variation-description > *:first-child, .woocommerce div.product .woocommerce-tabs .valkivid-html-rich-content_spaced-small.panel.woocommerce-Tabs-panel--description > *:first-child, .woocommerce div.product .woocommerce-tabs .valkivid-html-rich-content_spaced-small.panel.woocommerce-Tabs-panel--additional_information > *:first-child, .woocommerce #reviews #comments ol.commentlist li .comment-text .description > *:first-child, .valkivid-membership-preview-description > *:first-child, form.pmpro_form .pmpro_checkout-fields > *:first-child, .pmpro_confirmation_wrap > *:first-child { margin-top: 0; } .valkivid-html-rich-content.valkivid-html-rich-content_spaced > *, .valkivid-post-open-content > *, .valkivid-comment-list .comment-body > *, .valkivid-html-rich-content_spaced.valkivid-sidebar > *, .valkivid-html-rich-content_spaced.woocommerce-product-details__short-description > *, .valkivid-html-rich-content_spaced.woocommerce-variation-description > *, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description > *, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information > *, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-html-rich-content_spaced.description > *, .valkivid-html-rich-content_spaced.valkivid-membership-preview-description > *, form.pmpro_form .valkivid-html-rich-content_spaced.pmpro_checkout-fields > *, .valkivid-html-rich-content_spaced.pmpro_confirmation_wrap > * { margin-top: 40px; } .valkivid-html-rich-content.valkivid-html-rich-content_spaced > *:first-child, .valkivid-post-open-content > *:first-child, .valkivid-comment-list .comment-body > *:first-child, .valkivid-html-rich-content_spaced.valkivid-sidebar > *:first-child, .valkivid-html-rich-content_spaced.woocommerce-product-details__short-description > *:first-child, .valkivid-html-rich-content_spaced.woocommerce-variation-description > *:first-child, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description > *:first-child, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information > *:first-child, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-html-rich-content_spaced.description > *:first-child, .valkivid-html-rich-content_spaced.valkivid-membership-preview-description > *:first-child, form.pmpro_form .valkivid-html-rich-content_spaced.pmpro_checkout-fields > *:first-child, .valkivid-html-rich-content_spaced.pmpro_confirmation_wrap > *:first-child { margin-top: 0; } .valkivid-html-rich-content > p + p, .valkivid-post-open-content > p + p, .valkivid-comment-list .comment-body > p + p, .valkivid-sidebar > p + p, .woocommerce-product-details__short-description > p + p, .woocommerce-variation-description > p + p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description > p + p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information > p + p, .woocommerce #reviews #comments ol.commentlist li .comment-text .description > p + p, .valkivid-membership-preview-description > p + p, form.pmpro_form .pmpro_checkout-fields > p + p, .pmpro_confirmation_wrap > p + p { margin-top: 12px; } .valkivid-html-rich-content::after, .valkivid-post-open-content::after, .valkivid-comment-list .comment-body::after, .valkivid-sidebar::after, .woocommerce-product-details__short-description::after, .woocommerce-variation-description::after, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description::after, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information::after, .woocommerce #reviews #comments ol.commentlist li .comment-text .description::after, .valkivid-membership-preview-description::after, form.pmpro_form .pmpro_checkout-fields::after, .pmpro_confirmation_wrap::after { content: ''; display: table; clear: both; } .valkivid-html-rich-content h1, .valkivid-post-open-content h1, .valkivid-comment-list .comment-body h1, .valkivid-sidebar h1, .woocommerce-product-details__short-description h1, .woocommerce-variation-description h1, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h1, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h1, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h1, .valkivid-membership-preview-description h1, form.pmpro_form .pmpro_checkout-fields h1, .pmpro_confirmation_wrap h1, .valkivid-html-rich-content h2, .valkivid-post-open-content h2, .valkivid-comment-list .comment-body h2, .valkivid-sidebar h2, .woocommerce-product-details__short-description h2, .woocommerce-variation-description h2, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h2, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h2, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h2, .valkivid-membership-preview-description h2, form.pmpro_form .pmpro_checkout-fields h2, .pmpro_confirmation_wrap h2, .valkivid-html-rich-content h3, .valkivid-post-open-content h3, .valkivid-comment-list .comment-body h3, .valkivid-sidebar h3, .woocommerce-product-details__short-description h3, .woocommerce-variation-description h3, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h3, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h3, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h3, .valkivid-membership-preview-description h3, form.pmpro_form .pmpro_checkout-fields h3, .pmpro_confirmation_wrap h3, .valkivid-html-rich-content h4, .valkivid-post-open-content h4, .valkivid-comment-list .comment-body h4, .valkivid-sidebar h4, .woocommerce-product-details__short-description h4, .woocommerce-variation-description h4, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h4, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h4, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h4, .valkivid-membership-preview-description h4, form.pmpro_form .pmpro_checkout-fields h4, .pmpro_confirmation_wrap h4, .valkivid-html-rich-content h5, .valkivid-post-open-content h5, .valkivid-comment-list .comment-body h5, .valkivid-sidebar h5, .woocommerce-product-details__short-description h5, .woocommerce-variation-description h5, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h5, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h5, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h5, .valkivid-membership-preview-description h5, form.pmpro_form .pmpro_checkout-fields h5, .pmpro_confirmation_wrap h5, .valkivid-html-rich-content h6, .valkivid-post-open-content h6, .valkivid-comment-list .comment-body h6, .valkivid-sidebar h6, .woocommerce-product-details__short-description h6, .woocommerce-variation-description h6, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h6, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h6, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h6, .valkivid-membership-preview-description h6, form.pmpro_form .pmpro_checkout-fields h6, .pmpro_confirmation_wrap h6 { color: var(--valkivid-title-color); } .valkivid-html-rich-content h1, .valkivid-post-open-content h1, .valkivid-comment-list .comment-body h1, .valkivid-sidebar h1, .woocommerce-product-details__short-description h1, .woocommerce-variation-description h1, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h1, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h1, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h1, .valkivid-membership-preview-description h1, form.pmpro_form .pmpro_checkout-fields h1, .pmpro_confirmation_wrap h1 { font-size: var(--valkivid-font-size-48); line-height: 1em; } .valkivid-html-rich-content h2, .valkivid-post-open-content h2, .valkivid-comment-list .comment-body h2, .valkivid-sidebar h2, .woocommerce-product-details__short-description h2, .woocommerce-variation-description h2, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h2, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h2, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h2, .valkivid-membership-preview-description h2, form.pmpro_form .pmpro_checkout-fields h2, .pmpro_confirmation_wrap h2 { font-size: var(--valkivid-font-size-42); line-height: var(--valkivid-line-height-46-42); } .valkivid-html-rich-content h3, .valkivid-post-open-content h3, .valkivid-comment-list .comment-body h3, .valkivid-sidebar h3, .woocommerce-product-details__short-description h3, .woocommerce-variation-description h3, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h3, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h3, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h3, .valkivid-membership-preview-description h3, form.pmpro_form .pmpro_checkout-fields h3, .pmpro_confirmation_wrap h3 { font-size: var(--valkivid-font-size-38); line-height: var(--valkivid-line-height-42-38); } .valkivid-html-rich-content h4, .valkivid-post-open-content h4, .valkivid-comment-list .comment-body h4, .valkivid-sidebar h4, .woocommerce-product-details__short-description h4, .woocommerce-variation-description h4, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h4, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h4, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h4, .valkivid-membership-preview-description h4, form.pmpro_form .pmpro_checkout-fields h4, .pmpro_confirmation_wrap h4 { font-size: var(--valkivid-font-size-34); line-height: var(--valkivid-line-height-38-34); } .valkivid-html-rich-content h5, .valkivid-post-open-content h5, .valkivid-comment-list .comment-body h5, .valkivid-sidebar h5, .woocommerce-product-details__short-description h5, .woocommerce-variation-description h5, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h5, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h5, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h5, .valkivid-membership-preview-description h5, form.pmpro_form .pmpro_checkout-fields h5, .pmpro_confirmation_wrap h5 { font-size: var(--valkivid-font-size-28); line-height: var(--valkivid-line-height-36-28); } .valkivid-html-rich-content h6, .valkivid-post-open-content h6, .valkivid-comment-list .comment-body h6, .valkivid-sidebar h6, .woocommerce-product-details__short-description h6, .woocommerce-variation-description h6, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h6, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information h6, .woocommerce #reviews #comments ol.commentlist li .comment-text .description h6, .valkivid-membership-preview-description h6, form.pmpro_form .pmpro_checkout-fields h6, .pmpro_confirmation_wrap h6 { font-size: var(--valkivid-font-size-24); line-height: var(--valkivid-line-height-32-24); } .valkivid-html-rich-content p, .valkivid-post-open-content p, .valkivid-comment-list .comment-body p, .valkivid-sidebar p, .woocommerce-product-details__short-description p, .woocommerce-variation-description p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information p, .woocommerce #reviews #comments ol.commentlist li .comment-text .description p, .valkivid-membership-preview-description p, form.pmpro_form .pmpro_checkout-fields p, .pmpro_confirmation_wrap p, .valkivid-html-rich-content dd, .valkivid-post-open-content dd, .valkivid-comment-list .comment-body dd, .valkivid-sidebar dd, .woocommerce-product-details__short-description dd, .woocommerce-variation-description dd, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description dd, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information dd, .woocommerce #reviews #comments ol.commentlist li .comment-text .description dd, .valkivid-membership-preview-description dd, form.pmpro_form .pmpro_checkout-fields dd, .pmpro_confirmation_wrap dd { line-height: var(--valkivid-line-height-36-18); } .valkivid-html-rich-content div, .valkivid-post-open-content div, .valkivid-comment-list .comment-body div, .valkivid-sidebar div, .woocommerce-product-details__short-description div, .woocommerce-variation-description div, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description div, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information div, .woocommerce #reviews #comments ol.commentlist li .comment-text .description div, .valkivid-membership-preview-description div, form.pmpro_form .pmpro_checkout-fields div, .pmpro_confirmation_wrap div, .valkivid-html-rich-content iframe, .valkivid-post-open-content iframe, .valkivid-comment-list .comment-body iframe, .valkivid-sidebar iframe, .woocommerce-product-details__short-description iframe, .woocommerce-variation-description iframe, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description iframe, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information iframe, .woocommerce #reviews #comments ol.commentlist li .comment-text .description iframe, .valkivid-membership-preview-description iframe, form.pmpro_form .pmpro_checkout-fields iframe, .pmpro_confirmation_wrap iframe { max-width: 100%; } .valkivid-html-rich-content img, .valkivid-post-open-content img, .valkivid-comment-list .comment-body img, .valkivid-sidebar img, .woocommerce-product-details__short-description img, .woocommerce-variation-description img, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description img, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information img, .woocommerce #reviews #comments ol.commentlist li .comment-text .description img, .valkivid-membership-preview-description img, form.pmpro_form .pmpro_checkout-fields img, .pmpro_confirmation_wrap img { max-width: 100%; height: auto; } .valkivid-html-rich-content p:not(.has-text-color) a, .valkivid-post-open-content p:not(.has-text-color) a, .valkivid-comment-list .comment-body p:not(.has-text-color) a, .valkivid-sidebar p:not(.has-text-color) a, .woocommerce-product-details__short-description p:not(.has-text-color) a, .woocommerce-variation-description p:not(.has-text-color) a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description p:not(.has-text-color) a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information p:not(.has-text-color) a, .woocommerce #reviews #comments ol.commentlist li .comment-text .description p:not(.has-text-color) a, .valkivid-membership-preview-description p:not(.has-text-color) a, form.pmpro_form .pmpro_checkout-fields p:not(.has-text-color) a, .pmpro_confirmation_wrap p:not(.has-text-color) a, .valkivid-html-rich-content li a, .valkivid-post-open-content li a, .valkivid-comment-list .comment-body li a, .valkivid-sidebar li a, .woocommerce-product-details__short-description li a, .woocommerce-variation-description li a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description li a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information li a, .woocommerce #reviews #comments ol.commentlist li .comment-text .description li a, .valkivid-membership-preview-description li a, form.pmpro_form .pmpro_checkout-fields li a, .pmpro_confirmation_wrap li a, .valkivid-html-rich-content figcaption a, .valkivid-post-open-content figcaption a, .valkivid-comment-list .comment-body figcaption a, .valkivid-sidebar figcaption a, .woocommerce-product-details__short-description figcaption a, .woocommerce-variation-description figcaption a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description figcaption a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information figcaption a, .woocommerce #reviews #comments ol.commentlist li .comment-text .description figcaption a, .valkivid-membership-preview-description figcaption a, form.pmpro_form .pmpro_checkout-fields figcaption a, .pmpro_confirmation_wrap figcaption a, .valkivid-html-rich-content table:not(.struninntwitch-schedule-table) a, .valkivid-post-open-content table:not(.struninntwitch-schedule-table) a, .valkivid-comment-list .comment-body table:not(.struninntwitch-schedule-table) a, .valkivid-sidebar table:not(.struninntwitch-schedule-table) a, .woocommerce-product-details__short-description table:not(.struninntwitch-schedule-table) a, .woocommerce-variation-description table:not(.struninntwitch-schedule-table) a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description table:not(.struninntwitch-schedule-table) a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information table:not(.struninntwitch-schedule-table) a, .woocommerce #reviews #comments ol.commentlist li .comment-text .description table:not(.struninntwitch-schedule-table) a, .valkivid-membership-preview-description table:not(.struninntwitch-schedule-table) a, form.pmpro_form .pmpro_checkout-fields table:not(.struninntwitch-schedule-table) a, .pmpro_confirmation_wrap table:not(.struninntwitch-schedule-table) a, .valkivid-html-rich-content dl a, .valkivid-post-open-content dl a, .valkivid-comment-list .comment-body dl a, .valkivid-sidebar dl a, .woocommerce-product-details__short-description dl a, .woocommerce-variation-description dl a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description dl a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information dl a, .woocommerce #reviews #comments ol.commentlist li .comment-text .description dl a, .valkivid-membership-preview-description dl a, form.pmpro_form .pmpro_checkout-fields dl a, .pmpro_confirmation_wrap dl a, .valkivid-html-rich-content .tagcloud a, .valkivid-post-open-content .tagcloud a, .valkivid-comment-list .comment-body .tagcloud a, .valkivid-sidebar .tagcloud a, .woocommerce-product-details__short-description .tagcloud a, .woocommerce-variation-description .tagcloud a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .tagcloud a, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .tagcloud a, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .tagcloud a, .valkivid-membership-preview-description .tagcloud a, form.pmpro_form .pmpro_checkout-fields .tagcloud a, .pmpro_confirmation_wrap .tagcloud a { color: var(--valkivid-global-primary-color); text-decoration: none; } .valkivid-html-rich-content p:not(.has-text-color) a:focus, .valkivid-post-open-content p:not(.has-text-color) a:focus, .valkivid-comment-list .comment-body p:not(.has-text-color) a:focus, .valkivid-sidebar p:not(.has-text-color) a:focus, .woocommerce-product-details__short-description p:not(.has-text-color) a:focus, .woocommerce-variation-description p:not(.has-text-color) a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description p:not(.has-text-color) a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information p:not(.has-text-color) a:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description p:not(.has-text-color) a:focus, .valkivid-membership-preview-description p:not(.has-text-color) a:focus, form.pmpro_form .pmpro_checkout-fields p:not(.has-text-color) a:focus, .pmpro_confirmation_wrap p:not(.has-text-color) a:focus, .valkivid-html-rich-content li a:focus, .valkivid-post-open-content li a:focus, .valkivid-comment-list .comment-body li a:focus, .valkivid-sidebar li a:focus, .woocommerce-product-details__short-description li a:focus, .woocommerce-variation-description li a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description li a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information li a:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description li a:focus, .valkivid-membership-preview-description li a:focus, form.pmpro_form .pmpro_checkout-fields li a:focus, .pmpro_confirmation_wrap li a:focus, .valkivid-html-rich-content figcaption a:focus, .valkivid-post-open-content figcaption a:focus, .valkivid-comment-list .comment-body figcaption a:focus, .valkivid-sidebar figcaption a:focus, .woocommerce-product-details__short-description figcaption a:focus, .woocommerce-variation-description figcaption a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description figcaption a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information figcaption a:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description figcaption a:focus, .valkivid-membership-preview-description figcaption a:focus, form.pmpro_form .pmpro_checkout-fields figcaption a:focus, .pmpro_confirmation_wrap figcaption a:focus, .valkivid-html-rich-content table:not(.struninntwitch-schedule-table) a:focus, .valkivid-post-open-content table:not(.struninntwitch-schedule-table) a:focus, .valkivid-comment-list .comment-body table:not(.struninntwitch-schedule-table) a:focus, .valkivid-sidebar table:not(.struninntwitch-schedule-table) a:focus, .woocommerce-product-details__short-description table:not(.struninntwitch-schedule-table) a:focus, .woocommerce-variation-description table:not(.struninntwitch-schedule-table) a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description table:not(.struninntwitch-schedule-table) a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information table:not(.struninntwitch-schedule-table) a:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description table:not(.struninntwitch-schedule-table) a:focus, .valkivid-membership-preview-description table:not(.struninntwitch-schedule-table) a:focus, form.pmpro_form .pmpro_checkout-fields table:not(.struninntwitch-schedule-table) a:focus, .pmpro_confirmation_wrap table:not(.struninntwitch-schedule-table) a:focus, .valkivid-html-rich-content dl a:focus, .valkivid-post-open-content dl a:focus, .valkivid-comment-list .comment-body dl a:focus, .valkivid-sidebar dl a:focus, .woocommerce-product-details__short-description dl a:focus, .woocommerce-variation-description dl a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description dl a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information dl a:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description dl a:focus, .valkivid-membership-preview-description dl a:focus, form.pmpro_form .pmpro_checkout-fields dl a:focus, .pmpro_confirmation_wrap dl a:focus, .valkivid-html-rich-content .tagcloud a:focus, .valkivid-post-open-content .tagcloud a:focus, .valkivid-comment-list .comment-body .tagcloud a:focus, .valkivid-sidebar .tagcloud a:focus, .woocommerce-product-details__short-description .tagcloud a:focus, .woocommerce-variation-description .tagcloud a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .tagcloud a:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .tagcloud a:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .tagcloud a:focus, .valkivid-membership-preview-description .tagcloud a:focus, form.pmpro_form .pmpro_checkout-fields .tagcloud a:focus, .pmpro_confirmation_wrap .tagcloud a:focus { text-decoration: underline; } .valkivid-html-rich-content blockquote, .valkivid-post-open-content blockquote, .valkivid-comment-list .comment-body blockquote, .valkivid-sidebar blockquote, .woocommerce-product-details__short-description blockquote, .woocommerce-variation-description blockquote, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description blockquote, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information blockquote, .woocommerce #reviews #comments ol.commentlist li .comment-text .description blockquote, .valkivid-membership-preview-description blockquote, form.pmpro_form .pmpro_checkout-fields blockquote, .pmpro_confirmation_wrap blockquote, .valkivid-html-rich-content strong, .valkivid-post-open-content strong, .valkivid-comment-list .comment-body strong, .valkivid-sidebar strong, .woocommerce-product-details__short-description strong, .woocommerce-variation-description strong, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description strong, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information strong, .woocommerce #reviews #comments ol.commentlist li .comment-text .description strong, .valkivid-membership-preview-description strong, form.pmpro_form .pmpro_checkout-fields strong, .pmpro_confirmation_wrap strong, .valkivid-html-rich-content th, .valkivid-post-open-content th, .valkivid-comment-list .comment-body th, .valkivid-sidebar th, .woocommerce-product-details__short-description th, .woocommerce-variation-description th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information th, .woocommerce #reviews #comments ol.commentlist li .comment-text .description th, .valkivid-membership-preview-description th, form.pmpro_form .pmpro_checkout-fields th, .pmpro_confirmation_wrap th, .valkivid-html-rich-content dt, .valkivid-post-open-content dt, .valkivid-comment-list .comment-body dt, .valkivid-sidebar dt, .woocommerce-product-details__short-description dt, .woocommerce-variation-description dt, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description dt, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information dt, .woocommerce #reviews #comments ol.commentlist li .comment-text .description dt, .valkivid-membership-preview-description dt, form.pmpro_form .pmpro_checkout-fields dt, .pmpro_confirmation_wrap dt { color: var(--valkivid-text-bold-color); } .valkivid-html-rich-content blockquote, .valkivid-post-open-content blockquote, .valkivid-comment-list .comment-body blockquote, .valkivid-sidebar blockquote, .woocommerce-product-details__short-description blockquote, .woocommerce-variation-description blockquote, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description blockquote, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information blockquote, .woocommerce #reviews #comments ol.commentlist li .comment-text .description blockquote, .valkivid-membership-preview-description blockquote, form.pmpro_form .pmpro_checkout-fields blockquote, .pmpro_confirmation_wrap blockquote { padding: 12px 18px; border-left: 4px solid var(--valkivid-global-primary-color); font-size: var(--valkivid-font-size-22); line-height: var(--valkivid-line-height-36-22); } .valkivid-html-rich-content blockquote.has-text-align-right, .valkivid-post-open-content blockquote.has-text-align-right, .valkivid-comment-list .comment-body blockquote.has-text-align-right, .valkivid-sidebar blockquote.has-text-align-right, .woocommerce-product-details__short-description blockquote.has-text-align-right, .woocommerce-variation-description blockquote.has-text-align-right, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description blockquote.has-text-align-right, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information blockquote.has-text-align-right, .woocommerce #reviews #comments ol.commentlist li .comment-text .description blockquote.has-text-align-right, .valkivid-membership-preview-description blockquote.has-text-align-right, form.pmpro_form .pmpro_checkout-fields blockquote.has-text-align-right, .pmpro_confirmation_wrap blockquote.has-text-align-right { border-left: none; border-right: 4px solid var(--valkivid-global-primary-color); } .valkivid-html-rich-content blockquote.is-style-large, .valkivid-post-open-content blockquote.is-style-large, .valkivid-comment-list .comment-body blockquote.is-style-large, .valkivid-sidebar blockquote.is-style-large, .woocommerce-product-details__short-description blockquote.is-style-large, .woocommerce-variation-description blockquote.is-style-large, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description blockquote.is-style-large, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information blockquote.is-style-large, .woocommerce #reviews #comments ol.commentlist li .comment-text .description blockquote.is-style-large, .valkivid-membership-preview-description blockquote.is-style-large, form.pmpro_form .pmpro_checkout-fields blockquote.is-style-large, .pmpro_confirmation_wrap blockquote.is-style-large { padding: 12px 18px; margin-bottom: 0; } .valkivid-html-rich-content blockquote.is-style-large p, .valkivid-post-open-content blockquote.is-style-large p, .valkivid-comment-list .comment-body blockquote.is-style-large p, .valkivid-sidebar blockquote.is-style-large p, .woocommerce-product-details__short-description blockquote.is-style-large p, .woocommerce-variation-description blockquote.is-style-large p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description blockquote.is-style-large p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information blockquote.is-style-large p, .woocommerce #reviews #comments ol.commentlist li .comment-text .description blockquote.is-style-large p, .valkivid-membership-preview-description blockquote.is-style-large p, form.pmpro_form .pmpro_checkout-fields blockquote.is-style-large p, .pmpro_confirmation_wrap blockquote.is-style-large p { font-size: 1.4em; font-style: normal; } .valkivid-html-rich-content blockquote p, .valkivid-post-open-content blockquote p, .valkivid-comment-list .comment-body blockquote p, .valkivid-sidebar blockquote p, .woocommerce-product-details__short-description blockquote p, .woocommerce-variation-description blockquote p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description blockquote p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information blockquote p, .woocommerce #reviews #comments ol.commentlist li .comment-text .description blockquote p, .valkivid-membership-preview-description blockquote p, form.pmpro_form .pmpro_checkout-fields blockquote p, .pmpro_confirmation_wrap blockquote p { font-size: var(--valkivid-font-size-22); line-height: var(--valkivid-line-height-36-22); } .valkivid-html-rich-content .wp-block-pullquote blockquote, .valkivid-post-open-content .wp-block-pullquote blockquote, .valkivid-comment-list .comment-body .wp-block-pullquote blockquote, .valkivid-sidebar .wp-block-pullquote blockquote, .woocommerce-product-details__short-description .wp-block-pullquote blockquote, .woocommerce-variation-description .wp-block-pullquote blockquote, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .wp-block-pullquote blockquote, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .wp-block-pullquote blockquote, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .wp-block-pullquote blockquote, .valkivid-membership-preview-description .wp-block-pullquote blockquote, form.pmpro_form .pmpro_checkout-fields .wp-block-pullquote blockquote, .pmpro_confirmation_wrap .wp-block-pullquote blockquote { border: none; } .valkivid-html-rich-content .wp-block-pullquote p, .valkivid-post-open-content .wp-block-pullquote p, .valkivid-comment-list .comment-body .wp-block-pullquote p, .valkivid-sidebar .wp-block-pullquote p, .woocommerce-product-details__short-description .wp-block-pullquote p, .woocommerce-variation-description .wp-block-pullquote p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .wp-block-pullquote p, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .wp-block-pullquote p, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .wp-block-pullquote p, .valkivid-membership-preview-description .wp-block-pullquote p, form.pmpro_form .pmpro_checkout-fields .wp-block-pullquote p, .pmpro_confirmation_wrap .wp-block-pullquote p { font-size: 1.4em; } .valkivid-html-rich-content table:not(.struninntwitch-schedule-table), .valkivid-post-open-content table:not(.struninntwitch-schedule-table), .valkivid-comment-list .comment-body table:not(.struninntwitch-schedule-table), .valkivid-sidebar table:not(.struninntwitch-schedule-table), .woocommerce-product-details__short-description table:not(.struninntwitch-schedule-table), .woocommerce-variation-description table:not(.struninntwitch-schedule-table), .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description table:not(.struninntwitch-schedule-table), .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information table:not(.struninntwitch-schedule-table), .woocommerce #reviews #comments ol.commentlist li .comment-text .description table:not(.struninntwitch-schedule-table), .valkivid-membership-preview-description table:not(.struninntwitch-schedule-table), form.pmpro_form .pmpro_checkout-fields table:not(.struninntwitch-schedule-table), .pmpro_confirmation_wrap table:not(.struninntwitch-schedule-table) { border-collapse: collapse; } .valkivid-html-rich-content thead, .valkivid-post-open-content thead, .valkivid-comment-list .comment-body thead, .valkivid-sidebar thead, .woocommerce-product-details__short-description thead, .woocommerce-variation-description thead, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description thead, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information thead, .woocommerce #reviews #comments ol.commentlist li .comment-text .description thead, .valkivid-membership-preview-description thead, form.pmpro_form .pmpro_checkout-fields thead, .pmpro_confirmation_wrap thead { border-bottom: 1px solid var(--valkivid-border-color); } .valkivid-html-rich-content .wp-block-calendar th, .valkivid-post-open-content .wp-block-calendar th, .valkivid-comment-list .comment-body .wp-block-calendar th, .valkivid-sidebar .wp-block-calendar th, .woocommerce-product-details__short-description .wp-block-calendar th, .woocommerce-variation-description .wp-block-calendar th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .wp-block-calendar th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .wp-block-calendar th, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .wp-block-calendar th, .valkivid-membership-preview-description .wp-block-calendar th, form.pmpro_form .pmpro_checkout-fields .wp-block-calendar th, .pmpro_confirmation_wrap .wp-block-calendar th, .valkivid-html-rich-content .wp-block-calendar td, .valkivid-post-open-content .wp-block-calendar td, .valkivid-comment-list .comment-body .wp-block-calendar td, .valkivid-sidebar .wp-block-calendar td, .woocommerce-product-details__short-description .wp-block-calendar td, .woocommerce-variation-description .wp-block-calendar td, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .wp-block-calendar td, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .wp-block-calendar td, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .wp-block-calendar td, .valkivid-membership-preview-description .wp-block-calendar td, form.pmpro_form .pmpro_checkout-fields .wp-block-calendar td, .pmpro_confirmation_wrap .wp-block-calendar td, .valkivid-html-rich-content .wp-calendar-table th, .valkivid-post-open-content .wp-calendar-table th, .valkivid-comment-list .comment-body .wp-calendar-table th, .valkivid-sidebar .wp-calendar-table th, .woocommerce-product-details__short-description .wp-calendar-table th, .woocommerce-variation-description .wp-calendar-table th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .wp-calendar-table th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .wp-calendar-table th, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .wp-calendar-table th, .valkivid-membership-preview-description .wp-calendar-table th, form.pmpro_form .pmpro_checkout-fields .wp-calendar-table th, .pmpro_confirmation_wrap .wp-calendar-table th, .valkivid-html-rich-content .wp-calendar-table td, .valkivid-post-open-content .wp-calendar-table td, .valkivid-comment-list .comment-body .wp-calendar-table td, .valkivid-sidebar .wp-calendar-table td, .woocommerce-product-details__short-description .wp-calendar-table td, .woocommerce-variation-description .wp-calendar-table td, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .wp-calendar-table td, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .wp-calendar-table td, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .wp-calendar-table td, .valkivid-membership-preview-description .wp-calendar-table td, form.pmpro_form .pmpro_checkout-fields .wp-calendar-table td, .pmpro_confirmation_wrap .wp-calendar-table td { text-align: center; } .valkivid-html-rich-content table:not(.struninntwitch-schedule-table) th, .valkivid-post-open-content table:not(.struninntwitch-schedule-table) th, .valkivid-comment-list .comment-body table:not(.struninntwitch-schedule-table) th, .valkivid-sidebar table:not(.struninntwitch-schedule-table) th, .woocommerce-product-details__short-description table:not(.struninntwitch-schedule-table) th, .woocommerce-variation-description table:not(.struninntwitch-schedule-table) th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description table:not(.struninntwitch-schedule-table) th, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information table:not(.struninntwitch-schedule-table) th, .woocommerce #reviews #comments ol.commentlist li .comment-text .description table:not(.struninntwitch-schedule-table) th, .valkivid-membership-preview-description table:not(.struninntwitch-schedule-table) th, form.pmpro_form .pmpro_checkout-fields table:not(.struninntwitch-schedule-table) th, .pmpro_confirmation_wrap table:not(.struninntwitch-schedule-table) th, .valkivid-html-rich-content table:not(.struninntwitch-schedule-table) td, .valkivid-post-open-content table:not(.struninntwitch-schedule-table) td, .valkivid-comment-list .comment-body table:not(.struninntwitch-schedule-table) td, .valkivid-sidebar table:not(.struninntwitch-schedule-table) td, .woocommerce-product-details__short-description table:not(.struninntwitch-schedule-table) td, .woocommerce-variation-description table:not(.struninntwitch-schedule-table) td, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description table:not(.struninntwitch-schedule-table) td, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information table:not(.struninntwitch-schedule-table) td, .woocommerce #reviews #comments ol.commentlist li .comment-text .description table:not(.struninntwitch-schedule-table) td, .valkivid-membership-preview-description table:not(.struninntwitch-schedule-table) td, form.pmpro_form .pmpro_checkout-fields table:not(.struninntwitch-schedule-table) td, .pmpro_confirmation_wrap table:not(.struninntwitch-schedule-table) td { padding: 10px; text-align: left; } .valkivid-html-rich-content dt, .valkivid-post-open-content dt, .valkivid-comment-list .comment-body dt, .valkivid-sidebar dt, .woocommerce-product-details__short-description dt, .woocommerce-variation-description dt, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description dt, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information dt, .woocommerce #reviews #comments ol.commentlist li .comment-text .description dt, .valkivid-membership-preview-description dt, form.pmpro_form .pmpro_checkout-fields dt, .pmpro_confirmation_wrap dt { font-size: var(--valkivid-font-size-22); font-weight: var(--valkivid-font-weight-bold); } .valkivid-html-rich-content dd, .valkivid-post-open-content dd, .valkivid-comment-list .comment-body dd, .valkivid-sidebar dd, .woocommerce-product-details__short-description dd, .woocommerce-variation-description dd, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description dd, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information dd, .woocommerce #reviews #comments ol.commentlist li .comment-text .description dd, .valkivid-membership-preview-description dd, form.pmpro_form .pmpro_checkout-fields dd, .pmpro_confirmation_wrap dd { margin-top: 6px; } .valkivid-html-rich-content dd + dt, .valkivid-post-open-content dd + dt, .valkivid-comment-list .comment-body dd + dt, .valkivid-sidebar dd + dt, .woocommerce-product-details__short-description dd + dt, .woocommerce-variation-description dd + dt, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description dd + dt, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information dd + dt, .woocommerce #reviews #comments ol.commentlist li .comment-text .description dd + dt, .valkivid-membership-preview-description dd + dt, form.pmpro_form .pmpro_checkout-fields dd + dt, .pmpro_confirmation_wrap dd + dt { margin-top: 24px; } .valkivid-html-rich-content ul, .valkivid-post-open-content ul, .valkivid-comment-list .comment-body ul, .valkivid-sidebar ul, .woocommerce-product-details__short-description ul, .woocommerce-variation-description ul, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ul, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ul, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ul, .valkivid-membership-preview-description ul, form.pmpro_form .pmpro_checkout-fields ul, .pmpro_confirmation_wrap ul, .valkivid-html-rich-content ol, .valkivid-post-open-content ol, .valkivid-comment-list .comment-body ol, .valkivid-sidebar ol, .woocommerce-product-details__short-description ol, .woocommerce-variation-description ol, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ol, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ol, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ol, .valkivid-membership-preview-description ol, form.pmpro_form .pmpro_checkout-fields ol, .pmpro_confirmation_wrap ol { padding-left: 22px; } .valkivid-html-rich-content ul ul, .valkivid-post-open-content ul ul, .valkivid-comment-list .comment-body ul ul, .valkivid-sidebar ul ul, .woocommerce-product-details__short-description ul ul, .woocommerce-variation-description ul ul, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ul ul, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ul ul, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ul ul, .valkivid-membership-preview-description ul ul, form.pmpro_form .pmpro_checkout-fields ul ul, .pmpro_confirmation_wrap ul ul, .valkivid-html-rich-content ul ol, .valkivid-post-open-content ul ol, .valkivid-comment-list .comment-body ul ol, .valkivid-sidebar ul ol, .woocommerce-product-details__short-description ul ol, .woocommerce-variation-description ul ol, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ul ol, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ul ol, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ul ol, .valkivid-membership-preview-description ul ol, form.pmpro_form .pmpro_checkout-fields ul ol, .pmpro_confirmation_wrap ul ol, .valkivid-html-rich-content ol ul, .valkivid-post-open-content ol ul, .valkivid-comment-list .comment-body ol ul, .valkivid-sidebar ol ul, .woocommerce-product-details__short-description ol ul, .woocommerce-variation-description ol ul, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ol ul, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ol ul, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ol ul, .valkivid-membership-preview-description ol ul, form.pmpro_form .pmpro_checkout-fields ol ul, .pmpro_confirmation_wrap ol ul, .valkivid-html-rich-content ol ol, .valkivid-post-open-content ol ol, .valkivid-comment-list .comment-body ol ol, .valkivid-sidebar ol ol, .woocommerce-product-details__short-description ol ol, .woocommerce-variation-description ol ol, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ol ol, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ol ol, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ol ol, .valkivid-membership-preview-description ol ol, form.pmpro_form .pmpro_checkout-fields ol ol, .pmpro_confirmation_wrap ol ol { margin: 12px 0; } .valkivid-html-rich-content ul li, .valkivid-post-open-content ul li, .valkivid-comment-list .comment-body ul li, .valkivid-sidebar ul li, .woocommerce-product-details__short-description ul li, .woocommerce-variation-description ul li, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ul li, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ul li, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ul li, .valkivid-membership-preview-description ul li, form.pmpro_form .pmpro_checkout-fields ul li, .pmpro_confirmation_wrap ul li, .valkivid-html-rich-content ol li, .valkivid-post-open-content ol li, .valkivid-comment-list .comment-body ol li, .valkivid-sidebar ol li, .woocommerce-product-details__short-description ol li, .woocommerce-variation-description ol li, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ol li, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ol li, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ol li, .valkivid-membership-preview-description ol li, form.pmpro_form .pmpro_checkout-fields ol li, .pmpro_confirmation_wrap ol li { margin-bottom: 8px; } .valkivid-html-rich-content ul li::marker, .valkivid-post-open-content ul li::marker, .valkivid-comment-list .comment-body ul li::marker, .valkivid-sidebar ul li::marker, .woocommerce-product-details__short-description ul li::marker, .woocommerce-variation-description ul li::marker, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ul li::marker, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ul li::marker, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ul li::marker, .valkivid-membership-preview-description ul li::marker, form.pmpro_form .pmpro_checkout-fields ul li::marker, .pmpro_confirmation_wrap ul li::marker, .valkivid-html-rich-content ol li::marker, .valkivid-post-open-content ol li::marker, .valkivid-comment-list .comment-body ol li::marker, .valkivid-sidebar ol li::marker, .woocommerce-product-details__short-description ol li::marker, .woocommerce-variation-description ol li::marker, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ol li::marker, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ol li::marker, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ol li::marker, .valkivid-membership-preview-description ol li::marker, form.pmpro_form .pmpro_checkout-fields ol li::marker, .pmpro_confirmation_wrap ol li::marker { color: var(--valkivid-global-primary-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-html-rich-content ul li:last-child, .valkivid-post-open-content ul li:last-child, .valkivid-comment-list .comment-body ul li:last-child, .valkivid-sidebar ul li:last-child, .woocommerce-product-details__short-description ul li:last-child, .woocommerce-variation-description ul li:last-child, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ul li:last-child, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ul li:last-child, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ul li:last-child, .valkivid-membership-preview-description ul li:last-child, form.pmpro_form .pmpro_checkout-fields ul li:last-child, .pmpro_confirmation_wrap ul li:last-child, .valkivid-html-rich-content ol li:last-child, .valkivid-post-open-content ol li:last-child, .valkivid-comment-list .comment-body ol li:last-child, .valkivid-sidebar ol li:last-child, .woocommerce-product-details__short-description ol li:last-child, .woocommerce-variation-description ol li:last-child, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ol li:last-child, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ol li:last-child, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ol li:last-child, .valkivid-membership-preview-description ol li:last-child, form.pmpro_form .pmpro_checkout-fields ol li:last-child, .pmpro_confirmation_wrap ol li:last-child { margin-bottom: 0; } .valkivid-html-rich-content ol li, .valkivid-post-open-content ol li, .valkivid-comment-list .comment-body ol li, .valkivid-sidebar ol li, .woocommerce-product-details__short-description ol li, .woocommerce-variation-description ol li, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description ol li, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information ol li, .woocommerce #reviews #comments ol.commentlist li .comment-text .description ol li, .valkivid-membership-preview-description ol li, form.pmpro_form .pmpro_checkout-fields ol li, .pmpro_confirmation_wrap ol li { padding-left: 6px; } .valkivid-html-rich-content hr, .valkivid-post-open-content hr, .valkivid-comment-list .comment-body hr, .valkivid-sidebar hr, .woocommerce-product-details__short-description hr, .woocommerce-variation-description hr, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description hr, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information hr, .woocommerce #reviews #comments ol.commentlist li .comment-text .description hr, .valkivid-membership-preview-description hr, form.pmpro_form .pmpro_checkout-fields hr, .pmpro_confirmation_wrap hr { height: 1px; background-color: var(--valkivid-divider-color); } .valkivid-html-rich-content pre, .valkivid-post-open-content pre, .valkivid-comment-list .comment-body pre, .valkivid-sidebar pre, .woocommerce-product-details__short-description pre, .woocommerce-variation-description pre, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description pre, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information pre, .woocommerce #reviews #comments ol.commentlist li .comment-text .description pre, .valkivid-membership-preview-description pre, form.pmpro_form .pmpro_checkout-fields pre, .pmpro_confirmation_wrap pre { overflow-x: auto; } .valkivid-html-rich-content q, .valkivid-post-open-content q, .valkivid-comment-list .comment-body q, .valkivid-sidebar q, .woocommerce-product-details__short-description q, .woocommerce-variation-description q, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description q, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information q, .woocommerce #reviews #comments ol.commentlist li .comment-text .description q, .valkivid-membership-preview-description q, form.pmpro_form .pmpro_checkout-fields q, .pmpro_confirmation_wrap q { font-style: italic; } .valkivid-html-rich-content figcaption, .valkivid-post-open-content figcaption, .valkivid-comment-list .comment-body figcaption, .valkivid-sidebar figcaption, .woocommerce-product-details__short-description figcaption, .woocommerce-variation-description figcaption, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description figcaption, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information figcaption, .woocommerce #reviews #comments ol.commentlist li .comment-text .description figcaption, .valkivid-membership-preview-description figcaption, form.pmpro_form .pmpro_checkout-fields figcaption, .pmpro_confirmation_wrap figcaption { margin-top: 12px; text-align: center; } .valkivid-html-rich-content .wp-block-latest-comments, .valkivid-post-open-content .wp-block-latest-comments, .valkivid-comment-list .comment-body .wp-block-latest-comments, .valkivid-sidebar .wp-block-latest-comments, .woocommerce-product-details__short-description .wp-block-latest-comments, .woocommerce-variation-description .wp-block-latest-comments, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .wp-block-latest-comments, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .wp-block-latest-comments, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .wp-block-latest-comments, .valkivid-membership-preview-description .wp-block-latest-comments, form.pmpro_form .pmpro_checkout-fields .wp-block-latest-comments, .pmpro_confirmation_wrap .wp-block-latest-comments, .valkivid-html-rich-content .blocks-gallery-grid, .valkivid-post-open-content .blocks-gallery-grid, .valkivid-comment-list .comment-body .blocks-gallery-grid, .valkivid-sidebar .blocks-gallery-grid, .woocommerce-product-details__short-description .blocks-gallery-grid, .woocommerce-variation-description .blocks-gallery-grid, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .blocks-gallery-grid, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .blocks-gallery-grid, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .blocks-gallery-grid, .valkivid-membership-preview-description .blocks-gallery-grid, form.pmpro_form .pmpro_checkout-fields .blocks-gallery-grid, .pmpro_confirmation_wrap .blocks-gallery-grid { padding-left: 0; } .valkivid-html-rich-content .rsswidget, .valkivid-post-open-content .rsswidget, .valkivid-comment-list .comment-body .rsswidget, .valkivid-sidebar .rsswidget, .woocommerce-product-details__short-description .rsswidget, .woocommerce-variation-description .rsswidget, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .rsswidget, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .rsswidget, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .rsswidget, .valkivid-membership-preview-description .rsswidget, form.pmpro_form .pmpro_checkout-fields .rsswidget, .pmpro_confirmation_wrap .rsswidget { color: var(--valkivid-global-primary-color); text-decoration: none; } .valkivid-html-rich-content .rsswidget:focus, .valkivid-post-open-content .rsswidget:focus, .valkivid-comment-list .comment-body .rsswidget:focus, .valkivid-sidebar .rsswidget:focus, .woocommerce-product-details__short-description .rsswidget:focus, .woocommerce-variation-description .rsswidget:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description .rsswidget:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information .rsswidget:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description .rsswidget:focus, .valkivid-membership-preview-description .rsswidget:focus, form.pmpro_form .pmpro_checkout-fields .rsswidget:focus, .pmpro_confirmation_wrap .rsswidget:focus { text-decoration: underline; } /** * Modules */ /*------------------------------------------------------------------ [Table of contents] 1. Reset -------------------------------------------------------------------*/ /** * 1. Reset */ *, *::before, *::after { margin: 0; padding: 0; border: none; outline: none; box-sizing: border-box; } /*------------------------------------------------------------------ [Table of contents] 1. Font Variables 1.1. Font Size 1.2. Line Height 1.3. Font Weight -------------------------------------------------------------------*/ /** * 1. Font Variables */ :root { /** * 1.1. Font Size */ --valkivid-font-size-base: calc(16 / var(--valkivid-font-scale-factor)); --valkivid-font-size-10: calc((10 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-12: calc((12 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-14: calc((14 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-16: calc((16 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-18: calc((18 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-20: calc((20 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-22: calc((22 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-24: calc((24 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-26: calc((26 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-28: calc((28 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-32: calc((32 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-34: calc((34 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-36: calc((36 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-38: calc((38 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-42: calc((42 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-48: calc((48 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-54: calc((54 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-62: calc((62 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-64: calc((64 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-68: calc((68 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-84: calc((84 / var(--valkivid-font-size-base)) * 1rem); --valkivid-font-size-120: calc((120 / var(--valkivid-font-size-base)) * 1rem); /** * 1.2. Line Height */ --valkivid-line-height-16-12: calc(16 / 12); --valkivid-line-height-16-14: calc(16 / 14); --valkivid-line-height-22-14: calc(22 / 14); --valkivid-line-height-18-16: calc(18 / 16); --valkivid-line-height-20-16: calc(20 / 16); --valkivid-line-height-22-16: calc(22 / 16); --valkivid-line-height-28-16: calc(28 / 16); --valkivid-line-height-32-16: calc(32 / 16); --valkivid-line-height-24-18: calc(24 / 18); --valkivid-line-height-32-18: calc(32 / 18); --valkivid-line-height-36-18: calc(36 / 18); --valkivid-line-height-24-20: calc(24 / 20); --valkivid-line-height-36-22: calc(36 / 22); --valkivid-line-height-42-22: calc(42 / 22); --valkivid-line-height-32-24: calc(32 / 24); --valkivid-line-height-36-24: calc(36 / 24); --valkivid-line-height-36-28: calc(36 / 28); --valkivid-line-height-36-32: calc(36 / 32); --valkivid-line-height-38-34: calc(38 / 34); --valkivid-line-height-42-34: calc(42 / 34); --valkivid-line-height-40-36: calc(40 / 36); --valkivid-line-height-42-38: calc(42 / 38); --valkivid-line-height-46-42: calc(46 / 42); --valkivid-line-height-42-48: calc(42 / 48); /** * 1.3. Font Weight */ --valkivid-font-weight-regular: 400; --valkivid-font-weight-medium: 500; --valkivid-font-weight-bold: 700; } /*------------------------------------------------------------------ [Table of contents] 1. fadeIn -------------------------------------------------------------------*/ /** * 1. fadeIn */ @-webkit-keyframes fadeIn { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes fadeIn { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } /*------------------------------------------------------------------ [Table of contents] 1. Global 2. Aspect Ratio Container 2.1. Aspect Ratio Item 3. Date 4. Taxonomy List 4.1. Taxonomy Item Link 5. Sticker 5.1. Sticker Icon -------------------------------------------------------------------*/ /** * 1. Global */ body { overflow-x: hidden; font-family: var(--valkivid-font-family); background-color: var(--valkivid-body-background-color); } body.valkivid-template_vlogger { letter-spacing: var(--valkivid-vlogger-letter-spacing); } body.valkivid-body_has-background .valkivid-header { background-color: transparent; transition: transform .15s ease-out, background-color .2s ease-in-out; } body.valkivid-body_has-background .valkivid-header.valkivid-header_sticky { background-color: var(--valkivid-body-background-color); } body.pmpro-levels .valkivid-content.valkivid-template_vlogger-v1 .valkivid-page-header { padding-bottom: 90px; } body.pmpro-levels .valkivid-content.valkivid-template_vlogger-v1 .valkivid-section { margin-top: -40px; } /** * 2. Aspect Ratio Container */ .valkivid-aspect-ratio-container { position: relative; } .valkivid-aspect-ratio-container.valkivid-aspect-ratio-container_16-9 { padding-top: 56.25%; } .valkivid-aspect-ratio-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /** * 2. Aspect Ratio Item */ .valkivid-aspect-ratio-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /** * 3. Date */ .valkivid-date { font-size: var(--valkivid-font-size-14); } .valkivid-date.valkivid-template_streamer { color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-date.valkivid-template_vlogger { color: var(--valkivid-text-primary-color); } .valkivid-date.valkivid-template_vlogger a { color: var(--valkivid-text-primary-color); } .valkivid-date a { text-decoration: none; } .valkivid-date a:hover, .valkivid-date a:focus { color: var(--valkivid-global-primary-color); } /** * 4. Taxonomy List */ .valkivid-taxonomy-list { margin-top: -4px; display: flex; flex-wrap: wrap; align-items: center; list-style: none; } .valkivid-taxonomy-list.valkivid-template_streamer .valkivid-taxonomy-item-link, .valkivid-taxonomy-list.valkivid-template_vlogger .valkivid-taxonomy-item-link { text-transform: uppercase; } .valkivid-taxonomy-list.valkivid-taxonomy-list_category.valkivid-template_streamer .valkivid-taxonomy-item-link { color: var(--valkivid-global-primary-color); font-size: var(--valkivid-font-size-14); } .valkivid-taxonomy-list.valkivid-taxonomy-list_category.valkivid-template_vlogger .valkivid-taxonomy-item-link { padding: 4px 8px; background-color: var(--valkivid-global-primary-color); color: var(--valkivid-body-background-color); font-size: var(--valkivid-font-size-12); } .valkivid-taxonomy-list.valkivid-taxonomy-list_tag.valkivid-template_streamer .valkivid-taxonomy-item-link { border-color: var(--valkivid-global-secondary-color); } .valkivid-taxonomy-list.valkivid-taxonomy-list_tag.valkivid-template_vlogger .valkivid-taxonomy-item-link { border-color: var(--valkivid-global-primary-color); } .valkivid-taxonomy-list.valkivid-taxonomy-list_tag .valkivid-taxonomy-item-link { padding: 4px 8px; border: 1px solid transparent; color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-12); } .valkivid-taxonomy-list.valkivid-taxonomy-list_medium { margin-top: -8px; } .valkivid-taxonomy-list.valkivid-taxonomy-list_medium .valkivid-taxonomy-item { margin-top: 8px; } .valkivid-taxonomy-list.valkivid-taxonomy-list_medium.valkivid-taxonomy-list_category.valkivid-template_streamer .valkivid-taxonomy-item-link { font-size: var(--valkivid-font-size-18); } .valkivid-taxonomy-list.valkivid-taxonomy-list_medium.valkivid-taxonomy-list_category.valkivid-template_vlogger .valkivid-taxonomy-item-link { font-size: var(--valkivid-font-size-14); } .valkivid-taxonomy-list.valkivid-taxonomy-list_medium.valkivid-taxonomy-list_tag.valkivid-template_streamer .valkivid-taxonomy-item-link, .valkivid-taxonomy-list.valkivid-taxonomy-list_medium.valkivid-taxonomy-list_tag.valkivid-template_vlogger .valkivid-taxonomy-item-link { font-size: var(--valkivid-font-size-14); } .valkivid-taxonomy-list .valkivid-taxonomy-item { margin: 4px 8px 0 0; } .valkivid-taxonomy-list .valkivid-taxonomy-item:last-child { margin-right: 0; } /** * 4.1. Taxonomy Item Link */ .valkivid-taxonomy-item-link { display: block; font-weight: var(--valkivid-font-weight-bold); line-height: 1em; text-decoration: none; } .valkivid-taxonomy-item-link:focus { text-decoration: underline; } /** * 5. Sticker */ .valkivid-sticker { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: var(--valkivid-global-secondary-color); } /** * 5.1. Sticker Icon */ .valkivid-sticker-icon { fill: var(--valkivid-sticker-icon-color); } /*------------------------------------------------------------------ [Table of contents] 1. Icon 2. Pixelated Pyramid 3. Plus Sign 4. Chevron 5. Chevron Pixelated 6. Burger 7. Cross -------------------------------------------------------------------*/ /** * 1. Icon */ .valkivid-icon { display: block; width: 24px; height: 24px; } .valkivid-icon.valkivid-icon_world-map { width: 370px; height: 197px; } .valkivid-icon.valkivid-icon_sticky { width: 20px; height: 20px; } /** * 2. Pixelated Pyramid */ .valkivid-pixelated-pyramid { width: 36px; height: 54px; position: relative; } .valkivid-pixelated-pyramid.valkivid-pixelated-pyramid_tiny { width: 6px; height: 9px; } .valkivid-pixelated-pyramid.valkivid-pixelated-pyramid_tiny .valkivid-pixelated-pyramid-square { width: 3px; height: 3px; } .valkivid-pixelated-pyramid.valkivid-pixelated-pyramid_tiny .valkivid-pixelated-pyramid-square:nth-child(2) { top: 3px; } .valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square { width: 18px; height: 18px; position: absolute; } .valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square:nth-child(1), .valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square:nth-child(3) { left: 0; } .valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square:nth-child(1) { top: 0; } .valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square:nth-child(2) { top: 18px; right: 0; } .valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square:nth-child(3) { bottom: 0; } /** * 3. Plus Sign */ .valkivid-plus-sign { width: 6px; height: 6px; position: relative; } .valkivid-plus-sign::before, .valkivid-plus-sign::after { content: ''; width: 6px; height: 2px; position: absolute; top: 2px; } .valkivid-plus-sign::after { transform: rotate(90deg); } /** * 4. Chevron */ .valkivid-chevron { width: 8px; height: 6px; position: relative; transform: rotate(-45deg) scale(0.85); } .valkivid-chevron.valkivid-chevron_left { transform: rotate(45deg); } .valkivid-chevron.valkivid-chevron_right { transform: rotate(-135deg); } .valkivid-chevron::before, .valkivid-chevron::after { content: ''; width: 6px; height: 2px; position: absolute; } .valkivid-chevron::before { bottom: 0; left: 0; } .valkivid-chevron::after { top: 2px; left: -2px; transform: rotate(90deg); } /** * 5. Chevron Pixelated */ .valkivid-chevron-pixelated { width: 6px; height: 10px; position: relative; } .valkivid-chevron-pixelated.valkivid-chevron-pixelated_inverted { transform: rotate(180deg); } .valkivid-chevron-pixelated .valkivid-chevron-pixel { width: 2px; height: 2px; position: absolute; } .valkivid-chevron-pixelated .valkivid-chevron-pixel:nth-child(1) { top: 0; left: 0; } .valkivid-chevron-pixelated .valkivid-chevron-pixel:nth-child(2) { top: 2px; left: 2px; } .valkivid-chevron-pixelated .valkivid-chevron-pixel:nth-child(3) { top: 4px; left: 4px; } .valkivid-chevron-pixelated .valkivid-chevron-pixel:nth-child(4) { top: 6px; left: 2px; } .valkivid-chevron-pixelated .valkivid-chevron-pixel:nth-child(5) { bottom: 0; left: 0; } /** * 6. Burger */ .valkivid-burger .valkivid-burger-line { width: 18px; height: 2px; margin-bottom: 4px; } .valkivid-burger .valkivid-burger-line:last-child { margin-bottom: 0; } /** * 7. Cross */ .valkivid-cross { width: 10px; height: 10px; position: relative; } .valkivid-cross::before, .valkivid-cross::after { content: ''; display: block; width: 2px; height: 12px; position: absolute; left: 4px; top: -1px; } .valkivid-cross::before { transform: rotate(45deg); } .valkivid-cross::after { transform: rotate(-45deg); } .valkivid-cross.valkivid-cross_medium { width: 20px; height: 20px; } .valkivid-cross.valkivid-cross_medium::before, .valkivid-cross.valkivid-cross_medium::after { height: 22px; left: 9px; } /*------------------------------------------------------------------ [Table of contents] 1. Label 2. Input & Textarea & Select & Submit 3. Input & Textarea & Select 4. Input & Select & Submit 5. Input & Textarea 6. Input 7. Textarea 8. Select 9. Checkbox 10. Submit -------------------------------------------------------------------*/ /** * 1. Label */ .valkivid-label, .valkivid-html-rich-content label, .valkivid-post-open-content label, .valkivid-comment-list .comment-body label, .valkivid-sidebar label, .woocommerce-product-details__short-description label, .woocommerce-variation-description label, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description label, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information label, .woocommerce #reviews #comments ol.commentlist li .comment-text .description label, .valkivid-membership-preview-description label, form.pmpro_form .pmpro_checkout-fields label, .pmpro_confirmation_wrap label, .comment-respond .comment-form label, .woocommerce div.product form.cart .variations th.label label, .woocommerce div.product form.cart .variations td.label label, .woocommerce form .form-row label, form.pmpro_form label, .pmpro_login_wrap label { margin-top: 28px; color: var(--valkivid-form-label-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-label.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer label, .valkivid-template_streamer.valkivid-post-open-content label, .valkivid-comment-list .valkivid-template_streamer.comment-body label, .valkivid-template_streamer.valkivid-sidebar label, .valkivid-template_streamer.woocommerce-product-details__short-description label, .valkivid-template_streamer.woocommerce-variation-description label, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description label, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information label, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description label, .valkivid-template_streamer.valkivid-membership-preview-description label, form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields label, .valkivid-template_streamer.pmpro_confirmation_wrap label, .valkivid-html-rich-content label.valkivid-template_streamer, .valkivid-post-open-content label.valkivid-template_streamer, .valkivid-comment-list .comment-body label.valkivid-template_streamer, .valkivid-sidebar label.valkivid-template_streamer, .woocommerce-product-details__short-description label.valkivid-template_streamer, .woocommerce-variation-description label.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description label.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information label.valkivid-template_streamer, .woocommerce #reviews #comments ol.commentlist li .comment-text .description label.valkivid-template_streamer, .valkivid-membership-preview-description label.valkivid-template_streamer, .pmpro_confirmation_wrap label.valkivid-template_streamer, .comment-respond.valkivid-template_streamer .comment-form label, .comment-respond .comment-form label.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 div.product form.cart .variations th.label label, .valkivid-content.valkivid-template_streamer-v1 div.product form.cart .variations td.label label, .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .variations th.label label, .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .variations td.label label, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form label, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form label, .woocommerce div.product form.cart .variations th.label label.valkivid-template_streamer, .woocommerce div.product form.cart .variations td.label label.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row label, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row label, .woocommerce form .form-row label.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form label, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form label, form.pmpro_form label.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 .pmpro_login_wrap label, .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-content label, .valkivid-content.valkivid-template_streamer-v2 .pmpro_login_wrap label, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-content label, .pmpro_login_wrap label.valkivid-template_streamer { font-size: var(--valkivid-font-size-14); text-transform: uppercase; } .valkivid-label.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger label, .valkivid-template_vlogger.valkivid-post-open-content label, .valkivid-comment-list .valkivid-template_vlogger.comment-body label, .valkivid-template_vlogger.valkivid-sidebar label, .valkivid-template_vlogger.woocommerce-product-details__short-description label, .valkivid-template_vlogger.woocommerce-variation-description label, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description label, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information label, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description label, .valkivid-template_vlogger.valkivid-membership-preview-description label, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields label, .valkivid-template_vlogger.pmpro_confirmation_wrap label, .valkivid-html-rich-content label.valkivid-template_vlogger, .valkivid-post-open-content label.valkivid-template_vlogger, .valkivid-comment-list .comment-body label.valkivid-template_vlogger, .valkivid-sidebar label.valkivid-template_vlogger, .woocommerce-product-details__short-description label.valkivid-template_vlogger, .woocommerce-variation-description label.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description label.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information label.valkivid-template_vlogger, .woocommerce #reviews #comments ol.commentlist li .comment-text .description label.valkivid-template_vlogger, .valkivid-membership-preview-description label.valkivid-template_vlogger, .pmpro_confirmation_wrap label.valkivid-template_vlogger, .comment-respond.valkivid-template_vlogger .comment-form label, .comment-respond .comment-form label.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 div.product form.cart .variations th.label label, .valkivid-content.valkivid-template_vlogger-v1 div.product form.cart .variations td.label label, .valkivid-content.valkivid-template_vlogger-v2 div.product form.cart .variations th.label label, .valkivid-content.valkivid-template_vlogger-v2 div.product form.cart .variations td.label label, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form label, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form label, .woocommerce div.product form.cart .variations th.label label.valkivid-template_vlogger, .woocommerce div.product form.cart .variations td.label label.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row label, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row label, .woocommerce form .form-row label.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form label, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form label, form.pmpro_form label.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap label, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content label, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap label, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content label, .pmpro_login_wrap label.valkivid-template_vlogger { font-size: var(--valkivid-font-size-18); } .valkivid-label .required, .valkivid-html-rich-content label .required, .valkivid-post-open-content label .required, .valkivid-comment-list .comment-body label .required, .valkivid-sidebar label .required, .woocommerce-product-details__short-description label .required, .woocommerce-variation-description label .required, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description label .required, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information label .required, .woocommerce #reviews #comments ol.commentlist li .comment-text .description label .required, .valkivid-membership-preview-description label .required, .pmpro_confirmation_wrap label .required, .comment-respond .comment-form label .required, .woocommerce div.product form.cart .variations th.label label .required, .woocommerce div.product form.cart .variations td.label label .required, .woocommerce form .form-row label .required, form.pmpro_form label .required, .pmpro_login_wrap label .required { color: var(--valkivid-form-error-color); } /** * 2. Input & Textarea & Select & Submit */ .valkivid-input, .valkivid-html-rich-content input[type="text"], .valkivid-post-open-content input[type="text"], .valkivid-comment-list .comment-body input[type="text"], .valkivid-sidebar input[type="text"], .woocommerce-product-details__short-description input[type="text"], .woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="text"], .valkivid-membership-preview-description input[type="text"], form.pmpro_form .pmpro_checkout-fields input[type="text"], .pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content input[type="password"], .valkivid-post-open-content input[type="password"], .valkivid-comment-list .comment-body input[type="password"], .valkivid-sidebar input[type="password"], .woocommerce-product-details__short-description input[type="password"], .woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="password"], .valkivid-membership-preview-description input[type="password"], form.pmpro_form .pmpro_checkout-fields input[type="password"], .pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content input[type="search"], .valkivid-post-open-content input[type="search"], .valkivid-comment-list .comment-body input[type="search"], .valkivid-sidebar input[type="search"], .woocommerce-product-details__short-description input[type="search"], .woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="search"], .valkivid-membership-preview-description input[type="search"], form.pmpro_form .pmpro_checkout-fields input[type="search"], .pmpro_confirmation_wrap input[type="search"], .comment-respond .comment-form input[type="text"], .comment-respond .comment-form input[type="email"], .woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, form.pmpro_form .input, .pmpro_login_wrap .input, .valkivid-textarea, .comment-respond .comment-form textarea, .woocommerce form .form-row textarea, .valkivid-select, .valkivid-html-rich-content select, .valkivid-post-open-content select, .valkivid-comment-list .comment-body select, .valkivid-sidebar select, .woocommerce-product-details__short-description select, .woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select, .valkivid-membership-preview-description select, form.pmpro_form .pmpro_checkout-fields select, .pmpro_confirmation_wrap select, .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select, .woocommerce div.product form.cart .variations select, form.pmpro_form select, .valkivid-submit, .valkivid-html-rich-content input[type="submit"], .valkivid-post-open-content input[type="submit"], .valkivid-comment-list .comment-body input[type="submit"], .valkivid-sidebar input[type="submit"], .woocommerce-product-details__short-description input[type="submit"], .woocommerce-variation-description input[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="submit"], .valkivid-membership-preview-description input[type="submit"], form.pmpro_form .pmpro_checkout-fields input[type="submit"], .pmpro_confirmation_wrap input[type="submit"], .valkivid-html-rich-content button[type="submit"], .valkivid-post-open-content button[type="submit"], .valkivid-comment-list .comment-body button[type="submit"], .valkivid-sidebar button[type="submit"], .woocommerce-product-details__short-description button[type="submit"], .woocommerce-variation-description button[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button[type="submit"], .valkivid-membership-preview-description button[type="submit"], form.pmpro_form .pmpro_checkout-fields button[type="submit"], .pmpro_confirmation_wrap button[type="submit"], .comment-respond .comment-form input[type="submit"], .woocommerce div.product form.cart .button, .woocommerce #reviews #respond input#submit, .woocommerce button.button, .woocommerce-cart .wc-proceed-to-checkout a.button, .woocommerce button.button.alt, .pmpro_login_wrap .button { font-family: var(--valkivid-font-family); } /** * 3. Input & Textarea & Select */ .valkivid-input, .valkivid-html-rich-content input[type="text"], .valkivid-post-open-content input[type="text"], .valkivid-comment-list .comment-body input[type="text"], .valkivid-sidebar input[type="text"], .woocommerce-product-details__short-description input[type="text"], .woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="text"], .valkivid-membership-preview-description input[type="text"], form.pmpro_form .pmpro_checkout-fields input[type="text"], .pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content input[type="password"], .valkivid-post-open-content input[type="password"], .valkivid-comment-list .comment-body input[type="password"], .valkivid-sidebar input[type="password"], .woocommerce-product-details__short-description input[type="password"], .woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="password"], .valkivid-membership-preview-description input[type="password"], form.pmpro_form .pmpro_checkout-fields input[type="password"], .pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content input[type="search"], .valkivid-post-open-content input[type="search"], .valkivid-comment-list .comment-body input[type="search"], .valkivid-sidebar input[type="search"], .woocommerce-product-details__short-description input[type="search"], .woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="search"], .valkivid-membership-preview-description input[type="search"], form.pmpro_form .pmpro_checkout-fields input[type="search"], .pmpro_confirmation_wrap input[type="search"], .comment-respond .comment-form input[type="text"], .comment-respond .comment-form input[type="email"], .woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, form.pmpro_form .input, .pmpro_login_wrap .input, .valkivid-textarea, .comment-respond .comment-form textarea, .woocommerce form .form-row textarea, .valkivid-select, .valkivid-html-rich-content select, .valkivid-post-open-content select, .valkivid-comment-list .comment-body select, .valkivid-sidebar select, .woocommerce-product-details__short-description select, .woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select, .valkivid-membership-preview-description select, form.pmpro_form .pmpro_checkout-fields select, .pmpro_confirmation_wrap select, .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select, .woocommerce div.product form.cart .variations select, form.pmpro_form select { width: 100%; max-width: 100%; border: 1px solid var(--valkivid-form-input-border-color); background-color: transparent; color: var(--valkivid-form-input-color); } .valkivid-input:focus, .valkivid-html-rich-content input:focus[type="text"], .valkivid-post-open-content input:focus[type="text"], .valkivid-comment-list .comment-body input:focus[type="text"], .valkivid-sidebar input:focus[type="text"], .woocommerce-product-details__short-description input:focus[type="text"], .woocommerce-variation-description input:focus[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:focus[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:focus[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:focus[type="text"], .valkivid-membership-preview-description input:focus[type="text"], form.pmpro_form .pmpro_checkout-fields input:focus[type="text"], .pmpro_confirmation_wrap input:focus[type="text"], .valkivid-html-rich-content input:focus[type="password"], .valkivid-post-open-content input:focus[type="password"], .valkivid-comment-list .comment-body input:focus[type="password"], .valkivid-sidebar input:focus[type="password"], .woocommerce-product-details__short-description input:focus[type="password"], .woocommerce-variation-description input:focus[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:focus[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:focus[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:focus[type="password"], .valkivid-membership-preview-description input:focus[type="password"], form.pmpro_form .pmpro_checkout-fields input:focus[type="password"], .pmpro_confirmation_wrap input:focus[type="password"], .valkivid-html-rich-content input:focus[type="search"], .valkivid-post-open-content input:focus[type="search"], .valkivid-comment-list .comment-body input:focus[type="search"], .valkivid-sidebar input:focus[type="search"], .woocommerce-product-details__short-description input:focus[type="search"], .woocommerce-variation-description input:focus[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:focus[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:focus[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:focus[type="search"], .valkivid-membership-preview-description input:focus[type="search"], form.pmpro_form .pmpro_checkout-fields input:focus[type="search"], .pmpro_confirmation_wrap input:focus[type="search"], .comment-respond .comment-form input:focus[type="text"], .comment-respond .comment-form input:focus[type="email"], .woocommerce .quantity .qty:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce form .form-row input.input-text:focus, .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:focus, form.pmpro_form .input:focus, .pmpro_login_wrap .input:focus, .valkivid-textarea:focus, .comment-respond .comment-form textarea:focus, .woocommerce form .form-row textarea:focus, .valkivid-select:focus, .valkivid-html-rich-content select:focus, .valkivid-post-open-content select:focus, .valkivid-comment-list .comment-body select:focus, .valkivid-sidebar select:focus, .woocommerce-product-details__short-description select:focus, .woocommerce-variation-description select:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select:focus, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select:focus, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select:focus, .valkivid-membership-preview-description select:focus, .pmpro_confirmation_wrap select:focus, .woocommerce .woocommerce-ordering select:focus, .woocommerce-page .woocommerce-ordering select:focus, .woocommerce div.product form.cart .variations select:focus, form.pmpro_form select:focus { border-color: var(--valkivid-form-input-border-focus-color); } .valkivid-input.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer input[type="text"], .valkivid-template_streamer.valkivid-post-open-content input[type="text"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="text"], .valkivid-template_streamer.valkivid-sidebar input[type="text"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="text"], .valkivid-template_streamer.woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="text"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="text"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="text"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content.valkivid-template_streamer input[type="password"], .valkivid-template_streamer.valkivid-post-open-content input[type="password"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="password"], .valkivid-template_streamer.valkivid-sidebar input[type="password"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="password"], .valkivid-template_streamer.woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="password"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="password"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="password"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content.valkivid-template_streamer input[type="search"], .valkivid-template_streamer.valkivid-post-open-content input[type="search"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="search"], .valkivid-template_streamer.valkivid-sidebar input[type="search"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="search"], .valkivid-template_streamer.woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="search"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="search"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="search"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="search"], .valkivid-html-rich-content input.valkivid-template_streamer[type="text"], .valkivid-post-open-content input.valkivid-template_streamer[type="text"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="text"], .valkivid-sidebar input.valkivid-template_streamer[type="text"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="text"], .woocommerce-variation-description input.valkivid-template_streamer[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="text"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="text"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="text"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="text"], .valkivid-html-rich-content input.valkivid-template_streamer[type="password"], .valkivid-post-open-content input.valkivid-template_streamer[type="password"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="password"], .valkivid-sidebar input.valkivid-template_streamer[type="password"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="password"], .woocommerce-variation-description input.valkivid-template_streamer[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="password"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="password"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="password"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="password"], .valkivid-html-rich-content input.valkivid-template_streamer[type="search"], .valkivid-post-open-content input.valkivid-template_streamer[type="search"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="search"], .valkivid-sidebar input.valkivid-template_streamer[type="search"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="search"], .woocommerce-variation-description input.valkivid-template_streamer[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="search"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="search"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="search"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="search"], .comment-respond.valkivid-template_streamer .comment-form input[type="text"], .comment-respond.valkivid-template_streamer .comment-form input[type="email"], .comment-respond .comment-form input.valkivid-template_streamer[type="text"], .comment-respond .comment-form input.valkivid-template_streamer[type="email"], .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_streamer-v1 .woocommerce .quantity .qty, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_streamer-v2 .woocommerce .quantity .qty, .woocommerce .quantity .valkivid-template_streamer.qty, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_streamer-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_streamer-v2 table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_streamer.input-text, .valkivid-template_streamer .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row input.input-text, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row input.input-text, .woocommerce form .form-row input.valkivid-template_streamer.input-text, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_streamer.select2-search__field, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .input, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .input, form.pmpro_form .valkivid-template_streamer.input, .valkivid-content.valkivid-template_streamer-v1 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-content .input, .valkivid-content.valkivid-template_streamer-v2 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-content .input, .pmpro_login_wrap .valkivid-template_streamer.input, .valkivid-textarea.valkivid-template_streamer, .comment-respond.valkivid-template_streamer .comment-form textarea, .comment-respond .comment-form textarea.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form textarea, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form textarea, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row textarea, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row textarea, .woocommerce form .form-row textarea.valkivid-template_streamer, .valkivid-select.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer select, .valkivid-template_streamer.valkivid-post-open-content select, .valkivid-comment-list .valkivid-template_streamer.comment-body select, .valkivid-template_streamer.valkivid-sidebar select, .valkivid-template_streamer.woocommerce-product-details__short-description select, .valkivid-template_streamer.woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description select, .valkivid-template_streamer.valkivid-membership-preview-description select, form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields select, .valkivid-template_streamer.pmpro_confirmation_wrap select, .valkivid-html-rich-content select.valkivid-template_streamer, .valkivid-post-open-content select.valkivid-template_streamer, .valkivid-comment-list .comment-body select.valkivid-template_streamer, .valkivid-sidebar select.valkivid-template_streamer, .woocommerce-product-details__short-description select.valkivid-template_streamer, .woocommerce-variation-description select.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select.valkivid-template_streamer, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select.valkivid-template_streamer, .valkivid-membership-preview-description select.valkivid-template_streamer, .pmpro_confirmation_wrap select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-ordering select, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-ordering select, .woocommerce .woocommerce-ordering select.valkivid-template_streamer, .woocommerce-page .woocommerce-ordering select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 div.product form.cart .variations select, .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .variations select, .woocommerce div.product form.cart .variations select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form select, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form select, form.pmpro_form select.valkivid-template_streamer { margin-top: 16px; font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-medium); } .valkivid-input.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger input[type="text"], .valkivid-template_vlogger.valkivid-post-open-content input[type="text"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="text"], .valkivid-template_vlogger.valkivid-sidebar input[type="text"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="text"], .valkivid-template_vlogger.woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="text"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="text"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="text"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content.valkivid-template_vlogger input[type="password"], .valkivid-template_vlogger.valkivid-post-open-content input[type="password"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="password"], .valkivid-template_vlogger.valkivid-sidebar input[type="password"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="password"], .valkivid-template_vlogger.woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="password"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="password"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="password"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content.valkivid-template_vlogger input[type="search"], .valkivid-template_vlogger.valkivid-post-open-content input[type="search"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="search"], .valkivid-template_vlogger.valkivid-sidebar input[type="search"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="search"], .valkivid-template_vlogger.woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="search"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="search"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="search"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="search"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="text"], .valkivid-post-open-content input.valkivid-template_vlogger[type="text"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="text"], .valkivid-sidebar input.valkivid-template_vlogger[type="text"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="text"], .woocommerce-variation-description input.valkivid-template_vlogger[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="text"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="text"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="text"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="text"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="password"], .valkivid-post-open-content input.valkivid-template_vlogger[type="password"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="password"], .valkivid-sidebar input.valkivid-template_vlogger[type="password"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="password"], .woocommerce-variation-description input.valkivid-template_vlogger[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="password"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="password"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="password"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="password"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="search"], .valkivid-post-open-content input.valkivid-template_vlogger[type="search"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="search"], .valkivid-sidebar input.valkivid-template_vlogger[type="search"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="search"], .woocommerce-variation-description input.valkivid-template_vlogger[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="search"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="search"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="search"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="search"], .comment-respond.valkivid-template_vlogger .comment-form input[type="text"], .comment-respond.valkivid-template_vlogger .comment-form input[type="email"], .comment-respond .comment-form input.valkivid-template_vlogger[type="text"], .comment-respond .comment-form input.valkivid-template_vlogger[type="email"], .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce .quantity .qty, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce .quantity .qty, .woocommerce .quantity .valkivid-template_vlogger.qty, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_vlogger-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_vlogger-v2 table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_vlogger.input-text, .valkivid-template_vlogger .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row input.input-text, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row input.input-text, .woocommerce form .form-row input.valkivid-template_vlogger.input-text, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_vlogger.select2-search__field, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .input, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .input, form.pmpro_form .valkivid-template_vlogger.input, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .input, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .input, .pmpro_login_wrap .valkivid-template_vlogger.input, .valkivid-textarea.valkivid-template_vlogger, .comment-respond.valkivid-template_vlogger .comment-form textarea, .comment-respond .comment-form textarea.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form textarea, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form textarea, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row textarea, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row textarea, .woocommerce form .form-row textarea.valkivid-template_vlogger, .valkivid-select.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger select, .valkivid-template_vlogger.valkivid-post-open-content select, .valkivid-comment-list .valkivid-template_vlogger.comment-body select, .valkivid-template_vlogger.valkivid-sidebar select, .valkivid-template_vlogger.woocommerce-product-details__short-description select, .valkivid-template_vlogger.woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description select, .valkivid-template_vlogger.valkivid-membership-preview-description select, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields select, .valkivid-template_vlogger.pmpro_confirmation_wrap select, .valkivid-html-rich-content select.valkivid-template_vlogger, .valkivid-post-open-content select.valkivid-template_vlogger, .valkivid-comment-list .comment-body select.valkivid-template_vlogger, .valkivid-sidebar select.valkivid-template_vlogger, .woocommerce-product-details__short-description select.valkivid-template_vlogger, .woocommerce-variation-description select.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select.valkivid-template_vlogger, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select.valkivid-template_vlogger, .valkivid-membership-preview-description select.valkivid-template_vlogger, .pmpro_confirmation_wrap select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-ordering select, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-ordering select, .woocommerce .woocommerce-ordering select.valkivid-template_vlogger, .woocommerce-page .woocommerce-ordering select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 div.product form.cart .variations select, .valkivid-content.valkivid-template_vlogger-v2 div.product form.cart .variations select, .woocommerce div.product form.cart .variations select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form select, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form select, form.pmpro_form select.valkivid-template_vlogger { margin-top: 26px; font-size: var(--valkivid-font-size-18); font-weight: var(--valkivid-font-weight-bold); letter-spacing: var(--valkivid-vlogger-letter-spacing); } /** * 4. Input & Select & Submit */ .valkivid-input.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer input[type="text"], .valkivid-template_streamer.valkivid-post-open-content input[type="text"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="text"], .valkivid-template_streamer.valkivid-sidebar input[type="text"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="text"], .valkivid-template_streamer.woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="text"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="text"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="text"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content.valkivid-template_streamer input[type="password"], .valkivid-template_streamer.valkivid-post-open-content input[type="password"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="password"], .valkivid-template_streamer.valkivid-sidebar input[type="password"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="password"], .valkivid-template_streamer.woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="password"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="password"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="password"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content.valkivid-template_streamer input[type="search"], .valkivid-template_streamer.valkivid-post-open-content input[type="search"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="search"], .valkivid-template_streamer.valkivid-sidebar input[type="search"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="search"], .valkivid-template_streamer.woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="search"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="search"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="search"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="search"], .valkivid-html-rich-content input.valkivid-template_streamer[type="text"], .valkivid-post-open-content input.valkivid-template_streamer[type="text"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="text"], .valkivid-sidebar input.valkivid-template_streamer[type="text"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="text"], .woocommerce-variation-description input.valkivid-template_streamer[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="text"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="text"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="text"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="text"], .valkivid-html-rich-content input.valkivid-template_streamer[type="password"], .valkivid-post-open-content input.valkivid-template_streamer[type="password"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="password"], .valkivid-sidebar input.valkivid-template_streamer[type="password"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="password"], .woocommerce-variation-description input.valkivid-template_streamer[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="password"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="password"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="password"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="password"], .valkivid-html-rich-content input.valkivid-template_streamer[type="search"], .valkivid-post-open-content input.valkivid-template_streamer[type="search"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="search"], .valkivid-sidebar input.valkivid-template_streamer[type="search"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="search"], .woocommerce-variation-description input.valkivid-template_streamer[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="search"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="search"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="search"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="search"], .comment-respond.valkivid-template_streamer .comment-form input[type="text"], .comment-respond.valkivid-template_streamer .comment-form input[type="email"], .comment-respond .comment-form input.valkivid-template_streamer[type="text"], .comment-respond .comment-form input.valkivid-template_streamer[type="email"], .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_streamer-v1 .woocommerce .quantity .qty, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_streamer-v2 .woocommerce .quantity .qty, .woocommerce .quantity .valkivid-template_streamer.qty, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_streamer-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_streamer-v2 table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_streamer.input-text, .valkivid-template_streamer .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row input.input-text, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row input.input-text, .woocommerce form .form-row input.valkivid-template_streamer.input-text, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_streamer.select2-search__field, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .input, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .input, form.pmpro_form .valkivid-template_streamer.input, .valkivid-content.valkivid-template_streamer-v1 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-content .input, .valkivid-content.valkivid-template_streamer-v2 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-content .input, .pmpro_login_wrap .valkivid-template_streamer.input, .valkivid-select.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer select, .valkivid-template_streamer.valkivid-post-open-content select, .valkivid-comment-list .valkivid-template_streamer.comment-body select, .valkivid-template_streamer.valkivid-sidebar select, .valkivid-template_streamer.woocommerce-product-details__short-description select, .valkivid-template_streamer.woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description select, .valkivid-template_streamer.valkivid-membership-preview-description select, form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields select, .valkivid-template_streamer.pmpro_confirmation_wrap select, .valkivid-html-rich-content select.valkivid-template_streamer, .valkivid-post-open-content select.valkivid-template_streamer, .valkivid-comment-list .comment-body select.valkivid-template_streamer, .valkivid-sidebar select.valkivid-template_streamer, .woocommerce-product-details__short-description select.valkivid-template_streamer, .woocommerce-variation-description select.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select.valkivid-template_streamer, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select.valkivid-template_streamer, .valkivid-membership-preview-description select.valkivid-template_streamer, .pmpro_confirmation_wrap select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-ordering select, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-ordering select, .woocommerce .woocommerce-ordering select.valkivid-template_streamer, .woocommerce-page .woocommerce-ordering select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 div.product form.cart .variations select, .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .variations select, .woocommerce div.product form.cart .variations select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form select, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form select, form.pmpro_form select.valkivid-template_streamer, .valkivid-submit.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer input[type="submit"], .valkivid-template_streamer.valkivid-post-open-content input[type="submit"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="submit"], .valkivid-template_streamer.valkivid-sidebar input[type="submit"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="submit"], .valkivid-template_streamer.woocommerce-variation-description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="submit"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="submit"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="submit"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="submit"], .valkivid-html-rich-content.valkivid-template_streamer button[type="submit"], .valkivid-template_streamer.valkivid-post-open-content button[type="submit"], .valkivid-comment-list .valkivid-template_streamer.comment-body button[type="submit"], .valkivid-template_streamer.valkivid-sidebar button[type="submit"], .valkivid-template_streamer.woocommerce-product-details__short-description button[type="submit"], .valkivid-template_streamer.woocommerce-variation-description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information button[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description button[type="submit"], .valkivid-template_streamer.valkivid-membership-preview-description button[type="submit"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields button[type="submit"], .valkivid-template_streamer.pmpro_confirmation_wrap button[type="submit"], .valkivid-html-rich-content input.valkivid-template_streamer[type="submit"], .valkivid-post-open-content input.valkivid-template_streamer[type="submit"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="submit"], .valkivid-sidebar input.valkivid-template_streamer[type="submit"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="submit"], .woocommerce-variation-description input.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="submit"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="submit"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="submit"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="submit"], .valkivid-html-rich-content button.valkivid-template_streamer[type="submit"], .valkivid-post-open-content button.valkivid-template_streamer[type="submit"], .valkivid-comment-list .comment-body button.valkivid-template_streamer[type="submit"], .valkivid-sidebar button.valkivid-template_streamer[type="submit"], .woocommerce-product-details__short-description button.valkivid-template_streamer[type="submit"], .woocommerce-variation-description button.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button.valkivid-template_streamer[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button.valkivid-template_streamer[type="submit"], .valkivid-membership-preview-description button.valkivid-template_streamer[type="submit"], form.pmpro_form .pmpro_checkout-fields button.valkivid-template_streamer[type="submit"], .pmpro_confirmation_wrap button.valkivid-template_streamer[type="submit"], .comment-respond.valkivid-template_streamer .comment-form input[type="submit"], .comment-respond .comment-form input.valkivid-template_streamer[type="submit"], .valkivid-content.valkivid-template_streamer-v1 div.product form.cart .button, .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .button, .valkivid-content.valkivid-template_streamer-v1 #reviews #respond input#submit, .valkivid-content.valkivid-template_streamer-v2 #reviews #respond input#submit, .woocommerce div.product form.cart .valkivid-template_streamer.button, .woocommerce #reviews #respond input.valkivid-template_streamer#submit, .valkivid-content.valkivid-template_streamer-v1 .woocommerce button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce button.button, .valkivid-content.valkivid-template_streamer-v1 .wc-proceed-to-checkout a.button, .valkivid-content.valkivid-template_streamer-v2 .wc-proceed-to-checkout a.button, .woocommerce button.valkivid-template_streamer.button, .woocommerce-cart .wc-proceed-to-checkout a.valkivid-template_streamer.button, .valkivid-template_streamer .woocommerce button.button, .valkivid-template_streamer .woocommerce button.button.alt, .valkivid-content.valkivid-template_streamer-v1 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-content .button, .valkivid-content.valkivid-template_streamer-v2 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-content .button, .pmpro_login_wrap .valkivid-template_streamer.button { height: 50px; } .valkivid-input.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger input[type="text"], .valkivid-template_vlogger.valkivid-post-open-content input[type="text"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="text"], .valkivid-template_vlogger.valkivid-sidebar input[type="text"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="text"], .valkivid-template_vlogger.woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="text"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="text"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="text"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content.valkivid-template_vlogger input[type="password"], .valkivid-template_vlogger.valkivid-post-open-content input[type="password"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="password"], .valkivid-template_vlogger.valkivid-sidebar input[type="password"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="password"], .valkivid-template_vlogger.woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="password"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="password"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="password"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content.valkivid-template_vlogger input[type="search"], .valkivid-template_vlogger.valkivid-post-open-content input[type="search"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="search"], .valkivid-template_vlogger.valkivid-sidebar input[type="search"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="search"], .valkivid-template_vlogger.woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="search"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="search"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="search"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="search"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="text"], .valkivid-post-open-content input.valkivid-template_vlogger[type="text"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="text"], .valkivid-sidebar input.valkivid-template_vlogger[type="text"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="text"], .woocommerce-variation-description input.valkivid-template_vlogger[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="text"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="text"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="text"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="text"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="password"], .valkivid-post-open-content input.valkivid-template_vlogger[type="password"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="password"], .valkivid-sidebar input.valkivid-template_vlogger[type="password"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="password"], .woocommerce-variation-description input.valkivid-template_vlogger[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="password"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="password"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="password"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="password"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="search"], .valkivid-post-open-content input.valkivid-template_vlogger[type="search"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="search"], .valkivid-sidebar input.valkivid-template_vlogger[type="search"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="search"], .woocommerce-variation-description input.valkivid-template_vlogger[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="search"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="search"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="search"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="search"], .comment-respond.valkivid-template_vlogger .comment-form input[type="text"], .comment-respond.valkivid-template_vlogger .comment-form input[type="email"], .comment-respond .comment-form input.valkivid-template_vlogger[type="text"], .comment-respond .comment-form input.valkivid-template_vlogger[type="email"], .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce .quantity .qty, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce .quantity .qty, .woocommerce .quantity .valkivid-template_vlogger.qty, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_vlogger-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_vlogger-v2 table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_vlogger.input-text, .valkivid-template_vlogger .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row input.input-text, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row input.input-text, .woocommerce form .form-row input.valkivid-template_vlogger.input-text, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_vlogger.select2-search__field, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .input, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .input, form.pmpro_form .valkivid-template_vlogger.input, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .input, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .input, .pmpro_login_wrap .valkivid-template_vlogger.input, .valkivid-select.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger select, .valkivid-template_vlogger.valkivid-post-open-content select, .valkivid-comment-list .valkivid-template_vlogger.comment-body select, .valkivid-template_vlogger.valkivid-sidebar select, .valkivid-template_vlogger.woocommerce-product-details__short-description select, .valkivid-template_vlogger.woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description select, .valkivid-template_vlogger.valkivid-membership-preview-description select, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields select, .valkivid-template_vlogger.pmpro_confirmation_wrap select, .valkivid-html-rich-content select.valkivid-template_vlogger, .valkivid-post-open-content select.valkivid-template_vlogger, .valkivid-comment-list .comment-body select.valkivid-template_vlogger, .valkivid-sidebar select.valkivid-template_vlogger, .woocommerce-product-details__short-description select.valkivid-template_vlogger, .woocommerce-variation-description select.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select.valkivid-template_vlogger, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select.valkivid-template_vlogger, .valkivid-membership-preview-description select.valkivid-template_vlogger, .pmpro_confirmation_wrap select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-ordering select, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-ordering select, .woocommerce .woocommerce-ordering select.valkivid-template_vlogger, .woocommerce-page .woocommerce-ordering select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 div.product form.cart .variations select, .valkivid-content.valkivid-template_vlogger-v2 div.product form.cart .variations select, .woocommerce div.product form.cart .variations select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form select, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form select, form.pmpro_form select.valkivid-template_vlogger, .valkivid-submit.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger input[type="submit"], .valkivid-template_vlogger.valkivid-post-open-content input[type="submit"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="submit"], .valkivid-template_vlogger.valkivid-sidebar input[type="submit"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="submit"], .valkivid-template_vlogger.woocommerce-variation-description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="submit"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="submit"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="submit"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="submit"], .valkivid-html-rich-content.valkivid-template_vlogger button[type="submit"], .valkivid-template_vlogger.valkivid-post-open-content button[type="submit"], .valkivid-comment-list .valkivid-template_vlogger.comment-body button[type="submit"], .valkivid-template_vlogger.valkivid-sidebar button[type="submit"], .valkivid-template_vlogger.woocommerce-product-details__short-description button[type="submit"], .valkivid-template_vlogger.woocommerce-variation-description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information button[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description button[type="submit"], .valkivid-template_vlogger.valkivid-membership-preview-description button[type="submit"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields button[type="submit"], .valkivid-template_vlogger.pmpro_confirmation_wrap button[type="submit"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="submit"], .valkivid-post-open-content input.valkivid-template_vlogger[type="submit"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="submit"], .valkivid-sidebar input.valkivid-template_vlogger[type="submit"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="submit"], .woocommerce-variation-description input.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="submit"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="submit"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="submit"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="submit"], .valkivid-html-rich-content button.valkivid-template_vlogger[type="submit"], .valkivid-post-open-content button.valkivid-template_vlogger[type="submit"], .valkivid-comment-list .comment-body button.valkivid-template_vlogger[type="submit"], .valkivid-sidebar button.valkivid-template_vlogger[type="submit"], .woocommerce-product-details__short-description button.valkivid-template_vlogger[type="submit"], .woocommerce-variation-description button.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button.valkivid-template_vlogger[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button.valkivid-template_vlogger[type="submit"], .valkivid-membership-preview-description button.valkivid-template_vlogger[type="submit"], form.pmpro_form .pmpro_checkout-fields button.valkivid-template_vlogger[type="submit"], .pmpro_confirmation_wrap button.valkivid-template_vlogger[type="submit"], .comment-respond.valkivid-template_vlogger .comment-form input[type="submit"], .comment-respond .comment-form input.valkivid-template_vlogger[type="submit"], .valkivid-content.valkivid-template_vlogger-v1 div.product form.cart .button, .valkivid-content.valkivid-template_vlogger-v2 div.product form.cart .button, .valkivid-content.valkivid-template_vlogger-v1 #reviews #respond input#submit, .valkivid-content.valkivid-template_vlogger-v2 #reviews #respond input#submit, .woocommerce div.product form.cart .valkivid-template_vlogger.button, .woocommerce #reviews #respond input.valkivid-template_vlogger#submit, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce button.button, .valkivid-content.valkivid-template_vlogger-v1 .wc-proceed-to-checkout a.button, .valkivid-content.valkivid-template_vlogger-v2 .wc-proceed-to-checkout a.button, .woocommerce button.valkivid-template_vlogger.button, .woocommerce-cart .wc-proceed-to-checkout a.valkivid-template_vlogger.button, .valkivid-template_vlogger .woocommerce button.button, .valkivid-template_vlogger .woocommerce button.button.alt, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .button, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .button, .pmpro_login_wrap .valkivid-template_vlogger.button { height: 66px; } /** * 5. Input & Textarea */ .valkivid-input::-moz-placeholder, .valkivid-html-rich-content input[type="text"]::-moz-placeholder, .valkivid-post-open-content input[type="text"]::-moz-placeholder, .valkivid-comment-list .comment-body input[type="text"]::-moz-placeholder, .valkivid-sidebar input[type="text"]::-moz-placeholder, .woocommerce-product-details__short-description input[type="text"]::-moz-placeholder, .woocommerce-variation-description input[type="text"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="text"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="text"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="text"]::-moz-placeholder, .valkivid-membership-preview-description input[type="text"]::-moz-placeholder, form.pmpro_form .pmpro_checkout-fields input[type="text"]::-moz-placeholder, .pmpro_confirmation_wrap input[type="text"]::-moz-placeholder, .valkivid-html-rich-content input[type="password"]::-moz-placeholder, .valkivid-post-open-content input[type="password"]::-moz-placeholder, .valkivid-comment-list .comment-body input[type="password"]::-moz-placeholder, .valkivid-sidebar input[type="password"]::-moz-placeholder, .woocommerce-product-details__short-description input[type="password"]::-moz-placeholder, .woocommerce-variation-description input[type="password"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="password"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="password"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="password"]::-moz-placeholder, .valkivid-membership-preview-description input[type="password"]::-moz-placeholder, form.pmpro_form .pmpro_checkout-fields input[type="password"]::-moz-placeholder, .pmpro_confirmation_wrap input[type="password"]::-moz-placeholder, .valkivid-html-rich-content input[type="search"]::-moz-placeholder, .valkivid-post-open-content input[type="search"]::-moz-placeholder, .valkivid-comment-list .comment-body input[type="search"]::-moz-placeholder, .valkivid-sidebar input[type="search"]::-moz-placeholder, .woocommerce-product-details__short-description input[type="search"]::-moz-placeholder, .woocommerce-variation-description input[type="search"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="search"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="search"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="search"]::-moz-placeholder, .valkivid-membership-preview-description input[type="search"]::-moz-placeholder, form.pmpro_form .pmpro_checkout-fields input[type="search"]::-moz-placeholder, .pmpro_confirmation_wrap input[type="search"]::-moz-placeholder, .comment-respond .comment-form input[type="text"]::-moz-placeholder, .comment-respond .comment-form input[type="email"]::-moz-placeholder, .woocommerce .quantity .qty::-moz-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text::-moz-placeholder, .woocommerce form .form-row input.input-text::-moz-placeholder, .select2-container.select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder, form.pmpro_form .input::-moz-placeholder, .pmpro_login_wrap .input::-moz-placeholder, .valkivid-textarea::-moz-placeholder, .comment-respond .comment-form textarea::-moz-placeholder, .woocommerce form .form-row textarea::-moz-placeholder { color: var(--valkivid-form-placeholder-color); } .valkivid-input:-ms-input-placeholder, .valkivid-html-rich-content input[type="text"]:-ms-input-placeholder, .valkivid-post-open-content input[type="text"]:-ms-input-placeholder, .valkivid-comment-list .comment-body input[type="text"]:-ms-input-placeholder, .valkivid-sidebar input[type="text"]:-ms-input-placeholder, .woocommerce-product-details__short-description input[type="text"]:-ms-input-placeholder, .woocommerce-variation-description input[type="text"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="text"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="text"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="text"]:-ms-input-placeholder, .valkivid-membership-preview-description input[type="text"]:-ms-input-placeholder, form.pmpro_form .pmpro_checkout-fields input[type="text"]:-ms-input-placeholder, .pmpro_confirmation_wrap input[type="text"]:-ms-input-placeholder, .valkivid-html-rich-content input[type="password"]:-ms-input-placeholder, .valkivid-post-open-content input[type="password"]:-ms-input-placeholder, .valkivid-comment-list .comment-body input[type="password"]:-ms-input-placeholder, .valkivid-sidebar input[type="password"]:-ms-input-placeholder, .woocommerce-product-details__short-description input[type="password"]:-ms-input-placeholder, .woocommerce-variation-description input[type="password"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="password"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="password"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="password"]:-ms-input-placeholder, .valkivid-membership-preview-description input[type="password"]:-ms-input-placeholder, form.pmpro_form .pmpro_checkout-fields input[type="password"]:-ms-input-placeholder, .pmpro_confirmation_wrap input[type="password"]:-ms-input-placeholder, .valkivid-html-rich-content input[type="search"]:-ms-input-placeholder, .valkivid-post-open-content input[type="search"]:-ms-input-placeholder, .valkivid-comment-list .comment-body input[type="search"]:-ms-input-placeholder, .valkivid-sidebar input[type="search"]:-ms-input-placeholder, .woocommerce-product-details__short-description input[type="search"]:-ms-input-placeholder, .woocommerce-variation-description input[type="search"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="search"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="search"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="search"]:-ms-input-placeholder, .valkivid-membership-preview-description input[type="search"]:-ms-input-placeholder, form.pmpro_form .pmpro_checkout-fields input[type="search"]:-ms-input-placeholder, .pmpro_confirmation_wrap input[type="search"]:-ms-input-placeholder, .comment-respond .comment-form input[type="text"]:-ms-input-placeholder, .comment-respond .comment-form input[type="email"]:-ms-input-placeholder, .woocommerce .quantity .qty:-ms-input-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder, .woocommerce form .form-row input.input-text:-ms-input-placeholder, .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder, form.pmpro_form .input:-ms-input-placeholder, .pmpro_login_wrap .input:-ms-input-placeholder, .valkivid-textarea:-ms-input-placeholder, .comment-respond .comment-form textarea:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder { color: var(--valkivid-form-placeholder-color); } .valkivid-input::placeholder, .valkivid-html-rich-content input[type="text"]::placeholder, .valkivid-post-open-content input[type="text"]::placeholder, .valkivid-comment-list .comment-body input[type="text"]::placeholder, .valkivid-sidebar input[type="text"]::placeholder, .woocommerce-product-details__short-description input[type="text"]::placeholder, .woocommerce-variation-description input[type="text"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="text"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="text"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="text"]::placeholder, .valkivid-membership-preview-description input[type="text"]::placeholder, form.pmpro_form .pmpro_checkout-fields input[type="text"]::placeholder, .pmpro_confirmation_wrap input[type="text"]::placeholder, .valkivid-html-rich-content input[type="password"]::placeholder, .valkivid-post-open-content input[type="password"]::placeholder, .valkivid-comment-list .comment-body input[type="password"]::placeholder, .valkivid-sidebar input[type="password"]::placeholder, .woocommerce-product-details__short-description input[type="password"]::placeholder, .woocommerce-variation-description input[type="password"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="password"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="password"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="password"]::placeholder, .valkivid-membership-preview-description input[type="password"]::placeholder, form.pmpro_form .pmpro_checkout-fields input[type="password"]::placeholder, .pmpro_confirmation_wrap input[type="password"]::placeholder, .valkivid-html-rich-content input[type="search"]::placeholder, .valkivid-post-open-content input[type="search"]::placeholder, .valkivid-comment-list .comment-body input[type="search"]::placeholder, .valkivid-sidebar input[type="search"]::placeholder, .woocommerce-product-details__short-description input[type="search"]::placeholder, .woocommerce-variation-description input[type="search"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="search"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="search"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="search"]::placeholder, .valkivid-membership-preview-description input[type="search"]::placeholder, form.pmpro_form .pmpro_checkout-fields input[type="search"]::placeholder, .pmpro_confirmation_wrap input[type="search"]::placeholder, .comment-respond .comment-form input[type="text"]::placeholder, .comment-respond .comment-form input[type="email"]::placeholder, .woocommerce .quantity .qty::placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder, .woocommerce form .form-row input.input-text::placeholder, .select2-container.select2-container--default .select2-search--dropdown .select2-search__field::placeholder, form.pmpro_form .input::placeholder, .pmpro_login_wrap .input::placeholder, .valkivid-textarea::placeholder, .comment-respond .comment-form textarea::placeholder, .woocommerce form .form-row textarea::placeholder { color: var(--valkivid-form-placeholder-color); } .valkivid-input.valkivid-template_vlogger::-moz-placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="text"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="text"]::-moz-placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="text"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="text"]::-moz-placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="text"]::-moz-placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="text"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="text"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="text"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="text"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="text"]::-moz-placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="text"]::-moz-placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="text"]::-moz-placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="password"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="password"]::-moz-placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="password"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="password"]::-moz-placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="password"]::-moz-placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="password"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="password"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="password"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="password"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="password"]::-moz-placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="password"]::-moz-placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="password"]::-moz-placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="search"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="search"]::-moz-placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="search"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="search"]::-moz-placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="search"]::-moz-placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="search"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="search"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="search"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="search"]::-moz-placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="search"]::-moz-placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="search"]::-moz-placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="search"]::-moz-placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="text"]::-moz-placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="password"]::-moz-placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="password"]::-moz-placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="search"]::-moz-placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="search"]::-moz-placeholder, .comment-respond.valkivid-template_vlogger .comment-form input[type="text"]::-moz-placeholder, .comment-respond.valkivid-template_vlogger .comment-form input[type="email"]::-moz-placeholder, .comment-respond .comment-form input.valkivid-template_vlogger[type="text"]::-moz-placeholder, .comment-respond .comment-form input.valkivid-template_vlogger[type="email"]::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body .quantity .qty::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce .quantity .qty::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body .quantity .qty::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce .quantity .qty::-moz-placeholder, .woocommerce .quantity .valkivid-template_vlogger.qty::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="text"]::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="email"]::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="text"]::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="email"]::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 table.cart td.actions .coupon .input-text::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 table.cart td.actions .coupon .input-text::-moz-placeholder, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_vlogger.input-text::-moz-placeholder, .valkivid-template_vlogger .select2-container.select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row input.input-text::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row input.input-text::-moz-placeholder, .woocommerce form .form-row input.valkivid-template_vlogger.input-text::-moz-placeholder, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_vlogger.select2-search__field::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .input::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .input::-moz-placeholder, form.pmpro_form .valkivid-template_vlogger.input::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .input::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .input::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .input::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .input::-moz-placeholder, .pmpro_login_wrap .valkivid-template_vlogger.input::-moz-placeholder, .valkivid-textarea.valkivid-template_vlogger::-moz-placeholder, .comment-respond.valkivid-template_vlogger .comment-form textarea::-moz-placeholder, .comment-respond .comment-form textarea.valkivid-template_vlogger::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form textarea::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form textarea::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row textarea::-moz-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row textarea::-moz-placeholder, .woocommerce form .form-row textarea.valkivid-template_vlogger::-moz-placeholder { font-weight: var(--valkivid-font-weight-regular); opacity: .6; } .valkivid-input.valkivid-template_vlogger:-ms-input-placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="text"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="text"]:-ms-input-placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="text"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="text"]:-ms-input-placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="text"]:-ms-input-placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="text"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="text"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="text"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="text"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="text"]:-ms-input-placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="text"]:-ms-input-placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="text"]:-ms-input-placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="password"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="password"]:-ms-input-placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="password"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="password"]:-ms-input-placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="password"]:-ms-input-placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="password"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="password"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="password"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="password"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="password"]:-ms-input-placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="password"]:-ms-input-placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="password"]:-ms-input-placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="search"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="search"]:-ms-input-placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="search"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="search"]:-ms-input-placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="search"]:-ms-input-placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="search"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="search"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="search"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="search"]:-ms-input-placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="search"]:-ms-input-placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="search"]:-ms-input-placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="search"]:-ms-input-placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="password"]:-ms-input-placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="search"]:-ms-input-placeholder, .comment-respond.valkivid-template_vlogger .comment-form input[type="text"]:-ms-input-placeholder, .comment-respond.valkivid-template_vlogger .comment-form input[type="email"]:-ms-input-placeholder, .comment-respond .comment-form input.valkivid-template_vlogger[type="text"]:-ms-input-placeholder, .comment-respond .comment-form input.valkivid-template_vlogger[type="email"]:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body .quantity .qty:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce .quantity .qty:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body .quantity .qty:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce .quantity .qty:-ms-input-placeholder, .woocommerce .quantity .valkivid-template_vlogger.qty:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="text"]:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="email"]:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="text"]:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="email"]:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 table.cart td.actions .coupon .input-text:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 table.cart td.actions .coupon .input-text:-ms-input-placeholder, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_vlogger.input-text:-ms-input-placeholder, .valkivid-template_vlogger .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row input.input-text:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row input.input-text:-ms-input-placeholder, .woocommerce form .form-row input.valkivid-template_vlogger.input-text:-ms-input-placeholder, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_vlogger.select2-search__field:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .input:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .input:-ms-input-placeholder, form.pmpro_form .valkivid-template_vlogger.input:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .input:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .input:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .input:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .input:-ms-input-placeholder, .pmpro_login_wrap .valkivid-template_vlogger.input:-ms-input-placeholder, .valkivid-textarea.valkivid-template_vlogger:-ms-input-placeholder, .comment-respond.valkivid-template_vlogger .comment-form textarea:-ms-input-placeholder, .comment-respond .comment-form textarea.valkivid-template_vlogger:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form textarea:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form textarea:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row textarea:-ms-input-placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row textarea:-ms-input-placeholder, .woocommerce form .form-row textarea.valkivid-template_vlogger:-ms-input-placeholder { font-weight: var(--valkivid-font-weight-regular); opacity: .6; } .valkivid-input.valkivid-template_vlogger::placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="text"]::placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="text"]::placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="text"]::placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="text"]::placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="text"]::placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="text"]::placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="text"]::placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="text"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="text"]::placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="text"]::placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="text"]::placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="text"]::placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="password"]::placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="password"]::placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="password"]::placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="password"]::placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="password"]::placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="password"]::placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="password"]::placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="password"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="password"]::placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="password"]::placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="password"]::placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="password"]::placeholder, .valkivid-html-rich-content.valkivid-template_vlogger input[type="search"]::placeholder, .valkivid-template_vlogger.valkivid-post-open-content input[type="search"]::placeholder, .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="search"]::placeholder, .valkivid-template_vlogger.valkivid-sidebar input[type="search"]::placeholder, .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="search"]::placeholder, .valkivid-template_vlogger.woocommerce-variation-description input[type="search"]::placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="search"]::placeholder, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="search"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="search"]::placeholder, .valkivid-template_vlogger.valkivid-membership-preview-description input[type="search"]::placeholder, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="search"]::placeholder, .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="search"]::placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="text"]::placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="text"]::placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="text"]::placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="text"]::placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="text"]::placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="text"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="text"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="text"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="text"]::placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="text"]::placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="text"]::placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="text"]::placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="password"]::placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="password"]::placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="password"]::placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="password"]::placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="password"]::placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="password"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="password"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="password"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="password"]::placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="password"]::placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="password"]::placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="password"]::placeholder, .valkivid-html-rich-content input.valkivid-template_vlogger[type="search"]::placeholder, .valkivid-post-open-content input.valkivid-template_vlogger[type="search"]::placeholder, .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="search"]::placeholder, .valkivid-sidebar input.valkivid-template_vlogger[type="search"]::placeholder, .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="search"]::placeholder, .woocommerce-variation-description input.valkivid-template_vlogger[type="search"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="search"]::placeholder, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="search"]::placeholder, .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="search"]::placeholder, .valkivid-membership-preview-description input.valkivid-template_vlogger[type="search"]::placeholder, form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="search"]::placeholder, .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="search"]::placeholder, .comment-respond.valkivid-template_vlogger .comment-form input[type="text"]::placeholder, .comment-respond.valkivid-template_vlogger .comment-form input[type="email"]::placeholder, .comment-respond .comment-form input.valkivid-template_vlogger[type="text"]::placeholder, .comment-respond .comment-form input.valkivid-template_vlogger[type="email"]::placeholder, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body .quantity .qty::placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce .quantity .qty::placeholder, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body .quantity .qty::placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce .quantity .qty::placeholder, .woocommerce .quantity .valkivid-template_vlogger.qty::placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="text"]::placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="email"]::placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="text"]::placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="email"]::placeholder, .valkivid-content.valkivid-template_vlogger-v1 table.cart td.actions .coupon .input-text::placeholder, .valkivid-content.valkivid-template_vlogger-v2 table.cart td.actions .coupon .input-text::placeholder, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_vlogger.input-text::placeholder, .valkivid-template_vlogger .select2-container.select2-container--default .select2-search--dropdown .select2-search__field::placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row input.input-text::placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row input.input-text::placeholder, .woocommerce form .form-row input.valkivid-template_vlogger.input-text::placeholder, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_vlogger.select2-search__field::placeholder, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .input::placeholder, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .input::placeholder, form.pmpro_form .valkivid-template_vlogger.input::placeholder, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .input::placeholder, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .input::placeholder, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .input::placeholder, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .input::placeholder, .pmpro_login_wrap .valkivid-template_vlogger.input::placeholder, .valkivid-textarea.valkivid-template_vlogger::placeholder, .comment-respond.valkivid-template_vlogger .comment-form textarea::placeholder, .comment-respond .comment-form textarea.valkivid-template_vlogger::placeholder, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form textarea::placeholder, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form textarea::placeholder, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row textarea::placeholder, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row textarea::placeholder, .woocommerce form .form-row textarea.valkivid-template_vlogger::placeholder { font-weight: var(--valkivid-font-weight-regular); opacity: .6; } /** * 6. Input */ .valkivid-input.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer input[type="text"], .valkivid-template_streamer.valkivid-post-open-content input[type="text"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="text"], .valkivid-template_streamer.valkivid-sidebar input[type="text"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="text"], .valkivid-template_streamer.woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="text"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="text"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="text"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content.valkivid-template_streamer input[type="password"], .valkivid-template_streamer.valkivid-post-open-content input[type="password"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="password"], .valkivid-template_streamer.valkivid-sidebar input[type="password"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="password"], .valkivid-template_streamer.woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="password"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="password"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="password"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content.valkivid-template_streamer input[type="search"], .valkivid-template_streamer.valkivid-post-open-content input[type="search"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="search"], .valkivid-template_streamer.valkivid-sidebar input[type="search"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="search"], .valkivid-template_streamer.woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="search"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="search"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="search"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="search"], .valkivid-html-rich-content input.valkivid-template_streamer[type="text"], .valkivid-post-open-content input.valkivid-template_streamer[type="text"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="text"], .valkivid-sidebar input.valkivid-template_streamer[type="text"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="text"], .woocommerce-variation-description input.valkivid-template_streamer[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="text"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="text"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="text"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="text"], .valkivid-html-rich-content input.valkivid-template_streamer[type="password"], .valkivid-post-open-content input.valkivid-template_streamer[type="password"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="password"], .valkivid-sidebar input.valkivid-template_streamer[type="password"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="password"], .woocommerce-variation-description input.valkivid-template_streamer[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="password"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="password"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="password"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="password"], .valkivid-html-rich-content input.valkivid-template_streamer[type="search"], .valkivid-post-open-content input.valkivid-template_streamer[type="search"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="search"], .valkivid-sidebar input.valkivid-template_streamer[type="search"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="search"], .woocommerce-variation-description input.valkivid-template_streamer[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="search"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="search"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="search"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="search"], .comment-respond.valkivid-template_streamer .comment-form input[type="text"], .comment-respond.valkivid-template_streamer .comment-form input[type="email"], .comment-respond .comment-form input.valkivid-template_streamer[type="text"], .comment-respond .comment-form input.valkivid-template_streamer[type="email"], .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_streamer-v1 .woocommerce .quantity .qty, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_streamer-v2 .woocommerce .quantity .qty, .woocommerce .quantity .valkivid-template_streamer.qty, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_streamer-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_streamer-v2 table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_streamer.input-text, .valkivid-template_streamer .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row input.input-text, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row input.input-text, .woocommerce form .form-row input.valkivid-template_streamer.input-text, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_streamer.select2-search__field, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .input, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .input, form.pmpro_form .valkivid-template_streamer.input, .valkivid-content.valkivid-template_streamer-v1 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-content .input, .valkivid-content.valkivid-template_streamer-v2 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-content .input, .pmpro_login_wrap .valkivid-template_streamer.input { padding: 0 16px; } .valkivid-input.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger input[type="text"], .valkivid-template_vlogger.valkivid-post-open-content input[type="text"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="text"], .valkivid-template_vlogger.valkivid-sidebar input[type="text"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="text"], .valkivid-template_vlogger.woocommerce-variation-description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="text"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="text"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="text"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="text"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="text"], .valkivid-html-rich-content.valkivid-template_vlogger input[type="password"], .valkivid-template_vlogger.valkivid-post-open-content input[type="password"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="password"], .valkivid-template_vlogger.valkivid-sidebar input[type="password"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="password"], .valkivid-template_vlogger.woocommerce-variation-description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="password"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="password"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="password"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="password"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="password"], .valkivid-html-rich-content.valkivid-template_vlogger input[type="search"], .valkivid-template_vlogger.valkivid-post-open-content input[type="search"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="search"], .valkivid-template_vlogger.valkivid-sidebar input[type="search"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="search"], .valkivid-template_vlogger.woocommerce-variation-description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="search"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="search"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="search"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="search"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="search"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="text"], .valkivid-post-open-content input.valkivid-template_vlogger[type="text"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="text"], .valkivid-sidebar input.valkivid-template_vlogger[type="text"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="text"], .woocommerce-variation-description input.valkivid-template_vlogger[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="text"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="text"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="text"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="text"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="text"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="text"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="password"], .valkivid-post-open-content input.valkivid-template_vlogger[type="password"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="password"], .valkivid-sidebar input.valkivid-template_vlogger[type="password"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="password"], .woocommerce-variation-description input.valkivid-template_vlogger[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="password"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="password"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="password"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="password"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="password"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="password"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="search"], .valkivid-post-open-content input.valkivid-template_vlogger[type="search"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="search"], .valkivid-sidebar input.valkivid-template_vlogger[type="search"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="search"], .woocommerce-variation-description input.valkivid-template_vlogger[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="search"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="search"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="search"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="search"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="search"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="search"], .comment-respond.valkivid-template_vlogger .comment-form input[type="text"], .comment-respond.valkivid-template_vlogger .comment-form input[type="email"], .comment-respond .comment-form input.valkivid-template_vlogger[type="text"], .comment-respond .comment-form input.valkivid-template_vlogger[type="email"], .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce .quantity .qty, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body .quantity .qty, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce .quantity .qty, .woocommerce .quantity .valkivid-template_vlogger.qty, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="text"], .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="email"], .valkivid-content.valkivid-template_vlogger-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_vlogger-v2 table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .valkivid-template_vlogger.input-text, .valkivid-template_vlogger .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row input.input-text, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row input.input-text, .woocommerce form .form-row input.valkivid-template_vlogger.input-text, .select2-container.select2-container--default .select2-search--dropdown .valkivid-template_vlogger.select2-search__field, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .input, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .input, form.pmpro_form .valkivid-template_vlogger.input, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .input, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .input, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .input, .pmpro_login_wrap .valkivid-template_vlogger.input { padding: 0 26px; } /** * 7. Textarea */ .valkivid-textarea.valkivid-template_streamer, .comment-respond.valkivid-template_streamer .comment-form textarea, .comment-respond .comment-form textarea.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form textarea, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form textarea, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row textarea, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row textarea, .woocommerce form .form-row textarea.valkivid-template_streamer { min-height: 200px; padding: 16px; } .valkivid-textarea.valkivid-template_vlogger, .comment-respond.valkivid-template_vlogger .comment-form textarea, .comment-respond .comment-form textarea.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form textarea, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form textarea, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row textarea, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row textarea, .woocommerce form .form-row textarea.valkivid-template_vlogger { min-height: 240px; padding: 18px 26px; } /** * 8. Select */ .valkivid-select, .valkivid-html-rich-content select, .valkivid-post-open-content select, .valkivid-comment-list .comment-body select, .valkivid-sidebar select, .woocommerce-product-details__short-description select, .woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select, .valkivid-membership-preview-description select, form.pmpro_form .pmpro_checkout-fields select, .pmpro_confirmation_wrap select, .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select, .woocommerce div.product form.cart .variations select, form.pmpro_form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .valkivid-select.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer select, .valkivid-template_streamer.valkivid-post-open-content select, .valkivid-comment-list .valkivid-template_streamer.comment-body select, .valkivid-template_streamer.valkivid-sidebar select, .valkivid-template_streamer.woocommerce-product-details__short-description select, .valkivid-template_streamer.woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description select, .valkivid-template_streamer.valkivid-membership-preview-description select, form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields select, .valkivid-template_streamer.pmpro_confirmation_wrap select, .valkivid-html-rich-content select.valkivid-template_streamer, .valkivid-post-open-content select.valkivid-template_streamer, .valkivid-comment-list .comment-body select.valkivid-template_streamer, .valkivid-sidebar select.valkivid-template_streamer, .woocommerce-product-details__short-description select.valkivid-template_streamer, .woocommerce-variation-description select.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select.valkivid-template_streamer, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select.valkivid-template_streamer, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select.valkivid-template_streamer, .valkivid-membership-preview-description select.valkivid-template_streamer, .pmpro_confirmation_wrap select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-ordering select, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-ordering select, .woocommerce .woocommerce-ordering select.valkivid-template_streamer, .woocommerce-page .woocommerce-ordering select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 div.product form.cart .variations select, .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .variations select, .woocommerce div.product form.cart .variations select.valkivid-template_streamer, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form select, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form select, form.pmpro_form select.valkivid-template_streamer { padding: 0 44px 0 16px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlBpeGVsX0Fycm93IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjEwcHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSItMiAyIDEwIDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIgMiAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTIsMnYyaDEuOTk5VjJILTJ6IE0tMC4wMDEsNHYyaDJWNEgtMC4wMDF6IE0zLjk5OSw2aC0ydjJoMlY2eiBNNS45OTksNGgtMnYyaDJWNHogTTgsMkg1Ljk5OXYySDhWMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat right 16px center; } .valkivid-select.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger select, .valkivid-template_vlogger.valkivid-post-open-content select, .valkivid-comment-list .valkivid-template_vlogger.comment-body select, .valkivid-template_vlogger.valkivid-sidebar select, .valkivid-template_vlogger.woocommerce-product-details__short-description select, .valkivid-template_vlogger.woocommerce-variation-description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description select, .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information select, .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description select, .valkivid-template_vlogger.valkivid-membership-preview-description select, form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields select, .valkivid-template_vlogger.pmpro_confirmation_wrap select, .valkivid-html-rich-content select.valkivid-template_vlogger, .valkivid-post-open-content select.valkivid-template_vlogger, .valkivid-comment-list .comment-body select.valkivid-template_vlogger, .valkivid-sidebar select.valkivid-template_vlogger, .woocommerce-product-details__short-description select.valkivid-template_vlogger, .woocommerce-variation-description select.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select.valkivid-template_vlogger, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select.valkivid-template_vlogger, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select.valkivid-template_vlogger, .valkivid-membership-preview-description select.valkivid-template_vlogger, .pmpro_confirmation_wrap select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-ordering select, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-ordering select, .woocommerce .woocommerce-ordering select.valkivid-template_vlogger, .woocommerce-page .woocommerce-ordering select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 div.product form.cart .variations select, .valkivid-content.valkivid-template_vlogger-v2 div.product form.cart .variations select, .woocommerce div.product form.cart .variations select.valkivid-template_vlogger, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form select, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form select, form.pmpro_form select.valkivid-template_vlogger { padding: 0 62px 0 26px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkFycm93IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSItMiAyIDEwIDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIgMiAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMzQjM5NTgiIGQ9Ik0zLDhMMS43NSw2LjgwMWwwLDBMLTIsMy4yTC0wLjc1LDJMMyw1LjYwMkw2Ljc1LDJMOCwzLjJMNC4yNSw2LjgwMWwwLDBMMyw4eiIvPg0KPC9zdmc+DQo=") no-repeat right 26px center; } .valkivid-select option, .valkivid-html-rich-content select option, .valkivid-post-open-content select option, .valkivid-comment-list .comment-body select option, .valkivid-sidebar select option, .woocommerce-product-details__short-description select option, .woocommerce-variation-description select option, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description select option, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information select option, .woocommerce #reviews #comments ol.commentlist li .comment-text .description select option, .valkivid-membership-preview-description select option, form.pmpro_form .pmpro_checkout-fields select option, .pmpro_confirmation_wrap select option, .woocommerce .woocommerce-ordering select option, .woocommerce-page .woocommerce-ordering select option, .woocommerce div.product form.cart .variations select option, form.pmpro_form select option { background-color: var(--valkivid-body-background-color); } /** * 9. Checkbox */ .valkivid-checkbox, .comment-respond .comment-form input[type="checkbox"], .woocommerce form .woocommerce-form__input-checkbox { opacity: 0; display: inline; margin-top: 18px; pointer-events: none; } .valkivid-checkbox.valkivid-template_streamer + span, .comment-respond.valkivid-template_streamer .comment-form input[type="checkbox"] + span, .comment-respond .comment-form input.valkivid-template_streamer[type="checkbox"] + span, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="checkbox"] + span, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="checkbox"] + span, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + span, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + span, .woocommerce form .valkivid-template_streamer.woocommerce-form__input-checkbox + span, .valkivid-checkbox.valkivid-template_streamer + label, .comment-respond.valkivid-template_streamer .comment-form input[type="checkbox"] + label, .comment-respond .comment-form input.valkivid-template_streamer[type="checkbox"] + label, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="checkbox"] + label, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="checkbox"] + label, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + label, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + label, .woocommerce form .valkivid-template_streamer.woocommerce-form__input-checkbox + label { font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-medium); text-transform: none; } .valkivid-checkbox.valkivid-template_streamer + span::before, .comment-respond.valkivid-template_streamer .comment-form input[type="checkbox"] + span::before, .comment-respond .comment-form input.valkivid-template_streamer[type="checkbox"] + span::before, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="checkbox"] + span::before, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="checkbox"] + span::before, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + span::before, .woocommerce form .valkivid-template_streamer.woocommerce-form__input-checkbox + span::before, .valkivid-checkbox.valkivid-template_streamer + label::before, .comment-respond.valkivid-template_streamer .comment-form input[type="checkbox"] + label::before, .comment-respond .comment-form input.valkivid-template_streamer[type="checkbox"] + label::before, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="checkbox"] + label::before, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="checkbox"] + label::before, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + label::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + label::before, .woocommerce form .valkivid-template_streamer.woocommerce-form__input-checkbox + label::before { width: 16px; height: 16px; margin-right: 12px; margin-top: 2px; } .valkivid-checkbox.valkivid-template_streamer + span::after, .comment-respond.valkivid-template_streamer .comment-form input[type="checkbox"] + span::after, .comment-respond .comment-form input.valkivid-template_streamer[type="checkbox"] + span::after, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="checkbox"] + span::after, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="checkbox"] + span::after, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + span::after, .woocommerce form .valkivid-template_streamer.woocommerce-form__input-checkbox + span::after, .valkivid-checkbox.valkivid-template_streamer + label::after, .comment-respond.valkivid-template_streamer .comment-form input[type="checkbox"] + label::after, .comment-respond .comment-form input.valkivid-template_streamer[type="checkbox"] + label::after, .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-form input[type="checkbox"] + label::after, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-form input[type="checkbox"] + label::after, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + label::after, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + label::after, .woocommerce form .valkivid-template_streamer.woocommerce-form__input-checkbox + label::after { width: 8px; height: 8px; top: 6px; left: 4px; } .valkivid-checkbox.valkivid-template_vlogger + span::before, .comment-respond.valkivid-template_vlogger .comment-form input[type="checkbox"] + span::before, .comment-respond .comment-form input.valkivid-template_vlogger[type="checkbox"] + span::before, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="checkbox"] + span::before, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="checkbox"] + span::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + span::before, .woocommerce form .valkivid-template_vlogger.woocommerce-form__input-checkbox + span::before, .valkivid-checkbox.valkivid-template_vlogger + label::before, .comment-respond.valkivid-template_vlogger .comment-form input[type="checkbox"] + label::before, .comment-respond .comment-form input.valkivid-template_vlogger[type="checkbox"] + label::before, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="checkbox"] + label::before, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="checkbox"] + label::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + label::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + label::before, .woocommerce form .valkivid-template_vlogger.woocommerce-form__input-checkbox + label::before { width: 28px; height: 28px; margin-right: 18px; } .valkivid-checkbox.valkivid-template_vlogger + span::after, .comment-respond.valkivid-template_vlogger .comment-form input[type="checkbox"] + span::after, .comment-respond .comment-form input.valkivid-template_vlogger[type="checkbox"] + span::after, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="checkbox"] + span::after, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="checkbox"] + span::after, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + span::after, .woocommerce form .valkivid-template_vlogger.woocommerce-form__input-checkbox + span::after, .valkivid-checkbox.valkivid-template_vlogger + label::after, .comment-respond.valkivid-template_vlogger .comment-form input[type="checkbox"] + label::after, .comment-respond .comment-form input.valkivid-template_vlogger[type="checkbox"] + label::after, .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-form input[type="checkbox"] + label::after, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-form input[type="checkbox"] + label::after, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + label::after, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + label::after, .woocommerce form .valkivid-template_vlogger.woocommerce-form__input-checkbox + label::after { width: 18px; height: 18px; top: 5px; left: 5px; } .valkivid-checkbox + span, .comment-respond .comment-form input[type="checkbox"] + span, .woocommerce form .woocommerce-form__input-checkbox + span, .valkivid-checkbox + label, .comment-respond .comment-form input[type="checkbox"] + label, .woocommerce form .woocommerce-form__input-checkbox + label { margin-top: 0; display: flex; align-items: flex-start; color: var(--valkivid-form-checkbox-label-color); cursor: pointer; position: relative; } .valkivid-checkbox + span::before, .comment-respond .comment-form input[type="checkbox"] + span::before, .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-checkbox + span::after, .comment-respond .comment-form input[type="checkbox"] + span::after, .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-checkbox + label::before, .comment-respond .comment-form input[type="checkbox"] + label::before, .woocommerce form .woocommerce-form__input-checkbox + label::before, .valkivid-checkbox + label::after, .comment-respond .comment-form input[type="checkbox"] + label::after, .woocommerce form .woocommerce-form__input-checkbox + label::after { content: ''; flex-shrink: 0; } .valkivid-checkbox + span::before, .comment-respond .comment-form input[type="checkbox"] + span::before, .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-checkbox + label::before, .comment-respond .comment-form input[type="checkbox"] + label::before, .woocommerce form .woocommerce-form__input-checkbox + label::before { border: 1px solid var(--valkivid-form-checkbox-border-color); } .valkivid-checkbox + span::after, .comment-respond .comment-form input[type="checkbox"] + span::after, .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-checkbox + label::after, .comment-respond .comment-form input[type="checkbox"] + label::after, .woocommerce form .woocommerce-form__input-checkbox + label::after { background-color: var(--valkivid-global-primary-color); position: absolute; display: none; } .valkivid-checkbox:checked + span::before, .comment-respond .comment-form input:checked[type="checkbox"] + span::before, .woocommerce form .woocommerce-form__input-checkbox:checked + span::before, .valkivid-checkbox:checked + label::before, .comment-respond .comment-form input:checked[type="checkbox"] + label::before, .woocommerce form .woocommerce-form__input-checkbox:checked + label::before { border-color: var(--valkivid-global-primary-color); } .valkivid-checkbox:checked + span::after, .comment-respond .comment-form input:checked[type="checkbox"] + span::after, .woocommerce form .woocommerce-form__input-checkbox:checked + span::after, .valkivid-checkbox:checked + label::after, .comment-respond .comment-form input:checked[type="checkbox"] + label::after, .woocommerce form .woocommerce-form__input-checkbox:checked + label::after { display: block; } .valkivid-checkbox:focus + span, .comment-respond .comment-form input:focus[type="checkbox"] + span, .woocommerce form .woocommerce-form__input-checkbox:focus + span, .valkivid-checkbox:focus + label, .comment-respond .comment-form input:focus[type="checkbox"] + label, .woocommerce form .woocommerce-form__input-checkbox:focus + label { text-decoration: underline; } /** * 10. Submit */ .valkivid-submit, .valkivid-html-rich-content input[type="submit"], .valkivid-post-open-content input[type="submit"], .valkivid-comment-list .comment-body input[type="submit"], .valkivid-sidebar input[type="submit"], .woocommerce-product-details__short-description input[type="submit"], .woocommerce-variation-description input[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input[type="submit"], .valkivid-membership-preview-description input[type="submit"], form.pmpro_form .pmpro_checkout-fields input[type="submit"], .pmpro_confirmation_wrap input[type="submit"], .valkivid-html-rich-content button[type="submit"], .valkivid-post-open-content button[type="submit"], .valkivid-comment-list .comment-body button[type="submit"], .valkivid-sidebar button[type="submit"], .woocommerce-product-details__short-description button[type="submit"], .woocommerce-variation-description button[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button[type="submit"], .valkivid-membership-preview-description button[type="submit"], form.pmpro_form .pmpro_checkout-fields button[type="submit"], .pmpro_confirmation_wrap button[type="submit"], .comment-respond .comment-form input[type="submit"], .woocommerce div.product form.cart .button, .woocommerce #reviews #respond input#submit, .woocommerce button.button, .woocommerce-cart .wc-proceed-to-checkout a.button, .woocommerce button.button.alt, .pmpro_login_wrap .button { border-radius: 0; background-color: var(--valkivid-global-primary-color); color: var(--valkivid-button-color); font-weight: var(--valkivid-font-weight-bold); cursor: pointer; } .valkivid-submit:focus, .valkivid-html-rich-content input:focus[type="submit"], .valkivid-post-open-content input:focus[type="submit"], .valkivid-comment-list .comment-body input:focus[type="submit"], .valkivid-sidebar input:focus[type="submit"], .woocommerce-product-details__short-description input:focus[type="submit"], .woocommerce-variation-description input:focus[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:focus[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:focus[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:focus[type="submit"], .valkivid-membership-preview-description input:focus[type="submit"], form.pmpro_form .pmpro_checkout-fields input:focus[type="submit"], .pmpro_confirmation_wrap input:focus[type="submit"], .valkivid-html-rich-content button:focus[type="submit"], .valkivid-post-open-content button:focus[type="submit"], .valkivid-comment-list .comment-body button:focus[type="submit"], .valkivid-sidebar button:focus[type="submit"], .woocommerce-product-details__short-description button:focus[type="submit"], .woocommerce-variation-description button:focus[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button:focus[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button:focus[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button:focus[type="submit"], .valkivid-membership-preview-description button:focus[type="submit"], form.pmpro_form .pmpro_checkout-fields button:focus[type="submit"], .pmpro_confirmation_wrap button:focus[type="submit"], .comment-respond .comment-form input:focus[type="submit"], .woocommerce div.product form.cart .button:focus, .woocommerce #reviews #respond input#submit:focus, .woocommerce button.button:focus, .woocommerce-cart .wc-proceed-to-checkout a.button:focus, .pmpro_login_wrap .button:focus { text-decoration: underline; } .valkivid-submit:hover, .valkivid-html-rich-content input:hover[type="submit"], .valkivid-post-open-content input:hover[type="submit"], .valkivid-comment-list .comment-body input:hover[type="submit"], .valkivid-sidebar input:hover[type="submit"], .woocommerce-product-details__short-description input:hover[type="submit"], .woocommerce-variation-description input:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:hover[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:hover[type="submit"], .valkivid-membership-preview-description input:hover[type="submit"], form.pmpro_form .pmpro_checkout-fields input:hover[type="submit"], .pmpro_confirmation_wrap input:hover[type="submit"], .valkivid-html-rich-content button:hover[type="submit"], .valkivid-post-open-content button:hover[type="submit"], .valkivid-comment-list .comment-body button:hover[type="submit"], .valkivid-sidebar button:hover[type="submit"], .woocommerce-product-details__short-description button:hover[type="submit"], .woocommerce-variation-description button:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button:hover[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button:hover[type="submit"], .valkivid-membership-preview-description button:hover[type="submit"], form.pmpro_form .pmpro_checkout-fields button:hover[type="submit"], .pmpro_confirmation_wrap button:hover[type="submit"], .comment-respond .comment-form input:hover[type="submit"], .woocommerce div.product form.cart .button:hover, .woocommerce #reviews #respond input#submit:hover, .woocommerce button.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.button:hover, .pmpro_login_wrap .button:hover { background-color: var(--valkivid-global-primary-color); color: var(--valkivid-button-color); } .valkivid-submit:disabled, .valkivid-html-rich-content input:disabled[type="submit"], .valkivid-post-open-content input:disabled[type="submit"], .valkivid-comment-list .comment-body input:disabled[type="submit"], .valkivid-sidebar input:disabled[type="submit"], .woocommerce-product-details__short-description input:disabled[type="submit"], .woocommerce-variation-description input:disabled[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:disabled[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:disabled[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:disabled[type="submit"], .valkivid-membership-preview-description input:disabled[type="submit"], form.pmpro_form .pmpro_checkout-fields input:disabled[type="submit"], .pmpro_confirmation_wrap input:disabled[type="submit"], .valkivid-html-rich-content button:disabled[type="submit"], .valkivid-post-open-content button:disabled[type="submit"], .valkivid-comment-list .comment-body button:disabled[type="submit"], .valkivid-sidebar button:disabled[type="submit"], .woocommerce-product-details__short-description button:disabled[type="submit"], .woocommerce-variation-description button:disabled[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button:disabled[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button:disabled[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button:disabled[type="submit"], .valkivid-membership-preview-description button:disabled[type="submit"], form.pmpro_form .pmpro_checkout-fields button:disabled[type="submit"], .pmpro_confirmation_wrap button:disabled[type="submit"], .comment-respond .comment-form input:disabled[type="submit"], .woocommerce div.product form.cart .button:disabled, .woocommerce #reviews #respond input#submit:disabled, .woocommerce button.button:disabled, .woocommerce-cart .wc-proceed-to-checkout a.button:disabled, .pmpro_login_wrap .button:disabled, .valkivid-submit:disabled[disabled], .valkivid-html-rich-content input:disabled[disabled][type="submit"], .valkivid-post-open-content input:disabled[disabled][type="submit"], .valkivid-comment-list .comment-body input:disabled[disabled][type="submit"], .valkivid-sidebar input:disabled[disabled][type="submit"], .woocommerce-product-details__short-description input:disabled[disabled][type="submit"], .woocommerce-variation-description input:disabled[disabled][type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:disabled[disabled][type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:disabled[disabled][type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:disabled[disabled][type="submit"], .valkivid-membership-preview-description input:disabled[disabled][type="submit"], form.pmpro_form .pmpro_checkout-fields input:disabled[disabled][type="submit"], .pmpro_confirmation_wrap input:disabled[disabled][type="submit"], .valkivid-html-rich-content button:disabled[disabled][type="submit"], .valkivid-post-open-content button:disabled[disabled][type="submit"], .valkivid-comment-list .comment-body button:disabled[disabled][type="submit"], .valkivid-sidebar button:disabled[disabled][type="submit"], .woocommerce-product-details__short-description button:disabled[disabled][type="submit"], .woocommerce-variation-description button:disabled[disabled][type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button:disabled[disabled][type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button:disabled[disabled][type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button:disabled[disabled][type="submit"], .valkivid-membership-preview-description button:disabled[disabled][type="submit"], form.pmpro_form .pmpro_checkout-fields button:disabled[disabled][type="submit"], .pmpro_confirmation_wrap button:disabled[disabled][type="submit"], .comment-respond .comment-form input:disabled[disabled][type="submit"], .woocommerce div.product form.cart .button:disabled[disabled], .woocommerce #reviews #respond input#submit:disabled[disabled], .woocommerce button.button:disabled[disabled], .woocommerce-cart .wc-proceed-to-checkout a.button:disabled[disabled], .pmpro_login_wrap .button:disabled[disabled] { color: var(--valkivid-button-color); } .valkivid-submit:disabled:hover, .valkivid-html-rich-content input:disabled:hover[type="submit"], .valkivid-post-open-content input:disabled:hover[type="submit"], .valkivid-comment-list .comment-body input:disabled:hover[type="submit"], .valkivid-sidebar input:disabled:hover[type="submit"], .woocommerce-product-details__short-description input:disabled:hover[type="submit"], .woocommerce-variation-description input:disabled:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:disabled:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:disabled:hover[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:disabled:hover[type="submit"], .valkivid-membership-preview-description input:disabled:hover[type="submit"], form.pmpro_form .pmpro_checkout-fields input:disabled:hover[type="submit"], .pmpro_confirmation_wrap input:disabled:hover[type="submit"], .valkivid-html-rich-content button:disabled:hover[type="submit"], .valkivid-post-open-content button:disabled:hover[type="submit"], .valkivid-comment-list .comment-body button:disabled:hover[type="submit"], .valkivid-sidebar button:disabled:hover[type="submit"], .woocommerce-product-details__short-description button:disabled:hover[type="submit"], .woocommerce-variation-description button:disabled:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button:disabled:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button:disabled:hover[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button:disabled:hover[type="submit"], .valkivid-membership-preview-description button:disabled:hover[type="submit"], form.pmpro_form .pmpro_checkout-fields button:disabled:hover[type="submit"], .pmpro_confirmation_wrap button:disabled:hover[type="submit"], .comment-respond .comment-form input:disabled:hover[type="submit"], .woocommerce div.product form.cart .button:disabled:hover, .woocommerce #reviews #respond input#submit:disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce-cart .wc-proceed-to-checkout a.button:disabled:hover, .pmpro_login_wrap .button:disabled:hover, .valkivid-submit:disabled[disabled]:hover, .valkivid-html-rich-content input:disabled[disabled]:hover[type="submit"], .valkivid-post-open-content input:disabled[disabled]:hover[type="submit"], .valkivid-comment-list .comment-body input:disabled[disabled]:hover[type="submit"], .valkivid-sidebar input:disabled[disabled]:hover[type="submit"], .woocommerce-product-details__short-description input:disabled[disabled]:hover[type="submit"], .woocommerce-variation-description input:disabled[disabled]:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input:disabled[disabled]:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input:disabled[disabled]:hover[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input:disabled[disabled]:hover[type="submit"], .valkivid-membership-preview-description input:disabled[disabled]:hover[type="submit"], form.pmpro_form .pmpro_checkout-fields input:disabled[disabled]:hover[type="submit"], .pmpro_confirmation_wrap input:disabled[disabled]:hover[type="submit"], .valkivid-html-rich-content button:disabled[disabled]:hover[type="submit"], .valkivid-post-open-content button:disabled[disabled]:hover[type="submit"], .valkivid-comment-list .comment-body button:disabled[disabled]:hover[type="submit"], .valkivid-sidebar button:disabled[disabled]:hover[type="submit"], .woocommerce-product-details__short-description button:disabled[disabled]:hover[type="submit"], .woocommerce-variation-description button:disabled[disabled]:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button:disabled[disabled]:hover[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button:disabled[disabled]:hover[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button:disabled[disabled]:hover[type="submit"], .valkivid-membership-preview-description button:disabled[disabled]:hover[type="submit"], form.pmpro_form .pmpro_checkout-fields button:disabled[disabled]:hover[type="submit"], .pmpro_confirmation_wrap button:disabled[disabled]:hover[type="submit"], .comment-respond .comment-form input:disabled[disabled]:hover[type="submit"], .woocommerce div.product form.cart .button:disabled[disabled]:hover, .woocommerce #reviews #respond input#submit:disabled[disabled]:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce-cart .wc-proceed-to-checkout a.button:disabled[disabled]:hover, .pmpro_login_wrap .button:disabled[disabled]:hover { background-color: var(--valkivid-global-primary-color); color: var(--valkivid-button-color); } .valkivid-submit.valkivid-template_streamer, .valkivid-html-rich-content.valkivid-template_streamer input[type="submit"], .valkivid-template_streamer.valkivid-post-open-content input[type="submit"], .valkivid-comment-list .valkivid-template_streamer.comment-body input[type="submit"], .valkivid-template_streamer.valkivid-sidebar input[type="submit"], .valkivid-template_streamer.woocommerce-product-details__short-description input[type="submit"], .valkivid-template_streamer.woocommerce-variation-description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information input[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description input[type="submit"], .valkivid-template_streamer.valkivid-membership-preview-description input[type="submit"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields input[type="submit"], .valkivid-template_streamer.pmpro_confirmation_wrap input[type="submit"], .valkivid-html-rich-content.valkivid-template_streamer button[type="submit"], .valkivid-template_streamer.valkivid-post-open-content button[type="submit"], .valkivid-comment-list .valkivid-template_streamer.comment-body button[type="submit"], .valkivid-template_streamer.valkivid-sidebar button[type="submit"], .valkivid-template_streamer.woocommerce-product-details__short-description button[type="submit"], .valkivid-template_streamer.woocommerce-variation-description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_streamer.panel.woocommerce-Tabs-panel--additional_information button[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_streamer.description button[type="submit"], .valkivid-template_streamer.valkivid-membership-preview-description button[type="submit"], form.pmpro_form .valkivid-template_streamer.pmpro_checkout-fields button[type="submit"], .valkivid-template_streamer.pmpro_confirmation_wrap button[type="submit"], .valkivid-html-rich-content input.valkivid-template_streamer[type="submit"], .valkivid-post-open-content input.valkivid-template_streamer[type="submit"], .valkivid-comment-list .comment-body input.valkivid-template_streamer[type="submit"], .valkivid-sidebar input.valkivid-template_streamer[type="submit"], .woocommerce-product-details__short-description input.valkivid-template_streamer[type="submit"], .woocommerce-variation-description input.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_streamer[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_streamer[type="submit"], .valkivid-membership-preview-description input.valkivid-template_streamer[type="submit"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_streamer[type="submit"], .pmpro_confirmation_wrap input.valkivid-template_streamer[type="submit"], .valkivid-html-rich-content button.valkivid-template_streamer[type="submit"], .valkivid-post-open-content button.valkivid-template_streamer[type="submit"], .valkivid-comment-list .comment-body button.valkivid-template_streamer[type="submit"], .valkivid-sidebar button.valkivid-template_streamer[type="submit"], .woocommerce-product-details__short-description button.valkivid-template_streamer[type="submit"], .woocommerce-variation-description button.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button.valkivid-template_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button.valkivid-template_streamer[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button.valkivid-template_streamer[type="submit"], .valkivid-membership-preview-description button.valkivid-template_streamer[type="submit"], form.pmpro_form .pmpro_checkout-fields button.valkivid-template_streamer[type="submit"], .pmpro_confirmation_wrap button.valkivid-template_streamer[type="submit"], .comment-respond.valkivid-template_streamer .comment-form input[type="submit"], .comment-respond .comment-form input.valkivid-template_streamer[type="submit"], .valkivid-content.valkivid-template_streamer-v1 div.product form.cart .button, .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .button, .valkivid-content.valkivid-template_streamer-v1 #reviews #respond input#submit, .valkivid-content.valkivid-template_streamer-v2 #reviews #respond input#submit, .woocommerce div.product form.cart .valkivid-template_streamer.button, .woocommerce #reviews #respond input.valkivid-template_streamer#submit, .valkivid-content.valkivid-template_streamer-v1 .woocommerce button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce button.button, .valkivid-content.valkivid-template_streamer-v1 .wc-proceed-to-checkout a.button, .valkivid-content.valkivid-template_streamer-v2 .wc-proceed-to-checkout a.button, .woocommerce button.valkivid-template_streamer.button, .woocommerce-cart .wc-proceed-to-checkout a.valkivid-template_streamer.button, .valkivid-template_streamer .woocommerce button.button, .valkivid-template_streamer .woocommerce button.button.alt, .valkivid-content.valkivid-template_streamer-v1 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-content .button, .valkivid-content.valkivid-template_streamer-v2 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-content .button, .pmpro_login_wrap .valkivid-template_streamer.button { margin-top: 28px; padding: 0 80px; font-size: var(--valkivid-font-size-14); text-transform: uppercase; } .valkivid-submit.valkivid-template_vlogger, .valkivid-html-rich-content.valkivid-template_vlogger input[type="submit"], .valkivid-template_vlogger.valkivid-post-open-content input[type="submit"], .valkivid-comment-list .valkivid-template_vlogger.comment-body input[type="submit"], .valkivid-template_vlogger.valkivid-sidebar input[type="submit"], .valkivid-template_vlogger.woocommerce-product-details__short-description input[type="submit"], .valkivid-template_vlogger.woocommerce-variation-description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description input[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information input[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description input[type="submit"], .valkivid-template_vlogger.valkivid-membership-preview-description input[type="submit"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields input[type="submit"], .valkivid-template_vlogger.pmpro_confirmation_wrap input[type="submit"], .valkivid-html-rich-content.valkivid-template_vlogger button[type="submit"], .valkivid-template_vlogger.valkivid-post-open-content button[type="submit"], .valkivid-comment-list .valkivid-template_vlogger.comment-body button[type="submit"], .valkivid-template_vlogger.valkivid-sidebar button[type="submit"], .valkivid-template_vlogger.woocommerce-product-details__short-description button[type="submit"], .valkivid-template_vlogger.woocommerce-variation-description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--description button[type="submit"], .woocommerce div.product .woocommerce-tabs .valkivid-template_vlogger.panel.woocommerce-Tabs-panel--additional_information button[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .valkivid-template_vlogger.description button[type="submit"], .valkivid-template_vlogger.valkivid-membership-preview-description button[type="submit"], form.pmpro_form .valkivid-template_vlogger.pmpro_checkout-fields button[type="submit"], .valkivid-template_vlogger.pmpro_confirmation_wrap button[type="submit"], .valkivid-html-rich-content input.valkivid-template_vlogger[type="submit"], .valkivid-post-open-content input.valkivid-template_vlogger[type="submit"], .valkivid-comment-list .comment-body input.valkivid-template_vlogger[type="submit"], .valkivid-sidebar input.valkivid-template_vlogger[type="submit"], .woocommerce-product-details__short-description input.valkivid-template_vlogger[type="submit"], .woocommerce-variation-description input.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-template_vlogger[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-template_vlogger[type="submit"], .valkivid-membership-preview-description input.valkivid-template_vlogger[type="submit"], form.pmpro_form .pmpro_checkout-fields input.valkivid-template_vlogger[type="submit"], .pmpro_confirmation_wrap input.valkivid-template_vlogger[type="submit"], .valkivid-html-rich-content button.valkivid-template_vlogger[type="submit"], .valkivid-post-open-content button.valkivid-template_vlogger[type="submit"], .valkivid-comment-list .comment-body button.valkivid-template_vlogger[type="submit"], .valkivid-sidebar button.valkivid-template_vlogger[type="submit"], .woocommerce-product-details__short-description button.valkivid-template_vlogger[type="submit"], .woocommerce-variation-description button.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button.valkivid-template_vlogger[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button.valkivid-template_vlogger[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button.valkivid-template_vlogger[type="submit"], .valkivid-membership-preview-description button.valkivid-template_vlogger[type="submit"], form.pmpro_form .pmpro_checkout-fields button.valkivid-template_vlogger[type="submit"], .pmpro_confirmation_wrap button.valkivid-template_vlogger[type="submit"], .comment-respond.valkivid-template_vlogger .comment-form input[type="submit"], .comment-respond .comment-form input.valkivid-template_vlogger[type="submit"], .valkivid-content.valkivid-template_vlogger-v1 div.product form.cart .button, .valkivid-content.valkivid-template_vlogger-v2 div.product form.cart .button, .valkivid-content.valkivid-template_vlogger-v1 #reviews #respond input#submit, .valkivid-content.valkivid-template_vlogger-v2 #reviews #respond input#submit, .woocommerce div.product form.cart .valkivid-template_vlogger.button, .woocommerce #reviews #respond input.valkivid-template_vlogger#submit, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce button.button, .valkivid-content.valkivid-template_vlogger-v1 .wc-proceed-to-checkout a.button, .valkivid-content.valkivid-template_vlogger-v2 .wc-proceed-to-checkout a.button, .woocommerce button.valkivid-template_vlogger.button, .woocommerce-cart .wc-proceed-to-checkout a.valkivid-template_vlogger.button, .valkivid-template_vlogger .woocommerce button.button, .valkivid-template_vlogger .woocommerce button.button.alt, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-content .button, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_login_wrap .button, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-content .button, .pmpro_login_wrap .valkivid-template_vlogger.button { width: 100%; margin-top: 48px; padding: 0 40px; font-size: var(--valkivid-font-size-18); letter-spacing: var(--valkivid-vlogger-letter-spacing); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-submit.valkivid-submit_streamer, .valkivid-html-rich-content input.valkivid-submit_streamer[type="submit"], .valkivid-post-open-content input.valkivid-submit_streamer[type="submit"], .valkivid-comment-list .comment-body input.valkivid-submit_streamer[type="submit"], .valkivid-sidebar input.valkivid-submit_streamer[type="submit"], .woocommerce-product-details__short-description input.valkivid-submit_streamer[type="submit"], .woocommerce-variation-description input.valkivid-submit_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description input.valkivid-submit_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information input.valkivid-submit_streamer[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description input.valkivid-submit_streamer[type="submit"], .valkivid-membership-preview-description input.valkivid-submit_streamer[type="submit"], form.pmpro_form .pmpro_checkout-fields input.valkivid-submit_streamer[type="submit"], .pmpro_confirmation_wrap input.valkivid-submit_streamer[type="submit"], .valkivid-html-rich-content button.valkivid-submit_streamer[type="submit"], .valkivid-post-open-content button.valkivid-submit_streamer[type="submit"], .valkivid-comment-list .comment-body button.valkivid-submit_streamer[type="submit"], .valkivid-sidebar button.valkivid-submit_streamer[type="submit"], .woocommerce-product-details__short-description button.valkivid-submit_streamer[type="submit"], .woocommerce-variation-description button.valkivid-submit_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description button.valkivid-submit_streamer[type="submit"], .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information button.valkivid-submit_streamer[type="submit"], .woocommerce #reviews #comments ol.commentlist li .comment-text .description button.valkivid-submit_streamer[type="submit"], .valkivid-membership-preview-description button.valkivid-submit_streamer[type="submit"], form.pmpro_form .pmpro_checkout-fields button.valkivid-submit_streamer[type="submit"], .pmpro_confirmation_wrap button.valkivid-submit_streamer[type="submit"], .comment-respond .comment-form input.valkivid-submit_streamer[type="submit"], .woocommerce div.product form.cart .valkivid-submit_streamer.button, .woocommerce #reviews #respond input.valkivid-submit_streamer#submit, .woocommerce button.valkivid-submit_streamer.button, .woocommerce-cart .wc-proceed-to-checkout a.valkivid-submit_streamer.button, .pmpro_login_wrap .valkivid-submit_streamer.button { width: 100%; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Button 2. Button Subscribe 3. Button Subscribe Icon -------------------------------------------------------------------*/ /** * 1. Button */ .valkivid-button, .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-orders-table a.button, .valkivid-membership-preview-notice, .pmpro_btn, .pmpro_cancel_wrap .pmpro_btn { display: inline-flex; justify-content: center; align-items: center; background-color: var(--valkivid-global-primary-color); color: var(--valkivid-button-color); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .valkivid-button:focus, .woocommerce table.shop_table.woocommerce-table--order-downloads a.button:focus, .woocommerce table.shop_table.woocommerce-orders-table a.button:focus, .valkivid-membership-preview-notice:focus, .pmpro_btn:focus { text-decoration: underline; } .valkivid-button.valkivid-template_streamer, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-template_streamer.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-template_streamer.button, .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-membership-preview-notice, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-notice, .valkivid-template_streamer.valkivid-membership-preview-notice, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .pmpro_btn, .valkivid-template_streamer.pmpro_btn, .valkivid-content.valkivid-template_streamer-v1 .pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 .pmpro_btn { height: 50px; padding: 0 80px; font-size: var(--valkivid-font-size-14); text-transform: uppercase; } .valkivid-button.valkivid-template_streamer.valkivid-button_small, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-template_streamer.valkivid-button_small.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-template_streamer.valkivid-button_small.button, .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-button_small.valkivid-membership-preview-notice, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-button_small.valkivid-membership-preview-notice, .valkivid-template_streamer.valkivid-button_small.valkivid-membership-preview-notice, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .valkivid-button_small.pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .valkivid-button_small.pmpro_btn, .valkivid-template_streamer.valkivid-button_small.pmpro_btn, .valkivid-content.valkivid-template_streamer-v1 .valkivid-button_small.pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 .valkivid-button_small.pmpro_btn { padding: 0 30px; } .valkivid-button.valkivid-template_streamer.valkivid-button_subscribe, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-template_streamer.valkivid-button_subscribe.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-template_streamer.valkivid-button_subscribe.button, .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-button_subscribe.valkivid-membership-preview-notice, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-button_subscribe.valkivid-membership-preview-notice, .valkivid-template_streamer.valkivid-button_subscribe.valkivid-membership-preview-notice, .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .valkivid-button_subscribe.pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .valkivid-button_subscribe.pmpro_btn, .valkivid-template_streamer.valkivid-button_subscribe.pmpro_btn, .valkivid-content.valkivid-template_streamer-v1 .valkivid-button_subscribe.pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 .valkivid-button_subscribe.pmpro_btn { height: 40px; padding: 0 20px 0 40px; text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); background: url("img/streamer/twitch-logo.png") top 3px left 0 no-repeat, linear-gradient(to right, var(--valkivid-button-subscribe-background-gradient-primary-color), var(--valkivid-button-subscribe-background-gradient-secondary-color)); } .valkivid-button.valkivid-template_vlogger, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-template_vlogger.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-template_vlogger.button, .valkivid-membership-preview.valkivid-template_vlogger-v1 .valkivid-membership-preview-notice, .valkivid-membership-preview.valkivid-template_vlogger-v2 .valkivid-membership-preview-notice, .valkivid-template_vlogger.valkivid-membership-preview-notice, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .pmpro_btn, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .pmpro_btn, .valkivid-template_vlogger.pmpro_btn, .valkivid-content.valkivid-template_vlogger-v1 .pmpro_btn, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_btn { width: 100%; height: 66px; padding: 0 40px; font-size: var(--valkivid-font-size-18); } .valkivid-button.valkivid-template_vlogger.valkivid-button_disabled, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-template_vlogger.valkivid-button_disabled.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-template_vlogger.valkivid-button_disabled.button, .valkivid-membership-preview.valkivid-template_vlogger-v1 .valkivid-membership-preview-notice, .valkivid-membership-preview.valkivid-template_vlogger-v2 .valkivid-membership-preview-notice, .valkivid-template_vlogger.valkivid-membership-preview-notice, .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .valkivid-button_disabled.pmpro_btn, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .valkivid-button_disabled.pmpro_btn, .valkivid-template_vlogger.valkivid-button_disabled.pmpro_btn, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-button_disabled.pmpro_btn, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-button_disabled.pmpro_btn { box-shadow: 5px 9px 40px 0 rgba(27, 27, 41, 0.12); } .valkivid-button.valkivid-button_secondary, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-button_secondary.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-button_secondary.button, .valkivid-button_secondary.valkivid-membership-preview-notice, .valkivid-button_secondary.pmpro_btn { background-color: var(--valkivid-global-secondary-color); color: var(--valkivid-button-secondary-color); } .valkivid-button.valkivid-button_tertiary, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-button_tertiary.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-button_tertiary.button, .valkivid-button_tertiary.valkivid-membership-preview-notice, .valkivid-button_tertiary.pmpro_btn, .pmpro_btn.pmpro_btn-cancel, .pmpro_cancel_wrap .pmpro_btn.pmpro_btn-cancel { background-color: transparent; border: 1px solid var(--valkivid-border-color); color: var(--valkivid-text-secondary-color); } .valkivid-button.valkivid-button_disabled, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-button_disabled.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-button_disabled.button, .valkivid-membership-preview-notice, .valkivid-button_disabled.pmpro_btn { background-color: var(--valkivid-button-disabled-background-color); color: var(--valkivid-button-disabled-color); } .valkivid-button.valkivid-button_small, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-button_small.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-button_small.button, .valkivid-button_small.valkivid-membership-preview-notice, .valkivid-button_small.pmpro_btn { height: 40px; font-size: var(--valkivid-font-size-12); } .valkivid-button.valkivid-button_subscribe, .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-button_subscribe.button, .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-button_subscribe.button, .valkivid-button_subscribe.valkivid-membership-preview-notice, .valkivid-button_subscribe.pmpro_btn { background-color: var(--valkivid-button-subscribe-background-color); color: var(--valkivid-button-subscribe-color); } .valkivid-button .valkivid-button-icon, .woocommerce table.shop_table.woocommerce-table--order-downloads a.button .valkivid-button-icon, .woocommerce table.shop_table.woocommerce-orders-table a.button .valkivid-button-icon, .valkivid-membership-preview-notice .valkivid-button-icon, .pmpro_btn .valkivid-button-icon { width: 14px; height: 14px; margin-right: 12px; fill: var(--valkivid-button-icon-color); } /*------------------------------------------------------------------ [Table of contents] 1. Grid Variables 2. Grid Limit 3. Grid -------------------------------------------------------------------*/ /** * 1. Grid Variables */ :root { --valkivid-grid-max-width: 1170; --valkivid-grid-column-width: 70; --valkivid-grid-row-gap: 46; --valkivid-grid-column-gap: 30; --valkivid-grid-max-width-px: calc(var(--valkivid-grid-max-width) * 1px); --valkivid-grid-row-gap-px: calc(var(--valkivid-grid-row-gap) * 1px); --valkivid-grid-column-gap-px: calc(var(--valkivid-grid-column-gap) * 1px); --valkivid-grid-2-column-width: calc((var(--valkivid-grid-column-width) * 2) + (var(--valkivid-grid-column-gap) * 1)); --valkivid-grid-3-column-width: calc((var(--valkivid-grid-column-width) * 3) + (var(--valkivid-grid-column-gap) * 2)); --valkivid-grid-4-column-width: calc((var(--valkivid-grid-column-width) * 4) + (var(--valkivid-grid-column-gap) * 3)); --valkivid-grid-5-column-width: calc((var(--valkivid-grid-column-width) * 5) + (var(--valkivid-grid-column-gap) * 4)); --valkivid-grid-6-column-width: calc((var(--valkivid-grid-column-width) * 6) + (var(--valkivid-grid-column-gap) * 5)); --valkivid-grid-2-column-width-px: calc(var(--valkivid-grid-2-column-width) * 1px); --valkivid-grid-3-column-width-px: calc(var(--valkivid-grid-3-column-width) * 1px); --valkivid-grid-4-column-width-px: calc(var(--valkivid-grid-4-column-width) * 1px); --valkivid-grid-5-column-width-px: calc(var(--valkivid-grid-5-column-width) * 1px); --valkivid-grid-6-column-width-px: calc(var(--valkivid-grid-6-column-width) * 1px); } /** * 2. Grid Limit */ .valkivid-grid-limit { width: 90%; max-width: var(--valkivid-grid-max-width-px); margin: 0 auto; } /** * 3. Grid */ .valkivid-grid, .woocommerce ul.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { display: grid; grid-template-columns: 100%; row-gap: var(--valkivid-grid-row-gap-px); -moz-column-gap: var(--valkivid-grid-column-gap-px); column-gap: var(--valkivid-grid-column-gap-px); align-items: start; } .valkivid-grid.valkivid-grid_test, .woocommerce ul.valkivid-grid_test.products.columns-2, .woocommerce ul.valkivid-grid_test.products.columns-3, .woocommerce ul.valkivid-grid_test.products.columns-4 { width: 90%; max-width: 1170px; margin: 0 auto 60px; justify-content: center; } .valkivid-grid.valkivid-grid_test .valkivid-grid-column, .woocommerce ul.valkivid-grid_test.products.columns-2 .valkivid-grid-column, .woocommerce ul.valkivid-grid_test.products.columns-3 .valkivid-grid-column, .woocommerce ul.valkivid-grid_test.products.columns-4 .valkivid-grid-column { height: 200px; background-color: red; } .valkivid-grid.valkivid-grid_horizontally-centered, .woocommerce ul.valkivid-grid_horizontally-centered.products.columns-2, .woocommerce ul.valkivid-grid_horizontally-centered.products.columns-3, .woocommerce ul.valkivid-grid_horizontally-centered.products.columns-4 { justify-content: center; } .valkivid-grid.valkivid-grid_stretched, .woocommerce ul.valkivid-grid_stretched.products.columns-2, .woocommerce ul.valkivid-grid_stretched.products.columns-3, .woocommerce ul.valkivid-grid_stretched.products.columns-4 { align-items: stretch; } .valkivid-grid.valkivid-grid_3-3-3-3, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-2, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-3, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); } .valkivid-grid.valkivid-grid_4-4-4, .woocommerce ul.valkivid-grid_4-4-4.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce ul.valkivid-grid_4-4-4.products.columns-4 { grid-template-columns: repeat(3, 1fr); } .valkivid-grid.valkivid-grid_6-6, .woocommerce ul.products.columns-2, .woocommerce ul.valkivid-grid_6-6.products.columns-3, .woocommerce ul.valkivid-grid_6-6.products.columns-4 { grid-template-columns: repeat(2, 1fr); } .valkivid-grid.valkivid-grid_2-6-4, .woocommerce ul.valkivid-grid_2-6-4.products.columns-2, .woocommerce ul.valkivid-grid_2-6-4.products.columns-3, .woocommerce ul.valkivid-grid_2-6-4.products.columns-4 { grid-template-columns: var(--valkivid-grid-2-column-width-px) minmax(var(--valkivid-grid-2-column-width-px), var(--valkivid-grid-6-column-width-px)) minmax(var(--valkivid-grid-2-column-width-px), var(--valkivid-grid-4-column-width-px)); } /** * Large Screens, Desktops (1200px — 1365px) */ @media screen and (max-width: 1365px) { .valkivid-grid.valkivid-grid_horizontally-centered-on-mobile, .woocommerce ul.valkivid-grid_horizontally-centered-on-mobile.products.columns-2, .woocommerce ul.valkivid-grid_horizontally-centered-on-mobile.products.columns-3, .woocommerce ul.valkivid-grid_horizontally-centered-on-mobile.products.columns-4 { justify-content: center; } } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-grid-limit { width: 100%; padding-left: 22px; padding-right: 22px; } .valkivid-grid.valkivid-grid_2-6-4, .woocommerce ul.valkivid-grid_2-6-4.products.columns-2, .woocommerce ul.valkivid-grid_2-6-4.products.columns-3, .woocommerce ul.valkivid-grid_2-6-4.products.columns-4 { grid-template-columns: 100%; } } /** * Small Screens, Laptops (769px — 1024px) */ @media screen and (max-width: 1024px) { .valkivid-grid.valkivid-grid_3-3-3-3, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-2, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-3, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(3, 1fr); } .valkivid-grid.valkivid-grid_4-4-4, .woocommerce ul.valkivid-grid_4-4-4.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce ul.valkivid-grid_4-4-4.products.columns-4 { grid-template-columns: repeat(2, 1fr); } } /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-grid.valkivid-grid_3-3-3-3, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-2, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-3, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(2, 1fr); } } /** * Mobiles Devices (320px — 480px) */ @media screen and (max-width: 480px) { .valkivid-grid.valkivid-grid_3-3-3-3, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-2, .woocommerce ul.valkivid-grid_3-3-3-3.products.columns-3, .woocommerce ul.products.columns-4, .valkivid-grid.valkivid-grid_4-4-4, .woocommerce ul.valkivid-grid_4-4-4.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce ul.valkivid-grid_4-4-4.products.columns-4, .valkivid-grid.valkivid-grid_6-6, .woocommerce ul.products.columns-2, .woocommerce ul.valkivid-grid_6-6.products.columns-3, .woocommerce ul.valkivid-grid_6-6.products.columns-4 { grid-template-columns: 1fr; } } /*------------------------------------------------------------------ [Table of contents] 1. Overlay -------------------------------------------------------------------*/ /** * 1. Overlay */ .valkivid-overlay { width: 100%; height: 100%; background-color: var(--valkivid-overlay-background-color); position: fixed; top: 0; left: 0; z-index: 100; opacity: 0; visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -webkit-animation: fadeIn .3s ease-in-out; animation: fadeIn .3s ease-in-out; } .valkivid-overlay.valkivid-overlay_active { opacity: 1; visibility: visible; } /*------------------------------------------------------------------ [Table of contents] 1. Header 2. Header Inner 3. Header Actions 4. Header Link 5. Header Icon Link 6. Header Icon -------------------------------------------------------------------*/ /** * 1. Header */ .valkivid-header { display: flex; justify-content: space-between; align-items: center; min-height: 90px; background-color: var(--valkivid-header-background-color); width: 100%; position: sticky; top: 0; z-index: 99; transition: transform .15s ease-out; } .valkivid-header.valkivid-header--hidden { transform: translateY(-100%); } .valkivid-header.valkivid-template_streamer-v1 { padding: 0 90px; } .valkivid-header.valkivid-template_streamer-v1 .valkivid-brand-text { margin-right: 10px; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-header.valkivid-template_streamer-v2 { padding: 0 40px; } .valkivid-header.valkivid-template_streamer-v2 .valkivid-header-link { text-transform: uppercase; } .valkivid-header.valkivid-template_vlogger-v1 .valkivid-brand-text { font-size: var(--valkivid-font-size-26); } .valkivid-header.valkivid-template_vlogger-v1 .valkivid-navigation { position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 99; } .valkivid-header.valkivid-template_vlogger-v1 .valkivid-navigation-mobile_trigger:focus .valkivid-burger-line { background-color: var(--valkivid-header-icon-focus-color); } .valkivid-header .valkivid-navigation-mobile_trigger:focus .valkivid-burger-line { background-color: var(--valkivid-global-primary-color); } .valkivid-header .valkivid-brand-text { color: var(--valkivid-header-brand-text-color); } .valkivid-header .valkivid-logo-mobile { display: none; } .valkivid-header .custom-logo-link { display: flex; } .valkivid-header .valkivid-social-network-item-icon { fill: var(--valkivid-header-icon-color); } .valkivid-header .valkivid-social-network-item-icon:hover { fill: var(--valkivid-header-icon-hover-color); } .valkivid-header .valkivid-social-network-item-link:focus .valkivid-social-network-item-icon { fill: var(--valkivid-header-icon-focus-color); } .valkivid-header .valkivid-dropdown-trigger:focus .valkivid-dropdown-trigger-icon { fill: var(--valkivid-header-icon-focus-color); } .valkivid-header .valkivid-dropdown-trigger-icon { fill: var(--valkivid-header-icon-color); } .valkivid-header .valkivid-dropdown-content { top: 42px; right: 0; } .valkivid-header .valkivid-burger { margin-right: 12px; display: none; } .valkivid-header .valkivid-burger .valkivid-burger-line { background-color: var(--valkivid-header-icon-color); } /** * 2. Header Inner */ .valkivid-header-inner { display: flex; justify-content: space-between; align-items: center; } /** * 3. Header Actions */ .valkivid-header-actions { display: flex; justify-content: space-between; align-items: center; /** * Social Network List */ } .valkivid-header-actions.valkivid-header-actions_spaced > * { margin-left: 22px; } .valkivid-header-actions.valkivid-header-actions_spaced > *:first-child { margin-left: 0; } .valkivid-header-actions .valkivid-social-network-list { margin-right: 18px; } /** * 4. Header Link */ .valkivid-header-link { color: var(--valkivid-header-link-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; transition: color .2s ease-in-out; } .valkivid-header-link:hover, .valkivid-header-link:focus { color: var(--valkivid-header-link-hover-color); } /** * 5. Header Icon Link */ .valkivid-header-icon-link:focus .valkivid-header-icon { fill: var(--valkivid-header-icon-focus-color); } /** * 6. Header Icon */ .valkivid-header-icon { fill: var(--valkivid-header-icon-color); } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-header { min-height: 60px; } .valkivid-header.valkivid-template_streamer-v1, .valkivid-header.valkivid-template_streamer-v2 { padding: 0 22px; } .valkivid-header.valkivid-template_streamer-v1 .valkivid-brand-text { font-size: var(--valkivid-font-size-24); } .valkivid-header.valkivid-template_vlogger-v1 .valkivid-brand-text { font-size: var(--valkivid-font-size-22); } .valkivid-header .valkivid-burger { display: block; } .valkivid-header .valkivid-logo-mobile { display: flex; } .valkivid-header .valkivid-social-network-list, .valkivid-header .custom-logo-link { display: none; } .valkivid-header .valkivid-dropdown-trigger-icon { width: 22px; height: 22px; } .valkivid-header .valkivid-navigation .valkivid-navigation-menu { display: none; } .valkivid-header-inner { width: 100%; max-width: 100%; } #valkivid-account-dropdown-container { display: none; } } /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ @media screen and (max-width: 480px) { .valkivid-header .valkivid-button_subscribe { display: none; } } /*------------------------------------------------------------------ [Table of contents] 1. Search Overlay 2. Search Overlay Form 3. Search Overlay Text -------------------------------------------------------------------*/ /** * 1. Search Overlay */ .valkivid-search-overlay { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; background-color: var(--valkivid-search-overlay-background-color); position: fixed; top: 0; left: 0; z-index: 105; display: none; } .valkivid-search-overlay.valkivid-search-overlay_active { display: flex; } .valkivid-search-overlay.valkivid-template_vlogger input[type="text"] { letter-spacing: var(--valkivid-vlogger-letter-spacing); } .valkivid-search-overlay .valkivid-cross { position: absolute; top: 100px; right: 120px; } .valkivid-search-overlay .valkivid-cross::before, .valkivid-search-overlay .valkivid-cross::after { background-color: var(--valkivid-search-overlay-icon-color); } .valkivid-search-overlay .valkivid-cross:focus::before, .valkivid-search-overlay .valkivid-cross:focus::after { background-color: var(--valkivid-search-overlay-icon-focus-color); } .valkivid-search-overlay .valkivid-search-overlay-text { margin-top: 46px; } /** * 2. Search Overlay Form */ .valkivid-search-overlay-form { width: 95%; max-width: 830px; } .valkivid-search-overlay-form input[type="text"] { width: 100%; padding: 0 16px 32px 16px; border-bottom: 1px solid var(--valkivid-search-overlay-input-border-color); background-color: transparent; color: var(--valkivid-search-overlay-input-color); font-family: var(--valkivid-font-family); font-size: var(--valkivid-font-size-48); font-weight: var(--valkivid-font-weight-bold); text-align: center; } .valkivid-search-overlay-form ::-moz-placeholder { color: inherit; } .valkivid-search-overlay-form :-ms-input-placeholder { color: inherit; } .valkivid-search-overlay-form ::placeholder { color: inherit; } /** * 3. Search Overlay Text */ .valkivid-search-overlay-text { padding: 0 22px; color: var(--valkivid-search-overlay-text-color); font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-22-16); font-weight: var(--valkivid-font-weight-medium); text-align: center; } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-search-overlay .valkivid-cross { right: 22px; } } /** * Small Screens, Laptops (769px — 1024px) */ @media screen and (max-width: 1024px) { .valkivid-search-overlay-form input[type="text"] { font-size: var(--valkivid-font-size-36); padding-bottom: 16px; } } /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ @media screen and (max-width: 480px) { .valkivid-search-overlay-form input[type="text"] { font-size: var(--valkivid-font-size-24); } } /*------------------------------------------------------------------ [Table of contents] 1. Navigation 1.1. Navigation Menu 1.2. Navigation Menu Item Link Decoration 2. Navigation List 2.1. Navigation Item Link 2.2. Navigation List Title 3. Navigation Mobile 3.1. Navigation Mobile Menu 4. Navigation Flat 4.1. Navigation Flat Menu 5. Navigation Split 5.1. Navigation Split Menu 6. Navigation Pager 7. Navigation Breadcrumbs 7.1. Navigation Breadcrumbs Menu 7.1.1. Navigation Breadcrumbs Menu Item 7.1.2. Navigation Breadcrumbs Menu Link -------------------------------------------------------------------*/ /** * 1. Navigation */ .valkivid-navigation { display: flex; align-items: center; } /** * 1.1. Navigation Menu */ .valkivid-navigation-menu { display: flex; align-items: center; padding: 0 20px; list-style: none; } .valkivid-navigation-menu.valkivid-template_streamer-v1 > .menu-item { padding: 0 30px 0 12px; } .valkivid-navigation-menu.valkivid-template_streamer-v2 > .menu-item, .valkivid-navigation-menu.valkivid-template_vlogger-v1 > .menu-item, .valkivid-navigation-menu.valkivid-template_vlogger-v2 > .menu-item { padding: 0 20px; } .valkivid-navigation-menu.valkivid-template_streamer-v2 > .menu-item:hover > a::after, .valkivid-navigation-menu.valkivid-template_streamer-v2 > .menu-item:focus-within > a::after, .valkivid-navigation-menu.valkivid-template_vlogger-v1 > .menu-item:hover > a::after, .valkivid-navigation-menu.valkivid-template_vlogger-v1 > .menu-item:focus-within > a::after, .valkivid-navigation-menu.valkivid-template_vlogger-v2 > .menu-item:hover > a::after, .valkivid-navigation-menu.valkivid-template_vlogger-v2 > .menu-item:focus-within > a::after { transform: translate(0, 0); visibility: visible; } .valkivid-navigation-menu.valkivid-template_streamer-v2 > .menu-item > a, .valkivid-navigation-menu.valkivid-template_vlogger-v1 > .menu-item > a, .valkivid-navigation-menu.valkivid-template_vlogger-v2 > .menu-item > a { padding-right: 1px; overflow: hidden; position: relative; } .valkivid-navigation-menu.valkivid-template_streamer-v2 > .menu-item > a::after, .valkivid-navigation-menu.valkivid-template_vlogger-v1 > .menu-item > a::after, .valkivid-navigation-menu.valkivid-template_vlogger-v2 > .menu-item > a::after { content: ''; width: 100%; height: 2px; background-color: var(--valkivid-navigation-menu-link-hover-color); position: absolute; bottom: 10px; transform: translate(-100%, 0); visibility: hidden; transition: transform .15s ease-in-out, visibility .15s ease-in-out; pointer-events: none; } .valkivid-navigation-menu.valkivid-template_streamer-v2 > .menu-item > a:hover::after, .valkivid-navigation-menu.valkivid-template_vlogger-v1 > .menu-item > a:hover::after, .valkivid-navigation-menu.valkivid-template_vlogger-v2 > .menu-item > a:hover::after { transform: translate(0, 0); visibility: visible; } .valkivid-navigation-menu.valkivid-template_streamer-v2 .menu-item a { font-size: var(--valkivid-font-size-16); text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-navigation-menu.valkivid-template_streamer-v2 .sub-menu { top: 46px; } .valkivid-navigation-menu.valkivid-template_vlogger-v1 .sub-menu, .valkivid-navigation-menu.valkivid-template_vlogger-v2 .sub-menu { top: 46px; padding: 20px 0; } .valkivid-navigation-menu.valkivid-template_vlogger-v1 .sub-menu .menu-item.menu-item-has-children > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron, .valkivid-navigation-menu.valkivid-template_vlogger-v2 .sub-menu .menu-item.menu-item-has-children > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { right: 28px; } .valkivid-navigation-menu.valkivid-template_vlogger-v1 .sub-menu .menu-item a, .valkivid-navigation-menu.valkivid-template_vlogger-v2 .sub-menu .menu-item a { padding: 6px 70px 6px 28px; } .valkivid-navigation-menu.valkivid-template_vlogger-v1 .sub-menu .menu-item .sub-menu, .valkivid-navigation-menu.valkivid-template_vlogger-v2 .sub-menu .menu-item .sub-menu { top: -20px; } .valkivid-navigation-menu.valkivid-template_vlogger-v1 > .menu-item { padding: 0 23px; } .valkivid-navigation-menu .menu-item { display: flex; position: relative; } .valkivid-navigation-menu .menu-item a { display: flex; padding: 12px 0; color: var(--valkivid-navigation-menu-link-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; white-space: nowrap; transition: color .2s ease-in-out; } .valkivid-navigation-menu .menu-item a:hover, .valkivid-navigation-menu .menu-item a:focus { color: var(--valkivid-navigation-menu-link-hover-color); } .valkivid-navigation-menu .menu-item.menu-item-has-children > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign { display: block; } .valkivid-navigation-menu .menu-item.menu-item-has-children > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { display: block; } .valkivid-navigation-menu .menu-item:focus-within > .sub-menu, .valkivid-navigation-menu .menu-item:hover > .sub-menu { transform: translate(0, 0); visibility: visible; opacity: 1; pointer-events: auto; } .valkivid-navigation-menu .menu-item:focus-within > a .valkivid-navigation-menu-item-link-decoration.valkivid-pixelated-pyramid, .valkivid-navigation-menu .menu-item:hover > a .valkivid-navigation-menu-item-link-decoration.valkivid-pixelated-pyramid { visibility: visible; } .valkivid-navigation-menu .menu-item:focus-within > a .valkivid-navigation-menu-item-link-decoration.valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square, .valkivid-navigation-menu .menu-item:hover > a .valkivid-navigation-menu-item-link-decoration.valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square { background-color: var(--valkivid-navigation-menu-icon-hover-color); } .valkivid-navigation-menu .menu-item:focus-within > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before, .valkivid-navigation-menu .menu-item:hover > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before { background-color: var(--valkivid-navigation-menu-icon-hover-color); } .valkivid-navigation-menu .menu-item:focus-within > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::after, .valkivid-navigation-menu .menu-item:hover > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::after { display: none; } .valkivid-navigation-menu .menu-item:focus-within > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-menu .menu-item:focus-within > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after, .valkivid-navigation-menu .menu-item:hover > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-menu .menu-item:hover > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after { background-color: var(--valkivid-navigation-menu-icon-hover-color); } .valkivid-navigation-menu .sub-menu { padding: 10px 0; background-color: var(--valkivid-box-background-color); box-shadow: var(--valkivid-box-box-shadow); list-style: none; position: absolute; top: 36px; z-index: 99; transform: translate(0, -12px); opacity: 0; visibility: hidden; pointer-events: none; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out; } .valkivid-navigation-menu .sub-menu:focus-within { transform: translate(0, 0); visibility: visible; opacity: 1; pointer-events: auto; } .valkivid-navigation-menu .sub-menu .menu-item.menu-item-has-children > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign { position: absolute; top: 12px; left: auto; right: 22px; } .valkivid-navigation-menu .sub-menu .menu-item.menu-item-has-children > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { transform: rotate(-135deg) scale(0.85); position: absolute; top: 12px; left: auto; right: 22px; } .valkivid-navigation-menu .sub-menu .menu-item a { padding: 6px 60px 6px 22px; color: var(--valkivid-navigation-submenu-link-color); } .valkivid-navigation-menu .sub-menu .menu-item a:focus { color: var(--valkivid-navigation-submenu-link-hover-color); } .valkivid-navigation-menu .sub-menu .menu-item a .valkivid-navigation-menu-item-link-decoration { display: none; } .valkivid-navigation-menu .sub-menu .menu-item .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-menu .sub-menu .menu-item .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after, .valkivid-navigation-menu .sub-menu .menu-item .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before, .valkivid-navigation-menu .sub-menu .menu-item .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::after { background-color: var(--valkivid-navigation-submenu-icon-color); } .valkivid-navigation-menu .sub-menu .menu-item .sub-menu { top: -10px; left: 100%; transform: translate(-12px, 0); } .valkivid-navigation-menu .sub-menu .menu-item:focus-within > .sub-menu, .valkivid-navigation-menu .sub-menu .menu-item:hover > .sub-menu { transform: translate(0, 0); } .valkivid-navigation-menu .sub-menu .menu-item:focus-within > a, .valkivid-navigation-menu .sub-menu .menu-item:hover > a { color: var(--valkivid-navigation-submenu-link-hover-color); } .valkivid-navigation-menu .sub-menu .menu-item:focus-within > a .valkivid-navigation-menu-item-link-decoration.valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square, .valkivid-navigation-menu .sub-menu .menu-item:hover > a .valkivid-navigation-menu-item-link-decoration.valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square { background-color: var(--valkivid-navigation-submenu-icon-hover-color); } .valkivid-navigation-menu .sub-menu .menu-item:focus-within > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before, .valkivid-navigation-menu .sub-menu .menu-item:hover > a .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before { background-color: var(--valkivid-navigation-submenu-icon-hover-color); } .valkivid-navigation-menu .sub-menu .menu-item:focus-within > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-menu .sub-menu .menu-item:focus-within > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after, .valkivid-navigation-menu .sub-menu .menu-item:hover > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-menu .sub-menu .menu-item:hover > .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after { background-color: var(--valkivid-navigation-submenu-icon-hover-color); } /** * 1.2. Navigation Menu Item Link Decoration */ .valkivid-navigation-menu-item-link-decoration.valkivid-pixelated-pyramid { margin-right: 12px; position: relative; top: 4px; visibility: hidden; } .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign, .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { position: relative; display: none; } .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before, .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::after, .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after { background-color: var(--valkivid-navigation-menu-icon-color); transition: background-color .2s ease-in-out; } .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign { margin-left: 12px; top: 5px; } .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { margin-left: 8px; top: 18px; } .valkivid-navigation-list-container { padding: 20px 22px 20px 40px; background-color: var(--valkivid-box-background-color); } .valkivid-navigation-list-container.valkivid-template_streamer-v2 .valkivid-navigation-list-title { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-navigation-list-container.valkivid-template_vlogger-v1, .valkivid-navigation-list-container.valkivid-template_vlogger-v2 { padding-right: 28px; } .valkivid-navigation-list-container.valkivid-navigation-list-container_align-right .valkivid-navigation-list-title { text-align: right; } .valkivid-navigation-list-container.valkivid-navigation-list-container_align-right .valkivid-navigation-list { align-items: flex-end; } .valkivid-navigation-list-container .valkivid-navigation-list-title { margin: 28px 0 12px; color: var(--valkivid-text-primary-color); } .valkivid-navigation-list-container .valkivid-navigation-list-title:first-child { margin-top: 6px; } /** * 2. Navigation List */ .valkivid-navigation-list { display: flex; flex-direction: column; list-style: none; } .valkivid-navigation-list.valkivid-template_streamer-v2 .valkivid-navigation-item-link { font-size: var(--valkivid-font-size-16); text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } /** * 2.1. Navigation Item Link */ .valkivid-navigation-item-link { display: block; padding: 6px 0; color: var(--valkivid-navigation-submenu-link-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; white-space: nowrap; transition: color .2s ease-in-out; } .valkivid-navigation-item-link:focus, .valkivid-navigation-item-link:hover { color: var(--valkivid-navigation-submenu-link-hover-color); } /** * 2.2. Navigation List Title */ .valkivid-navigation-list-title { font-size: var(--valkivid-font-size-14); } /** * 3. Navigation Mobile */ .valkivid-navigation-mobile { min-width: 200px; height: 100%; padding: 22px 22px 200px; overflow-y: auto; background-color: var(--valkivid-navigation-mobile-background-color); position: fixed; top: 0; left: 0; z-index: 101; opacity: 0; visibility: hidden; transform: translate(-100%, 0); transition: transform .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; } .valkivid-navigation-mobile.valkivid-navigation-mobile_clone { height: 0; transform: none; } .valkivid-navigation-mobile.valkivid-navigation-mobile_clone .valkivid-navigation-mobile-menu .sub-menu { display: block; } .valkivid-navigation-mobile.valkivid-navigation-mobile_active { opacity: 1; visibility: visible; transform: translate(0, 0); } .valkivid-navigation-mobile.valkivid-template_streamer-v1 .valkivid-brand-text { font-size: var(--valkivid-font-size-24); letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-navigation-mobile.valkivid-template_streamer-v2 .valkivid-navigation-list-title { text-transform: uppercase; } .valkivid-navigation-mobile.valkivid-template_vlogger-v1 .valkivid-brand-text { font-size: var(--valkivid-font-size-20); } .valkivid-navigation-mobile .valkivid-brand-text { color: var(--valkivid-navigation-mobile-brand-text-color); } .valkivid-navigation-mobile .valkivid-cross::before, .valkivid-navigation-mobile .valkivid-cross::after { background-color: var(--valkivid-navigation-mobile-icon-color); } .valkivid-navigation-mobile .valkivid-navigation-mobile_trigger { position: absolute; top: 18px; right: 18px; } .valkivid-navigation-mobile .valkivid-navigation-mobile_trigger:focus.valkivid-cross::before, .valkivid-navigation-mobile .valkivid-navigation-mobile_trigger:focus.valkivid-cross::after { background-color: var(--valkivid-global-primary-color); } .valkivid-navigation-mobile .valkivid-navigation-mobile-menu { margin-top: 16px; } .valkivid-navigation-mobile .valkivid-social-network-list { margin-top: 28px; } .valkivid-navigation-mobile .valkivid-social-network-item-icon { fill: var(--valkivid-navigation-mobile-icon-color); } .valkivid-navigation-mobile .valkivid-social-network-item-icon:hover { fill: var(--valkivid-navigation-mobile-icon-hover-color); } .valkivid-navigation-mobile .valkivid-social-network-item-link:focus .valkivid-social-network-item-icon { fill: var(--valkivid-navigation-mobile-icon-hover-color); } .valkivid-navigation-mobile .valkivid-navigation-list-container { padding: 0; } .valkivid-navigation-mobile .valkivid-navigation-list-title { margin: 28px 0 20px; } .valkivid-navigation-mobile .valkivid-navigation-list-title:first-child { margin-top: 28px; } .valkivid-navigation-mobile .valkivid-navigation-list.valkivid-template_streamer-v2 .valkivid-navigation-item-link { font-size: var(--valkivid-font-size-14); } .valkivid-navigation-mobile .valkivid-button, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-navigation-mobile a.button, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-navigation-mobile a.button, .valkivid-navigation-mobile .valkivid-membership-preview-notice, .valkivid-navigation-mobile .pmpro_btn { width: 100%; margin-top: 40px; } .valkivid-navigation-mobile .valkivid-button.valkivid-button_subscribe, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-button_subscribe.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-navigation-mobile a.valkivid-button_subscribe.button, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-button_subscribe.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-navigation-mobile a.valkivid-button_subscribe.button, .valkivid-navigation-mobile .valkivid-button_subscribe.valkivid-membership-preview-notice, .valkivid-navigation-mobile .valkivid-button_subscribe.pmpro_btn { display: none; width: auto; margin-top: 20px; } .valkivid-navigation-mobile .valkivid-button + .valkivid-social-network-list, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-table--order-downloads a.button + .valkivid-social-network-list, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-navigation-mobile a.button + .valkivid-social-network-list, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-orders-table a.button + .valkivid-social-network-list, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-navigation-mobile a.button + .valkivid-social-network-list, .valkivid-navigation-mobile .valkivid-membership-preview-notice + .valkivid-social-network-list, .valkivid-navigation-mobile .pmpro_btn + .valkivid-social-network-list, .valkivid-navigation-mobile .pmpro_cancel_wrap .pmpro_btn + .valkivid-social-network-list { margin-top: 70px; } /** * 3.1. Navigation Mobile Menu */ .valkivid-navigation-mobile-menu { list-style: none; } .valkivid-navigation-mobile-menu.valkivid-template_streamer-v2 .menu-item a { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-navigation-mobile-menu .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before, .valkivid-navigation-mobile-menu .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::after, .valkivid-navigation-mobile-menu .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-mobile-menu .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after { background-color: var(--valkivid-navigation-mobile-menu-icon-color); } .valkivid-navigation-mobile-menu .menu-item:focus-within > a + .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before, .valkivid-navigation-mobile-menu .menu-item.valkivid-navigation-mobile-menu-item_active > a + .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::before { background-color: var(--valkivid-navigation-mobile-menu-icon-hover-color); } .valkivid-navigation-mobile-menu .menu-item:focus-within > a + .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::after, .valkivid-navigation-mobile-menu .menu-item.valkivid-navigation-mobile-menu-item_active > a + .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign::after { display: none; } .valkivid-navigation-mobile-menu .menu-item:focus-within > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron, .valkivid-navigation-mobile-menu .menu-item.valkivid-navigation-mobile-menu-item_active > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { transform: rotate(-135deg); } .valkivid-navigation-mobile-menu .menu-item:focus-within > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-mobile-menu .menu-item:focus-within > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after, .valkivid-navigation-mobile-menu .menu-item.valkivid-navigation-mobile-menu-item_active > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::before, .valkivid-navigation-mobile-menu .menu-item.valkivid-navigation-mobile-menu-item_active > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron::after { background-color: var(--valkivid-navigation-mobile-menu-icon-hover-color); } .valkivid-navigation-mobile-menu .menu-item:focus-within > .sub-menu, .valkivid-navigation-mobile-menu .menu-item.valkivid-navigation-mobile-menu-item_active > .sub-menu { display: block; } .valkivid-navigation-mobile-menu .menu-item:focus-within.menu-item-has-children > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron, .valkivid-navigation-mobile-menu .menu-item.valkivid-navigation-mobile-menu-item_active.menu-item-has-children > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { top: -2px; } .valkivid-navigation-mobile-menu .menu-item a { display: inline-block; padding: 8px 0; color: var(--valkivid-navigation-mobile-menu-link-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; white-space: nowrap; transition: color .2s ease-in-out; } .valkivid-navigation-mobile-menu .menu-item a:hover, .valkivid-navigation-mobile-menu .menu-item a:focus { color: var(--valkivid-navigation-mobile-menu-link-hover-color); } .valkivid-navigation-mobile-menu .menu-item.menu-item-has-children > a + .valkivid-navigation-menu-item-link-decoration { cursor: pointer; } .valkivid-navigation-mobile-menu .menu-item.menu-item-has-children > a + .valkivid-navigation-menu-item-link-decoration.valkivid-plus-sign { display: inline-block; top: -1px; } .valkivid-navigation-mobile-menu .menu-item.menu-item-has-children > a + .valkivid-navigation-menu-item-link-decoration.valkivid-chevron { display: inline-block; top: -3px; } .valkivid-navigation-mobile-menu .sub-menu { padding-left: 12px; list-style: none; display: none; } /** * 4. Navigation Flat */ /** * 4.1. Navigation Flat Menu */ .valkivid-navigation-flat-menu { list-style: none; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v1 { -moz-column-width: 170px; column-width: 170px; -moz-column-gap: 30px; column-gap: 30px; -moz-column-count: 3; column-count: 3; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v1 .menu-item, .valkivid-navigation-flat-menu.valkivid-template_streamer-v1 .sub-menu { margin-top: 22px; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v1 .menu-item:first-child { margin-top: 0; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v2 { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -8px; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v2 .menu-item { margin-top: 8px; margin-right: 40px; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v2 .menu-item:last-child { margin-right: 0; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v2 .menu-item a { font-size: var(--valkivid-font-size-16); text-transform: uppercase; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v2 .menu-item, .valkivid-navigation-flat-menu.valkivid-template_streamer-v2 .sub-menu { display: flex; } .valkivid-navigation-flat-menu.valkivid-template_streamer-v2 .sub-menu { margin-left: 40px; margin-top: -8px; } .valkivid-navigation-flat-menu.valkivid-template_vlogger-v1, .valkivid-navigation-flat-menu.valkivid-template_vlogger-v2 { -moz-column-width: 170px; column-width: 170px; -moz-column-gap: 30px; column-gap: 30px; -moz-column-count: 2; column-count: 2; } .valkivid-navigation-flat-menu.valkivid-template_vlogger-v1 .menu-item, .valkivid-navigation-flat-menu.valkivid-template_vlogger-v1 .sub-menu, .valkivid-navigation-flat-menu.valkivid-template_vlogger-v2 .menu-item, .valkivid-navigation-flat-menu.valkivid-template_vlogger-v2 .sub-menu { margin-top: 12px; } .valkivid-navigation-flat-menu.valkivid-template_vlogger-v1 .menu-item:first-child, .valkivid-navigation-flat-menu.valkivid-template_vlogger-v2 .menu-item:first-child { margin-top: 0; } .valkivid-navigation-flat-menu .menu-item a { font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; white-space: nowrap; transition: color .2s ease-in-out; } .valkivid-navigation-flat-menu .sub-menu { list-style: none; } /** * 5. Navigation Split */ /** * 5.1. Navigation Split Menu */ .valkivid-navigation-split-menu { display: flex; flex-wrap: wrap; list-style: none; } .valkivid-navigation-split-menu.valkivid-template_streamer-v1 .menu-item a, .valkivid-navigation-split-menu.valkivid-template_streamer-v2 .menu-item a { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-navigation-split-menu .menu-item, .valkivid-navigation-split-menu .sub-menu { display: flex; flex-wrap: wrap; } .valkivid-navigation-split-menu > .menu-item:first-child::before { display: none; } .valkivid-navigation-split-menu .menu-item::before { content: '|'; margin: 0 12px; font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } .valkivid-navigation-split-menu .menu-item a { font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; white-space: nowrap; transition: color .2s ease-in-out; } .valkivid-navigation-split-menu .menu-item a:focus { text-decoration: underline; } .valkivid-navigation-split-menu .sub-menu { list-style: none; } /** * 6. Navigation Pager */ .navigation { display: flex; justify-content: center; } .navigation.post-navigation { display: block; } .navigation.post-navigation .nav-links { display: block; } .navigation.post-navigation .nav-links a { display: block; color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-18-16); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; overflow-wrap: break-word; transition: color .2s ease-in-out; } .navigation.post-navigation .nav-links a:hover, .navigation.post-navigation .nav-links a:focus { color: var(--valkivid-global-primary-color); } .navigation.post-navigation .nav-links::after { content: ''; display: table; clear: both; } .navigation.post-navigation .nav-previous { float: left; } .navigation.post-navigation .nav-next { float: right; text-align: right; } .navigation.valkivid-template_streamer-v1, .navigation.valkivid-template_streamer-v2 { margin-top: 100px; } .navigation.valkivid-template_streamer-v1 .post-page-numbers, .navigation.valkivid-template_streamer-v1 .page-numbers, .navigation.valkivid-template_streamer-v2 .post-page-numbers, .navigation.valkivid-template_streamer-v2 .page-numbers { width: 50px; height: 50px; } .navigation.valkivid-template_streamer-v1 .post-page-numbers:focus, .navigation.valkivid-template_streamer-v1 .post-page-numbers.current, .navigation.valkivid-template_streamer-v1 .page-numbers:focus, .navigation.valkivid-template_streamer-v1 .page-numbers.current, .navigation.valkivid-template_streamer-v2 .post-page-numbers:focus, .navigation.valkivid-template_streamer-v2 .post-page-numbers.current, .navigation.valkivid-template_streamer-v2 .page-numbers:focus, .navigation.valkivid-template_streamer-v2 .page-numbers.current { background-color: var(--valkivid-global-primary-color); border-color: var(--valkivid-global-primary-color); } .navigation.valkivid-template_streamer-v1 .post-page-numbers:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .navigation.valkivid-template_streamer-v1 .page-numbers:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .navigation.valkivid-template_streamer-v2 .post-page-numbers:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .navigation.valkivid-template_streamer-v2 .page-numbers:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel { background-color: var(--valkivid-navigation-pager-link-current-color); } .navigation.valkivid-template_streamer-v1 .valkivid-chevron-pixelated .valkivid-chevron-pixel, .navigation.valkivid-template_streamer-v2 .valkivid-chevron-pixelated .valkivid-chevron-pixel { background-color: var(--valkivid-navigation-pager-link-color); } .navigation.valkivid-template_streamer-v1 .post-page-numbers, .navigation.valkivid-template_streamer-v1 .page-numbers { background-color: var(--valkivid-body-background-color); border: 1px solid var(--valkivid-border-color); } .navigation.valkivid-template_streamer-v2 .post-page-numbers, .navigation.valkivid-template_streamer-v2 .page-numbers { background-color: var(--valkivid-box-background-color); } .navigation.valkivid-template_vlogger-v1, .navigation.valkivid-template_vlogger-v2 { margin-top: 120px; } .navigation.valkivid-template_vlogger-v1 .post-page-numbers, .navigation.valkivid-template_vlogger-v1 .page-numbers, .navigation.valkivid-template_vlogger-v2 .post-page-numbers, .navigation.valkivid-template_vlogger-v2 .page-numbers { width: 32px; height: 32px; background-color: var(--valkivid-body-background-color); } .navigation.valkivid-template_vlogger-v1 .post-page-numbers:focus .valkivid-chevron::before, .navigation.valkivid-template_vlogger-v1 .post-page-numbers:focus .valkivid-chevron::after, .navigation.valkivid-template_vlogger-v1 .page-numbers:focus .valkivid-chevron::before, .navigation.valkivid-template_vlogger-v1 .page-numbers:focus .valkivid-chevron::after, .navigation.valkivid-template_vlogger-v2 .post-page-numbers:focus .valkivid-chevron::before, .navigation.valkivid-template_vlogger-v2 .post-page-numbers:focus .valkivid-chevron::after, .navigation.valkivid-template_vlogger-v2 .page-numbers:focus .valkivid-chevron::before, .navigation.valkivid-template_vlogger-v2 .page-numbers:focus .valkivid-chevron::after { background-color: var(--valkivid-navigation-pager-link-current-color); } .navigation.valkivid-template_vlogger-v1 .valkivid-chevron::before, .navigation.valkivid-template_vlogger-v1 .valkivid-chevron::after, .navigation.valkivid-template_vlogger-v2 .valkivid-chevron::before, .navigation.valkivid-template_vlogger-v2 .valkivid-chevron::after { background-color: var(--valkivid-navigation-pager-link-color); } .navigation .nav-links { display: flex; } .navigation .post-page-numbers, .navigation .page-numbers { display: flex; justify-content: center; align-items: center; margin-right: 12px; color: var(--valkivid-navigation-pager-link-color); font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .navigation .post-page-numbers:focus, .navigation .post-page-numbers.current, .navigation .page-numbers:focus, .navigation .page-numbers.current { color: var(--valkivid-navigation-pager-link-current-color); } .navigation .post-page-numbers:last-child, .navigation .page-numbers:last-child { margin-right: 0; } /** * 7. Navigation Breadcrumbs */ .valkivid-navigation-breadcrumbs.valkivid-template_streamer-v1 .valkivid-navigation-breadcrumbs-menu-item.valkivid-navigation-breadcrumbs-menu-item_active .valkivid-navigation-breadcrumbs-menu-link { font-weight: var(--valkivid-font-weight-medium); } .valkivid-navigation-breadcrumbs.valkivid-template_streamer-v1 .valkivid-navigation-breadcrumbs-menu-link { font-size: var(--valkivid-font-size-18); } .valkivid-navigation-breadcrumbs.valkivid-template_vlogger-v1 .valkivid-navigation-breadcrumbs-menu-item::before, .valkivid-navigation-breadcrumbs.valkivid-template_vlogger-v2 .valkivid-navigation-breadcrumbs-menu-item::before { content: '|'; margin: 0 12px; font-weight: var(--valkivid-font-weight-bold); } .valkivid-navigation-breadcrumbs.valkivid-template_vlogger-v1 .valkivid-navigation-breadcrumbs-menu-item:first-child::before, .valkivid-navigation-breadcrumbs.valkivid-template_vlogger-v2 .valkivid-navigation-breadcrumbs-menu-item:first-child::before { display: none; } .valkivid-navigation-breadcrumbs.valkivid-template_vlogger-v1 .valkivid-navigation-breadcrumbs-menu { justify-content: center; } .valkivid-navigation-breadcrumbs.valkivid-template_vlogger-v1 .valkivid-navigation-breadcrumbs-menu-item { font-size: var(--valkivid-font-size-12); text-transform: uppercase; } .valkivid-navigation-breadcrumbs.valkivid-template_vlogger-v2 .valkivid-navigation-breadcrumbs-menu-item { font-size: var(--valkivid-font-size-14); } /** * 7.1. Navigation Breadcrumbs Menu */ .valkivid-navigation-breadcrumbs-menu { display: flex; align-items: center; list-style: none; } .valkivid-navigation-breadcrumbs-menu .valkivid-chevron-pixelated { margin: 0 12px; } .valkivid-navigation-breadcrumbs-menu .valkivid-chevron-pixelated .valkivid-chevron-pixel { background-color: var(--valkivid-navigation-breadcrumbs-separator-color); } /** * 7.1.1. Navigation Breadcrumbs Menu Item */ .valkivid-navigation-breadcrumbs-menu-item { display: flex; align-items: center; } .valkivid-navigation-breadcrumbs-menu-item.valkivid-navigation-breadcrumbs-menu-item_active .valkivid-navigation-breadcrumbs-menu-link { color: var(--valkivid-navigation-breadcrumbs-menu-link-active-color); } .valkivid-navigation-breadcrumbs-menu-item::before { color: var(--valkivid-navigation-breadcrumbs-separator-color); } /** * 7.1.2. Navigation Breadcrumbs Menu Link */ .valkivid-navigation-breadcrumbs-menu-link { color: var(--valkivid-navigation-breadcrumbs-menu-link-color); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .valkivid-navigation-breadcrumbs-menu-link:focus { text-decoration: underline; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .navigation.valkivid-template_streamer-v1, .navigation.valkivid-template_streamer-v2, .navigation.valkivid-template_vlogger-v1, .navigation.valkivid-template_vlogger-v2 { margin-top: 60px; } .navigation.valkivid-template_streamer-v1 .post-page-numbers, .navigation.valkivid-template_streamer-v1 .page-numbers, .navigation.valkivid-template_streamer-v2 .post-page-numbers, .navigation.valkivid-template_streamer-v2 .page-numbers, .navigation.valkivid-template_vlogger-v1 .post-page-numbers, .navigation.valkivid-template_vlogger-v1 .page-numbers, .navigation.valkivid-template_vlogger-v2 .post-page-numbers, .navigation.valkivid-template_vlogger-v2 .page-numbers { width: auto; height: auto; padding: 4px 8px; } .navigation .post-page-numbers, .navigation .page-numbers { font-size: var(--valkivid-font-size-14); } } /** * Mobiles Devices (320px — 480px) */ @media screen and (max-width: 480px) { .valkivid-navigation-mobile .valkivid-button.valkivid-button_subscribe, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-table--order-downloads a.valkivid-button_subscribe.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-navigation-mobile a.valkivid-button_subscribe.button, .valkivid-navigation-mobile .woocommerce table.shop_table.woocommerce-orders-table a.valkivid-button_subscribe.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-navigation-mobile a.valkivid-button_subscribe.button, .valkivid-navigation-mobile .valkivid-button_subscribe.valkivid-membership-preview-notice, .valkivid-navigation-mobile .valkivid-button_subscribe.pmpro_btn { display: inline-flex; } } /*------------------------------------------------------------------ [Table of contents] 1. Content -------------------------------------------------------------------*/ /** * 1. Content */ /*------------------------------------------------------------------ [Table of contents] 1. Section 2. Section Title 3. Section Text -------------------------------------------------------------------*/ /** * 1. Section */ .valkivid-section.valkivid-template_streamer .valkivid-section-title { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-section.valkivid-template_streamer .valkivid-section-text { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-32-16); font-weight: var(--valkivid-font-weight-medium); } .valkivid-section.valkivid-template_vlogger .valkivid-section-text { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-32-18); } .valkivid-section-message { display: flex; flex-direction: column; align-items: center; } .valkivid-section-message .valkivid-section-text { max-width: 430px; margin-top: 32px; } .valkivid-section-message .valkivid-button, .valkivid-section-message .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-section-message a.button, .valkivid-section-message .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-section-message a.button, .valkivid-section-message .valkivid-membership-preview-notice, .valkivid-section-message .pmpro_btn { width: auto; margin-top: 60px; } /** * 2. Section Title */ .valkivid-section-title { color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-120); line-height: 1; } /** * 3. Section Text */ .valkivid-section-text { color: var(--valkivid-text-primary-color); text-align: center; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-section-title { font-size: var(--valkivid-font-size-64); } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Page Header 2. Page Header Title -------------------------------------------------------------------*/ /** * 1. Page Header */ .valkivid-page-header.valkivid-template_streamer-v1 .valkivid-page-header-title, .valkivid-page-header.valkivid-template_streamer-v2 .valkivid-page-header-title { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-page-header.valkivid-template_streamer-v1 { padding-top: 60px; padding-bottom: 140px; } .valkivid-page-header.valkivid-template_streamer-v1 .valkivid-page-header-title { display: flex; align-items: center; padding-left: 48px; font-size: var(--valkivid-font-size-84); position: relative; } .valkivid-page-header.valkivid-template_streamer-v1 .valkivid-page-header-title .valkivid-pixelated-pyramid { position: absolute; left: 0; } .valkivid-page-header.valkivid-template_streamer-v1 .valkivid-page-header-title .valkivid-pixelated-pyramid .valkivid-pixelated-pyramid-square { background-color: var(--valkivid-global-primary-color); } .valkivid-page-header.valkivid-template_streamer-v2 { padding-top: 100px; padding-bottom: 120px; } .valkivid-page-header.valkivid-template_streamer-v2 .valkivid-page-header-title { font-size: var(--valkivid-font-size-68); text-align: center; text-transform: uppercase; } .valkivid-page-header.valkivid-template_streamer-v2 .valkivid-page-header-title::before { content: '.'; margin-right: 12px; color: var(--valkivid-global-primary-color); } .valkivid-page-header.valkivid-template_vlogger-v1 { padding: 70px 22px; background-color: var(--valkivid-global-primary-color); } .valkivid-page-header.valkivid-template_vlogger-v1 + .valkivid-section { margin-top: 160px; } .valkivid-page-header.valkivid-template_vlogger-v1 .valkivid-page-header-title { font-size: var(--valkivid-font-size-48); text-align: center; } .valkivid-page-header.valkivid-template_vlogger-v1 .valkivid-navigation-breadcrumbs { margin-top: 20px; } .valkivid-page-header.valkivid-template_vlogger-v2 { padding-top: 50px; padding-bottom: 160px; } .valkivid-page-header.valkivid-template_vlogger-v2 .valkivid-page-header-title { font-size: var(--valkivid-font-size-64); } .valkivid-page-header .valkivid-navigation-breadcrumbs { margin-top: 12px; } /** * 2. Page Header Title */ .valkivid-page-header-title { color: var(--valkivid-page-header-title-color); font-weight: var(--valkivid-font-weight-bold); line-height: 1; } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-page-header.valkivid-template_streamer-v1, .valkivid-page-header.valkivid-template_streamer-v2, .valkivid-page-header.valkivid-template_vlogger-v1, .valkivid-page-header.valkivid-template_vlogger-v2 { padding-top: 40px; padding-bottom: 60px; } .valkivid-page-header.valkivid-template_streamer-v1 .valkivid-page-header-title, .valkivid-page-header.valkivid-template_streamer-v2 .valkivid-page-header-title, .valkivid-page-header.valkivid-template_vlogger-v1 .valkivid-page-header-title, .valkivid-page-header.valkivid-template_vlogger-v2 .valkivid-page-header-title { font-size: var(--valkivid-font-size-42); } .valkivid-page-header.valkivid-template_vlogger-v1 + .valkivid-section { margin-top: 80px; } } /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Search Results Header 2. Search Results Header Title -------------------------------------------------------------------*/ /** * 1. Search Results Header */ .valkivid-search-results-header { margin-bottom: 80px; } .valkivid-search-results-header.valkivid-template_streamer { letter-spacing: var(--valkivid-streamer-letter-spacing); } /** * 2. Search Results Header Title */ .valkivid-search-results-header-title { color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .valkivid-search-results-header-title strong { color: var(--valkivid-global-primary-color); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Branding -------------------------------------------------------------------*/ /** * 1. Branding */ .valkivid-brand-text { font-size: var(--valkivid-font-size-28); } .valkivid-brand-text a { color: inherit; text-decoration: none; } .valkivid-brand-text a:focus { text-decoration: underline; } /*------------------------------------------------------------------ [Table of contents] 1. Social Network List 2. Social Network Item Icon 3. Social Network Showcase 4. Social Network Showcase Item 5. Social Network Showcase Item Icon -------------------------------------------------------------------*/ /** * 1. Social Network List */ .valkivid-social-network-list { display: flex; list-style: none; } .valkivid-social-network-list .valkivid-social-network-item { margin-right: 18px; } .valkivid-social-network-list .valkivid-social-network-item:last-child { margin-right: 0; } .valkivid-social-network-list.valkivid-social-network-list_small .valkivid-social-network-item-icon { width: 12px; height: 12px; } /** * 2. Social Network Item Icon */ .valkivid-social-network-item-icon { width: 14px; height: 14px; } /** * 3. Social Network Showcase */ .valkivid-social-network-showcase { display: flex; flex-direction: column; list-style: none; } .valkivid-social-network-showcase .valkivid-social-network-showcase-item { margin-bottom: 36px; } .valkivid-social-network-showcase .valkivid-social-network-showcase-item:last-child { margin-bottom: 0; } /** * 4. Social Network Showcase Item Link */ .valkivid-social-network-showcase-item-link { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; } /** * 5. Social Network Showcase Item Icon */ .valkivid-social-network-showcase-item-icon { fill: var(--valkivid-social-network-showcase-icon-color); width: 12px; height: 12px; } /*------------------------------------------------------------------ [Table of contents] 1. Dropdown Container 2. Dropdown Content -------------------------------------------------------------------*/ /** * 1. Dropdown Container */ .valkivid-dropdown-container { position: relative; } .valkivid-dropdown-container.valkivid-dropdown-container_active .valkivid-dropdown-content { visibility: visible; opacity: 1; pointer-events: auto; transform: translate(0, 0); } .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation, .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation { padding-bottom: 22px; } .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-button, .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-membership-preview-notice, .valkivid-dropdown-container.valkivid-template_streamer-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .pmpro_btn, .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-button, .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-membership-preview-notice, .valkivid-dropdown-container.valkivid-template_streamer-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .pmpro_btn { margin: 0 22px; } .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation, .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation { padding-bottom: 26px; } .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-button, .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-membership-preview-notice, .valkivid-dropdown-container.valkivid-template_vlogger-v1 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .pmpro_btn, .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-button, .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation a.button, .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .valkivid-membership-preview-notice, .valkivid-dropdown-container.valkivid-template_vlogger-v2 .valkivid-dropdown-content.valkivid-dropdown-content_navigation .pmpro_btn { width: auto; margin: 0 28px; } /** * 2. Dropdown Content */ .valkivid-dropdown-content { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; z-index: 99; transform: translate(0, -10%); transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out; box-shadow: var(--valkivid-box-box-shadow); } .valkivid-dropdown-content.valkivid-dropdown-content_navigation { display: flex; flex-direction: column; background-color: var(--valkivid-box-background-color); } /*------------------------------------------------------------------ [Table of contents] 1. Widget StatCount 2. Widget StatCount Icon 3. Widget StatCount Overlay 4. Widget StatCount Title 5. Widget StatCount Text 6. Widget StreamerInfo 7. Widget StreamerInfo Pretitle 8. Widget StreamerInfo Title -------------------------------------------------------------------*/ /** * 1. Widget StatCount */ .valkivid-widget-statcount { position: relative; } .valkivid-widget-statcount .valkivid-widget-statcount-overlay { width: 100%; height: 100%; padding-top: 56px; position: absolute; top: 0; left: 0; } /** * 2. Widget StatCount Icon */ .valkivid-widget-statcount-icon.valkivid-icon_world-map { width: 100%; height: 197px; } /** * 3. Widget StatCount Overlay */ .valkivid-widget-statcount-overlay { display: flex; flex-direction: column; align-items: center; } /** * 4. Widget StatCount Title */ .valkivid-widget-statcount-title { font-size: var(--valkivid-font-size-26); font-weight: var(--valkivid-font-weight-bold); } .valkivid-widget-statcount-title + .valkivid-widget-statcount-text { margin-top: 8px; } /** * 5. Widget StatCount Text */ .valkivid-widget-statcount-text { font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } .valkivid-widget-statcount-text strong { color: var(--valkivid-global-primary-color); } /** * 6. Widget StreamerInfo */ /** * 7. Widget StreamerInfo Pretitle */ .valkivid-widget-streamerinfo-pretitle { font-size: var(--valkivid-font-size-22); font-weight: var(--valkivid-font-weight-bold); } .valkivid-widget-streamerinfo-pretitle + .valkivid-widget-streamerinfo-title { margin-top: -16px; } /** * 8. Widget StreamerInfo Title */ .valkivid-widget-streamerinfo-title { font-size: var(--valkivid-font-size-34); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; letter-spacing: -.1em; } /*------------------------------------------------------------------ [Table of contents] 1. Post Preview 1.1. Post Preview Metadata 1.2. Post Preview Title 1.3. Post Preview Excerpt 1.7. Post Preview Link -------------------------------------------------------------------*/ /** * 1. Post Preview */ .valkivid-post-preview.valkivid-template_streamer .valkivid-post-preview-thumbnail-container { margin-bottom: 30px; } .valkivid-post-preview.valkivid-template_streamer .valkivid-post-preview-title { margin-top: 8px; font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .valkivid-post-preview.valkivid-template_streamer .valkivid-post-preview-excerpt { line-height: var(--valkivid-line-height-32-16); } .valkivid-post-preview.valkivid-template_streamer .valkivid-post-preview-metadata .valkivid-taxonomy-list .valkivid-taxonomy-item:last-child { margin-right: 8px; } .valkivid-post-preview.valkivid-template_vlogger .valkivid-post-preview-thumbnail-container + .valkivid-post-preview-body { margin-top: -62px; margin-right: 42px; padding-top: 18px; position: relative; z-index: 2; } .valkivid-post-preview.valkivid-template_vlogger .valkivid-post-preview-body { background-color: var(--valkivid-body-background-color); padding-right: 18px; padding-bottom: 14px; } .valkivid-post-preview.valkivid-template_vlogger .valkivid-post-preview-title { margin-top: 16px; font-size: var(--valkivid-font-size-20); line-height: var(--valkivid-line-height-24-20); } .valkivid-post-preview.valkivid-template_vlogger .valkivid-date { margin-top: 18px; } .valkivid-post-preview.valkivid-template_vlogger .valkivid-post-preview-excerpt { line-height: var(--valkivid-line-height-28-16); } .valkivid-post-preview:not(.sticky) .valkivid-sticker { display: none; } .valkivid-post-preview.has-post-thumbnail { position: relative; } .valkivid-post-preview.has-post-thumbnail .valkivid-sticker { position: absolute; top: 0; left: 0; z-index: 2; } .valkivid-post-preview.has-post-thumbnail .valkivid-post-preview-metadata .valkivid-sticker { display: none; } .valkivid-post-preview:not(.has-post-thumbnail) .valkivid-sticker { display: none; } .valkivid-post-preview:not(.has-post-thumbnail) .valkivid-post-preview-metadata .valkivid-sticker { display: flex; } /** * 1.1. Post Preview Metadata */ .valkivid-post-preview-metadata { display: flex; flex-wrap: wrap; align-items: center; } .valkivid-post-preview-metadata .valkivid-sticker { width: 20px; height: 20px; } .valkivid-post-preview-metadata .valkivid-sticker .valkivid-sticker-icon { width: 10px; height: 12px; } /** * 1.2. Post Preview Title */ .valkivid-post-preview-title { word-break: break-word; } .valkivid-post-preview-title a { color: var(--valkivid-title-color); text-decoration: none; transition: color .2s ease-in-out; } .valkivid-post-preview-title a:hover, .valkivid-post-preview-title a:focus { color: var(--valkivid-global-primary-color); } /** * 1.3. Post Preview Excerpt */ .valkivid-post-preview-excerpt { margin-top: 32px; color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); overflow-wrap: break-word; } /** * 1.4. Post Preview Link */ .valkivid-post-preview-link { display: inline-block; margin-top: 32px; color: var(--valkivid-text-secondary-color); font-size: var(--valkivid-font-size-12); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; text-decoration: none; transition: color .2s ease-in-out; } .valkivid-post-preview-link:hover, .valkivid-post-preview-link:focus { color: var(--valkivid-text-bold-color); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Post Open 2. Post Open Main 3. Post Open Body 4. Post Open Metadata 5. Post Open Title 6. Post Open Content -------------------------------------------------------------------*/ /** * 1. Post Open */ .valkivid-post-open.valkivid-template_streamer { margin: 0 90px; } .valkivid-post-open.valkivid-template_streamer.valkivid-post-open_has-sidebar .valkivid-post-open-metadata { justify-content: flex-start; } .valkivid-post-open.valkivid-template_streamer.valkivid-post-open_has-sidebar .valkivid-post-open-title { margin: 18px 0 0; text-align: left; } .valkivid-post-open.valkivid-template_streamer.has-post-thumbnail { position: relative; } .valkivid-post-open.valkivid-template_streamer.has-post-thumbnail .valkivid-post-open-thumbnail-container { height: 660px; } .valkivid-post-open.valkivid-template_streamer.has-post-thumbnail .valkivid-post-open-body { margin-top: -356px; background-color: var(--valkivid-body-background-color); position: relative; z-index: 2; } .valkivid-post-open.valkivid-template_streamer .valkivid-date { font-size: var(--valkivid-font-size-18); } .valkivid-post-open.valkivid-template_streamer .valkivid-post-open-title { max-width: 570px; font-size: var(--valkivid-font-size-62); } .valkivid-post-open.valkivid-template_streamer .valkivid-post-open-content h1 { font-size: var(--valkivid-font-size-62); } .valkivid-post-open.valkivid-template_streamer .valkivid-comment-list-title { margin-top: 140px; } .valkivid-post-open.valkivid-template_vlogger.valkivid-post-open_has-sidebar .valkivid-taxonomy-list.valkivid-taxonomy-list_category { justify-content: flex-start; } .valkivid-post-open.valkivid-template_vlogger.valkivid-post-open_has-sidebar .valkivid-post-open-metadata { justify-content: flex-start; } .valkivid-post-open.valkivid-template_vlogger.valkivid-post-open_has-sidebar .valkivid-post-open-title { margin: 18px 0 0; text-align: left; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-open-body { padding-left: 0; padding-right: 0; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-open-content > * { margin-left: 100px; margin-right: 100px; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-open-content .wp-caption.alignleft, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-open-content .wp-block-gallery.alignleft { margin-right: 32px; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-open-title { padding-left: 22px; padding-right: 22px; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-taxonomy-list.valkivid-taxonomy-list_tag { margin-left: 100px; margin-right: 100px; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-author, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .post-navigation, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-comment-list-title, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-comment-list, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .comment-respond { margin-left: 100px; margin-right: 100px; } .valkivid-post-open.valkivid-template_vlogger .valkivid-post-open-body, .valkivid-post-open.valkivid-template_vlogger .valkivid-sidebar { padding-top: 120px; } .valkivid-post-open.valkivid-template_vlogger .valkivid-taxonomy-list.valkivid-taxonomy-list_category { justify-content: center; } .valkivid-post-open.valkivid-template_vlogger .valkivid-post-open-title { max-width: 670px; font-size: var(--valkivid-font-size-48); } .valkivid-post-open.valkivid-template_vlogger .valkivid-date { margin-top: 12px; font-size: var(--valkivid-font-size-16); } .valkivid-post-open.valkivid-template_vlogger .valkivid-post-open-thumbnail-container { margin-top: 60px; } .valkivid-post-open.valkivid-template_vlogger .valkivid-post-open-content h1 { font-size: var(--valkivid-font-size-48); } .valkivid-post-open.valkivid-template_vlogger .valkivid-comment-list-title { margin-top: 160px; } /** * 2. Post Open Main */ .valkivid-post-open-main { display: flex; justify-content: center; } .valkivid-post-open-main .valkivid-sidebar { padding-top: 100px; } /** * 3. Post Open Body */ .valkivid-post-open-body { width: 73.4848484848%; max-width: 970px; padding: 100px 100px 0; } .valkivid-post-open-body .valkivid-taxonomy-list_tag { margin-top: 60px; } .valkivid-post-open-body .navigation { margin-top: 40px; } .valkivid-post-open-body .navigation.post-navigation { margin-top: 100px; } .valkivid-post-open-body .navigation.post-navigation .nav-next, .valkivid-post-open-body .navigation.post-navigation .nav-previous { max-width: 240px; margin-top: 20px; } .valkivid-post-open-body .navigation.valkivid-comment-list-navigation { margin-top: 80px; } .valkivid-post-open-body .valkivid-post-author { margin-top: 80px; } /** * 4. Post Open Metadata */ .valkivid-post-open-metadata { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .valkivid-post-open-metadata .valkivid-taxonomy-list { margin-right: 8px; } /** * 5. Post Open Title */ .valkivid-post-open-title { margin: 18px auto 0; color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); line-height: 1em; text-align: center; overflow-wrap: break-word; } /** * 6. Post Open Content */ .valkivid-post-open-content { margin-top: 60px; } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-post-open.valkivid-template_streamer { margin: 0; } .valkivid-post-open.valkivid-template_streamer.has-post-thumbnail .valkivid-post-open-thumbnail-container { padding-top: 56.25%; height: auto; } .valkivid-post-open.valkivid-template_streamer.has-post-thumbnail .valkivid-post-open-body { margin-top: 0; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-open-content > * { margin-left: 22px; margin-right: 22px; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-taxonomy-list.valkivid-taxonomy-list_tag { margin-left: 22px; margin-right: 22px; } .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-post-author, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .post-navigation, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-comment-list-title, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .valkivid-comment-list, .valkivid-post-open.valkivid-template_vlogger:not(.valkivid-post-open_has-sidebar).has-post-thumbnail .comment-respond { margin-left: 22px; margin-right: 22px; } .valkivid-post-open.valkivid-template_vlogger .valkivid-post-open-body, .valkivid-post-open.valkivid-template_vlogger .valkivid-sidebar { padding-top: 60px; } .valkivid-post-open-main { display: block; } .valkivid-post-open-main .valkivid-post-open-body, .valkivid-post-open-main .valkivid-sidebar { width: 100%; max-width: 100%; padding: 60px 22px 0; } } /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-post-open.valkivid-template_streamer .valkivid-comment-list-title, .valkivid-post-open.valkivid-template_vlogger .valkivid-comment-list-title { margin-top: 100px; } .valkivid-post-open-body .valkivid-post-author { margin-top: 40px; } .valkivid-post-open-body .navigation.post-navigation { margin-top: 40px; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Post Author 2. Post Author Title 3. Post Author Subtitle 4. Post Author Description -------------------------------------------------------------------*/ /** * 1. Post Author */ .valkivid-post-author { background-color: var(--valkivid-post-author-background-color); } .valkivid-post-author.valkivid-template_streamer { min-height: 180px; padding: 60px; border: 1px solid var(--valkivid-post-author-border-color); } .valkivid-post-author.valkivid-template_streamer .avatar { float: left; margin-right: 26px; } .valkivid-post-author.valkivid-template_streamer .valkivid-post-author-title { font-size: var(--valkivid-font-size-24); line-height: var(--valkivid-line-height-36-24); } .valkivid-post-author.valkivid-template_streamer .valkivid-post-author-subtitle { margin-top: 4px; font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-16-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; } .valkivid-post-author.valkivid-template_streamer .valkivid-post-author-description { margin-top: 28px; line-height: var(--valkivid-line-height-36-18); clear: both; } .valkivid-post-author.valkivid-template_vlogger { min-height: 220px; padding: 60px 70px 70px 185px; position: relative; } .valkivid-post-author.valkivid-template_vlogger .avatar { position: absolute; top: 70px; left: 70px; } .valkivid-post-author.valkivid-template_vlogger .valkivid-post-author-title { font-size: var(--valkivid-font-size-22); line-height: var(--valkivid-line-height-42-22); } .valkivid-post-author.valkivid-template_vlogger .valkivid-post-author-subtitle { margin-top: 4px; font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-18-16); } .valkivid-post-author.valkivid-template_vlogger .valkivid-post-author-description { margin-top: 28px; line-height: var(--valkivid-line-height-32-18); } .valkivid-post-author .avatar { display: block; } /** * 2. Post Author Title */ .valkivid-post-author-title { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .valkivid-post-author-title:hover, .valkivid-post-author-title:focus { color: var(--valkivid-global-primary-color); } /** * 3. Post Author Subtitle */ .valkivid-post-author-subtitle { color: var(--valkivid-text-secondary-color); } /** * 4. Post Author Description */ .valkivid-post-author-description { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-18); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-post-author.valkivid-template_streamer, .valkivid-post-author.valkivid-template_vlogger { padding: 32px; } .valkivid-post-author.valkivid-template_streamer .avatar { float: none; margin-right: 0; } .valkivid-post-author.valkivid-template_vlogger .avatar { position: static; } .valkivid-post-author .avatar { margin-bottom: 12px; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Comment List 2. Comment List Title -------------------------------------------------------------------*/ /** * 1. Comment List */ .valkivid-comment-list { list-style: none; } .valkivid-comment-list.valkivid-template_streamer .comment-author .avatar { float: left; margin-right: 28px; } .valkivid-comment-list.valkivid-template_streamer .comment-author .fn { font-size: var(--valkivid-font-size-24); line-height: var(--valkivid-line-height-36-24); } .valkivid-comment-list.valkivid-template_streamer .comment-meta + * { clear: both; } .valkivid-comment-list.valkivid-template_streamer .comment-meta a { font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-16-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; } .valkivid-comment-list.valkivid-template_streamer .children { padding-left: 40px; } .valkivid-comment-list.valkivid-template_vlogger.valkivid-comment-list_show-avatars .comment .comment-body { padding-left: 116px; position: relative; } .valkivid-comment-list.valkivid-template_vlogger.valkivid-comment-list_show-avatars .comment-author .avatar { position: absolute; top: 8px; left: 0; } .valkivid-comment-list.valkivid-template_vlogger .comment-author .fn { font-size: var(--valkivid-font-size-22); line-height: var(--valkivid-line-height-42-22); } .valkivid-comment-list.valkivid-template_vlogger .comment-meta a { font-size: var(--valkivid-font-size-16); line-height: 1em; } .valkivid-comment-list.valkivid-template_vlogger .children { padding-left: 20px; } .valkivid-comment-list .comment, .valkivid-comment-list .pingback, .valkivid-comment-list .trackback { margin-bottom: 80px; } .valkivid-comment-list .comment:last-child, .valkivid-comment-list .pingback:last-child, .valkivid-comment-list .trackback:last-child { margin-bottom: 0; } .valkivid-comment-list .comment.bypostauthor .valkivid-comment-author-tag, .valkivid-comment-list .pingback.bypostauthor .valkivid-comment-author-tag, .valkivid-comment-list .trackback.bypostauthor .valkivid-comment-author-tag { display: flex; } .valkivid-comment-list .comment .comment-respond, .valkivid-comment-list .pingback .comment-respond, .valkivid-comment-list .trackback .comment-respond { margin-top: 80px; } .valkivid-comment-list .comment .comment-respond .comment-reply-title, .valkivid-comment-list .pingback .comment-respond .comment-reply-title, .valkivid-comment-list .trackback .comment-respond .comment-reply-title { font-size: var(--valkivid-font-size-34); line-height: var(--valkivid-line-height-38-34); } .valkivid-comment-list .comment-body .comment-author, .valkivid-comment-list .comment-body .comment-meta { margin-top: 0; } .valkivid-comment-list .comment-body .comment-meta + * { margin-top: 24px; } .valkivid-comment-list .comment-author .fn { display: flex; align-items: center; color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); font-style: normal; } .valkivid-comment-list .comment-author .fn a { color: var(--valkivid-text-bold-color); text-decoration: none; transition: color .2s ease-in-out; } .valkivid-comment-list .comment-author .fn a:hover, .valkivid-comment-list .comment-author .fn a:focus { color: var(--valkivid-global-primary-color); } .valkivid-comment-list .comment-author .says { display: none; } .valkivid-comment-list .valkivid-comment-author-tag { margin-left: 12px; padding: 0 6px; background-color: var(--valkivid-global-primary-color); color: var(--valkivid-body-background-color); font-size: var(--valkivid-font-size-12); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; display: none; } .valkivid-comment-list .comment-meta a { color: var(--valkivid-text-secondary-color); text-decoration: none; } .valkivid-comment-list .comment-meta a:hover, .valkivid-comment-list .comment-meta a:focus { color: var(--valkivid-global-primary-color); } .valkivid-comment-list .reply { margin-top: 22px; } .valkivid-comment-list .reply a { color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; text-decoration: none; } .valkivid-comment-list .reply a:hover, .valkivid-comment-list .reply a:focus { color: var(--valkivid-global-primary-color); } .valkivid-comment-list .children { margin-top: 80px; list-style: none; } /** * 2. Comment List Title */ .valkivid-comment-list-title { color: var(--valkivid-title-color); } .valkivid-comment-list-title.valkivid-template_streamer { font-size: var(--valkivid-font-size-36); } .valkivid-comment-list-title.valkivid-template_streamer + .valkivid-comment-list { margin-top: 100px; } .valkivid-comment-list-title.valkivid-template_vlogger { font-size: var(--valkivid-font-size-42); line-height: var(--valkivid-line-height-46-42); } .valkivid-comment-list-title.valkivid-template_vlogger + .valkivid-comment-list { margin-top: 120px; } .valkivid-comment-list-title.valkivid-template_vlogger strong { color: var(--valkivid-global-primary-color); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-comment-list.valkivid-template_streamer .children, .valkivid-comment-list.valkivid-template_vlogger .children { padding-left: 0; } .valkivid-comment-list.valkivid-template_streamer .comment-author .avatar { display: block; float: none; margin-right: 0; margin-bottom: 16px; } .valkivid-comment-list.valkivid-template_vlogger.valkivid-comment-list_show-avatars .comment .comment-body { padding-left: 0; } .valkivid-comment-list.valkivid-template_vlogger.valkivid-comment-list_show-avatars .comment-author .avatar { display: block; margin-bottom: 16px; position: static; } .valkivid-comment-list-title.valkivid-template_streamer + .valkivid-comment-list, .valkivid-comment-list-title.valkivid-template_vlogger + .valkivid-comment-list { margin-top: 60px; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Comment Respond -------------------------------------------------------------------*/ /** * 1. Comment Respond */ .comment-respond.valkivid-template_streamer { margin-top: 120px; } .comment-respond.valkivid-template_streamer .comment-reply-title { font-size: var(--valkivid-font-size-36); } .comment-respond.valkivid-template_streamer .comment-form .comment-notes { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-36-18); } .comment-respond.valkivid-template_streamer .comment-form .form-submit { display: flex; justify-content: flex-end; } .comment-respond.valkivid-template_vlogger { margin-top: 140px; } .comment-respond.valkivid-template_vlogger .comment-reply-title { font-size: var(--valkivid-font-size-48); line-height: var(--valkivid-line-height-42-48); } .comment-respond.valkivid-template_vlogger .comment-form .comment-notes { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-32-18); } .comment-respond .comment-reply-title { display: flex; justify-content: space-between; color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } .comment-respond .comment-reply-title a { color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-14); text-transform: uppercase; text-decoration: none; } .comment-respond .comment-reply-title a:focus, .comment-respond .comment-reply-title a:hover { color: var(--valkivid-global-primary-color); } .comment-respond .must-log-in { margin-top: 32px; color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-32-18); } .comment-respond .must-log-in a { color: var(--valkivid-global-primary-color); text-decoration: none; } .comment-respond .must-log-in a:focus { text-decoration: underline; } .comment-respond .logged-in-as a { float: left; color: var(--valkivid-global-primary-color); text-decoration: none; } .comment-respond .logged-in-as a:focus { text-decoration: underline; } .comment-respond .logged-in-as a + a { margin-left: 8px; } .comment-respond .logged-in-as .required-field-message { float: right; color: var(--valkivid-text-primary-color); } .comment-respond .logged-in-as .required-field-message .required { color: var(--valkivid-form-error-color); } .comment-respond .logged-in-as::after { display: table; clear: both; } .comment-respond .comment-form { margin-top: 80px; } .comment-respond .comment-form .comment-notes { color: var(--valkivid-text-primary-color); } .comment-respond .comment-form .comment-notes .required { color: var(--valkivid-form-error-color); } .comment-respond .comment-form label { display: block; } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .comment-respond .comment-form { margin-top: 32px; } } /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .comment-respond.valkivid-template_streamer, .comment-respond.valkivid-template_vlogger { margin-top: 80px; } .comment-respond .comment-reply-title { display: block; } .comment-respond .comment-reply-title a { display: block; margin-top: 28px; } .comment-respond .logged-in-as a, .comment-respond .logged-in-as .required-field-message { float: none; } .comment-respond .logged-in-as a + a { margin-left: 0; } .comment-respond .logged-in-as .required-field-message { display: block; margin-top: 6px; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Sidebar 2. Sidebar Widget 3. Sidebar Widget Title 4. Sidebar Social -------------------------------------------------------------------*/ /** * 1. Sidebar */ .valkivid-sidebar { width: 22.7272727273%; max-width: 300px; } .valkivid-sidebar .valkivid-sidebar-widget { margin-bottom: 60px; } .valkivid-sidebar .valkivid-sidebar-widget:last-child { margin-bottom: 0; } /** * 2. Sidebar Widget */ .valkivid-sidebar-widget.valkivid-template_streamer .valkivid-sidebar-widget-title { margin-bottom: 28px; } .valkivid-sidebar-widget.valkivid-template_vlogger .valkivid-sidebar-widget-title { margin-bottom: 40px; } /** * 3. Sidebar Widget Title */ .valkivid-sidebar-widget-title { font-size: var(--valkivid-font-size-24); line-height: var(--valkivid-line-height-36-24); font-weight: var(--valkivid-font-weight-bold); } /** * 4. Sidebar Social */ .valkivid-sidebar-social { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 100%; position: fixed; z-index: 2; } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-sidebar-social { display: none; } } /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /** * Footer */ /*------------------------------------------------------------------ [Table of contents] 1. Footer -------------------------------------------------------------------*/ /** * 1. Footer */ .valkivid-footer { background-color: var(--valkivid-footer-background-color); /** * Social Network List */ } .valkivid-footer.valkivid-template_streamer-v1, .valkivid-footer.valkivid-template_streamer-v2 { margin-top: 180px; } .valkivid-footer.valkivid-template_streamer-v1 .valkivid-footer-bottom-text, .valkivid-footer.valkivid-template_streamer-v2 .valkivid-footer-bottom-text { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-footer.valkivid-template_streamer-v1 .valkivid-footer-inner { padding-top: 80px; padding-bottom: 70px; border-top: 1px solid var(--valkivid-divider-color); } .valkivid-footer.valkivid-template_streamer-v1 .valkivid-brand-text { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-footer.valkivid-template_streamer-v1 .valkivid-button-subscribe, .valkivid-footer.valkivid-template_streamer-v1 .valkivid-footer-text { max-width: 370px; } .valkivid-footer.valkivid-template_streamer-v1 .valkivid-footer-text { margin-top: 22px; } .valkivid-footer.valkivid-template_streamer-v2 .valkivid-footer-top { padding: 112px 40px; } .valkivid-footer.valkivid-template_streamer-v2 .valkivid-navigation-flat { padding: 0 30px; } .valkivid-footer.valkivid-template_streamer-v2 .valkivid-brand-text { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-footer.valkivid-template_vlogger-v1, .valkivid-footer.valkivid-template_vlogger-v2 { margin-top: 220px; } .valkivid-footer.valkivid-template_vlogger-v1 .valkivid-footer-top { padding: 90px 0 122px; } .valkivid-footer.valkivid-template_vlogger-v2 { box-shadow: 5px 9px 120px 0 rgba(27, 27, 41, 0.06); } .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-footer-top { padding: 60px 0 90px; } .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-footer-text { max-width: 370px; } .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-grid-column:nth-child(2) .valkivid-footer-text { display: none; } .valkivid-footer .valkivid-brand-text { color: var(--valkivid-footer-brand-text-color); } .valkivid-footer .custom-logo-link { display: flex; } .valkivid-footer .valkivid-logo-mobile { display: none; } .valkivid-footer .valkivid-navigation-flat-menu .menu-item a { color: var(--valkivid-footer-navigation-flat-menu-link-color); } .valkivid-footer .valkivid-navigation-flat-menu .menu-item a:hover, .valkivid-footer .valkivid-navigation-flat-menu .menu-item a:focus { color: var(--valkivid-footer-navigation-flat-menu-link-hover-color); } .valkivid-footer .valkivid-social-network-item-icon { fill: var(--valkivid-footer-icon-color); } .valkivid-footer .valkivid-social-network-item-icon:hover { fill: var(--valkivid-footer-icon-hover-color); } .valkivid-footer .valkivid-social-network-item-link:focus .valkivid-social-network-item-icon { fill: var(--valkivid-footer-icon-hover-color); } .valkivid-footer .valkivid-widget-statcount-icon { fill: var(--valkivid-footer-widget-statcount-icon-color); } .valkivid-footer .valkivid-widget-statcount-title { color: var(--valkivid-footer-widget-statcount-title-color); } .valkivid-footer .valkivid-widget-statcount-text { color: var(--valkivid-footer-widget-statcount-text-color); } .valkivid-footer .valkivid-widget-streamerinfo-pretitle { color: var(--valkivid-footer-widget-streamerinfo-pretitle-color); } .valkivid-footer .valkivid-widget-streamerinfo-title { color: var(--valkivid-footer-widget-streamerinfo-title-color); } .valkivid-footer .struninnyoutube-subscriber-count { margin: -32px auto 0; } .valkivid-footer-row { display: flex; justify-content: space-between; align-items: center; } .valkivid-footer-row + .valkivid-grid, .woocommerce .valkivid-footer-row + ul.products.columns-2, .woocommerce .valkivid-footer-row + ul.products.columns-3, .woocommerce .valkivid-footer-row + ul.products.columns-4 { margin-top: 90px; } .valkivid-footer-text { color: var(--valkivid-footer-text-color); font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-22-14); } .valkivid-footer-text + .valkivid-social-network-list { margin-top: 48px; } .valkivid-footer-bottom { background-color: var(--valkivid-footer-bottom-background-color); } .valkivid-footer-bottom .valkivid-navigation-split-menu .menu-item::before { color: var(--valkivid-footer-bottom-navigation-split-menu-link-color); } .valkivid-footer-bottom .valkivid-navigation-split-menu .menu-item a { color: var(--valkivid-footer-bottom-navigation-split-menu-link-color); } .valkivid-footer-bottom .valkivid-navigation-split-menu .menu-item a:hover, .valkivid-footer-bottom .valkivid-navigation-split-menu .menu-item a:focus { color: var(--valkivid-footer-bottom-navigation-split-menu-link-hover-color); } .valkivid-footer-bottom-inner { min-height: 90px; padding: 32px 40px; display: flex; justify-content: space-between; align-items: center; } .valkivid-footer-bottom-inner.valkivid-grid-limit { padding: 32px 0; } .valkivid-footer-bottom-text { color: var(--valkivid-footer-bottom-text-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-footer.valkivid-template_streamer-v1, .valkivid-footer.valkivid-template_streamer-v2, .valkivid-footer.valkivid-template_vlogger-v1, .valkivid-footer.valkivid-template_vlogger-v2 { margin-top: 100px; } .valkivid-footer.valkivid-template_vlogger-v1 .valkivid-footer-top, .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-footer-top { padding: 60px 0; } .valkivid-footer.valkivid-template_streamer-v1 .valkivid-footer-inner { padding-top: 60px; padding-bottom: 60px; } .valkivid-footer.valkivid-template_streamer-v1 .valkivid-button-subscribe { margin-top: 18px; } .valkivid-footer.valkivid-template_streamer-v2 .valkivid-footer-top { padding: 60px 22px; } .valkivid-footer.valkivid-template_streamer-v2 .valkivid-footer-row { flex-direction: column; } .valkivid-footer.valkivid-template_streamer-v2 .valkivid-navigation-flat { padding: 0; margin-top: 22px; } .valkivid-footer.valkivid-template_streamer-v2 .valkivid-social-network-list { margin-top: 32px; } .valkivid-footer .custom-logo-link { display: none; } .valkivid-footer .valkivid-logo-mobile { display: flex; } .valkivid-footer-bottom-inner { min-height: auto; flex-direction: column; padding: 22px; } .valkivid-footer-bottom-inner.valkivid-grid-limit { padding: 22px 0; } .valkivid-footer-bottom-inner .valkivid-footer-bottom-text { order: 2; } .valkivid-footer-bottom-inner .valkivid-footer-bottom-text + .valkivid-navigation-split { margin-bottom: 16px; } } /** * Small Screens, Laptops (769px — 1024px) */ @media screen and (max-width: 1024px) { .valkivid-footer.valkivid-template_vlogger-v1 .struninnyoutube-subscriber-count, .valkivid-footer.valkivid-template_vlogger-v2 .struninnyoutube-subscriber-count { display: none; } .valkivid-footer.valkivid-template_vlogger-v1 .valkivid-footer-top, .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-footer-top { padding-bottom: 0; } .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-grid, .valkivid-footer.valkivid-template_vlogger-v2 .woocommerce ul.products.columns-2, .woocommerce .valkivid-footer.valkivid-template_vlogger-v2 ul.products.columns-2, .valkivid-footer.valkivid-template_vlogger-v2 .woocommerce ul.products.columns-3, .woocommerce .valkivid-footer.valkivid-template_vlogger-v2 ul.products.columns-3, .valkivid-footer.valkivid-template_vlogger-v2 .woocommerce ul.products.columns-4, .woocommerce .valkivid-footer.valkivid-template_vlogger-v2 ul.products.columns-4 { margin-top: 60px; } .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-grid-column:nth-child(2) .valkivid-footer-text { display: block; } .valkivid-footer.valkivid-template_vlogger-v2 .valkivid-grid-column:nth-child(3) .valkivid-footer-text { display: none; } } /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ @media screen and (max-width: 480px) { .valkivid-footer.valkivid-template_streamer-v2 .valkivid-navigation-flat-menu .menu-item { margin-right: 0; padding-left: 10px; padding-right: 10px; } .valkivid-footer-bottom-inner.valkivid-grid-limit { padding: 22px; } } /** * Print */ /** * Print Page */ @media print { .valkivid-header, .valkivid-footer { display: none; } } /*********************************************************** * Plugins **********************************************************/ /** * WooCommerce */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Message & Info & Error 3. Button 4. Breadcrumb & Products Header 5. Products 6. On Sale 7. Star Rating 8. Pagination 9. Product Filters 10. Result Count 11. Ordering 12. Content 13. Categories 14. Quantity 15. Content Title -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 .woocommerce-notice, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-notice { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-20-16); font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-message, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-info, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-error, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-message, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-error { font-size: var(--valkivid-font-size-16); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-message::before, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-info::before, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-error::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-message::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-info::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-error::before { top: 18px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-product-filters, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-product-filters { margin-top: -16px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-result-count, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-result-count { margin-top: 16px; font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body a.button, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body a.added_to_cart, .valkivid-content.valkivid-template_streamer-v1 .woocommerce a.button, .valkivid-content.valkivid-template_streamer-v1 .woocommerce a.added_to_cart, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body a.button, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body a.added_to_cart, .valkivid-content.valkivid-template_streamer-v2 .woocommerce a.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce a.added_to_cart { text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-24-18); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .valkivid-woocommerce-categories { display: none; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .price, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .price, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .price, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .price { margin-top: 2px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .price del, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .price del, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .price del, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .price del { margin-top: 2px; color: var(--valkivid-text-secondary-color); font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .star-rating, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .star-rating, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .star-rating, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .star-rating { order: 3; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination { margin-top: 100px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li span { width: 50px; height: 50px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a.current, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span.current, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li a:focus, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li a.current, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li span:focus, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li span.current, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a.current, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span.current, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li a:focus, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li a.current, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li span:focus, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li span.current { background-color: var(--valkivid-global-primary-color); border-color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li a:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li span:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li a:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li span:focus .valkivid-chevron-pixelated .valkivid-chevron-pixel { background-color: var(--valkivid-navigation-pager-link-current-color); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li .valkivid-chevron-pixelated .valkivid-chevron-pixel { background-color: var(--valkivid-navigation-pager-link-color); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .valkivid-woocommerce-product-info { margin-top: 18px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .price, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .price { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .price del, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .price del { color: var(--valkivid-text-secondary-color); font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body ul.products li.product .price ins, .valkivid-content.valkivid-template_streamer-v1 .woocommerce ul.products li.product .price ins { font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul li span { background-color: var(--valkivid-body-background-color); border: 1px solid var(--valkivid-border-color); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-title { font-size: var(--valkivid-font-size-32); } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-2 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-3 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-4 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-info { padding-bottom: 32px; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-2 li.product .valkivid-woocommerce-product-actions, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-3 li.product .valkivid-woocommerce-product-actions, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-4 li.product .valkivid-woocommerce-product-actions, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-actions, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-actions, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-actions { padding-bottom: 0; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product { background-color: var(--valkivid-box-background-color); } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .valkivid-woocommerce-product-info { align-items: center; padding: 32px 28px 0; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .price, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .price { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .woocommerce-loop-product__title { text-align: center; text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .price, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .price { color: var(--valkivid-global-primary-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-actions, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products li.product .valkivid-woocommerce-product-actions { align-items: center; padding-bottom: 32px; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul li span { background-color: var(--valkivid-box-background-color); } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-title { font-size: var(--valkivid-font-size-54); text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-title::before { content: '.'; margin-right: 6px; color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-notice, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-notice { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-24-18); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-message, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-info, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-error, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-message, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-info, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-error { font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-message::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-info::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-error::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-message::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-info::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-error::before { top: 16px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-product-filters, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-product-filters { margin-top: -26px; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-result-count, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-result-count { margin-top: 26px; font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .valkivid-woocommerce-product-info { margin-top: 4px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .woocommerce-loop-product__title, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-20-16); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .valkivid-woocommerce-product-info { padding-top: 18px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .valkivid-woocommerce-categories { order: -1; margin-bottom: 4px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li .price, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li .price, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li .price, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li .price { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li .price ins, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li .price ins, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li .price ins, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li .price ins { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li .price ins .woocommerce-Price-currencySymbol, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li .price ins .woocommerce-Price-currencySymbol, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li .price ins .woocommerce-Price-currencySymbol, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li .price ins .woocommerce-Price-currencySymbol { color: var(--valkivid-title-color); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body span.onsale, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce span.onsale, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body span.onsale, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce span.onsale { font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination { margin-top: 120px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li a, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li span { width: 32px; height: 32px; background-color: var(--valkivid-body-background-color); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li a:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li a:focus .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li span:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li span:focus .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li a:focus .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li span:focus .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li a:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li a:focus .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li span:focus .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li span:focus .valkivid-chevron::after { background-color: var(--valkivid-navigation-pager-link-current-color); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul li .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul li .valkivid-chevron::after, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li .valkivid-chevron::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul li .valkivid-chevron::after { background-color: var(--valkivid-navigation-pager-link-color); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-title, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-title { font-size: var(--valkivid-font-size-34); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-categories + .price, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li.product .valkivid-woocommerce-categories + .price { margin-top: 6px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li.product .star-rating, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li.product .star-rating { margin-top: 8px; width: 83px; font-size: 12px; letter-spacing: 5px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body ul.products li.product .price, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce ul.products li.product .price { margin-top: 12px; } .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .valkivid-woocommerce-product-info { position: relative; } .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .valkivid-woocommerce-categories { padding-right: 80px; } .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .star-rating, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .star-rating { position: absolute; top: 8px; right: 0; } .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body ul.products li.product .price, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce ul.products li.product .price { margin-top: 4px; } /** * 2. Message & Info & Error */ .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-error { flex-direction: column; } .woocommerce-NoticeGroup .woocommerce-message li, .woocommerce-NoticeGroup .woocommerce-info li, .woocommerce-NoticeGroup .woocommerce-error li { margin-bottom: 8px; } .woocommerce-NoticeGroup .woocommerce-message li:last-child, .woocommerce-NoticeGroup .woocommerce-info li:last-child, .woocommerce-NoticeGroup .woocommerce-error li:last-child { margin-bottom: 0; } .woocommerce-notice { color: var(--valkivid-text-primary-color); } .woocommerce-message, .woocommerce-info, .woocommerce-error { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: transparent; border: 1px solid var(--valkivid-global-primary-color); color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-medium); } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { color: var(--valkivid-global-primary-color); } .woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after { display: none; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a { color: var(--valkivid-title-color); text-decoration: none; } .woocommerce-message a:focus, .woocommerce-info a:focus, .woocommerce-error a:focus { text-decoration: underline; } .woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button { order: 2; } /** * 3. Button */ .woocommerce a.button, .woocommerce a.added_to_cart { padding: 9px 26px; border-radius: 0; background-color: var(--valkivid-global-primary-color); color: var(--valkivid-body-background-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } .woocommerce a.button:hover, .woocommerce a.added_to_cart:hover { background-color: var(--valkivid-global-primary-color); color: var(--valkivid-body-background-color); } .woocommerce a.button:focus, .woocommerce a.added_to_cart:focus { text-decoration: underline; } .woocommerce a.button.loading::after { position: static; margin-left: 8px; } /** * 4. Breadcrumb & Products Header */ .woocommerce:not(.single-product) .woocommerce-breadcrumb, .woocommerce:not(.single-product) .woocommerce-products-header { display: none; } /** * 5. Products */ .woocommerce ul.products { margin-bottom: 0; } .woocommerce ul.products li.product .valkivid-woocommerce-product-image img { display: block; width: 100%; height: auto; } .woocommerce ul.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { align-items: stretch; } .woocommerce ul.products.columns-2::before, .woocommerce ul.products.columns-2::after, .woocommerce ul.products.columns-3::before, .woocommerce ul.products.columns-3::after, .woocommerce ul.products.columns-4::before, .woocommerce ul.products.columns-4::after { display: none; } .woocommerce ul.products.columns-2 li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce ul.products.columns-4 li.product { width: auto; margin: 0; } .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-image, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-image, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-image { position: relative; } .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-actions, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-actions, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-actions { margin-top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: var(--valkivid-woocommerce-product-overlay-background-color); position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; visibility: hidden; transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; } .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-actions a.button, .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-actions a.added_to_cart, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-actions a.button, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-actions a.added_to_cart, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-actions a.button, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-actions a.added_to_cart { display: flex; align-items: center; width: auto; height: 50px; padding: 0 28px; font-size: var(--valkivid-font-size-14); } .woocommerce ul.products li.product:hover .valkivid-woocommerce-product-actions, .woocommerce ul.products li.product:focus .valkivid-woocommerce-product-actions { opacity: 1; visibility: visible; } .woocommerce ul.products li.product a img { margin: 0; } .woocommerce ul.products li.product .onsale { margin: 0; right: auto; top: 8px; left: -6px; } .woocommerce ul.products li.product .star-rating { width: 68px; margin-top: 12px; margin-bottom: 0; font-size: 10px; letter-spacing: 4px; } .woocommerce ul.products li.product .valkivid-woocommerce-categories { font-size: var(--valkivid-font-size-12); line-height: var(--valkivid-line-height-16-12); } .woocommerce ul.products li.product .price { display: flex; margin-bottom: 0; color: var(--valkivid-woocommerce-price-color); font-size: var(--valkivid-font-size-16); } .woocommerce ul.products li.product .price del { order: 2; margin-left: 8px; opacity: 1; color: var(--valkivid-woocommerce-price-before-sale-color); } .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce ul.products li.product .valkivid-woocommerce-product-info { display: flex; flex-direction: column; } .woocommerce ul.products li.product .woocommerce-loop-product__link:hover .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__link:focus .woocommerce-loop-product__title { color: var(--valkivid-global-primary-color); } .woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0; color: var(--valkivid-title-color); } .woocommerce ul.products li.product .button { margin-top: 0; } .woocommerce ul.products li.product .valkivid-woocommerce-product-actions { margin-top: 18px; display: flex; flex-direction: column; align-items: flex-start; } .woocommerce ul.products li.product .valkivid-woocommerce-product-actions a { margin-bottom: 12px; } .woocommerce ul.products li.product .valkivid-woocommerce-product-actions a:last-child { margin-bottom: 0; } /** * 6. On Sale */ .woocommerce span.onsale { min-width: auto; min-height: auto; margin: 0; padding: 8px 26px; border-radius: 0; background-color: var(--valkivid-global-primary-color); color: var(--valkivid-body-background-color); font-size: var(--valkivid-font-size-16); line-height: 1em; font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; top: 8px; left: -6px; right: auto; pointer-events: none; } /** * 7. Star Rating */ .woocommerce .star-rating { width: 100px; margin: 0; font-size: 14px; letter-spacing: 6px; } .woocommerce .star-rating::before { color: var(--valkivid-woocommerce-star-rating-empty-color); } .woocommerce .star-rating span { color: var(--valkivid-woocommerce-star-rating-filled-color); } /** * 8. Pagination */ .woocommerce nav.woocommerce-pagination { display: flex; justify-content: center; } .woocommerce nav.woocommerce-pagination ul.page-numbers { display: flex; margin: 0; border: none; } .woocommerce nav.woocommerce-pagination ul.page-numbers::after, .woocommerce nav.woocommerce-pagination ul.page-numbers::before { display: none; } .woocommerce nav.woocommerce-pagination ul li { margin-right: 12px; border: none; } .woocommerce nav.woocommerce-pagination ul li:last-child { margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: flex; justify-content: center; align-items: center; color: var(--valkivid-navigation-pager-link-color); font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span:hover { color: var(--valkivid-navigation-pager-link-color); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a.current, .woocommerce nav.woocommerce-pagination ul li span:focus, .woocommerce nav.woocommerce-pagination ul li span.current { color: var(--valkivid-navigation-pager-link-current-color); } /** * 9. Product Filters */ .valkivid-woocommerce-product-filters { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 32px; } /** * 10. Result Count */ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { margin-bottom: 0; color: var(--valkivid-text-primary-color); } /** * 11. Ordering */ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-bottom: 0; } /** * 12. Content */ .valkivid-woocommerce-content.valkivid-woocommerce-content_has-sidebar { display: flex; justify-content: space-between; } .valkivid-woocommerce-content.valkivid-woocommerce-content_has-sidebar .valkivid-woocommerce-content-body { width: 76.9230769231%; max-width: 900px; padding-right: 30px; } .valkivid-woocommerce-content .valkivid-sidebar { width: 23.0769230769%; max-width: 270px; } /** * 13. Categories */ .valkivid-woocommerce-categories { color: var(--valkivid-woocommerce-category-color); font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-16-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; } .valkivid-woocommerce-categories a { color: var(--valkivid-woocommerce-category-color); text-decoration: none; } .valkivid-woocommerce-categories a:hover, .valkivid-woocommerce-categories a:focus { color: var(--valkivid-global-primary-color); } /** * 14. Quantity */ .woocommerce .quantity .qty { text-align: left; } /** * 15. Content Title */ .valkivid-woocommerce-content-title { margin-bottom: 80px; color: var(--valkivid-title-color); } .valkivid-woocommerce-content-title strong { color: var(--valkivid-global-primary-color); } /** * Large Screens, Desktops (1200px — 1365px) */ @media screen and (max-width: 1365px) { .woocommerce ul.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { justify-content: center; } } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-woocommerce-content.valkivid-woocommerce-content_has-sidebar { display: block; } .valkivid-woocommerce-content.valkivid-woocommerce-content_has-sidebar .valkivid-woocommerce-content-body, .valkivid-woocommerce-content.valkivid-woocommerce-content_has-sidebar .valkivid-sidebar { width: 100%; max-width: 100%; } .valkivid-woocommerce-content.valkivid-woocommerce-content_has-sidebar .valkivid-woocommerce-content-body { padding-right: 0; } .valkivid-woocommerce-content.valkivid-woocommerce-content_has-sidebar .valkivid-sidebar { margin-top: 60px; } } /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination { margin-top: 60px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li span { width: auto; height: 28px; padding: 4px 8px; font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.next, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_streamer-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.next, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.next, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_streamer-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.next, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.next, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.next, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-body nav.woocommerce-pagination ul.page-numbers li span.next, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.next, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.prev, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.next { width: 24px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-woocommerce-content-title, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-title, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-woocommerce-content-title, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-woocommerce-content-title { font-size: var(--valkivid-font-size-32); margin-bottom: 16px; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-2 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-3 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .valkivid-woocommerce-content-body ul.products.columns-4 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-info, .valkivid-content.valkivid-template_streamer-v2 .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-info { padding: 16px 16px 22px; } .woocommerce ul.products.columns-1 li.product { width: 100%; float: none; margin-bottom: 46px; } .woocommerce ul.products.columns-1 li.product:last-child { margin-bottom: 0; } .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-info, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-info, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-info { padding-bottom: 0; } .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-actions, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-actions, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-actions { height: auto; align-items: flex-start; margin-top: 18px; background-color: transparent; position: static; opacity: 1; visibility: visible; transition: none; } .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-actions a.button, .woocommerce ul.products.columns-2 li.product .valkivid-woocommerce-product-actions a.added_to_cart, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-actions a.button, .woocommerce ul.products.columns-3 li.product .valkivid-woocommerce-product-actions a.added_to_cart, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-actions a.button, .woocommerce ul.products.columns-4 li.product .valkivid-woocommerce-product-actions a.added_to_cart { height: auto; padding: 9px 26px; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Breadcrumb 3. Product 4. Product Title 5. Product Rating 6. Product Details Short & Product Variation Description 7. Cart Form 8. Product Meta 9. Tabs 10. Stars 11. Product Table 12. Product Reviews 13. Product Related 14. Product Image Popup 15. Grouped Product List -------------------------------------------------------------------*/ /** * 1. Template Specific */ .single-product .valkivid-content.valkivid-template_streamer-v1 { margin-top: 60px; } .single-product .valkivid-content.valkivid-template_streamer-v2 { margin-top: 100px; } .single-product .valkivid-content.valkivid-template_vlogger-v2 { margin-top: 120px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-breadcrumb, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-breadcrumb { margin-bottom: 20px; font-size: var(--valkivid-font-size-18); font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-breadcrumb .valkivid-chevron-pixelated, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-breadcrumb .valkivid-chevron-pixelated { margin: 0 12px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-breadcrumb .valkivid-chevron-pixelated .valkivid-chevron-pixel, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-breadcrumb .valkivid-chevron-pixelated .valkivid-chevron-pixel { background-color: var(--valkivid-text-primary-color); } .valkivid-content.valkivid-template_streamer-v1 div.product .valkivid-woocommerce-categories, .valkivid-content.valkivid-template_streamer-v2 div.product .valkivid-woocommerce-categories { display: none; } .valkivid-content.valkivid-template_streamer-v1 div.product .summary p.price, .valkivid-content.valkivid-template_streamer-v1 div.product .summary span.price, .valkivid-content.valkivid-template_streamer-v2 div.product .summary p.price, .valkivid-content.valkivid-template_streamer-v2 div.product .summary span.price { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v1 .product_title, .valkivid-content.valkivid-template_streamer-v2 .product_title { font-size: var(--valkivid-font-size-36); line-height: var(--valkivid-line-height-40-36); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-product-rating, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-product-rating { margin-top: 12px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-product-rating .woocommerce-review-link, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-product-rating .woocommerce-review-link { text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-product-details__short-description, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-variation-description, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-product-details__short-description, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-variation-description { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-32-16); } .valkivid-content.valkivid-template_streamer-v1 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author, .valkivid-content.valkivid-template_streamer-v2 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author { font-size: var(--valkivid-font-size-24); line-height: var(--valkivid-line-height-36-24); } .valkivid-content.valkivid-template_streamer-v1 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__published-date, .valkivid-content.valkivid-template_streamer-v2 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__published-date { font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-16-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-reply-title, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-reply-title { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-reply-title::before, .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-reply-title::before { content: '.'; margin-right: 6px; color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v1 .products.upsells > h2, .valkivid-content.valkivid-template_streamer-v1 .products.related > h2, .valkivid-content.valkivid-template_streamer-v2 .products.upsells > h2, .valkivid-content.valkivid-template_streamer-v2 .products.related > h2 { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v1 .products.upsells > h2::before, .valkivid-content.valkivid-template_streamer-v1 .products.related > h2::before, .valkivid-content.valkivid-template_streamer-v2 .products.upsells > h2::before, .valkivid-content.valkivid-template_streamer-v2 .products.related > h2::before { content: '.'; margin-right: 6px; color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v1 div.product div.images, .valkivid-content.valkivid-template_vlogger-v2 div.product div.images { width: 42.735042735%; } .valkivid-content.valkivid-template_streamer-v1 div.product div.images .flex-control-thumbs, .valkivid-content.valkivid-template_vlogger-v2 div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(auto-fit, 98px); } .valkivid-content.valkivid-template_streamer-v1 div.product div.images .flex-control-thumbs li, .valkivid-content.valkivid-template_vlogger-v2 div.product div.images .flex-control-thumbs li { width: 100%; } .valkivid-content.valkivid-template_streamer-v1 div.product div.summary, .valkivid-content.valkivid-template_vlogger-v2 div.product div.summary { width: 51.2820512821%; } .valkivid-content.valkivid-template_streamer-v1 div.product div.images, .valkivid-content.valkivid-template_streamer-v1 div.product div.summary { margin-bottom: 100px; } .valkivid-content.valkivid-template_streamer-v1 div.product div.images .flex-control-thumbs { margin-top: 36px; gap: 36px; } .valkivid-content.valkivid-template_streamer-v1 div.product .summary p.price, .valkivid-content.valkivid-template_streamer-v1 div.product .summary span.price { font-size: var(--valkivid-font-size-32); } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li { margin-right: 56px; } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li:last-child { margin-right: 0; } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li.active a { color: var(--valkivid-text-bold-color); opacity: 1; } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li.active a::before { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li a { font-size: var(--valkivid-font-size-32); letter-spacing: var(--valkivid-streamer-letter-spacing); opacity: .4; } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li a::before { content: '.'; } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li a:hover { opacity: 1; } .valkivid-content.valkivid-template_streamer-v1 #reviews #comments ol.commentlist li img.avatar { display: none; } .valkivid-content.valkivid-template_streamer-v1 #reviews .comment-reply-title { font-size: var(--valkivid-font-size-32); } .valkivid-content.valkivid-template_streamer-v1 .products.upsells h2, .valkivid-content.valkivid-template_streamer-v1 .products.related h2 { font-size: var(--valkivid-font-size-32); } .valkivid-content.valkivid-template_streamer-v2 div.product div.images, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images { display: flex; width: 51.2820512821%; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images .flex-control-thumbs, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images .flex-control-thumbs { width: 80px; margin-right: 20px; flex-shrink: 0; order: -1; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images .flex-control-thumbs li, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images .flex-control-thumbs li { width: 100%; margin-bottom: 20px; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images .flex-control-thumbs li:last-child, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images .flex-control-thumbs li:last-child { margin-bottom: 0; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images .flex-control-thumbs li img, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images .flex-control-thumbs li img { border: 4px solid transparent; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images .flex-control-thumbs li img.flex-active, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images .flex-control-thumbs li img.flex-active { border-color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v2 div.product div.summary, .valkivid-content.valkivid-template_vlogger-v1 div.product div.summary { width: 42.735042735%; } .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs, .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs { max-width: 770px; margin: 0 auto; } .valkivid-content.valkivid-template_streamer-v2 div.product form.cart .group_table label { text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images, .valkivid-content.valkivid-template_streamer-v2 div.product div.summary { margin-bottom: 120px; } .valkivid-content.valkivid-template_streamer-v2 div.product .summary p.price, .valkivid-content.valkivid-template_streamer-v2 div.product .summary span.price { font-size: var(--valkivid-font-size-36); } .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs { justify-content: center; } .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs li { margin-right: 40px; } .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs li:last-child { margin-right: 0; } .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs li.active a { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs li a { color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-18); letter-spacing: var(--valkivid-streamer-letter-spacing); text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v2 .product_title { text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-reply-title { font-size: var(--valkivid-font-size-54); text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v2 .products.upsells h2, .valkivid-content.valkivid-template_streamer-v2 .products.related h2 { font-size: var(--valkivid-font-size-54); text-transform: uppercase; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-breadcrumb, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-breadcrumb { margin-bottom: 20px; font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } .valkivid-content.valkivid-template_vlogger-v1 div.product .summary p.price, .valkivid-content.valkivid-template_vlogger-v1 div.product .summary span.price, .valkivid-content.valkivid-template_vlogger-v2 div.product .summary p.price, .valkivid-content.valkivid-template_vlogger-v2 div.product .summary span.price { color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-34); } .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs li.active a, .valkivid-content.valkivid-template_vlogger-v2 div.product .woocommerce-tabs ul.tabs li.active a { color: var(--valkivid-text-bold-color); opacity: 1; } .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs li a, .valkivid-content.valkivid-template_vlogger-v2 div.product .woocommerce-tabs ul.tabs li a { font-size: var(--valkivid-font-size-18); opacity: .6; } .valkivid-content.valkivid-template_vlogger-v1 .product_title, .valkivid-content.valkivid-template_vlogger-v2 .product_title { font-size: var(--valkivid-font-size-34); line-height: var(--valkivid-line-height-38-34); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-product-rating, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-product-rating { margin-top: 18px; } .valkivid-content.valkivid-template_vlogger-v1 .product_meta .posted_in, .valkivid-content.valkivid-template_vlogger-v2 .product_meta .posted_in { display: none; } .valkivid-content.valkivid-template_vlogger-v1 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author, .valkivid-content.valkivid-template_vlogger-v2 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author { font-size: var(--valkivid-font-size-22); line-height: var(--valkivid-line-height-42-22); } .valkivid-content.valkivid-template_vlogger-v1 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__published-date, .valkivid-content.valkivid-template_vlogger-v2 #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__published-date { font-size: var(--valkivid-font-size-16); line-height: 1em; } .valkivid-content.valkivid-template_vlogger-v1 #reviews .comment-reply-title, .valkivid-content.valkivid-template_vlogger-v2 #reviews .comment-reply-title { font-size: var(--valkivid-font-size-34); line-height: var(--valkivid-line-height-42-34); } .valkivid-content.valkivid-template_vlogger-v1 .products.upsells h2, .valkivid-content.valkivid-template_vlogger-v1 .products.related h2, .valkivid-content.valkivid-template_vlogger-v2 .products.upsells h2, .valkivid-content.valkivid-template_vlogger-v2 .products.related h2 { font-size: var(--valkivid-font-size-34); line-height: var(--valkivid-line-height-42-34); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-breadcrumb { display: none; } .valkivid-content.valkivid-template_vlogger-v1 div.product div.images, .valkivid-content.valkivid-template_vlogger-v1 div.product div.summary { margin-bottom: 160px; } .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs { justify-content: center; } .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs li { margin-right: 100px; } .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs li:last-child { margin-right: 0; } .valkivid-content.valkivid-template_vlogger-v2 div.product div.images, .valkivid-content.valkivid-template_vlogger-v2 div.product div.summary { margin-bottom: 100px; } .valkivid-content.valkivid-template_vlogger-v2 div.product div.images .flex-control-thumbs { margin-top: 20px; gap: 20px; } .valkivid-content.valkivid-template_vlogger-v2 div.product .woocommerce-tabs ul.tabs li { margin-right: 50px; } .valkivid-content.valkivid-template_vlogger-v2 div.product .woocommerce-tabs ul.tabs li:last-child { margin-right: 0; } /** * 2. Breadcrumb */ .woocommerce .woocommerce-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; color: var(--valkivid-woocommerce-breadcrumb-color); } .woocommerce .woocommerce-breadcrumb a { color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:focus { color: var(--valkivid-global-primary-color); } .woocommerce .woocommerce-breadcrumb .valkivid-woocommerce-breadcrumb-delimiter { margin: 0 12px; color: var(--valkivid-global-primary-color); } /** * 3. Product */ .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { margin-bottom: 0; } .woocommerce div.product div.summary p.price, .woocommerce div.product div.summary span.price, .woocommerce-page div.product div.summary p.price, .woocommerce-page div.product div.summary span.price { margin-top: 18px; font-weight: var(--valkivid-font-weight-bold); } .woocommerce div.product div.summary p.price ins, .woocommerce div.product div.summary span.price ins, .woocommerce-page div.product div.summary p.price ins, .woocommerce-page div.product div.summary span.price ins { text-decoration: none; } .woocommerce div.product div.summary .valkivid-woocommerce-categories, .woocommerce-page div.product div.summary .valkivid-woocommerce-categories { margin-bottom: 8px; } .woocommerce div.product .product_title + p.price, .woocommerce div.product .product_title + span.price, .woocommerce-page div.product .product_title + p.price, .woocommerce-page div.product .product_title + span.price { margin-top: 6px; } .woocommerce div.product .woocommerce-product-rating, .woocommerce-page div.product .woocommerce-product-rating { margin-bottom: 0; } .woocommerce div.product .woocommerce-product-details__short-description, .woocommerce-page div.product .woocommerce-product-details__short-description { margin-top: 24px; } .woocommerce div.product .woocommerce-variation-availability, .woocommerce-page div.product .woocommerce-variation-availability { margin-top: 16px; } .woocommerce div.product p.stock, .woocommerce-page div.product p.stock { color: var(--valkivid-form-success-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; } .woocommerce div.product p.stock.out-of-stock, .woocommerce-page div.product p.stock.out-of-stock { color: var(--valkivid-form-error-color); } /** * 4. Product Title */ .product_title { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } /** * 5. Product Rating */ .woocommerce .woocommerce-product-rating { display: flex; flex-wrap: wrap; align-items: center; line-height: 1em; } .woocommerce .woocommerce-product-rating .star-rating { margin: 0; } .woocommerce .woocommerce-product-rating .woocommerce-review-link { margin-left: 12px; margin-top: 2px; color: var(--valkivid-text-secondary-color); font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-16-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .woocommerce .woocommerce-product-rating .woocommerce-review-link:hover, .woocommerce .woocommerce-product-rating .woocommerce-review-link:focus { color: var(--valkivid-global-primary-color); } /** * 6. Product Details Short & Product Variation Description */ /** * 7. Cart Form */ .woocommerce div.product form.cart { margin-bottom: 0; } .woocommerce div.product form.cart .group_table td { width: auto; vertical-align: middle; padding: 8px; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { padding: 8px; } .woocommerce div.product form.cart .group_table td:first-child { padding-left: 0; } .woocommerce div.product form.cart .group_table td label a { color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .woocommerce div.product form.cart .group_table td label a:hover, .woocommerce div.product form.cart .group_table td label a:focus { color: var(--valkivid-global-primary-color); } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price { color: var(--valkivid-text-primary-color); } .woocommerce div.product form.cart .group_table td ins { text-decoration: none; } .woocommerce div.product form.cart .group_table td .quantity { min-width: 80px; } .woocommerce div.product form.cart .group_table td .quantity .qty { margin-top: 0; } .woocommerce div.product form.cart .group_table td .button { margin-top: 0; } .woocommerce div.product form.cart .group_table td .button { display: inline-flex; align-items: center; padding: 0 32px; white-space: nowrap; } .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; line-height: 1em; } .woocommerce div.product form.cart .variations th.label label, .woocommerce div.product form.cart .variations td.label label { display: block; } .woocommerce div.product form.cart .reset_variations { display: inline-block; margin-top: 12px; color: var(--valkivid-global-primary-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; text-decoration: none; } .woocommerce div.product form.cart .reset_variations:focus { text-decoration: underline; } .woocommerce div.product form.cart .woocommerce-variation-description { margin-top: 18px; } .woocommerce div.product form.cart div.quantity { float: none; } .woocommerce div.product form.cart .button { float: none; margin-top: 70px; border-radius: 0; } .woocommerce div.product form.cart .button.alt.disabled:hover { background-color: var(--valkivid-global-primary-color); color: var(--valkivid-button-color); } /** * 8. Product Meta */ .product_meta { margin-top: 28px; color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; } .product_meta > * { display: block; margin-bottom: 8px; } .product_meta > *:last-child { margin-bottom: 0; } .product_meta > * span { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-medium); text-transform: none; } .product_meta a { color: var(--valkivid-global-primary-color); text-decoration: none; text-transform: none; } .product_meta a:focus { text-decoration: underline; } /** * 9. Tabs */ .woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; padding: 0; margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: none; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--valkivid-woocommerce-tabs-title-color); padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus { text-decoration: underline; opacity: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--valkivid-woocommerce-tabs-title-color); } .woocommerce div.product .woocommerce-tabs .panel { padding-top: 80px; margin: 0; } .woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; } .woocommerce div.product .woocommerce-tabs .panel > *:nth-child(2) { margin-top: 0; } .woocommerce div.product .woocommerce-tabs .panel .woocommerce-noreviews { color: var(--valkivid-text-primary-color); } /** * 10. Stars */ .woocommerce p.stars.selected a { color: var(--valkivid-woocommerce-star-rating-filled-color); } .woocommerce p.stars a { color: var(--valkivid-woocommerce-star-rating-empty-color); } .woocommerce p.stars a.active ~ a { color: var(--valkivid-woocommerce-star-rating-empty-color); } .woocommerce p.stars a:focus { color: var(--valkivid-woocommerce-star-rating-filled-color); } /** * 11. Product Table */ .woocommerce table.shop_attributes { border-top: none; } .woocommerce table.shop_attributes tr:nth-child(even) th, .woocommerce table.shop_attributes tr:nth-child(even) td { background-color: transparent; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-bottom: none; font-style: normal; } .woocommerce table.shop_attributes p { padding: 0; } /** * 12. Product Reviews */ .woocommerce #reviews #comments .woocommerce-Reviews-title { display: none; } .woocommerce #reviews #comments ol.commentlist { padding-left: 0; } .woocommerce #reviews #comments ol.commentlist li { margin-bottom: 80px; } .woocommerce #reviews #comments ol.commentlist li:last-child { margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { max-width: 100%; width: auto; margin-right: 28px; padding: 0; border: none; background-color: transparent; position: static; } .woocommerce #reviews #comments ol.commentlist li .comment-text { display: flex; flex-direction: column; margin: 0; padding: 0; border: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { float: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta { display: flex; flex-direction: column; margin-top: 8px; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__dash { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author { color: var(--valkivid-text-bold-color); } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__published-date { margin-top: 4px; color: var(--valkivid-text-secondary-color); } .woocommerce #reviews #comments ol.commentlist li .comment-text .description { margin-top: 24px; } .woocommerce #reviews #review_form_wrapper { margin-top: 100px; } .woocommerce #reviews #review_form #respond p { margin: 0; } .woocommerce #reviews #review_form #respond .comment-form-rating > *, .woocommerce #reviews #review_form #respond .comment-form-comment > * { margin-top: 16px; } .woocommerce #reviews #review_form #respond .comment-form-rating > *:first-child, .woocommerce #reviews #review_form #respond .comment-form-comment > *:first-child { margin-top: 28px; } .woocommerce #reviews .comment-reply-title { display: block; } .woocommerce #reviews #respond input#submit { border-radius: 0; } /** * 13. Product Related */ .woocommerce .products.upsells, .woocommerce .products.related { margin-top: 100px; } .woocommerce .products.upsells h2, .woocommerce .products.related h2 { margin-bottom: 60px; color: var(--valkivid-title-color); } /** * 14. Product Image Popup */ .pswp__bg { background-color: var(--valkivid-overlay-background-color); } .pswp__caption { display: flex; align-items: center; } .pswp__counter, .pswp__caption__center { color: var(--valkivid-woocommerce-popup-caption-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } .pswp__caption__center { padding: 0; text-align: center; } /** * 15. Grouped Product List */ .woocommerce-grouped-product-list { width: 100%; } .woocommerce-grouped-product-list td { padding: 16px 0; border-top: none; font-size: var(--valkivid-font-size-16); } /** * Medium Screens, Desktops (1025px — 1200px) */ @media screen and (max-width: 1200px) { .valkivid-content.valkivid-template_streamer-v2 div.product div.images, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images { display: block; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images .flex-control-thumbs, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images .flex-control-thumbs { width: 100%; display: grid; margin-top: 20px; grid-template-columns: repeat(auto-fit, 80px); gap: 20px; } .valkivid-content.valkivid-template_streamer-v2 div.product div.images .flex-control-thumbs li, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images .flex-control-thumbs li { margin-bottom: 0; } .valkivid-content.valkivid-template_streamer-v2 #reviews .comment-reply-title { font-size: var(--valkivid-font-size-34); } .valkivid-content.valkivid-template_streamer-v2 .products.upsells h2, .valkivid-content.valkivid-template_streamer-v2 .products.related h2 { font-size: var(--valkivid-font-size-34); } .single-product .valkivid-content.valkivid-template_streamer-v2, .single-product .valkivid-content.valkivid-template_vlogger-v2 { margin-top: 60px; } } /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-content.valkivid-template_streamer-v1 div.product div.images, .valkivid-content.valkivid-template_streamer-v1 div.product div.summary, .valkivid-content.valkivid-template_streamer-v2 div.product div.images, .valkivid-content.valkivid-template_streamer-v2 div.product div.summary, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images, .valkivid-content.valkivid-template_vlogger-v1 div.product div.summary, .valkivid-content.valkivid-template_vlogger-v2 div.product div.images, .valkivid-content.valkivid-template_vlogger-v2 div.product div.summary { width: 100%; float: none; } .valkivid-content.valkivid-template_streamer-v1 div.product div.images, .valkivid-content.valkivid-template_streamer-v2 div.product div.images, .valkivid-content.valkivid-template_vlogger-v1 div.product div.images, .valkivid-content.valkivid-template_vlogger-v2 div.product div.images { margin-bottom: 32px; } .valkivid-content.valkivid-template_streamer-v1 div.product div.summary, .valkivid-content.valkivid-template_streamer-v2 div.product div.summary, .valkivid-content.valkivid-template_vlogger-v1 div.product div.summary, .valkivid-content.valkivid-template_vlogger-v2 div.product div.summary { margin-bottom: 60px; } .woocommerce div.product .woocommerce-tabs .panel { padding-top: 32px; } .woocommerce #reviews #review_form_wrapper { margin-top: 60px; } .woocommerce .products.upsells, .woocommerce .products.related { margin-top: 60px; } .woocommerce .products.upsells h2, .woocommerce .products.related h2 { margin-bottom: 32px; } } /** * Mobiles Devices (320px — 480px) */ @media screen and (max-width: 480px) { .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs, .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs, .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs, .valkivid-content.valkivid-template_vlogger-v2 div.product .woocommerce-tabs ul.tabs { display: block; } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li, .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs li, .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs li, .valkivid-content.valkivid-template_vlogger-v2 div.product .woocommerce-tabs ul.tabs li { width: 100%; margin-right: 0; margin-bottom: 8px; } .valkivid-content.valkivid-template_streamer-v1 div.product .woocommerce-tabs ul.tabs li:last-child, .valkivid-content.valkivid-template_streamer-v2 div.product .woocommerce-tabs ul.tabs li:last-child, .valkivid-content.valkivid-template_vlogger-v1 div.product .woocommerce-tabs ul.tabs li:last-child, .valkivid-content.valkivid-template_vlogger-v2 div.product .woocommerce-tabs ul.tabs li:last-child { margin-bottom: 0; } .woocommerce div.product form.cart .group_table tr { display: flex; flex-direction: column; } .woocommerce div.product form.cart .group_table td { padding-left: 0; padding-right: 0; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { padding-left: 0; padding-right: 0; } .woocommerce div.product form.cart .group_table td:first-child { width: 100%; order: 2; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--valkivid-divider-color); } .woocommerce div.product form.cart .group_table td .button { width: 100%; justify-content: center; } } /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Shop Table 3. Cart Table 4. Remove Button 5. Button 6. Cart Collaterals 7. Cart Collaterals Button 8. Cart Widget Preview 9. Mini Cart 10. Cart Widget -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 table.shop_table td .quantity .qty, .valkivid-content.valkivid-template_streamer-v2 table.shop_table td .quantity .qty, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table td .quantity .qty, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table td .quantity .qty { margin-top: 0; } .valkivid-content.valkivid-template_streamer-v1 .return-to-shop .button, .valkivid-content.valkivid-template_streamer-v2 .return-to-shop .button, .valkivid-content.valkivid-template_vlogger-v1 .return-to-shop .button, .valkivid-content.valkivid-template_vlogger-v2 .return-to-shop .button { display: inline-flex; justify-content: center; align-items: center; } .valkivid-content.valkivid-template_streamer-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_streamer-v2 table.cart td.actions .coupon .input-text { margin-top: 0; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce button.button { margin-top: 0; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-table--order-details tfoot th { font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-table--order-details tfoot td::before { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr.cart-discount th, .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr.cart-subtotal th, .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr.order-total th { font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr.cart-discount td::before, .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr.cart-subtotal td::before, .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr.order-total td::before { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-medium); } .valkivid-content.valkivid-template_streamer-v1 table.shop_table td { border-top: 1px solid var(--valkivid-divider-color); } .valkivid-content.valkivid-template_streamer-v1 .cart-collaterals .cart_totals h2 { font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .valkivid-content.valkivid-template_streamer-v2 table.shop_table { border-spacing: 0 20px; } .valkivid-content.valkivid-template_streamer-v2 table.shop_table.woocommerce-table--order-details tfoot th { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 table.shop_table.woocommerce-table--order-details tfoot td::before { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr.cart-discount th, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr.cart-subtotal th, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr.order-total th { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr.cart-discount td::before, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr.cart-subtotal td::before, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr.order-total td::before { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 table.shop_table th { padding-bottom: 20px; } .valkivid-content.valkivid-template_streamer-v2 table.shop_table td { background-color: var(--valkivid-box-background-color); } .valkivid-content.valkivid-template_streamer-v2 table.shop_table td.product-subtotal { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v2 table.shop_table td a { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 table.cart td.actions { padding: 24px; } .valkivid-content.valkivid-template_streamer-v2 .cart-collaterals { margin-top: 0; } .valkivid-content.valkivid-template_streamer-v2 .cart-collaterals .cart_totals { padding: 40px; background-color: var(--valkivid-box-background-color); } .valkivid-content.valkivid-template_streamer-v2 .cart-collaterals .cart_totals h2 { font-size: var(--valkivid-font-size-24); line-height: var(--valkivid-line-height-24-20); letter-spacing: var(--valkivid-streamer-letter-spacing); text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v2 .cart-collaterals .cart_totals h2::before { content: '.'; margin-right: 6px; color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v2 .cart-collaterals .cart_totals table.shop_table { border-spacing: 0; } .valkivid-content.valkivid-template_vlogger-v1 table.cart td.actions .coupon .input-text, .valkivid-content.valkivid-template_vlogger-v2 table.cart td.actions .coupon .input-text { margin-top: 0; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce button.button { width: auto; margin-top: 0; } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table.woocommerce-table--order-details tfoot tr td::before, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-table--order-details tfoot tr td::before { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-regular); } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table.woocommerce-table--order-details tfoot tr:last-child th, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-table--order-details tfoot tr:last-child th { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table.woocommerce-table--order-details tfoot tr:last-child td::before, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-table--order-details tfoot tr:last-child td::before { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr.order-total th, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr.order-total th { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr.order-total td::before, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr.order-total td::before { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr.cart-discount td::before, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr.cart-subtotal td::before, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr.cart-discount td::before, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr.cart-subtotal td::before { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-regular); } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table th { padding-bottom: 20px; } .valkivid-content.valkivid-template_vlogger-v1 table.shop_table td { padding: 20px 12px; } .valkivid-content.valkivid-template_vlogger-v2 table.shop_table td { border-top: 1px solid var(--valkivid-divider-color); } /** * 2. Shop Table */ .woocommerce table.shop_table { margin: 0; border: none; border-radius: 0; } .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr th, .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr td { padding: 16px 0; border-top: none; font-size: var(--valkivid-font-size-16); } .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr th { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-regular); text-transform: none; } .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr td { text-align: right; } .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr:last-child th, .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr:last-child td { font-size: var(--valkivid-font-size-18); } .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr:last-child .amount { color: var(--valkivid-global-primary-color); } .woocommerce table.shop_table tr.cart-discount th, .woocommerce table.shop_table tr.cart-discount td, .woocommerce table.shop_table tr.order-total th, .woocommerce table.shop_table tr.order-total td, .woocommerce table.shop_table tr.cart-subtotal th, .woocommerce table.shop_table tr.cart-subtotal td { padding: 16px 0; border-top: none; font-size: var(--valkivid-font-size-16); } .woocommerce table.shop_table tr.cart-discount th, .woocommerce table.shop_table tr.order-total th, .woocommerce table.shop_table tr.cart-subtotal th { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-regular); text-transform: none; } .woocommerce table.shop_table tr.cart-discount td, .woocommerce table.shop_table tr.order-total td, .woocommerce table.shop_table tr.cart-subtotal td { text-align: right; } .woocommerce table.shop_table tr.order-total th, .woocommerce table.shop_table tr.order-total td { font-size: var(--valkivid-font-size-18); } .woocommerce table.shop_table tr.order-total .amount { color: var(--valkivid-global-primary-color); } .woocommerce table.shop_table th:first-child, .woocommerce table.shop_table td:first-child { padding-left: 0; } .woocommerce table.shop_table th { padding: 0 12px 18px 12px; color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-16-14); text-transform: uppercase; } .woocommerce table.shop_table td { padding: 24px 12px; border-top: none; color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-bold); } .woocommerce table.shop_table td.product-thumbnail a { display: block; width: 60px; height: 60px; } .woocommerce table.shop_table td a { color: var(--valkivid-text-bold-color); text-decoration: none; } .woocommerce table.shop_table td a:hover, .woocommerce table.shop_table td a:focus { color: var(--valkivid-global-primary-color); } .woocommerce table.shop_table td .variation { color: var(--valkivid-text-secondary-color); font-weight: var(--valkivid-font-weight-medium); } /** * 3. Cart Table */ .woocommerce-cart table.cart img { width: 60px; } .woocommerce-cart table.cart td.actions { padding: 24px 0; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: auto; min-width: 240px; margin-right: 18px; } /** * 4. Remove Button */ .woocommerce a.remove { color: var(--valkivid-woocommerce-cart-icon-color) !important; } .woocommerce a.remove:focus, .woocommerce a.remove:hover { background-color: transparent; color: var(--valkivid-global-primary-color) !important; } /** * 5. Button */ /** * 6. Cart Collaterals */ .woocommerce .cart-collaterals { margin-top: 40px; } .woocommerce .cart-collaterals .cart_totals h2 { color: var(--valkivid-title-color); } .woocommerce .cart-collaterals .cart_totals table.shop_table { margin-top: 32px; margin-bottom: 0; } /** * 7. Cart Collaterals Button */ .woocommerce-cart .wc-proceed-to-checkout { padding: 0; } .woocommerce-cart .wc-proceed-to-checkout a.button { display: flex; justify-content: center; align-items: center; margin-bottom: 0; } /** * 8. Cart Widget Preview */ .valkivid-cart-widget-container.valkivid-template_vlogger-v2 .valkivid-cart-widget-preview-count { font-size: var(--valkivid-font-size-10); text-transform: uppercase; } .valkivid-cart-widget-preview { margin-right: 16px; } .valkivid-cart-widget-preview-count, .valkivid-cart-widget-preview-total { color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); text-align: right; } .valkivid-cart-widget-preview-count { font-size: var(--valkivid-font-size-12); } .valkivid-cart-widget-preview-count strong { margin-right: 2px; color: var(--valkivid-global-primary-color); } .valkivid-cart-widget-preview-total { font-size: var(--valkivid-font-size-14); } .valkivid-cart-widget-icon-count { display: flex; justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 50%; background-color: var(--valkivid-global-primary-color); color: var(--valkivid-woocommerce-cart-widget-icon-count-color); font-size: var(--valkivid-font-size-10); font-weight: var(--valkivid-font-weight-bold); } /** * 9. Mini Cart */ .woocommerce-mini-cart { list-style: none; } /** * 10. Cart Widget */ .valkivid-cart-widget { width: 400px; padding: 28px 14px 28px 28px; background-color: var(--valkivid-box-background-color); box-shadow: var(--valkivid-box-box-shadow); } .valkivid-cart-widget.valkivid-template_streamer-v2 .valkivid-cart-widget-total-text { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-cart-widget.valkivid-template_streamer-v2 .woocommerce-mini-cart-item a:nth-child(2) { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-cart-widget-trigger { display: flex; align-items: center; position: relative; } .valkivid-cart-widget-trigger .valkivid-cart-widget-icon-count { position: absolute; top: -14px; right: -16px; } .woocommerce-mini-cart__empty-message { padding-right: 14px; color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-28-16); text-align: center; } .valkivid-cart-widget-items { max-height: 300px; margin-bottom: 28px; overflow-x: hidden; } .valkivid-cart-widget-items .woocommerce-mini-cart-item { margin-bottom: 28px; } .valkivid-cart-widget-items .woocommerce-mini-cart-item:last-child { margin-bottom: 0; } .woocommerce-mini-cart-item { min-height: 52px; padding: 0 42px 0 62px; position: relative; } .woocommerce-mini-cart-item a { display: block; color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .woocommerce-mini-cart-item a:hover, .woocommerce-mini-cart-item a:focus { color: var(--valkivid-global-primary-color); } .woocommerce-mini-cart-item a.remove { height: 1em; width: 1em; color: var(--valkivid-woocommerce-cart-icon-color) !important; font-size: 20px; text-align: center; line-height: 1; position: absolute; top: -2px; right: 8px; } .woocommerce-mini-cart-item a.remove:focus, .woocommerce-mini-cart-item a.remove:hover { color: var(--valkivid-global-primary-color) !important; } .woocommerce-mini-cart-item img { width: 50px; height: 50px; position: absolute; top: 2px; left: 0; } .woocommerce-mini-cart-item .variation { color: var(--valkivid-text-secondary-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-medium); } .woocommerce-mini-cart-item .variation::after { display: table; clear: both; } .woocommerce-mini-cart-item .variation dt { float: left; clear: left; margin-right: 4px; } .woocommerce-mini-cart-item .quantity { color: var(--valkivid-global-primary-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } .woocommerce-mini-cart-item .woocommerce-Price-amount { color: var(--valkivid-text-bold-color); } .woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li { margin-bottom: 28px; padding: 0 42px 0 62px; } .woocommerce ul.cart_list li:last-child, .woocommerce-page ul.cart_list li:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img { float: none; width: 50px; height: 50px; margin-left: 0; } .woocommerce ul.cart_list li dl, .woocommerce-page ul.cart_list li dl { padding-left: 0; border: none; color: var(--valkivid-text-secondary-color); } .woocommerce ul.cart_list li dl dt, .woocommerce-page ul.cart_list li dl dt { padding: 0; font-weight: var(--valkivid-font-weight-medium); } .woocommerce ul.cart_list li dl dd, .woocommerce-page ul.cart_list li dl dd { margin: 0; padding: 0; font-weight: var(--valkivid-font-weight-medium); } .valkivid-cart-widget-total, .valkivid-cart-widget-actions { padding-right: 14px; } .valkivid-cart-widget-total { display: flex; justify-content: space-between; align-items: center; padding-left: 62px; } .valkivid-cart-widget-total-text, .valkivid-cart-widget-total-value { color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); } .valkivid-cart-widget-total-value { color: var(--valkivid-global-primary-color); } .valkivid-cart-widget-actions { display: flex; margin-top: 32px; } .valkivid-cart-widget-actions .valkivid-cart-widget-action { width: 100%; height: 50px; padding: 0; margin-right: 24px; font-size: var(--valkivid-font-size-14); } .valkivid-cart-widget-actions .valkivid-cart-widget-action:last-child { margin-right: 0; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ @media screen and (max-width: 1024px) { .woocommerce-cart table.cart td.actions > button.button { width: 100%; margin-top: 24px; } .woocommerce-cart table.cart td.actions .coupon { float: none; display: flex; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 100%; margin-right: 0; } .woocommerce-cart table.cart td.actions .coupon button.button { flex-shrink: 0; } } /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-table--order-downloads td, .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-orders-table td, .valkivid-content.valkivid-template_streamer-v2 table.shop_table.woocommerce-table--order-downloads td, .valkivid-content.valkivid-template_streamer-v2 table.shop_table.woocommerce-orders-table td, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table.woocommerce-table--order-downloads td, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table.woocommerce-orders-table td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-table--order-downloads td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-orders-table td { display: block; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr:first-child td:first-child, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr:first-child td:first-child, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr:first-child td:first-child, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr:first-child td:first-child { padding-top: 8px; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr:last-child td:last-child, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr:last-child td:last-child, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr:last-child td:last-child, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr:last-child td:last-child { border-bottom: none; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr td:first-child, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr td:first-child, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr td:first-child, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr td:first-child { padding-top: 24px; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table tr td:last-child, .valkivid-content.valkivid-template_streamer-v2 table.shop_table tr td:last-child, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table tr td:last-child, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table tr td:last-child { padding-bottom: 24px; border-bottom: 1px solid var(--valkivid-divider-color); } .valkivid-content.valkivid-template_streamer-v1 table.shop_table .cart-discount td, .valkivid-content.valkivid-template_streamer-v2 table.shop_table .cart-discount td, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table .cart-discount td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table .cart-discount td { display: block; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table td, .valkivid-content.valkivid-template_streamer-v2 table.shop_table td, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table td { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; background-color: transparent; border-top: none; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table td::before, .valkivid-content.valkivid-template_streamer-v2 table.shop_table td::before, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table td::before, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table td::before { margin-right: 12px; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table td.product-thumbnail::before, .valkivid-content.valkivid-template_streamer-v2 table.shop_table td.product-thumbnail::before, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table td.product-thumbnail::before, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table td.product-thumbnail::before { display: none; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table td.product-name, .valkivid-content.valkivid-template_streamer-v2 table.shop_table td.product-name, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table td.product-name, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table td.product-name { display: block; } .valkivid-content.valkivid-template_streamer-v1 table.shop_table_responsive tr:nth-child(2n) td, .valkivid-content.valkivid-template_streamer-v2 table.shop_table_responsive tr:nth-child(2n) td, .valkivid-content.valkivid-template_vlogger-v1 table.shop_table_responsive tr:nth-child(2n) td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .valkivid-content.valkivid-template_streamer-v1 .cart-collaterals .cart_totals table.shop_table tr td:last-child, .valkivid-content.valkivid-template_streamer-v2 .cart-collaterals .cart_totals table.shop_table tr td:last-child, .valkivid-content.valkivid-template_vlogger-v1 .cart-collaterals .cart_totals table.shop_table tr td:last-child, .valkivid-content.valkivid-template_vlogger-v2 .cart-collaterals .cart_totals table.shop_table tr td:last-child { border-bottom: none; } .valkivid-content.valkivid-template_streamer-v2 table.cart td.actions { padding: 24px 0; } .woocommerce-cart table.cart td.actions { display: block; } .woocommerce-cart table.cart td.actions .coupon { display: block; padding-bottom: 0; } .woocommerce-cart table.cart td.actions .coupon::before, .woocommerce-cart table.cart td.actions .coupon::after { display: none; } .woocommerce-cart table.cart td.actions .coupon .input-text { float: none; } .woocommerce-cart table.cart td.actions .coupon .input-text + .button { float: none; } .woocommerce-cart table.cart td.actions .coupon button.button { width: 100%; margin-top: 12px; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Checkout Coupon 3. Checkout Review Order Table 4. Checkout Payment -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 .woocommerce form.checkout_coupon button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form.checkout_coupon button.button { margin-top: 16px; } .valkivid-content.valkivid-template_streamer-v2 .woocommerce table.shop_table.woocommerce-table--order-downloads, .valkivid-content.valkivid-template_streamer-v2 .woocommerce table.shop_table.woocommerce-orders-table, .valkivid-content.valkivid-template_streamer-v2 .woocommerce table.shop_table.woocommerce-table--order-details, .valkivid-content.valkivid-template_streamer-v2 .woocommerce table.shop_table.woocommerce-checkout-review-order-table { padding: 40px 40px 16px; border-spacing: 0; background-color: var(--valkivid-box-background-color); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form.checkout_coupon button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form.checkout_coupon button.button { margin-top: 26px; } /** * 2. Checkout Coupon */ .woocommerce form.checkout_coupon { border: none; padding: 0; } .woocommerce form.checkout_coupon > p:first-child { color: var(--valkivid-text-primary-color); font-weight: var(--valkivid-font-weight-medium); } .woocommerce form.checkout_coupon .form-row-last { float: left; margin-left: 30px; } /** * 3. Checkout Review Order Table */ .woocommerce table.shop_table.woocommerce-table--order-details, .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border-spacing: 0; } .woocommerce table.shop_table.woocommerce-table--order-details thead th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th { padding: 0 0 18px; } .woocommerce table.shop_table.woocommerce-table--order-details tbody td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody td { padding: 20px 0; } .woocommerce table.shop_table.woocommerce-table--order-details th:last-child, .woocommerce table.shop_table.woocommerce-table--order-details td:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table th:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table td:last-child { text-align: right; } .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr:first-child th, .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr:first-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child td { border-top: 1px solid var(--valkivid-divider-color); } .woocommerce table.shop_table.woocommerce-table--order-details tfoot th, .woocommerce table.shop_table.woocommerce-table--order-details tfoot td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td { border-top: none; } /** * 4. Checkout Payment */ .woocommerce-checkout #payment { margin-top: 32px; background-color: transparent; } .woocommerce-checkout #payment ul.payment_methods { padding: 0; border-bottom: none; } .woocommerce-checkout #payment div.form-row { padding: 0; margin-top: 32px; } .woocommerce-checkout #payment .woocommerce-privacy-policy-text p { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); line-height: 2; } .woocommerce-checkout #payment .woocommerce-privacy-policy-text p a { color: var(--valkivid-global-primary-color); text-decoration: none; } .woocommerce-checkout #payment .woocommerce-privacy-policy-text p a:focus { text-decoration: underline; } .woocommerce-checkout #payment #place_order { width: 100%; float: none; margin-top: 16px; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-table--order-details td, .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-checkout-review-order-table td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-table--order-details td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-checkout-review-order-table td { border-top: 1px solid var(--valkivid-divider-color); } .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-table--order-details tfoot td, .valkivid-content.valkivid-template_streamer-v1 table.shop_table.woocommerce-checkout-review-order-table tfoot td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-table--order-details tfoot td, .valkivid-content.valkivid-template_vlogger-v2 table.shop_table.woocommerce-checkout-review-order-table tfoot td { border-top: none; } .woocommerce form.checkout_coupon { display: flex; flex-direction: column; } .woocommerce form.checkout_coupon .form-row { width: 100%; } .woocommerce form.checkout_coupon .form-row-last { margin: 12px 0 0; } .woocommerce form.checkout_coupon .form-row-last button.button { width: 100%; } .woocommerce table.shop_table.woocommerce-table--order-details, .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border-spacing: 0; } .woocommerce table.shop_table.woocommerce-table--order-details tr:first-child td:first-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr:first-child td:first-child { padding-top: 24px; } .woocommerce table.shop_table.woocommerce-table--order-details tr td:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td:last-child { border-bottom: none; } .woocommerce table.shop_table.woocommerce-table--order-details td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table td { display: table-cell; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Account Navigation & Content 3. Account Addresses 4. Login Title 5. Login & Register & Reset Password Form -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation { margin-bottom: 100px; } .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid var(--valkivid-border-color); } .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation ul { justify-content: center; } .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation-link.is-active a, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation-link.is-active a { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation-link a:focus, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation-link a:focus { text-decoration: underline; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-content > p, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-content > p { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-20-16); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-EditAccountForm button.button, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-address-fields button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-EditAccountForm button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-address-fields button.button { margin-top: 28px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce form.login button.button, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form.register button.button, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form.woocommerce-ResetPassword button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form.login button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form.register button.button, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form.woocommerce-ResetPassword button.button { margin-top: 28px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce form.woocommerce-ResetPassword > p, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form.woocommerce-ResetPassword > p { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-20-16); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-content, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-content, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-content { float: none; width: 100%; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation ul, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation ul, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { margin-right: 36px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child { margin-right: 0; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation-link a, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation-link a, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-navigation-link a { font-size: var(--valkivid-font-size-18); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a { opacity: 1; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { opacity: .6; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:focus, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:focus { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-content > p, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-content > p { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-24-18); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-EditAccountForm button.button, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-address-fields button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-EditAccountForm button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-address-fields button.button { width: 100%; margin-top: 48px; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form.login button.button, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form.register button.button, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form.woocommerce-ResetPassword button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form.login button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form.register button.button, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form.woocommerce-ResetPassword button.button { width: 100%; margin-top: 48px; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form.woocommerce-ResetPassword > p, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form.woocommerce-ResetPassword > p { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-24-18); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-navigation-link { margin-bottom: 20px; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-navigation-link:last-child { margin-bottom: 0; } .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation { margin-bottom: 70px; } .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation-link.is-active a { border-bottom: 2px solid var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation-link a { font-size: var(--valkivid-font-size-16); } /** * 2. Account Navigation & Content */ .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content > p { color: var(--valkivid-text-primary-color); } .woocommerce-account .woocommerce-MyAccount-content > p strong { color: var(--valkivid-text-bold-color); } .woocommerce-account .woocommerce-MyAccount-content > p mark { color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); background-color: transparent; } .woocommerce-account .woocommerce-MyAccount-content > p a { color: var(--valkivid-global-primary-color); text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content > p a:focus { text-decoration: underline; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error { flex-direction: column; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message li, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-info li, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error li { margin-bottom: 8px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message li:last-child, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-info li:last-child, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error li:last-child { margin-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-downloads { margin-top: 40px; } /** * 3. Account Addresses */ .woocommerce-Addresses { margin-top: 40px; } .woocommerce-Addresses address { margin-top: 16px; color: var(--valkivid-text-primary-color); } .woocommerce-account .addresses .title h3 { color: var(--valkivid-title-color); } .woocommerce-account .addresses .title .edit { color: var(--valkivid-global-primary-color); text-decoration: none; } .woocommerce-account .addresses .title .edit:focus { text-decoration: underline; } .woocommerce-EditAccountForm button.button, .woocommerce-address-fields button.button { width: 100%; } /** * 4. Login Title */ .woocommerce > h2 { color: var(--valkivid-title-color); } /** * 5. Login & Register & Reset Password Form */ .woocommerce form.login, .woocommerce form.register { padding: 0; border: none; } .woocommerce form.login .woocommerce-LostPassword, .woocommerce form.register .woocommerce-LostPassword { margin-top: 16px; } .woocommerce form.login .woocommerce-LostPassword a, .woocommerce form.register .woocommerce-LostPassword a { color: var(--valkivid-global-primary-color); text-decoration: none; } .woocommerce form.login .woocommerce-LostPassword a:focus, .woocommerce form.register .woocommerce-LostPassword a:focus { text-decoration: underline; } .woocommerce form.login .woocommerce-form__label-for-checkbox, .woocommerce form.register .woocommerce-form__label-for-checkbox { display: block; margin-top: 0; } .woocommerce form.woocommerce-ResetPassword > p { color: var(--valkivid-text-primary-color); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-content.valkivid-template_streamer-v1 .woocommerce-MyAccount-navigation, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-MyAccount-navigation, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-MyAccount-navigation, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-MyAccount-navigation { display: none; } .woocommerce-Addresses .woocommerce-Address { margin-bottom: 60px; } .woocommerce-Addresses .woocommerce-Address:last-child { margin-bottom: 0; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Order Received Details 3. Order & Customer Details Title 4. Order & Downloads Table -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 ul.order_details li, .valkivid-content.valkivid-template_streamer-v2 ul.order_details li { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-20-16); } .valkivid-content.valkivid-template_streamer-v1 ul.order_details li strong, .valkivid-content.valkivid-template_streamer-v2 ul.order_details li strong { font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-20-16); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce-order-downloads > address, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-order-details > address, .valkivid-content.valkivid-template_streamer-v1 .woocommerce-customer-details > address, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-order-downloads > address, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-order-details > address, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-customer-details > address { font-size: var(--valkivid-font-size-16); } .valkivid-content.valkivid-template_streamer-v2 .woocommerce-order-downloads > h2, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-order-details > h2, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-customer-details > h2 { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 .woocommerce-order-downloads > h2::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-order-details > h2::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce-customer-details > h2::before { content: '.'; margin-right: 8px; color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_vlogger-v1 ul.order_details li, .valkivid-content.valkivid-template_vlogger-v2 ul.order_details li { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-24-18); } .valkivid-content.valkivid-template_vlogger-v1 ul.order_details li strong, .valkivid-content.valkivid-template_vlogger-v2 ul.order_details li strong { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-line-height-24-18); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-order-downloads > address, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-order-details > address, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce-customer-details > address, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-order-downloads > address, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-order-details > address, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce-customer-details > address { font-size: var(--valkivid-font-size-18); } /** * 2. Order Received Details */ .woocommerce ul.order_details { margin: 40px 0 60px; } .woocommerce ul.order_details li { border-right-color: var(--valkivid-divider-color); color: var(--valkivid-text-primary-color); text-transform: none; } .woocommerce ul.order_details li strong { color: var(--valkivid-text-bold-color); } /** * 3. Order & Customer Details Title */ .woocommerce .woocommerce-order-details > h2, .woocommerce .woocommerce-customer-details > h2, .woocommerce .woocommerce-order-downloads > h2 { margin-bottom: 40px; color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .woocommerce .woocommerce-order-details > address, .woocommerce .woocommerce-customer-details > address, .woocommerce .woocommerce-order-downloads > address { padding: 0; border: none; color: var(--valkivid-text-primary-color); line-height: 1.5; } .woocommerce .woocommerce-order-details > address p::before, .woocommerce .woocommerce-customer-details > address p::before, .woocommerce .woocommerce-order-downloads > address p::before { color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); } .woocommerce .woocommerce-order-details > address .woocommerce-customer-details--phone, .woocommerce .woocommerce-order-details > address .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details > address .woocommerce-customer-details--phone, .woocommerce .woocommerce-customer-details > address .woocommerce-customer-details--email, .woocommerce .woocommerce-order-downloads > address .woocommerce-customer-details--phone, .woocommerce .woocommerce-order-downloads > address .woocommerce-customer-details--email { display: flex; align-items: center; } /** * 4. Order & Downloads Table */ .woocommerce table.shop_table.woocommerce-table--order-downloads, .woocommerce table.shop_table.woocommerce-orders-table { border-spacing: 0; } .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-orders-table a.button { margin-top: 0; height: auto; padding: 12px 28px; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Form Row 3. Legend 4. Input Text 5. Input Description 6. Show Password Input 7. Button 8. Checkbox 9. Select2 -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-template_streamer .select2-container { margin-top: 16px; } .valkivid-template_streamer .select2-container.select2-container--default .select2-search--dropdown .select2-search__field { margin-top: 0; } .valkivid-template_vlogger .select2-container { margin-top: 26px; } .valkivid-template_vlogger .select2-container.select2-container--default .select2-search--dropdown .select2-search__field { margin-top: 0; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row input.woocommerce-Input--password, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row input.woocommerce-Input--password, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row input.woocommerce-Input--password, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row input.woocommerce-Input--password { padding-right: 40px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + label::before, .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .woocommerce-form__input-checkbox + label::after, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + label::before, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .woocommerce-form__input-checkbox + label::after, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + label::before, .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .woocommerce-form__input-checkbox + label::after, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + span::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + span::after, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + label::before, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .woocommerce-form__input-checkbox + label::after { transform: translate(0, -4px); } .valkivid-content.valkivid-template_streamer-v1 .select2-container.select2-container--default .select2-selection--single, .valkivid-content.valkivid-template_streamer-v2 .select2-container.select2-container--default .select2-selection--single { height: 50px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlBpeGVsX0Fycm93IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjEwcHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSItMiAyIDEwIDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIgMiAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTIsMnYyaDEuOTk5VjJILTJ6IE0tMC4wMDEsNHYyaDJWNEgtMC4wMDF6IE0zLjk5OSw2aC0ydjJoMlY2eiBNNS45OTksNGgtMnYyaDJWNHogTTgsMkg1Ljk5OXYySDhWMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat right 16px center; } .valkivid-content.valkivid-template_streamer-v1 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .valkivid-content.valkivid-template_streamer-v2 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 44px 0 16px; line-height: 50px; } .valkivid-content.valkivid-template_streamer-v1 .woocommerce form .form-row span em, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form .form-row span em { font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_streamer-v1 .woocommerce form legend, .valkivid-content.valkivid-template_streamer-v2 .woocommerce form legend { font-size: var(--valkivid-font-size-18); line-height: var(--valkivid-font-size-24-18); } .valkivid-content.valkivid-template_streamer-v2 .woocommerce form h3 { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v2 .woocommerce form h3::before { content: '.'; margin-right: 8px; color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_vlogger-v1 .select2-container.select2-container--default .select2-selection--single, .valkivid-content.valkivid-template_vlogger-v2 .select2-container.select2-container--default .select2-selection--single { height: 66px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkFycm93IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSItMiAyIDEwIDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIgMiAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMzQjM5NTgiIGQ9Ik0zLDhMMS43NSw2LjgwMWwwLDBMLTIsMy4yTC0wLjc1LDJMMyw1LjYwMkw2Ljc1LDJMOCwzLjJMNC4yNSw2LjgwMWwwLDBMMyw4eiIvPg0KPC9zdmc+DQo=") no-repeat right 26px center; } .valkivid-content.valkivid-template_vlogger-v1 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .valkivid-content.valkivid-template_vlogger-v2 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 62px 0 26px; line-height: 66px; } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form .form-row span em, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form .form-row span em { font-size: var(--valkivid-font-size-16); } .valkivid-content.valkivid-template_vlogger-v1 .woocommerce form legend, .valkivid-content.valkivid-template_vlogger-v2 .woocommerce form legend { font-size: var(--valkivid-font-size-22); line-height: var(--valkivid-font-size-36-22); } /** * 2. Form Row */ .woocommerce form .form-row { margin: 0; padding: 0; } /** * 3. Legend */ .woocommerce form legend { padding-top: 32px; color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } /** * 4. Input Text */ .woocommerce form .form-row label { line-height: 1; } .woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--valkivid-form-success-color); } .woocommerce form .form-row.woocommerce-validated .select2-container { border-color: var(--valkivid-form-success-color); } .woocommerce form .form-row.woocommerce-invalid label { color: var(--valkivid-form-error-color); } .woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--valkivid-form-error-color); } .woocommerce form .form-row .required { color: var(--valkivid-form-error-color); } .woocommerce form h3 { margin: 60px 0 28px; color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } /** * 5. Input Description */ .woocommerce form .form-row span em { display: block; margin-top: 6px; color: var(--valkivid-text-primary-color); } /** * 6. Show Password Input */ .woocommerce form .show-password-input { top: 50%; right: 12px; } .woocommerce form .show-password-input::after { color: var(--valkivid-form-input-icon-color); margin-left: 0; } .woocommerce form .show-password-input.display-password::after { color: var(--valkivid-form-input-icon-bold-color); } /** * 7. Button */ .woocommerce button.button:hover, .woocommerce button.button.alt:hover { background-color: var(--valkivid-global-primary-color); color: var(--valkivid-button-color); } /** * 8. Checkbox */ /** * 9. Select2 */ .select2-container.select2-container--open .select2-dropdown--above, .select2-container.select2-container--open .select2-dropdown--below { border: 1px solid var(--valkivid-form-input-border-color); } .select2-container.select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid var(--valkivid-form-input-border-color); border-radius: 0; } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--valkivid-form-input-color); } .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--valkivid-form-placeholder-color); } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .select2-container.select2-container--default .select2-results__option { color: var(--valkivid-form-input-color); } .select2-container.select2-container--default .select2-results__option[aria-selected=true], .select2-container.select2-container--default .select2-results__option[data-selected=true] { color: var(--valkivid-button-color); font-weight: var(--valkivid-font-weight-bold); background-color: var(--valkivid-global-primary-color); } .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container.select2-container--default .select2-results__option--highlighted[data-selected] { color: var(--valkivid-button-color); font-weight: var(--valkivid-font-weight-bold); background-color: var(--valkivid-global-primary-color); } .select2-dropdown { background-color: var(--valkivid-body-background-color); border-color: var(--valkivid-form-input-border-color); border-radius: 0; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; } } /** * Mobiles Devices (320px — 480px) */ /** * Paid Memberships Pro */ /*------------------------------------------------------------------ [Table of contents] 1. Membership Preview 2. Membership Preview Title 3. Membership Preview Subtitle 4. Membership Preview Period 5. Membership Preview Description 6. Membership Preview Notice -------------------------------------------------------------------*/ /** * 1. Membership Preview */ .valkivid-membership-preview { display: flex; flex-direction: column; justify-content: space-between; padding: 60px 40px 70px; background-color: var(--valkivid-box-background-color); } .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-membership-preview-title, .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-membership-preview-subtitle, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-title, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-subtitle { letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-membership-preview-title, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-title { font-size: var(--valkivid-font-size-36); } .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-membership-preview-period, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-period { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); } .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-membership-preview-period strong, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-period strong { color: var(--valkivid-title-color); letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-membership-preview.valkivid-template_streamer-v1 { border: 1px solid var(--valkivid-global-primary-color); } .valkivid-membership-preview.valkivid-template_streamer-v1 .valkivid-membership-preview-description ul li::before { background-color: var(--valkivid-global-secondary-color); } .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-title { text-transform: uppercase; } .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-description ul li, .valkivid-membership-preview.valkivid-template_streamer-v2 .valkivid-membership-preview-description ol li { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-membership-preview.valkivid-template_vlogger-v1 .valkivid-membership-preview-title, .valkivid-membership-preview.valkivid-template_vlogger-v2 .valkivid-membership-preview-title { font-size: var(--valkivid-font-size-34); } .valkivid-membership-preview.valkivid-template_vlogger-v1 .valkivid-membership-preview-period, .valkivid-membership-preview.valkivid-template_vlogger-v2 .valkivid-membership-preview-period { font-size: var(--valkivid-font-size-14); } .valkivid-membership-preview.valkivid-template_vlogger-v1 { box-shadow: var(--valkivid-box-box-shadow); } .valkivid-membership-preview.valkivid-template_vlogger-v2 { border: 1px solid var(--valkivid-border-color); } .valkivid-membership-preview .valkivid-membership-preview-title, .valkivid-membership-preview .valkivid-membership-preview-subtitle, .valkivid-membership-preview .valkivid-membership-preview-period { text-align: center; } .valkivid-membership-preview .valkivid-membership-preview-period { margin-top: 30px; } .valkivid-membership-preview .valkivid-membership-preview-description { margin-top: 50px; } .valkivid-membership-preview .valkivid-button, .valkivid-membership-preview .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-membership-preview a.button, .valkivid-membership-preview .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-membership-preview a.button, .valkivid-membership-preview .valkivid-membership-preview-notice, .valkivid-membership-preview .pmpro_btn, .valkivid-membership-preview .valkivid-membership-preview-notice { margin-top: 90px; } .valkivid-membership-preview .valkivid-button, .valkivid-membership-preview .woocommerce table.shop_table.woocommerce-table--order-downloads a.button, .woocommerce table.shop_table.woocommerce-table--order-downloads .valkivid-membership-preview a.button, .valkivid-membership-preview .woocommerce table.shop_table.woocommerce-orders-table a.button, .woocommerce table.shop_table.woocommerce-orders-table .valkivid-membership-preview a.button, .valkivid-membership-preview .valkivid-membership-preview-notice, .valkivid-membership-preview .pmpro_btn { width: 100%; } /** * 2. Membership Preview Title */ .valkivid-membership-preview-title { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); } /** * 3. Membership Preview Subtitle */ .valkivid-membership-preview-subtitle { color: var(--valkivid-global-primary-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-bold); text-transform: uppercase; } /** * 4. Membership Preview Period */ .valkivid-membership-preview-period { color: var(--valkivid-title-color); } .valkivid-membership-preview-period strong { font-size: var(--valkivid-font-size-48); line-height: 1; text-transform: uppercase; } /** * 5. Membership Preview Description */ .valkivid-membership-preview-description { font-size: var(--valkivid-font-size-16); } .valkivid-membership-preview-description p { line-height: var(--valkivid-line-height-28-16); } .valkivid-membership-preview-description ul li, .valkivid-membership-preview-description ol li { margin-bottom: 20px; color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); } .valkivid-membership-preview-description ul { list-style: none; padding-left: 0; } .valkivid-membership-preview-description ul ul { padding-left: 22px; } .valkivid-membership-preview-description ul li::before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ik1lbWJlcl9DaGVja19JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCA4IDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTgsMS43NWwtMy4yLDMuNWwwLDBMMy4yLDdMMS42LDUuMjVsMCwwTDAsMy41bDEuNi0xLjc1TDMuMiwzLjUNCglMNi4zOTksMEw4LDEuNzV6Ii8+DQo8L3N2Zz4NCg=="); display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; background-color: var(--valkivid-global-primary-color); } /** * 6. Membership Preview Notice */ /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Box 3. Table 4. Action Links 5. Billing & Invoice 6. Print Button 7. PMPro HTML Rich Content -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 #pmpro_account .pmpro_box ul li::before { background-color: var(--valkivid-global-secondary-color); } .valkivid-content.valkivid-template_streamer-v1 .pmpro_billing_wrap ul li::before, .valkivid-content.valkivid-template_streamer-v1 .pmpro_invoice_wrap ul li::before { background-color: var(--valkivid-global-secondary-color); } .valkivid-content.valkivid-template_streamer-v2 #pmpro_account .pmpro_box h3 { letter-spacing: var(--valkivid-streamer-letter-spacing); text-transform: uppercase; } .valkivid-content.valkivid-template_streamer-v2 #pmpro_account .pmpro_box h3::before { content: '.'; margin-right: 6px; color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v2 .pmpro_table { padding: 40px 40px 16px; background-color: var(--valkivid-box-background-color); } .valkivid-content.valkivid-template_streamer-v1 .pmpro_table td, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_table td { border-top: 1px solid var(--valkivid-divider-color); } /** * 2. Box */ #pmpro_account .pmpro_box { margin: 0 0 60px; padding: 0; border-top: none; } #pmpro_account .pmpro_box:last-child { margin-bottom: 0; } #pmpro_account .pmpro_box p, #pmpro_account .pmpro_box ul { margin-bottom: 12px; } #pmpro_account .pmpro_box p { margin-top: 0; } #pmpro_account .pmpro_box .pmpro_table p { color: var(--valkivid-title-color); } /** * 3. Table */ .pmpro_table th, .pmpro_table td { color: var(--valkivid-title-color); text-align: left; } .pmpro_table th:first-child, .pmpro_table td:first-child { padding-left: 0; } .pmpro_table th { padding: 0 12px 18px 12px; color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-14); line-height: var(--valkivid-line-height-16-14); text-transform: uppercase; } .pmpro_table td { padding: 24px 12px; color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-bold); } .pmpro_table td a { color: var(--valkivid-text-bold-color); text-decoration: none; } .pmpro_table td a:hover, .pmpro_table td a:focus { color: var(--valkivid-global-primary-color); } .pmpro_table .pmpro_actionlinks a { color: var(--valkivid-global-primary-color); text-decoration: none; } .pmpro_table .pmpro_actionlinks a:focus { text-decoration: underline; } /** * 4. Action Links */ .pmpro_actionlinks, .pmpro_actions_nav { margin-top: 20px; color: var(--valkivid-text-bold-color); font-size: var(--valkivid-font-size-16); overflow: hidden; } .pmpro_actionlinks a, .pmpro_actions_nav a { color: var(--valkivid-global-primary-color); text-decoration: none; } .pmpro_actionlinks a:focus, .pmpro_actions_nav a:focus { text-decoration: underline; } #pmpro_account #pmpro_account-profile .pmpro_actionlinks { margin-top: 16px; } /** * 5. Billing & Invoice */ .pmpro_invoice_wrap .pmpro_invoice_details strong { font-size: var(--valkivid-font-size-22); line-height: var(--valkivid-line-height-36-22); } /** * 6. Print Button */ .pmpro_a-print { color: var(--valkivid-global-primary-color); font-size: var(--valkivid-font-size-14); font-weight: var(--valkivid-font-weight-medium); } .pmpro_a-print:focus { text-decoration: underline; } /** * 7. PMPro HTML Rich Content */ .valkivid-pmpro-html-rich-content > *, #pmpro_account .pmpro_box > *, .pmpro_billing_wrap > *, .pmpro_invoice_wrap > *, #pmpro_form .pmpro_checkout > * { margin-bottom: 12px; } .valkivid-pmpro-html-rich-content > *:last-child, #pmpro_account .pmpro_box > *:last-child, .pmpro_billing_wrap > *:last-child, .pmpro_invoice_wrap > *:last-child, #pmpro_form .pmpro_checkout > *:last-child { margin-bottom: 0; } .valkivid-pmpro-html-rich-content h3, #pmpro_account .pmpro_box h3, .pmpro_billing_wrap h3, .pmpro_invoice_wrap h3, #pmpro_form .pmpro_checkout h3 { margin-bottom: 40px; color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .valkivid-pmpro-html-rich-content p, #pmpro_account .pmpro_box p, .pmpro_billing_wrap p, .pmpro_invoice_wrap p, #pmpro_form .pmpro_checkout p { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-28-16); } .valkivid-pmpro-html-rich-content p a, #pmpro_account .pmpro_box p a, .pmpro_billing_wrap p a, .pmpro_invoice_wrap p a, #pmpro_form .pmpro_checkout p a { color: var(--valkivid-global-primary-color); text-decoration: none; } .valkivid-pmpro-html-rich-content p a:focus, #pmpro_account .pmpro_box p a:focus, .pmpro_billing_wrap p a:focus, .pmpro_invoice_wrap p a:focus, #pmpro_form .pmpro_checkout p a:focus { text-decoration: underline; } .valkivid-pmpro-html-rich-content strong, #pmpro_account .pmpro_box strong, .pmpro_billing_wrap strong, .pmpro_invoice_wrap strong, #pmpro_form .pmpro_checkout strong { color: var(--valkivid-text-bold-color); } .valkivid-pmpro-html-rich-content ul, #pmpro_account .pmpro_box ul, .pmpro_billing_wrap ul, .pmpro_invoice_wrap ul, #pmpro_form .pmpro_checkout ul { list-style: none; padding-left: 0; } .valkivid-pmpro-html-rich-content ul ul, #pmpro_account .pmpro_box ul ul, .pmpro_billing_wrap ul ul, .pmpro_invoice_wrap ul ul, #pmpro_form .pmpro_checkout ul ul { padding-left: 22px; } .valkivid-pmpro-html-rich-content ul li, #pmpro_account .pmpro_box ul li, .pmpro_billing_wrap ul li, .pmpro_invoice_wrap ul li, #pmpro_form .pmpro_checkout ul li { margin-bottom: 8px; color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); } .valkivid-pmpro-html-rich-content ul li:last-child, #pmpro_account .pmpro_box ul li:last-child, .pmpro_billing_wrap ul li:last-child, .pmpro_invoice_wrap ul li:last-child, #pmpro_form .pmpro_checkout ul li:last-child { margin-bottom: 0; } .valkivid-pmpro-html-rich-content ul li strong, #pmpro_account .pmpro_box ul li strong, .pmpro_billing_wrap ul li strong, .pmpro_invoice_wrap ul li strong, #pmpro_form .pmpro_checkout ul li strong { color: var(--valkivid-text-bold-color); } .valkivid-pmpro-html-rich-content ul li::before, #pmpro_account .pmpro_box ul li::before, .pmpro_billing_wrap ul li::before, .pmpro_invoice_wrap ul li::before, #pmpro_form .pmpro_checkout ul li::before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ik1lbWJlcl9DaGVja19JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCA4IDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTgsMS43NWwtMy4yLDMuNWwwLDBMMy4yLDdMMS42LDUuMjVsMCwwTDAsMy41bDEuNi0xLjc1TDMuMiwzLjUNCglMNi4zOTksMEw4LDEuNzV6Ii8+DQo8L3N2Zz4NCg=="); display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; background-color: var(--valkivid-global-primary-color); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Form 3. Button 4. Message 5. Required Field -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .lite, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .lite { font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field small, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field small { font-size: var(--valkivid-font-size-14); } .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .pmpro_submit, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .pmpro_submit { margin-top: 28px; } .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .pmpro_submit .pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .pmpro_submit .pmpro_btn { margin-right: 12px; } .valkivid-content.valkivid-template_streamer-v1 form.pmpro_form .pmpro_submit .pmpro_btn:last-child, .valkivid-content.valkivid-template_streamer-v2 form.pmpro_form .pmpro_submit .pmpro_btn:last-child { margin-right: 0; } .valkivid-content.valkivid-template_streamer-v1 .pmpro_message, .valkivid-content.valkivid-template_streamer-v2 .pmpro_message { font-size: var(--valkivid-font-size-16); } .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .pmpro_btn + .pmpro_btn, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .pmpro_btn + .pmpro_btn { margin-top: 12px; } .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .lite, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .lite { font-size: var(--valkivid-font-size-16); } .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field small, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field small { font-size: var(--valkivid-font-size-16); } .valkivid-content.valkivid-template_vlogger-v1 form.pmpro_form .pmpro_submit, .valkivid-content.valkivid-template_vlogger-v2 form.pmpro_form .pmpro_submit { margin-top: 48px; } .valkivid-content.valkivid-template_vlogger-v1 .pmpro_message, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_message { font-size: var(--valkivid-font-size-14); } /** * 2. Form */ form.pmpro_form { display: block; max-width: 100%; } form.pmpro_form .lite { margin-top: 6px; color: var(--valkivid-text-primary-color); font-style: italic; } form.pmpro_form .pmpro_checkout-fields { font-size: var(--valkivid-font-size-16); } form.pmpro_form .pmpro_checkout-fields p { line-height: var(--valkivid-line-height-28-16); } form.pmpro_form .pmpro_checkout-fields ul li, form.pmpro_form .pmpro_checkout-fields ol li { margin-bottom: 20px; color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); } form.pmpro_form .pmpro_checkout-fields ul { list-style: none; padding-left: 0; } form.pmpro_form .pmpro_checkout-fields ul ul { padding-left: 22px; } form.pmpro_form .pmpro_checkout-fields ul li::before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ik1lbWJlcl9DaGVja19JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCA4IDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTgsMS43NWwtMy4yLDMuNWwwLDBMMy4yLDdMMS42LDUuMjVsMCwwTDAsMy41bDEuNi0xLjc1TDMuMiwzLjUNCglMNi4zOTksMEw4LDEuNzV6Ii8+DQo8L3N2Zz4NCg=="); display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; background-color: var(--valkivid-global-primary-color); } form.pmpro_form .pmpro_checkout-fields div { margin: 0; } form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field { color: var(--valkivid-text-primary-color); } form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field .pmpro_asterisk { display: none; } form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field small a { color: var(--valkivid-global-primary-color); text-decoration: none; } form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field small a:focus { text-decoration: underline; } form.pmpro_form .pmpro_asterisk abbr { color: var(--valkivid-form-error-color); } form.pmpro_form #pmpro_processing_message { color: var(--valkivid-text-primary-color); } /** * 3. Button */ .pmpro_btn { border: none; border-radius: 0; font-family: var(--valkivid-font-family); } .pmpro_btn:focus { outline: none; } .pmpro_btn.pmpro_btn-cancel { text-decoration: none; } .pmpro_btn.pmpro_btn-cancel:hover { background-color: transparent; border: 1px solid var(--valkivid-border-color); color: var(--valkivid-text-secondary-color); text-decoration: none; } .pmpro_btn.pmpro_btn-cancel:focus { text-decoration: underline; } /** * 4. Message */ .pmpro_message { background-color: transparent; border: 1px solid var(--valkivid-global-primary-color); border-radius: 0; color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-medium); } .pmpro_message a { color: var(--valkivid-global-primary-color); text-decoration: none; } .pmpro_message a:focus { text-decoration: underline; } /** * 5. Required Field */ .valkivid-pmpro-field_required label::after { content: '*'; margin-left: 6px; color: var(--valkivid-form-error-color); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { form.pmpro_form input[type="text"].input { width: 100%; } form.pmpro_form .pmpro_submit .pmpro_btn { margin-right: 0; } form.pmpro_form .pmpro_btn + .pmpro_btn { margin-top: 12px; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Checkout 3. Pricing Fields 4. Confirmation Wrap 5. Cancel Wrap -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 .pmpro_btn + .pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 .pmpro_btn + .pmpro_btn { margin-left: 12px; } .valkivid-content.valkivid-template_streamer-v1 .pmpro_confirmation_wrap ul li::before { background-color: var(--valkivid-global-secondary-color); } .valkivid-content.valkivid-template_streamer-v1 #pmpro_form .pmpro_checkout ul li::before { background-color: var(--valkivid-global-secondary-color); } .valkivid-content.valkivid-template_vlogger-v1 .pmpro_btn + .pmpro_btn, .valkivid-content.valkivid-template_vlogger-v2 .pmpro_btn + .pmpro_btn { margin-top: 12px; } /** * 2. Checkout */ #pmpro_form .pmpro_checkout h3 { margin: 40px 0 0; color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } #pmpro_form .pmpro_checkout h3 a { color: var(--valkivid-global-primary-color); font-size: var(--valkivid-font-size-14); text-decoration: none; } #pmpro_form .pmpro_checkout h3 a:focus { text-decoration: underline; } #pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-msg { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-14); } #pmpro_form .pmpro_checkout ul li, #pmpro_form .pmpro_checkout ol li { margin-bottom: 20px; color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); } #pmpro_form .pmpro_checkout ul { list-style: none; padding-left: 0; } #pmpro_form .pmpro_checkout ul ul { padding-left: 22px; } #pmpro_form .pmpro_checkout ul li::before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ik1lbWJlcl9DaGVja19JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCA4IDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTgsMS43NWwtMy4yLDMuNWwwLDBMMy4yLDdMMS42LDUuMjVsMCwwTDAsMy41bDEuNi0xLjc1TDMuMiwzLjUNCglMNi4zOTksMEw4LDEuNzV6Ii8+DQo8L3N2Zz4NCg=="); display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; background-color: var(--valkivid-global-primary-color); } /** * 3. Pricing Fields */ #pmpro_pricing_fields { margin-bottom: 60px; } /** * 4. Confirmation Wrap */ .pmpro_confirmation_wrap { font-size: var(--valkivid-font-size-16); } .pmpro_confirmation_wrap p { line-height: var(--valkivid-line-height-28-16); } .pmpro_confirmation_wrap ul li, .pmpro_confirmation_wrap ol li { margin-bottom: 20px; color: var(--valkivid-text-bold-color); font-weight: var(--valkivid-font-weight-bold); } .pmpro_confirmation_wrap ul { list-style: none; padding-left: 0; } .pmpro_confirmation_wrap ul ul { padding-left: 22px; } .pmpro_confirmation_wrap ul li::before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ik1lbWJlcl9DaGVja19JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCA4IDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTgsMS43NWwtMy4yLDMuNWwwLDBMMy4yLDdMMS42LDUuMjVsMCwwTDAsMy41bDEuNi0xLjc1TDMuMiwzLjUNCglMNi4zOTksMEw4LDEuNzV6Ii8+DQo8L3N2Zz4NCg=="); display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; background-color: var(--valkivid-global-primary-color); } /** * 5. Cancel Wrap */ .pmpro_cancel_wrap h2 { margin: 0 0 40px; color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .pmpro_cancel_wrap p { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-28-16); } .pmpro_cancel_wrap .pmpro_btn { border: none; border-radius: 0; font-family: var(--valkivid-font-family); } .pmpro_cancel_wrap .pmpro_btn:focus { outline: none; } .pmpro_cancel_wrap .pmpro_btn.pmpro_btn-cancel { text-decoration: none; } .pmpro_cancel_wrap .pmpro_btn.pmpro_btn-cancel:hover { background-color: transparent; border: 1px solid var(--valkivid-border-color); color: var(--valkivid-text-secondary-color); text-decoration: none; } .pmpro_cancel_wrap .pmpro_btn.pmpro_btn-cancel:focus { text-decoration: underline; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-content.valkivid-template_streamer-v1 .pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 .pmpro_btn { width: 100%; } .valkivid-content.valkivid-template_streamer-v1 .pmpro_btn + .pmpro_btn, .valkivid-content.valkivid-template_streamer-v2 .pmpro_btn + .pmpro_btn { margin-top: 12px; margin-left: 0; } } /** * Mobiles Devices (320px — 480px) */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 2. Login Wrap -------------------------------------------------------------------*/ /** * 1. Template Specific */ /** * 2. Login Wrap */ .pmpro_message + .pmpro_login_wrap { margin-top: 40px; } #loginform input[type="text"], #loginform input[type="password"] { display: block; max-width: 100%; } .valkivid-account-content > h2 { color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .pmpro_logged_in_welcome_wrap h3 { color: var(--valkivid-title-color); font-size: var(--valkivid-font-size-32); line-height: var(--valkivid-line-height-36-32); } .pmpro_logged_in_welcome_wrap a { color: var(--valkivid-global-primary-color); text-decoration: none; } .pmpro_logged_in_welcome_wrap a:focus { text-decoration: underline; } .pmpro_lost_password_wrap .pmpro_lost_password-instructions { color: var(--valkivid-text-primary-color); font-size: var(--valkivid-font-size-16); line-height: var(--valkivid-line-height-28-16); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .pmpro_login_wrap form#loginform input[type="text"].input, .pmpro_login_wrap form#loginform input[type="password"].input { width: 100%; } } /** * Mobiles Devices (320px — 480px) */ /** * Account */ /*------------------------------------------------------------------ [Table of contents] 1. Template Specific 3. Account Menu 5. Account Menu Item Link -------------------------------------------------------------------*/ /** * 1. Template Specific */ .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-menu-item-link:focus, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu-item-link:focus { text-decoration: underline; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-menu-item-link.valkivid-account-menu-item-link_active, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu-item-link.valkivid-account-menu-item-link_active { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-navigation { margin-bottom: 100px; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-navigation { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid var(--valkivid-border-color); } .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu { justify-content: center; } .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu-item-link { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-menu, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu { display: flex; flex-wrap: wrap; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-menu .valkivid-account-menu-item, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu .valkivid-account-menu-item, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu .valkivid-account-menu-item { margin-right: 36px; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-menu .valkivid-account-menu-item:last-child, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu .valkivid-account-menu-item:last-child, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu .valkivid-account-menu-item:last-child { margin-right: 0; } .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-menu-item-link, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-menu-item-link, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-menu-item-link { font-size: var(--valkivid-font-size-18); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-menu-item-link, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu-item-link { opacity: .6; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-menu-item-link:focus, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu-item-link:focus { color: var(--valkivid-global-primary-color); } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-menu-item-link.valkivid-account-menu-item-link_active, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu-item-link.valkivid-account-menu-item-link_active { opacity: 1; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-container::after { content: ''; display: table; clear: both; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-container .valkivid-account-navigation { float: left; width: 30%; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-container .valkivid-account-content { float: right; width: 68%; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-menu .valkivid-account-menu-item { margin-bottom: 20px; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-menu .valkivid-account-menu-item:last-child { margin-bottom: 0; } .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-navigation { margin-bottom: 70px; } .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu-item-link { font-size: var(--valkivid-font-size-16); } .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-menu-item-link.valkivid-account-menu-item-link_active { border-bottom: 2px solid var(--valkivid-global-primary-color); } /** * 2. Account Menu */ .valkivid-account-menu { list-style: none; } /** * 3. Account Menu Item Link */ .valkivid-account-menu-item-link { color: var(--valkivid-title-color); font-weight: var(--valkivid-font-weight-bold); text-decoration: none; } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ @media screen and (max-width: 768px) { .valkivid-content.valkivid-template_streamer-v1 .valkivid-account-navigation, .valkivid-content.valkivid-template_streamer-v2 .valkivid-account-navigation, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-navigation, .valkivid-content.valkivid-template_vlogger-v2 .valkivid-account-navigation { display: none; } .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-container .valkivid-account-navigation, .valkivid-content.valkivid-template_vlogger-v1 .valkivid-account-container .valkivid-account-content { float: none; width: 100%; } } /** * Mobiles Devices (320px — 480px) */ /** * Elementor */ /*------------------------------------------------------------------ [Table of contents] 1. Elementor Page -------------------------------------------------------------------*/ /** * 1. Elementor Page */ .elementor-page .valkivid-footer.valkivid-template_streamer-v1, .elementor-page .valkivid-footer.valkivid-template_streamer-v2, .elementor-page .valkivid-footer.valkivid-template_vlogger-v1, .elementor-page .valkivid-footer.valkivid-template_vlogger-v2 { margin-top: 0; } /** * Struninn Twitch */ /*------------------------------------------------------------------ [Table of contents] 1. Schedule -------------------------------------------------------------------*/ /** * 1. Schedule */ .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table { border: none; border-left: 6px solid var(--valkivid-global-primary-color); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td { text-transform: uppercase; letter-spacing: var(--valkivid-streamer-letter-spacing); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-day, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-time, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-title, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-day, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-time, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-title { font-size: var(--valkivid-font-size-24); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-day strong, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-time strong, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-title strong, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-day strong, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-time strong, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-title strong { text-transform: uppercase; } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-date, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-timezone, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-date, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-timezone, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-subtitle { font-size: var(--valkivid-font-size-16); font-weight: var(--valkivid-font-weight-bold); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-date, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-timezone, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-date, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-timezone { color: var(--valkivid-text-secondary-color); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-table td .struninntwitch-schedule-table-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-table td .struninntwitch-schedule-table-subtitle { color: var(--valkivid-text-bold-color); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment { border: none; border-left: 6px solid var(--valkivid-global-primary-color); letter-spacing: var(--valkivid-streamer-letter-spacing); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-title, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-title, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-subtitle { text-transform: uppercase; } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-month-name, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-time, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-month-name, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-time { color: var(--valkivid-text-secondary-color); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-time, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-grid .struninntwitch-schedule-segment-time { font-weight: var(--valkivid-font-weight-bold); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-album .struninntwitch-schedule-card, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-album .struninntwitch-schedule-card { border: none; border-top: 6px solid var(--valkivid-global-primary-color); letter-spacing: var(--valkivid-streamer-letter-spacing); } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-album .struninntwitch-schedule-card-date, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-album .struninntwitch-schedule-card-title, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-album .struninntwitch-schedule-card-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-album .struninntwitch-schedule-card-date, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-album .struninntwitch-schedule-card-title, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-album .struninntwitch-schedule-card-subtitle { text-transform: uppercase; } .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-album .struninntwitch-schedule-card-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v1 .struninntwitch-schedule-album .struninntwitch-schedule-card-time, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-album .struninntwitch-schedule-card-subtitle, .struninntwitch-schedule.valkivid-template_streamer-v2 .struninntwitch-schedule-album .struninntwitch-schedule-card-time { color: var(--valkivid-text-secondary-color); font-weight: var(--valkivid-font-weight-bold); } /** * Medium Screens, Desktops (1025px — 1200px) */ /** * Small Screens, Laptops (769px — 1024px) */ /** * Tablets, iPads (481px — 768px) */ /** * Mobiles Devices (320px — 480px) */ /*# sourceMappingURL=style.css.map */