/* ========================================================= 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;} }