/*
Theme Name:   DiviChild
Description:  This is child theme for Divi
Author:       Write here the author's name
Author URL:   Write here the author's blog or website url
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  DiviChild
*/

/* Write here your own personal stylesheet */

/*FONTS @fontface*/

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-BoldItalic.woff2') format('woff2'),
         url('fonts/Archivo-BoldItalic.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-Bold.woff2') format('woff2'),
         url('fonts/Archivo-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-BlackItalic.woff2') format('woff2'),
         url('fonts/Archivo-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-Black.woff2') format('woff2'),
         url('fonts/Archivo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-ExtraLight.woff2') format('woff2'),
         url('fonts/Archivo-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-ExtraBoldItalic.woff2') format('woff2'),
         url('fonts/Archivo-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-ExtraLightItalic.woff2') format('woff2'),
         url('fonts/Archivo-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-Italic.woff2') format('woff2'),
         url('fonts/Archivo-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-LightItalic.woff2') format('woff2'),
         url('fonts/Archivo-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-ExtraBold.woff2') format('woff2'),
         url('fonts/Archivo-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-Light.woff2') format('woff2'),
         url('fonts/Archivo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-SemiBoldItalic.woff2') format('woff2'),
         url('fonts/Archivo-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-SemiBold.woff2') format('woff2'),
         url('fonts/Archivo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-Regular.woff2') format('woff2'),
         url('fonts/Archivo-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-MediumItalic.woff2') format('woff2'),
         url('fonts/Archivo-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-Medium.woff2') format('woff2'),
         url('fonts/Archivo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-Thin.woff2') format('woff2'),
         url('fonts/Archivo-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('fonts/Archivo-ThinItalic.woff2') format('woff2'),
         url('fonts/Archivo-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-Bold.woff2') format('woff2'),
         url('fonts/Inter28pt-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-ExtraBold.woff2') format('woff2'),
         url('fonts/Inter28pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-ExtraLight.woff2') format('woff2'),
         url('fonts/Inter28pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-Light.woff2') format('woff2'),
         url('fonts/Inter28pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-Medium.woff2') format('woff2'),
         url('fonts/Inter28pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-SemiBold.woff2') format('woff2'),
         url('fonts/Inter28pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-Regular.woff2') format('woff2'),
         url('fonts/Inter28pt-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-Thin.woff2') format('woff2'),
         url('fonts/Inter28pt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter28pt-Black.woff2') format('woff2'),
         url('fonts/Inter28pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
  /* ## Primary Palette ## */
  --blue-950: #0a2842;
  --blue-900: #0b3252; /* National Navy */
  --blue-700: #004694; /* United Blue */
  --blue-500: #005fc3; /* United Blue */
  --blue-300: #99caff;
  --blue-100: #b9dce9; /* Approachable Blue */

  --red-500: #f90047; /* Impactful Red */
  --red-300: #ff6c72;
  --red-100: #f5d0d0; /* Innovative Red */

  /* Gradient */
  --gradient-patriot: linear-gradient(to right, var(--red-300), var(--red-100), var(--blue-100));

  /* ## Secondary Palette ## */
  --lavender: #9fa0ee;
  --berry: #9e0685;
  --mustard: #edae49;
  --lemon: #edf7b5;

  /* ## Neutrals ## */
  --white: #ffffff;
  --black: #081d31;
  --grey-900: #4e535b;
  --grey-600: #c4c7cc;
  --grey-300: #d3d4d8;
  --grey-100: #f1f2f4; /* Unwavering Gray */

  /* ## Form UI Colors ## */
  --green-500: #4b9f33; /* Success */
  --red-700: #d2013a;   /* Error/Invalid */
}