/*
Theme Name: Sri Lanka Best Destination
Theme URI: https://srilankabestdestination.com/
Author: Sri Lanka Best Destination
Author URI: https://srilankabestdestination.com/
Description: A hybrid classic WordPress theme foundation for Sri Lanka Best Destination.
Version: 2.2.0
Requires at least: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sri-lanka-best-destination
Domain Path: /languages
*/

/* Foundational browser defaults. */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: auto;
}

body {
    margin: 0;
    background: var(--wp--preset--color--warm-ivory, #F7F4EB);
    color: var(--wp--preset--color--ink, #202A25);
    font-family: var(--wp--preset--font-family--body, "Lato", "Noto Sans Sinhala", Arial, sans-serif);
    font-size: var(--wp--preset--font-size--body, 1rem);
    line-height: 1.7;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

img,
video {
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--wp--preset--color--rainforest, #173C32);
    font-family: var(--wp--preset--font-family--display, "EB Garamond", "Noto Serif Sinhala", Georgia, serif);
    font-weight: 400;
}

h1 {
    font-size: var(--wp--preset--font-size--heading-1, clamp(2.25rem, 8vw, 3rem));
}

h2 {
    font-size: var(--wp--preset--font-size--heading-2, clamp(1.875rem, 6vw, 2.5rem));
}

h3 {
    font-size: var(--wp--preset--font-size--heading-3, 1.5rem);
}

a {
    color: var(--wp--preset--color--rainforest, #173C32);
}

a:hover {
    color: var(--wp--preset--color--deep-emerald, #102C25);
}

.slbd-container,
.slbd-site-main__inner,
.slbd-site-header__inner,
.slbd-site-footer__inner {
    width: calc(100% - var(--slbd-outer-gutter, 16px) - var(--slbd-outer-gutter, 16px));
    max-width: var(--wp--custom--slbd--layout--container-max, 1280px);
    margin-inline: auto;
}

.slbd-reading-measure {
    max-width: var(--wp--custom--slbd--layout--content-max, 740px);
    margin-inline: auto;
}

.slbd-wide-media {
    max-width: var(--wp--custom--slbd--layout--wide-media-max, 1440px);
    margin-inline: auto;
}

:root {
    --slbd-outer-gutter: 16px;
    --slbd-grid-gap: 12px;
    --slbd-grid-columns: 4;
    --slbd-color-heritage-brass: var(--wp--custom--slbd--color--heritage-brass, #B5965B);
}

@media (min-width: 360px) {
    :root {
        --slbd-outer-gutter: 20px;
        --slbd-grid-gap: 16px;
    }
}

@media (min-width: 768px) {
    :root {
        --slbd-outer-gutter: clamp(20px, 3vw, 36px);
        --slbd-grid-gap: 20px;
        --slbd-grid-columns: 8;
    }
}

@media (min-width: 1024px) {
    :root {
        --slbd-outer-gutter: clamp(24px, 4vw, 64px);
        --slbd-grid-gap: 24px;
        --slbd-grid-columns: 12;
    }
}

.slbd-site-header {
    background: var(--wp--preset--color--paper-white, #FFFEFA);
    border-bottom: 1px solid var(--wp--custom--slbd--color--divider, #DCE0D7);
}

.slbd-site-brand__text {
    display: inline-flex;
    flex-direction: column;
    text-decoration: none;
}

.slbd-site-brand .custom-logo-link {
    display: inline-flex;
    align-items: center;
}

.slbd-site-brand .custom-logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.slbd-site-brand__name {
    color: var(--wp--preset--color--rainforest, #173C32);
    font-family: var(--wp--preset--font-family--display, "EB Garamond", "Noto Serif Sinhala", Georgia, serif);
}

.slbd-site-brand__tagline {
    color: var(--wp--preset--color--rainforest, #173C32);
}

.slbd-site-footer {
    background: var(--wp--preset--color--deep-emerald, #102C25);
    color: var(--wp--preset--color--warm-ivory, #F7F4EB);
}

.slbd-skip-link {
    position: absolute;
    z-index: 100000;
    top: 0.5rem;
    left: -9999px;
    padding: 0.75rem 1rem;
    background: var(--wp--preset--color--warm-ivory, #F7F4EB);
    color: var(--wp--preset--color--deep-emerald, #102C25);
    border: 2px solid currentColor;
}

.slbd-skip-link:focus {
    left: 0.5rem;
}
