Rue Porter RP35 Men’s Cropped Hoodie

How to Create a Rue Porter Rp35 Mens Cropped Hoodie Mockup

Create professional Rue Porter Rp35 Mens Cropped Hoodie mockups showcasing premium materials, elevated construction, and luxury-level detailing. This specialized generator delivers high-end visualization for designer blanks, heavyweight garments, and premium apparel that commands premium pricing and quality-focused positioning.

Add your artwork, logo, or graphic to the Rue Porter Rp35 Mens Cropped Hoodie mockup. The tool applies your design with precision placement that respects the elevated construction, premium fabric, and luxury detailing of this high-end Hoodie blank.

Select from specialized color libraries that reflect the unique dye processes, fabric treatments, and material qualities of Rue Porter Rp35 Mens Cropped Hoodie. Preview how your design interacts with premium fabrics, heavyweight construction, and luxury finishes.

Use mockups that emphasize the Premium features of Rue Porter Rp35 Mens Cropped Hoodie, showing accurate fabric drape, material weight, and construction details that differentiate premium blanks from standard options.

Switch between presentation styles that complement the luxury positioning of Rue Porter Rp35 Mens Cropped Hoodie, including clean studio shots, lifestyle contexts, and detail-focused close-ups that communicate quality and craftsmanship.

Preview your design across the distinctive color palette and finish options available for Rue Porter Rp35 Mens Cropped Hoodie, including garment-dyed hues, premium washes, and specialty treatments unique to luxury blanks.

Export your Rue Porter Rp35 Mens Cropped Hoodie mockup in ultra-high resolution (300+ DPI) with enhanced detail visibility, perfect for luxury branding, high-end catalogs, and premium product listings that justify premium pricing.

Core Features of Our Rue Porter Rp35 Mens Cropped Hoodie Mockup Generator

Our premium mockup generator delivers luxury-level visualization with enhanced material detail, accurate heavyweight construction representation, and high-end presentation quality that matches the elevated positioning of designer blanks.

📦

5000+ Premium Mockup Templates

Access a curated collection of premium and specialty mockup templates featuring luxury brands, heavyweight construction, and elevated design details for high-end product presentation.

🏷️

Premium Brand Representation

Use mockups based on luxury blank brands such as Rue Porter, Shaka Wear, Original Favorites, and MADE, ensuring accurate representation of Premium quality and construction.

👁️

Premium Material Visualization

See realistic fabric weight, texture, drape, and construction details that communicate the Premium quality of Rue Porter Rp35 Mens Cropped Hoodie to discerning customers.

💰

50% Off for New Users

Activate a plan with an initial offer and access full premium features including luxury templates, high-resolution exports, and advanced material simulation.

🎨

Complete Premium Color Libraries

Apply specialized color options including garment-dyed hues, premium washes, and specialty finishes unique to Rue Porter Rp35 Mens Cropped Hoodie and other luxury blanks.

🔍

Enhanced Detail Rendering

View Rue Porter Rp35 Mens Cropped Hoodie mockups with enhanced material texture, construction details, and quality indicators that justify premium pricing and attract quality-focused buyers.

📸

Ultra High Resolution Output

Export Rue Porter Rp35 Mens Cropped Hoodie mockups at 300+ DPI with exceptional clarity and detail visibility for luxury branding, high-end catalogs, and premium e-commerce presentation.

♾️

Unlimited Premium Downloads

Create and download unlimited luxury Rue Porter Rp35 Mens Cropped Hoodie mockups without restrictions, supporting continuous premium product development and high-end brand building.

📨

Request Premium Mockup Sets

Request additional luxury Hoodie styles, premium brands, or specialty construction mockups to keep your high-end product line fully represented.

🚀

Early Access to Premium Templates

Access new luxury and specialty Hoodie mockup templates before public release to maintain competitive advantage with cutting-edge premium visuals.

What Our Users Are Saying About Rue Porter Rp35 Mens Cropped Hoodie Mockups

Emily

✓ Verified User

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

Montrell

✓ Verified User

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

William

✓ Verified User

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

Join Our Designers →

Choose Your Plan – Unlimited Premium Mockups Start Today

Unlock full access to luxury blank mockup creation with premium templates, advanced material simulation, and ultra-high resolution exports for your high-end product line.

Pay Monthly Pay Yearly Save up to 27%

Pro

$ 21.99

Billed Monthly

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

Standard Most Popular

$ 11.99

Billed Monthly

Save 25% with yearly billing

Access Over 5,000 Mockups
High Resolution Mockups
Universal Template Compatibility
Complete Color and Fabric Libraries
Multiple Mockup Styles Included
Create Unlimited Mockups
Request Missing Mockup Sets
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
Universal Template Compatibility
Complete Color and Fabric Libraries
Multiple Mockup Styles Included
Create Unlimited Mockups
Cancel Anytime
30 Day Money Back Guarantee
License for Commercial Use

Start Free Trial Now

Start Creating Professional Rue Porter Rp35 Mens Cropped Hoodie Mockups Today

Join luxury brands and premium apparel sellers using elevated mockup tools to showcase quality, justify pricing, and attract discerning customers who value craftsmanship and material excellence.

View Pricing

/** * 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; } }