@import url("colors.css");

* {
  box-sizing: initial;
}


*:before, *:after {
  box-sizing: inherit;
}

/* For debugging purpose only
* {
  outline: 1px solid red;
}
*/

::selection {
	background: var(--oa-green);
	color: var(--oa-base-white);
	text-shadow: none;
}

::-moz-selection {
	background: var(--oa-green); /* Firefox */
	color: var(--oa-base-white);
	text-shadow: none;
}

::-webkit-selection {
	background: var(--oa-green); /* Safari */
	color: var(--oa-base-white);
	text-shadow: none;
}

:active,
:focus { outline: none !important; }

body {
  font-family: 'Lato', sans-serif;
  margin: 0;
}

a {
	text-decoration: none !important;
	color: var(--oa-green);
}

a:hover { color: var(--primary-400); }

p {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--gray-600);
  line-height: 1.4;
}

li {
    font-weight: 400;
    color: var(--gray-600);
    line-height: 1.4;
}

small {
  color: var(--gray-600);
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  color: var(--gray-900);
  font-weight: 700;
}

h1 {
  font-size: 3rem;
  margin-top: .3125rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2.25rem;
  font-weight: 600;
}

h4 {
  font-size: 1.875rem;
  font-weight: 600;
}

h5 {
  font-size: 1.5rem;
  font-weight: 600;
}

h6 {
  font-size: 1.25rem;
  font-weight: 600;
}

.mobile-only {
  display: none;
}

.first-section {
  background-color: var(--gray-50);
  margin-top: 5.5rem;
  padding-top: 1.25rem;
}

.emphasis {
    color: var(--primary-500);
}

.small-header {
  color: var(--oa-green);
}

.oa-icon {
    height: 3rem;
    width: 3rem;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.oa-icon.ellipse {
    width: 0.75rem;
    margin-right: 0.25rem;
}

@media (min-width: 1200px) {
    .container {
        max-width: 80rem;
    }
}

/* Mobile */
@media only screen and (max-width: 768px) {

    h1 {
        font-size: 2.25rem;
    }

    h2 {
        font-size: 1.875rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1.125rem;
    }

    h6 {
        font-size: 1rem;
    }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: inherit;
  }
}