html,
body {
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

body {
  background-image: url("/wp-content/themes/health-junction/_i/bg-clouds.jpg");
  background-position: bottom left;
  background-size: cover;
  background-attachment: fixed;
}

body.page-template {
  background-image: url("/wp-content/themes/health-junction/_i/bg-clouds-plain.jpg");
}

.vertical-center {
  display: flex;
  align-items: center;
}

.bg-offgreen {
  background-color: #f1f9fa;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:disabled,
.btn-primary:visited,
.btn-primary:focus {
  background-color: #159935;
  border: none;
}

.text-grn {
  color: #159935;
}

.btn:focus {
  box-shadow: none;
}

a {
  cursor: pointer;
}

.app-nav {
  height: 75px;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
}

@media (min-width: 1025px) {
  .app-nav {
    bottom: initial;
    top: 0;
    height: 95px;
  }
}

@media (min-width: 1024px) {
  .app-nav {
    height: 95px!important;
  }
}

.app-nav a,
.app-nav a:hover,
.app-nav a:visited {
  color: #333333;
}

.app-nav .logo {
  display:  block;
  margin-right:  30px;
  max-height: 56px;
  width: auto;
}

@media (max-width: 768px) {
  .app-nav .logo {
    max-height: 30px;
  }
}

@media (min-width: 769px) {
  .app-nav a i {
   font-size: 200%;
  }
}

@media (min-width: 391px) {
  .app-nav a i {
   font-size: 150%;
  }
}

.app-nav a:hover {
  text-decoration: none;
}

.rating-holder .rating{
  background-color: #159935;
  border-radius: 100%;
  color: #ffffff;
  cursor: pointer;
  font-size: 24px;
  height: 36px;
  text-align:  center;
  width:  36px;
}

.rating.rating-chosen {
  background-color: #c8e60a;
}

.container-fluid.home,
.tablet-content-index {
  padding-bottom: 120px!important;
}
@media (min-width: 1025px) {
  .container-fluid.home,
  .tablet-content-index {
    padding-bottom: 0!important;
    padding-top: 90px!important;
  }
}


.container-fluid.content-holder {
  padding-bottom: 75px;
}

@media (min-width: 1024px) {
  .container-fluid.content-holder {
   padding-bottom: 95px;
  }

}

.archive .container-fluid,
.home.container-fluid,
.single-tablet-section .container-fluid {
  height: 100%;
  overflow: scroll;
}

.archive .container-fluid > .row {
  min-height: calc(100vh - 140px);
  margin-bottom: 100px;
}

/*.home.container-fluid > .row,*/
.tablet-content-index.container-fluid > .row  {
  min-height: calc(100vh - 250px);
  margin-bottom: 100px;
}

.home.container-fluid > .row {
  padding: 0 30px;
}

.content-container .img-fluid {
  min-width: 50%;
  display: block;
  margin: auto;
}

.section-description p:last-of-type {
  margin-bottom: 0;
}

.archive-row .card {
  width: 100%;
  overflow: hidden;
}

.card a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.card.card-bordered {
  border-bottom:  5px solid #159935;
  border-right:  5px solid #159935;
}

.card.card-bordered-grn {
  border:  1px solid #a2d5ad;
}

.section-side,
.card-bordered-grn {
    border-bottom:  10px solid #159935!important;
}

.card .image-holder {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center center;
}

.card.image-holder {
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center center;
  border: 5px solid white;
}

.mh-75 {
  min-height: 75vh;
}

.home .card .image-holder {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center center;
}

.home .card h4 {
  font-size: 1.3rem;
  font-weight: 300;
}

.bg-dark {
    background-color: #161718!important;
}

.navigation-back {
  right: 5px;
  top: -5px;
  font-size: 40px;
  color: #159935 !important;
  z-index: 100;
}

@media (min-width: 1025px) {
  .navigation-back {
    top: 100px;
  }
}

a.content-active {
  color: #159935!important;
  border-bottom: 5px solid #159935;
}

.spacer {
  display: inline-block;
  height: 46px;
  border-right: 1px solid #bcb3b3;
  margin: 0 20px;
}

.navigation-back i {
  background: white;
  border-radius: 100%;
}

.gradient-1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#83ba7e+0,7db9e8+100 */
  background: #83ba7e; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #83ba7e 0%,
    #3f6e03 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #83ba7e 0%,
    #3f6e03 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #83ba7e 0%,
    #3f6e03 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83ba7e', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-fade {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.gradient-fade-grn {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(21,153,53,0) 0%, rgba(21,153,53,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(21,153,53,0) 0%,rgba(21,153,53,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(21,153,53,0) 0%,rgba(21,153,53,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.gradient-1 h2,
.gradient-1 p {
  color: #ffffff;
}

.video-wrapper {
  height: 0;
  margin-bottom: 30px;
  margin-top: 20px;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}

.video-wrapper iframe {
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.holder {
  padding-left: 10%;
  padding-right: 10%;
}

.single-tablet-content .badge {
  top: 15px;
  left: 15px;
  font-size: 120%;
  z-index: 100;
}

iframe {
  background-repeat: no-repeat;
  background-position: center center;
}

.form-row {
  overflow-y: scroll;
}

.form-row::-webkit-scrollbar {
  display: none;
}

.form-main {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.form-group {
  padding: 15px;
}

.form-check-input[type="radio"] {
  border-radius: 50%;
  zoom: 2;
  margin: 0;
  margin: auto;
  filter: hue-rotate(-95deg);
}

.form-group h3 {
  font-size: 20px;
}

.form-group:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.headings-holder {
  margin-top: 20px;
}

.headings-holder.align-edges > .radio-heading:first-of-type {
  text-align: left !important;
}
.headings-holder.align-edges > .radio-heading:last-of-type {
  text-align: right !important;
}

@media (min-width: 992px) {
  .headings-holder {
    padding-left: 25%;
  }
  .headings-holder .radio-heading {
    display: inline-block;
    padding: 10px;
    text-align: center;
  }
  .form-group h3 {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    width: 25%;
  }
  .form-main .form-group {
    padding: 15px;
    align-items: center;
    display: flex;
  }
  .radio-holder, .form-input {
    display: inline-block;
    width: 75%;
  }

  input.text-input {
    width: 92%!important;
    padding: 10px;
    margin-left: 50px;
    display: block; 
  }

  .form-check {
    display: inline-block;
    margin: 0;
  }

  .form-check input {
    float: none !important;
  }

  .items-10 {
    text-align: center;
    width: 10%;
  }
  .items-13 {
    text-align: center;
    padding-bottom: 15px;
    width: 25%;
  }
  .items-14 {
    text-align: center;
    width: 14.2%;
  }
    .items-17 {
    text-align: center;
    width: 16.66%;
    padding-bottom: 10px;
  }
  .items-20 {
    text-align: center;
    width: 20%;
  }
  .items-25 {
    text-align: center;
    width: 25%;
      padding-bottom: 10px;

  }
  .items-40 {
    text-align: left;
    width: 40%;
    padding-bottom: 10px;
  }
  .items-50 {
    text-align: left;
    width: 50%;
    padding-bottom: 10px;
  }
  .items-100 {
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
  }
  .items-100 label.form-check-label {
    max-width: 90%;
  }
  .form-check label {
    margin-left: 10px;
  }
}

@media (max-width: 575px) {
  .form-check {
    display: block;
  }
}

.hidden {
  display: none;
}

.taxonomy-image {
  background-position: center center;
  background-size: cover;
  height: 220px;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.content-container {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.container-fluid .desktop-container {
  padding-top: 95px!important;
}

.content-container.fade {
  opacity: 0.5;
}

.quiz-holder,
.useful-links-holder {
  top: 1200px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.quiz-holder.active,
.useful-links-holder.active {
  top: 20px;
}

.bottom-0 {
  bottom: 0;
}

.answer-message {
  position: absolute;
  font-size: 25px;
  top: 0px;
  right: 5px;
}

.btn-answer.btn-success,
.btn-answer.btn-danger {
  color: #ffffff!important;
}

.text-larger {
  font-size: 100px;
}

.bronze {
  color: #CD7F32;
}
.silver {
  color: #C0C0C0;
}
.gold {
  color: #d4af37;
}