/*main orange f89822*/
/*darker orange ff7b00*/
/*orange of circular div ff7b00*/

/* video controls color */
*::-webkit-media-controls-timeline {
  background-color: #325ba6 !important;
}

/*Flags dropdown*/
.dropdown-menu {
  min-width: 1rem;
  /*background-color: #f89822;*/
  border-radius: 0px;
  justify-content: center;
}

.dropdown-menu a:hover {
  background-color: #325ba6;
  color: white;
}

/*.flags-dropdown .btn:click {
	 border-style: none;
 }*/

.nav-link {
  color: #4d4e4f;
}

.nav-link:hover,
.dropdown-item:hover {
  color: #325ba6;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.topnav a {
  color: black;
}

a.topnav:hover {
  text-decoration: none;
}

#userLabel {
  font-size: 0.7rem;
}

#userLabelIcon {
  font-size: 0.75rem;
}

/* home landing */
#home-landing {
  height: 595px;
  background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.9),
      rgba(169, 169, 169, 0)
    ),
    /*add background image*/ url("../images/hapi-healthcare-image1.jpg");
  background-size: cover;
}

@media (max-width: 746px) {
  #home-landing {
    height: 595px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.9),
        rgba(169, 169, 169, 0.7)
      ),
      /*add background image*/ url("../images/hapi-healthcare-image2.jpg");
    background-size: cover;
  }
}

@media (max-width: 746px) {
  #home-landing h2 {
    font-size: 2.5rem;
  }
}

/* home landing with video*/
/*#holding-hands-video-container {
	 z-index: 1;
 }*/

/*video#holding-hands-video {
   position: relative;*/
/*  height: auto;
   width: 100%;*/
/*}*/

/*h1#video-title {
	 z-index: 2;
   position: absolute;
   top: 10%;
   right: 0;
 }*/

/*a {
   position: absolute;
   top: 50%;
   right: 5%;
 }*/

/*****************************************************************************/

.header-unit {
  min-height: 600px;
  /*border: 2px solid #000;
   border-right: none;
   border-left: none;*/
  /*margin-top: 50px;*/
  position: relative;
  /*padding: 20px;*/
}

#video-container {
  position: absolute;
}

#video-container {
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /*background:linear-gradient(to right,rgba(65, 0, 255, 0.4),rgba(255, 0, 232, 0.3));*/
}

#video-text-container {
  position: absolute;
  z-index: 1;
  color: white;
  width: 50%;
  margin-left: 28%;
  text-align: left;
  margin-top: 250px;
}

@media (max-width: 1058px) {
  #video-text-container {
    margin-top: 100px;
  }

  .header-unit {
    min-height: 400px;
  }
}

#video-text-container h1 {
  font-size: 25px;
  font-weight: bolder;
  text-shadow: 2px 2px 8px #333333;
}

#video-text-container h2 {
  font-size: 20px;
}

@media (max-width: 746px) {
  #video-text-container {
    margin-top: 50px;
  }

  .header-unit {
    min-height: 300px;
  }

  #video-text-container h1 {
    font-size: 14px;
  }

  #video-text-container h2 {
    font-size: 12px;
  }
}

@media (max-width: 555px) {
  #video-text-container {
    margin-top: 50px;
  }

  .header-unit {
    min-height: 250px;
  }
}

video {
  position: relative;
  z-index: 0;
}

video.fillWidth {
  width: 100%;
}

/*****************************************************************************/
/*App download container*/

#app-download-container h1 {
  font-size: 25px;
  font-weight: bolder;
  /*text-shadow: 2px 2px 8px #333333;*/
}

#app-download-container h2 {
  font-size: 25px;
  font-weight: bolder;
  /*text-shadow: 2px 2px 8px #333333;*/
}

#app-download-container p {
  font-size: 19px;
  /*font-weight: bolder;*/
  /*text-shadow: 2px 2px 8px #333333;*/
}

#app-download-container {
  /*max-height: 500px;*/
}

#app-download-container #phone-img {
  z-index: 1;
  position: relative;
  margin-top: 30px;
}

@media (min-width: 1300px) {
  #app-download-container #phone-img {
    z-index: 4;
    position: absolute;
    margin-top: -70px;
    max-height: 600px;
  }
}

/*****************************************************************************/
/*Inform-educate-act container*/

#inform-educate-container h1 {
  font-size: 25px;
  font-weight: bolder;
  /*text-shadow: 2px 2px 8px #333333;*/
}

#inform-educate-container h2 {
  font-size: 25px;
  font-weight: bolder;
  /*text-shadow: 2px 2px 8px #333333;*/
}

#inform-educate-container p {
  font-size: 19px;
  /*font-weight: bolder;*/
  /*text-shadow: 2px 2px 8px #333333;*/
}

#inform-educate-container {
  /*max-height: 500px;*/
}

#inform-educate-container #phone-img {
  z-index: 1;
  position: relative;
  margin-top: 30px;
}

@media (min-width: 1300px) {
  #inform-educate-container #phone-img {
    z-index: 4;
    position: absolute;
    margin-top: -30px;
    max-height: 400px;
  }
}

/*****************************************************************************/
/*laptop-container*/

#laptop-container h1 {
  font-size: 25px;
  font-weight: bolder;
  /*text-shadow: 2px 2px 8px #333333;*/
}

#laptop-container h2 {
  font-size: 25px;
  font-weight: bolder;
  /*text-shadow: 2px 2px 8px #333333;*/
}

#laptop-container p {
  font-size: 19px;
  /*font-weight: bolder;*/
  /*text-shadow: 2px 2px 8px #333333;*/
}

#laptop-container {
  /*max-height: 500px;*/
}

#laptop-container #laptop-img {
  z-index: 1;
  position: relative;
  margin-top: 30px;
}

@media (min-width: 1300px) {
  #laptop-container #laptop-img {
    z-index: 4;
    position: absolute;
    margin-top: 50px;
    max-height: 200px;
  }
}

/*****************************************************************************/
/* Why Hapi Section (8 cards) */

@media (max-width: 430px) {
  #why-hapi-section p {
    font-size: 0.8rem;
  }
}

/*****************************************************************************/

/* home landing v2*/
#home-landing-v2 {
  height: 595px;
  background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.9),
      rgba(169, 169, 169, 0)
    ),
    /*add background image*/ url("../images/hapi-healthcare-image1.jpg");
  background-size: cover;
}

@media (max-width: 746px) {
  #home-landing-v2 {
    height: 595px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.9),
        rgba(169, 169, 169, 0.7)
      ),
      /*add background image*/ url("../images/hapi-healthcare-image2.jpg");
    background-size: cover;
  }
}

@media (max-width: 746px) {
  #home-landing-v2 h2 {
    font-size: 2.5rem;
  }
}

/* partners section */

#partners-section-v2 a {
  color: white;
  text-decoration: underline;
  font-weight: bolder;
}

#partners-section-v2 {
  background-color: #ff6600;
}

#partners-bg-photo {
  min-height: 595px;
  background:
		 /* linear-gradient(
			 to right,
			 rgba(255, 255, 255, 0.90),
			 rgba(169, 169, 169, 0)
		 ), */ url("../images/doctors.jpg");
  background-size: cover;
  background-color: #ff6600;
}

#download-app {
  background-color: #cccccc;
}

/* App Download Buttons */

.download-button {
  height: 35px;
}

@media (max-width: 475px) {
  .download-button {
    height: 23px;
  }
  #download-app p {
    font-size: x-small;
  }
}

/* Regulator Logos */
.regulator-logos {
  width: 60px;
}

@media (min-width: 620px) {
  .regulator-logos {
    width: 110px;
  }
}

/* Regulator cartoon */
/*#kb-cartoon-bg*/

#app-download-container #phone-img {
  z-index: 1;
  position: relative;
  margin-top: 30px;
}

@media (min-width: 1300px) {
  #app-download-container #phone-img {
    z-index: 4;
    position: absolute;
    margin-top: -70px;
    max-height: 600px;
  }
}

/*Hapi Flags*/
.hapi-flags {
  width: 35px;
}

/*circular div*/
#circular-div {
  position: absolute;
  z-index: 2;
  top: 180px;
  background-color: #325ba6;
  width: 16rem;
  height: 16rem;
}

/*@media (max-width: 762px) {
	 #circular-div {
		 margin: 0 82px 0 82px;
	 }
 }*/

/*@media (max-width: 1242px) {
	 #circular-div {
		 top: 200px;
	 }
 }*/

/*button inside circular div*/
#download-btn:hover {
  background-color: #333333;
}

#circular-div a {
  background-color: black;
  color: white;
}

.hapi-button {
  background-color: #325ba6;
  font-weight: bolder;
  color: white;
}

.hapi-button:hover {
  background-color: #325ba6;
}

.hapi-button-border {
  background-color: #f5853b;
  font-weight: bolder;
  border: 2px solid #fccaa9;
}

.hapi-button2-orange {
  background-color: #325ba6;
  font-weight: bolder;
  color: white;
  border-radius: 12px;
  padding: 10px 40px 10px 40px;
}

.hapi-button2-orange:hover {
  background-color: #53b399;
}

.hapi-button2-white {
  background-color: white;
  font-weight: bolder;
  color: #325ba6;
  border-radius: 12px;
  padding: 10px 40px 10px 40px;
}

.hapi-button2-white:hover {
  background-color: #53b399;
}

.button-on-video {
  background-color: #325ba6;
  font-weight: bolder;
  color: white;
  border-radius: 12px;
  padding: 10px 40px 10px 40px;
}

.button-on-video:hover {
  background-color: #53b399;
}

@media (max-width: 539px) {
  .button-on-video {
    font-size: 0.7rem;
    padding: 4px 20px 4px 20px;
  }
}

/*Learn More*/

.learnmore-button {
  color: #f89822;
  font-weight: bolder;
}

.learnmore-button:hover {
  text-decoration: underline;
}

a.learnmore-button {
  text-decoration: none;
}

/*Book Now Button*/
.booknow-button {
  background-color: #294b8c;
  color: white;
}

.booknow-button:hover {
  background-color: #53b399;
  color: white;
}

.date-category {
  font-size: 15px;
  color: #f89822;
}

.articles-links a {
  margin: auto 1rem auto 1rem;
  font-size: 15px;
  font-weight: bold;
}

/*live-chat.html minimum height*/
.live-chat-container {
  min-height: 100vh;
}

/*HR for index*/
.hr-home {
  width: 80%;
  border-top: 4px solid #325ba6;
}

/* Footer */

#footer-background {
  background-image: linear-gradient(
      rgba(249, 249, 249, 0.7) 0%,
      rgba(249, 249, 249, 0.7) 100%
    ),
    url("../images/home/doctor-using-laptop.jpg");
  opacity: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-sec1 {
  color: #333333;
}

.footer-sec2 a {
  color: #333333;
  /*text-decoration: underline;*/
  font-weight: bolder;
}

.footer-sec3 a,
.footer-sec3 p {
  color: #333333;
}

.footer-sec3 h6 {
  color: #325ba6;
}

.footer-sec3 .social {
  font-size: x-large;
}

#bottom-footer a,
#bottom-footer small {
  font-size: 0.7rem;
}

/*End of footer styles*/

/*BLOG POSTS*/
/*main orange f89822*/
/*darker orange ff7b00*/
/*orange of circular div ff7b00*/
.blog-title {
  color: #325ba6;
}

#blog-post-all {
  color: #bd620d;
  font-weight: bold;
  text-decoration: none;
}

.blog-category {
  /*color: black;*/
  color: #325ba6;
  font-weight: bold;
  text-decoration: none;
}

.blog-category:hover {
  color: #f89822;
  text-decoration: none;
}

/*.social-div i {
	 font-size: 2rem;
	 color: #325ba6;
 }
 
 .social-div i:hover {
	 color: #f89822;
 }*/

.blog-date-cats {
  font-size: 0.9rem;
  color: #616161;
}

.blog-post-container p {
  color: #616161;
}

.blog-post-container li {
  margin-top: 15px;
  color: #626262;
}

.blog-post-container a,
.blog-links {
  color: #bd620d;
  text-decoration: underline;
}

#categories-list-sidebar a {
  text-decoration: none;
  color: #62627b;
}

#categories-list-sidebar a:hover {
  color: #325ba6;
}

.blog-post-emph {
  color: #666666;
  font-weight: bolder;
}

.blog-preview-title {
  min-height: 2.4rem;
}

.blog-snippet {
  min-height: 7rem;
  color: #3f3f3f;
}

.blog-categories {
  color: ;
}

@media (max-width: 770px) {
  .blog-preview-title {
    min-height: 0rem;
  }
}

/*all images and p that are inside anchor like blog preview*/
a img:hover,
a p:hover {
  opacity: 0.6;
}

/*Sustainability Section*/
.sustainability-div {
  min-height: 84vh;
}
/*boxes*/
.square-box {
  height: 300px;
}

.sustainability-div p {
  font-size: 1.2rem;
}

.sustainability-div h5 {
  font-size: 1.5rem;
}

/*.sustainability-div {
	 min-height: 100vh;
 }*/

#doctor-videocall-bg {
  background-image: url("../images/home/doctor-videocall.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#old-couple-bg {
  background-image: url("../images/home/old-couple.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#about-landing {
  background-image: url("../images/about/about-landing.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#about-problem-bg {
  background-image: url("../images/about/about-problem-bg.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#about-solution-bg {
  background-image: url("../images/about/about-solution-bg.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#hapi-control {
  background-image: linear-gradient(
      rgba(50, 91, 166, 0.7) 0%,
      rgba(50, 91, 166, 0.7) 100%
    ),
    url("../images/about/hapi-control.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-1 {
  background-image: linear-gradient(
      rgba(22, 22, 22, 0.5) 0%,
      rgba(22, 22, 22, 0.5) 100%
    ),
    url("../images/sustainability-1.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-2 {
  background-image: linear-gradient(
      rgba(22, 22, 22, 0.5) 0%,
      rgba(22, 22, 22, 0.5) 100%
    ),
    url("../images/sustainability-2.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-3 {
  background-image: linear-gradient(
      rgba(22, 22, 22, 0.5) 0%,
      rgba(22, 22, 22, 0.5) 100%
    ),
    url("../images/sustainability-3.jpg");
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*Health-A-Z Section*/
.health-a-z-container a {
  display: block;
  color: #294b8c;
}

.health-a-z-container a:hover {
  color: #325ba6;
}

.health-a-z-container .back-to-top {
  color: #333333;
  font-style: italic;
  font-size: 0.8rem;
  margin-top: 5px;
  text-decoration: underline;
}

.health-a-z-container .section-index {
  text-shadow: 1px 1px #325ba6;
  font-size: 1.3rem;
  text-decoration: underline;
  margin-bottom: 0px;
  margin-top: 1.5rem;
}

/*For offsetting the anchor*/
.anchoroffset {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}

/*Social Connections Section*/
.social-div i {
  font-size: 2rem;
  color: #325ba6;
}

.social-div i:hover {
  color: #f89822;
}

.social-div h4 {
  font-size: 1.5rem;
}

.social-div p {
  font-size: 1rem;
}

@media (max-width: 564px) {
  .social-div i {
    font-size: 1.3rem;
    color: #325ba6;
  }
  .social-div h4 {
    font-size: 1rem;
  }
  .social-div p {
    font-size: 0.8rem;
  }
}

/*headings etc*/

.home h2,
.home h4,
.home h5,
.home h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: bolder;
}

h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 26px;
}

h5 {
  font-family: "Open Sans", sans-serif;
  /* font-weight: bolder; */
}

p,
small,
a,
li,
th,
td {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
}

/* Cards: To get fixed height for large only */
@media (min-width: 767px) {
  .join-body {
    min-height: 9rem;
  }
}

/*Hapi Landing Pages*/
.hapi-landing-background {
  /*background-image: linear-gradient(rgba(50, 68, 88, 0.81), rgba(50, 68, 88, 0.81)), url("https://lh3.googleusercontent.com/dw_7zN4XFyv_qeXt2t7k8aA36DWMkUp_Y-XG0VmOKP93rE0sDYMQ2qM9Lafh8nTuCBsebHrsGdQZofcwEyE2=w1140");
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;*/
}

.hapi-landing-background h1,
.hapi-landing-background h4,
.hapi-landing-background p {
  color: white;
  /*text-align: center;*/
}

.hapi-landing-background h1 {
  font-size: 3rem;
}

@media (max-width: 767px) {
  .hapi-landing-background h1 {
    font-size: 2rem;
  }
}

.hapi-landing-how h1 {
  color: #2b3744;
  font-size: 2rem;
}

@media (max-width: 767px) {
  .hapi-landing-how h1 {
    font-size: 1.6rem;
  }
}

.step-container {
  color: #325ba6;
  border: 1px solid #325ba6;
  border-radius: 20px;
  display: inline-block;
}

.step-container p {
  font-size: 1.2rem;
  font-weight: bolder;
}

.hapi-landing-faq h1 {
  color: #325ba6;
}

@media (max-width: 767px) {
  .hapi-landing-faq h1 {
    font-size: 1.6rem;
  }
  .hapi-landing-faq p {
    font-size: 0.85rem;
  }
}

.hapi-landing-faq .question {
  font-weight: bolder;
}

.hapi-landing-faq hr {
  width: 60%;
  border-top: 4px solid #325ba6;
}

.hapi-landing-founder {
  background-color: #233444;
}

.hapi-landing-founder h1 {
  color: #325ba6;
}

@media (max-width: 767px) {
  .hapi-landing-founder h1 {
    font-size: 1.6rem;
  }
}

.hapi-landing-founder .founder-note {
  color: grey;
  font-size: 1.2rem;
  font-style: italic;
}

@media (max-width: 767px) {
  .hapi-landing-founder .founder-note {
    font-size: 1rem;
  }
}

.hapi-landing-founder .founder-bold {
  font-weight: bolder;
  color: darkgrey;
}

/*Osano Cookie-Consent*/
.osano-cm-widget {
  display: none;
}

/*Registration Page*/

.registration-section {
  /*background-color: #233444;*/
}

.registration-section label {
  /*color: #325ba6;*/
  font-weight: bold;
}

.registration-section h5 {
  /*color: #325ba6;*/
}

/*Contact Us Pages*/

.contact-maincontainer {
  background-image: url("../images/contact-us-bg.png");
  /*background-image: linear-gradient(rgba(22, 22, 22, 0.5) 0%, rgba(22, 22, 22, 0.5) 100%), url("../images/contact-us-main.jpg");*/
  /*opacity: 1;*/
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100vw;
  /*background-size: cover;*/
}

.contact-maincontainer h1 {
  color: white;
}

@media (max-width: 700px) {
  .contact-maincontainer h1 {
    color: black;
  }
}

.contact-hr {
  width: 20%;
  margin-top: 3px;
  margin-bottom: 20px;
  border: none;
  height: 3px;
  background: #c5c3c6;
}

.hapi-button-contactus {
  background-color: #325ba6;
  font-weight: bolder;
  color: black;
  border-radius: 40px;
}

.hapi-button-contactus:hover {
  background-color: #f89822;
}

.contactus-cards {
  min-height: 300px;
}

/* Redesigned About Us Page */

.about-providers-section {
  background-image: url("../images/about/doctors-patients-lg.jpg");
  background-position: top;
  background-repeat: no-repeat;
  /*background-size: 100vw;*/
  background-size: cover;
}

@media (max-width: 1200px) {
  .about-providers-section {
    background-image: url("../images/about/doctors-patients-md.jpg");
  }
}

@media (max-width: 500px) {
  .about-providers-section {
    background-image: url("../images/about/doctors-patients-sm.jpg");
  }
}

.ethos-container {
  background-image: url("../images/about/hands-lg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ethos-bold {
  /*font-weight: bolder;*/
  font-weight: 900;
  display: inline;
}

/*video-consultation services formerly patient portal services*/

.service-info {
  color: #bbc0d7;
}

.service-info:hover {
  cursor: pointer;
  opacity: 70%;
}

/*Video Consultations Home Page*/

.service-heading1 {
  font-size: 2rem;
}

.giveaway-terms {
  line-height: 2rem;
}

.aged-care-content-banner {
  color: #333333;
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, #ffffff 30%, #325ba6 100%);
}

.aged-care-wrapper {
  height: 80px;
}

ul.aged-care-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: auto;
}

ul.aged-care-list li {
  display: inline-block;
  text-align: center;
  padding: 10px;
  margin-right: 50px;
  text-decoration: none;
}

ul.aged-care-list li:hover {
  color: brown;
  cursor: pointer;
}

.aged-care-lazy-load-img {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.navbar-toggler:focus {
  outline: none;
  border: 1px solid #294b8c !important;
  box-shadow: 0 0 5px rgba(50, 91, 166, 0.5);
}