/* * These styles apply ONLY to the header and footer assets. */ *, ::after, ::before { box-sizing: inherit; } ul, li { margin: 0; padding: 0; } .css-3xwfsg-typographyStyles-pageTitle-typographyStyles-largeTitle-Banner-styles-title { font-size: 46px !important; } ul { font-size: 16px; font-weight: 500; letter-spacing: .32px; line-height: 32px; margin-bottom: 20px; } .css-28ptsh-container-container-container-fullGutter-container-fullGutter-container-fullGutter { background-color: red; } .footer-duda a { text-decoration: none; } .footer-duda .container, .footer-duda .row { margin: auto; max-width: 1200px; } .footer-duda .row::after { clear: both; } .footer-duda .row::after, .footer-duda .row::before { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .small-12 { width: 100%; } .column, .column:last-child:not(:first-child), .columns, .columns:last-child:not(:first-child) { float: left; clear: none; } .column, .columns { padding-right: .625rem; padding-left: .625rem; } @media print, screen and (min-width: 64em) { .large-6 { width: 50%; } .large-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: .9375rem; padding-left: .9375rem; } .medium-12 { width: 100%; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none; } } .footer-duda { float: right; width: 100%; background-color: #171C34; color: #fff; padding: 0 0 40px; position: relative; z-index: 2; overflow: hidden; } /** for testing footer active. .footer-duda ul.lists li ul.active { border: dotted 1px #c7c7c7; } **/ @media (max-width: 768px) { .footer-duda { padding-bottom: 100px; } } ul.no-bullet { list-style: none; margin-left: 0; } @media (max-width: 64em) { .footer-duda { margin-top: 0; } } .footer-duda .d { text-align: center; margin: 128px 0; float: right; width: 100%; } @media (max-width: 64em) { .footer-duda .d { margin: 100px 0 32px; } } .footer-duda .d .title { color: #fff; font-size: 44px; font-family: 'Duda Sans' sans-serif; font-weight: bold; letter-spacing: 0; margin: 0 0 20px; } .footer-duda .lists { display: block; margin: 0 -25px; } .footer-duda .lists > li { float: left; list-style: none; padding: 0 25px; min-height: 300px; } @media (min-width: 64em) { .footer-duda .lists > li { min-height: 0; width: 25%; } } @media (max-width: 735px) { .footer-duda .lists > li { min-height: 350px; } } @media (max-width: 64em) { .footer-duda .d .title { font-size: 24px; } .footer-duda .lists > li { display: block; width: 100%; min-height: auto; } } .footer-duda .lists > li ul { color: #FFFFFF; margin-bottom: 40px; min-height: 186px; } .footer-duda .lists > li ul.active { padding-bottom: 20px; } @media (max-width: 64em) { .footer-duda .lists > li ul { border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin: 0; min-height: auto; } .footer-duda .lists > li ul.active > li:not(.top) { display: block; } .footer-duda .lists > li ul.active > li.top svg { transform: rotateX(180deg); } .footer-duda .lists > li ul > li a { font-size: 14px !important; } .footer-duda .lists > li ul > li.top { cursor: pointer; } } .footer-duda .lists > li ul > li.top svg { display: none; float: right; transition: transform ease 0.3s; width: 14px; height: 46px; } @media (max-width: 40em) { .footer-duda .lists > li ul > li.top svg { width: 16px; } } .footer-duda .lists > li ul > li strong { letter-spacing: 1.5px; line-height: 46px; font-weight: 600; } .footer-duda .lists > li ul > li a { color: #FFFFFF; font-size: 16px; font-weight: 300; line-height: 35px; text-decoration: none; } .footer-duda .lists > li ul > li a .hiring { background: #f66135; font-size: 10px; padding: 2px 8px; border-radius: 10px; font-weight: 600; margin-left: 2px; } .footer-duda .lists > li ul > li a:hover { color: #c7c7c7; } .footer-duda hr { border: 1px solid #fff !important; display: inline-block; margin: 35px 0 22px !important; width: 100%; } .footer-duda .copyrights { float: left; font-size: 16px; font-weight: 400; letter-spacing: 0; } @media (max-width: 64em) { .footer-duda .lists > li ul > li.top svg { display: block; } .footer-duda .lists > li ul > li:not(.top) { display:none; } .footer-duda .copyrights { width: 100%; text-align: center; padding: 30px 0; } } .footer-duda .copyrights a { color: #fff; margin: 0 10px; } .footer-duda .copyrights .up-year { display: inline-block; margin-right: 28px; } @media (max-width: 64em) { .footer-duda .copyrights .up-year { margin-right: 15px; } } @media (max-width: 40em) { .footer-duda .copyrights { font-size: 12px; } .footer-duda .copyrights .up-year { margin-right: 10px; } } @media (max-width: 350px) { .footer-duda .copyrights .up-year { width: 100%; margin-right: 0; } } .footer-duda .social-icons { display: -ms-flexbox; display: flex; float: right; width: auto; -ms-flex-pack: center; justify-content: center; } @media (max-width: 64em) { .footer-duda .social-icons { width: 100%; } } .footer-duda .social-icons .icon { float: right; width: 38px; height: 38px; line-height: 38px; border-radius: 100%; text-align: center; font-size: 15px; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 15px; transition: all 0.3s ease; } @media (max-width: 40em) { .footer-duda .social-icons .icon { margin: 40px 6px 0; } } .footer-duda .social-icons .icon:hover { opacity: 0.8; } .footer-duda .show-for-sr, .footer-duda .show-on-focus { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; } @media screen and (max-width: 0em), screen and (min-width: 40em) { .footer-duda .show-for-small-only { display: none!important; } } .footer-duda .column, .footer-duda .column:last-child:not(:first-child), .footer-duda .columns, .footer-duda .columns:last-child:not(:first-child) { clear: none; float: left; } @media (max-width: 768px) { .footer-duda .column, .footer-duda .column:last-child:not(:first-child), .footer-duda .columns, .footer-duda .columns:last-child:not(:first-child) { clear: both; float: initial; } } @media print, screen and (min-width: 40em) { .footer-duda .column, .footer-duda .columns { padding-right: .9375rem; padding-left: .9375rem; } } /* .footer-duda .show-for-large, .footer-duda .show-for-large-up, .footer-duda .show-for-medium, .footer-duda .show-for-medium-up, .footer-duda .show-for-xlarge { display: initial !important; } */ @media print, screen and (min-width: 64em) { .footer-duda .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .footer-duda .show-for-large { display: none!important; } } @media screen and (max-width: 39.99875em) { .footer-duda .show-for-medium { display: none!important; } } .footer-duda .column:last-child:not(:first-child), .footer-duda .columns:last-child:not(:first-child) { float: right; } @media screen and (max-width: 768px) { .footer-duda .column:last-child:not(:first-child), .footer-duda .columns:last-child:not(:first-child) { width: 100%; } } .button, .hs-button, button { font-size: 16px; background-color: #F66135; border-radius: 60px; min-width: 200px; padding: 0 40px; height: 48px; line-height: 49px; margin-bottom: 0; border: 0; color: #fff; font-weight: 500; display:inline-block; } /*# sourceMappingURL=styles.css.map */ .css-iaal00-dateTime-compactRoot {color: #FAF5EB !important;}

Ask a Question

What improvements to the Duda Editor's performance would you like Duda to focus on?
Hi Everyone, We’re constantly working to improve and optimize the editor’s performance so that you can work faster and more productively with Duda. We’d love to know which of these improvements you’d like us to focus on first. Please select your top 2 requests. Your answers will be shared directly with our Product team.…
How Do You Get New Clients?
Hi Duda Community, I wanted to share this Blog post on how to get new clients. Would love to hear any other ideas or strategies that work for you! Please share in the comments below. https://blog.duda.co/how-to-get-web-design-clients-quickly-6-pro-tips
What White Label Tools are You Using Besides Duda?
Hello All, We published a new blog post on white label tools: https://blog.duda.co/top-9-white-label-tools-for-agencies I'm curious, what white label tools are you using besides Duda? Add your answer in the comments!
Scroll Snap in a Page
Is there a way for us to utilize a scroll snap for each section on a page?
Video not playing on Mobile
Good day, Video not playing on Mobile - how can I get my video to play on mobile. I find it funny that Duda's video site files can be played on mobile but not mine even if it's a .MP4 format.
How to pull data from another website
Several years ago I was using a different platform which had the ability to create a page and populate it with a page from a completely different website. I don't remember what that was called but I need to do it now. Can Duda do that? Paul
AI SEO tags for Blogs
I've commented about this on several of posts about the new AI SEO Meta tag generation for pages and got no feedback. For the Blog pages it seems like this abilty was left out. You cant use the AI tag generator for Blog Metas. However, you can use the AI ALT tag generator for blogs. Most content writing agencies charge…
Transfer a web template from one to another DUDA account without deleting the former?
Hi, I have a published website on my DUDA account and have built a second website design, which is unpublished. How can a transfer this unpublished webdesign from my account to a new DUDA account without having to delete /disrupt the published website? I basically built the second website for a client of mine on my own…
Can DUDA be configured for subscriptions with using Square instead of Stripe?
We cannot use Stripe processing because we are in the cannabis industry and DUDA only seems to work with that in these modules.
Is anyone using lunchbox essentials?
Good Afternoon is anyone using lunchbox essentials? I've been looking to market to local mom and pop restaurants more, but im curious if any agencies have used this app for clients in the last few months and what your feedback has been?
When I update one page, every other page on the site updates simultaneously
I have 4 web pages that I designed in Figma and I'm currently developing them in duda. Once I created one page, I copy and pasted the others using the the original page as a reference (all of the pages have a similar look and feel, that is the reason for the copy and paste). The problem is that, once I update one page (no…
Parallax with Flex Editor?
Does anyone know if you can add parallax effects to Flex rows/backgrounds? Or do you need to mix and match classic rows with flex sections?
Mailchimp API Key
I have my Mailchimp API Key to add email collection from my Common Ninja Pop Up widget with discount code reveal. Where do I put the Key into Duda? Thank you, Mike

Quick Links

All Categories

This Month's All Stars

JJN22 12

You need to Enable Javascript to Follow a Category.

Let’s Duda This.

Start a Free Trial

- Platform
- Website Builder
- Team Collaboration Tools
- Client Management
- Full Feature Index
- Key Features
- White Label
- App Store
- eCommerce
- Templates
- Website Personalization
- Mobile Websites
- Widget Builder
- Custom Plan
- Solutions
- Duda for Agencies
- Duda for SaaS Platforms
- Duda for Hosts
- Compare
- Duda vs. WordPress
- Duda vs. Squarespace
- Duda vs. Wix
- About Us
- Our Story
- Management
- Press
- Careers We're Hiring!
- Support
- Support Portal
- System Health Check
- Resources
- Blog
- Duda University
- Webinars
- Product Updates
- Marketing Materials
- Success Stories
- Developer Portal
- Duda Experts
- Duda Community
- COVID-19 Updates
- Compare
- Duda vs. WordPress
- Duda vs. Squarespace
- Duda vs. Wix
- Support
- Support Portal
- System Health Check

Privacy Privacy Settings Terms GDPR