/*
Theme Name: Voyago Travel Pro
Theme URI: https://voyagotravel.com
Author: Mohamed Elhamdi & OpenAI
Author URI: https://voyagotravel.com
Description: Premium responsive travel magazine theme with countries, cities, travel guides, hotels, restaurants, attractions and transportation.
Version: 3.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voyago
Domain Path: /languages
Tags: travel, tourism, blog, elementor, rtl-language-support, custom-logo, custom-menu, featured-images, full-site-editing, responsive-layout
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS
----------------------------------------------------------------
1. Root Variables
2. Reset
3. Typography
4. Layout
5. Images
6. Links
7. Forms
8. Utility Classes
9. WordPress Core
10. Elementor
--------------------------------------------------------------*/


/* ==========================================================
   1. ROOT VARIABLES
========================================================== */

:root{

    --primary:#0EA5A4;
    --primary-dark:#0B7C7B;

    --secondary:#FFB703;

    --text:#1E293B;
    --light-text:#64748B;

    --background:#F8FAFC;

    --white:#FFFFFF;

    --border:#E5E7EB;

    --radius:18px;

    --shadow:
    0 8px 30px rgba(0,0,0,.08);

    --container:1320px;

    --transition:.30s ease;

}


/* ==========================================================
   2. RESET
========================================================== */

*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--background);

    color:var(--text);

    font-family:
    "Inter",
    "Cairo",
    sans-serif;

    line-height:1.7;

    overflow-x:hidden;

}


/* ==========================================================
   3. TYPOGRAPHY
========================================================== */

h1,h2,h3,h4,h5,h6{

    font-weight:700;
    line-height:1.3;
    margin-bottom:18px;

}

p{

    margin-bottom:18px;

}

a{

    text-decoration:none;

    color:inherit;

    transition:var(--transition);

}

ul{

    list-style:none;

}


/* ==========================================================
   4. LAYOUT
========================================================== */

.container{

    width:92%;

    max-width:var(--container);

    margin:auto;

}

section{

    padding:80px 0;

}


/* ==========================================================
   5. IMAGES
========================================================== */

img{

    display:block;

    max-width:100%;

    height:auto;

}


/* ==========================================================
   6. BUTTON
========================================================== */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    background:var(--primary);

    color:#fff;

    border-radius:999px;

    transition:var(--transition);

}

.btn:hover{

    background:var(--primary-dark);

}


/* ==========================================================
   7. FORMS
========================================================== */

input,
textarea,
select{

    width:100%;

    border:1px solid var(--border);

    border-radius:12px;

    padding:14px;

    outline:none;

}


/* ==========================================================
   8. UTILITIES
========================================================== */

.text-center{

    text-align:center;

}

.hidden{

    display:none;

}


/* ==========================================================
   9. WORDPRESS
========================================================== */

.aligncenter{

    margin:auto;

}

.wp-caption{

    max-width:100%;

}


/* ==========================================================
   10. ELEMENTOR
========================================================== */

.elementor-widget{

    margin-bottom:0;

}