🔥 Save 25% when signing up to a yearly plan! GET STARTED NOw 🔥

AS Colour 4122 Women’s Crop Hood

How to Create an AS Colour 4122 Womens Crop Hood Mockup

Creating an AS Colour 4122 Womens Crop Hood mockup follows a structured workflow in 5 simple steps where you add your design to the Womens Crop Hood, change colors to match variations, switch between different mockup styles for real-world presentation, review updates in a live preview to check placement and alignment, and download the finalized mockup as a high-resolution image for product listings, catalogs, or marketing use.

Upload your design file, such as a logo, artwork, or graphic. The tool applies the design directly onto the AS Colour 4122 Womens Crop Hood surface, ensuring accurate placement, proportion, and visual alignment that matches the actual AS Colour 4122 product specifications.

Select different color options for the AS Colour 4122 Womens Crop Hood to see how the design interacts with light and dark variations. Color changes update the mockup instantly while keeping your design unchanged, allowing you to preview all available AS Colour Womens Crop Hood color options.

Switch between multiple AS Colour 4122 Womens Crop Hood mockup views, such as front, back, or different angles. Each mockup represents a realistic way the Womens Crop Hood appears in actual use, matching the exact fit and drape of the AS Colour 4122.

View real-time updates as you adjust design placement, colors, or mockup styles. The live preview shows exactly how the AS Colour 4122 Womens Crop Hood mockup looks after every change, ensuring accurate representation before download.

Once finalized, download the AS Colour 4122 Womens Crop Hood mockup as a high-resolution image. The file is suitable for product listings, catalogs, marketing visuals, or presentations, ready to showcase your design on this AS Colour product.

Core Features of Our AS Colour 4122 Womens Crop Hood Mockup Generator

Our AS Colour 4122 Womens Crop Hood mockup generator delivers realistic, production-ready Womens Crop Hood visuals with accurate structure, material detail, and high-resolution output. The platform supports efficient mockup workflows while preserving brand consistency and true-to-life previews aligned with real AS Colour production standards.

📦

5000+ Mockup Templates

Access a wide range of Womens Crop Hood mockup templates that support different layouts, styles, and presentation needs, including multiple views of the AS Colour 4122 Womens Crop Hood.

🏷️

45+ Real Apparel Brands

Use mockups based on real-world brands such as AS Colour, Bella Canvas, Gildan, and Next Level, ensuring accurate fit, structure, and material representation that matches actual products.

👁️

6 Views Per Mockup Set

Each mockup set includes multiple views, such as front and back angles, to provide complete Womens Crop Hood coverage for consistent product listings across your store.

💰

50% Off for New Users

Activate a plan with an initial offer and access full features, including all AS Colour mockup templates and high-resolution exports.

🎨

Complete Color Libraries

Apply accurate color variations and material tones to preview how designs interact with different AS Colour 4122 Womens Crop Hood color options before final use.

🖼️

Scene Creator

Add backgrounds, shadows, and environmental elements to create realistic, studio-style Womens Crop Hood visuals without requiring a photoshoot.

📸

High Resolution Output

Export AS Colour 4122 Womens Crop Hood mockups in high resolution with clear design details and visible material texture for professional use in e-commerce and marketing.

♾️

Unlimited Downloads

Create and download unlimited AS Colour 4122 Womens Crop Hood mockups, supporting continuous design and listing workflows without restrictions.

📨

Request Missing Mockup Sets Anytime

Request additional AS Colour Womens Crop Hood styles or variations to keep the mockup library aligned with your product range.

Early Access to New Mockups

Access new Womens Crop Hood mockup templates before public release to maintain updated and relevant visual content for your brand.

What Our Users Are Saying About AS Colour 4122 Womens Crop Hood Mockups

Emily

Emily

Verified User

Didn’t think I’d need it, but now I use it all the time. Mockups are top-notch.

Montrell

Montrell

Verified User

The quality of the mockups from Mock It is exceptional. My product images look professional and polished.

William

William

Verified User

OMG my products look 100x better. Can’t believe I didn’t try this sooner.

Choose Your Plan – Unlimited Mockups Start Today

Choose a monthly or annual plan to unlock full access to the AS Colour 4122 Womens Crop Hood Mockup Generator and its complete template library, allowing you to upload designs, create realistic mockups, and download high-resolution exports without limits, with trial access available for new users.

Pay Monthly Pay Yearly Save up to 27%
Pro
$ 21.99
Billed Monthly
Subscribe
Save 27% with yearly billing
  • Everything in the Standard Plan
  • High Resolution Mockups
  • 1 Express Mockup Request a quarter
  • Priority Mockup Requests
  • Image Background Remover
  • Early Access To New Mockups
  • AI Text-To-Image Generator
  • Cancel Anytime
  • 30 Day Money Back Guarantee
  • License for Commercial Use
Free 7 Day Trial
$ 0
Then $11.99/month
Get Started For Free
Save 25% with yearly billing
  • 7 Day Free Trial
  • Access Over 5,000 Mockups
  • High Resolution Mockups
  • Mockups From The Biggest Brands
  • Complete Color and Fabric Libraries
  • Front & Back Mockups Included
  • Create Unlimited Mockups
  • Cancel Anytime
  • 30 Day Money Back Guarantee
  • License for Commercial Use
/** * Theme Name: Blocksy Child * Description: Blocksy Child theme * Author: Creative Themes * Template: blocksy * Text Domain: blocksy */ #header { margin-bottom: 30px; } .home .hero-section, .page-id-30576 .top-header, .page-id-30576 .hero-section, .page-id-35891 .hero-section { display: none; } @media only screen and (min-width: 1024px) { .blog #main .ct-container { margin-top: -100px; } } @media only screen and (max-width: 1024px) and (min-width: 993px) { .entry-button[data-type="outline"] { padding: 0 17px; } } #menu-top-header-menu { padding-right: 10px; } .blog article h3.entry-title, .archive.tag article h2.entry-title, .archive.category article h2.entry-title { text-align: center; display: inline-block; justify-content: center; } .blog article h3.entry-title, .archive.tag article h2.entry-title { padding: 20px 30px; display: flex; align-items: flex-start; margin: 0; } .page-id-11058 .elementor-heading-title::after { content: ""; width: 10px; height: 3px; background: #a04ef2; display: inline-block; position: absolute; bottom: -12px; left: 0px; } .featured-logo .elementor-widget-image .elementor-image > a img[src$=".svg"], .featured-logo .elementor-widget-image .elementor-image figure > a img[src$=".svg"] { width: 100%; } /* .page-id-10756 div.wpforms-container-full .wpforms-form .wpforms-field-label { display: none; } */ .page-id-10756 div.wpforms-container-full .wpforms-form .wpforms-field, .page-id-35222 div.wpforms-container-full .wpforms-form .wpforms-field, .page-id-35224 div.wpforms-container-full .wpforms-form .wpforms-field, .page-id-43092 div.wpforms-container-full .wpforms-form .wpforms-field { padding: 0 0 30px; } .page-id-10756 div.wpforms-container-full .wpforms-form input[type="email"], .page-id-10756 div.wpforms-container-full .wpforms-form input[type="text"], .page-id-10756 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select, .page-id-10756 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select option, .page-id-10756 div.wpforms-container-full .wpforms-form textarea, .page-id-35222 div.wpforms-container-full .wpforms-form input[type="email"], .page-id-35222 div.wpforms-container-full .wpforms-form input[type="text"], .page-id-35222 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select, .page-id-35222 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select option, .page-id-35222 div.wpforms-container-full .wpforms-form textarea, .page-id-35224 div.wpforms-container-full .wpforms-form input[type="email"], .page-id-35224 div.wpforms-container-full .wpforms-form input[type="text"], .page-id-35224 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select, .page-id-35224 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select option, .page-id-35224 div.wpforms-container-full .wpforms-form textarea, .page-id-43092 div.wpforms-container-full .wpforms-form input[type="email"], .page-id-43092 div.wpforms-container-full .wpforms-form input[type="text"], .page-id-43092 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select, .page-id-43092 div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select option, .page-id-43092 div.wpforms-container-full .wpforms-form textarea { display: block; width: 100%; color: #495057; border-radius: 5px; padding: 8.5px 12px; border-width: 1px; border-color: #cccccc; border-style: solid; font-size: 14px; background-clip: padding-box; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; background-color: #fff; } .page-id-10756 #wpforms-10761-field_14-container, .page-id-10756 #wpforms-10761-field_19-container, .page-id-35222 #wpforms-10761-field_14-container, .page-id-35222 #wpforms-10761-field_19-container, .page-id-35224 #wpforms-10761-field_14-container, .page-id-35224 #wpforms-10761-field_19-container, .page-id-43092 #wpforms-10761-field_14-container, .page-id-43092 #wpforms-10761-field_19-container { padding: 0; } .page-id-10756 #wpforms-10761-field_3-container, .page-id-35222 #wpforms-10761-field_3-container, .page-id-35224 #wpforms-10761-field_3-container, .page-id-43092 #wpforms-10761-field_3-container { position: relative; } .page-id-10756 #wpforms-10761-field_3-container:after, .page-id-35222 #wpforms-10761-field_3-container:after, .page-id-35224 #wpforms-10761-field_3-container:after, .page-id-43092 #wpforms-10761-field_3-container:after { font-family: "FontAwesome"; content: "\f107"; position: absolute; top: 27px; color: #a3a3a3; margin-left: -22px; font-size: 20px; right: 10px; pointer-events: none; } .page-id-10756 div.wpforms-container-full .wpforms-form input[type="submit"], .page-id-10756 div.wpforms-container-full .wpforms-form button[type="submit"], .page-id-10756 div.wpforms-container-full .wpforms-form .wpforms-page-button, .page-id-35222 div.wpforms-container-full .wpforms-form input[type="submit"], .page-id-35222 div.wpforms-container-full .wpforms-form button[type="submit"], .page-id-35222 div.wpforms-container-full .wpforms-form .wpforms-page-button, .page-id-35224 div.wpforms-container-full .wpforms-form input[type="submit"], .page-id-35224 div.wpforms-container-full .wpforms-form button[type="submit"], .page-id-35224 div.wpforms-container-full .wpforms-form .wpforms-page-button, .page-id-43092 div.wpforms-container-full .wpforms-form input[type="submit"], .page-id-43092 div.wpforms-container-full .wpforms-form button[type="submit"], .page-id-43092 div.wpforms-container-full .wpforms-form .wpforms-page-button { color: #fff; padding: 10px 15px; font-weight: 500; font-style: normal; background-image: none; border-radius: 5px; background-color: #7633fa; min-width: 290px; margin: 20px 0 0; } .page-id-10756 div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .page-id-10756 div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .page-id-10756 div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, .page-id-35222 div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .page-id-35222 div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .page-id-35222 div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, .page-id-35224 div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .page-id-35224 div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .page-id-35224 div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, .page-id-43092 div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .page-id-43092 div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .page-id-43092 div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background-color: #696cff; } .hero-banner h2 { color: #ffffff; font-size: 62px; line-height: 72px; } .hero-section .entry-header.ct-container-narrow { padding-top: 0px !important; } .ct-container-full { padding-top: 0px !important; } .ct-container-narrow { max-width: var(--container-width); } @media only screen and (max-width: 1599px) { .hero-banner h2 { font-size: 52px; line-height: 62px; } } @media only screen and (max-width: 1199px) { .hero-banner h2 { font-size: 26px; line-height: 34px; } } @media only screen and (min-width: 1024px) { .page-id-11058 .upload-design .elementor-heading-title::after { left: 30px; } } .postid-5305 .have-coupon-link, .postid-5383 .have-coupon-link { margin: 25px 0; display: inline-block; } .postid-5305 .mp_wrapper form, .postid-5383 .mp_wrapper form { max-width: 750px; margin: 0 auto; } .page-id-5303 .mp_wrapper .mp-form-row label, .postid-5305 .mp_wrapper .mp-form-row label, .postid-5383 .mp_wrapper .mp-form-row label { font-size: 12px; } .postid-5305 .mp_wrapper .mp-form-row.mepr_price .mepr_price_cell_label, .postid-5383 .mp_wrapper .mp-form-row.mepr_price .mepr_price_cell_label { color: #a04ef2; font-size: 18px; font-weight: 600; } .postid-5305 .mp_wrapper .mp-form-row.mepr_price .mepr_price_cell, .postid-5383 .mp_wrapper .mp-form-row.mepr_price .mepr_price_cell { font-size: 14px; } .postid-5305 .mp_wrapper .mp-form-row.mepr_price, .postid-5383 .mp_wrapper .mp-form-row.mepr_price { font-size: 12px; } .postid-5305 .mp_wrapper .mp-form-row, .postid-5383 .mp_wrapper .mp-form-row { margin-bottom: 10px; } .postid-5305 .mepr-payment-methods-icons, .postid-5383 .mepr-payment-methods-icons { margin-bottom: 20px; } .postid-5305 .mepr-payment-methods-wrapper h3, .postid-5383 .mepr-payment-methods-wrapper h3 { color: #a04ef2; font-size: 22px; font-weight: bold; } .mp_wrapper .mp-form-billing-header { color: #a04ef2; font-size: 22px; font-weight: 700; } @media only screen and (min-width: 768px) { .mp_wrapper .mepr_mepr-address-country { display: inline-block; width: 32% !important; vertical-align: top; margin-right: 15px; } /*.mp_wrapper .mp-form-row.mepr_first_name, .mp_wrapper .mp-form-row.mepr_last_name,*/ .mp_wrapper .mp-form-row.mepr_mepr-address-state, .mp_wrapper .mp-form-row.mepr_mepr-address-zip { width: 32% !important; display: inline-block; } .mp_wrapper .mp-form-row.mepr_coupon { width: 32% !important; } .mp_wrapper .mp-form-row.mepr_last_name, .mp_wrapper .mp-form-row.mepr_mepr-address-zip { float: right; } .postid-5305 .mp_wrapper .mp-form-row.mepr_price, .postid-5383 .mp_wrapper .mp-form-row.mepr_price { display: inline; margin: 0 0 0 15px; } .mp_wrapper .have-coupon-link { margin: 0; } } .blog article .entry-button:hover, .archive.tag article .entry-button:hover { color: #fff; } .how-mock-it-image-block .elementor-image { width: 200px; margin: auto; } .featured-logo .elementor-image img { max-width: 90%; } .home .heading-block { position: relative; } .home .heading-block::after { content: ""; width: 30px; height: 3px; background: #a04ef2; display: inline-block; position: absolute; bottom: -12px; left: 0px; right: 0; margin: auto; } .how-mock-it-content-block .elementor-heading-title { color: #a04ef2; border: 2px solid #a04ef2; display: inline-block; border-radius: 50%; width: 25px; height: 25px; font-weight: bold; vertical-align: middle; line-height: 24px; } /* .how-mock-it-content-block .elementor-heading-title::before, */ .how-mock-it-content-block .elementor-heading-title::after { content: ""; width: calc(100% - 22px); height: 2px; background-color: #a04ef2; display: inline-block; position: absolute; top: 14px; right: auto; margin-left: 6px; } /* .how-mock-it-content-block.how-mock-it-content-middle-block .elementor-heading-title::before { margin-left: 18px; } */ .how-mock-it-content-block.how-mock-it-content-first-block .elementor-heading-title::before, .how-mock-it-content-block.how-mock-it-content-last-block .elementor-heading-title::before, .how-mock-it-content-block.how-mock-it-content-last-block .elementor-heading-title::after { display: none; } .archive #header { margin-bottom: 0; } @media only screen and (min-width: 1200px) { .single-docs .betterdocs-single-wraper { margin: 70px 0 0; } .page-id-11058 .elementor-heading-title { font-size: 30px; font-weight: 500; } .blog article h3.entry-title, .archive.tag article h2.entry-title { /* min-height: 130px; */ min-height: auto; } } @media only screen and (min-width: 1400px) { .blog article h3.entry-title, .archive.tag article h2.entry-title { min-height: 104px; } } [data-header*="type-1"] .ct-header [data-transparent-row="yes"][data-row="middle"] > div { border: 0 !important; } .post-448 .hero-section, .post-27099 .hero-section { display: none; } .hero-section { padding: 50px 0 0; text-align: center !important; } .search .hero-section, .blog .hero-section, .archive.tag .hero-section, .archive.category .hero-section { padding: 0; } .page-id-27593 .hero-section, .page-id-28283 .hero-section { display: none; } .search .hero-section .page-title { width: auto; display: inline-block; } .search .hero-section .page-title, .search .hero-section .page-title span { position: relative; } .search .hero-section .page-title span { padding-right: 10px; } .search .hero-section .page-title span::before { content: '"'; position: absolute; margin-right: -10px; right: 0; } .search .hero-section .page-title::after { content: '"'; position: absolute; margin-right: -10px; } .hero-section .page-title { color: #a04ef2; } .support-block a[data-type="page"], .support-block a[data-type="mailto"] { text-decoration: none; color: #a04ef2; border: 2px solid #a04ef2; padding: 4px 18px; display: inline-block; border-radius: 5px; margin: 15px 0 0; } footer input { color: #a04ef2 !important; background-color: #fff !important; } footer input::-webkit-input-placeholder { /* Edge */ opacity: 1; color: #a04ef2 !important; background-color: #fff !important; } footer input:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 1; color: #a04ef2 !important; background-color: #fff !important; } footer input::placeholder { opacity: 1; color: #a04ef2 !important; background-color: #fff !important; } .single-kb .docs-cat-title-inner .docs-cat-heading { color: #a04ef2 !important; } .betterdocs-categories-wrap .docs-item-count, .betterdocs-categories-wrap.single-kb .docs-cat-title-inner span { background-color: #a04ef2 !important; } /* footer .ct-social-box a:hover svg { fill: #6e6ac4 !important; } */ /* footer .ct-footer-socials .ct-social-box a:hover svg { */ footer .ct-social-box a:hover svg { fill: #fff !important; } #categories-9, #text-37 { margin-bottom: 15px; } #categories-9 .widget-title, #text-37 .widget-title { margin-bottom: 0; } #categories-9 li, #text-37 p { margin: 0; } #categories-9 li a { font-size: 12px; } #text-37 p a { font-size: 12px; text-decoration: none; } #blocksy_ct_socials-3 { margin-top: 25px; } #blocksy_ct_socials-3 .ct-social-box { display: flex; flex-direction: column; } #blocksy_ct_socials-3 .ct-social-box a:nth-child(1)::after { content: "/mockitco"; padding-left: 10px; } #blocksy_ct_socials-3 .ct-social-box a:nth-child(2)::after { content: "@mockitco"; padding-left: 10px; } #blocksy_ct_socials-3 .ct-social-box a:nth-child(3)::after { content: "/mockitco"; padding-left: 10px; } .support-block a[data-type="page"]::hover, .support-block a[data-type="mailto"]::hover { color: #fff; background-color: #a04ef2; border: 2px solid #a04ef2; } .top-header { padding: 10px; background: #a04ef2; display: flex; align-items: flex-end; justify-content: flex-end; } .top-header > .ct-container { display: flex; justify-content: flex-end; align-items: center; } .top-header a, .current_page_item a { /*color: #fff !important; font-size: 12px;*/ font-weight: 500; } .top-header a { font-size: 12px; } .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0 !important; } nav[class*="menu"] li:hover > a, nav[class*="menu"] li a.ct-highlight, nav[class*="menu"] li[class*="current-menu-"] > a { color: #fff; } header .ct-header-cta a { border: 2px solid #fff; padding: 5px 25px; border-radius: 50px; text-decoration: none; background: transparent; color: #fff; font-weight: 500; } header .ct-header-text a { background: #fff; color: #a04ef2; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-weight: 500; } header .ct-header-search, header #search-form-header, header .ct-header-text .entry-content p { display: none; } header .ct-header-text .entry-content p:first-child { margin: 0; display: inline-block; } .logged-in header .ct-header-cta, .logged-in header .ct-header-text .entry-content p { display: none; } .logged-in .demo-page { display: none; } .logged-in header .ct-header-search, .logged-in header #search-form-header { display: inline-block; } /* Pricing Start */ .mepr-price-menu.classic.classic_dark { margin: 0 auto !important; } .mepr-price-menu.classic .mepr-price-box-title, .mepr-price-menu.classic .mepr-price-box-price, .mepr-price-menu.classic.classic_dark .mepr-price-box-benefits .mepr-price-box-benefits-list .mepr-price-box-benefits-item, .mepr-price-menu.classic .mepr-price-box-button a { font-family: Roboto, Sans-Serif !important; font-weight: normal; } .mepr-price-menu.classic .mepr-price-box-price { padding: 0; font-size: 70px; line-height: 70px; margin-left: -50px; } .mepr-price-menu.classic .mepr-price-boxes { display: flex; grid-gap: 35px; max-width: 750px; } .mepr-price-menu.classic .mepr-price-boxes.mepr-2-col .mepr-price-box { padding: 0; width: 50%; position: relative; } .mepr-price-menu.classic .mepr-price-boxes { margin-top: 50px !important; } .mepr-price-menu.classic .mepr-price-boxes.mepr-2-col .mepr-price-box h5 { color: #000; position: absolute; top: -50px; left: 0; right: 0; margin: 0 auto 10px; z-index: 9; } .mepr-price-box-foot { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; } .mepr-price-menu.classic.classic_dark .mepr-price-box { border: 1px solid #e5e7ea; background-color: #fff; background-image: none; border-radius: 10px; text-align: center; } .mepr-price-menu.classic.classic_dark .mepr-price-box-benefits { border: 0; } .mepr-price-menu.classic .mepr-price-box-head { padding: 32px 20px; margin-bottom: 30px; position: relative; background-color: #a04ef2; border-top-left-radius: 10px; border-top-right-radius: 10px; } .mepr-price-box-title { color: #fff; font-size: 20px; } .mepr-price-menu.classic .mepr-price-box-heading { font-size: 21px; color: #fff; text-transform: capitalize; position: absolute; bottom: 30px; right: 100px; padding: 0; } .mepr-price-box-price { color: #fff; font-size: 32px; } .mepr-price-menu.classic.classic_dark .mepr-price-box-benefits .mepr-price-box-benefits-list .mepr-price-box-benefits-item { border: 0; color: #333; padding: 0 0 5px; font-size: 16px; position: relative; } .mepr-price-menu.classic.classic_dark .mepr-price-box-benefits .mepr-price-box-benefits-list .mepr-price-box-benefits-item::before { font-family: "FontAwesome"; content: "\f00C"; position: absolute; top: -2px; color: #696cff; margin-left: -22px; font-size: 16px; } .mepr-price-menu.classic .mepr-price-box-button a { background-color: #000; color: #fff; padding: 13px 20px; font-size: 18px; border-radius: 100px; } .mepr-price-menu.classic .mepr-price-box-benefits { margin-bottom: 0; } /* .mepr-price-menu.classic .mepr-price-box-button { margin-bottom: 50px; } */ .mepr-price-menu.classic .mepr-price-box-benefits .mepr-price-box-benefits-list { margin: 15px 15px 140px 15px; } @media only screen and (max-width: 767px) { .top-header { padding: 25px 10px; } .top-message .btn-check-them-out { display: inline-block; } .mepr-price-menu.classic .mepr-price-boxes { width: 100%; flex-direction: column; } .mepr-price-menu.classic .mepr-price-boxes.mepr-2-col .mepr-price-box { width: 100%; margin-bottom: 30px; } .mepr-price-menu.classic .mepr-price-box-head { padding: 10px; margin-bottom: 20px; } .mepr-price-menu.classic .mepr-price-box-price { margin-left: 0; font-size: 50px; line-height: 50px; } .mepr-price-menu.classic .mepr-price-box-benefits .mepr-price-box-benefits-list { margin: 0 5px; } .mepr-price-menu.classic.classic_dark .mepr-price-box-benefits .mepr-price-box-benefits-list .mepr-price-box-benefits-item { font-size: 12px; } .mepr-price-menu.classic .mepr-price-box-heading { position: static; } .betterdocs-searchform { padding: 12px 5px !important; } .betterdocs-searchform .betterdocs-search-field { font-size: 16px !important; padding: 0 0 0 10px !important; } .betterdocs-searchform svg.docs-search-icon { height: 20px !important; margin-left: 5px !important; } .mepr-price-box-foot { position: static; margin: 20px 0 50px; display: inline-block; } } /* Pricing End */ .mepr-account-table a:hover { font-weight: bold; } #search-form-alt, #search-form-header { position: relative; margin: 20px 0 0; } #search-form-header { margin: 0; } #search-form-alt svg, #search-form-header svg { position: absolute; top: 18px; left: 25px; fill: #a04ef2; } #search-form-alt input, #search-form-header input { width: 100%; color: #a04ef2; min-width: 450px; border-radius: 50px; padding: 25px 20px 25px 50px; background-color: #fff; font-size: 16px; font-weight: 500; } #search-form-alt input:focus, #search-form-header input:focus { border-color: transparent; outline: 0 !important; box-shadow: none !important; } #search-form-header input { min-width: 350px; font-size: 14px; font-weight: 500; } #offcanvas .ct-header-cta a { border: 2px solid #fff; padding: 5px 25px; border-radius: 50px; text-decoration: none; background: transparent; color: #fff; font-weight: 500; } #offcanvas .ct-header-text a { background: #fff; color: #a04ef2; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-weight: 500; } [data-menu] > ul > li.support-page, [data-menu] > ul > li.brand-page, #search-form-header, .logged-in #offcanvas .ct-header-cta a, .logged-in #offcanvas .ct-header-text a { display: none; } [data-menu] > ul > li.request-page, [data-menu] > ul > li.contact-page, .sub-menu li.request-page, .sub-menu li.contact-page, .sub-menu li.support-page, .mega-request-a-mockup, .mega-support-page, .logged-in .pricing-page, .dashboard-page { display: none !important; } .logged-in .sub-menu li.request-page, .logged-in .sub-menu li.contact-page, .logged-in .sub-menu li.support-page, .logged-in [data-menu] > ul > li.request-page, .logged-in [data-menu] > ul > li.contact-page, [data-menu] > ul > li.feature-page, [data-menu] > ul > li.free-mock-page, .logged-in .mega-request-a-mockup, .logged-in .mega-support-page, .logged-in .pricing-page, .logged-in .dashboard-page { display: inline-block !important; } .mepr-active-nav-tab a:hover { font-weight: bold; } .logged-in [data-menu] > ul > li.feature-page, .logged-in [data-menu] > ul > li.pricing-page, .logged-in [data-menu] > ul > li.how-work-page, .logged-in [data-menu] > ul > li.free-mock-page { display: none; } .logged-in [data-menu] > ul > li.support-page, .logged-in [data-menu] > ul > li.brand-page, .logged-in [data-menu] > ul > li.request-page, .logged-in #search-form-header { display: inline-block; } div#wpforms-306.wpforms-container-full { max-width: 780px !important; } div#wpforms-306.wpforms-container-full .wpforms-form .wpforms-field { padding: 0 calc(30px / 2); margin-bottom: 30px; } div#wpforms-306.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-name, div#wpforms-306.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-email { width: 50%; display: inline-block; } div#wpforms-306.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 12px; } div#wpforms-306.wpforms-container-full .wpforms-form input, div#wpforms-306.wpforms-container-full .wpforms-form select, div#wpforms-306.wpforms-container-full .wpforms-form textarea { display: block; width: 100%; max-width: 100%; background-clip: padding-box; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; padding: 8.5px 12px; background-color: #ffffff; color: #495057; border-width: 1px; border-color: #ced4da; border-style: solid; border-radius: 5px; } div#wpforms-306.wpforms-container-full .wpforms-form input[type="submit"], div#wpforms-306.wpforms-container-full .wpforms-form button[type="submit"], div#wpforms-306.wpforms-container-full .wpforms-form .wpforms-page-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 400; line-height: 1.3; color: #212529; text-align: center; text-decoration: none !important; position: relative; z-index: 1; overflow: hidden; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; padding: 13px 20px; font-size: 18px; border-radius: 24px; background-image: none; background-color: #a04ef2; color: #fff; } div#wpforms-306.wpforms-container-full .wpforms-form input[type="submit"]:hover { background-color: #696cff; } div#wpforms-306.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 10px 0 0 15px; } @media only screen and (max-width: 767px) { div#wpforms-306.wpforms-container-full { width: auto !important; margin: 0 5px !important; } } @media only screen and (max-width: 1199px) { .single-docs .betterdocs-search-form-wrap { padding-top: 120px; } } @media only screen and (max-width: 1000px) { .single-docs .betterdocs-search-form-wrap { padding-top: 90px; } } @media only screen and (max-width: 767px) { .home article.post, .blog article.post { margin-bottom: 30px; } .home #main > .ct-container { padding-top: 0; } .home .ugb-header.ugb-header--v3 .ugb-header__item { padding: 0; text-align: center; } .home .ugb-715d610 .ugb-header__title { text-align: center !important; font-size: 23px !important; } .home .ugb-715d610 .ugb-header__subtitle { font-size: 18px !important; } .home .ugb-header.ugb-header--v3 .ugb-header__buttons { text-align: center; } .home .ugb-header.ugb-header--v3 .ugb-header__buttons > div { margin: auto; } .page-id-11058 .elementor-heading-title::after { right: 0; margin: auto; } footer { text-align: center; } .ct-social-box a { justify-content: center; } #search-form-alt input, #search-form-header input { min-width: inherit; } .ugb-715d610.ugb-header { background-image: none !important; } .how-mock-it-content-block .elementor-heading-title::before, .how-mock-it-content-block .elementor-heading-title::after { display: none; } .betterdocs-archive-wrap.betterdocs-archive-main { width: auto !important; margin-left: 25px; margin-right: 25px; } } /* @media only screen and (max-width: 767px) and (min-width: 650px) { .betterdocs-archive-wrap.betterdocs-archive-main { width: auto !important; margin-left: 25px; margin-right: 10px; } } */ .mobile-menu[data-type="type-1"] ul .menu-item-has-children > ul li a:before, .mobile-menu[data-type="type-1"] ul .page_item_has_children > ul li a:before { display: none; } .mobile-menu li a:hover { color: #fff !important; } .memberpressproduct-template-default .hero-section .entry-header .entry-meta, .memberpressgroup .hero-section .entry-header .entry-meta { display: none; } .mepr-price-menu.classic .mepr-price-boxes { width: 80%; } .site-main .hero-section .entry-header .page-title .ct-title-label { display: none; } .page-id-10853 .content-wide [data-structure*="default"] .entry-content > .fpd-product-designer-wrapper, .single .content-wide [data-structure*="default"] .entry-content > .fpd-product-designer-wrapper { max-width: 989px !important; } .entry-content > .fpd-product-designer-wrapper { max-width: 1300px !important; margin: 0 auto; } .search .entry-card .entry-title a { width: 100%; text-align: center; display: inline-block; } .mepr-price-box-footer { font-size: 14px; font-weight: 500; } .ct-button-type1 { background: #fff; color: #bf54ea; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-weight: 500; } .ct-button-type1:hover { color: #bf54ea; } .ct-button-type2 { border: 2px solid #fff; padding: 10px 25px; border-radius: 50px; text-decoration: none; background: transparent; color: #fff; font-weight: 500; /* margin-left: 10px; */ margin-right: 10px; } .ct-button-type2:hover { color: #bf54ea; background-color: #fff; } #header .ct-sticky-container .ct-header-trigger { display: inline-block; position: relative; padding: 2em; margin: -2em; } #main { margin: 69px 0 0 !important; } /*#header { position: fixed; top: 0; left: 0; right: 0; } #main { margin: 69px 0 0; } .logged-in .main-header{ position: fixed; top: 30px; left: 0; right: 0; z-index: 99; } .logged-in #header { position: relative; } .logged-in #main{margin: 106px 0 0;}*/ @media only screen and (max-width: 1199px) { .ct-button-type1, .ct-button-type2 { font-size: 14px; } } @media only screen and (max-width: 767px) { .ct-button-type1, .ct-button-type2 { display: block; text-align: center; max-width: 200px; } .ct-button-type1 { margin: 0 auto 15px; } .ct-button-type2 { margin: 0 auto; } .elementor-element-bc6aa77 { display: none; } } .fpd-modal-overlay { position: fixed !important; } .search .hero-section[data-type="type-1"] .page-description { display: block; } #notification-menu > li { position: relative; } #notification-menu .sub-menu { display: none; position: absolute; top: 30px; z-index: 999; background: #fff; max-width: 300px; right: 0; padding: 15px 15px 0; max-height: 300px; overflow-x: visible; overflow-y: auto; min-width: 300px; } #notification-menu a.ct-menu-link.active:after { content: ""; position: absolute; bottom: -10px; z-index: 9999999999999999999999; right: 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #notification-menu .sub-menu h2 { margin: 0 0 10px; font-size: 24px; line-height: 28px; color: #404040; } #notification-menu .sub-menu h6 { margin: 0 0 10px; color: #c2c2c2; font-size: 12px; line-height: 12px; font-weight: 500; } #notification-menu .sub-menu li { padding: 5px 0; display: flex; align-items: center; border-bottom: 1px solid #918fd0; } #notification-menu .sub-menu li:last-child { border-bottom: 0; } #notification-menu .sub-menu li img { margin: 0 10px 0 0; max-width: 30px; height: auto; display: block; } #notification-menu .sub-menu li a { color: #404040 !important; padding: 10px 0 !important; font-size: 18px; line-height: 22px !important; display: inline-block; width: 100%; font-weight: bold; } #notification-menu .sub-menu li a:hover { /* background: #6e69ce; */ } /* width */ #notification-menu ::-webkit-scrollbar { width: 8px; border-radius: 5px; } /* Track */ #notification-menu ::-webkit-scrollbar-track { background: #8884dc; } /* Handle */ #notification-menu ::-webkit-scrollbar-thumb { background: #6e69ce; } /* Handle on hover */ #notification-menu ::-webkit-scrollbar-thumb:hover { background: #494595; } #notification-menu .sub-menu li.no-post { color: #000; padding: 10px 15px; } #notification-menu .ct-menu-link { position: relative; } #notification-menu .count { position: absolute; top: -8px; z-index: 999999; overflow: visible; right: 0px; background: red; color: #fff; font-size: 10px; width: 15px; height: 15px; border-radius: 15px; text-align: center; } @media only screen and (max-width: 767px) { #notification-menu .sub-menu { left: 0; min-width: 200px; } } .home-mockup article { padding: 0 !important; } .home-mockup article .boundless-image { margin: 0; } .home-mockup .entry-title { padding: 0 30px; text-align: center; } .home-mockup .entry-title a { color: #414141; } .home-mockup .entry-button { margin: 0 30px 30px; } .page-id-30931 .blog.home-mockup article h3.entry-title, .page-id-37303 .blog.home-mockup article h3.entry-title { width: 100%; min-height: 52px; } .home-content-block-1 .elementor-heading-title span, .home-content-block-2 .elementor-heading-title span, .home-content-block-3 .elementor-heading-title span { color: #a04ef2; } .home-content-block-2 .elementor-heading-title, .home-content-block-3 .elementor-heading-title { max-width: 470px; } .home-text-block-1 p, .home-text-block-2 p, .home-text-block-3 p { max-width: 450px; } .home-content-block-2 .elementor-heading-title, .home-text-block-2 p { margin: 0 0 0 auto; } @media only screen and (max-width: 991px) { .home-content-block-1 .elementor-heading-title, .home-content-block-2 .elementor-heading-title, .home-content-block-3 .elementor-heading-title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .home-content-block-1 .elementor-heading-title, .home-content-block-2 .elementor-heading-title, .home-content-block-3 .elementor-heading-title, .home-text-block-1 p, .home-text-block-2 p, .home-text-block-3 p, .home-button-block-1, .home-button-block-2, .home-button-block-3 { text-align: center !important; } } .banner-content h4 { color: #fff; margin: 0 0 20px !important; font-weight: 400; } @media only screen and (max-width: 767px) { .banner-content h4 { max-width: 300px; margin: 0 auto 20px !important; } } /* Gradient */ /* .hero-banner { background: #af4fee; background: -moz-linear-gradient(left, #af4fee 0%, #8f3df4 34%, #207cca 59%, #762ff9 100%); background: -webkit-linear-gradient(left, #af4fee 0%, #8f3df4 34%, #207cca 59%, #762ff9 100%); background: linear-gradient(to right, #af4fee 0%, #8f3df4 34%, #207cca 59%, #762ff9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af4fee', endColorstr='#762ff9', GradientType=1); } */ /* .banner-content h4 .counter { font-weight: bold; } */ /* @property --num { syntax: ""; initial-value: 3023; inherits: false; } .css-counter { -webkit-animation: counter 3s alternate ease-in-out; -moz-animation: counter 3s alternate ease-in-out; -o-animation: counter 3s alternate ease-in-out; -ms-transition: counter 3s alternate ease-in-out; animation: counter 3s alternate ease-in-out; counter-reset: num var(--num); } .css-counter::after { content: counter(num); } @-webkit-keyframes counter { from { --num: 0; } to { --num: 3023; } } @-moz-keyframes counter { from { --num: 0; } to { --num: 3023; } } @-o-keyframes counter { from { --num: 0; } to { --num: 3023; } } @-ms-keyframes counter { from { --num: 0; } to { --num: 3023; } } @keyframes counter { from { --num: 0; } to { --num: 3023; } } */ #header [data-row], .home-hero-banner { background: rgb(180, 81, 237); background: linear-gradient( 90deg, rgba(180, 81, 237, 1) 0%, rgba(134, 56, 246, 1) 49%, rgba(128, 53, 247, 1) 100% ); } .steps-block h5 { color: #fff; } .newest-mockups-block .entry-button[data-type="outline"] { color: #6d5de8 !important; border-color: #6d5de8 !important; } .newest-mockups-block .entry-button[data-type="outline"]:hover { color: #fff !important; background-color: #6d5de8 !important; } .newest-mockups-block .button-block { text-align: center; } .newest-mockups-block .button-block .entry-button { display: inline-block; line-height: 35px; } .core-features-block .image-block .elementor-widget-container { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; } .core-features-block .image-block .elementor-widget-container .elementor-image img { max-width: 40px; margin: 0 auto; } .core-features-block .image-block .elementor-widget-container { float: left; border-radius: 10px 0 10px 0; } .core-features-subblock .elementor-element-populated { padding: 0 !important; } .core-features-subblock .elementor-widget-wrap.elementor-element-populated { padding: 0; /* box-shadow: 0 0 10px #f3f3f3; */ box-shadow: 0 0 10px #ddd8d8; } .core-features-subblock .features-heading { padding: 0 30px; } .core-features-subblock .features-details { padding: 0 30px 30px; } .core-features-subblock .features-details p { font-size: 15px; } .core-features-subblock .features-details span { color: #7633fa; } @media only screen and (max-width: 767px) { .ct-button-type2 { margin: 0 auto 10px; } .logged-in .ct-button-type1.logged-in { width: 100%; } } .category .entry-button:hover { color: #fff !important; } footer #media_image-8 img { max-width: 80% !important; } .fpd-thumbnail-preview { display: none !important; } .asp_w_container_1 { margin: 0 !important; } #ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.asp_m.asp_m_1 .probox { position: relative; } #ajaxsearchpro1_1, #ajaxsearchpro1_2, div.asp_m.asp_m_1 { max-width: 350px; min-width: 350px; } #ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.asp_m.asp_m_1 .probox { max-width: 350px; min-width: 350px; height: 42px !important; } .logged-in #ajaxsearchpro1_1, .logged-in #ajaxsearchpro1_2, .logged-in div.asp_m.asp_m_1 { max-width: 500px; min-width: 500px; } .logged-in #ajaxsearchpro1_1 .probox, .logged-in #ajaxsearchpro1_2 .probox, .logged-in div.asp_m.asp_m_1 .probox { max-width: 434px; min-width: 434px; height: 42px !important; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { width: 100%; color: #a04ef2; min-width: 450px; border-radius: 50px; padding: 25px 20px 25px 50px; background-color: #fff; font-size: 16px !important; font-weight: 500; font-weight: 500 !important; height: 52px; } #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier { background: transparent !important; } #ajaxsearchpro1_1 .probox .promagnifier .innericon svg, #ajaxsearchpro1_2 .probox .promagnifier .innericon svg, div.asp_m.asp_m_1 .probox .promagnifier .innericon svg { /* position: absolute; */ top: 0; left: 15px; margin: 0 20px 0 0; fill: #a04ef2 !important; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { height: 42px !important; padding: 0 40px !important; } #ajaxsearchpro1_1, #ajaxsearchpro1_2, div.asp_m.asp_m_1 { float: right; } #ajaxsearchpro1_1 .probox .proinput input.orig::-webkit-input-placeholder, #ajaxsearchpro1_2 .probox .proinput input.orig::-webkit-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder { font-size: 16px !important; padding: 0 !important; } #ajaxsearchpro1_1 .probox .proinput input.orig:-ms-input-placeholder, #ajaxsearchpro1_2 .probox .proinput input.orig:-ms-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig:-ms-input-placeholder { font-size: 16px !important; padding: 0 !important; } #ajaxsearchpro1_1 .probox .proinput input.orig::placeholder, #ajaxsearchpro1_2 .probox .proinput input.orig::placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::placeholder { font-size: 16px !important; padding: 0 !important; } #ajaxsearchpro1_1 .probox .proinput, #ajaxsearchpro1_2 .probox .proinput, div.asp_m.asp_m_1 .probox .proinput { padding: 0 0 0 10px !important; } #ajaxsearchpro1_1 .probox .proloading, #ajaxsearchpro1_1 .probox .proclose, #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_1 .probox .prosettings, #ajaxsearchpro1_2 .probox .proloading, #ajaxsearchpro1_2 .probox .proclose, #ajaxsearchpro1_2 .probox .promagnifier, #ajaxsearchpro1_2 .probox .prosettings, div.asp_m.asp_m_1 .probox .proloading, div.asp_m.asp_m_1 .probox .proclose, div.asp_m.asp_m_1 .probox .promagnifier, div.asp_m.asp_m_1 .probox .prosettings { height: 42px !important; } .menu-item:hover > a, .menu-item.active > a { background: #ca5de9; color: white; } .ct-header-trigger.ct-toggle .ct-icon, .ct-header-trigger.ct-toggle .ct-icon rect { width: 24px !important; } #main { box-shadow: none !important; } .footer-link-block a { font-size: 12px; margin: 0 0 0 30px; color: #523186; font-weight: bold; } .payment-section > .elementor-container { border-top: 1px solid #bea8dc; padding: 20px 0 0; } .payment-block .elementor-element-populated { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .footer-top-block img { max-width: 80% !important; } .footer-top-block h2, .footer-top-block h3 { font-size: 16px; color: #fff; margin-bottom: calc(0.3em + 10px); } .footer-top-block li { font-size: 12px; line-height: 16px; } .footer-top-block a { color: #fff; font-size: 12px; line-height: 12px; } .footer-top-block a:hover { color: #fff; text-decoration: underline; } .footer-top-block a:hover svg { fill: #fff; } .footer-top-block .ct-cart-item:hover svg, .footer-top-block .ct-social-box a:hover svg, .footer-top-block .ct-header-search:hover svg, .footer-top-block .ct-header-account:hover svg, .footer-top-block .ct-header-trigger:hover svg, .footer-top-block .ct-header-wishlist:hover svg { fill: #fff; } .footer-top-block input { color: #a04ef2 !important; background-color: #fff !important; } #back-to-top { cursor: pointer; } @media only screen and (max-width: 1024px) { .footer-link-block a { margin: 0 10px 0 0; } } @media only screen and (max-width: 991px) { .payment-block .elementor-element-populated { justify-content: center; } } @media only screen and (max-width: 767px) { .footer-top-block { text-align: center; } } #menu-top-header-menu li:hover a, #notification-menu li:hover a { background-color: transparent; } #notification-menu li:hover a i { font-weight: bold; } article .entry-button { font-size: 18px; } .ct-header-cta .ct-button:hover { color: #a04ef2; background-color: #fff; } .top-header a:hover, #menu-top-header-menu.menu > li > a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { .trustpilot-block { justify-content: center; } .icon-image { margin: 0 auto; } .payment-block .elementor-element-populated > div { margin: 0 5px 10px; } .footer-top-block a { color: #fff; font-size: 20px; line-height: 35px; } .footer-top-block h2, .footer-top-block h3 { font-size: 40px; color: #fff; margin-bottom: calc(0.3em + 10px); } .footer-top-block input[type="submit"] { width: 100%; color: #fff !important; background-color: #523185 !important; } } /* New Home */ .page-id-28330 .hero-section, .page-id-27832 .hero-section { display: none; } .new-home-banner { background: #fafafa; } .new-home-banner h2 { color: #a04ef2; } .new-home-banner .ct-button-type1 { color: #fff; background-color: #a04ef2; } .new-home-banner .ct-button-type2 { color: #a04ef2; border-color: #a04ef2; } .trustpilot-block { display: flex; align-items: center; } .trustpilot-block h5 { margin: 0 10px !important; font-size: 14px; } .trustpilot-block img { max-width: 90px; } .top-header-block { position: relative; z-index: 1; } .top-header-block .link { text-decoration: underline; } .top-header-block .sign-up-button { color: #523185 !important; font-size: 10px; padding: 5px 10px; line-height: 18px; border-radius: 8px; font-weight: bold; margin: 0 0 0 5px; background-color: #ffffff; } .elementor-column-gap-default.menu-left-block > .elementor-column > .elementor-element-populated { display: flex; } .menu-left-block .elementor-widget-wrap > .elementor-element { width: auto; } .menu-right-block a { border: 2px solid #fff; padding: 5px 15px; border-radius: 50px; text-decoration: none; background: transparent; color: #fff; font-weight: 500; height: 42px; line-height: 28px; } .menu-right-block a:hover { color: #a04ef2; background-color: #fff; } .elementor-column-gap-default.menu-right-block > .elementor-column > .elementor-element-populated { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .menu-block.elementor-section .elementor-container { align-items: center; } .menu-left-block .elementor-widget:not(:last-child), .menu-right-block .elementor-widget:not(:last-child) { margin-bottom: 0; } .menu-right-block .elementor-widget-wrap > .elementor-element { width: auto; margin-left: 20px; } .menu-right-block .search-block p { display: none; } .menu-bottom-block { position: relative; z-index: 0; } .e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before { background-color: transparent !important; } /* .elementor-nav-menu li:hover a { background-color: transparent !important; } */ .elementor-nav-menu li:hover a, .elementor-nav-menu li.current-menu-item a { /* text-decoration: underline; */ /* border-bottom: 1px solid #fff; */ /* color: #462a72; */ background-color: transparent !important; } .elementor-nav-menu li.menu-item-has-children .sub-menu a, .elementor-nav-menu li.menu-item-has-children:hover .sub-menu a, .elementor-nav-menu li.current-menu-item.menu-item-has-children .sub-menu a { text-decoration: none; border-bottom: 0; } .logged-in .top-header-block { display: none; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { font-family: Roboto, Sans-Serif !important; font-weight: 500 !important; } #ajaxsearchpro1_1 .probox .proinput input.orig::-webkit-input-placeholder, #ajaxsearchpro1_2 .probox .proinput input.orig::-webkit-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder { font-family: Roboto, Sans-Serif !important; font-weight: 500 !important; } #ajaxsearchpro1_1 .probox .proinput input.orig:-ms-input-placeholder, #ajaxsearchpro1_2 .probox .proinput input.orig:-ms-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig:-ms-input-placeholder { font-family: Roboto, Sans-Serif !important; font-weight: 500 !important; } #ajaxsearchpro1_1 .probox .proinput input.orig::placeholder, #ajaxsearchpro1_2 .probox .proinput input.orig::placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::placeholder { font-family: Roboto, Sans-Serif !important; font-weight: 500 !important; } #ajaxsearchpro1_1 .probox .proclose svg, #ajaxsearchpro1_2 .probox .proclose svg, div.asp_m.asp_m_1 .probox .proclose svg { background: rgba(158, 87, 231, 1) !important; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.asp_m.asp_m_1 .probox .proinput input.autocomplete { color: rgba(158, 87, 231, 1); font-family: Roboto, Sans-Serif !important; font-weight: 500 !important; font-size: 16px !important; opacity: 0.5 !important; height: 25px !important; } .core-features-block .elementor-widget-image img { max-width: 80%; } .reviews-block img { max-width: 40%; } .review-subblock .elementor-widget:not(:last-child) { margin-bottom: 5px !important; } .trustpilot-block img.star-img { max-width: 10%; } .trustpilot-block img.trustpilot-img { max-width: 72px; margin: -4px 0 0; } .new-home-banner .ct-button-type1 { animation: pulse-purple 2s infinite; } .btn-signup a { animation: pulse-white 2s infinite; } @keyframes pulse-purple { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(160, 78, 242, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(160, 78, 242, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(160, 78, 242, 0); } } .banner-icons-block .elementor-column-gap-wide > .elementor-column > .elementor-element-populated { padding: 0 20px; } .logo-img img, .elementor-widget-image.logo-img a img[src$=".svg"] { width: 130px !important; } .page-id-27832 #main > .ct-container-full { padding-bottom: 0 !important; } .elementor-nav-menu li.current-menu-item a { background-color: #ca5de9; } .menu-block { background: linear-gradient( 90deg, rgba(180, 81, 237, 1) 0%, rgba(134, 56, 246, 1) 49%, rgba(128, 53, 247, 1) 100% ) !important; } .blog .ct-sidebar .asp_w_container, .archive .ct-sidebar .asp_w_container { margin: -30px 0 0 !important; max-width: 300px; } .blog .ct-sidebar #ajaxsearchpro1_1, .blog .ct-sidebar #ajaxsearchpro1_2, .blog .ct-sidebar div.asp_m.asp_m_1, .archive .ct-sidebar #ajaxsearchpro1_1, .archive .ct-sidebar #ajaxsearchpro1_2, .archive .ct-sidebar div.asp_m.asp_m_1 { margin-bottom: 40px; max-width: 300px; min-width: 300px; } .blog #ajaxsearchpro1_1 .probox, .blog #ajaxsearchpro1_2 .probox, .blog div.asp_m.asp_m_1 .probox, .archive #ajaxsearchpro1_1 .probox, .archive #ajaxsearchpro1_2 .probox, .archive div.asp_m.asp_m_1 .probox { max-width: none; min-width: auto; } .blog #ajaxsearchpro1_1 .probox .proinput input.orig, .blog #ajaxsearchpro1_2 .probox .proinput input.orig, .blog div.asp_m.asp_m_1 .probox .proinput input.orig, .archive #ajaxsearchpro1_1 .probox .proinput input.orig, .archive #ajaxsearchpro1_2 .probox .proinput input.orig, .archive div.asp_m.asp_m_1 .probox .proinput input.orig { min-width: auto; } .elementor-nav-menu li .sub-menu.active { display: block; } .request-a-mockup-menu, .support-menu { display: none !important; } .logged-in .request-a-mockup-menu, .logged-in .support-menu { display: inline-block !important; } .logged-in .pricing-page, .logged-in .feature-page, .logged-in .free-mockups { display: none !important; } .elementor-nav-menu--main .elementor-nav-menu ul { width: auto !important; } .top-header a:hover, #menu-top-header-menu.menu > li > a:hover { text-decoration: none; } .logged-in .btn-login { display: none; } footer { position: relative; } .back-to-top-section { display: none; position: absolute !important; right: 20px; top: -40px; z-index: 99; background: transparent !important; } .postid-5309 .hero-section { margin-bottom: 0 !important; } .postid-5309 .entry-content h1, .postid-5309 .memberpress-area h1 { text-align: center; color: #a04ef2; font-size: 40px; font-weight: 500; padding: 0 0 25px; margin: 0; } .postid-5309 .entry-content h6, .postid-5309 .memberpress-area h6 { text-align: center; color: #a04ef2; padding: 0 0 25px; font-weight: 500; } .postid-5309 .mepr-price-menu { padding-bottom: 100px; } .memberpress-area { padding: 50px 0 0; } .support-block { padding-top: 100px; padding-bottom: 100px; background-color: #f5f5f5; } .support-block .betterdocs-faq-main-wrapper .betterdocs-faq-title { display: none; } .support-block .betterdocs-faq-section-title { margin: 20px 0 50px; color: #a04ef2; } .support-block .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-iconplus g, .support-block .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-iconminus g { stroke: #a04ef2; } .support-block .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group.active .betterdocs-faq-post .betterdocs-faq-post-name { color: #a04ef2; } .menu-block .elementor-nav-menu--main .elementor-nav-menu a, .menu-block .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .menu-block .elementor-nav-menu--main .elementor-nav-menu a:focus, .menu-block .elementor-nav-menu--main .elementor-nav-menu a:hover { padding: 13px 9px; } .btn-login { position: absolute !important; right: 10px; top: -5px; text-align: right; max-width: 60px; } .btn-login a { background: transparent; padding: 0; position: relative; } .btn-login a:before { font-family: "FontAwesome"; content: "\f090"; position: absolute; left: -20px; } .top-header-block .elementor-element { margin-bottom: 0 !important; } .runout-banner h2 { font-size: 55px; font-weight: 500; color: #a04ef2; } .runout-banner .ugb-header__buttons { margin: 40px 0 20px; } .runout-banner p { color: #523185; } .runout-banner p a { color: #a04ef2; font-weight: 800; text-decoration: underline; } .new-home-banner.runout-banner .ct-button-type1.btn-sign-up { animation: none; font-size: 20px; font-weight: 800; padding: 15px 40px; background-color: #a04ef2; } .runout-banner h6 { margin-bottom: 0; color: #a898c2; font-weight: 400; font-size: 12px; } /* Review Page */ .shortcode-wcpr-content .shortcode-review-content-container .star-rating span:before, .shortcode-wcpr-content .shortcode-review-content-container .star-rating:before, .shortcode-wcpr-stars-count .star-rating span:before, .shortcode-wcpr-stars-count .star-rating:before, .commentlist .comment-text .star-rating:before, .product .woocommerce-product-rating .star-rating:before, .shortcode-wcpr-overall-rating-right .shortcode-wcpr-overall-rating-right-star .star-rating:before, .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star .star-rating:before, .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star:before { color: #af87ed !important; } .commentlist .comment-text .star-rating span:before, .product .woocommerce-product-rating .star-rating span:before, .shortcode-wcpr-overall-rating-right .shortcode-wcpr-overall-rating-right-star .star-rating span:before, .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star .star-rating span:before, .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star span:before { color: #af87ed !important; } .page-id-27593 .hero-section { margin-bottom: 30px; } .page-id-27593 .hero-section h1 { font-size: 55px; } .page-id-27593 .entry-content > p { color: #000000; font-weight: 500; font-size: 15px; margin-bottom: 40px; } .shortcode-wcpr-overall-rating-and-rating-count h2 { font-size: 20px; } .shortcode-wcpr-comment-author:not( .shortcode-wcpr-comment-author-with-country ):before, .shortcode-wcpr-comment-author em, .wcpr-review-date { display: none; } .shortcode-wcpr-grid:not(.wcpr-grid-loadmore) .shortcode-wcpr-grid-item { border-radius: 10px; } .shortcode-review-content-container { padding: 5px 15px !important; } .shortcode-wcpr-comment-author { color: #000000; font-size: 14px; font-weight: 500; } .shortcode-wcpr-content .shortcode-review-content-container .shortcode-wcpr-review-content { color: #000000; font-size: 12px; font-weight: 400; line-height: 15px; } .woocommerce-photo-reviews-form-container .woocommerce-photo-reviews-form-main .woocommerce-photo-reviews-form-main-inner { background-color: transparent !important; } .leave-us-review h2 { color: #a04ef2; font-size: 55px; font-weight: 700; } .leave-us-review .comment-notes { display: none; } .leave-us-review .comment-form-field-textarea label { display: none; } .leave-us-review .wcpr-comment-form textarea, .leave-us-review .wcpr-custom-field .wcpr-custom-field-input > div input, .leave-us-review .wcpr-custom-field-input > div select, .leave-us-review .comment-form-field-input-author input, .leave-us-review .comment-form-field-input-email input, .leave-us-review .ct-checkbox, .leave-us-review .comment-form input[type="checkbox"] { border: 1px solid #bd9def; background-color: #fff; } .leave-us-review .wcpr-custom-field .wcpr-custom-field-input > div { width: 100%; } .leave-us-review .comment-form-rating { margin: 0 0 25px; } .leave-us-review .comment-form-rating .stars { margin: 0; } .leave-us-review .woocommerce-photo-reviews-form p.stars a { margin: 0 10px 0 0; } .leave-us-review .comment-form-rating label { font-size: 14px; font-weight: 400; margin: 0 15px 0 0; } .review-heading-block .shortcode-wcpr-grid { text-align: center; max-width: 1140px; margin: 0 auto; padding: 50px; } .woocommerce-photo-reviews-form p.stars a::before { top: -2px; } .review-heading-block h1 { color: #a04ef2; font-size: 55px; font-weight: bold; text-align: center; } .review-heading-block .woocommerce-photo-reviews-shortcode { text-align: center; } .ct-elementor-default-template .elementor-section-boxed.review-heading-block > .elementor-container { max-width: 100%; width: 100%; } .review-heading-block h2, .review-heading-block p, .review-heading-block .shortcode-wcpr-overall-rating-and-rating-count { max-width: 1140px; margin: 0 auto; } .review-heading-block .shortcode-wcpr-overall-rating-and-rating-count { margin: 50px auto; } .review-heading-block .shortcode-wcpr-comment-author, .review-heading-block .shortcode-wcpr-content .shortcode-review-content-container .shortcode-wcpr-review-content { text-align: left !important; } .review-heading-block .shortcode-wcpr-enable-box-shadow .shortcode-wcpr-grid-item { box-shadow: 3px 4px 8px rgb(0 0 0 / 10%); } .page-id-27593 #main > .ct-container-full { padding-bottom: 0 !important; } .review-heading-block .shortcode-wcpr-enable-box-shadow .shortcode-wcpr-grid-item:hover { box-shadow: 3px 4px 15px rgb(0 0 0 / 10%); } .loader-img { position: static !important; } .loader-img .elementor-widget-container { display: none; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .loader-img .elementor-widget-container img { max-width: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .loader-img.active .elementor-widget-container { display: flex; align-items: center; justify-content: center; } .menu-block .elementor-nav-menu--main .elementor-nav-menu .sub-menu a, .menu-block .elementor-nav-menu--main .elementor-nav-menu .sub-menu a.highlighted, .menu-block .elementor-nav-menu--main .elementor-nav-menu .sub-menu a:focus, .menu-block .elementor-nav-menu--main .elementor-nav-menu .sub-menu a:hover { padding: 8px 11px; } @media only screen and (max-width: 1024px) { .menu-bottom-block { display: none; } .btn-login { display: none; } .top-menu-list .elementor-menu-toggle { background: transparent; margin: 0 !important; justify-content: flex-end; cursor: pointer; } .top-menu-list .elementor-menu-toggle i { color: #fff; font-size: 36px; } .menu-left-block .elementor-widget-wrap { justify-content: space-between !important; } .menu-left-block .elementor-nav-menu--dropdown.elementor-nav-menu__container { display: none; } } .top-menu-list .elementor-menu-toggle__icon--open.eicon-menu-bar { display: block !important; } .top-menu-list .elementor-menu-toggle i.eicon-close { display: none; } /* .off-canvas-menu { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background: #a04ef2; } .off-canvas-menu.active { visibility: visible; } */ .elementor-popup-modal .dialog-close-button { position: fixed; z-index: 999; } #elementor-popup-modal-28434.dialog-widget { position: fixed; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; display: none !important; background: #a04ef2; z-index: 999; transform: translateX(100%); -webkit-transform: translateX(100%); } #elementor-popup-modal-28434 .dialog-close-button { display: none !important; } #elementor-popup-modal-28434.dialog-widget.selected { display: flex !important; } #elementor-popup-modal-28434.dialog-widget.selected { animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards; } #elementor-popup-modal-28434.dialog-widget.dismiss { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; } @keyframes slide-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes slide-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } @-webkit-keyframes slide-out { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); } } #elementor-popup-modal-28434 .dialog-widget-content { background: transparent !important; box-shadow: none !important; position: absolute; top: 0; } .dialog-widget .close-modal { position: absolute !important; right: -5px; top: 15px; width: auto !important; } .dialog-widget .elementor-icon i { font-size: 20px; color: #fff; } .dialog-widget .close-modal .elementor-icon i { font-size: 30px; } .off-canvas-menu .elementor-nav-menu__text-align-aside { margin: 70px 0 0; } .off-canvas-menu .elementor-menu-toggle { display: none; } .off-canvas-menu .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main { display: block; } .off-canvas-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu { width: 100%; flex-direction: column; } .off-canvas-menu .elementor-nav-menu--dropdown { background: transparent; padding: 0; margin: 0; } .off-canvas-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu li a { padding: 0 0 25px !important; position: relative; font-size: 20px; } .off-canvas-menu .promagnifier { position: absolute; right: 30px; } .dialog-widget .elementor-social-icons-wrapper .elementor-icon { background-color: transparent; padding: 0; margin: 0 10px 0 0; height: auto; width: auto; } .dialog-widget .elementor-social-icons-wrapper .elementor-icon i { position: relative !important; top: 0; } .mobile-btn-login a { border: 2px solid #fff; padding: 5px 25px; border-radius: 50px; text-decoration: none; background: transparent; color: #fff; font-weight: 500; font-size: 15px; height: 42px; line-height: 28px; } .btn-get-started a { padding: 0; margin: 0 0 10px; background-color: transparent; } .btn-get-started a .elementor-button-text { background: #fff; color: #a04ef2; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-weight: 500; animation: pulse-custom-white 2s infinite; } .logged-in .mobile-btn-login, .logged-in .btn-get-started { display: none; } @keyframes pulse-custom-white { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .off-canvas-menu .sub-arrow { position: absolute; right: 0; } .off-canvas-menu .sub-arrow i:before { content: "\f107"; } .off-canvas-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li { flex-direction: column; } .off-canvas-menu .elementor-nav-menu--main .elementor-nav-menu ul { position: static; } .off-canvas-menu .asp_w_container .asp_w { float: left !important; } @media only screen and (min-width: 768px) and (max-width: 1024px) { #elementor-popup-modal-28434 .dialog-message { width: 100% !important; } .elementor-28434 .elementor-element.elementor-element-c51f440 > .elementor-container { max-width: 100% !important; } } @media only screen and (max-width: 991px) { .runout-banner h2 { font-size: 38px; line-height: 48px; } .runout-banner p { font-weight: 400 !important; } .review-heading-block h1, .leave-us-review h2 { font-size: 30px; line-height: 34px; } .review-heading-block .shortcode-wcpr-overall-rating-and-rating-count { margin: 20px auto 0; } .review-heading-block .shortcode-wcpr-grid { padding: 10px; } } .page-id-5303 .entry-content { max-width: 1140px; margin: 0 auto; padding: 0 15px; } .page-id-5303 .entry-content > p { text-align: center; } .page-id-5303 .entry-content .mp_wrapper, .page-id-5303 .entry-content .mp-wrapper, .page-id-5303 .entry-content .mepr-no-active-subscriptions { width: 75% !important; display: inline-block; } .page-id-5303 .entry-content .mp_wrapper:first-of-type { width: 20% !important; display: inline-block; vertical-align: top; margin: 0 30px 0 0; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item { display: block; padding: 0; border-bottom: 1px solid #f2f2f2; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a { display: flex; align-items: center; height: 55px; padding: 0 20px; font-weight: 500; color: #4d5d6d; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item:first-child a { border-radius: 5px 5px 0 0; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item:last-child a { border-radius: 0 0 5px 5px; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item.mepr-active-nav-tab a, .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a:hover { color: #fff; text-decoration: none; background-color: rgb(160, 78, 242); } @media only screen and (max-width: 991px) and (min-width: 768px) { .page-id-27832 .new-home-banner .ugb-header__buttons { display: flex; flex-direction: column; align-items: center; } .page-id-27832 .new-home-banner .ugb-header__buttons a { margin-bottom: 10px; margin-right: 0; } } @media only screen and (max-width: 991px) { .menu-right-block .elementor-widget-wrap > .elementor-element { margin-left: 0; } .page-id-5303 .entry-content .mp_wrapper, .page-id-5303 .entry-content .mp-wrapper, .page-id-5303 .entry-content .mepr-no-active-subscriptions { width: 65% !important; display: inline-block; } .page-id-5303 .entry-content .mp_wrapper:first-of-type { width: 30% !important; display: inline-block; vertical-align: top; margin: 0 15px 0 0; } .page-id-5303 .mp_wrapper .mepr_mepr-address-country, .page-id-5303 .mp_wrapper .mp-form-row.mepr_mepr-address-state, .page-id-5303 .mp_wrapper .mp-form-row.mepr_mepr-address-zip { width: 100% !important; } } @media only screen and (max-width: 767px) { .page-id-5303 .entry-content .mp_wrapper, .page-id-5303 .entry-content .mp-wrapper, .page-id-5303 .entry-content .mepr-no-active-subscriptions { width: 100% !important; display: block; } .page-id-5303 .entry-content .mp_wrapper:first-of-type { width: 100% !important; display: block; margin: 0 0 20px; } .page-id-27099 .newest-mockups-block .button-block .entry-button, .page-id-27832 .newest-mockups-block .button-block .entry-button { width: 90%; margin-left: 0; margin-right: 0; font-size: 24px; line-height: 44px; height: auto; } .shortcode-wcpr-grid, .shortcode-wcpr-grid.shortcode-wcpr-masonry-3-col, .shortcode-wcpr-grid.shortcode-wcpr-masonry-4-col, .shortcode-wcpr-grid.shortcode-wcpr-masonry-5-col { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; } .top-header-block .hide-on-mobile { display: none; } .reviews-block p { font-weight: 400 !important; } } .page-id-30515 .ct-acount-nav { display: none; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a { position: relative; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a:before { font-family: woo; font-size: 16px; font-weight: normal; content: ""; width: 20px; margin-inline-end: 15px; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a#mepr-account-home:before { /*content: "";*/ font-family: FontAwesome; content: "\f015"; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a#mepr-account-subscriptions:before { /*content: "";*/ font-family: FontAwesome; content: "\f0f3"; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a#mepr-account-payments:before { font-family: FontAwesome; content: "\f0d6"; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a#mepr-account-saved-design:before { /*content: "";*/ font-family: FontAwesome; content: "\f0c7"; } .page-id-5303 .entry-content .mp_wrapper .mepr-nav-item a#mepr-account-logout:before { /*content: "";*/ font-family: FontAwesome; content: "\f08b"; } .logged-in .btn-signup { display: none; } .page-id-30575 th { padding-top: 0; border-color: #9e57e7; border-style: solid; } .page-id-30575 td { border-color: #9e57e7; border-style: solid; padding-top: 0; } .page-id-30575 tr td { padding: 10px; } .page-id-30575 tr th, .page-id-30575 tr td { font-size: 16px; font-family: Roboto, Sans-Serif; } .page-id-30575 .shop_table.shop_table_responsive tr:first-child td { padding-top: 0; } .page-id-30575 .shop_table.shop_table_responsive tr th { padding-top: 10px; } .page-id-30575 .wp-block-preformatted { padding: 0 25px; margin-top: 0; margin-bottom: 0; } .page-id-30575 .ct-cart-form { white-space: normal; } .page-id-30575 .ct-cart-form .cart_totals, .page-id-30575 .ct-cart-form .cart_totals table th, .page-id-30575 .ct-cart-form .cart_totals table td, .page-id-30576 .woocommerce-checkout-review-order table th, .page-id-30576 .woocommerce-checkout-review-order table td { border-color: #9e57e7; border-style: solid; } .page-id-30575 #wcpay-payment-request-wrapper { padding-top: 0 !important; padding-bottom: 15px; } .page-id-30575 .ct-cart-form .cart_totals h2 { margin: 15px 0; font-size: 16px; font-family: Roboto, Sans-Serif; } .page-id-30575 label, .page-id-30576 form.woocommerce-checkout h3, .page-id-30576 .form-row label, .page-id-30576 .form-row input, .page-id-30576 .form-row textarea, .page-id-30576 span.select2-container .select2-selection--single .select2-selection__rendered, .page-id-30576 #payment .payment_methods > li > label, .page-id-30576 table.shop_table tr th, .page-id-30576 table.shop_table tr td, .page-id-30576 #payment .payment_methods > li .payment_box p, .page-id-30576 .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper, .page-id-30576 .woocommerce-checkout-payment .place-order button[type="submit"], .page-id-30576 #ship-to-different-address label span, .page-id-30576 .woocommerce-privacy-policy-text p { font-size: 16px; font-family: Roboto, Sans-Serif; } .page-id-30576 .wp-block-preformatted, .page-id-30576 .checkout.woocommerce-checkout, .page-id-30575 .wp-block-preformatted { white-space: normal; background-color: transparent; } .page-id-30576 .ct-order-review, .page-id-30576 #payment .payment_methods > li, .page-id-30576 #payment .payment_methods > li .payment_box { border-color: #9e57e7; } .page-id-30576 select, .page-id-30576 textarea, .page-id-30576 input[type="url"], .page-id-30576 input[type="tel"], .page-id-30576 input[type="text"], .page-id-30576 input[type="time"], .page-id-30576 input[type="date"], .page-id-30576 input[type="datetime"], .page-id-30576 input[type="datetime-local"], .page-id-30576 input[type="email"], .page-id-30576 input[type="number"], .page-id-30576 input[type="search"], .page-id-30576 input[type="password"], .page-id-30576 .ct-widget select, .page-id-30576 fieldset .wc-stripe-elements-field, .page-id-30576 span.select2-dropdown, .page-id-30576 span.select2-container .select2-selection--single, .page-id-30576 #payment .payment_methods > li > label:before { border-color: #9e57e7; } .page-id-30576 .ct-checkbox:before, .page-id-30576 .comment-form input[type="checkbox"]:before, .page-id-30576 #ship-to-different-address-checkbox:before, .page-id-30576 .wc-block-checkbox-list input[type="checkbox"]:before, .page-id-30576 .wc-block-checkbox-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:before, .page-id-30576 .woocommerce-form__input[type="checkbox"]:before, .page-id-30576 .woocommerce-form__label-for-checkbox input[type="checkbox"]:before, .page-id-30576 #wc-stripe-new-payment-method[type="checkbox"]:before, .page-id-30576 .ppcp-credit-card-vault[type="checkbox"]:before, .page-id-30576 .forminator-ui[data-design="none"] .forminator-checkbox input[type="checkbox"]:before, .page-id-30576 .wpforms-container:not(.wpforms-container-full) input[type="checkbox"]:before, .page-id-30576 .ct-checkbox, .page-id-30576 .comment-form input[type="checkbox"], .page-id-30576 #ship-to-different-address-checkbox, .page-id-30576 .wc-block-checkbox-list input[type="checkbox"], .page-id-30576 .wc-block-checkbox-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"], .page-id-30576 .woocommerce-form__input[type="checkbox"], .page-id-30576 .woocommerce-form__label-for-checkbox input[type="checkbox"], .page-id-30576 #wc-stripe-new-payment-method[type="checkbox"], .page-id-30576 .ppcp-credit-card-vault[type="checkbox"], .page-id-30576 .forminator-ui[data-design="none"] .forminator-checkbox input[type="checkbox"], .page-id-30576 .wpforms-container:not(.wpforms-container-full) input[type="checkbox"] { border-color: #9e57e7; } .single-memberpressproduct .top-header, .single-memberpressproduct .elementor-location-header, .single-memberpressproduct footer, .single-memberpressproduct .hero-section { display: none; } .progressbar { counter-reset: step; margin: 0; display: inline-block; width: 100%; padding: 0; } .progressbar li { position: relative; list-style: none; float: left; width: 33.33%; text-align: center; font-size: 12px; color: #cccccc; } .progressbar li:nth-child(2) { font-weight: bold; } /* Circles */ .progressbar li:before { content: counter(step); counter-increment: step; width: 20px; height: 20px; border: 1px solid #cccccc; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: #cccccc; color: #fff; /* Center # in circle */ font-size: 12px; line-height: 17px; } .progressbar li:after { content: ""; position: absolute; width: 100%; height: 2px; background: #a04ef2; top: 10px; /*half of height Parent (li) */ left: -50%; z-index: -1; } .progressbar li:first-child:after { content: none; } .progressbar li.active:before { color: #a04ef2; background: #fff; font-size: 12px; line-height: 15px; border: 2px solid #a04ef2; } .progressbar li:first-child.active:before { color: #fff; background: #a04ef2; } .progressbar li.active { color: #a04ef2; } .progressbar li:nth-child(2).active + li:after { background: #ccc; } .progressbar li.active + li:after { background: #a04ef2; } .subscribe-top-block { padding: 25px 0; max-width: 1320px !important; } .subscribe-top-block > .row { align-items: center; } .subscribe-top-block .logo img { max-width: 200px; } .subscribe-top-block .btn-grey { float: right; font-size: 14px; background: #e5e5e5; color: #727272; border-radius: 5px; padding: 15px 14px; text-decoration: none; font-family: Roboto, Sans-Serif !important; } /* @media only screen and (min-width: 1200px) and (max-width: 1540px) { .subscribe-top-block .btn-grey { font-size: 12px; padding: 15px 5px; } } */ .subscribe-top-block .btn-grey i { margin-right: 5px; } .subscribe-bottom-block { max-width: 1320px !important; } .woocommerce-block .heading-details, .subscribe-bottom-block .heading-details { margin: 0 0 15px; } .woocommerce-block .heading-details h2, .subscribe-bottom-block .heading-details h2 { margin: 0 0 5px; color: #777777; font-weight: 800; font-size: 20px; font-family: Roboto, Sans-Serif !important; } .woocommerce-block .heading-details p, .subscribe-bottom-block .heading-details p { margin: 0; color: #777777; font-size: 14px; max-width: 290px; font-family: Roboto, Sans-Serif !important; } .woocommerce-block .heading-details p { font-size: 16px; max-width: 270px; } .subscribe-bottom-block .right-block .heading-details p { max-width: 240px; } .subscribe-bottom-block .plan-details { border: 1px solid #cccccc; border-radius: 15px; } .subscribe-bottom-block .plan-details-top-block { background-color: #a04ef2; text-align: center; padding: 30px 10px 50px; border-radius: 15px 15px 0 0; } .subscribe-bottom-block .plan-details-top-block h2 { margin: 0 0 20px; color: #ffffff; font-size: 24px; font-weight: bold; } .subscribe-bottom-block .plan-details-top-block h6 { margin: 0; color: #ffffff; font-size: 14px; font-weight: 400; } .subscribe-bottom-block .plan-details-middle-block { background-color: #ffffff; padding: 15px; display: flex; max-width: 330px; align-items: center; margin: -20px auto 40px; border-radius: 10px; box-shadow: 1px 3px 3px 1px #f2f2f2; } .subscribe-bottom-block .plan-details-middle-block .shape-block img { max-width: 80px; } .subscribe-bottom-block .plan-details-middle-block .content-block { margin: 0 0 0 20px; } .subscribe-bottom-block .plan-details-middle-block .content-block h3 { color: #777777; margin: 0 0 10px; font-size: 20px; } .subscribe-bottom-block .plan-details-middle-block .content-block h4 { color: #a04ef2; margin: 0; font-weight: bold; font-size: 20px; } .subscribe-bottom-block .plan-details-bottom-block { padding: 0 15px; max-width: 330px; margin: 0 auto; } .subscribe-bottom-block .plan-details-bottom-block h5 { color: #a04ef2; margin: 0 0 10px; font-size: 18px; font-weight: bold; } .subscribe-bottom-block .plan-details-bottom-block ul { padding: 0 0 20px; margin: 0; } .subscribe-bottom-block .plan-details-bottom-block ul li { color: #777777; position: relative; list-style-type: none; padding: 0 0 0 15px; font-size: 16px; line-height: 24px; } .subscribe-bottom-block .plan-details-bottom-block ul li:before { content: "•"; color: #a04ef2; position: absolute; left: 0; font-size: 26px; } .subscribe-bottom-block .mepr-signup-form.mepr-form { max-width: none; padding: 30px; border-radius: 15px; border: 1px solid #cccccc; } .subscribe-footer-block { margin: 100px 0 0; max-width: 1320px !important; } .subscribe-footer-block ul { display: flex; padding: 0; margin: 0; list-style-type: none; } .subscribe-footer-block ul li { margin: 0 10px 0 0; } .subscribe-footer-block ul li a { color: #7633fa; font-size: 16px; font-weight: 500; text-decoration: none; } .subscribe-bottom-block .mp_wrapper .mp-form-billing-header { font-size: 20px; margin: 0 0 10px; } .subscribe-bottom-block .mp_wrapper .mepr_password, .subscribe-bottom-block .mp_wrapper .mepr_password_confirm, .subscribe-bottom-block .mp_wrapper .mepr_first_name, .subscribe-bottom-block .mp_wrapper .mepr_last_name { width: 49% !important; display: inline-block; } .subscribe-bottom-block .mp_wrapper .mepr_password_confirm, .subscribe-bottom-block .mp_wrapper .mepr_last_name { float: right; } .subscribe-bottom-block .mp_wrapper .mp-form-label label { color: #777777; font-size: 15px; } .billing-block { margin: 20px 0 0; } .subscribe-bottom-block .mp_wrapper .mepr_mepr-address-two { display: none; } .subscribe-bottom-block .mp-form-row { display: inline-block; } .subscribe-bottom-block .mp-form-row input, .subscribe-bottom-block .mp-form-row select { color: #777777; font-size: 16px; line-height: 16px; height: 45px; border-color: #cccccc; border-radius: 7px; } .subscribe-bottom-block .payment-block { margin: 15px 0 0; } .subscribe-bottom-block .payment-icon-block { display: flex; } .subscribe-bottom-block .payment-icon-block .mepr-payment-methods-icons { margin-left: 20px; } .subscribe-bottom-block .mp_wrapper .mp-form-row label.mepr-checkbox-field { display: flex !important; align-items: center; } .subscribe-bottom-block .mp_wrapper .mp-form-row p.terms-text { color: #777777; font-size: 16px; margin: 0 0 0 7px; font-weight: 400; display: inline-block; } .subscribe-bottom-block .mp_wrapper .mp-form-row p.terms-text a { color: #a04ef2; font-weight: bold; text-decoration: none; } .subscribe-bottom-block .mp_wrapper .mp-form-row.mepr_coupon { width: 100% !important; } .subscribe-bottom-block .mepr-form input.invalid, .subscribe-bottom-block .mepr-form select.invalid, .subscribe-bottom-block .mepr-form textarea.invalid, .subscribe-bottom-block .mepr-form label.mepr-checkbox-field.invalid, .subscribe-bottom-block .mepr-form label.mepr-checkbox-field.invalid p, .subscribe-bottom-block .mepr-form label.mepr-checkbox-field.invalid a, .subscribe-bottom-block .mepr-form div.mepr-checkboxes-field.invalid, .subscribe-bottom-block .mepr-form div.mepr-radios-field.invalid { color: #fff; } .subscribe-bottom-block .mp-form-row { position: relative; margin-bottom: 20px !important; } .subscribe-bottom-block .mp_wrapper .mepr-form-has-errors, .subscribe-bottom-block .mp_wrapper .cc-error, .subscribe-bottom-block .mp_wrapper .mepr-validation-error { position: absolute; bottom: -20px; font-size: 14px; left: 0; padding-left: 0; } .subscribe-bottom-block .mp_wrapper .mepr-form-has-errors { position: static; font-size: 18px; } .subscribe-bottom-block .mp-form-submit { display: flex; flex-direction: column; align-items: center; justify-content: center; } .subscribe-bottom-block .mepr_bold.mepr_price { display: none !important; text-align: center; margin: 10px 0 0; } .subscribe-bottom-block .yearly .plan-details-top-block { background-color: #b451ed; } .subscribe-bottom-block .yearly .plan-details-middle-block .content-block h4, .subscribe-bottom-block .yearly .plan-details-bottom-block h5, .subscribe-bottom-block .yearly .plan-details-bottom-block ul li:before { color: #b451ed; } .subscribe-bottom-block .mp_wrapper .have-coupon-link { display: none; } .subscribe-bottom-block .mepr-stripe-elements { background: #ebebeb; padding: 20px 15px !important; height: 100% !important; border-radius: 10px; } .custom-checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .custom-checkbox h6 { margin: 0 !important; position: relative; cursor: pointer; } .custom-checkbox h6:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 1px solid #cccccc; border-radius: 6px; padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .custom-checkbox input:checked + h6:before { background-color: #b451ed; } .custom-checkbox input:checked + h6:after { content: ""; display: block; position: absolute; top: 6px; left: 6px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .guaranteed-block { display: flex; margin: 20px 0 0; align-items: center; } .guaranteed-block img { max-width: 20px; } .guaranteed-block span { color: #bcbcbc; font-size: 16px; margin-left: 10px; } .subscribe-bottom-block .mepr-submit.paypal, .submit-block .mepr-submit.paypal { background-image: url('/wp-content/uploads/2026/02/paypal-button.webp'); background-size: cover; background-repeat: no-repeat; background-position: center; width: 280px; height: 51px; display: inline-block; background-color: transparent; font-size: 0; border: 0; border-radius: 0; } .subscribe-bottom-block .mepr-submit.card { background: #7633fa; padding: 10px 60px; font-size: 18px; width: 280px; } .archive .entry-button[data-type="simple"], .archive .entry-button[data-type="outline"] { margin: auto; } @media only screen and (max-width: 1500px) and (min-width: 1200px) { .subscribe-top-block .btn-grey { font-size: 10px; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { .subscribe-bottom-block .mp_wrapper .mepr_mepr-address-country, .subscribe-bottom-block .mp_wrapper .mp-form-row.mepr_mepr-address-state, .subscribe-bottom-block .mp_wrapper .mp-form-row.mepr_mepr-address-zip { width: 31% !important; } } @media only screen and (max-width: 991px) { .subscribe-top-block .btn-grey { font-size: 10px; } .subscribe-bottom-block .plan-details-middle-block, .subscribe-bottom-block .plan-details-bottom-block { max-width: 80%; } .subscribe-bottom-block .plan-details-middle-block .content-block h3, .subscribe-bottom-block .plan-details-middle-block .content-block h4 { font-size: 16px; } .subscribe-bottom-block .plan-details-bottom-block h5 { font-size: 14px; } .subscribe-bottom-block .mp_wrapper .mepr_mepr-address-country, .subscribe-bottom-block .mp_wrapper .mp-form-row.mepr_mepr-address-state, .subscribe-bottom-block .mp_wrapper .mp-form-row.mepr_mepr-address-zip { width: 100% !important; } .subscribe-bottom-block .payment-block { display: inline-block; } .subscribe-bottom-block .payment-icon-block { flex-direction: column; align-items: center; } .subscribe-footer-block { margin: 20px 0 0; } .subscribe-bottom-block .plan-details-bottom-block ul li { font-size: 14px; } } @media only screen and (max-width: 767px) { .logo-block { text-align: center; } .logo-block img { max-width: 200px; margin: 0 auto 20px; } .progressbar li { font-size: 11px; } .contact-block { margin-top: 20px; text-align: center; } .subscribe-top-block .btn-grey { float: none; font-size: 14px; } .subscribe-bottom-block .mepr-signup-form.mepr-form { padding: 10px 30px 30px; } .subscribe-bottom-block .mp_wrapper .mepr_password, .subscribe-bottom-block .mp_wrapper .mepr_password_confirm, .subscribe-bottom-block .mp_wrapper .mepr_first_name, .subscribe-bottom-block .mp_wrapper .mepr_last_name { width: 100% !important; } .subscribe-bottom-block .payment-icon-block { flex-direction: column; align-items: center; } .guaranteed-block span { font-size: 14px; } .subscribe-bottom-block .right-block { margin-top: 20px; } .subscribe-bottom-block .plan-details-middle-block, .subscribe-bottom-block .plan-details-bottom-block { max-width: 80%; } .subscribe-top-block, .subscribe-bottom-block, .subscribe-footer-block { max-width: none !important; } .subscribe-footer-block { margin: 20px 0 0; } .subscribe-footer-block ul { flex-direction: column; align-items: center; } } /* New mockup design */ .page-id-30801 .hero-section { display: none; } .category .entry-content .elementor-top-section, .tag .entry-content .elementor-top-section, .page-id-30801 .entry-content .elementor-top-section { padding: 30px 0; } div#caf-post-layout-container.multiple-taxonomy-filter { padding: 30px 0; } .caf-post-layout3 { padding: 0 0 15px !important; background-color: #ffffff !important; border-radius: 5px !important; margin-bottom: 30px !important; box-shadow: 0px 12px 18px -6px rgba(33, 55, 99, 0.11) !important; } .caf-post-layout3 #manage-post-area { background-image: none !important; position: static !important; } .caf-post-layout3 .caf-post-title { padding: 0 !important; margin: 30px 0 20px !important; } .caf-post-layout3 .caf-post-title h2 { padding: 0 15px !important; min-height: 104px !important; color: #102136 !important; text-align: center !important; } .caf-post-layout3 .caf-featured-img-box { height: auto !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; } .caf-post-layout3 .caf-featured-img-box img { width: 100% !important; height: 276px !important; object-fit: cover !important; } .caf-post-layout3 .caf-featured-img-box:hover { opacity: 1 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; } .data-target-div1 .caf-post-layout3 .caf-post-title h2 a, .data-target-div1 .caf-post-layout3 .caf-meta-content-cats li a, .data-target-div2 .caf-post-layout3 .caf-post-title h2 a, .data-target-div2 .caf-post-layout3 .caf-meta-content-cats li a { color: #102136 !important; font-size: 20px !important; } .data-target-div1 .caf-post-layout3 .caf-post-title h2 a:hover, .data-target-div1 .caf-post-layout3 .caf-meta-content-cats li a:hover, .data-target-div2 .caf-post-layout3 .caf-post-title h2 a:hover, .data-target-div2 .caf-post-layout3 .caf-meta-content-cats li a:hover { color: #a04ef2 !important; } .data-target-div1 .caf-post-layout3 a.caf-read-more, .data-target-div2 .caf-post-layout3 a.caf-read-more { color: #a04ef2 !important; height: 39px; padding: 0 18px; border-radius: 4px; border: 2px solid #a04ef2; background-color: #fff !important; font-size: 18px; line-height: 36px; transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .caf-post-layout3 .caf-content-read-more { text-align: center; } .data-target-div1 .caf-post-layout3 a.caf-read-more:hover, .data-target-div2 .caf-post-layout3 a.caf-read-more:hover { color: #fff !important; background-color: #a04ef2 !important; } .data-target-div1 ul#caf-layout-pagination.post-layout3 li a, .data-target-div1 .prev-next-caf-pagination .caf-pagi-btn, .data-target-div2 ul#caf-layout-pagination.post-layout3 li a, .data-target-div2 .prev-next-caf-pagination .caf-pagi-btn { background-color: transparent !important; color: #414141 !important; width: 50px; margin: 5px; height: 40px; display: inline-block; border-radius: 5px; line-height: 40px; font-size: 14px; font-weight: 600; padding: 0; } .data-target-div1 ul#caf-layout-pagination.post-layout3 li a:hover, .data-target-div1 .prev-next-caf-pagination .caf-pagi-btn:hover, .data-target-div1 ul#caf-layout-pagination.post-layout3 span.page-numbers.current, .data-target-div2 ul#caf-layout-pagination.post-layout3 li a:hover, .data-target-div2 .prev-next-caf-pagination .caf-pagi-btn:hover, .data-target-div2 ul#caf-layout-pagination.post-layout3 span.page-numbers.current { color: #fff !important; background-color: #a04ef2 !important; width: 50px; margin: 5px; height: 40px; display: inline-block; border-radius: 5px; line-height: 40px; font-size: 14px; font-weight: 600; padding: 0; } .data-target-div1 ul#caf-layout-pagination.post-layout3 li a.next, .data-target-div1 ul#caf-layout-pagination.post-layout3 li a.prev, .data-target-div2 ul#caf-layout-pagination.post-layout3 li a.next, .data-target-div2 ul#caf-layout-pagination.post-layout3 li a.prev { width: auto; padding: 0 10px; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-filter-container, .data-target-div2 #caf-multiple-taxonomy-filter .caf-filter-container { padding: 0; } .data-target-div1 .caf-mtf-layout h3.tax-heading, .data-target-div1 .caf-mtf-layout h3.tax-heading i, .data-target-div2 .caf-mtf-layout h3.tax-heading, .data-target-div2 .caf-mtf-layout h3.tax-heading i { color: #414141 !important; font-size: 18px; margin-right: 0; } .data-target-div1 div#caf-multiple-taxonomy-filter ul li label, .data-target-div2 div#caf-multiple-taxonomy-filter ul li label { background-color: transparent !important; color: #414141 !important; padding: 0; font-weight: 500; } div#caf-multiple-taxonomy-filter ul li label:before { right: 0; top: -3px; color: #414141 !important; } .data-target-div1 div#caf-multiple-taxonomy-filter ul li input[type="checkbox"]:checked + label::before, .data-target-div2 div#caf-multiple-taxonomy-filter ul li input[type="checkbox"]:checked + label::before { color: #a04ef2 !important; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-manage-search-bar, .data-target-div2 #caf-multiple-taxonomy-filter .caf-manage-search-bar { border-radius: 50px; padding: 5px 20px; border: 2px solid rgba(158, 87, 231, 1); } .data-target-div1 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input, .data-target-div2 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input { font-weight: normal; font-family: "Open Sans"; color: rgba(158, 87, 231, 1); font-size: 16px; line-height: 15px; text-shadow: none; line-height: normal; border: 0; box-shadow: none; height: 34px; position: relative; z-index: 2; padding: 0 !important; padding-top: 2px !important; margin: -1px 0 0 -4px !important; width: 100%; background: transparent !important; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input::-webkit-input-placeholder, .data-target-div2 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input::-webkit-input-placeholder { opacity: 1; color: rgba(158, 87, 231, 1) !important; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input:-ms-input-placeholder, .data-target-div2 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input:-ms-input-placeholder { opacity: 1; color: rgba(158, 87, 231, 1) !important; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input::placeholder, .data-target-div2 #caf-multiple-taxonomy-filter .caf-manage-search-bar input#caf-search-input::placeholder { opacity: 1; color: rgba(158, 87, 231, 1) !important; } .data-target-div1 #caf-multiple-taxonomy-filter #caf-search-sub, .data-target-div2 #caf-multiple-taxonomy-filter #caf-search-sub { font-size: 0; border: 0 !important; padding: 0 !important; position: relative; background-color: transparent; position: absolute; top: 15px; right: 15px; cursor: pointer; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-search-bar, .data-target-div2 #caf-multiple-taxonomy-filter .caf-search-bar { margin-bottom: 20px !important; } .data-target-div1 #caf-multiple-taxonomy-filter #caf-search-sub i, .data-target-div2 #caf-multiple-taxonomy-filter #caf-search-sub i { font-size: 14px; color: rgba(158, 87, 231, 1); } .multiple-taxonomy-filter div#caf-multiple-taxonomy-filter { width: 26% !important; } .multiple-taxonomy-filter div#caf-multiple-taxonomy-filter ul::-webkit-scrollbar-track { background-color: #f5f5f5 !important; border-radius: 10px !important; } .multiple-taxonomy-filter div#caf-multiple-taxonomy-filter ul::-webkit-scrollbar { width: 6px !important; background-color: #f5f5f5 !important; } .multiple-taxonomy-filter div#caf-multiple-taxonomy-filter ul::-webkit-scrollbar-thumb { border-radius: 10px !important; background-color: rgba(158, 87, 231, 1) !important; } .multiple-taxonomy-filter div#manage-ajax-response { width: 70% !important; padding-right: 0 !important; } .data-target-div1 .error-caf, .data-target-div2 .error-caf { font-family: inherit; background-color: rgba(158, 87, 231, 1); color: #fff; font-size: 16px; padding: 80px; } @media only screen and (max-width: 1024px) { .multiple-taxonomy-filter div#caf-multiple-taxonomy-filter { width: 100% !important; } .multiple-taxonomy-filter div#manage-ajax-response { width: 100% !important; padding-left: 0 !important; } .caf-manage-search-bar { max-width: 100% !important; } .caf-post-layout3 { width: 48% !important; } .caf-post-layout3 .caf-post-title h2 { min-height: 66px !important; } } @media only screen and (max-width: 767px) { .caf-post-layout3 { width: 100% !important; margin: 0 0 20px !important; } .caf-post-layout3 .caf-post-title h2 { min-height: auto !important; } } .logged-in .social-proofy { display: none !important; } .page-id-10756 .wpforms-container, .page-id-35222 .wpforms-container, .page-id-35224 .wpforms-container, .page-id-43092 .wpforms-container { max-width: 800px !important; } .page-id-10756 div.wpforms-container-full .wpforms-form .wpforms-field-label, .page-id-35222 div.wpforms-container-full .wpforms-form .wpforms-field-label, .page-id-35224 div.wpforms-container-full .wpforms-form .wpforms-field-label, .page-id-43092 div.wpforms-container-full .wpforms-form .wpforms-field-label { color: #777777; font-weight: 400; } .page-id-10756 div.wpforms-container-full .wpforms-form .wpforms-required-label, .page-id-35222 div.wpforms-container-full .wpforms-form .wpforms-required-label, .page-id-35224 div.wpforms-container-full .wpforms-form .wpforms-required-label, .page-id-43092 div.wpforms-container-full .wpforms-form .wpforms-required-label { color: #a04ef2; } .page-id-10756 #wpforms-10761-field_7-container, .page-id-10756 #wpforms-10761-field_21-container, .page-id-35222 #wpforms-10761-field_7-container, .page-id-35222 #wpforms-10761-field_21-container, .page-id-35224 #wpforms-10761-field_7-container, .page-id-35224 #wpforms-10761-field_21-container, .page-id-43092 #wpforms-10761-field_7-container, .page-id-43092 #wpforms-10761-field_21-container { width: 49%; display: inline-block; margin: 0 7px 0 0; } .page-id-10756 #wpforms-10761-field_21-container, .page-id-35222 #wpforms-10761-field_21-container, .page-id-35224 #wpforms-10761-field_21-container, .page-id-43092 #wpforms-10761-field_21-container { margin: 0 0 0 7px; } .page-id-10756 #wpforms-10761-field_13, .page-id-35222 #wpforms-10761-field_13, .page-id-35224 #wpforms-10761-field_13, .page-id-43092 #wpforms-43090-field_22 { display: flex; } .page-id-43092 #wpforms-43090-field_22 { flex-direction: column; } .page-id-10756 #wpforms-10761-field_13 li, .page-id-35222 #wpforms-10761-field_13 li, .page-id-35224 #wpforms-10761-field_13 li, .page-id-43092 #wpforms-43090-field_22 li { border: 1px solid #cccccc !important; border-radius: 10px; padding: 20px 20px 20px 50px !important; margin: 0 10px !important; cursor: pointer; position: relative !important; flex: 1 1 0px; } .page-id-10756 #wpforms-10761-field_13 li.wpforms-selected, .page-id-35222 #wpforms-10761-field_13 li.wpforms-selected, .page-id-35224 #wpforms-10761-field_13 li.wpforms-selected, .page-id-43092 #wpforms-43090-field_22 li.wpforms-selected { border: 2px solid #a04ef2 !important; } .page-id-10756 #wpforms-10761-field_13 li:first-child, .page-id-35222 #wpforms-10761-field_13 li:first-child, .page-id-35224 #wpforms-10761-field_13 li:first-child, .page-id-43092 #wpforms-43090-field_22 li:first-child { margin: 0 10px 0 0 !important; } .page-id-10756 #wpforms-10761-field_13 li:last-child, .page-id-35222 #wpforms-10761-field_13 li:last-child, .page-id-35224 #wpforms-10761-field_13 li:last-child, .page-id-43092 #wpforms-43090-field_22 li:last-child { margin: 0 0 0 10px !important; } .page-id-10756 #wpforms-10761-field_13 li label h2, .page-id-35222 #wpforms-10761-field_13 li label h2, .page-id-35224 #wpforms-10761-field_13 li label h2, .page-id-43092 #wpforms-43090-field_22 li label h2 { color: #525252; font-weight: bold; font-size: 16px; margin: 0 0 10px; } .page-id-10756 #wpforms-10761-field_13 li label p, .page-id-35222 #wpforms-10761-field_13 li label p, .page-id-35224 #wpforms-10761-field_13 li label p, .page-id-43092 #wpforms-43090-field_22 li label p { color: #959595; font-weight: 400; font-size: 14px; line-height: 24px; max-width: 161px; } .page-id-43092 #wpforms-43090-field_22 li label p b { font-style: italic; } .page-id-43092 #wpforms-43090-field_22 li label p sup { font-size: 10px; position: absolute; bottom: 15px; top: auto; } .page-id-10756 #wpforms-10761-field_13 li label span, .page-id-35222 #wpforms-10761-field_13 li label span, .page-id-35224 #wpforms-10761-field_13 li label span, .page-id-43092 #wpforms-43090-field_22 li label span { color: #fff; background-color: #cccccc; position: absolute; top: -3px; right: -6px; display: inline-block; padding: 7px 12px; border-radius: 5px; font-size: 14px; line-height: 14px; } .page-id-43092 #wpforms-43090-field_22 li label span { font-weight: bold; } .page-id-10756 #wpforms-10761-field_13 li.wpforms-selected label span, .page-id-35222 #wpforms-10761-field_13 li.wpforms-selected label span, .page-id-35224 #wpforms-10761-field_13 li.wpforms-selected label span, .page-id-43092 #wpforms-43090-field_22 li.wpforms-selected label span { background-color: #a04ef2; } .page-id-10756 div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .page-id-10756 div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .page-id-10756 div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, .page-id-35222 div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .page-id-35222 div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .page-id-35222 div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, .page-id-35224 div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .page-id-35224 div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .page-id-35224 div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, .page-id-43092 div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .page-id-43092 div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .page-id-43092 div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100%; } .page-id-10756 .wpforms-submit-container, .page-id-35222 .wpforms-submit-container, .page-id-35224 .wpforms-submit-container, .page-id-43092 .wpforms-submit-container { text-align: center; } .page-id-10756 #wpforms-10761-field_13 input, .page-id-10756 #wpforms-10761-field_14 input, .page-id-35222 #wpforms-10761-field_13 input, .page-id-35222 #wpforms-10761-field_14 input, .page-id-35224 #wpforms-10761-field_13 input, .page-id-35224 #wpforms-10761-field_14 input, .page-id-43092 #wpforms-43090-field_22 input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .page-id-10756 #wpforms-10761-field_13 label, .page-id-10756 #wpforms-10761-field_14 label, .page-id-35222 #wpforms-10761-field_13 label, .page-id-35222 #wpforms-10761-field_14 label, .page-id-35224 #wpforms-10761-field_13 label, .page-id-35224 #wpforms-10761-field_14 label, .page-id-43092 #wpforms-43090-field_22 label { position: relative; cursor: pointer; } .page-id-10756 #wpforms-10761-field_13 label:before, .page-id-10756 #wpforms-10761-field_14 label:before, .page-id-35222 #wpforms-10761-field_13 label:before, .page-id-35222 #wpforms-10761-field_14 label:before, .page-id-35224 #wpforms-10761-field_13 label:before, .page-id-35224 #wpforms-10761-field_14 label:before, .page-id-43092 #wpforms-43090-field_22 label:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 1px solid #cccccc; border-radius: 6px; padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; } .page-id-10756 #wpforms-10761-field_13 input:checked + label:before, .page-id-10756 #wpforms-10761-field_14 input:checked + label:before, .page-id-35222 #wpforms-10761-field_13 input:checked + label:before, .page-id-35222 #wpforms-10761-field_14 input:checked + label:before, .page-id-35224 #wpforms-10761-field_13 input:checked + label:before, .page-id-35224 #wpforms-10761-field_14 input:checked + label:before, .page-id-43092 #wpforms-43090-field_22 input:checked + label:before { background-color: #b451ed; border: 0; } .page-id-10756 #wpforms-10761-field_13 input:checked + label:after, .page-id-10756 #wpforms-10761-field_14 input:checked + label:after, .page-id-35222 #wpforms-10761-field_13 input:checked + label:after, .page-id-35222 #wpforms-10761-field_14 input:checked + label:after, .page-id-35224 #wpforms-10761-field_13 input:checked + label:after, .page-id-35224 #wpforms-10761-field_14 input:checked + label:after, .page-id-43092 #wpforms-43090-field_22 input:checked + label:after { content: ""; display: block; position: absolute; top: 5px; left: 6px; width: 6px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .page-id-10756 #wpforms-10761-field_14 label, .page-id-35222 #wpforms-10761-field_14 label, .page-id-35224 #wpforms-10761-field_14 label { color: #777777; font-size: 16px; margin: 0; font-weight: 400; display: inline-block; } .page-id-10756 #wpforms-10761-field_14 label a, .page-id-35222 #wpforms-10761-field_14 label a, .page-id-35224 #wpforms-10761-field_14 label a { color: #a04ef2; font-weight: bold; text-decoration: none; } .page-id-10756 #wpforms-10761-field_13 label:before, .page-id-35222 #wpforms-10761-field_13 label:before, .page-id-35224 #wpforms-10761-field_13 label:before, .page-id-43092 #wpforms-43090-field_22 label:before { position: absolute; left: -35px; top: 55px; padding: 10px; } .page-id-43092 #wpforms-43090-field_22 label:before { top: 45px; } .page-id-10756 #wpforms-10761-field_13 input:checked + label:after, .page-id-35222 #wpforms-10761-field_13 input:checked + label:after, .page-id-35224 #wpforms-10761-field_13 input:checked + label:after, .page-id-43092 #wpforms-43090-field_22 input:checked + label:after { top: 59px; left: -29px; width: 7px; height: 11px; } .page-id-43092 #wpforms-43090-field_22 input:checked + label:after { top: 48px; } /* .page-id-10756 #wpforms-field-stripe-link-element-10761 { display: none; } */ .page-id-10756 #wpforms-10761-field_12-container #wpforms-field-stripe-payment-element-10761, .page-id-35222 #wpforms-10761-field_12-container #wpforms-field-stripe-payment-element-10761, .page-id-35224 #wpforms-10761-field_12-container #wpforms-field-stripe-payment-element-10761, .page-id-43092 #wpforms-10761-field_12-container #wpforms-field-stripe-payment-element-10761 { background: #ebebeb; padding: 20px 15px !important; height: 100% !important; border-radius: 10px; } .page-id-10756 #wpforms-form-10761, .page-id-35222 #wpforms-form-10761, .page-id-35224 #wpforms-form-10761, .page-id-43092 #wpforms-form-10761 { position: relative; margin: 0 0 50px; } .page-id-10756 #wpforms-10761-field_19 .guaranteed-block, .page-id-35222 #wpforms-10761-field_19 .guaranteed-block, .page-id-43092 #wpforms-10761-field_19 .guaranteed-block { position: absolute; bottom: -60px; left: 0; right: 0; margin: auto !important; justify-content: center; } .page-id-10756 #wpforms-10761-field_19 .guaranteed-block span, .page-id-35222 #wpforms-10761-field_19 .guaranteed-block span, .page-id-43092 #wpforms-10761-field_19 .guaranteed-block span { margin: 0 0 0 10px; } .data-target-div1 div#caf-multiple-taxonomy-filter ul, .data-target-div2 div#caf-multiple-taxonomy-filter ul { height: 300px; overflow-x: hidden; padding: 0 20px 0 0 !important; } .data-target-div1 div#caf-multiple-taxonomy-filter .caf-filter-block, .data-target-div2 div#caf-multiple-taxonomy-filter .caf-filter-block { margin: 0 0 15px; padding: 15px; } .data-target-div1 div#caf-multiple-taxonomy-filter .caf-filter-subblock, .data-target-div2 div#caf-multiple-taxonomy-filter .caf-filter-subblock { /*border: 1px solid #eee;*/ /*display: none;*/ padding: 15px 0 0 !important; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-filter-container { background: transparent !important; } .data-target-div1 #caf-multiple-taxonomy-filter .caf-filter-container li { padding: 0 0 5px; } .caf-active-filters { position: relative; z-index: 999999; } /*.data-target-div1 div#caf-multiple-taxonomy-filter .caf-filter-block:first-child .caf-filter-subblock,*/ /*.data-target-div2 div#caf-multiple-taxonomy-filter .caf-filter-block:first-child .caf-filter-subblock {*/ /* display: block;*/ /*}*/ /*.data-target-div1 div#caf-multiple-taxonomy-filter .caf-filter-block:nth-child(2) .tax-heading i,*/ /*.data-target-div2 div#caf-multiple-taxonomy-filter .caf-filter-block:nth-child(2) .tax-heading i {*/ /* transform: rotate(180deg);*/ /*}*/ /*.data-target-div1 .caf-mtf-layout h3.tax-heading i,*/ /*.data-target-div2 .caf-mtf-layout h3.tax-heading i {*/ /* display: none;*/ /*}*/ /* #wpforms-10761-field_12-container, #wpforms-10761-field_13-container { display: none !important; } */ #wpforms-10761-field_12-container, #wpforms-43090-field_22-container .wpforms-field-label { display: none !important; } #wpforms-43090-field_22-container .wpforms-field-label { color: #000; display: block !important; font-weight: 500; margin: 0 0 10px; } #wpforms-43090-field_7-container, #wpforms-43090-field_21-container { width: 48%; display: inline-block; } #wpforms-43090-field_21-container { float: right; } #wpforms-10761-field_12-container.active { display: block !important; } .page-id-30931 .hero-section { margin-bottom: 70px !important; } .page-id-30931 .page-title { font-size: 60px; font-weight: 400; font-family: "Roboto Slab", serif; } #wpforms-form-43090 { position: relative; } #wpforms-form-43090 .wpforms-submit-container #wpforms-submit-43090 { position: relative; background: #9552ea; border-radius: 15px; border: 0; box-shadow: none; width: auto; margin: 0; min-width: 210px; padding: 10px 40px 10px 20px; } #wpforms-form-43090 .wpforms-submit-container:before { content: ""; background-image: url(images/right-long-arrow.svg); position: absolute; top: 29px; font-size: 20px; right: -180px; width: 23px; height: 17px; display: inline-block; z-index: 9; background-size: 60%; background-repeat: no-repeat; left: 0; margin: auto; } .form-content-block p { color: #a8a8a8; font-size: 12px; font-family: Roboto, Sans-Serif; margin: 0 0 20px; } .main-block { margin: 30px 0 0; } .blog-detail-block, .main-block article { display: flex; gap: 140px; align-items: center; box-shadow: none !important; background-color: transparent !important; flex-direction: row; } .blog-detail-block { flex-direction: column; } .other-block article { margin-bottom: 30px; box-shadow: none !important; background-color: transparent !important; } /* .blog-detail-block .image-block { width: 40%; text-align: left; } .blog-detail-block .image-block .boundless-image img { width: 350px; height: 350px; object-fit: cover; } */ .main-block article .image-block { width: 50%; } .blog-detail-block .image-block a, .main-block article .image-block a { display: inline-block; position: relative; } .blog-detail-block .image-block a:before, .main-block article .image-block a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 20px; left: 20px; background-color: aliceblue; z-index: -1; border-radius: 10px; background: #f5edfe; } .blog-detail-block .image-block img, .other-block article img, .main-block article .image-block img { border-radius: 10px; } /* .blog-detail-block .details-block { width: 60%; } */ .main-block article .details-block { width: 50%; } .blog-detail-block .details-block .category-block, .page-id-30931 .blog.home-mockup .category-block, .page-id-37303 .blog.home-mockup .category-block { display: flex; } .blog-detail-block .details-block .category-block h5, .page-id-30931 .blog.home-mockup .category-block h5, .page-id-37303 .blog.home-mockup .category-block h5 { margin: 0; line-height: normal; } .blog-detail-block .details-block .category-block h5 a, .page-id-30931 .blog.home-mockup .category-block h5 a, .page-id-37303 .blog.home-mockup .category-block h5 a { font-weight: bold; font-size: 14px; color: #a04ef2; text-decoration: none; } .blog-detail-block .details-block .category-block h6, .page-id-30931 .blog.home-mockup .category-block h6, .page-id-37303 .blog.home-mockup .category-block h6 { margin: 0 0 0 20px; font-weight: 400; color: #958c9d; font-size: 14px; line-height: 30px; } .blog-detail-block .details-block .entry-title, .page-id-30931 .blog.home-mockup .entry-title, .page-id-37303 .blog.home-mockup .entry-title { min-height: auto !important; text-align: left; margin: 0 0 10px; padding: 0; } .blog-detail-block .details-block .entry-title a, .page-id-30931 .blog.home-mockup .entry-title a, .page-id-37303 .blog.home-mockup .entry-title a { color: #a04ef2; font-weight: bold; font-size: 48px; line-height: 68px; font-family: "Roboto Slab", serif; } .single .blog-detail-block .details-block h3.entry-title { color: #a04ef2; } .single .blog-detail-block .details-block h3.entry-title, .blog-detail-block .details-block .entry-title a { font-size: 58px; line-height: 78px; font-weight: 400; } .blog-detail-block .author-block { display: flex; margin: 50px 0 0; align-items: center; } .blog-detail-block .author-block .photo { width: 45px; height: 45px; } .blog-detail-block .author-block .details { margin: 0 0 0 15px; } .blog-detail-block .author-block .name { margin: 0; color: #a04ef2; font-size: 16px; font-weight: bold; } .blog-detail-block .author-block .description { margin: 0; color: #4b385e; font-size: 16px; font-weight: 400; } .page-id-30931 .blog.home-mockup .content-list p, .page-id-37303 .blog.home-mockup .content-list p { color: #000000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 22px; } .page-id-30931 .blog.home-mockup .other-block, .page-id-37303 .blog.home-mockup .other-block { margin-top: 100px; } .blog-category-block .blog.home-mockup .other-block .category-block, .page-id-30931 .blog.home-mockup .other-block .category-block, .page-id-37303 .blog.home-mockup .other-block .category-block { margin: 20px 0 0; } .blog-category-block .blog.home-mockup .other-block .entry-title a, .page-id-30931 .blog.home-mockup .other-block .entry-title a, .page-id-37303 .blog.home-mockup .other-block .entry-title a { font-size: 36px; line-height: 50px; } .new-blog-list { margin-top: -100px; } #caf-post-layout-container.data-target-div1.post-layout3, div#caf-post-layout-container.multiple-taxonomy-filter { padding: 60px 0; max-width: 1265px; display: block; margin: 0 auto; } @media only screen and (max-width: 1024px) { #caf-post-layout-container.data-target-div1.post-layout3, div#caf-post-layout-container.multiple-taxonomy-filter { padding: 60px 20px; } } .custom-hero-section { margin: 20px 0 -40px; } .custom-hero-section h1 { font-weight: bold; color: #a04ef2; } @media only screen and (min-width: 1025px) { body.page-id-30801, body.page-id-30801 #main-container { overflow: visible !important; } #caf-multiple-taxonomy-filter { position: sticky; top: 70px; } } .custom-container { max-width: 1265px; margin: 0 auto; } .pagination { text-align: center; max-width: 620px; margin: 0 auto; } .pagination .page-numbers { color: #414141; font-size: 18px; line-height: 20px; font-weight: 500; margin: 0 15px; padding: 5px 12px; border-radius: 5px; } .pagination .page-numbers:hover, .pagination .page-numbers.current { color: #fff; background: #9258ea; font-size: 18px; line-height: 20px; font-weight: 500; margin: 0 15px; padding: 5px 12px; border-radius: 5px; } .pagination .page-numbers.prev { float: left; padding: 7px 12px; line-height: 18px; margin-top: -2px; } .pagination .page-numbers.next { float: right; padding: 7px 12px; line-height: 18px; margin-top: -2px; } body.education .hero-section, body.product-announcements .hero-section, body.tips-and-tricks .hero-section { display: none; } .single-blog { margin-top: 70px; margin-bottom: 70px; } .single-blog > .container, .blog-content-details > .container { width: 1090px; max-width: 1090px; margin: 0 auto; } .blog-content-details > .container { padding: 0 50px; } .blog-content-details p, .blog-content-details ol li, .blog-content-details ul li { color: #494151; font-weight: 300; font-size: 22px; line-height: 36px; font-family: "Roboto Slab", serif; } .blog-content-details ol { padding-left: 25px; counter-reset: ordered-list; } .blog-content-details ol li { position: relative; list-style: none; } .blog-content-details ol li:before { counter-increment: ordered-list; content: counter(ordered-list); color: #a04ef2; font-weight: bold; margin-right: 10px; } .blog-content-details h2 { margin: 40px 0; color: #494151; font-weight: bold; font-family: "Roboto Slab", serif; } .blog-content-details a { color: #a04ef2; font-weight: 400; font-family: "Roboto Slab", serif; } .blog-content-details a.wp-block-button__link { color: #fff; } .blog-content-details .wp-block-image { margin: 15px 0; text-align: center; } @media only screen and (max-width: 1024px) and (min-width: 992px) { .single-blog > .container, .blog-content-details > .container { width: 800px; max-width: 800px; } } @media only screen and (max-width: 1024px) { .blog-detail-block, .main-block article { gap: 150px; } .blog-detail-block .details-block .entry-title a, .page-id-30931 .blog.home-mockup .entry-title a, .page-id-37303 .blog.home-mockup .entry-title a, .single .blog-detail-block .details-block h3.entry-title { font-size: 38px; line-height: 48px; } .page-id-30931 .blog.home-mockup .other-block .entry-title a, .page-id-37303 .blog.home-mockup .other-block .entry-title a { font-size: 26px; line-height: 36px; } .page-id-30931 .blog.home-mockup .content-list p, .page-id-37303 .blog.home-mockup .content-list p { font-size: 16px; } .blog-detail-block .image-block .boundless-image img { width: 250px; height: 250px; } } @media only screen and (max-width: 991px) { .blog-detail-block, .main-block article { gap: 0; flex-direction: column; } .main-block article .image-block, .main-block article .details-block { width: 100%; } .main-block article .image-block { text-align: center; } .main-block article .image-block .boundless-image { width: auto; } .main-block article .image-block .boundless-image img { max-width: 400px; } .main-block article .details-block { margin: 80px 0 0; } .page-id-30931 .blog.home-mockup .other-block .entry-title a, .blog-detail-block .details-block .entry-title a, .page-id-30931 .blog.home-mockup .entry-title a, .page-id-37303 .blog.home-mockup .other-block .entry-title a, .page-id-37303 .blog.home-mockup .entry-title a, .single .blog-detail-block .details-block h3.entry-title { font-size: 26px; line-height: 38px; } .page-id-30931 .blog.home-mockup .content-list p, .page-id-37303 .blog.home-mockup .content-list p { font-size: 16px; } .single-blog { margin-top: 40px; margin-bottom: 40px; } .single-blog > .container, .blog-content-details > .container { width: auto; padding: 0 25px; } .blog-detail-block .details-block, .blog-detail-block .image-block { width: 100%; } .blog-detail-block .image-block { text-align: center; } .blog-detail-block .image-block .boundless-image { width: auto; } .blog-detail-block .image-block .boundless-image img { width: 300px; height: 300px; } .blog-detail-block .details-block { order: 2; margin: 30px 0 0; } .blog-detail-block .author-block { margin: 0; } .blog-content-details p { font-size: 16px; line-height: 28px; } .blog-content-details h2 { font-size: 22px; margin: 20px 0; } } @media only screen and (max-width: 767px) { .page-id-30931 .hero-section { margin-bottom: 30px !important; } .page-id-30931 .page-title { font-size: 30px; } .main-block article .details-block { margin: 80px 0 0; } .page-id-30931 .blog.home-mockup .other-block, .page-id-37303 .blog.home-mockup .other-block { margin-top: 0; } .home article.post, .blog article.post { margin-bottom: 10px; } .pagination .page-numbers:hover, .pagination .page-numbers.current, .pagination .page-numbers { margin: 0 5px 5px; } .main-block article .image-block .boundless-image img { max-width: 250px; } .blog-detail-block .image-block .boundless-image img { width: 250px; height: 250px; } } .blog-category-block { margin: 70px 0; } .blog-category-block .blog-detail-block .details-block { width: 100%; } .blog-category-block .blog-detail-block .image-block img { border-radius: 10px; height: 250px; width: 100%; object-fit: cover; } .data-target-div1 .caf-post-layout3 .caf-content, .data-target-div2 .caf-post-layout3 .caf-content { text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; margin: 10px 0; -webkit-box-orient: vertical; color: #102136 !important; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.menu-item-30991 .sub-menu { width: 300px !important; font-size: 0; top: 100px !important; padding: 10px 0; background: #351f5f !important; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.brand-page .sub-menu { width: 700px !important; font-size: 0; top: 100px !important; padding: 10px 0; background: #351f5f !important; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.menu-item-30991 .sub-menu li { display: inline-block; width: 50%; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.brand-page .sub-menu li { display: inline-block; width: 25%; } .menu-block .elementor-nav-menu--main .elementor-nav-menu a, .menu-block .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .menu-block .elementor-nav-menu--main .elementor-nav-menu a:focus, .menu-block .elementor-nav-menu--main .elementor-nav-menu a:hover { padding: 40px 10px; } .menu-block .elementor-nav-menu--main .elementor-nav-menu li:hover a { background: #351f5f !important; } @media only screen and (max-width: 1439px) and (min-width: 1200px) { .menu-block .elementor-nav-menu--main .elementor-nav-menu a, .menu-block .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .menu-block .elementor-nav-menu--main .elementor-nav-menu a:focus, .menu-block .elementor-nav-menu--main .elementor-nav-menu a:hover { padding: 40px 4px; font-size: 13px; } .logged-in .menu-block .elementor-nav-menu--main .elementor-nav-menu a, .logged-in .menu-block .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .logged-in .menu-block .elementor-nav-menu--main .elementor-nav-menu a:focus, .logged-in .menu-block .elementor-nav-menu--main .elementor-nav-menu a:hover { padding: 40px 6px; } } @media only screen and (max-width: 1024px) { .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.menu-item-30991 .sub-menu, .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.brand-page .sub-menu { width: auto !important; padding: 10px 0; background: transparent !important; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.menu-item-30991 .sub-menu li, .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.brand-page .sub-menu li { display: inline-block; width: 100%; } #elementor-popup-modal-28434 .dialog-widget-content { left: 0; right: 0; } } .sub-arrow { font-display: swap !important; } .fpd-grid-columns-2 .fpd-head-visible .fpd-grid > .fpd-item { background: #aaa; } .fpd-container fpd-actions-bar > div { height: auto !important; } .page-id-30576 .checkout.woocommerce-checkout { display: block; margin: 25px auto; max-width: 1320px; } .page-id-30576 .form-row { display: block; } .page-id-30576 .progressbar li { font-family: Roboto, sans-serif; } .page-id-30576 .progressbar li:before { line-height: 18px; } .page-id-30576 .progressbar li.active:before { line-height: 17px; } .page-id-30576 .wp-block-preformatted { padding: 15px 0; width: 100% !important; max-width: 100% !important; } .woocommerce-main-block { border-bottom: 1px solid #cccccc; } .woocommerce-main-block .woocommerce-top-block { margin: 0 auto; } .woocommerce-block .heading-details { margin: 0 0 35px; } .page-id-30576 .ct-customer-details, .page-id-30576 .ct-order-review { border-radius: 5px; border: 1px solid #dedede; background: #fcfcfc; } .page-id-30576 #customer_details { margin: 0; padding: 25px; } .page-id-30576 #order_review_heading, .page-id-30576 .woocommerce-billing-fields h3 { font-size: 18px !important; font-weight: bold; } .page-id-30576 .form-row { margin: 0 0 15px; } .page-id-30576 select, .page-id-30576 textarea, .page-id-30576 input[type="url"], .page-id-30576 input[type="tel"], .page-id-30576 input[type="text"], .page-id-30576 input[type="time"], .page-id-30576 input[type="date"], .page-id-30576 input[type="datetime"], .page-id-30576 input[type="datetime-local"], .page-id-30576 input[type="email"], .page-id-30576 input[type="number"], .page-id-30576 input[type="search"], .page-id-30576 input[type="password"], .page-id-30576 .ct-widget select, .page-id-30576 fieldset .wc-stripe-elements-field, .page-id-30576 span.select2-dropdown, .page-id-30576 span.select2-container .select2-selection--single, .page-id-30576 #payment .payment_methods > li > label:before { border-color: #dfdfdf; background: #fff; border-radius: 7px; } .page-id-30576 .shop_table.woocommerce-checkout-review-order-table th, .page-id-30576 .shop_table.woocommerce-checkout-review-order-table td { border-color: #e2e2e2; } .page-id-30576 .shop_table.woocommerce-checkout-review-order-table td { font-size: 18px; color: #000000; font-weight: 400; } .page-id-30576 .shop_table.woocommerce-checkout-review-order-table tfoot td, .page-id-30576 .shop_table.woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount.amount { font-weight: bold; } .page-id-30576 .shop_table.woocommerce-checkout-review-order-table td.product-name, .page-id-30576 .shop_table.woocommerce-checkout-review-order-table td.product-total { padding: 35px 0 10px; } .page-id-30576 .shop_table.woocommerce-checkout-review-order-table td img { margin-top: -20px; } .page-id-30576 .shop_table.woocommerce-checkout-review-order-table td strong { font-weight: 400; } .page-id-30576 .woocommerce-privacy-policy-text p a { color: #9a35f0; font-weight: bold; } .page-id-30576 .woocommerce-terms-and-conditions-checkbox-text a { color: initial; } .page-id-30576 .form-row.place-order { text-align: center; } .page-id-30576 .woocommerce-terms-and-conditions-wrapper { text-align: left; } .page-id-30576 .button.alt.wp-element-button { background: #9a35f0; border: 0; font-size: 20px !important; line-height: 55px; max-width: 480px; margin: 0 auto !important; border-radius: 7px; } .page-id-30576 .ct-order-review table.shop_table { margin-bottom: 0; } .download-content { margin: 25px 0 0; display: flex; align-items: center; justify-content: center; } .download-content img { max-width: 40px; } .download-content h4 { margin: 0 0 0 10px !important; font-size: 20px; line-height: 34px; color: #4c4c4c; font-family: Roboto, Sans-Serif; font-weight: bold; } .page-id-30576 #wcpay-payment-request-wrapper { display: none !important; } @media only screen and (max-width: 1320px) { .woocommerce-main-block .woocommerce-top-block { padding: 25px 15px; max-width: 100% !important; } .page-id-30576 .checkout.woocommerce-checkout { max-width: 100%; padding: 0 15px; } } @media only screen and (max-width: 767px) { .page-id-30576 .right-block { margin: 15px 0 0; } .page-id-30576 #customer_details { padding: 25px 0; } } .search .entry-button { margin: 0 auto; } .additional-information h2 { margin: 0 0 25px; font-size: 18px; } .woocommerce-product-attributes th, .woocommerce-product-attributes td { color: #000; padding: 0 0 15px; } .woocommerce-product-attributes th { font-weight: bold; } .woocommerce-product-attributes tr:nth-child(even) th, .woocommerce-product-attributes tr:nth-child(even) td { background: transparent !important; } .product-heading-block .elementor-page-title { margin-bottom: 10px !important; } .product-heading-block .woocommerce-breadcrumb { font-weight: bold; } .product-heading-block .woocommerce-breadcrumb a { color: #9452ea; text-transform: uppercase; font-weight: bold; } .product-info-block .elementor-container { flex-direction: column; } .product-info-block .elementor-column { width: 100% !important; } .price-block .elementor-widget-wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .price-block .elementor-widget-wrap > .elementor-element { width: auto; margin: 0 !important; } .download-block .elementor-image-box-wrapper { display: flex; align-items: center; justify-content: center; } .download-block .elementor-image-box-wrapper .elementor-image-box-img, .download-block .elementor-image-box-wrapper .elementor-image-box-content { margin: 0 15px; width: auto !important; } .cart-block .woocommerce-variation-add-to-cart { width: 100% !important; } .cart-block div.quantity { display: none !important; } .cart-block .woocommerce-variation-add-to-cart .single_add_to_cart_button { width: 100%; margin: 0 !important; } .cart-block .woovr-variation-image, .cart-block .woovr-variation-availability, .cart-block .woovr-variation-description { display: none !important; } .cart-block .woovr-variations .woovr-variation > div { display: flex; justify-content: space-between; } .cart-block .woocommerce-Price-amount { font-weight: bold; color: #4c4c4c; font-size: 20px; } .cart-block .woovr-variation-radio .woovr-variation-name { font-weight: 400; font-size: 18px; } .cart-text.elementor-element { margin-bottom: 0 !important; } .woocommerce-loop-product__title { background: transparent !important; } @media only screen and (max-width: 767px) { .download-block .elementor-image-box-wrapper .elementor-image-box-img, .download-block .elementor-image-box-wrapper .elementor-image-box-content { margin: 0 5px !important; } } .woocommerce-LoopProduct-link.woocommerce-loop-product__link, .ct-woo-card-actions { text-align: center; } .archive .hero-section { padding: 50px 0 0 !important; background-color: transparent !important; } .archive .hero-section .entry-header { padding: 0 !important; min-height: auto !important; } .woocommerce-ordering select { border: 1px solid #a04ef2; } .archive .hero-section .entry-header .page-description { display: none !important; } .term-description, .tag-description { max-width: 1265px; margin: 30px auto; text-align: left; } .wp-block-preformatted, .wp-block-preformatted p, .restore-item, .cart-empty, .page-id-30575 .button { font-family: Roboto, Sans-Serif !important; } .cart-block { position: relative; } .cart-block .cart-contents { font-size: 17px; } .cart-block .cart-contents .count { position: absolute; top: -1px; z-index: 999999; overflow: visible; right: -12px; background: red; color: #fff; font-size: 10px; width: 15px; height: 15px; border-radius: 15px; text-align: center; } .woocommerce-Price-amount.amount { font-family: Roboto, Sans-Serif; } .woocommerce-cart-form__contents .coupon input { border: 1px solid #a04ef2; } .betterdocs-category-icon .betterdocs-category-icon-img { width: auto; } .menu-block .elementor-nav-menu--main .elementor-nav-menu a .sub-arrow:last-child { display: none; } .congrats-heading .elementor-widget-wrap > div { width: auto; margin: 0 5px 0 0; } .congrats-heading .first-name .elementor-shortcode { color: #a04ef2; font-family: "Roboto", Sans-serif; font-size: 70px; font-weight: 500; line-height: 80px; } .describe-form .wpforms-title { color: #a04ef2; font-family: "Roboto", Sans-serif; font-size: 20px !important; font-weight: 700; margin: 0 !important; } .describe-form #wpforms-34502-field_1 li .wpforms-field-label-inline { font-family: "Roboto", Sans-serif; font-size: 15px; font-weight: 500; position: relative; } .describe-form div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, .describe-form div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, .describe-form div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li { width: auto; display: flex; align-items: center; padding-right: 25px !important; } .describe-form #wpforms-34502-field_1 li input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .describe-form #wpforms-34502-field_1 li .wpforms-field-label-inline:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 1px solid #cccccc; padding: 6px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; } .describe-form #wpforms-34502-field_1 li input:checked + .wpforms-field-label-inline:after { content: ""; display: block; position: absolute; top: 4px; left: 4px; width: 6px; height: 9px; border: solid #a04ef2; border-width: 0 2px 2px 0; transform: rotate(45deg); } .describe-form .wpforms-submit-container button { color: #fff !important; padding: 15px 40px !important; background: #a04ef2 !important; font-weight: 500 !important; font-size: 18px !important; line-height: 24px !important; border-radius: 50px !important; font-family: "Roboto", Sans-serif !important; } .some-help p.elementor-heading-title { max-width: 246px; margin: 0 auto; } .see-what-you-can-make-it .elementor-swiper-button svg { fill: #525152 !important; width: 25px !important; height: 58px !important; } .see-what-you-can-make-it .elementor-swiper-button.elementor-swiper-button-prev { left: -10px !important; } .see-what-you-can-make-it .elementor-swiper-button.elementor-swiper-button-next { right: -10px !important; } .see-what-you-can-make-it .elementor-swiper-button i { color: #525152; } .see-what-you-can-make-it .swiper-slide { max-width: 400px; } .what-we-do-better-form .wpforms-field-label { color: #000000 !important; font-size: 18px !important; margin: 0 0 20px !important; font-family: "Roboto", Sans-serif !important; } .what-we-do-better-form .wpforms-field-rating-items svg { width: 28px !important; height: 28px !important; fill: #dedede !important; } .what-we-do-better-form #wpforms-34506-field_2 { color: #777777 !important; width: 100% !important; max-width: none !important; border-color: #dadada !important; border-radius: 5px !important; -webkit-appearance: menulist; appearance: menulist; font-size: 16px; font-family: "Roboto", Sans-serif !important; } .what-we-do-better-form #wpforms-34506-field_3 { border-color: #dadada !important; border-radius: 5px !important; } .what-we-do-better-form div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg, .what-we-do-better-form div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg { fill: #a04ef2 !important; transform: scale(1) !important; } .what-we-do-better-form div.wpforms-container-full .wpforms-form .wpforms-field { padding: 10px 0 20px; } .what-we-do-better-form .wpforms-field-limit-text { display: none; } .what-we-do-better-form .wpforms-submit-container { text-align: right; } .what-we-do-better-form .wpforms-submit-container button { color: #fff !important; padding: 10px 35px !important; background: #a04ef2 !important; font-weight: 500 !important; font-size: 16px !important; line-height: 20px !important; border-radius: 50px !important; font-family: "Roboto", Sans-serif !important; } .what-we-do-better-form div.wpforms-container-full { margin: 24px auto 10px; } .what-we-do-better-form div.wpforms-container-full .wpforms-form .wpforms-layout-column-33 .wpforms-field > div { padding: 16px; background: #f5f5f5; border-radius: 10px; min-height: 128px; } .what-we-do-better-form .form-info-block { margin: 0 !important; color: #090909; font-size: 16px !important; line-height: 24px; font-weight: 400; font-family: "Roboto", Sans-serif; } .what-we-do-better-form .form-info-block h2 { margin: 0 !important; color: #090909; font-size: 16px !important; line-height: 24px; font-weight: bold; font-family: "Roboto", Sans-serif; } .what-we-do-better-form .form-info-block a { color: #a04ef2; text-decoration: underline !important; } .what-we-do-better-form div.wpforms-container-full .wpforms-form .wpforms-layout-column-33 .wpforms-field > div .form-info-block, .what-we-do-better-form div.wpforms-container-full .wpforms-form .wpforms-layout-column-33 .wpforms-field > div .form-info-block h2 { font-size: 16px !important; line-height: 24px; } .what-we-do-better-form div.wpforms-container-full .wpforms-form .wpforms-layout-column-33 .wpforms-field > div .form-info-block h2 a { text-decoration: underline; } .what-we-do-better-form div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column { padding: 0 7px !important; } .tooltip { position: relative; display: inline-block; cursor: pointer; } .tooltip .tooltiptext { visibility: hidden; width: 260px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { visibility: visible; } .price-section > .elementor-widget-wrap { flex-direction: row; align-items: center; } .price-section .elementor-widget-wrap > div { width: auto !important; } .save-link { cursor: pointer; } .most-popular-text { position: absolute !important; right: 30px; } .page.page-id-34522 .hero-section, .page.page-id-34523 .hero-section { padding: 0 0 40px; } .page-id-34522 .wpas { border: 0; padding: 0; max-width: 882px !important; background: transparent; } .page-id-35018 .page-title, .single-ticket .page-title, .page.page-id-34522 .page-title, .page.page-id-34523 .page-title, .page-id-6295 .page-title { display: block; color: #000000; font-size: 40px; font-weight: bold; text-align: center; font-family: "Inter", sans-serif; } .page-id-34523 .wpas { max-width: 840px !important; } .single-ticket article, .page-id-34522 article, .page-id-34523 article { padding: 50px 0 !important; background: #fff; min-height: 800px; } .single-ticket .wpas-btn-default, .page-id-34522 .wpas-btn-default, .page-id-34523 .wpas-btn-default { margin: 0; color: #000000; font-size: 14px; line-height: 24px; font-weight: bold; border-radius: 20px; padding: 6px 17px; background: transparent; border: 2px solid #000000; font-family: "Inter", sans-serif; } .single-ticket .wpas-link-ticketnew { margin: 0 0 0 10px; color: #ffffff; font-size: 14px; line-height: 24px; font-weight: bold; border-radius: 20px; padding: 6px 17px; background: #a04ef2; border: 2px solid #a04ef2; font-family: "Inter", sans-serif; } .page-id-34522 .wpas-btn-default:hover, .page-id-34523 .wpas-btn-default:hover { color: #000000; background: transparent; } .page-id-34523 .wpas-form-group > label { color: #68788a; font-family: "Inter", sans-serif; } .single-ticket .form-control, .page-id-34523 .wpas-form-control { background: #ffffff !important; border-color: #dadada !important; font-family: "Inter", sans-serif; } .single-ticket .form-control:hover, .single-ticket .form-control:focus, .page-id-34523 .wpas-form-control:hover, .page-id-34523 .wpas-form-control:focus { background: #fafbfc !important; border-color: #627386 !important; } .single-ticket .wpas { border: 0; padding: 0; max-width: 882px !important; background: transparent; } .single-ticket .wpas-uploader-dropzone, .page-id-34523 .wpas-uploader-dropzone { border-color: #808080; } .single-ticket .dropzone .dz-message, .page-id-34523 .dropzone .dz-message { color: #788697; } .single-ticket .wpas-btn-default[type="submit"], .page-id-34523 .wpas-btn-default[type="submit"] { border: 0; color: #fff; padding: 6px 24px; font-size: 14px; line-height: 24px; border-radius: 50px; font-weight: bold; background-color: #a04ef2; font-family: "Inter", sans-serif; } .single-ticket .wpas-btn-default[type="submit"] { font-size: 0; position: relative; } .single-ticket .wpas-btn-default[type="submit"]:after { content: "Submit Reply"; color: #fff; font-size: 14px; line-height: 24px; border-radius: 50px; font-weight: bold; font-family: "Inter", sans-serif; } .page-id-34522 #wpas_ticketlist th { color: #fff; font-size: 14px; line-height: 23px; font-weight: bold; font-family: "Inter", sans-serif; background-color: #a04ef2; } .page-id-34522 #wpas_ticketlist tr:nth-child(odd) { background-color: #f3f9fd; } .page-id-34522 #wpas_ticketlist tr:nth-child(even) { background-color: #e7f2fb; } .page-id-34522 #wpas_ticketlist tbody tr:nth-child(n + 1):hover { border: 0; } .page-id-34522 #wpas_ticketlist tfoot { display: none; } .single-ticket .wpas-label, .page-id-34522 .wpas-label { font-size: 11px; line-height: 20px; border-radius: 20px; font-weight: 400; font-family: "Inter", sans-serif; background-color: #a01497; } .page-id-34522 #wpas_ticketlist td { font-size: 14px; color: #000000; font-weight: 400; font-family: "Inter", sans-serif; } .page-id-34522 .wpas-ticket-list .wpas-table a { font-size: 14px; color: #a04ef2; font-weight: 600; font-family: "Inter", sans-serif; } .single-ticket .entry-meta { display: none; } .single-ticket .wpas-table-responsive { margin: 60px 0 0; } .single-ticket .wpas-ticket-details-header th { padding: 10px 0; color: #000000; font-weight: bold; font-size: 16px; line-height: 19px; font-family: "Inter", sans-serif; } .single-ticket .wpas-ticket-details-header th:last-child { width: 22%; } .single-ticket .wpas-ticket-details-header td { padding: 10px 0; color: #000000; font-weight: 500; font-size: 16px; line-height: 19px; font-family: "Inter", sans-serif; } .single-ticket .wpas-table > thead > tr > th, .single-ticket .wpas-table > tbody > tr > th, .single-ticket .wpas-table > tfoot > tr > th, .single-ticket .wpas-table > thead > tr > td, .single-ticket .wpas-table > tbody > tr > td, .single-ticket .wpas-table > tfoot > tr > td { border-color: #e4e4e4; } .single-ticket #wpas-new-reply .checkbox { display: none; } .single-ticket .wpas-ticket-replies > tbody > tr.wpas_user_administrator > td, .single-ticket .wpas-ticket-replies > tbody > tr.wpas_user_wpas_manager > td, .single-ticket .wpas-ticket-replies > tbody > tr.wpas_user_wpas_support_manager > td, .single-ticket .wpas-ticket-replies > tbody > tr.wpas_user_wpas_agent > td { background: transparent; } .single-ticket .wpas-reply-user { font-size: 16px; line-height: 19px; color: #000000; font-weight: bold; font-family: "Inter", sans-serif; } .single-ticket .wpas-reply-content p { font-size: 16px; line-height: 19px; color: #000000; font-weight: 400; font-family: "Inter", sans-serif; } .single-ticket .wpas-reply-meta .wpas-human-date { display: none !important; } .single-ticket .wpas-reply-meta .wpas-date-ago { display: block !important; } .single-ticket .wpas-ticket-details h3 { margin: 50px 0 25px; font-size: 32px; line-height: 32px; color: #000000; font-weight: bold; font-family: "Inter", sans-serif; } .wpas-link-logout { display: none !important; } .cancel-img img { width: 268px; } @media only screen and (max-width: 991px) { .single-ticket article, .page-id-34522 article, .page-id-34523 article { padding: 30px 0 !important; min-height: inherit; } .page.page-id-34522 .hero-section, .page.page-id-34523 .hero-section { padding: 0 0 20px; } .single-ticket .page-title, .page.page-id-34522 .page-title, .page.page-id-34523 .page-title, .page-id-6295 .page-title { font-size: 34px; } } #menu-important-stuff .menu-item:hover > a, #menu-important-stuff .menu-item.active > a { background: transparent; } .save-link:hover p { text-decoration: underline; } .save-up-arrow span { position: relative; top: -8px; right: -5px; font-size: 14px; } .pricing-faq .betterdocs-faq-title { display: none; } @media only screen and (max-width: 991px) { .congrats-heading .first-name .elementor-shortcode { font-size: 50px; line-height: 60px; } } @media only screen and (max-width: 767px) { .logged-in #ajaxsearchpro1_1, .logged-in #ajaxsearchpro1_2, .logged-in div.asp_m.asp_m_1 { max-width: 100%; min-width: 310px; } .logged-in #ajaxsearchpro1_1 .probox, .logged-in #ajaxsearchpro1_2 .probox, .logged-in div.asp_m.asp_m_1 .probox { max-width: 100%; min-width: 310px; height: 42px !important; } .congrats-heading .first-name .elementor-shortcode { font-size: 30px; line-height: 40px; } .see-what-you-can-make-it .elementor-swiper-button svg { width: 12px !important; height: 38px !important; } } .elementor-popup-modal .dialog-close-button { position: absolute; display: flex !important; } .elementor-popup-modal .dialog-close-button i { color: #a04ef2 !important; } .elementor-popup-modal .dialog-close-button:hover i { color: #350274 !important; } .fpd-container .fpd-color-panel > .fpd-scroll-area { max-height: 100% !important; } .fpd-img-meta { display: none !important; } [data-context="qr-code"] { display: none !important; } .fpd-container .fpd-grid > .fpd-item { background-color: #f5f5f5; } .fpd-container .fpd-color-palette .fpd-item, .fpd-container .fpd-patterns-wrapper .fpd-item { border-radius: 15px !important; } .fpd-container fpd-module-manage-layers .fpd-list .fpd-list-row > div.fpd-cell-0 > .fpd-current-color { border-radius: 15px !important; } /*.fpd-block {*/ /* position: relative;*/ /*}*/ /*.fpd-block .download-mockups {*/ /* position: absolute;*/ /* top: -25px;*/ /* left: 58%;*/ /* width: auto !important;*/ /* z-index: 999;*/ /*}*/ /*.fpd-block .download-mockups .elementor-widget-heading {*/ /* margin-top: -8px;*/ /* margin-left: 5px;*/ /*}*/ /*.fpd-block .live-view-mockups {*/ /* position: absolute;*/ /* bottom: 200px;*/ /* right: -72px;*/ /* width: auto !important;*/ /* z-index: 999;*/ /*}*/ /*.fpd-block .live-view-mockups .elementor-widget-heading {*/ /* margin-top: -80px;*/ /* margin-left: -53px;*/ /* width: 100px !important;*/ /* text-align: center;*/ /*}*/ /*.fpd-block .change-mockup-view {*/ /* position: absolute; */ /* top: 360px;*/ /* left: -40px;*/ /* width: auto !important;*/ /* z-index: 999;*/ /*} */ /*.fpd-block .change-mockup-view .elementor-widget-heading {*/ /* position: absolute;*/ /* top: 59px;*/ /* left: -45px;*/ /* width: 110px !important;*/ /* text-align: center;*/ /*}*/ /*.fpd-block .change-the-colors {*/ /* position: absolute;*/ /* top: 140px;*/ /* left: -70px;*/ /* width: auto !important;*/ /* z-index: 999;*/ /*}*/ /*.fpd-block .change-the-colors .elementor-widget-heading {*/ /* position: absolute;*/ /* bottom: -70px;*/ /* width: 100px !important;*/ /* left: -50px;*/ /* text-align: center;*/ /*}*/ /*.fpd-block .choose-a-design {*/ /* position: absolute;*/ /* left: -75px;*/ /* top: 30px;*/ /* width: auto !important;*/ /* z-index: 999;*/ /*}*/ /*.fpd-block .choose-a-design .elementor-widget-heading {*/ /* position: absolute;*/ /* width: 110px !important;*/ /* top: -50px;*/ /* left: -55px;*/ /* text-align: center;*/ /*}*/ /*.fpd-block .download-mockups .elementor-widget-wrap > div,*/ /*.fpd-block .live-view-mockups .elementor-widget-wrap > div,*/ /*.fpd-block .change-mockup-view .elementor-widget-wrap > div,*/ /*.fpd-block .change-the-colors .elementor-widget-wrap > div,*/ /*.fpd-block .choose-a-design .elementor-widget-wrap > div {*/ /* width: auto;*/ /*}*/ /*.fpd-block h2 {*/ /* font-family: 'Playpen Sans', cursive;*/ /*}*/ /*.fpd-block .arrow-section {*/ /* display: none;*/ /*}*/ /*@media only screen and (max-width: 1599px) and (min-width: 1400px) {*/ /* .fpd-block {*/ /* max-width: 1000px !important;*/ /* margin: 0 auto;*/ /* }*/ /* .fpd-block .download-mockups {*/ /* left: 60%;*/ /* }*/ /* .fpd-block .live-view-mockups {*/ /* right: -70px;*/ /* }*/ /* .fpd-block .live-view-mockups .elementor-widget-heading {*/ /* margin-top: -80px;*/ /* }*/ /* .fpd-block .change-the-colors {*/ /* left: -65px;*/ /* }*/ /* .fpd-block .choose-a-design {*/ /* left: -65px;*/ /* }*/ /*}*/ /*@media only screen and (max-width: 1399px) and (min-width: 1200px) {*/ /* .fpd-block {*/ /* max-width: 900px !important;*/ /* margin: 0 auto;*/ /* }*/ /* .fpd-block .download-mockups {*/ /* left: 61%;*/ /* }*/ /* .fpd-block .live-view-mockups {*/ /* right: -70px;*/ /* bottom: 100px;*/ /* }*/ /* .fpd-block .change-the-colors {*/ /* left: -70px;*/ /* }*/ /* .fpd-block .choose-a-design {*/ /* left: -70px;*/ /* }*/ /*}*/ .fpd-block { position: relative; } .fpd-block .download-mockups { position: absolute; top: -30px; left: 56%; width: auto !important; z-index: 999; } .fpd-block .download-mockups .elementor-widget-heading { margin-top: -8px; margin-left: 5px; } .fpd-block .live-view-mockups { position: absolute; bottom: 200px; right: 50px; width: auto !important; z-index: 999; } .fpd-block .live-view-mockups .elementor-widget-heading { margin-top: -80px; margin-left: -53px; width: 100px !important; text-align: center; } .fpd-block .change-mockup-view { position: absolute; top: 275px; left: 98px; width: auto !important; z-index: 999; } .fpd-block .change-mockup-view .elementor-widget-heading { position: absolute; top: 59px; left: -45px; width: 110px !important; text-align: center; } .fpd-block .change-the-colors { position: absolute; top: 110px; left: 80px; width: auto !important; z-index: 999; } .fpd-block .change-the-colors .elementor-widget-heading { position: absolute; bottom: -70px; width: 100px !important; left: -50px; text-align: center; } .fpd-block .choose-a-design { position: absolute; left: 75px; top: 15px; width: auto !important; z-index: 999; } .fpd-block .choose-a-design .elementor-widget-heading { position: absolute; width: 110px !important; top: -50px; left: -55px; text-align: center; } .fpd-block .download-mockups .elementor-widget-wrap > div, .fpd-block .live-view-mockups .elementor-widget-wrap > div, .fpd-block .change-mockup-view .elementor-widget-wrap > div, .fpd-block .change-the-colors .elementor-widget-wrap > div, .fpd-block .choose-a-design .elementor-widget-wrap > div { width: auto; } .fpd-block h2 { font-family: "Playpen Sans", cursive; } /*.fpd-block .arrow-section {*/ /* display: none;*/ /*}*/ @media only screen and (max-width: 1399px) and (min-width: 1200px) { .fpd-block .choose-a-design { left: 50px; top: 5px; } .fpd-block .change-the-colors { top: 90px; left: 55px; } .fpd-block .change-mockup-view { top: 225px; left: 72px; } } @media only screen and (max-width: 1199px) { .fpd-block .arrow-section { display: none !important; } } @media only screen and (max-width: 1199px) and (min-width: 1025px) { .logged-in #ajaxsearchpro1_1, .logged-in #ajaxsearchpro1_2, .logged-in div.asp_m.asp_m_1 { max-width: 370px; min-width: 370px; } .logged-in #ajaxsearchpro1_1 .probox, .logged-in #ajaxsearchpro1_2 .probox, .logged-in div.asp_m.asp_m_1 .probox { max-width: 370px; min-width: 370px; height: 42px !important; } .menu-left-block { width: 70% !important; } } .easiest-subheading-text { margin: 0 auto; max-width: 610px; } .single .fpd-product-designer-wrapper { margin-bottom: 50px; } fpd-module-products picture { filter: brightness(175%) !important; } .wp-block-button__link:hover, .wp-element-button:hover { text-decoration: none !important; } /* Home Greenshift */ .hero-block .hero-left-block { padding: 90px 0; } .hero-block.editor-hero-block .hero-left-block { padding: 45px 0; } .hero-block.unlock-hero-block .hero-left-block { padding: 40px 0 17px; } .hero-block h6, .home .hero-block .more-badges p { margin: 0 0 20px; font-size: 17px; line-height: 17px; font-weight: bold; color: #767676; font-family: Roboto, Sans-Serif !important; } .hero-block h6 span, .home .hero-block .more-badges p span { color: #7ed0ed; } .hero-mockups p.list { width: 80%; margin: 0; color: #818181; font-size: 16px; font-weight: 400; } .hero-mockups p.list span { color: #a04ef2; } .home .more-badges ul li p { margin: 0 !important; color: #000000 !important; font-weight: bold !important; } .hero-block h2 { margin: 0 0 20px; font-size: 73px; line-height: 76px; font-weight: bold; color: #9552ea; font-family: Roboto, Sans-Serif !important; } .hero-block h2 i { color: #7ed0ed; } .hero-block p { margin: 0 0 35px; font-size: 16px; line-height: 32px; font-weight: 400; color: #000000; max-width: 620px; font-family: Roboto, Sans-Serif !important; } .hero-button-block { display: block; } .hero-button-block .wp-block-button .wp-block-button__link { font-size: 16px; line-height: 22px; font-weight: 500; border-radius: 15px; color: #ffffff; padding: 13px 32px; position: relative; background: #9552ea; font-family: Roboto, Sans-Serif !important; } .hero-button-block .wp-block-button .wp-block-button__link:hover { text-decoration: none; color: #fff; } .hero-button-block .wp-block-button:first-child .wp-block-button__link:after { content: "\f061"; color: #fff; margin-left: 5px; font-family: "Font Awesome 5 Free"; } .hero-button-block .wp-block-button:nth-child(2) .wp-block-button__link:after, .hero-button-block .wp-block-button:nth-child(3) .wp-block-button__link:after { content: "\f144"; color: #fff; font-family: "Font Awesome 5 Free"; position: absolute; left: 30px; color: #7ed0ed; } .hero-button-block .wp-block-button:nth-child(2) .wp-block-button__link, .hero-button-block .wp-block-button:nth-child(3) .wp-block-button__link { font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; border-radius: 15px !important; color: #7ed0ed !important; padding: 13px 31px 13px 57px !important; background: transparent !important; border: 1px solid #7ed0ed !important; font-family: Roboto, Sans-Serif !important; } .icons-block { background: #f5f1f8; } .icons-block .image-block { padding: 0; } .icons-block h2 { color: #523185; font-size: 15px; font-weight: 700; } .icons-block .icons-middle-column .wp-block-greenshift-blocks-row { border-style: solid; border-width: 0px 1px 0px 1px; border-color: #d4cbe1; padding: 0 25px 0 35px; } .video-heading-block h2 { margin: 0; } .video-heading-block h5 { margin: 0 auto 50px; max-width: 600px; font-size: 16px !important; line-height: 30px; } .video-block { position: relative; } .video-block .wp-block-video { padding: 50px 0; } .video-block .arrow-section .wp-block-heading, .home .video-block .arrow-section p { color: #4e1e7f; font-size: 18px; line-height: 25px; } .video-block .download-mockups { position: absolute; top: 5px; left: 54.5%; width: auto !important; z-index: 999; } .video-block .download-mockups .wp-block-heading, .home .video-block .download-mockups p { position: absolute; top: 5px; width: 220px; left: 90px; } .video-block .live-view-mockups { position: absolute; bottom: 150px; right: 25px; width: auto !important; z-index: 999; } .video-block .live-view-mockups .wp-block-heading, .home .video-block .live-view-mockups p { margin-top: -135px; margin-left: 20px; width: 100px !important; text-align: center; } .video-block .change-mockup-view { position: absolute; top: 36%; left: 49px; width: auto !important; z-index: 999; } .video-block .change-mockup-view .wp-block-heading, .home .video-block .change-mockup-view p { text-align: center; width: 100px !important; position: relative; top: 0; left: -42px; } .video-block .change-the-colors { position: absolute; top: 69px; left: 38px; width: auto !important; z-index: 999; } .video-block .change-the-colors .wp-block-heading, .home .video-block .change-the-colors p { text-align: center; width: 100px !important; position: relative; top: -5px; left: -50px; } .video-block .choose-a-design { position: absolute; left: 35px; top: 23px; width: auto !important; z-index: 999; } .video-block .choose-a-design .wp-block-heading, .home .video-block .choose-a-design p { width: 100px !important; text-align: center; position: relative; top: -115px; left: -52px; } .home-core-features-block .wp-block-image { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; padding: 15px 15px 15px 15px; background-color: #a04ef2; border-radius: 10px 0 10px 0; margin: 0 0 20px; } .home-core-features-block .wp-block-greenshift-blocks-row-column { box-shadow: 0 0 10px #ddd8d8; } .home-core-features-block h6, .home .home-core-features-block h3 { padding: 0 33px; } .home-core-features-block p { padding: 0 33px; font-size: 15px; } .home-core-features-block img { max-width: 80%; } .home-core-features-block .wp-block-greenshift-blocks-row-column.core-features-first-block { box-shadow: none; padding: 30px 0 0; } .home-core-features-block .wp-block-greenshift-blocks-row-column.core-features-first-block h2 { font-size: 20px !important; padding: 0 15px; } .home-core-features-block .wp-block-greenshift-blocks-row-column.core-features-first-block p { font-size: 17px; padding: 0 15px; } .pricing-block h2 { margin: 0; } .pricing-block h5 { margin: 0 auto 50px; max-width: 600px; font-size: 16px !important; line-height: 30px; } .new-home-pricing-block h5, .home .new-home-pricing-block h5 { max-width: 800px; } .review-section .wp-block-image { margin: 0 0 20px; } .review-section .wp-block-media-text { display: flex; position: absolute; bottom: -60px; } .review-section .wp-block-media-text .wp-block-media-text__content { padding: 0; } .review-section .wp-block-media-text .wp-block-media-text__content p { color: #000000; font-family: "Roboto", Sans-serif; font-size: 13px; line-height: 15px; } .review-section .wp-block-media-text .wp-block-media-text__content p br { display: none; } .review-section .wp-block-media-text .wp-block-media-text__content p strong { color: #000000; font-family: "Roboto", Sans-serif; font-size: 15px; line-height: 15px; display: block; margin: 0 0 5px; } .review-section .wp-block-media-text__media { margin-right: 15px; max-width: 45px; } .review-section .wp-block-media-text__media img { width: 45px; height: 45px; object-fit: cover; min-width: 45px !important; border-radius: 45px; } .excellent-review-block { border: 1px solid #a04ef2; margin: 78px 0 10px; } .excellent-review-block .excellent-heading { width: 140px; margin-left: auto; margin-right: auto; margin-top: -34px; background: #f5f5f5; } .home-excellent-review-block .excellent-heading { background: #fafafa; } .review-section .excellent-review-block .wp-block-image { margin: 0 auto 20px; } .pricing-block .gspb_id-gsbp-be45fa17-02ee .gspb__switcher-control-wrapper { margin-bottom: 50px; } .pricing-block .gspb__switcher-off-label-text, .pricing-block .gspb__switcher-on-label-text { font-weight: normal; } .pricing-block .gspb__switcher-off-label-text.active, .pricing-block .gspb__switcher-on-label-text.active { font-weight: bold; } .pricing-block .gspb_id-gsbp-be45fa17-02ee .gspb__switcher-element, .pricing-block .gspb_id-gsbp-be45fa17-02ee:has(#gspb_checkbox-gsbp-be45fa17-02ee:checked) .gspb__switcher-element { width: 69px; height: 33px; margin: 0; background-color: #a04ef2; } .pricing-block .gspb__switcher-label.gspb__switcher-control-on { position: relative; } .pricing-block .gspb__switcher-label.gspb__switcher-control-on:before { content: ""; background: url("https://mock-it.co/wp-content/uploads/2023/11/swirly-arrow.svg"); width: 46px; height: 25px; display: inline-block; position: absolute; left: 85px; } .pricing-block .gspb__switcher-label.gspb__switcher-control-on:after { content: "Save up to 27%"; font-size: 14px; color: #7f7f7f; font-weight: 700; font-family: "Roboto", Sans-serif; position: absolute; left: 135px; top: -7px; width: 100px; } .plans-column { width: 29% !important; padding: 30px !important; background: #faf6fe; border-radius: 15px 15px 15px 15px; } .plans-column .plan-type, .home .pricing-block .plans-column p.plan-type { padding: 9px 14px 9px 14px; background: #a04ef2; border-radius: 8px; font-family: "Roboto", Sans-serif; display: inline-block; color: #ffffff; font-size: 14px !important; line-height: 14px !important; font-weight: 700 !important; margin: 0 0 20px !important; } .plans-column .price { color: #000000; font-size: 20px; display: flex; align-items: flex-end; font-family: "Roboto", Sans-serif; } .plans-column .price h2, .home .plans-column .price p { margin: 0 5px 0 0; color: #000000; font-size: 62px; line-height: 62px; font-weight: 900; font-family: "Roboto", Sans-serif; } .plans-column .most-popular { color: #ffffff; font-size: 14px; font-weight: 700; padding: 5px 10px 4px 10px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ffffff; border-radius: 8px 8px 8px 8px; display: inline-block; position: absolute; right: 30px; } .plans-column p { margin: 0 0 20px; font-size: 15px; font-weight: 400; font-family: "Roboto", Sans-serif; } .plans-column .wp-element-button { margin: 0 0 20px; color: #fff; width: 100%; font-size: 18px; font-weight: bold; background: #0e0e0e; border-radius: 13px 13px 13px 13px; padding: 25px 25px 25px 25px; } .plans-column .wp-element-button:hover { color: #fff; background: #0e0e0e; } .plans-column .button-below-text { margin: 0 0 20px; text-align: center; font-size: 13px; font-weight: 400; cursor: pointer; font-family: "Roboto", Sans-serif; } .plans-column .button-below-text:hover { text-decoration: underline; } .plans-column .button-below-text img { margin-left: 5px; } .plans-column ul.list-items { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; } .plans-column ul.list-items li { font-size: 15px; font-weight: 400; line-height: 27px; font-family: "Roboto", Sans-serif; } .plans-column ul.list-items li .list-icon i { color: #a04ef2; padding-right: 7px; } .standard-plans-column { background: #a04ef2; box-shadow: 0px 0px 20px 20px #eddefd; } .standard-plans-column .plan-type, .home .standard-plans-column .plan-type, .home .pricing-block .plans-column.standard-plans-column p.plan-type { background: #fff; color: #a04ef2; } .standard-plans-column .wp-element-button, .standard-plans-column .wp-element-button:hover { background: #fff; color: #a04ef2; } .standard-plans-column .price, .standard-plans-column .price h2, .standard-plans-column p, .standard-plans-column .button-below-text, .standard-plans-column ul.list-items li, .standard-plans-column ul.list-items li .list-icon i, .home .pricing-block .plans-column.standard-plans-column .price p { color: #fff; } .yearly .plans-column ul.list-items { padding: 41px 0 0; } @media only screen and (max-width: 1399px) and (min-width: 1200px) { .video-block .live-view-mockups { right: 10px; } .video-block .change-mockup-view { left: 32px; } .video-block .change-the-colors { top: 62px; left: 32px; } .video-block .choose-a-design { left: 32px; top: 25px; } } @media only screen and (max-width: 1199px) { .hero-block .hero-left-block { padding: 45px 0; } .hero-block h2 { font-size: 38px; line-height: 46px; } .hero-block p { margin: 0 0 25px; font-size: 14px; line-height: 24px; } .icons-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { width: 50% !important; } .icons-block .icons-middle-column .wp-block-greenshift-blocks-row { border: 0; } .video-block .arrow-section { display: none !important; } .switcher-panel > .wp-block-greenshift-blocks-row > .gspb_row__content > .wp-block-greenshift-blocks-row-column { width: 100% !important; margin: 0 0 35px; } } @media only screen and (max-width: 991px) { .hero-block h2 { font-size: 28px; line-height: 36px; } .icons-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { padding: 15px 0; width: 100% !important; text-align: center; } .icons-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column .wp-block-image { width: 15%; margin: 0 auto; } .excellent-review-block { margin: 40px 0 10px; } .review-section .wp-block-media-text { position: static; } .review-section h2 { font-size: 26px !important; line-height: 34px !important; margin: 0 0 45px; } .review-section h4 { font-size: 24px !important; line-height: 30px !important; margin: 0; } .review-section h4 br { display: none; } } @media only screen and (max-width: 767px) { .hero-button-block { justify-content: center; } .icons-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column .wp-block-image { width: 30%; } .icons-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column:nth-child(3) .wp-block-image { width: 20%; } /* .pricing-block .gspb__switcher-label.gspb__switcher-control-on:before, .pricing-block .gspb__switcher-label.gspb__switcher-control-on:after { display: none; } */ .pricing-block h5 { margin: 0 auto 30px; } .review-section h2 { font-size: 26px !important; line-height: 34px !important; margin: 0; } .home-core-features-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column:first-child { text-align: center; } } /* Feature Page */ @media only screen and (min-width: 992px) and (max-width: 1024px) { .home-core-features-block.features-core-features-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { width: calc(50% - 20px) !important; } } /* Confirm Cancel */ .cc-items-block .cc-image { text-align: center; } .cc-items-block p { max-width: 246px; margin: 0 auto; } .cc-slider-block img { border-radius: 10px; } .cc-slider-block .swiper-button-next, .cc-slider-block .swiper-button-prev { background: none !important; } .cc-slider-block .swiper-button-next:after { content: ""; background-image: url("https://mock-it.co/wp-content/uploads/2023/11/arrow-left.svg"); background-repeat: no-repeat; width: 25px; height: 48px; display: inline-block; } .cc-slider-block .swiper-button-prev:after { content: ""; background-image: url("https://mock-it.co/wp-content/uploads/2023/11/arrow-right.svg"); background-repeat: no-repeat; width: 25px; height: 48px; display: inline-block; } .cc-better-form-block .cc-form-subblock { margin: 0 auto; padding: 0; } .what-we-do-better-form.cc-better-form-block div.wpforms-container-full { width: 100%; margin: 24px 0 30px; } @media only screen and (min-width: 992px) and (max-width: 1024px) { .cc-items-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { width: calc(50% - 20px) !important; } } @media only screen and (max-width: 1024px) { .cc-slider-block .wp-block-greenshift-blocks-swiper { max-width: 650px; margin: 0 auto; } } @media only screen and (max-width: 991px) { .slider-heading { font-size: 35px !important; line-height: 45px !important; } } @media only screen and (max-width: 767px) { .cc-slider-block .wp-block-greenshift-blocks-swiper { max-width: 240px; margin: 0 auto; } .cc-slider-block .swiper-button-next:after, .cc-slider-block .swiper-button-prev:after { width: 12px; height: 38px; } } /* Support Page */ .betterdocs-category { max-width: 1600px !important; margin: 0 auto !important; } @media only screen and (min-width: 992px) { .support-faq .betterdocs-faq-wrapper { min-width: 750px; max-width: 750px; } } .need-more-help-left-block { display: flex; align-items: center; } @media only screen and (max-width: 1024px) { .support-heading-block h2 { font-size: 30px !important; } .need-more-help-left-block h2 { font-size: 27px !important; } } @media only screen and (max-width: 767px) { .need-more-help-left-block { flex-direction: column; margin-bottom: 20px; } } /* Run out of review */ .rov-hero-block p a { color: #a04ef2; font-weight: 800; text-decoration: underline; } @media only screen and (min-width: 1025px) { .dbs-column-block > .gspb_row__content { column-gap: 30px; } .dbs-column-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { height: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .dbs-column-block > .gspb_row__content { column-gap: 20px; } .dbs-column-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { height: 100%; } } @media only screen and (max-width: 991px) { .rov-hero-block h2 { font-size: 38px !important; line-height: 48px !important; } .rov-hero-block p { font-weight: 400 !important; } .dbs-block h2 { font-size: 30px !important; line-height: 40px !important; } } @media only screen and (max-width: 767px) { .rov-hero-block { text-align: center; } .dbs-column-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { margin-bottom: 30px !important; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .rov-features-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column { width: calc(50% - 20px) !important; } } /* Blog */ .blog-heading-block h2 { font-family: "Roboto Slab", serif; } @media only screen and (max-width: 767px) { .blog-heading-block h2 { font-size: 30px !important; } } /* What are people saying about mock it? */ .what-are-people-saying-block { text-align: center; } .what-are-people-saying-block .shortcode-wcpr-grid { text-align: center; max-width: 1140px; margin: 0 auto; padding: 50px; } .ct-elementor-default-template .elementor-section-boxed.what-are-people-saying-block > .elementor-container { max-width: 100%; width: 100%; } .what-are-people-saying-block h2, .what-are-people-saying-block p, .what-are-people-saying-block .shortcode-wcpr-overall-rating-and-rating-count { max-width: 1140px; margin: 0 auto; } .what-are-people-saying-block .shortcode-wcpr-overall-rating-and-rating-count { margin: 50px auto; } .what-are-people-saying-block .shortcode-wcpr-comment-author, .what-are-people-saying-block .shortcode-wcpr-content .shortcode-review-content-container .shortcode-wcpr-review-content { text-align: left !important; } .what-are-people-saying-block .shortcode-wcpr-enable-box-shadow .shortcode-wcpr-grid-item { box-shadow: 3px 4px 8px rgb(0 0 0 / 10%); } .what-are-people-saying-block .shortcode-wcpr-enable-box-shadow .shortcode-wcpr-grid-item:hover { box-shadow: 3px 4px 15px rgb(0 0 0 / 10%); } .leave-us-review-block form { display: flex; flex-direction: column; } .leave-us-review-block form .gglcptch { order: 100; } /* Thank you */ .ty-hero-block .first-name { color: #a04ef2; font-family: "Roboto", Sans-serif; font-size: 70px; font-weight: 500; line-height: 80px; } div.wpforms-container-full.ty-describe-form .wpforms-form .wpforms-checkbox-3-columns ul li, div.wpforms-container-full.ty-describe-form .wpforms-form .wpforms-multiplechoice-3-columns ul li, div.wpforms-container-full.ty-describe-form .wpforms-form .wpforms-list-3-columns ul li { width: auto; display: flex; align-items: center; padding-right: 25px !important; } .need-some-help-block p { max-width: 246px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1024px) and (min-width: 992px) { .ty-hero-block { padding: 0 !important; } .ty-hero-block h2 { font-size: 45px !important; line-height: 55px !important; } .ty-hero-block .first-name { font-size: 45px !important; line-height: 55px !important; } .ty-hero-block h6 { margin: 0 !important; font-size: 15px !important; line-height: 15px !important; } } @media only screen and (max-width: 991px) { .ty-hero-block h2 { font-size: 50px !important; line-height: 60px !important; } .ty-hero-block .first-name { font-size: 50px !important; line-height: 60px !important; } .ty-hero-block h6 { font-size: 20px !important; } .need-some-help-heading-block { font-size: 40px !important; line-height: 44px !important; } .need-some-help-content-block h2 { font-size: 18px !important; } .ty-hero-block .custom-text-block > .gspb_row__content { justify-content: flex-start !important; } .ty-hero-block .custom-text-block > .gspb_row__content > div { width: auto !important; } } @media only screen and (max-width: 767px) { .ty-hero-block h2, .ty-hero-block .first-name { font-size: 30px !important; line-height: 40px !important; } .ty-hero-block h6 { font-size: 16px !important; line-height: 22px !important; } div.wpforms-container-full.ty-describe-form .wpforms-form .wpforms-checkbox-3-columns ul li, div.wpforms-container-full.ty-describe-form .wpforms-form .wpforms-multiplechoice-3-columns ul li, div.wpforms-container-full.ty-describe-form .wpforms-form .wpforms-list-3-columns ul li { width: 100%; } } #html5-watermark { display: none !important; } /* Main Container */ /*#main-container {*/ /* padding: 195px 0 0;*/ /*}*/ /* ACF Header */ /*.header-block {*/ /* position: fixed;*/ /* left: 0;*/ /* right: 0;*/ /* z-index: 999999999999;*/ /*}*/ .header-block .container { max-width: 1370px; /*width: var(--theme-block-width, var(--theme-container-width));*/ /*max-width: var(--theme-block-max-width, var(--theme-normal-container-max-width));*/ } .header-block .bottom-header-block .container { padding: 0; } .header-block .top-header-block { padding: 15px 20px; background-color: #523185; } .header-block .top-header-block p { margin: 0; font-size: 12px; text-transform: uppercase; color: #fff; text-align: center; } .header-block .top-header-block p a { color: #fff; text-decoration: underline; } .header-block .top-header-block p a.btn-get-started-now { color: #523185; background: #fff; border-radius: 5px; font-weight: bold; padding: 5px 7px; font-size: 12px; line-height: 18px; margin: 0 10px; text-decoration: none; } .header-block .top-header > .container { display: flex; justify-content: flex-end; align-items: center; } .header-block .middle-header-block { /*padding: 28px 0;*/ background: linear-gradient( 90deg, rgba(180, 81, 237, 1) 0%, rgba(134, 56, 246, 1) 49%, rgba(128, 53, 247, 1) 100% ) !important; } .middle-header-block .header-menu-left-block .logo-block { margin: 0 29px 0 0; } .middle-header-block .header-menu-left-block .logo-block img { max-width: 130px; min-width: 130px; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu .sub-menu { display: none; width: 152px; padding: 15px; position: absolute; top: 100px; height: auto; z-index: 9; border-radius: 5px; box-shadow: 0px 0px 10px 3px #00000059; background: #ffffff !important; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li.brand-page .sub-menu { width: 500px; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li.brand-page .sub-menu li { padding: 0 20px 0 0; display: inline-block; width: 32%; vertical-align: top; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu > li { position: relative; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu > li > a { padding: 43px 15px 42px 15px; } .logged-in .middle-header-block .header-menu-left-block .top-menu-list ul.menu > li.request-a-mockup-menu { display: flex !important; } .middle-header-block .header-left-column { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .middle-header-block .header-right-column { -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } .logged-in .middle-header-block .header-left-column { -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; } .logged-in .middle-header-block .header-right-column { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li a { color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; text-decoration: none; font-family: Roboto, Sans-Serif !important; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu .sub-menu li a { color: #000000; font-size: 14px; line-height: 25px; font-weight: normal; font-family: Roboto, Sans-Serif !important; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu .sub-menu li a:hover { text-decoration: underline; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu .sub-menu li:hover a, .middle-header-block .header-menu-left-block .top-menu-list ul.menu .sub-menu li a:hover, .middle-header-block .header-menu-left-block .top-menu-list ul.menu li:hover a, .middle-header-block .header-menu-left-block .top-menu-list ul.menu li a:hover { background: transparent; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li.support-page { display: none; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li a .sub-arrow { font-size: 10px; } .logged-in .middle-header-block .header-menu-left-block .top-menu-list ul.menu li.support-page { display: flex; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li a .sub-arrow i:before { content: "\f078"; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 { max-width: 360px; min-width: 360px; border-radius: 10px; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput input.orig::-webkit-input-placeholder, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput input.orig::-webkit-input-placeholder, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder { font-size: 13px !important; line-height: 44px !important; padding: 0 !important; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput input.orig:-ms-input-placeholder, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput input.orig:-ms-input-placeholder, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput input.orig:-ms-input-placeholder { font-size: 13px !important; line-height: 44px !important; padding: 0 !important; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput input.orig::placeholder, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput input.orig::placeholder, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput input.orig::placeholder { font-size: 13px !important; line-height: 44px !important; padding: 0 !important; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput input.orig, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput input.orig, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput input.orig { font-size: 16px !important; line-height: 44px !important; } .middle-header-block .header-menu-right-block .login-info-block { display: flex; align-items: center; margin: 0 0 0 25px; } .logged-in .middle-header-block .header-menu-right-block { justify-content: flex-end; } .logged-in .middle-header-block .header-menu-right-block #ajaxsearchpro1_1, .logged-in .middle-header-block .header-menu-right-block #ajaxsearchpro1_2, .logged-in .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 { max-width: 434px; min-width: 434px; } .middle-header-block .sign-up-block { margin: 0 25px 0 0; } .middle-header-block .sign-up-block a { padding: 13px 15px 14px; color: #a04ef2; font-size: 14px; line-height: 44px; background: #fff; font-weight: bold; border-radius: 10px; text-decoration: none; font-family: Roboto, Sans-Serif !important; } .middle-header-block .my-account-block { margin: 0 0 0 25px; } .middle-header-block .my-account-block a, .middle-header-block .sign-in-block a { color: #ffffff; font-size: 14px; line-height: 20px; font-weight: bold; text-decoration: none; font-family: Roboto, Sans-Serif !important; } .middle-header-block .my-account-block a:hover, .middle-header-block .sign-in-block a:hover { background: transparent !important; } .middle-header-block .my-account-block a i, .middle-header-block .sign-in-block a i { margin-right: 5px; font-size: 16px; } .header-block .bottom-header-block { background: #523185; } .header-block .bottom-header-block ul li a { font-size: 14px; font-weight: 500; color: #fff; line-height: 20px; padding: 13px 24px; display: flex; align-items: center; text-decoration: none; } .header-block .bottom-header-block ul li:hover a, .header-block .bottom-header-block ul li a:hover { background: transparent; } .header-mobile-menu-block { display: none; } /* Temp */ .top-header .menu li { margin: 0 10px; } @media only screen and (max-width: 1024px) { /*.logged-in #main-container {*/ /* padding: 220px 0 0;*/ /*}*/ /*#main-container {*/ /* padding: 222px 0 0;*/ /*}*/ .header-mobile-menu-block { display: block; } .header-mobile-menu-block .close-menu { position: absolute; right: 10px; top: -60px; } .header-mobile-menu-block .close-menu i { color: #fff; font-size: 36px; } .header-mobile-menu-block .hamburger-menu { cursor: pointer; } .header-mobile-menu-block .hamburger-menu i { color: #fff; font-size: 36px; } .middle-header-block .my-account-block, .middle-header-block .header-right-column .login-info-block { display: none; } .middle-header-block .canvas-menu-block .my-account-block { display: block; margin: 0; } .header-mobile-menu-block .canvas-menu-block { position: fixed; top: 0; padding: 20px 0; /* left: 0; */ width: 100%; height: 100%; overflow-x: hidden; /*display: none !important;*/ background: #a04ef2; z-index: 999999; left: -100%; /*transform: translateX(100%);*/ /*-webkit-transform: translateX(100%);*/ /*animation: slidein .5s forwards;*/ /*-webkit-animation: slidein .5s forwards;*/ } .header-mobile-menu-block .canvas-menu-block.active { display: flex !important; /*transform: translateX(0%);*/ /*-webkit-transform: translateX(0%);*/ /*left: 100%;*/ } .middle-header-block .header-menu-left-block .logo-block img { margin: 0; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1, .logged-in .middle-header-block .header-menu-right-block #ajaxsearchpro1_1, .logged-in .middle-header-block .header-menu-right-block #ajaxsearchpro1_2, .logged-in .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 { width: var(--theme-block-width, var(--theme-container-width)); max-width: var( --theme-block-max-width, var(--theme-normal-container-max-width) ); min-width: auto; border-radius: 10px; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox, .logged-in .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox, .logged-in .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox, .logged-in .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox { max-width: none; min-width: 300px; } .header-block .middle-header-block .top-menu-list { display: none; } .header-mobile-menu-block .canvas-menu-block .mobile-menu-list { display: block; margin: 70px 0 0; } .header-mobile-menu-block .canvas-menu-block .mobile-menu-list .menu { flex-direction: column; } .middle-header-block .header-menu-left-block .mobile-menu-list ul.menu > li { flex-direction: column; } .middle-header-block .header-menu-left-block .mobile-menu-list ul.menu .sub-menu { position: static; background: transparent !important; box-shadow: none !important; width: 100%; } .middle-header-block .header-menu-left-block .mobile-menu-list ul.menu .sub-menu li a { padding: 0 0 25px !important; position: relative; font-size: 20px; color: #fff; } .middle-header-block .header-menu-left-block .mobile-menu-list ul.menu li.brand-page .sub-menu { width: 100%; } .middle-header-block .header-menu-left-block .mobile-menu-list ul.menu li.brand-page .sub-menu li { padding: 0 0 20px; width: 100%; } .header-mobile-menu-block .login-info-block { margin: 50px 0 0; } .header-mobile-menu-block .login-info-block .sign-up-block { margin: 0 0 25px; } .middle-header-block .header-menu-left-block .mobile-menu-list ul.menu li a { padding: 0 0 25px !important; position: relative; font-size: 20px; width: 100%; } .middle-header-block .header-menu-left-block .mobile-menu-list ul.menu li a .sub-arrow { float: right; } .header-block .container { position: relative; width: var(--theme-block-width, var(--theme-container-width)); max-width: var( --theme-block-max-width, var(--theme-normal-container-max-width) ); } .header-block .middle-header-block { padding: 30px 0 40px; } .middle-header-block .header-menu-left-block { justify-content: space-between; } .middle-header-block .header-menu-right-block, .logged-in .middle-header-block .header-menu-right-block { justify-content: center; margin: 20px 0 0; } .header-block .bottom-header-block { display: none; } .middle-header-block .header-left-column, .middle-header-block .header-right-column, .logged-in .middle-header-block .header-left-column, .logged-in .middle-header-block .header-right-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .header-block .social-block { margin: 20px 0 0; display: none; } .header-block .social-block ul { padding: 0; margin: 0; list-style: none; display: flex; } .header-block .social-block ul li { margin: 0 15px 0 0; } .header-block .social-block ul li a i { font-size: 20px; color: #fff; } } /*@media only screen and (max-width: 991px) {*/ /* .logged-in #main-container {*/ /* padding: 220px 0 0;*/ /* }*/ /* #main-container {*/ /* padding: 222px 0 0;*/ /* }*/ /*}*/ /*@media only screen and (max-width: 767px) {*/ /* .logged-in #main-container {*/ /* padding: 220px 0 0;*/ /* }*/ /* #main-container {*/ /* padding: 242px 0 0;*/ /* }*/ /*}*/ @media only screen and (max-width: 767px) { .header-block .top-header-block p a.btn-get-started-now { display: inline-block; } } /* ACF Footer */ .footer-block { position: relative; } .footer-block .container { width: var(--theme-block-width, var(--theme-container-width)); max-width: var( --theme-block-max-width, var(--theme-normal-container-max-width) ); margin-right: auto; margin-left: auto; position: relative; } .footer-block .back-to-top-block { text-align: right; color: #9e57e7; font-weight: 700; text-decoration: underline; position: absolute !important; right: 20px; top: -40px; z-index: 99; background: 0 0 !important; } .footer-block .icon-content-block { padding: 10px 0; background: #f5f5f5; } .footer-block .icon-content-block .icon-content-subblock { display: flex; align-items: center; } .footer-block .icon-content-block img.icon-1 { max-width: 82px; } .footer-block .icon-content-block img.icon-2 { max-width: 58px; } .footer-block .icon-content-block img.icon-3 { max-width: 48px; } .footer-block .icon-content-block h6, .home .footer-block .icon-content-block p { margin: 0 0 0 20px; color: #7a7a7a; font-size: 15px; font-weight: 700; } .footer-menu-block { background: #9e57e7; } .footer-menu-top-block { padding: 70px 0; } .footer-menu-subblock #media_image-8 img { max-width: 80% !important; } .footer-menu-subblock h2, .footer-menu-subblock h3, .home .footer-menu-subblock p { font-size: 16px; color: #fff; font-weight: 700; margin-bottom: calc(0.3em + 10px); } .footer-menu-subblock li { font-size: 12px; line-height: 16px; } .footer-menu-subblock a { color: #fff; font-size: 12px; line-height: 12px; } .footer-menu-subblock a:hover { color: #fff; text-decoration: underline; } .footer-menu-subblock input { color: #a04ef2 !important; background-color: #fff !important; } .footer-menu-bottom-block { padding: 20px 0; } .footer-menu-bottom-block > .container { border-top: 1px solid #bea8dc; padding: 20px 0 0; } .footer-menu-bottom-block .guranteed-block { display: flex; align-items: center; } .footer-menu-bottom-block .guranteed-block h6, .home .footer-menu-bottom-block .guranteed-block p { margin: 0 15px; } .footer-menu-bottom-block .guranteed-block h6 p, .home .footer-menu-bottom-block .guranteed-block p { color: #fff; font-weight: 400; font-size: 16px; line-height: 1.5px; } .footer-menu-bottom-block .payment-block { text-align: right; } .footer-block .copyright-block { padding: 15px 0; background: #d0bbf0; } .footer-block .copyright-block .row { align-items: center; } .footer-block .copyright-block h6, .footer-block .copyright-block h5 { margin: 0; } .footer-block .copyright-block .copyright-left-text p { color: #523186; font-size: 12px; margin: 0; } .footer-block .copyright-block .pixel-sauce-logo { text-align: center; } .footer-block .copyright-block .copyright-right-text p { text-align: right; display: flex; align-items: center; margin: 0; justify-content: flex-end; } .footer-block .copyright-block .copyright-right-text a { font-size: 12px; margin: 0 0 0 30px; color: #523186; font-weight: 700; } .footer-block .copyright-block .copyright-right-text a:hover { color: var(--theme-link-hover-color); } @media only screen and (max-width: 1024px) { .footer-block .copyright-block .copyright-right-text a { margin: 0 0 0 16px; } } @media only screen and (max-width: 991px) { .footer-block .icon-content-block .icon-content-subblock { margin: 0 0 20px; } .footer-menu-subblock { margin: 0 0 15px; } .footer-menu-bottom-block .guranteed-block { justify-content: center; margin-bottom: 20px; } .footer-menu-bottom-block .payment-block { text-align: center; margin: 0 0 10px; } .footer-block .copyright-block { text-align: center; } .footer-block .copyright-block .pixel-sauce-logo { padding: 10px 0; } .footer-block .copyright-block .copyright-right-text a { margin: 0 15px; } .footer-block .copyright-block .copyright-right-text p { text-align: center; justify-content: center; } } @media only screen and (max-width: 767px) { .footer-block .icon-content-block .icon-content-subblock { flex-direction: column; } .footer-block .icon-content-block h6, .home .footer-block .icon-content-block p { margin: 20px 0 0; } .footer-menu-block { text-align: center; } .footer-menu-subblock h2, .footer-menu-subblock h3, .home .footer-menu-subblock p { font-size: 40px; color: #fff; margin-bottom: calc(0.3em + 10px); } .footer-menu-subblock a { font-size: 20px; line-height: 35px; } .footer-menu-subblock input[type="submit"] { width: 100%; color: #fff !important; background-color: #523185 !important; } .footer-menu-bottom-block .guranteed-block { display: block; } .footer-menu-bottom-block .guranteed-block img { display: inline-block; } .footer-menu-bottom-block .guranteed-block h6, .home .footer-menu-bottom-block .guranteed-block p { display: inline-block; margin: 0 15px 15px; } .footer-block .copyright-block .copyright-right-text a { font-size: 10px; margin: 0 10px 0 0; } } .support-faq .betterdocs-faq-title { display: none; } .new-mockup-tag { background: #59d1e7; color: #fff; position: absolute; top: -10px; right: -57px; /* transform: rotate(45deg); */ width: 110px; height: 50px; text-align: center; /* padding: 26px 20px 0 0px; */ transform: rotate(-45deg); padding: 26px 0 0 20px; font-size: 14px; } .custom-tag-block, .new-custom-tag-block { position: absolute; top: 0; right: 0; } .new-mockup-tag-wrapper { right: auto; left: 0; } .pro-mockup-tag { background: #a04ef2; color: #fff; /* position: absolute; top: 0; right: 0; */ /* top: -10px; right: -57px; transform: rotate(45deg); */ padding: 10px; /* width: 110px; height: 50px; text-align: center; padding: 26px 20px 0 0px; */ font-size: 14px; cursor: pointer; z-index: 1; margin-bottom: 1px; } .hr-mockup-tag { /* position: absolute; top: 42px; right: 0; */ padding: 0; cursor: pointer; z-index: 1; display: flex; float: right; } .caf-post-layout3 .caf-featured-img-box .hr-mockup-tag img { width: 37.5px !important; height: auto !important; object-fit: contain !important; } .free-mockup-tag { /* position: absolute; top: 10px; right: 10px; */ padding: 0 5px; font-size: 14px; cursor: pointer; z-index: 1; color: #9552ea; text-transform: uppercase; border-radius: 7px; border: 3px solid #9552ea; font-weight: bold; font-family: Roboto, Sans-Serif !important; margin-bottom: 1px; } .iphone-devices { display: none !important; } @supports (-webkit-touch-callout: none) { .all-devices { display: none !important; } .iphone-devices { display: block !important; } } /* Not a pro Block */ .not-a-pro-hero-block p { margin: 0; color: #523185; font-size: 19px; line-height: 29px; font-weight: 500; font-family: Roboto, Sans-Serif !important; } .not-a-pro-hero-block p a { color: #a04ef2; text-decoration: underline; } .not-a-pro-hero-block span { color: #927ab7; font-size: 12px; line-height: 22px; font-weight: 500; font-family: Roboto, Sans-Serif !important; margin: 10px 0 29px; display: block; } .not-a-pro-hero-block .hero-button-block .wp-block-button .wp-block-button__link { border-radius: 10px; } .not-a-pro-hero-block .hero-button-block .wp-block-button:first-child .wp-block-button__link:after { content: "\f30b"; } .not-a-pro-hero-block h6 { color: rgba(82, 49, 133, 0.5); font-size: 12px; line-height: 18px; font-weight: 500; font-family: Roboto, Sans-Serif !important; margin: 5px 0; max-width: 180px; text-align: center; } @media only screen and (max-width: 991px) { .not-a-pro-hero-block p { font-size: 14px; line-height: 24px; } } @media only screen and (max-width: 767px) { .not-a-pro-hero-block h6 { margin: 5px auto 0; } .home-core-features-block.not-a-pro-home-core-features-block > .gspb_row__content > .wp-block-greenshift-blocks-row-column:first-child { text-align: left; } } /* Tooltip */ .caf-post-layout3.tooltip { overflow: visible; } .caf-post-layout3 .manage-layout1 { /* overflow: hidden; */ position: relative; } .custom-tooltip { display: none; /* visibility: hidden; */ width: 260px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px; /* Position the tooltip */ position: relative; top: 0; left: 101%; margin-top: 0; margin-bottom: -30px; z-index: 1; font-size: 12px; } .custom-tooltip.active { /* visibility: visible; */ display: block; } .hr-tooltip { position: relative; } .hr-tooltip:before { content: "High Resolution Mockup"; width: 160px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px 7px; position: absolute; top: 39px; left: 101%; font-size: 12px; display: none; } .hr-tooltip.open:before { display: block; } .tooltip { position: relative; } .tooltip:after { content: "Available via early access for Pro subscribers"; width: 260px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px 7px; position: absolute; top: 0; left: 101%; font-size: 12px; display: none; } .tooltip.active:after { display: block; } /* New Notification menu */ #notification-menu-new { position: relative; } #notification-menu-new ul { list-style-type: none; padding: 0; } #notification-menu-new li a { padding: 0; border: 0; } #notification-menu-new li:hover a { background-color: transparent; } #notification-menu-new .sub-menu { position: absolute; background: #ffffff; box-shadow: 0px 0px 2px 2px #e2e1e1; border-radius: 10px; padding: 25px 0 0; width: 400px; top: 27px; left: auto; right: 0; z-index: 999; } #notification-menu-new .sub-menu .notification-heading-block { display: flex; padding: 0 25px; justify-content: space-between; } #notification-menu-new .sub-menu .notification-heading-block h2 { font-size: 20px; font-weight: bold; line-height: 24px; margin: 0; color: #000000; font-family: Roboto, Sans-Serif !important; } #notification-menu-new .sub-menu .notification-heading-block .mark-all-read { cursor: pointer; font-size: 14px; font-weight: 400; line-height: 24px; margin: 0; color: #7ed0ed; font-family: Roboto, Sans-Serif !important; } .notification-list-block { padding: 20px 0 0; } .notification-list-block .nav-tabs { border: 0; padding: 0 15px; } #notification-menu-new .notification-list-block li a { padding: 0; color: #000000 !important; font-size: 14px; border: 0; font-family: Roboto, Sans-Serif !important; } #notification-menu-new .notification-list-block li a.active { color: #7ed0ed !important; font-weight: bold; border-bottom: 2px solid #7ed0ed !important; } #notification-menu-new .notification-list-block li a span { color: #000; background-color: #e5f6fb; display: inline-block; padding: 3px; width: 20px; height: 20px; line-height: 16px; text-align: center; border-radius: 20px; font-size: 12px; margin: 0 0 0 10px; } .notification-list-block .tab-pane { max-height: 273px; overflow-x: hidden; margin-bottom: 5px; } .notification-list-block .tab-pane::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; } .notification-list-block .tab-pane::-webkit-scrollbar { width: 12px; background-color: #fff; } .notification-list-block .tab-pane::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #9552ea; } #notification-menu-new .tab-content .tab-pane ul li { margin: 0; } #notification-menu-new .tab-content .tab-pane ul li a { display: flex; align-items: center; padding: 20px 25px; margin: 0; border-bottom: 1px solid #d2d6d9; } #notification-menu-new .tab-content .tab-pane ul li:first-child a { border-top: 1px solid #d2d6d9; } #notification-menu-new .tab-content .tab-pane ul li:last-child a { border-bottom: 0; border-radius: 0 0 10px 10px; } #notification-menu-new .tab-content .tab-pane ul li a .image-block { padding: 0 10px 0 0; position: relative; } #notification-menu-new .tab-content .tab-pane ul li a .image-block img { width: 50px; height: 50px; object-fit: cover; border-radius: 50px; } #notification-menu-new .tab-content .tab-pane ul li a .title-block { width: 80%; padding: 0 0 0 10px; } #notification-menu-new .tab-content .tab-pane ul li a .title-block h2 { font-size: 14px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; margin: 0; color: #000000; } #notification-menu-new .tab-content .tab-pane ul li a .title-block h6 { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.5); } #notification-menu-new .no-post { font-size: 24px; text-align: center; font-weight: bold; padding: 20px 0; } #notification-menu-new .tab-content .tab-pane ul li.unread-post a { background: #f6f7f7; } #notification-menu-new .tab-content .tab-pane ul li.read-post a { background: #fff; } #notification-menu-new .notification-list-block li a span.dot { display: inline-block; background: #7ed0ed; position: absolute; left: 0; width: 15px; height: 15px; border-radius: 15px; margin: 0; } #notification-menu-new .notification-list-block li.read-post a span.dot { display: none; } #notification-menu-new .no-post.main-new-post { margin: 0 0 25px; padding: 0; } #notification-menu-new .count { position: absolute; top: -8px; z-index: 999999; overflow: visible; right: -15px; background: red; color: #fff; font-size: 10px; width: 15px; height: 15px; border-radius: 15px; text-align: center; } .fpd-container fpd-module-manage-layers .fpd-list .fpd-list-row > div.fpd-cell-2 > span > .fpd-icon-eye { font-size: 18px; } #notification-menu-new .ct-menu-link i { color: #fff; } .page-id-30931 .entry-card .boundless-image img { height: auto !important; } .page-id-30801 .entry-content { text-align: center; } .page-id-30801 .entry-content #caf-post-layout-container { display: inline-block; } .page-id-30801 .entry-content > .wp-block-heading, .page-id-30801 .entry-content > .wp-block-list, .page-id-30801 .entry-content > p { text-align: left; } .category-description { clear: both; margin: 30px 0; } .category-description ul li { text-align: left; } @media only screen and (max-width: 1024px) { .category-description, .tag-description { padding: 0 15px; } } .caf-post-layout3.next-tooltip { border-radius: 0 !important; overflow: hidden; z-index: -1; } .caf-post-layout3.next-hr-tooltip { border-radius: 0 !important; overflow: hidden; z-index: -1; } /* New CSS */ .menu { padding: 0; } .plans-column .price h2 sup.custom, .home .plans-column .price p sup.custom { font-weight: 400; font-size: 20px; top: -27px; left: 10px; } .used-design-block h6 { margin: 0 15px 0 0; flex: 25%; } .used-design-block figure { margin: 0 12px; } .new-hero-block h2 { color: #423d48; } .new-hero-block h2 i { color: #9552ea; } .new-hero-block > .gspb_row__content { align-items: center; } .new-hero-block .hero-right-block { padding-bottom: 0; } .new-hero-block .hero-right-block img { max-width: 120%; margin: 10px 0 0 -90px; } .unlock-hero-block .hero-right-block img { margin: -15px 0 0 -90px; } .below-price { margin: 0 0 20px; font-size: 15px; font-weight: 400; font-family: "Roboto", Sans-serif; } .plans-column .price sup { top: -0.7em; font-size: 50%; left: 5px; } @media only screen and (max-width: 1599px) and (min-width: 1400px) { .new-hero-block .hero-right-block img { max-width: 110%; margin: 0 0 0 -20px; } .hero-block h2 { font-size: 53px; line-height: 56px; } .hero-block .hero-left-block { width: calc(50% - 0px - 0px) !important; } .hero-block .hero-right-block { width: calc(50% - 0px - 0px) !important; } } @media only screen and (max-width: 1399px) and (min-width: 1200px) { .new-hero-block > .gspb_row__content { align-items: flex-end; } .new-hero-block .hero-right-block img { max-width: 100%; margin: 0; } .hero-block h2 { font-size: 53px; line-height: 56px; } .hero-block .hero-left-block { width: calc(40% - 0px - 0px) !important; } .hero-block .hero-right-block { width: calc(60% - 0px - 0px) !important; } } @media only screen and (max-width: 1199px) { .new-hero-block > .gspb_row__content { align-items: flex-end; } .used-design-block { display: block !important; text-align: center; } .used-design-block h6 { margin: 0 0 15px; } .used-design-block figure { margin: 0 15px 35px; width: 20%; display: inline-block; text-align: center; } .new-hero-block .hero-right-block img { max-width: 100%; margin: 0; } } @media only screen and (max-width: 991px) { .new-hero-block > .gspb_row__content { flex-direction: column; align-items: center; } } @media only screen and (max-width: 767px) { .used-design-block figure { /* width: 40%; */ width: 28%; margin: 0 7px; display: none; } .used-design-block figure.mobile-image { display: inline-block; } } .new-pricing-block .plans-column .wp-element-button { padding: 15px; } .top-header, .header-block .top-header-block { background-color: #000 !important; } .header-block .middle-header-block { background: #fff !important; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li a { color: #a04ef2; } .header-block .bottom-header-block { background: #f5f5f5; } .middle-header-block .sign-up-block a { color: #fff; background: #a04ef2; } .header-block .bottom-header-block ul li a, .middle-header-block .my-account-block a, .middle-header-block .sign-in-block a { color: #000000; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { color: #a04ef2 !important; } #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier { background: #a04ef2 !important; color: #fff !important; padding: 0 0 0 10px !important; } #ajaxsearchpro1_1 .probox .promagnifier .innericon svg, #ajaxsearchpro1_2 .probox .promagnifier .innericon svg, div.asp_m.asp_m_1 .probox .promagnifier .innericon svg { fill: #fff !important; } .bottom-header-block .menu li:last-child { position: relative; } .bottom-header-block .menu li:last-child:after { content: ""; background-image: url(images/new.svg); width: 45px; height: 27px; background-repeat: no-repeat; position: absolute; top: -15px; right: -4px; z-index: 99; } #ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.asp_m.asp_m_1 .probox { max-width: 358px; min-width: 358px; } @media only screen and (max-width: 1024px) { .header-mobile-menu-block .hamburger-menu i { color: #9e9e9e !important; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li a, .header-block .bottom-header-block ul li a, .middle-header-block .my-account-block a, .middle-header-block .sign-in-block a { color: #fff; } .middle-header-block .sign-up-block a { color: #a04ef2; background: #fff; } } .below-price sup { top: -0.3em; } .top-message { text-align: center; position: absolute; left: 0; right: 0; color: #fff; font-size: 12px; } .top-message .btn-check-them-out { color: #523185; background: #fff; border-radius: 5px; font-weight: bold !important; padding: 5px 7px; font-size: 12px; line-height: 18px; margin: 0 10px; text-decoration: none; } @media only screen and (max-width: 767px) { #notification-menu-new { right: -15px; } } .star-block { display: flex; align-items: center; margin: 0 0 10px; } .star-block img { max-width: 110px; } .star-block h5 { color: #767676; font-size: 14px; margin: 0 0 0 10px; font-weight: bold; } .star-block h5 a { text-decoration: underline; font-weight: normal; color: #767676; } .customer-review-row > .gspb_row__content { columns: 3 200px; column-gap: 1rem; display: block !important; } .customer-review-row > .gspb_row__content > div { /*background: #fdfbfe;*/ box-shadow: 0 0 10px 10px #f8f8f8; border-radius: 20px; margin: 0 0px 20px; width: 100% !important; break-inside: avoid; display: inline-block; vertical-align: top; padding: 15px 40px 15px 15px !important; } .user-img img { width: 60px; height: 60px; border-radius: 60px; object-fit: cover; } .user-details h6, .home .user-details p { margin: 0; color: #545454; font-style: normal; font-weight: 400; font-size: 13px; } .user-details h6 i, .home .user-details p i { color: #7ed0ed; } .btn-get-strated-for-free, .btn-join-our-designers { position: relative; } .btn-get-strated-for-free:after, .btn-join-our-designers:after { content: ""; background-image: url(images/right-arrow.png); width: 24px; height: 17px; display: inline-block; background-repeat: no-repeat; background-size: 55%; background-position: center; } .customer-review-row > .gspb_row__content > div h5 { text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1199px) { .customer-review-row > .gspb_row__content > div { width: 100% !important; } } @media only screen and (max-width: 991px) { .customer-review-row > .gspb_row__content > div { width: 100% !important; } } @media only screen and (max-width: 767px) { .video-heading-block h5 { margin: 0 auto; } .video-block .wp-block-video { padding: 0 0 30px; } .star-block { justify-content: center; } .star-block img { max-width: 30%; } .star-block h5 { font-size: 12p; } .hero-block h2 { font-size: 44px; line-height: 55px; text-align: center; margin: 15px 0 20px; } .customer-review-section h2, .video-heading-block h1 { font-size: 44px !important; line-height: 50px !important; } .video-heading-block h5 { font-size: 20px !important; } .hero-block p { display: none; } .hero-button-block { gap: 0; flex-wrap: nowrap; } .hero-button-block .wp-block-button { width: 50%; text-align: center; } .hero-button-block .wp-block-button .wp-block-button__link { font-size: 18px; border-radius: 10px; padding: 13px 17px; } .hero-button-block .wp-block-button:nth-child(2) .wp-block-button__link, .hero-button-block .wp-block-button:nth-child(3) .wp-block-button__link { font-size: 18px !important; border-radius: 10px !important; padding: 12px 28px 12px 42px !important; } .hero-button-block .wp-block-button:nth-child(2) .wp-block-button__link:after, .hero-button-block .wp-block-button:nth-child(3) .wp-block-button__link:after { left: 15px; } .hero-right-block { margin-top: 0; } .pricing-block .gspb__switcher-label.gspb__switcher-control-on:before { left: auto; top: -25px; right: -15px; } .pricing-block .gspb__switcher-label.gspb__switcher-control-on:after { left: auto; top: -50px; right: -65px; } .customer-review-row > .gspb_row__content > div { width: 100% !important; padding: 15px 40px 15px 25px !important; } .hero-block h6, .home .hero-block .more-badges p { text-align: center; } .hero-block .hero-left-block { padding: 0; } .user-details h5 { font-size: 22px !important; } .user-details h6, .home .user-details h6 { font-size: 16px; } .customer-review-section p br { display: none; } .pricing-block h5 br, .home .pricing-block p br { display: block; margin: 0 0 10px; content: ""; } .customer-review-section p, .customer-review-row p { font-size: 20px !important; } .btn-get-strated-for-free, .home-core-features-block h6, .home .home-core-features-block h3 { font-size: 22px !important; } .home-core-features-block p { font-size: 20px !important; } .plans-column .wp-element-button { font-size: 22px; } .home-core-features-block { background-color: #fff !important; margin-top: -18px !important; } .video-block .wp-block-video { margin: 0 -50px; } } .search-user-block { display: none; } @media only screen and (max-width: 1024px) { .header-block .middle-header-block { padding: 15px 0; margin: 0 0 30px; background-color: #f8f8f8 !important; } .header-block .middle-header-block > .container { padding: 0 15px; width: 100%; } .header-right-column { display: none; margin-bottom: 20px; } .middle-header-block .header-menu-left-block .logo-block { margin: 0; } .search-user-block { display: flex; } .search-user-block i { color: #9e9e9e; font-size: 20px; } .search-user-block > div.user-icon { padding: 0 0 0 15px; } .canvas-menu-block i { font-size: 20px; } } /* Mega Menu */ #mega-menu-wrap-menu_2 #mega-menu-menu_2 { background-color: #fff !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link { color: #a04ef2 !important; font-size: 14px; line-height: 14px; font-weight: bold !important; text-decoration: none !important; padding: 43px 15px 42px 15px; font-family: Roboto, Sans-Serif !important; background-color: #fff !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { font-weight: bold !important; color: #a04ef2 !important; background-color: #fff !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link .sub-arrow { font-size: 10px !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link .fa-caret-down:before { content: "\f078"; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 a.mega-menu-link .mega-description-group .mega-menu-description { display: none !important; } mega-menu-link#mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { color: #9f9f9f; font-size: 15px; font-weight: 500; text-transform: capitalize; font-family: Roboto, Sans-Serif !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0 0 5px; } .mega-menu-wrap > .mega-menu > li > .mega-sub-menu { padding: 0 15px !important; border-radius: 10px !important; background: #fff !important; min-width: 750px !important; box-shadow: 1px 0px 5px 5px rgba(0, 0, 0, 0.1) !important; /* background: url(images/menu-background.png) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: top !important; box-shadow: none !important; position: absolute !important; left: -50px !important;*/ } /* .mega-menu-wrap > .mega-menu > li.mega-toggle-on > .mega-sub-menu:before { content: "" !important; position: absolute !important; border-style: solid !important; border-width: 40px !important; border-color: black !important; width: 0 !important; height: 0 !important; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } */ .menu-items-block { padding: 0; margin: 0; list-style-type: none; } .menu-items-block li { margin: 0 0 15px; } .menu-items-block li a { display: flex; text-decoration: none; align-items: center; padding: 10px 5px; border-radius: 10px; position: relative; } .menu-items-block li a:after { content: ""; display: none; width: 31px; height: 19px; background-size: 60%; background-repeat: no-repeat; background-position: right; position: absolute; right: 20px; background-image: url(images/menu-right-arrow.png); } .menu-items-block li a:hover:after { display: inline-block; } .menu-items-block li a:hover { background: #f5f5f5; } .menu-items-block li a .icon { background: #f5f5f5; border-radius: 7px; text-align: center; width: 40px; height: 40px; line-height: 40px; padding: 0 5px; } .menu-items-block li a .icon img { max-width: 70% !important; } .menu-items-block li a .icon img.icon-free-mockups { max-width: 50% !important; } .menu-items-block li a .icon img.icon-gildan-mockups { max-width: 50% !important; } .menu-items-block li a .icon img.icon-comfort-mockups { max-width: 40% !important; } .menu-items-block li a .content { margin: 0 0 0 20px; } .menu-items-block li a .content h6 { margin: 0; font-size: 16px; line-height: 16px; color: #000000; font-weight: bold; font-family: Roboto, Sans-Serif !important; } .menu-items-block li a .content span { color: #9f9f9f; font-size: 12px; font-family: Roboto, Sans-Serif !important; } #mega-menu-30991-0-0 { border-right: 1px solid #ead8fd !important; padding: 20px 30px 20px 0 !important; } #mega-menu-30991-0-1, #mega-menu-30991-0-2 { padding: 33px 0 20px 30px !important; } .mega-menu-wrap > .mega-menu > li#mega-menu-item-12334 > .mega-sub-menu { min-width: 1100px !important; } #mega-menu-12334-0-0 { padding: 20px 30px 20px 0 !important; } #mega-menu-12334-0-1 { border-left: 1px solid #ead8fd !important; } #mega-menu-12334-0-1, #mega-menu-12334-0-2, #mega-menu-12334-0-3, #mega-menu-12334-0-4 { padding: 33px 0 20px 30px !important; } @media only screen and (max-width: 1024px) { #mega-menu-wrap-menu_2 .mega-menu-toggle { display: none !important; } #mega-menu-menu_2 { display: block !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link { padding: 0; color: #000 !important; font-size: 34px; line-height: normal; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #000 !important; background-color: transparent !important; } .header-mobile-menu-block .canvas-menu-block { background: #fff; } .header-mobile-menu-block .close-menu i { color: #a04ef2; } .middle-header-block .header-menu-left-block .top-menu-list ul.menu li a, .header-block .bottom-header-block ul li a, .middle-header-block .my-account-block a, .middle-header-block .sign-in-block a, .header-block .social-block ul li a i { color: #000; } .header-mobile-menu-block .close-menu { top: 0; } .canvas-top-menu { margin: 0 0 30px; } .canvas-top-menu .logo { max-width: 120px; } .header-mobile-menu-block .canvas-menu-block .mobile-menu-list { display: block; margin: 20px 0 0; border-top: 1px solid #000000; padding: 30px 0 0; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item { margin: 0 0 10px; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link .fa-caret-down:before { content: "\f0d7"; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item > a.mega-menu-link .sub-arrow i { font-size: 26px; } .mega-menu-wrap > .mega-menu > li > .mega-sub-menu { padding: 0 !important; border-radius: 0 !important; background: transparent !important; min-width: auto !important; box-shadow: none !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { padding: 15px 0 !important; } #mega-menu-30991-0-0, #mega-menu-12334-0-0 { display: none !important; } #mega-menu-30991-0-1, #mega-menu-12334-0-1 { border: 0 !important; padding: 0 0 0 20px !important; } #mega-menu-30991-0-2, #mega-menu-12334-0-4 { padding: 0 0 0 20px !important; } #mega-menu-12334-0-2, #mega-menu-12334-0-3 { padding: 0 0 0 20px !important; } #mega-menu-30991-0-1, #mega-menu-30991-0-2, #mega-menu-12334-0-1, #mega-menu-12334-0-2, #mega-menu-12334-0-3, #mega-menu-12334-0-4 { border-left: 1px solid #e3e3e3 !important; } mega-menu-link#mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-size: 16px; color: #000; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item.mega-toggle-on.active > a.mega-menu-link .sub-arrow i { transform: rotate(180deg); } #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { display: none !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-item.mega-toggle-on.active > ul.mega-sub-menu, #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on.active ul.mega-sub-menu { display: block !important; position: static !important; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 { width: 100%; } .header-mobile-menu-block .login-info-block .sign-up-block a { max-width: none; width: 100%; background: #a04ef2; color: #fff; display: inline-block; text-align: center; font-size: 20px; } .header-mobile-menu-block .my-account-block a, .header-mobile-menu-block .login-info-block .sign-in-block a { max-width: none; width: 100%; background: #a04ef2; color: #fff; display: inline-block; text-align: center; font-size: 20px; padding: 5px 15px 6px; color: #000; line-height: 44px; background: #fff; font-weight: 700; border-radius: 10px; text-decoration: none; font-family: Roboto, Sans-Serif !important; border: 1px solid #000; } #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-item, #mega-menu-wrap-menu_2 #mega-menu-menu_2 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-12 { width: 100% !important; } #mega-menu-wrap-menu_2 { background: transparent; } } .form-text { text-align: center; max-width: 680px; margin: 0 auto !important; } .form-text p { color: #0e0e0e; font-size: 16px; line-height: 26px; } #wpforms-form-43090 .wpforms-submit-container { text-align: center; } .page-id-43092 .wpforms-is-recaptcha { position: absolute !important; left: 0; right: 0; margin: auto !important; } .form-content-block { max-width: 800px !important; } .page-id-43092 .hero-section { margin-bottom: 0 !important; } .page-id-43092 .page-title { font-size: 48px; } .page-id-43092 .wpforms-submit-spinner { position: absolute !important; left: 0; right: 0; margin: auto !important; } @media only screen and (max-width: 1024px) { .page-id-43092 div.wpforms-container-full .wpforms-form .wpforms-field#wpforms-43090-field_22-container { padding: 0 0 15px; } } @media only screen and (max-width: 767px) { #wpforms-43090-field_7-container, #wpforms-43090-field_21-container { width: 100%; } .page-id-43092 #wpforms-43090-field_22 { flex-direction: column !important; } .page-id-43092 #wpforms-43090-field_22 li, .page-id-43092 #wpforms-43090-field_22 li:first-child, .page-id-43092 #wpforms-43090-field_22 li:last-child { margin: 0 0 10px !important; } #wpforms-form-43090 .wpforms-submit-container #wpforms-submit-43090 { width: 100%; } .page-id-43092 .page-title { font-size: 32px; } .page-id-43092 #wpforms-43090-field_22 li label p { max-width: none; } } .footer-social-block { margin: 30px 0 0; } .footer-social-block ul { padding: 0; margin: 0; list-style: none; display: flex; } .footer-social-block ul li { margin: 0 15px 0 0; } .footer-social-block ul li a i { font-size: 18px; color: #fff; } @media only screen and (max-width: 767px) { .footer-social-block ul { justify-content: center; } } /* Run out of views */ .page-id-43238 .hero-section { display: none !important; } .run-out-of-views-block { margin: 40px 0 0; text-align: center; opacity: 0; -webkit-transition: opacity 2000ms; -moz-transition: opacity 2000ms; -ms-transition: opacity 2000ms; -o-transition: opacity 2000ms; transition: opacity 2000ms; } .run-out-of-views-block h2 { margin: 0 0 15px; font-weight: bold; font-size: 64px; color: #423d48; font-family: Roboto, Sans-Serif !important; } .run-out-of-views-block h2 span { color: #a04ef2; font-style: italic; } .run-out-of-views-block p { margin: 0; color: #423d48; font-size: 18px; font-weight: 400; text-align: center; font-family: Roboto, Sans-Serif !important; } .rov-pricing-block { position: relative; } .rov-pricing-block .new-pricing-block .wp-block-greenshift-blocks-row { opacity: 0; -webkit-transition: opacity 2000ms; -moz-transition: opacity 2000ms; -ms-transition: opacity 2000ms; -o-transition: opacity 2000ms; transition: opacity 2000ms; } body.active .rov-pricing-block .new-pricing-block .wp-block-greenshift-blocks-row { position: relative; z-index: 99999; opacity: 1; } .rov-pricing-block .wp-block-image { position: absolute; top: -50px; z-index: 9999; text-align: center; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .rov-pricing-block .wp-block-image img { max-width: 90%; margin: 0 auto; } .rov-pricing-block .wp-block-heading { position: absolute; top: -140px; left: 0; right: 0; z-index: 9999; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } body.active .rov-pricing-block .wp-block-heading { opacity: 25%; filter: blur(15px); -webkit-filter: blur(15px); } body.active .rov-pricing-block .wp-block-image { opacity: 25%; filter: blur(15px); -webkit-filter: blur(15px); } .faq-block { margin: 40px 0 0; text-align: center; opacity: 0; -webkit-transition: opacity 2000ms; -moz-transition: opacity 2000ms; -ms-transition: opacity 2000ms; -o-transition: opacity 2000ms; transition: opacity 2000ms; } .faq-block h2 { margin: 0 0 15px; font-weight: bold; font-size: 44px; color: #a04ef2; font-family: Roboto, Sans-Serif !important; } .faq-block p { margin: 0; color: #423d48; font-size: 17px; font-weight: 400; text-align: center; font-family: Roboto, Sans-Serif !important; } .faq-content-block { opacity: 0; -webkit-transition: opacity 2000ms; -moz-transition: opacity 2000ms; -ms-transition: opacity 2000ms; -o-transition: opacity 2000ms; transition: opacity 2000ms; } body.active .run-out-of-views-block, body.active .faq-block, body.active .faq-content-block, .page-id-64520 .faq-block, .page-id-64520 .faq-content-block { opacity: 1; } .faq-content-block h6 { margin: 0 0 10px; } .faq-content-block p { max-width: 502px; } .faq-content-block p a { text-decoration: underline; } .faq-content-block .wp-block-image { text-align: center; } .faq-content-block .wp-block-image img { width: 20px; height: 20px; } @media only screen and (max-width: 1024px) { .faq-content-block p br { display: none; } } @media only screen and (max-width: 991px) { .run-out-of-views-block h2 { font-size: 40px; } .run-out-of-views-block p { font-size: 15px; } .faq-content-block .wp-block-columns { flex-direction: column; } .faq-content-block .wp-block-columns { text-align: center; } } @media only screen and (max-width: 767px) { .run-out-of-views-block h2 { font-size: 24px; } .faq-block h2 { font-size: 20px; } .faq-block p { font-size: 14px; } } .support-faq { display: none !important; } .page-id-42609 .faq-block, .page-id-42609 .faq-content-block { opacity: 1; } @media only screen and (max-width: 1199px) { #gspb_id-gsbp-8d9d5e5 .switcher-panel-1 { display: block !important; } #gspb_id-gsbp-8d9d5e5 .switcher-panel-2 { display: none !important; } #gspb_id-gsbp-8d9d5e5.active .switcher-panel-1 { display: none !important; } #gspb_id-gsbp-8d9d5e5.active .switcher-panel-2 { display: block !important; } } /* Product Banner */ .product-banner-block { background: #d3b7f8; border-radius: 5px; max-width: 1300px !important; margin: 0 auto; position: relative; } .product-banner-link { display: flex; align-items: center; padding: 0 15px; text-decoration: none !important; } .product-banner-link:focus, .product-banner-link:hover { outline: 0 !important; color: #d3b7f8 !important; } .product-image { max-width: 300px; margin: -40px 0 0; } .product-content { padding: 0 50px; } .product-content h6 { margin: 0; color: #fff; font-size: 44px; line-height: 50px; font-family: Roboto, Sans-Serif !important; font-weight: bold; } .product-content h6 span { color: #a04ef2; } .product-button { position: absolute; right: 100px; } .product-button span { font-family: Roboto, Sans-Serif !important; font-weight: bold; background-color: #a04ef2; font-size: 20px; color: #fff; padding: 15px 25px; border-radius: 15px; text-decoration: none; } .product-button span:hover { color: #fff; background-color: #a04ef2; } @media only screen and (max-width: 1024px) { .product-content h6 { font-size: 30px; line-height: 40px; } .product-button { right: 50px; } .product-button a { font-size: 16px; border-radius: 10px; } } @media only screen and (max-width: 991px) { .product-image { max-width: 200px; } .product-content { padding: 0 20px; } .product-content h6 { font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 767px) { .product-banner-block { flex-direction: column; padding: 25px 15px 35px; } .product-image { margin: 0; } .product-content { padding: 15px; } .product-content h6 { font-size: 24px; line-height: 32px; } .product-button { position: static; } } /* Category */ .category-banner-block, .guide-banner-block, .modal-banner-block { margin: 30px 0 0; } .category-top-block, .guide-top-block, .modal-top-block { background: #f5f5f5; padding: 15px 0 0; border-radius: 10px 10px 0 0; } .category-banner-main-block .category-top-block { background: #b094db; } .guide-banner-main-block .guide-top-block { background: #a8abed; } .modal-banner-main-block .modal-top-block { background: #f5f5f5; } .category-banner-main-block .category-bottom-block { background: #f5f5f5; } .guide-banner-main-block .guide-bottom-block { background: #f7f7f7; } .modal-banner-main-block .modal-bottom-block { background: #f1e4fd; } .category-image, .guide-image, .modal-image { text-align: center; } .category-bottom-block, .guide-bottom-block, .modal-bottom-block { background: #eee9f6; text-align: center; padding: 25px 5px 40px; border-radius: 0 0 10px 10px; } .category-bottom-block { padding: 25px 17px 40px; } .modal-bottom-block { padding: 25px 20px 40px; } .category-bottom-block .category-content, .guide-bottom-block .guide-content, .modal-bottom-block .modal-text { font-family: Roboto, Sans-Serif !important; font-weight: bold; color: #000000; font-size: 25px; line-height: 32px; padding: 0 40px; margin: 0 0 30px; display: inline-block; } .category-button span, .guide-button span, .modal-button span { font-family: Roboto, Sans-Serif !important; font-weight: 400; background-color: #a04ef2; font-size: 17px; color: #fff; padding: 10px 25px; border-radius: 10px; text-decoration: none; } .category-button span:hover, .guide-button span:hover, .modal-button span:hover { color: #fff; background-color: #a04ef2; } @media only screen and (max-width: 767px) { .category-bottom-block .category-content, .guide-bottom-block .category-content, .modal-bottom-block .category-content { max-width: 220px; padding: 0; margin: 0 auto 30px; } } /* Sticky Header For logged out user */ /* Old */ /* .header-block .middle-header-block { position: fixed; left: 0; right: 0; z-index: 9; transition: position 0.7s top 0.7s; } .header-block.fixed .middle-header-block { box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); } .header-block .bottom-header-block { margin: 85px 0 0; position: relative; z-index: 99; } .logged-in .header-block .middle-header-block { position: static; } .logged-in .header-block .bottom-header-block { margin: 0; } */ /* New */ .header-block .middle-header-block { top: 85px; position: relative; z-index: 9; transform: translate3d(0, -100%, 0); transition: none; } .header-block.fixed .middle-header-block { left: 0; position: fixed; right: 0; top: 0; z-index: 99999; transform: translateZ(0); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 1025px) { .header-block .middle-header-block { top: 67px; } } .logged-in .header-block .middle-header-block { position: static; transform: translate3d(0, 0, 0); } .compare-table.wp-block-table table { border-collapse: separate !important; border-radius: 10px; } .compare-table.wp-block-table thead tr th:first-child { border-radius: 10px 0 0 0; } .compare-table.wp-block-table thead tr th:last-child { border-radius: 0 10px 0 0; } .compare-table.wp-block-table tbody tr:last-child td:first-child { border-radius: 0 0 0 10px; } .compare-table.wp-block-table tbody tr:last-child td:last-child { border-radius: 0 0 10px 0; } .compare-table.wp-block-table td, .compare-table.wp-block-table th { padding: 1em; } .compare-table.wp-block-table td { border-top: 0 !important; border-left: 0 !important; } .compare-table.wp-block-table thead tr th:last-child, .compare-table.wp-block-table tbody tr td:last-child { border-right: 0 !important; } .compare-table.wp-block-table th { border-top: 0 !important; border-left: 0 !important; } .compare-table.wp-block-table tbody tr:last-child td { border-bottom: 0 !important; } .compare-bubble a { cursor: text; min-height: 0 !important; } .page-id-43583 .hero-section { display: none; } #caf-post-layout-container.data-target-div1.post-layout3, div#caf-post-layout-container.multiple-taxonomy-filter { position: relative; display: inline-block; } .caf-manage-sorting-front { position: absolute; top: 40px; right: 0; width: auto; display: flex; z-index: 99999; padding: 5px 9px 5px 35px !important; } .multiple-taxonomy-filter div#manage-ajax-response { padding-top: 30px !important; } select.caf-sort-front { width: 85px; } .first-wrap select.caf-sort-front { width: 95px; } @media only screen and (max-width: 1024px) { .caf-manage-sorting-front { padding: 0 !important; position: static; justify-content: center; } .multiple-taxonomy-filter div#caf-multiple-taxonomy-filter { margin: 0 0 20px; } } @media only screen and (max-width: 413px) { .caf-manage-sorting-front { justify-content: center; flex-direction: column; text-align: center; } } /* Category Mockups Block */ .category-mockups-banner-block { width: 100%; border-radius: 5px; margin: 50px 10px 10px; position: relative; background: #d3b7f8; } .category-mockups-banner-link { display: flex; justify-content: space-between; align-items: center; padding: 20px 15px 0 40px; text-decoration: none !important; } .category-mockups-banner-link:focus, .category-mockups-banner-link:hover { outline: 0 !important; color: #d3b7f8 !important; } .category-mockups-content { margin: 0 0 15px; } .category-mockups-left-block h6 { margin: 0; color: #fff; font-size: 44px; line-height: 50px; font-family: Roboto, Sans-Serif !important; font-weight: bold; } .category-mockups-left-block h6 span { color: #a04ef2; } .category-mockups-right-block { max-width: 310px; margin-top: -54px; } .category-mockups-button { margin: 0 0 25px; } .category-mockups-button span { font-family: Roboto, Sans-Serif !important; font-weight: bold; background-color: transparent; font-size: 20px; color: #fff; border: 2px solid #fff; padding: 7px 25px; border-radius: 5px; text-decoration: none; } .category-mockups-button span:hover { color: #fff; } @media only screen and (max-width: 991px) { .category-mockups-banner-block { flex-direction: column; justify-content: center; text-align: center; padding: 25px 15px 0; } .category-mockups-right-block { margin-top: 0; max-width: none; } } .caf-manage-sorting-wrap { position: relative !important; color: #626262 !important; font-weight: 400 !important; font-family: Roboto, Sans-Serif !important; } .caf-manage-sorting-wrap:after { font-family: "FontAwesome"; content: "\f078"; position: absolute; top: 8px; color: #9552ea; margin-left: 0; font-size: 14px; right: 10px; pointer-events: none; } select.caf-sort-front { border-color: #9552ea !important; padding: 8px 15px !important; height: auto !important; font-weight: 400 !important; color: #9552ea !important; font-family: Roboto, Sans-Serif !important; } .multiple-taxonomy-filter .caf-manage-sorting-front, .parent-child-filter .caf-manage-sorting-front { width: 40%; } /*COMPARISON TABLE STYLES*/ /* Apply Roboto font to the comparison table */ .comparison-table-container, .comparison-table-container * { font-family: "Roboto", sans-serif; } /* Scope all styles to the comparison table */ .comparison-table-container { border: 1px solid #dddddd; border-radius: 10px; overflow: hidden; } .comparison-table { width: 100%; border-collapse: collapse; table-layout: fixed; border: none; } .comparison-table th, .comparison-table td { border: 1px solid #dddddd; text-align: left; padding: 0; } .comparison-table th:first-child, .comparison-table td:first-child { border-left: none; } .comparison-table th:last-child, .comparison-table td:last-child { border-right: none; } .comparison-table tr:first-child th { border-top: none; } .comparison-table tr:last-child td { border-bottom: none; } .comparison-table thead th { background-color: #f2f2f2; padding: 0; font-weight: 700; border: 1px solid #dddddd; /* Ensuring white border */ } /* Left-align the first header cell */ .comparison-table thead th:first-child { text-align: left; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; } /* Specific background colors for headers */ .comparison-table thead th.photoshop-header .cell-content { background-color: #fdf4f6; /* Hex color for pale red */ padding: 8px; min-height: 40px; display: flex; align-items: center; justify-content: center; font-weight: 700; border: 4px solid #ffffff; /* White border */ } .comparison-table thead th.mockit-header .cell-content { background-color: #f7fbf6; /* Hex color for pale green */ padding: 8px; min-height: 40px; display: flex; align-items: center; justify-content: center; border-top-right-radius: 5px; border: 4px solid #ffffff; /* White border */ } /* Adjust logo and badge alignment */ .comparison-table thead th .cell-content img { vertical-align: middle; max-height: 30px; width: auto; } .comparison-table thead th .cell-content .comparison-badge { font-size: 12px; padding: 6px 8px 4px; color: #ffffff; border-radius: 4px; margin-left: 8px; display: inline-block; } .comparison-table thead th .cell-content .comparison-badge.paid { background-color: #f00250; } .comparison-table thead th .cell-content .comparison-badge.free { background-color: #4cb939; } /* Set white background and padding for columns 2 and 3 */ .comparison-table td.photoshop, .comparison-table td.mockit { background-color: white; padding: 4px; } /* Cell content styling for data cells based on "yes" or "no" */ .comparison-table td.photoshop.yes .cell-content, .comparison-table td.mockit.yes .cell-content { background-color: #f7fbf6; /* Same pale green as Mock It header */ } .comparison-table td.photoshop.no .cell-content, .comparison-table td.mockit.no .cell-content { background-color: #fdf4f6; /* Same pale red as Photoshop header */ } .comparison-table td.photoshop .cell-content, .comparison-table td.mockit .cell-content { display: flex; align-items: center; justify-content: center; } /* Apply border-radius to .cell-content in the last cell of the last row */ .comparison-table tbody tr:last-child td.mockit .cell-content { border-bottom-right-radius: 5px; } /* Increase the padding within .cell-content to adjust row height */ .comparison-table tbody td .cell-content { padding-top: 13px; padding-bottom: 13px; display: flex; align-items: center; justify-content: center; height: 100%; box-sizing: border-box; } /* Add left padding to features in the first column */ .comparison-table tbody td:first-child { padding-left: 20px; padding-right: 20px; font-weight: 500; } /* Mobile styles for smaller screens */ @media (max-width: 768px) { /* Explicitly hide the tags/buttons */ .comparison-table th.photoshop-header .cell-content .comparison-badge, .comparison-table th.mockit-header .cell-content .comparison-badge { display: none !important; } /* Change "Adobe Photoshop" to just "Photoshop" */ .comparison-table th.photoshop-header .cell-content { text-indent: -9999px; /* Hide original text visually */ position: relative; } .comparison-table th.photoshop-header .cell-content::after { content: "Photoshop"; /* Show only "Photoshop" */ position: absolute; left: 50%; transform: translateX(-50%); text-indent: 0; color: inherit; background-color: inherit; } } .custom-star-block { text-align: center; } .custom-star-block { margin: 0 auto 20px; } .ready-right-block p, .custom-hero-left-block p { margin: 0; } .ready-top-review-section figure, .hero-review-section figure { display: flex; } .ready-top-review-section > .gspb_row__content { max-width: 350px; margin: 0 auto; } @media only screen and (max-width: 991px) { .custom-hero-left-block { text-align: center; } .custom-hero-left-block > div, .custom-hero-left-block h2 { justify-content: center; text-align: center !important; } .custom-swipe-slider h4 { font-size: 16px !important; } .hero-review-section > .gspb_row__content, .ready-top-review-section > .gspb_row__content { flex-direction: column; justify-content: center !important; } .hero-review-section > .gspb_row__content > div, .ready-top-review-section > .gspb_row__content > div { width: 100% !important; padding: 0 0 15px !important; text-align: center !important; } .hero-review-section > .gspb_row__content > div > figure, .ready-top-review-section > .gspb_row__content > div > figure { justify-content: center; } } .page-id-43879 .hero-section, .page-id-43873 .hero-section, .page-id-43898 .hero-section, .page-id-43891 .hero-section, .page-id-43874 .hero-section { display: none; } @media only screen and (max-width: 991px) { .footer-menu-top-block .row > .col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .footer-menu-top-block .row > .col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 0; } } .header-block .middle-header-block.active { transform: none; top: -1px; } @media only screen and (min-width: 1025px) { .logged-in .header-block .middle-header-block { transform: none; } } /* New Blog design */ .single-blog-section > .container > .row { margin-left: -25px; margin-right: -25px; } .single-blog-section > .container > .row > div { padding-left: 25px; padding-right: 25px; } .blog-detail-block .image-block a:before { display: none; } .single .blog-detail-block .details-block h3.entry-title, .blog-detail-block .details-block .entry-title a { font-size: 48px; line-height: 68px; font-weight: bold; } .blog-detail-block .author-share-block { margin: 30px 0 0; } .blog-detail-block .author-block { margin: 0; } .blog-detail-block .author-block .photo { border-radius: 45px; } .blog-content-details p, .blog-content-details ol li, .blog-content-details ul li { color: #494151; font-size: 18px; line-height: 30px; font-family: Roboto, Sans-Serif !important; font-weight: 400; } .blog-detail-block .image-block { margin: 40px 0 35px; } .blog-content-details .wp-block-image img { border-radius: 15px; } .blog-content-details h2 { font-size: 30px; line-height: 30px; } .single-blog { margin: 0; } .blog-detail-block { gap: 0; } .single-blog-section { margin: 50px 0; } .single-blog-section .left-block { margin: 290px 0 0; } .related-articles-block { margin: 0 0 45px; } .related-articles-block h3 { margin: 0; font-size: 18px; line-height: 20px; font-family: Roboto, Sans-Serif !important; font-weight: bold; } .related-post-block .related-post-subblock { border-bottom: 1px solid #dadada; padding: 18px 0 25px; } .related-post-block .related-post-subblock .related-post-bottom-subblock { display: flex; align-items: center; } .related-post-left-block { padding: 0 20px 0 0; } .related-post-left-block .post-image img { width: 120px; height: auto; object-fit: cover; border-radius: 10px; min-width: 120px; max-width: 120px; } .related-post-top-subblock { margin: 0 0 10px; } .related-post-top-subblock .category-link { color: #a2a2a2; font-size: 16px; line-height: 16px; font-family: Roboto, Sans-Serif !important; font-weight: normal; text-decoration: none; } .related-post-right-block { padding: 0; } .related-post-right-block h4 { margin: 0; line-height: 20px; } .related-post-right-block h4 a { text-decoration: none; color: #a04ef2; margin: 0; font-size: 15px; line-height: 15px; font-family: Roboto, Sans-Serif !important; font-weight: normal; } .signup-block { padding: 75px 40px 60px 40px; margin: 40px 0 0; text-align: center; border-radius: 10px; background-color: #312640; } .signup-block h2 { color: #fff; margin: 0 0 15px; font-family: Roboto, Sans-Serif !important; font-weight: bold; font-size: 24px; line-height: 34px; } .signup-block h6 { color: #fff; margin: 0; font-family: Roboto, Sans-Serif !important; font-weight: 400; font-size: 14px; line-height: 20px; } #mc_embed_signup { width: auto !important; background: transparent !important; } #mc_embed_signup h2, #mc_embed_signup .indicates-required, #mc_embed_signup .mc-field-group label { display: none !important; } #mc_embed_signup .mc-field-group input { border-radius: 10px; background: #ffffff; color: #b5b5b5; border: 0; font-size: 14px; padding: 15px !important; font-weight: normal; text-indent: 0 !important; font-family: Roboto, Sans-Serif !important; } #mc_embed_signup .mc-field-group input::-webkit-input-placeholder { color: #b5b5b5; font-size: 14px; font-weight: normal; font-family: Roboto, Sans-Serif !important; } #mc_embed_signup .mc-field-group input::-moz-placeholder { color: #b5b5b5; font-size: 14px; font-weight: normal; font-family: Roboto, Sans-Serif !important; } #mc_embed_signup .mc-field-group input:-ms-input-placeholder { color: #b5b5b5; font-size: 14px; font-weight: normal; font-family: Roboto, Sans-Serif !important; } #mc_embed_signup .mc-field-group input:-moz-placeholder { color: #b5b5b5; font-size: 14px; font-weight: normal; font-family: Roboto, Sans-Serif !important; } #mc_embed_signup .clear { text-align: center; margin: 15px 0 0 !important; } #mc_embed_signup .button, #mc_embed_signup .button:hover { color: #fff !important; background-color: #9552ea !important; border-radius: 10px !important; font-weight: 500 !important; font-family: Roboto, Sans-Serif !important; margin: 0 !important; } @media only screen and (max-width: 1024px) { .blog-detail-block .image-block .boundless-image img { width: 100%; height: auto; } .single .blog-detail-block .details-block h3.entry-title, .blog-detail-block .details-block .entry-title a { font-size: 40px; line-height: 48px; } .related-post-right-block h4 a { font-size: 13px; line-height: 16px; } .category-bottom-block .category-content, .guide-bottom-block .guide-content, .modal-bottom-block .modal-text { font-size: 18px; line-height: 24px; } .sign-up-block { padding: 55px 20px 40px 20px; } .signup-block h6 { font-size: 13px; } } @media only screen and (max-width: 1024px) { .related-post-left-block .post-image img { width: 90px; max-width: 90px; min-width: 90px; } } @media only screen and (max-width: 991px) { .blog-detail-block .image-block { margin: 40px 0 0; } .single-blog-section { margin: 0; } .single-blog { margin: 0 0 20px; } .single-blog-section .left-block { margin: 0; } .related-post-right-block h4 a { font-size: 22px; line-height: 28px; } } @media only screen and (max-width: 767px) { .single .blog-detail-block .details-block h3.entry-title, .blog-detail-block .details-block .entry-title a { font-size: 24px; line-height: 30px; } .blog-content-details h2 { font-size: 22px; line-height: 26px; } .related-post-right-block h4 a { font-size: 15px; line-height: 18px; } } .author-share-block { display: flex; justify-content: space-between; align-items: center; } .share-block .heateor_sss_sharing_ul { display: inline-block; border: 1px solid #b5b5b5; border-radius: 5px; } .share-block div.heateor_sss_follow_ul a, .share-block div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a { margin: 0 0 -1px !important; padding: 12px 20px !important; border-right: 1px solid #b5b5b5 !important; } .share-block div.heateor_sss_follow_ul a:last-child, .share-block div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:last-child { border-right: 0 !important; } .share-block .heateor_sss_sharing_ul a.heateor_sss_facebook span { background-color: transparent !important; width: 17px !important; height: 18px !important; display: inline-block !important; border-radius: 0 !important; } .share-block .heateor_sss_sharing_ul a.heateor_sss_button_x span { background-color: transparent !important; width: 19px !important; height: 16px !important; display: inline-block !important; border-radius: 0 !important; } .share-block .heateor_sss_sharing_ul a.heateor_sss_button_linkedin span { background-color: transparent !important; width: 18px !important; height: 18px !important; display: inline-block !important; border-radius: 0 !important; } .share-block .heateor_sss_sharing_ul a.heateor_sss_button_copy_link span { background-color: transparent !important; width: 23px !important; height: 19px !important; display: inline-block !important; border-radius: 0 !important; } .share-block .heateor_sss_sharing_ul a span svg { display: none !important; } .share-block .heateor_sss_sharing_ul a .heateor_sss_svg { position: relative; } .share-block .heateor_sss_facebook .heateor_sss_svg:before { content: ""; background-image: url(images/facebook-icon.svg); background-repeat: no-repeat; position: absolute; top: 0; width: 18px; height: 18px; display: inline-block; z-index: 9; } .share-block .heateor_sss_button_x .heateor_sss_svg:before { content: ""; background-image: url(images/x-icon.svg); background-repeat: no-repeat; position: absolute; top: 0; width: 19px; height: 16px; display: inline-block; z-index: 9; } .share-block .heateor_sss_button_linkedin .heateor_sss_svg:before { content: ""; background-image: url(images/linkedin-icon.svg); background-repeat: no-repeat; position: absolute; top: 0; width: 18px; height: 18px; display: inline-block; z-index: 9; } .share-block .heateor_sss_button_copy_link .heateor_sss_svg:before { content: ""; background-image: url(images/link-ico.svg); background-repeat: no-repeat; position: absolute; top: 0; width: 23px; height: 18px; display: inline-block; z-index: 9; } @media only screen and (max-width: 767px) { .author-share-block { flex-direction: column; } .blog-detail-block .author-block { margin: 0 0 15px; } } /* Category CSS */ body.archive .hero-section { padding: 20px 0 50px !important; } body.category .home-mockup article .boundless-image { display: inline-block !important; } body.category .home-mockup article { padding: 0 !important; --card-inner-spacing: 0 !important; } @media only screen and (max-width: 1199px) { body.category .blog-category-block { margin: 0; } body.category .custom-container { padding: 0 25px; } } .off-canvas-menu { display: none !important; } .custom-mockups-block { display: none; margin: 10px 0 0; } .logged-in .custom-mockups-block { display: block; } .custom-mockups-block a { display: flex; align-items: center; text-align: center; justify-content: center; background: #f5edfe; border-radius: 7px; padding: 10px; color: #9552ea; font-weight: bold; text-decoration: none; } .custom-mockups-block a:hover { text-decoration: none; } .custom-mockups-block a img { max-width: 20px !important; margin: 0 10px 0 0; } /* Product Page Tags */ .tags-block { padding: 35px 0 0; } .tags-block span { margin: 0 15px 15px 0; display: inline-block; } .tags-block span a { text-decoration: none; padding: 3px 5px; font-size: 16px; cursor: pointer; z-index: 1; color: #9552ea; border-radius: 3px; border: 1px solid #9552ea; font-weight: 400; font-family: Roboto, Sans-Serif !important; } /* .new-hero-block .wp-block-button.all-devices, .new-hero-block .wp-block-button.iphone-devices { display: none !important; } */ .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput input.orig, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput input.orig, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput input.orig { border-radius: 0 !important; min-width: auto !important; height: auto !important; margin-top: -2px !important; padding: 0 15px !important; } /* .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput input.orig::selection, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput input.orig::selection, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput input.orig::selection { background: transparent !important; color: rgba(158, 87, 231, 1) !important; } .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput input.orig::-moz-selection, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput input.orig::-moz-selection, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-selection { background: transparent !important; color: rgba(158, 87, 231, 1) !important; } */ .middle-header-block .header-menu-right-block #ajaxsearchpro1_1 .probox .proinput, .middle-header-block .header-menu-right-block #ajaxsearchpro1_2 .probox .proinput, .middle-header-block .header-menu-right-block div.asp_m.asp_m_1 .probox .proinput { margin: 0; padding: 0 !important; } .page-id-5303 .mp_wrapper textarea, .page-id-5303 .mp_wrapper select, .page-id-5303 .mp_wrapper input[type="text"], .page-id-5303 .mp_wrapper input[type="url"], .page-id-5303 .mp_wrapper input[type="email"], .page-id-5303 .mp_wrapper input[type="tel"], .page-id-5303 .mp_wrapper input[type="number"], .page-id-5303 .mp_wrapper input[type="password"] { line-height: normal !important; } .page-id-5303 .entry-content .mp_wrapper.mp_wrapper_left_block { width: 24% !important; vertical-align: top !important; padding: 0 30px 0 0 !important; } @media only screen and (max-width: 991px) { .page-id-5303 .entry-content .mp_wrapper.mp_wrapper_left_block { width: 34% !important; } } @media only screen and (max-width: 767px) { .page-id-5303 .entry-content .mp_wrapper.mp_wrapper_left_block { width: 100% !important; } } .page-id-43092 #wpforms-43090-field_22 li, .page-id-43092 #wpforms-43090-field_22 li:first-child, .page-id-43092 #wpforms-43090-field_22 li:last-child { margin: 0 0 25px !important; } .page-id-43092 #wpforms-43090-field_22 label:before { top: 0; border-radius: 50%; } .page-id-43092 #wpforms-43090-field_22 li label h2 span { position: static; background: transparent !important; padding: 0 !important; color: #777777 !important; font-weight: normal !important; } .page-id-43092 #wpforms-43090-field_22 li label span.quote, .page-id-43092 #wpforms-43090-field_22 li label span.no-mockup-fee { background: #f7f7fa; font-weight: bold; color: #64647e; } .page-id-43092 #wpforms-43090-field_22 li label p { max-width: none !important; font-size: 16px; } .page-id-43092 #wpforms-43090-field_22 li label p.small { font-size: 14px; } .page-id-43092 #wpforms-43090-field_22 li label p.small i { width: 14px; margin: auto 5px auto auto; } @media only screen and (max-width: 991px) { .page-id-43092 .entry-content { padding: 0 15px; } .page-id-43092 #wpforms-43090-field_22 li label h2 { max-width: 140px; } } .search-results .ct-sidebar .widget_search { margin-bottom: 15px; display: inline-block; width: 100%; } .search-results .ct-sidebar .widget_categories, .search-results .ct-sidebar .widget_text { clear: both; } .search-results .ct-sidebar .widget_categories ul, .search-results .ct-sidebar .widget_text ul { border: 1px solid #eee; height: 300px; overflow-x: hidden; padding: 0 15px 25px !important; margin: 15px 0 0; } .hero-button-block .wp-block-button.get-instant-access .wp-block-button__link { box-shadow: 0 0 5px 7px #e6d6fa; } .new-hero-left-block .hero-button-block .wp-block-button.get-instant-access .wp-block-button__link { box-shadow: 0 0px 10px 7px #ff8c00 !important; } .middle-header-block .sign-in-block a { color: #818181; } .home-trusted-block .wp-block-greenshift-blocks-row { max-width: 1200px; margin: 0 auto; padding: 30px 0 30px 50px; position: relative; left: -95px; } .home-trusted-block h2 { font-family: "Inter", sans-serif; font-size: 30px; font-weight: 500; line-height: 42px; max-width: 99%; } .home-trusted-block h2 b { font-weight: bold; font-style: italic; } .home-trusted-image-block { position: absolute; top: -35px; right: -190px; } .home-generator-image-block { position: absolute; top: 0; right: -190px; } .btn-start-free-trial-now .wp-block-button__link { font-size: 16px; line-height: 22px; font-weight: 500; border-radius: 50px; color: #ffffff !important; padding: 13px 32px; position: relative; background: #ff8c00; font-family: Roboto, Sans-Serif !important; box-shadow: 0 0px 10px 7px #ffe6c7 !important; } .btn-start-free-trial-now .wp-block-button__link:hover { background: #ff8c00; } .btn-start-free-trial-now .wp-block-button__link:after { content: "\f061"; color: #fff; margin-left: 5px; font-family: "Font Awesome 5 Free"; } .btn-watch-demo .wp-block-button__link { font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; border-radius: 50px !important; color: #000 !important; padding: 13px 31px 13px 57px !important; background: transparent !important; border: 1px solid #000 !important; font-family: Roboto, Sans-Serif !important; } .btn-watch-demo .wp-block-button__link:after { content: "\f144"; font-family: "Font Awesome 5 Free"; position: absolute; left: 30px; color: #000; } .stunning-mockups-subblock h2 { position: relative; } .stunning-mockups-subblock h2:after { content: ""; width: 70%; height: 1px; background-color: #dddcda; position: absolute; top: 25px; right: 0; } .style-wrapper-block .slick-prev:before { content: ""; background-image: url(images/style-left-arrow.png); background-size: cover; background-repeat: no-repeat; width: 50px; height: 50px; display: inline-block; position: absolute; left: -50px; top: 0; bottom: 0; margin: auto; } .style-wrapper-block .slick-next:before { content: ""; background-image: url(images/style-right-arrow.png); background-size: cover; background-repeat: no-repeat; width: 50px; height: 50px; display: inline-block; position: absolute; right: -50px; top: 0; bottom: 0; margin: auto; } .new-home-hero-image { display: none; } @media only screen and (max-width: 1400px) { .home-trusted-block .wp-block-greenshift-blocks-row { left: 0; } .home-trusted-image-block, .home-generator-image-block { position: static; } } @media only screen and (max-width: 1024px) { .style-wrapper-block .slick-prev:before { left: -30px; } .style-wrapper-block .slick-next:before { right: -30px; } } @media only screen and (max-width: 991px) { .home-trusted-block .gspb_row__col--6 { width: 100% !important; } .home-trusted-block .wp-block-greenshift-blocks-row { padding: 15px; } .stunning-mockups-subblock > div { justify-content: flex-start; gap: 10px; } .stunning-mockups-subblock > div > div { width: calc(calc(33% - 0px) - 10px) !important; margin-bottom: 0; } .mockups-masonry:before { top: -110px; } .stunning-mockups-subblock > .gspb_row__content { justify-content: flex-start !important; } .style-wrapper-subblock .slick-slide { margin: 0 10px; /* Half of the gutter width on each side */ } .style-wrapper-subblock .slick-list { margin: 0 -10px; /* Negative half gutter width to offset the slide margins */ } .page-id-66911 h5 br, .page-id-66911 p br { display: none; } .new-home-hero-image { display: block; } } @media only screen and (max-width: 767px) { .page-id-66911 .more-badges ul { align-items: center; } .page-id-66911 .customer-review-section h2, .page-id-66911 .video-heading-block h1 { font-size: 22px !important; line-height: 32px !important; } .page-id-66911 .customer-review-section p, .page-id-66911 .customer-review-row p { font-size: 16px !important; } .stunning-mockups-subblock > div > div { width: calc(calc(100% - 0px) - 10px) !important; } .style-wrapper-block .slick-prev:before { left: -10px; width: 30px; height: 30px; } .style-wrapper-block .slick-next:before { right: -10px; width: 30px; height: 30px; } .home-trusted-block h2 { font-size: 22px; line-height: 30px; } .home-trusted-block .wp-block-buttons { justify-content: center; } .page-id-66911 .editor-hero-block h1 { text-align: center; } .hero-block p { display: inline-block; } .hero-block p.hero-text { display: none; } }