/*
=========================================================
SHERIF TRAVELS - DIVI 5 PRODUCTION GLOBAL CSS
Optimized for Divi 5 Stable
Fonts:
Headings & Buttons : Sora
Body : Open Sans
=========================================================
*/
:root{
--primary:#00A3C8;
--primary-dark:#0085A3;
--secondary:#0B1F3A;
--accent:#FDB813;
--heading:#FDB813;
--text:#0A2947;
--bg:#FFFFFF;
--bg-light:#F8FBFD;
--border:#E7EDF3;
--font-heading:"Sora",sans-serif;
--font-body:"Open Sans",sans-serif;
--body-size:16px;
--h1:clamp(30px,2.5vw,48px);
--h2:clamp(26px,2vw,38px);
--h3:clamp(22px,1.5vw,30px);
--h4:clamp(19px,1.2vw,24px);
--h5:clamp(17px,1vw,20px);
--h6:clamp(16px,.8vw,18px);
--radius:18px;
--radius-pill:999px;
--transition:.35s ease;
--shadow-sm:0 2px 10px rgba(0,0,0,.05);
--shadow-md:0 12px 35px rgba(0,0,0,.08);
}
/* RESET */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
font-family:var(--font-body);
font-size:var(--body-size);
line-height:1.9;
color:var(--text);
background:var(--bg);
}
/* HEADINGS */
h1,h2,h3,h4,h5,h6,
.et_pb_module_header,
.et_pb_toggle_title,
.et_pb_slide_title,
.et_pb_pricing_heading,
.et_pb_pricing_title,
.entry-title,
.widgettitle,
.et_pb_post h1,
.et_pb_post h2,
.et_pb_post h3,
.et_pb_post h4,
.et_pb_widget h1,
.et_pb_widget h2,
.et_pb_widget h3,
.et_pb_widget h4,
.et_pb_widget h5,
.et_pb_widget h6,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6{
font-family:var(--font-heading)!important;
color:var(--heading);
font-weight:700;
line-height:1.25;
}
h1{font-size:var(--h1);}
h2{font-size:var(--h2);}
h3{font-size:var(--h3);}
h4{font-size:var(--h4);}
h5{font-size:var(--h5);}
h6{font-size:var(--h6);}
/* BODY TYPOGRAPHY */
p,li,td,blockquote,
.et_pb_text,
.et_pb_text p,
.et_pb_text li,
.et_pb_blurb_description,
.et_pb_toggle_content,
.et_pb_tab_content,
.et_pb_post p,
.et_pb_post li,
footer p,
footer li{
font-family:var(--font-body);
font-size:16px;
line-height:1.9;
color:var(--text);
}
/* LINKS */
a{
color:var(--primary);
text-decoration:none;
transition:var(--transition);
}
a:hover{color:var(--primary-dark);}
/* BUTTONS */
.et_pb_button,
button,
input[type=submit]{
font-family:var(--font-heading)!important;
font-weight:600;
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 34px;
border:none;
border-radius:var(--radius-pill);
background:var(--primary);
color:#fff!important;
transition:var(--transition);
box-shadow:0 10px 25px rgba(0,163,200,.18);
}
.et_pb_button:hover,
button:hover,
input[type=submit]:hover{
background:var(--secondary);
transform:translateY(-3px);
}
/* FORMS */
input,textarea,select{
width:100%;
padding:16px;
background:var(--bg-light);
border:2px solid var(--border);
border-radius:12px;
}
input:focus,
textarea:focus,
select:focus{
outline:none;
border-color:var(--primary);
box-shadow:0 0 0 4px rgba(0,163,200,.12);
}
/* HEADER */
#main-header{
background:#fff;
box-shadow:0 2px 20px rgba(0,0,0,.05);
}
#main-header.et-fixed-header{
backdrop-filter:blur(10px);
}
/* MENU */
.et-menu>li>a{
color:var(--text);
transition:var(--transition);
}
.et-menu>li>a:hover,
.et-menu li.current-menu-item>a{
color:var(--accent)!important;
}
/* SECTIONS */
.et_pb_section{
padding:80px 0;
}
/* IMAGES */
img{
max-width:100%;
height:auto;
}
/* CARD */
.card{
background:#fff;
border-radius:18px;
box-shadow:var(--shadow-md);
transition:var(--transition);
}
.card:hover{
transform:translateY(-6px);
}
/* TEXT SELECTION */
::selection{
background:var(--primary);
color:#fff;
}
/* SCROLLBAR */
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{
background:var(--primary);
border-radius:20px;
}
::-webkit-scrollbar-track{
background:#F4F7FA;
}
/* MOBILE */
@media(max-width:980px){
#logo{max-height:58px;}
.et_pb_section{padding:60px 0;}
}
