.elementor-kit-491{--e-global-color-primary:#111111;--e-global-color-secondary:#54595F;--e-global-color-text:#F5F1E8;--e-global-color-accent:#F4C542;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-491 e-page-transition{background-color:#FFBC7D;}.elementor-kit-491 a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===============================
   SERENDIB ODYSSEY
   Expedition Editorial Style
================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Montserrat:wght@500;600&display=swap');

:root{
    --bg: #111111;
    --text: #f5f1e8;
    --gold: #c2a46d;
    --yellow: #f4c542;
    --green: #4f5c4d;
    --muted: #b7b1a5;

    --heading: 'Cormorant Garamond', serif;
    --body: 'Inter', sans-serif;
    --ui: 'Montserrat', sans-serif;
}

/* GLOBAL */

body{
    background: var(--bg);
    color: var(--text);
    font-family: var(--body);
    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;
}

/* HERO */

.hero-title{
    font-family: var(--heading);
    font-size: clamp(58px, 8vw, 120px);
    line-height: 0.95;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;
}

/* SECTION TITLES */

.section-title{
    font-family: var(--heading);
    font-size: clamp(38px, 5vw, 72px);
    font-weight: 500;
    line-height: 1.1;
}

/* EXPEDITION LABEL */

.expedition-label{
    display: inline-block;
    border-left: 4px solid var(--yellow);
    padding-left: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    font-family: var(--ui);
    margin-bottom: 25px;
    color: var(--yellow);
}

/* NAVIGATION */

nav a{
    font-family: var(--ui);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
    transition: 0.3s ease;
}

nav a:hover{
    color: var(--yellow);
}

/* BUTTONS */

.so-btn{
    font-family: var(--ui);
    padding: 16px 34px;
    border: 1px solid var(--yellow);
    background: transparent;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    transition: 0.35s ease;
}

.so-btn:hover{
    background: var(--yellow);
    color: #111;
}

/* PARAGRAPHS */

p{
    color: var(--muted);
    max-width: 760px;
}

/* IMAGE CAPTIONS */

.image-caption{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--yellow);
    font-family: var(--ui);
}/* End custom CSS */