/**
* 
* CSS reset file split off from the main semantic-ui file.
*
* Our goal is to eventually remove our dependency on the main semantic-ui CSS.
* Separating the resets -- which we might want to keep, and which are difficult
* to change in any case -- makes dropping the rest of semantic-ui easier.
*
*/

/*!
 * # Semantic UI 2.4.2 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Reset
*******************************/
/* Border-Box */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* iPad Input Shadows */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}

/*!
 * # Semantic UI 2.4.2 - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Page
*******************************/
html,
body {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  min-width: 320px;
  background: #ffffff;
  font-family: "Mulish", "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.4285em;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*******************************
             Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  font-family: "Mulish", "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.28571429em;
  margin: calc(2rem - 0.14285714em) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}

h1 {
  min-height: 1rem;
  font-size: 2rem;
}

h2 {
  font-size: 1.71428571rem;
}

h3 {
  font-size: 1.28571429rem;
}

h4 {
  font-size: 1.07142857rem;
}

h5 {
  font-size: 1rem;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em;
}

/*******************************
             Text
*******************************/
p {
  margin: 0em 0em 1em;
  line-height: 1.4285em;
}

p:first-child {
  margin-top: 0em;
}

p:last-child {
  margin-bottom: 0em;
}

/*-------------------
        Links
--------------------*/
a {
  color: var(--theme-secondary);
  text-decoration: none;
}

a:hover {
  color: rgba(var(--theme-secondary), 0.8);
  text-decoration: none;
}

/*******************************
         Scrollbars
*******************************/
/*******************************
          Highlighting
*******************************/
/* Site */
::-webkit-selection {
  background-color: #cce2ff;
  color: #4c4c4c;
}

::-moz-selection {
  background-color: #cce2ff;
  color: #4c4c4c;
}

::selection {
  background-color: #cce2ff;
  color: #4c4c4c;
}

/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #4c4c4c;
}


textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #4c4c4c;
}