/*
Theme Name: Blankslate Child
Theme URI: https://example.com
Description: A blank-slate child theme
Author: Your Name
Author URI: https://example.com
Template: blankslate
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blankslate-child
*/

html:hover{
    cursor: context-menu;
}

/* ------------------ Open Sans ------------------ */

/* Open Sans Light (300) */
@font-face {
  font-family: "Open Sans";
  src:
    url("fonts/OpenSans-Light.woff2") format("woff2"),
    url("fonts/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

/* Open Sans Medium (500) */
@font-face {
  font-family: "Open Sans";
  src:
    url("fonts/OpenSans-Medium.woff2") format("woff2"),
    url("fonts/OpenSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Open Sans SemiBold (600) */
@font-face {
  font-family: "Open Sans";
  src:
    url("fonts/OpenSans-SemiBold.woff2") format("woff2"),
    url("fonts/OpenSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

/* Open Sans ExtraBold (800) */
@font-face {
  font-family: "Open Sans";
  src:
    url("fonts/OpenSans-ExtraBold.woff2") format("woff2"),
    url("fonts/OpenSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* -------------------- Roboto -------------------- */

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

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

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

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

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

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



/* Base font family */
body,
html,
input,
select,
textarea,
div,
span,
p,
section,
::placeholder {

    font-family: 'Open Sans', sans-serif !important;
}

/* Headings use Roboto */
button, h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important;
}

/* Base font size */
html {
  font-size: 16px;
}

/* Responsive font sizes & weights */
@media only screen and (min-width: 1410px) {
  h1 {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.15em !important;
    margin: unset;
    padding: unset;
  }

  h2 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.1em !important;
    margin: unset;
    padding: unset;
  }

  h3 {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  h4 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  h5 {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  p {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.2em;
    margin: unset;
    padding: unset;
  }
}

@media screen and (max-width: 1409px) and (min-width: 500px) {
  h1 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.15em !important;
    margin: unset;
    padding: unset;
  }

  h2 {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.1em !important;
    margin: unset;
    padding: unset;
  }

  h3 {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2em !important;
    margin: unset;
    padding: unset;
  }

  h4 {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  h5 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  p {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.3em;
    margin: unset;
    padding: unset;
  }
}

@media screen and (max-width: 499px) {
  .NoPic {
    background-color: #1A5462 !important;
  }

  h1 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.15em !important;
    margin: unset;
    padding: unset;
  }

  h2 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.1em !important;
    margin: unset;
    padding: unset;
  }

  h3 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  h4 {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  h5 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.3em !important;
    margin: unset;
    padding: unset;
  }

  p {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.3em;
    margin: unset;
    padding: unset;
  }
}