@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;500;600&display=swap');.vk-hero-slide.active { opacity: 1 !important; visibility: visible !important; } :root{--wp--preset--color--primary:#1f7cec;--wp--preset--color--primary-hover:#3993ff;--wp--preset--color--base:#fff;--wp--preset--color--featured:#0a284b;--wp--preset--color--contrast-light:#fff;--wp--preset--color--contrast-dark:#000;--wp--preset--color--mono-1:#0d3c74;--wp--preset--color--mono-2:#64748b;--wp--preset--color--mono-3:#e2e8f0;--wp--preset--color--mono-4:#f8fafc;--wp--preset--spacing--superbspacing-xxsmall:clamp(5px,1vw,10px);--wp--preset--spacing--superbspacing-xsmall:clamp(10px,2vw,20px);--wp--preset--spacing--superbspacing-small:clamp(20px,4vw,40px);--wp--preset--spacing--superbspacing-medium:clamp(30px,6vw,60px);--wp--preset--spacing--superbspacing-large:clamp(40px,8vw,80px);--wp--preset--spacing--superbspacing-xlarge:clamp(50px,10vw,100px);--wp--preset--spacing--superbspacing-xxlarge:clamp(60px,12vw,120px);--wp--preset--font-size--superbfont-tiny:clamp(10px,0.625rem + ((1vw - 3.2px) * 0.227),12px);--wp--preset--font-size--superbfont-xxsmall:clamp(12px,0.75rem + ((1vw - 3.2px) * 0.227),14px);--wp--preset--font-size--superbfont-xsmall:clamp(16px,1rem + ((1vw - 3.2px) * 1),16px);--wp--preset--font-size--superbfont-small:clamp(16px,1rem + ((1vw - 3.2px) * 0.227),18px);--wp--preset--font-size--superbfont-medium:clamp(18px,1.125rem + ((1vw - 3.2px) * 0.227),20px);--wp--preset--font-size--superbfont-large:clamp(24px,1.5rem + ((1vw - 3.2px) * 0.909),32px);--wp--preset--font-size--superbfont-xlarge:clamp(32px,2rem + ((1vw - 3.2px) * 1.818),48px);--wp--preset--font-size--superbfont-xxlarge:clamp(40px,2.5rem + ((1vw - 3.2px) * 2.727),64px)}.has-primary-color{color:var(--wp--preset--color--primary)!important}.has-primary-hover-color{color:var(--wp--preset--color--primary-hover)!important}.has-base-color{color:var(--wp--preset--color--base)!important}.has-featured-color{color:var(--wp--preset--color--featured)!important}.has-contrast-light-color{color:var(--wp--preset--color--contrast-light)!important}.has-contrast-dark-color{color:var(--wp--preset--color--contrast-dark)!important}.has-mono-1-color{color:var(--wp--preset--color--mono-1)!important}.has-mono-2-color{color:var(--wp--preset--color--mono-2)!important}.has-mono-3-color{color:var(--wp--preset--color--mono-3)!important}.has-mono-4-color{color:var(--wp--preset--color--mono-4)!important}.has-primary-background-color{background-color:var(--wp--preset--color--primary)!important}.has-primary-hover-background-color{background-color:var(--wp--preset--color--primary-hover)!important}.has-base-background-color{background-color:var(--wp--preset--color--base)!important}.has-featured-background-color{background-color:var(--wp--preset--color--featured)!important}.has-contrast-light-background-color{background-color:var(--wp--preset--color--contrast-light)!important}.has-contrast-dark-background-color{background-color:var(--wp--preset--color--contrast-dark)!important}.has-mono-1-background-color{background-color:var(--wp--preset--color--mono-1)!important}.has-mono-2-background-color{background-color:var(--wp--preset--color--mono-2)!important}.has-mono-3-background-color{background-color:var(--wp--preset--color--mono-3)!important}.has-mono-4-background-color{background-color:var(--wp--preset--color--mono-4)!important}.has-superbfont-tiny-font-size{font-size:var(--wp--preset--font-size--superbfont-tiny)!important}.has-superbfont-xxsmall-font-size{font-size:var(--wp--preset--font-size--superbfont-xxsmall)!important}.has-superbfont-xsmall-font-size{font-size:var(--wp--preset--font-size--superbfont-xsmall)!important}.has-superbfont-small-font-size{font-size:var(--wp--preset--font-size--superbfont-small)!important}.has-superbfont-medium-font-size{font-size:var(--wp--preset--font-size--superbfont-medium)!important}.has-superbfont-large-font-size{font-size:var(--wp--preset--font-size--superbfont-large)!important}.has-superbfont-xlarge-font-size{font-size:var(--wp--preset--font-size--superbfont-xlarge)!important}.has-superbfont-xxlarge-font-size{font-size:var(--wp--preset--font-size--superbfont-xxlarge)!important} /*# sourceURL=superb-addons-variable-fallbacks-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ :root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em} /*# sourceURL=https://www.vkspraypainting.com/wp-includes/blocks/template-part/theme.min.css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /* Single post categories and tags */ .superb-single-post-tags-categories .taxonomy-post_tag, .superb-single-post-tags-categories .taxonomy-category { margin:0px !important; } .superb-single-post-tags-categories .taxonomy-post_tag a, .superb-single-post-tags-categories .taxonomy-category a{ border-radius: 5px; border:1px solid var(--wp--preset--color--mono-3); padding: 5px 10px; text-decoration:none !important; display:inline-block; margin-right:5px !important; margin-bottom:8px !important; color: var(--wp--preset--color--mono-2); } .superb-single-post-tags-categories .taxonomy-post_tag a:hover, .superb-single-post-tags-categories .taxonomy-category a:hover { border:1px solid var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); } /* Contact us boxes */ .column-parent-border-radius .wp-block-column { border-radius:20px; } /* Footer one */ .superbthemes-footer-one .wp-block-navigation{ margin-top:0px !important; } /* Off canvas close button fix */ .wp-block-navigation__responsive-container.is-menu-open { padding:20px !important; } /* Comments start */ .wp-block-comments #reply-title, .wp-block-comments h2#comments { font-size: 26px; } .wp-block-comments p.logged-in-as, .wp-block-comments p.comment-notes, .wp-block-comments label { font-size:16px; } .wp-block-comments .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]), .wp-block-comments .wp-block-post-comments-form textarea { padding: 10px 15px; font-size: 15px; } .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top:3px; } .comment-form input:not([type=submit]), .comment-form textarea { border-radius:5px; border:1px solid var(--wp--preset--color--mono-2); } /* Remove template margin */ .wp-block-template-part { margin-top: 0px !important; } @media only screen and (max-width: 768px) { /* navigation-004 start */ .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-button { display: none !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-logo { flex-basis: 40% !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav { flex-basis: 60% !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container{ justify-content: end !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-headline { word-break:break-all !important; } /* features-005 start */ .superbthemes-features-005 .wp-block-columns .wp-block-column{ max-width: 48% !important; width: 100% !important; } } @media only screen and (max-width: 781px) { /* footer-005 start */ .superbthemes-footer-005, .superbthemes-footer-005-copyright p, .superbthemes-footer-005-copyright{ text-align: center; } .superbthemes-footer-005-bottom-menu { } .superbthemes-footer-005 ul, .superbthemes-footer-005 nav { justify-content: center!important; } } @media only screen and (max-width: 599px) { /* navigation-004 start */ .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container li a { font-size:18px; } .has-modal-open .wp-block-navigation .wp-block-navigation__responsive-dialog { justify-content: center !important; display: flex; } .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container { align-items:center !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav { flex-basis: 20% !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-logo { flex-basis: 80% !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav nav { justify-content: end !important; display:flex !important; } .superbthemes-navigation-004 .superbthemes-navigation-004-headline { font-size:38px !important; } /* features-005 start */ .superbthemes-features-005 .wp-block-columns .wp-block-column{ max-width: 100% !important; } .superbthemes-features-005 .wp-block-columns .wp-block-column .wp-block-group { justify-content: center !important; flex-direction: column !important; flex-wrap: wrap !important; align-items: center !important; } /* Navigation superbthemes navigation two columns */ .superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-left { flex-basis: 80% !important; } .superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-right { flex-basis: 20% !important; } .superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { align-self: center; } .superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li, .superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li .wp-block-navigation-item__content { align-self: center; } } /* Blog Feed One */ .blog-feed-one .wp-block-post-featured-image { min-width:40% !important; width:40%; } .blog-feed-one .wp-block-query-pagination-numbers>a, .blog-feed-one .wp-block-query-pagination-numbers>span { border-radius: 3px; border:1px solid var(--wp--preset--color--mono-3); padding: 5px 10px; } .blog-feed-one .wp-block-query-pagination-numbers>span.current { opacity: 0.5; } .blog-feed-one .wp-block-query-pagination-numbers>span.page-numbers.dots { border: 0px; padding: 5px 4px; } @media only screen and (max-width: 750px) { .blog-feed-one .wp-block-post-featured-image { min-width:100% !important; width:100%; } .blog-feed-one .has-post-thumbnail .wp-block-group{ -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; } .blog-feed-one .wp-block-query-pagination-numbers { display:none; } } /* Featured post banner */ @media only screen and (max-width: 781px) { .featured-post-banner .wp-block-social-links { justify-content: center !important; } .featured-post-banner .wp-block-post-template .wp-block-group { justify-content: center !important; } } /* Full width page template */ .page-template-page-full-width .entry-content { margin-top: 0px; } /* Navigation three */ @media only screen and (max-width: 1024px) { .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-button { display: none !important; } .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-logo { flex-basis: 40% !important; } .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav { flex-basis: 60% !important; } .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav .wp-block-navigation__container{ justify-content: end !important; } .superbthemes-navigation-three .superbthemes-navigation-three-headline { word-break:break-all !important; } } @media only screen and (max-width: 599px) { .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav .wp-block-navigation__container { align-items:center !important; } .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav .wp-block-navigation__container li a { font-size:18px; } .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav { flex-basis: 20% !important; } .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-logo { flex-basis: 80% !important; } .superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav nav { justify-content: end !important; display:flex !important; } .superbthemes-navigation-three .superbthemes-navigation-three-headline { font-size:38px !important; } } /* Author bio pattern */ @media only screen and (min-width: 600px) { .author-introduction-pattern .wp-block-media-text .wp-block-media-text__content { padding:0 4%; } } @media only screen and (max-width: 600px) { .author-introduction-pattern .wp-block-media-text { text-align:center; } .author-introduction-pattern .wp-block-media-text__media{ text-align:center; } .author-introduction-pattern .wp-block-media-text__media img{ max-width: 100px; } } /* Navigation four */ @media only screen and (max-width: 781px) { .superbthemes-navigation-four-wrapper .superbthemes-navigation-four-top { text-align:center; } } @media only screen and (max-width: 599px) { .superbthemes-navigation-four-wrapper .wp-block-navigation__container li a { font-size:18px; } } /* WooCommerce */ .woocommerce-page.woocommerce-uses-block-theme .has-global-padding { padding-left:var(--wp--preset--spacing--superbspacing-small); padding-right:var(--wp--preset--spacing--superbspacing-small); } .woocommerce-page.woocommerce-uses-block-theme.woocommerce-account.woocommerce-page .entry-content.wp-block-post-content.has-global-padding { max-width: 100%; padding-left: 0px; padding-right: 0px; } .woocommerce-page.woocommerce-uses-block-theme .woocommerce-ordering select{ padding: 12px 40px 12px 25px; background-color: #fff; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNC41MDQ5NSA0LjgyMDExTDAuMjA1MjQxIDEuMDQ4NTZDLTAuMDY4NDEzNyAwLjgwODY0NiAtMC4wNjg0MTM3IDAuNDE5NjYzIDAuMjA1MjQxIDAuMTc5ODY0QzAuNDc4NjUyIC0wLjA1OTk1NDcgMC45MjIwOTggLTAuMDU5OTU0NyAxLjE5NTQ5IDAuMTc5ODY0TDUuMDAwMDcgMy41MTcxTDguODA0NTIgMC4xNzk5NjFDOS4wNzgwNSAtMC4wNTk4NTc3IDkuNTIxNDUgLTAuMDU5ODU3NyA5Ljc5NDg2IDAuMTc5OTYxQzEwLjA2ODQgMC40MTk3OCAxMC4wNjg0IDAuODA4NzQzIDkuNzk0ODYgMS4wNDg2Nkw1LjQ5NTA4IDQuODIwMkM1LjM1ODMxIDQuOTQwMTEgNS4xNzkyNSA1IDUuMDAwMDkgNUM0LjgyMDg1IDUgNC42NDE2NSA0Ljk0IDQuNTA0OTUgNC44MjAxMVoiIGZpbGw9IiM3Njc2NzYiLz4NCjwvc3ZnPg0K); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; border: 1px solid var(--wp--preset--color--mono-2); } .woocommerce-cart h1.alignwide.wp-block-post-title{ max-width: var(--wp--style--global--wide-size); } .woocommerce.product div.product form.cart div.quantity .qty { padding-top: 19px; padding-bottom: 20px; } .woocommerce.product .wc-tab.woocommerce-Tabs-panel h2 { font-size: var(--wp--preset--font-size--superbfont-large); margin: 0; } .woocommerce.product div.product form.cart table.variations td select { padding: 12px 40px 12px 25px; background-color: #fff; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNC41MDQ5NSA0LjgyMDExTDAuMjA1MjQxIDEuMDQ4NTZDLTAuMDY4NDEzNyAwLjgwODY0NiAtMC4wNjg0MTM3IDAuNDE5NjYzIDAuMjA1MjQxIDAuMTc5ODY0QzAuNDc4NjUyIC0wLjA1OTk1NDcgMC45MjIwOTggLTAuMDU5OTU0NyAxLjE5NTQ5IDAuMTc5ODY0TDUuMDAwMDcgMy41MTcxTDguODA0NTIgMC4xNzk5NjFDOS4wNzgwNSAtMC4wNTk4NTc3IDkuNTIxNDUgLTAuMDU5ODU3NyA5Ljc5NDg2IDAuMTc5OTYxQzEwLjA2ODQgMC40MTk3OCAxMC4wNjg0IDAuODA4NzQzIDkuNzk0ODYgMS4wNDg2Nkw1LjQ5NTA4IDQuODIwMkM1LjM1ODMxIDQuOTQwMTEgNS4xNzkyNSA1IDUuMDAwMDkgNUM0LjgyMDg1IDUgNC42NDE2NSA0Ljk0IDQuNTA0OTUgNC44MjAxMVoiIGZpbGw9IiM3Njc2NzYiLz4NCjwvc3ZnPg0K); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; border: 1px solid var(--wp--preset--color--mono-2); } .woocommerce.product .wp-block-woocommerce-product-price del { color: var(--wp--preset--color--mono-2) !important; } .woocommerce #reviews #comments h2.woocommerce-Reviews-title { margin-bottom: 15px; } .woocommerce #review_form #respond span#reply-title { font-size: 28px; font-family: var(--wp--preset--font-family--fontsecondary); } .woocommerce.product div#reviews div#respond label[for="wp-comment-cookies-consent"] { font-size: 14px; margin-top: 0; margin-left:5px; margin-bottom:0px; } .woocommerce #review_form #respond p.comment-form-cookies-consent { display: flex; align-items: center; margin:15px 0; line-height:130%; } .woocommerce.product div#reviews div#respond input[type="email"], .woocommerce.product div#reviews div#respond input[type="text"], .woocommerce.product div#reviews textarea { padding: 10px 20px; display: block; border-radius: 3px; margin-bottom: 13px; } .woocommerce.product div#reviews div#respond label { margin-top:10px; } p.woocommerce-noreviews { color: var(--wp--preset--color--mono-2); } .woocommerce p.stars a, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars, .woocommerce .star-rating span { color:#f5cd1a; } .woocommerce #review_form #respond p.comment-notes { color: var(--wp--preset--color--mono-2); } /* Footer 001 */ @media only screen and (max-width: 781px) { .superbthemes-footer-center-socials-mobile .wp-block-social-links { justify-content: center !important; float: none !important; margin-left: 0px !important; margin-right: 0px !important; } .superbthemes-footer-001 { text-align: center; } .superbthemes-footer-001 ul { justify-content: center!important; } } :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #1C1917;--wp--preset--color--mono-2: #71717A;--wp--preset--color--contrast-light: #FFFFFF;--wp--preset--color--contrast-dark: #000000;--wp--preset--color--base: #FFFFFF;--wp--preset--color--mono-1: #1C1917;--wp--preset--color--featured: #44403C;--wp--preset--color--mono-3: #D4D4D8;--wp--preset--color--mono-4: #FAFAF9;--wp--preset--color--primary-hover: #292524;--wp--preset--color--custom-d-4-af-37: #000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.682), 20px);--wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.586), 36px);--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.93), 42px);--wp--preset--font-size--superbfont-tiny: clamp(10px, 0.625rem + ((1vw - 3.2px) * 0.227), 12px);--wp--preset--font-size--superbfont-xxsmall: clamp(12px, 0.75rem + ((1vw - 3.2px) * 0.227), 14px);--wp--preset--font-size--superbfont-xsmall: clamp(16px, 1rem + ((1vw - 3.2px) * 1), 16px);--wp--preset--font-size--superbfont-small: clamp(16px, 1rem + ((1vw - 3.2px) * 0.227), 18px);--wp--preset--font-size--superbfont-medium: clamp(18px, 1.125rem + ((1vw - 3.2px) * 0.227), 20px);--wp--preset--font-size--superbfont-large: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.909), 32px);--wp--preset--font-size--superbfont-xlarge: clamp(32px, 2rem + ((1vw - 3.2px) * 1.818), 48px);--wp--preset--font-size--superbfont-xxlarge: clamp(40px, 2.5rem + ((1vw - 3.2px) * 2.727), 64px);--wp--preset--font-family--fontprimary: "Jost", sans-serif;--wp--preset--font-family--fontsecondary: 'Prata', sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--superbspacing-xxsmall: clamp(5px, 1vw, 10px);--wp--preset--spacing--superbspacing-xsmall: clamp(10px, 2vw, 20px);--wp--preset--spacing--superbspacing-small: clamp(20px, 4vw, 40px);--wp--preset--spacing--superbspacing-medium: clamp(30px, 6vw, 60px);--wp--preset--spacing--superbspacing-large: clamp(40px, 8vw, 80px);--wp--preset--spacing--superbspacing-xlarge: clamp(50px, 10vw, 100px);--wp--preset--spacing--superbspacing-xxlarge: clamp(60px, 12vw, 120px);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 1200px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.5rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.5rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.5rem;}:root :where(.is-layout-grid){gap: 1.5rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--contrast-dark);color: var(--wp--preset--color--contrast-light);font-family: var(--wp--preset--font-family--fontprimary);font-size: var(--wp--preset--font-size--medium);line-height: 2.5;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: 0px;--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: 0px;}a:where(:not(.wp-element-button)){color: inherit;text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):focus){text-decoration: underline;}h1, h2, h3, h4, h5, h6{color: var(--wp--preset--color--luminous-vivid-amber);font-family: var(--wp--preset--font-family--fontsecondary);line-height: 1.4;}h1{color: var(--wp--preset--color--luminous-vivid-amber);font-size: var(--wp--preset--font-size--superbfont-xlarge);line-height: 1.2;}h2{font-size: var(--wp--preset--font-size--x-large);line-height: 1.2;}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--medium);}h6{font-size: var(--wp--preset--font-size--medium);}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--primary);border-radius: 0px;border-width: 0;color: var(--wp--preset--color--contrast-light);font-family: inherit;font-size: var(--wp--preset--font-size--superbfont-small);font-style: inherit;font-weight: 600;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}:root :where(.wp-element-button:visited, .wp-block-button__link:visited){color: var(--wp--preset--color--contrast-light);}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--primary-hover);color: var(--wp--preset--color--contrast-light);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: var(--wp--preset--color--primary-hover);color: var(--wp--preset--color--contrast-light);}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: var(--wp--preset--color--primary-hover);color: var(--wp--preset--color--contrast-light);}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-mono-2-color{color: var(--wp--preset--color--mono-2) !important;}.has-contrast-light-color{color: var(--wp--preset--color--contrast-light) !important;}.has-contrast-dark-color{color: var(--wp--preset--color--contrast-dark) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-mono-1-color{color: var(--wp--preset--color--mono-1) !important;}.has-featured-color{color: var(--wp--preset--color--featured) !important;}.has-mono-3-color{color: var(--wp--preset--color--mono-3) !important;}.has-mono-4-color{color: var(--wp--preset--color--mono-4) !important;}.has-primary-hover-color{color: var(--wp--preset--color--primary-hover) !important;}.has-custom-d-4-af-37-color{color: var(--wp--preset--color--custom-d-4-af-37) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-mono-2-background-color{background-color: var(--wp--preset--color--mono-2) !important;}.has-contrast-light-background-color{background-color: var(--wp--preset--color--contrast-light) !important;}.has-contrast-dark-background-color{background-color: var(--wp--preset--color--contrast-dark) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-mono-1-background-color{background-color: var(--wp--preset--color--mono-1) !important;}.has-featured-background-color{background-color: var(--wp--preset--color--featured) !important;}.has-mono-3-background-color{background-color: var(--wp--preset--color--mono-3) !important;}.has-mono-4-background-color{background-color: var(--wp--preset--color--mono-4) !important;}.has-primary-hover-background-color{background-color: var(--wp--preset--color--primary-hover) !important;}.has-custom-d-4-af-37-background-color{background-color: var(--wp--preset--color--custom-d-4-af-37) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-mono-2-border-color{border-color: var(--wp--preset--color--mono-2) !important;}.has-contrast-light-border-color{border-color: var(--wp--preset--color--contrast-light) !important;}.has-contrast-dark-border-color{border-color: var(--wp--preset--color--contrast-dark) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-mono-1-border-color{border-color: var(--wp--preset--color--mono-1) !important;}.has-featured-border-color{border-color: var(--wp--preset--color--featured) !important;}.has-mono-3-border-color{border-color: var(--wp--preset--color--mono-3) !important;}.has-mono-4-border-color{border-color: var(--wp--preset--color--mono-4) !important;}.has-primary-hover-border-color{border-color: var(--wp--preset--color--primary-hover) !important;}.has-custom-d-4-af-37-border-color{border-color: var(--wp--preset--color--custom-d-4-af-37) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-superbfont-tiny-font-size{font-size: var(--wp--preset--font-size--superbfont-tiny) !important;}.has-superbfont-xxsmall-font-size{font-size: var(--wp--preset--font-size--superbfont-xxsmall) !important;}.has-superbfont-xsmall-font-size{font-size: var(--wp--preset--font-size--superbfont-xsmall) !important;}.has-superbfont-small-font-size{font-size: var(--wp--preset--font-size--superbfont-small) !important;}.has-superbfont-medium-font-size{font-size: var(--wp--preset--font-size--superbfont-medium) !important;}.has-superbfont-large-font-size{font-size: var(--wp--preset--font-size--superbfont-large) !important;}.has-superbfont-xlarge-font-size{font-size: var(--wp--preset--font-size--superbfont-xlarge) !important;}.has-superbfont-xxlarge-font-size{font-size: var(--wp--preset--font-size--superbfont-xxlarge) !important;}.has-fontprimary-font-family{font-family: var(--wp--preset--font-family--fontprimary) !important;}.has-fontsecondary-font-family{font-family: var(--wp--preset--font-family--fontsecondary) !important;} /*# sourceURL=global-styles-inline-css */ .skip-link.screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link.screen-reader-text:focus { background-color: #eee; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*# sourceURL=wp-block-template-skip-link-inline-css */ @font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.vkspraypainting.com/wp-content/themes/ruby-ecommerce/assets/fonts/jost/Jost-VariableFont_wght.ttf') format('truetype');font-stretch:normal;} @font-face{font-family:Jost;font-style:semibold;font-weight:400;font-display:fallback;src:url('https://www.vkspraypainting.com/wp-content/themes/ruby-ecommerce/assets/fonts/jost/Jost-VariableFont_wght.ttf') format('truetype');font-stretch:normal;} @font-face{font-family:Jost;font-style:bold;font-weight:400;font-display:fallback;src:url('https://www.vkspraypainting.com/wp-content/themes/ruby-ecommerce/assets/fonts/jost/Jost-VariableFont_wght.ttf') format('truetype');font-stretch:normal;} @font-face{font-family:Prata;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.vkspraypainting.com/wp-content/themes/ruby-ecommerce/assets/fonts/prata/Prata-Regular.ttf') format('truetype');font-stretch:normal;} @font-face{font-family:Prata;font-style:bold;font-weight:400;font-display:fallback;src:url('https://www.vkspraypainting.com/wp-content/themes/ruby-ecommerce/assets/fonts/prata/Prata-Regular.ttf') format('truetype');font-stretch:normal;} /* --- 1. TYPOGRAPHY & RESET --- */ :root { --vk-gold: #D4AF37; --vk-dark: #050505; --vk-card-bg: #0a0a0a; --vk-text-gray: #a0a0a0; } body { margin: 0; padding: 0; box-sizing: border-box; background-color: #050505; color: #f2f2f2; font-family: 'Inter', sans-serif; overflow-x: hidden; } .vk-combined-header { position: relative; width: 100%; height: 100vh; min-height: 550px; overflow: hidden; background-color: #050505; } /* --- 2. NAVIGATION --- */ .vk-header-nav { position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 6%; z-index: 1001; background: linear-gradient(to bottom, rgba(5,5,5,0.9), transparent); box-sizing: border-box; } .vk-logo { font-size: clamp(1.1rem, 4vw, 1.3rem); color: #D4AF37; text-decoration: none; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; z-index: 1002; } .vk-header-right { display: flex; align-items: center; gap: 15px; } .vk-menu { display: flex; gap: 2px; } .vk-menu a { color: #eee; text-decoration: none; padding: 10px 15px; font-size: 0.7rem; text-transform: uppercase; font-weight: 500; letter-spacing: 1.2px; border-radius: 50px; transition: 0.4s; } .vk-menu a:hover, .vk-menu a.active { color: #D4AF37; background: rgba(212, 175, 55, 0.1); } .vk-btn-book { color: #fff; text-decoration: none; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; padding: 8px 18px; border: 1px solid #D4AF37; border-radius: 50px; transition: 0.3s; white-space: nowrap; z-index: 1002; } .vk-btn-book:hover { background: #D4AF37; color: #000; } .vk-mobile-btn { display: none; background: none; border: none; cursor: pointer; padding: 5px; z-index: 1002; } .vk-mobile-btn span { display: block; width: 24px; height: 2px; background: #D4AF37; margin: 6px 0; transition: 0.4s; } .vk-menu-overlay { position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background: rgba(5, 5, 5, 0.98); display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.5s cubic-bezier(0.77,0.2,0.05,1.0); z-index: 1000; } .vk-menu-overlay.active { right: 0; } .vk-menu-overlay a { color: #fff; font-size: 1.4rem; text-decoration: none; margin: 12px 0; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; } .vk-menu-overlay a.active { color: #D4AF37; } /* --- 3. HERO SLIDER --- */ .vk-hero-bg-wrapper { position: absolute; inset: 0; z-index: 1; } .vk-hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease-in-out; } .vk-hero-slide.active { opacity: 1; } .vk-hero-content-wrapper { position: relative; z-index: 2; padding: 0 8%; height: 100%; display: flex; flex-direction: column; justify-content: center; max-width: 900px; } .vk-text-item { display: none; opacity: 0; transform: translateY(25px); transition: 1s ease-out; } .vk-text-item.active { display: block; opacity: 1; transform: translateY(0); } .vk-text-item h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 8vw, 4.5rem); line-height: 1.1; margin-bottom: 25px; color: #fff; } .vk-text-item p { font-size: clamp(0.9rem, 3vw, 1.1rem); line-height: 1.7; margin-bottom: 40px; color: #ccc; max-width: 650px; } .vk-btn-quote { background: #D4AF37; color: #000; text-decoration: none; padding: 18px 50px; border-radius: 50px; font-weight: 700; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; display: inline-block; } /* --- 4. CONTACT PAGE CONTENT --- */ .vk-contact-page { background-color: var(--vk-dark); color: #fff; } .vk-contact-hero { height: 50vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), url('https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1920'); background-size: cover; background-position: center; padding: 0 8%; } .vk-contact-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 8vw, 4rem); margin-bottom: 15px; color: var(--vk-gold); } .vk-special-offer { background: rgba(212, 175, 55, 0.1); border: 1px solid var(--vk-gold); padding: 10px 25px; border-radius: 50px; font-size: 0.9rem; letter-spacing: 1px; color: var(--vk-gold); font-weight: 500; margin-bottom: 20px; } .vk-contact-grid { padding: 80px 8%; display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; } .vk-contact-info-panel h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; margin-bottom: 30px; } .vk-contact-method { margin-bottom: 40px; } .vk-contact-method h4 { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; color: var(--vk-gold); margin-bottom: 10px; } .vk-contact-method p, .vk-contact-method a { font-size: 1.1rem; color: #eee; text-decoration: none; font-weight: 300; display: block; line-height: 1.6; } .vk-contact-form-box { background: var(--vk-card-bg); padding: 50px; border: 1px solid rgba(255,255,255,0.03); } .vk-form-group { margin-bottom: 25px; } .vk-form-group label { display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; color: #666; } .vk-form-input { width: 100%; background: #111; border: 1px solid #222; padding: 15px; color: #fff; font-family: 'Inter', sans-serif; font-size: 0.95rem; box-sizing: border-box; transition: 0.3s; } .vk-form-input:focus { border-color: var(--vk-gold); outline: none; } .vk-btn-submit { background: var(--vk-gold); color: #000; border: none; padding: 18px 45px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; width: 100%; transition: 0.3s; } .vk-btn-submit:hover { background: #fff; } .vk-map-section { padding: 0 8% 100px; } .vk-address-card { display: flex; background: #000; border: 1px solid rgba(212, 175, 55, 0.1); padding: 40px; align-items: center; gap: 40px; margin-bottom: 30px; } .vk-address-text h3 { font-family: 'Playfair Display', serif; font-size: 1.8rem; margin-bottom: 10px; } .vk-address-text p { color: var(--vk-text-gray); font-weight: 300; margin-bottom: 20px; } .vk-btn-directions { color: var(--vk-gold); text-decoration: none; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px solid var(--vk-gold); padding-bottom: 5px; } .vk-map-container { width: 100%; height: 450px; background: #111; border: 1px solid rgba(255,255,255,0.05); } .vk-map-container iframe { width: 100%; height: 100%; border: 0; } /* --- 5. FOOTER --- */ #vk-footer-wrap { padding: 100px 8% 60px; background: #000000; border-top: 1px solid rgba(212, 175, 55, 0.2); font-family: 'Inter', sans-serif; color: #ffffff; margin: 0; } .vk-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; } .vk-col { display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .vk-footer-brand h4, .vk-footer-heading { font-family: 'Playfair Display', serif; color: #D4AF37; text-transform: uppercase; font-weight: 700; margin: 0 0 30px 0; line-height: 1.2; } .vk-footer-brand h4 { font-size: 1.6rem; letter-spacing: 2px; margin-bottom: 12px; } .vk-footer-slogan { font-size: 0.7rem; color: #D4AF37; letter-spacing: 2px; display: block; margin-bottom: 25px; font-weight: 600; text-transform: uppercase; } .vk-footer-brand p { color: #aaa; line-height: 1.8; font-size: 0.95rem; max-width: 350px; margin: 0; } .vk-footer-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .vk-footer-links li { margin-bottom: 15px; display: flex; align-items: flex-start; } .vk-footer-links a { color: #999; text-decoration: none; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1.2px; transition: all 0.4s ease; display: inline-flex; line-height: 1.6; } .vk-address-link { text-transform: none !important; } .vk-email-link { text-transform: none !important; } .vk-icon-sm { margin-right: 15px; font-size: 1.1rem; color: #D4AF37; width: 20px; text-align: center; flex-shrink: 0; margin-top: 2px; } .vk-footer-links a:hover { color: #D4AF37; transform: translateX(8px); } .vk-footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; text-align: center; color: #444; font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase; } /* --- 6. RESPONSIVE --- */ @media (max-width: 1024px) { .vk-menu { display: none; } .vk-mobile-btn { display: block; } .vk-mobile-btn.open span:nth-child(1) { transform: rotate(-45deg) translate(-5px, 6px); } .vk-mobile-btn.open span:nth-child(2) { opacity: 0; } .vk-mobile-btn.open span:nth-child(3) { transform: rotate(45deg) translate(-5px, -6px); } .vk-footer-grid { grid-template-columns: 1fr; gap: 50px; } .vk-col { align-items: center; text-align: center; } .vk-footer-brand p { max-width: 100%; margin: 0 auto; } .vk-footer-links li { justify-content: center; } .vk-contact-grid { grid-template-columns: 1fr; } .vk-address-card { flex-direction: column; text-align: center; } } /* --- MOBILE FORM FIX --- */ @media (max-width: 600px) { .vk-form-mobile-row { grid-template-columns: 1fr !important; } .vk-contact-form-box { padding: 30px 20px; } } /* --- 7. STICKY CALL BUTTON --- */ .vk-sticky-call { position: fixed; bottom: 30px; right: 30px; width: 65px; height: 65px; background-color: #D4AF37; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 9999; box-shadow: 0 4px 20px rgba(0,0,0,0.5); text-decoration: none; transition: transform 0.3s ease; animation: vk-pulse 2s infinite; } .vk-sticky-call svg { width: 30px; height: 30px; fill: #000; } @keyframes vk-pulse { 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); } 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); } 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); } }