/*
  ReImagine Studios - Local Fonts Fix
  Upload this file to: assets/css/fonts.css

  This file fixes:
  1) Poppins / Unbounded local fonts from assets/fonts/
  2) Font Awesome icon font paths from assets/fonts/
  3) WhatsApp floating icon visibility
*/

/* ==============================
   Poppins - Local TTF
============================== */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ==============================
   Unbounded - Local TTF
============================== */
@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ==============================
   Font Awesome - Local Files
   Fixes icons when all.min.css expects a different path.
============================== */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'),
       url('../fonts/fa-brands-400.woff') format('woff'),
       url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'),
       url('../fonts/fa-regular-400.woff') format('woff'),
       url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'),
       url('../fonts/fa-solid-900.woff') format('woff'),
       url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

/* ==============================
   Theme Font Variables
============================== */
:root {
  --body-font: 'Poppins', Arial, sans-serif !important;
  --title-font: 'Unbounded', 'Poppins', Arial, sans-serif !important;
  --icon-font: 'Font Awesome 5 Free' !important;
}

/* ==============================
   Strong Font Override
============================== */
html,
body,
p,
a,
li,
span,
div,
input,
textarea,
select,
button,
label,
.form-control {
  font-family: 'Poppins', Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.sec-title,
.title-area .title,
.section-title,
.rs-modal-title,
.rs-preloader-words span,
.main-menu a,
.mobile-menu a,
.btn,
.link-btn {
  font-family: 'Unbounded', 'Poppins', Arial, sans-serif !important;
}

/* ==============================
   Font Awesome Classes
============================== */
.fa,
.far {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 400 !important;
}

.fas {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}

.fab {
  font-family: 'Font Awesome 5 Brands' !important;
  font-weight: 400 !important;
}

/* ==============================
   WhatsApp Floating Icon Fix
============================== */
.rs-whatsapp-float i,
.rs-whatsapp-float .fab,
.rs-whatsapp-float .fa-whatsapp {
  font-family: 'Font Awesome 5 Brands' !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 34px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  display: inline-block !important;
}

.rs-whatsapp-float .fa-whatsapp::before {
  content: "\f232" !important;
}

@media (max-width: 991px) {
  .rs-whatsapp-float i,
  .rs-whatsapp-float .fab,
  .rs-whatsapp-float .fa-whatsapp {
    font-size: 30px !important;
  }
}