:first-child, .w-richtext > :first-child > :first-child { margin-top: 0; } /* Snippet gets rid of bottom margin on last element in any rich text*/ .w-richtext > :last-child, .w-richtext > :last-child > :last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0; } /*Apply “…” after 5 lines of text */ .text-style-5lines { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } /*Apply “…” after 3 lines of text */ .text-style-3lines { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /*Apply “…” after 2 lines of text */ .text-style-2lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*Input text color from parent */ .w-input, .button.is-text { color: inherit } .form-rangeslider-fill, .form-rangeslider-handle { background-color: currentColor } .hide-me { display: none; } .t-s-gradient, .text-style-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; } /* Snippet makes all link elements listed below to inherit color from their parent */ a, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; } .button { border: solid 3px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg,#ff4087,#ffc056); background-origin: border-box; background-clip: content-box, border-box; } .button-secondary–gradient, .button.is-secondary { border: solid 3px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg,#ff4087,#ffc056); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; } .button-secondary–gradient.dark, .button.is-secondary.is-dark { box-shadow: 2px 1000px 1px #000000 inset; } .button-secondary–gradient:hover, .button.is-secondary:hover { box-shadow: none; color: white; } .w-input, .w-select { color: inherit } .button-disabled { opacity: 0.5; background: #d0d4da; border: solid #d0d4da !important; color: #9fa4ab !important; pointer-events: none } .text-rich-text-writers li { color: inherit; } /* MESH */ canvas#canvas { z-index: -1; position: absolute; width: 100%; height: 100%; transform: rotate(0deg) scale(2) translateY(0%); –gradient-color-1: #2C164B; –gradient-color-2: #2b0a63; –gradient-color-3: #240646; –gradient-color-4: #0E0020; –gradient-speed: 0.000009; opacity: 50%; } a { display: inline-block; position: relative; text-decoration: none; color: inherit; z-index: 1; } .text-rich-text a:hover { color: white } .text-rich-text a::after { content: ”; position: absolute; left: -2%; bottom: -0.01rem; height: .2rem; width: 104%; background: linear-gradient(45deg, #ffbd57, #ff4286); z-index: -1; transition: height .25s cubic-bezier(0,0,0,1); } .text-rich-text a:hover::after { height: 105%; } .text-style-strikethrough { text-decoration-thickness: .15em; } .video_component { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; -webkit-mask-image: -webkit-radial-gradient(white, black); border-radius: inherit; } .video_component iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-mask-image: -webkit-radial-gradient(white, black); } .feature_image { filter: drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.1)); filter: drop-shadow(0px 10px 20px rgba(50, 50, 93, 0.15)); } /* Aspect Ratios */ .is-square, [aspect-ratio=”1×1″] { aspect-ratio: 1 / 1; } [aspect-ratio=”16×9″] { aspect-ratio: 16 / 9; } [aspect-ratio=”9×16″] { aspect-ratio: 9 / 16; } /* Calculate Spacer width to fill space in side Netflix like sections */ .slider_spacer { width: calc((100vw – 100rem)/2); } @media only screen and (max-width: calc(100vw – 100rem)) { .slider_spacer{ display: none } } @media only screen and (max-width: 991px) { .slider_spacer{ display: none } .button.is-register { white-space: normal; word-wrap: break-word; } } /* Hide scrollbar for Chrome, Safari, Opera */ [scrollbar=”hide”]::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ [scrollbar=”hide”], [scrollbar=”off”] { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* Background as currentColor */ [background=”currentColor”] { background: currentColor !important; } /* Color as currentColor */ [color=”currentColor”] { color: currentColor !important; } /* Border from parent */ [border-radius=”inherit”] { border-radius: inherit; } ]]>
Establish Topical Authority and Prove your Expertise with Surfer’s Keyword Research Tool.Surfer’s Keyword Research Tool.
Learn More
Don’t leave your SEO strategy up to chance. Surfer will give you a SEO workflow to boost your organic traffic, increase your visibility, and improve your rank.
Use Surfer to write articles that read well and rank high
Structure the article, get a detailed list of relevant keywords, and receive real-time feedback on overall on-page optimization thanks to Surfer’s Content Score.
Your favorite writer’s best kept secret.
While you focus on writing amazing content, Surfer’s Content Editor will provide you with relevant keywords and a real-time measure of optimization. Use Surfer to write with confidence and precision.
Generate briefs with catchy headlines in seconds
Use the built-in Outline Builder to structure your content into a detailed outline complete with unique potential headings and questions.
Write and optimize content in any language
With Surfer, you aren’t limited to only English and Spanish.
Write and optimize simultaneously using the real-time metrics for structure, word count, NLP-ready keywords and images, and rank high anywhere in the world.
Ensure the authenticity of your article and avoid potential penalties
Whether you’re producing AI-generated content, or writing it yourself, checking your article for plagiarism is a solid idea if you want to avoid penalties, truly engage your audience and limit awkward misunderstandings with clients! Then, publish!
Google Docs? WordPress? Jasper? No problem.
Surfer works where you work.
Learn something new at Surfer Academy!
Ask questions, gain helpful insights, and interact with your fellow Surfers!
Surfer Academy Webinars
Join Ross Vercoe for weekly live classes!
Upcoming Live
Surfer’s Knowledge Base
Find answers to common questions!
Read the Docs
Community Facebook Group
Learn, network, and grow with over 15,000 Surfers!
Join Group
Got a question? Support is a click away.
Get answers to your questions and solutions to your problems. Surfer Support is always happy to help. 97.1% satisfaction rate!
