html {
    font-size: 16px !important;
}

body {
  font-family: var(--font-family-body);
  font-size: var(--body-size);
  font-weight: var(--body-weight);
  line-height: var(--body-line-height);
  color: var(--color-black);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.text-large {
  font-size: var(--body-large-size);
  font-weight: var(--body-large-weight);
  line-height: var(--body-large-line-height);
}

.text-small, small {
  font-size: var(--body-small-size);
  font-weight: var(--body-small-weight);
  line-height: var(--body-small-line-height);
}

button, .btn {
  font-family: var(--font-family-body);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.h1-special {
  font-family: var(--font-headings, "Poppins", "Helvetica Neue", Helvetica, sans-serif) !important;
}

.h1-special {
  font-size: var(--h1-special-size);
  font-weight: var(--h1-special-weight);
  line-height: var(--h1-special-line-height);
  letter-spacing: var(--h1-special-letter-spacing);
  text-transform: var(--h1-special-transform);
  margin-top: 0; 
}

h1 {
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  margin-top: 0;
}

h2 {
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
  line-height: var(--h2-line-height);
  margin-top: 0;
}

h3 {
  font-size: var(--h3-size);
  font-weight: var(--h3-weight);
  line-height: var(--h3-line-height);
  margin-top: 0;
}

a :hover {
    background-color: var(--color-hover) !important;
    color: var(--color-black) !important;
}


/* Buttons */

.btn-default {
    background: var(--color-secondary) !important;
    color: var(--color-white) !important;
    border: none;
    font-size: 16px;
    padding: 10px 25px;
}

.btn-default:hover, #next:hover, #btn-register:hover, .nextbutton:hover, .previousbutton:hover, .submitbutton:hover, .cancelbutton:hover {
    background-color: var(--color-hover) !important;
    color: #505050 !important;
     border: none;
    font-size: 16px !important;
    padding: 10px 25px;
}

 .submitbutton, #next, #btn-register, .btn-search {
    background: var(--color-secondary) !important;
    color: var(--color-white) !important;
    border: none;
    font-size: 16px !important;
    padding: 10px 25px;
}

.nextbutton {
  background: var(--color-primary) !important;
    color: var(--color-white) !important;
    border: none;
    font-size: 16px !important;
    padding: 10px 25px;
}

.cancelbutton, .previousbutton {
  background: var(--NewBlack-15) !important;
    color: var(--color-black) !important;
    border: none;
    font-size: 16px !important;
    padding: 10px 25px;
}

/* Popup buttons override */

.ui-pnotify button {
  padding:10px !important;
  font-size: 16px !important;
}

.ui-pnotify button:hover {
  padding:10px !important;
}