h1, h2, h3, h4 {
    font-weight: 600 !important;
}

#navigation-items li a svg {
    order: 2;
}
#navigation-items li a:has(svg) div {
    margin-left: 0;
}
#header > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}
#header div:has(h1) {
    margin: 0;
}

#header h1 {
    font-size: 1rem;
    font-weight: normal !important;
    color: #F9332B;
}

#content-container img {
    border-radius: .5rem;
}

#footer div:nth-of-type(2) {
    display: none;
}

/* hide #tinkerwell-banner on mobile */
@media (max-width: 768px) {
    #tinkerwell-banner {
        display: none;
    }
}

.bg-brand {
    background-color: #F9332B;
}

/* Essential ConvertKit Form Styles */
.newsletter-card-container .card {
    background: url('https://herd.laravel.com/images/blurs-box.png') no-repeat 0 0 #fff;
    background-size: cover;
}
.dark .newsletter-card-container .card {
    background: url('https://herd.laravel.com/images/blurs-box.png') no-repeat 0 0 #000;
    background-size: cover;
}
.newsletter-card-content > div {
    margin-bottom: 1rem;
}
.formkit-form * {
    box-sizing: border-box;
}

.formkit-form {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 700px;
}

.formkit-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
}

.formkit-input,
[data-element="submit"] {
    flex: 1 0 100%;
    margin-bottom: 15px;
}

.formkit-input {
    width: 100%;
    font-size: 15px;
    padding: 12px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background: #ffffff;
    transition: border-color ease-out 300ms;
}

.formkit-input:focus {
    outline: none;
    border-color: #1677be;
}

@media (min-width: 768px) {
    .formkit-fields {
        flex-wrap: nowrap;
        gap: 8px;
    }

    .formkit-input {
        flex: 1;
        width: auto;
        margin-bottom: 0;
    }

    [data-element="submit"] {
        flex: 0;
        white-space: nowrap;
        margin-bottom: 0;
    }
}

.formkit-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    color: #ffffff;
    background-color: #f9332b;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    padding: 12px 24px;
    transition: all 300ms ease-in-out;
}

.formkit-submit:hover {
    background-color: rgba(249, 51, 43, 0.9);
}

.formkit-alert {
    background: #fde8e2;
    border: 1px solid #f2643b;
    border-radius: 5px;
    padding: 12px;
    text-align: center;
    color: #ea4110;
    margin: 25px auto;
    width: 100%;
}

.formkit-alert-success {
    background: #e2fde8;
    border: 1px solid #64f23b;
    color: #28471f;
}

.formkit-alert:empty {
    display: none;
}

.formkit-spinner {
    position: absolute;
    display: flex;
    width: 24px;
    height: 24px;
    opacity: 0;
    justify-content: center;
    margin: 0 auto;
    transition: all 300ms ease-in-out;
}

.formkit-submit[data-active] .formkit-spinner {
    opacity: 1;
}

.formkit-submit[data-active] span {
    opacity: 0;
}

let tinkerwellBanner = `
<div 
    id="tinkerwell-banner"
    style="color: black; position: fixed; bottom: 2rem; right: 2rem; z-index: 100; background-color: #f5f5f5; max-width: 180px; margin-top: 24px; padding: .5rem; border: 1px dashed #f3f4f6; border-radius: .5rem; font-size: .75rem; line-height: 1.625;">
    <a href="https://tinkerwell.app?ref=herd-docs-nav">
        <img 
            style="margin-bottom: .5rem; border-radius: .25rem;"
            src="https://herd.laravel.com/images/callouts/tinkerwell.png" alt="Tinkerwell">
        The <a href="https://tinkerwell.app?ref=herd-docs-nav" style="color: rgb(239, 68, 68)">PHP scratchpad</a> with multi-line code editing, autocompletion and more.
</div>`;

document.body.insertAdjacentHTML('beforeend', tinkerwellBanner);

Uninstalling Herd

Re-installing Herd

Learn how to solve common issues

Laravel Herd

Documentation

Troubleshooting

Changelog

Purchase Herd Pro

Login

Installation

Learn more about database management

Sites

Updating PHP, Node and Herd

Databases

How to manage local sites in Herd

Updates

Learn how to work with PHP versions

Laravel

WordPress

Learn how to secure local sites

Managing Sites

Learn how to share local sites

Securing Sites

Learn how to automate site setups

Sharing Sites

Learn how to use different PHP versions simultaneously

Herd.yml

Learn more about PHP settings

Manage PHP

PHP Settings

PHP Extensions

Manage Node.js

Learn how to set up Xdebug

Tinker

Learn how to set up services

Dumps

Learn more about PHP extensions in Herd

Profiler

Learn more about profiling PHP

Xdebug

Learn how to profile your application

Xdebug Detection

Learn how Herd detects Xdebug requests

Log Viewer

Command Line

Shortcuts

Directories and Files

Learn more about saving configurations in your herd.yml

Laravel Forge

Learn how to debug emails

Services

Learn how to use the Log Viewer

Mail

PostgreSQL

MySQL

MariaDB

MongoDB

Redis

Laravel Reverb

Typesense

Meilisearch

MinIO

Version Matrix

Learn how to set up a custom driver for your application

Supported Frameworks

Custom Drivers

Migrating from Sail

Migrating from MAMP

Common Issues

Restarting Services

ODBC Drivers

Get help in the community repository

Support

Learn how to create your first site

How to work with PHP versions

Learn how to manage local sites

Learn how to tinker with your apps

Migrating from XAMPP

Migrating from Laragon

HerdHelper

Composer SSL problems

Certificate Date issues (HTTPS)

Troubleshooting

​Uninstalling Herd

​Re-installing Herd

Uninstalling Herd

Re-installing Herd