@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sanchez:ital@0;1&display=swap');

@font-face {
  font-family: "Ebrima";
  font-weight: normal;
  src: url("../fonts/ebrima.ttf") format("truetype");
}

@font-face {
  font-family: "Ebrima Bold";
  font-weight: bold;
  src: url("../fonts/ebrimabd.ttf") format("truetype");
}

:root {
  --black: #404041;
  --green: #00AAA3;
  --blue: #0E78AA;
  --purple: #3A5BA9;
  --grey: #E0E0E0;
  --yellow: #ffcc66;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: var(--black);
  line-height: 1.6;
}

body.maintenance-page header {
  position: static;
}

body.toolbar-horizontal header {
  position: static;
  /*top: 30px;*/
}

body.toolbar-horizontal header #main-menu {
  background: #252525;
}

body.toolbar-horizontal .masthead::before {
  top: 201px;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

iframe {
  max-width: 100%;
}

h1, h2, h3, h4, h5 {
  font-family: "Ebrima Bold", "Open Sans", sans-serif;
}

@media screen and (min-width: 1500px) {
  .container {
    max-width: 1400px;
    width: 1400px;
  } 
}

@media screen and (max-width: 1500px) {
  .container {
    padding: 0 50px;
  } 
}

.container {
  margin: 0 auto;
  position: relative;
  max-width: 960px;
}

header {
  position: fixed;
  top: 0;
  z-index: 50;
  left: 0;
  width: 100%;
  /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 70px,  rgba(255, 255, 255, 0.7) 50px, transparent); */
}

.scrolled header {
  background: rgba(255, 255, 255, 0.98);
}

header .region-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 25px;
  transition: max-height 0.25s ease, background-color 0.4s ease;
  max-height: 150px;
  min-height: 72px;
}

.scrolled header .region-header {
  max-height: 72px;
  min-height: 72px;
  padding: 5px 50px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

header .site-logo {
  padding: 25px 0;
  margin-left: 0 !important;
}

header .site-logo img {
  max-height: 72px;
}

#block-optimacare-branding {
  /* float: left; */
  /* align-items: stretch; */
  display: flex;
  flex-shrink: 0;
  /* min-height: 4.5em; */
  /* position: relative; */
  z-index: 10;
}

/* Navigation */
.mburger {
  display: none;
}

.nav-toggler {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: rgba(0,0,0,.5);
  border-color: rgba(0,0,0,.1);
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  position: relative;
  z-index: 10;
}

.nav-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#block-optimacare-main-menu,
#block-mainnavigation,
#block-horizontalmenu {
  /* background: white; */
  border: none;  
  min-height: 72px;
  /* max-height: 72px; */
  /* float: right; */
  display: flex;
  align-items: center;
}

.scrolled #block-optimacare-main-menu,
.scrolled #block-mainnavigation,
.scrolled #block-horizontalmenu {
  background: rgba(255, 255, 255, 0.98);
}

#block-optimacare-main-menu .menu,
#block-mainnavigation .menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

#block-optimacare-main-menu .menu li > a,
#block-mainnavigation .menu li > a,
#block-horizontalmenu li > a {
  color: white;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  padding-right: 2rem;
  padding-left: 1rem;
  background-color: transparent;
}

.mm-ocd .horizontal-menu li > a {
  padding: 13px 20px;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent);
  background-color: transparent;
}

#block-optimacare-main-menu .menu li ul > a,
#block-mainnavigation .menu li ul a,
#block-horizontalmenu .horizontal-menu li .sub-nav a {
  color: var(--black);
}

.scrolled #block-optimacare-main-menu .menu li > a,
.scrolled #block-mainnavigation .menu li > a,
.scrolled #block-horizontalmenu .horizontal-menu li a,
.scrolled #block-horizontalmenu .horizontal-menu li .sub-nav a {
  color: var(--black);
}

#block-optimacare-main-menu .menu li > a:hover,
#block-optimacare-main-menu .menu li > a.is-active,
#block-mainnavigation .menu li > a:hover,
#block-mainnavigation .menu li > a.is-active,
#block-horizontalmenu .horizontal-menu li a:hover,
#block-horizontalmenu .horizontal-menu li a.is-active,
.mm-ocd .horizontal-menu li > a.is-active {
  color: var(--green);
}

#block-mainnavigation ul.sf-menu.menu ul,
#block-horizontalmenu .sub-nav {
  background: white;
  border-radius: 5px;
}

#block-mainnavigation ul.sf-menu .sf-sub-indicator {
  right: 0;
}

#block-mainnavigation ul.sf-menu.sf-horizontal.sf-shadow ul,
#block-horizontalmenu .sub-nav {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#block-mainnavigation ul.sf-menu.menu ul a,
#block-horizontalmenu .sub-nav a {
  font-weight: normal;
}

#block-mainnavigation.block-superfish {
  /* width: 50%; */
  flex: 0 1 200px;
}

#main-menu-link-content74eb8089-8ddd-4780-96a2-5c286fea32b0 a,
#block-horizontalmenu .horizontal-menu li:last-child a[href="/search/node"] {
  background: url("../images/icons/search_white_48dp.svg") no-repeat center left;
  background-size: 32px;
  text-indent: -9999px;
}

.scrolled #block-horizontalmenu .horizontal-menu li:last-child a[href="/search/node"] {
  background: url("../images/icons/search_black_48dp.svg") no-repeat center left;
  background-size: 32px;
}

/* Search */
#block-searchform {
  display: none;
}

#block-searchform input[type=submit],
#search-form input[type=submit]{
  color: #fff;
  background-color: var(--green);
  border-color: var(--green);
}

/* Layout Builder */

.path-frontpage .layout:first-child {
  margin-top: 0;
}

.path-frontpage .layout {
  margin: 24px 0;
}

.path-frontpage #block-optimacare-page-title {
  display: none;
}

/* Masthead */
.path-frontpage .masthead {
  display: none;
}

.masthead {
  background: url('../images/shutterstock_1224885013-web.jpg') no-repeat center center;
  padding-top: 300px;
  padding-bottom: 200px;
}

.masthead::before {
  display: block;
  height: 500px;
  content: " ";
  width: 100%;
  /* background: rgba(0, 0, 0, 0.1); */
  background: linear-gradient(180deg, rgba(11, 10, 7, 0.2) 32.22%, rgba(63, 63, 62, 0.2) 79%);
  position: absolute;
  top: 0;
}

.path-partners .masthead {
  background: url('../images/partnership.png') no-repeat center center;
  background-size: cover;
}

.path-contact .masthead {
  background: url('../images/contact-us.png') no-repeat center center;
  background-size: cover;
}

.path-services .masthead,
.path-services-primary-care-provider .masthead,
.path-services-employer-programme .masthead,
.path-services-wellness .masthead,
.path-services-surgical-administration .masthead {
  background: url('../images/Services.png') no-repeat center top;
  background-size: cover;
}

.path-team .masthead,
.page-node-type-team-member .masthead {
  background: url('../images/GettyImages-641867112-1.jpeg') no-repeat top center;
  background-size: cover;  
}

.path-patient-experience .masthead,
.path-what-patients-can-expect .masthead {
  background: url('../images/shutterstock_484253266.jpg') no-repeat center left;
  background-size: cover;    
}

.path-location .masthead {
  background: url('../images/location.jpg') no-repeat center bottom;
  background-size: cover;  
}

.path-faq-page .masthead,
.path-about .masthead {
  background: url('../images/doctor-with-patient.jpg') no-repeat center top;
  background-size: cover;
}

/* Page Titles */
.page-title {
  font-size: 48px;
  font-weight: 700;
  color: var(--green);
  margin-bottom: 32px;
  text-align: center;
}

/* Homepage carousel */

/* .path-frontpage .view-carousel .media--slick {
  padding: 0 !important; 
} */

.path-frontpage .view-carousel .slick-dots {
  bottom: 50px;
}

.path-frontpage .view-carousel .slick-dots li button::before {
  /* color: white; */
  color: var(--black);
}

.path-frontpage .view-carousel .slick-arrow::before {
  color: white;
}

.path-frontpage .view-carousel .slide__constrained {
  padding: 0;
  top: revert;
  bottom: 25px;
  /* width: 500px;
  left: 20%; */
  left: 175px;
  margin-left: 0;
  height: 300px;
  width: 700px;
}

.path-frontpage .view-carousel .slide__caption {
  color: var(--black);
  width: 100%;
  padding: 0;
  top: 0;
}

.path-frontpage .view-carousel .slide__caption .slide__title a {
  font-family: 'Ebrima Bold', sans-serif;
  font-weight: 700;
  color: var(--black);
  /* text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.5); */
  text-transform: none;
}

.path-frontpage .view-carousel .slide__caption .slide__description {
  /* text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.5); */
  font-size: 24px;
} 


.path-frontpage .view-carousel .slide__caption .slide__link a {
  border-radius: 5px;
  border: 2px solid var(--blue);
  background-color: transparent;
  padding: 8px;
  color: var(--blue);
  font-size: 16px;
}

/* About */
.path-frontpage .field--name-body .flex-space-between img {
  margin: 0 50px 0 0;
}

/* Mission */
.path-frontpage .block-field-blocknodepagebody {
  padding: 32px;
  max-width: 960px;
  margin: 0 auto;
}

.path-frontpage .block-field-blocknodepagebody h2 {
  font-size: 48px;
  font-weight: 700;
  color: var(--green);
  margin-bottom: 32px;
  text-align: center;
}

/* Testimonials */
.path-frontpage .block-views-blocktestimonials-block-1,
.path-frontpage .block-views-blocktestimonials-block-2 {
  background: var(--blue);
  color: white;
  padding: 32px 64px;
}

.path-frontpage .block-views-blocktestimonials-block-1 h2,
.path-frontpage .block-views-blocktestimonials-block-2 h2 {
  font-size: 48px;
  font-weight: 700;
  color: white;
  margin-bottom: 32px;
  text-align: center;
}

.path-frontpage .block-views-blocktestimonials-block-2 .view-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto;
}

.path-frontpage .block-views-blocktestimonials-block-2 .view-content .views-row {
  flex: 0 1 450px;
}

.path-frontpage .block-views-blocktestimonials-block-2 .view-content h3::after {
  content: "";
  display: block;
  width: 50px;
  border-bottom: 6px solid var(--green);
}

.block-views-blocktestimonials-block-2 .view-content iframe {
  width: 100%;
  height: 325px;
}

.path-patient-experience .view-testimonials .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-gap: 20px;
}

.path-patient-experience .view-testimonials .view-content .views-row {
  padding: 10px 2em;
  position: relative;
}

.path-patient-experience .view-testimonials .view-content .views-row:nth-child(2n+1) {
  background: var(--blue);
  color: white;
}

.path-patient-experience .view-testimonials .view-content blockquote {
  margin: 0;
  font-size: 21px;
  font-family: Sanchez, serif;
}

.path-patient-experience .view-testimonials .view-content blockquote cite {
  float: right;
  font-weight: bold;
  font-size: 0.8em;
}

.path-patient-experience .view-testimonials .view-content blockquote::before {
  content: '\201D';
  position: absolute;
  top: -30px;
  /* left: -30px; */
  right: 0;
  color: #e7e6e4;
  font-size: 6em;
  font-style: italic;
  z-index: -1;
  font-family: Sanchez, serif;
}

.path-patient-experience .view-testimonials .view-content .views-row:nth-child(2n+1) blockquote::before {
  content: '\201C';
  position: absolute;
  top: -45px;
  left: 0;
  /* right: 0; */
  color: #fff;
  z-index: 1;
}

.path-patient-experience #block-views-block-testimonials-block-2 {
  margin: 50px 0;
}

/* .path-patient-experience #block-views-block-testimonials-block-2 .view-testimonials .view-content {
  display: flex;
} */

.path-patient-experience #block-views-block-testimonials-block-2 .view-testimonials .view-content .views-row {
  padding: 2em;
}

.path-patient-experience #block-views-block-testimonials-block-2 .view-testimonials .view-content  .views-row:nth-child(2n+2) {
  background: var(--purple);
  color: white;
}

.path-patient-experience #block-views-block-testimonials-block-2 .view-testimonials .view-content .views-row h3 {
  margin-top: 0;
}

/* .path-frontpage .block-views-blocktestimonials-block-1 .view-content .testimonial {
  display: flex;
}

.path-frontpage .block-views-blocktestimonials-block-1 .view-content .testimonial .testimonial__image {
  margin-right: 20px;
}

.path-frontpage .block-views-blocktestimonials-block-1 .view-content .testimonial .testimonial__quote {
  font-size: 22px;
} */

/* News */
.path-frontpage .block-views-blocknews-block-1 {
  padding: 32px;
}

.path-frontpage .block-views-blocknews-block-1 h2 {
  font-size: 48px;
  font-weight: 700;
  color: var(--green);
  margin-bottom: 32px;
  text-align: center;
}
.path-frontpage .block-views-blocknews-block-1 .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, 450px);
  grid-gap: 50px;
  max-width: 960px;
  margin: 0 auto;
}

.path-frontpage .block-views-blocknews-block-1 .view-content .news-item {
  background: var(--grey);
}

.path-frontpage .block-views-blocknews-block-1 .view-content .news-item__image img {
  object-fit: cover;
  width: 100%;
  height: 325px;
}

.path-frontpage .block-views-blocknews-block-1 .view-content .news-item__body {
  padding: 30px 25px;
}

.path-frontpage .block-views-blocknews-block-1 .view-content .news-item__body h3 a {
  text-decoration: none;
  color: var(--black);
}

.path-frontpage .block-views-blocknews-block-1 .view-content .news-item__body .news-item__read-more a {
  text-decoration: none;
  color: var(--black);
  font-weight: 700;
}

/* Partners */
.path-partners .field--name-body .partners {
  display: grid;
  grid-template-columns: repeat(auto-fit, 320px);
  grid-gap: 20px;
  align-items: flex-end;
}

.path-partners .field--name-body .partners figcaption {
  text-align: center;
}

/* Team Page */
.path-team .view-team .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 50px;
}

/*
.path-team .view-team .view-content .views-field-field-image img {
  filter: grayscale();
}

.path-team .view-team .view-content .views-field-field-image img:hover {
  filter: none;
}
*/

.path-team .view-team .view-content .views-field-title {
  margin-top: 15px;
}

.path-team .view-team .view-content .views-field-title a {
  color: var(--purple);
  font-size: 21px;
  font-weight: 700;
  text-decoration: none;
}

/* Symptoms and Surgeries Offered */
.path-symptoms .view-surgeries-offered .view-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(300px, 1fr));
  grid-gap: 20px;
}

.path-symptoms .view-surgeries-offered .view-content .views-row {
  padding: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 0.375rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


/* Contact page, Appointment page */

.path-form-make-an-appointment label,
.path-contact label {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}

.path-form-make-an-appointment input,
.path-form-make-an-appointment select,
.path-contact input,
.path-content select {
  height: calc(1.5em + .75rem + 2px);
}

.path-form-make-an-appointment input[type=text],
.path-form-make-an-appointment input[type=number],
.path-form-make-an-appointment input[type=tel],
.path-form-make-an-appointment input[type=email],
.path-form-make-an-appointment textarea,
.path-form-make-an-appointment select,
.path-contact input[type=text],
.path-contact input[type=number],
.path-contact input[type=tel],
.path-contact input[type=email],
.path-contact textarea,
.path-contact select {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;  
}

.path-form-make-an-appointment input[type=submit],
.path-contact input[type=submit] {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.path-form-make-an-appointment input[type=submit].button--primary,
.path-contact input[type=submit].button--primary {
  color: #fff;
  background-color: var(--green);
  border-color: var(--green);
}

/* Footer */
footer {
  margin-top: 32px;
  background: linear-gradient(180deg, rgba(14,120,170,1) 0%, rgba(58,91,169,1) 100%); /*var(--blue);*/
  padding: 32px 0;
}

footer .region-footer {
  color: white;
}

footer .container {
  /* display: flex;
  justify-content: space-between; */
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 16px;
}

/* footer #block-footercontactinfo {
  float: left;
}

footer #block-map {
  float: left;
} */

footer a {
  text-decoration: none;
  color: white;
}

footer .social-media {
  list-style: none;
  padding: 0;
}

footer .social-media li {
  margin-bottom: 10px;
}

footer .social-media .facebook a::before {
  display: inline-block;
  content: " ";
  background: url('../images/icons/Facebook_white.svg') no-repeat left center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  padding-right: 10px;
}

footer .social-media .twitter a::before {
  display: inline-block;
  content: " ";
  background: url('../images/icons/Twitter_white.svg') no-repeat left center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  padding-right: 10px;
}

footer .social-media .instagram a::before {
  display: inline-block;
  content: " ";
  background: url('../images/icons/Instagram_white.svg') no-repeat left center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  padding-right: 10px;
}

footer .social-media .linkedin a::before {
  display: inline-block;
  content: " ";
  background: url('../images/icons/linkedin-logo-white.svg') no-repeat left center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  padding-right: 10px;
}

footer .social-media .instagram a,
footer .social-media .facebook a,
footer .social-media .twitter a,
footer .social-media .linkedin a {
  display: flex;
  align-items: center;
}

.map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-responsive iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* Misc */
a {
  text-decoration: none;
  color: var(--purple);
}

.button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.button--primary {
  color: #fff;
  background-color: var(--green);
  border-color: var(--green);
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1rem;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--black);
}

td,
th {
  padding: 1rem;
  border: 1px solid var(--black);
}

/* What Can Patients Expect Chat */
.path-what-patients-can-expect ol {
  list-style: none;
  padding-left: 0;
  width: 75%;
  margin: 0 auto;
}

.path-what-patients-can-expect ol li {
  background: var(--blue);
  padding: 1rem;
  color: white;
  margin: 3rem 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
}

.path-what-patients-can-expect ol li:nth-child(2n + 1) {
  background: var(--green);
}

.path-what-patients-can-expect ol li::after {
  display: block;
  content: " ";
  background: url('../images/icons/arrow_downward-black-48dp.svg') no-repeat center center;
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: -50px;
}

.path-what-patients-can-expect ol li:last-child::after {
  background: none;
}

/* Services */
.path-services ol {
  list-style: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  grid-gap: 20px;
}

.path-services ol li {
  background: var(--green);
  color: white;
}

.path-services ol li:nth-child(2n + 1) {
  background: var(--purple);
}

.path-services ol li:hover {
  background: var(--blue);
}

.path-services ol li a {
  color: white;
  display: block;
  padding: 2rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.path-services ol li a::before {
  display: block;
  content: " ";
  background: url("../images/icons/local_hospital-white-48dp.svg") no-repeat center center;
  width: 48px;
  height: 48px;
}

.path-services ol li:nth-child(1) a::before {
  background: url("../images/icons/local_pharmacy-white-48dp.svg") no-repeat center center;
}

.path-services ol li:nth-child(2) a::before {
  background: url("../images/icons/medical_services-white-48dp.svg") no-repeat center center;
}

.path-services ol li:nth-child(5) a::before {
  background: url("../images/icons/spa-white-48dp.svg") no-repeat center center;
}

.path-services ol li:nth-child(4) a::before {
  background: url("../images/icons/corporate_fare_white_48dp.svg") no-repeat center center;
}

/* Frequently Asked Questions */
.path-faq-page .faq-question-answer {
  padding: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 0.375rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
}

.path-faq-page .faq-question-answer .faq-question {
  display: flex;
  justify-content: space-between;
}

.path-faq-page .faq-question-answer .faq-question::after {
  display: block;
  content: "";
  background: url("../images/icons/expand_more_black_24dp.svg") no-repeat top right;
  width: 24px;
  height:24px;
}

.path-faq-page .faq-question-answer .faq-question.faq-qa-visible::after {
  display: block;
  content: "";
  background: url("../images/icons/expand_less_black_24dp.svg") no-repeat top right;
  width: 24px;
  height:24px;
}

/* Mantras */
.mantra {
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  clear: both;
  text-align: center;
  margin: 2rem;
}

.mantra--green {
  color: var(--green); 
}

.mantra--purple {
  color: var(--purple); 
}

.mantra--blue {
  color: var(--blue); 
}

/* Values Chart */
.path-about .our-values {
  display: grid;
  grid-template-columns: repeat(3, 175px);
  grid-template-rows: repeat(3, 175px);
  grid-gap: 1rem;
}

.path-about .our-values .value {
  background: var(--purple);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  font-weight: 700;
}

.path-about .our-values .value:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}

.path-about .our-values .value:nth-child(2) {
  grid-column: 3;
  grid-row: 2;
  background: var(--green);
}

.path-about .our-values .value:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
  background: var(--yellow);
}

.path-about .our-values .value:nth-child(4) {
  grid-column: 2;
  grid-row: 3;
}

.path-about .our-values .value:nth-child(5) {
  grid-column: 1;
  grid-row: 2;
  background: var(--green);
}

/* Vision Boxes */
.outlook {
  display: flex;
}

.box {
  display: flex;
  width: 400px;
}

.box ul {
  margin: 0;
  padding: 1rem 2rem;
  width: 100%;
}

.outlook h4 {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  text-transform: uppercase;
/*   transform: rotate(-180deg); */
  margin: 0;
}

.outlook .mission ul {
  background: var(--blue);
  color: white;
}

.outlook .vision ul {
  background: var(--green);
  color: white;
}

.outlook .values ul {
  background: var(--purple);
  color: white;
}

/* Responsive Styles */
@media screen and (min-width: 768px) {
  .nav-toggler {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .path-frontpage .view-carousel .slide__constrained {
    position: absolute;
    width: 500px;
    top: revert;
    margin-left: 0;
    bottom: 20px;
    padding: 0;
    left: 70px;
    height: 150px;
  }

  .path-frontpage .view-carousel .slide__caption {
    font-size: 24px;
    padding: 0 25px;
  }

  .path-frontpage .view-carousel .slide__caption .slide__title {
    font-size: 1.5rem;
  }

  .path-frontpage .view-carousel .slide__caption .slide__description {
    font-size: 1rem;
  }
}

@media screen and (max-width: 960px) {
  .outlook {
    flex-direction: column;
    justify-content: space-between;
  }

  .outlook .box {
    margin-bottom: 1rem;
    width: 100%;
  }

  .path-services ol {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }

  .path-frontpage .field--name-body .flex-space-between img {
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .mburger {
    display: block;
  }

  #block-optimacare-main-menu {
    /* flex-direction: column;
    max-height: max-content;
    align-items: stretch;
    justify-content: space-around; */
  }

  #block-optimacare-main-menu .menu {
    /* display: none; */
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* justify-content: space-around; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    padding: 100px 0 0 0;
    opacity: 0;
    transition: all .75s ease-in-out;
    z-index: 2;
    background-color: white;
    margin-left: 0;
  }

  #block-optimacare-main-menu .menu.show {
    height: 100vh;
    opacity: 1;
    transition: all .75s ease-in-out;
  }

  #block-optimacare-main-menu .menu a {
    display: block;
    text-align: center;
  }

  #block-optimacare-main-menu .menu .menu-item {
    margin: 20px 0;
  }

  header .region-header {
    max-height: inherit;
    /* flex-direction: column; */
  }

  .scrolled header .region-header {
    max-height: inherit;
  }

  #block-mainnavigation {
    /* flex-direction: column; */
    justify-content: flex-end;
  }

  #block-mainnavigation.block-superfish {
    /* width: 100%; */
    text-align: center;
  }

  #block-mainnavigation .menu {
    display: block;
  }

  #block-mainnavigation .menu.sf-expanded {
    height: 100vh;
    transition: all .75s ease-in-out;
  }

  #block-mainnavigation .menu.sf-hidden {
    height: 1px;
    transition: all .75s ease-in-out;
  }

  #superfish-main-toggle {
    display: flex;
    align-items: center;
  }

  #superfish-main-toggle::before {
    display: inline-block;
    content: "";
    background: url("../images/icons/menu-black-48dp.svg") no-repeat left center;
    background-size: 24px;
    height: 24px;
    width: 24px;
    margin-right: 10px;
  }

  /* .path-frontpage .block-views-blocktestimonials-block-1 .view-content .testimonial {
    flex-direction: column;
    padding-bottom: 25px;
  }

  .path-frontpage .block-views-blocknews-block-1 .view-content {
    grid-template-columns: 1fr;
  }

  .path-frontpage .block-views-blocktestimonials-block-1,
  .path-frontpage .block-views-blocknews-block-1 {
    padding: 0;
  }

  .path-frontpage .block-views-blocktestimonials-block-1 .view-content .testimonial .testimonial__image,
  .path-frontpage .block-views-blocktestimonials-block-1 .view-content .testimonial .testimonial__quote {
    display: flex;
    align-items: center;
    flex-direction: column;
  } */

  .path-frontpage .layout:first-child {
    margin-top: 120px;
  }

  .path-frontpage .slick--skin--fullwidth .slide__media img {
    /* width: 100%; */
    height: auto;
    object-fit: cover;
  }

  .path-frontpage .view-carousel .slide__constrained {
    /* position: absolute; */
    position: static;
    width: 500px;
    top: revert;
    margin-left: 0;
    bottom: 20px;
    padding: 0;
    left: 50px;
    /* height: 150px; */
    height: inherit;
  }

  .path-frontpage .view-carousel .slide__caption {
    /* width: 75%; */
    width: 100%;
  }

  /* .path-frontpage .view-carousel .slide__caption .slide__title a {
    font-size: 32px;
  } */

  .path-frontpage .view-carousel .slick-dots {
    bottom: 15px;
  }

  .path-frontpage .block-views-blocktestimonials-block-2 .view-content {
    justify-content: center;
  }

  .path-frontpage .block-views-blocknews-block-1 .view-content {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .path-frontpage .block-field-blocknodepagebody h2,
  .path-frontpage .block-views-blocktestimonials-block-2 h2,
  .path-frontpage .block-views-blocknews-block-1 h2 {
    font-size: 32px;
  }

  .flex-space-between {
    flex-wrap: wrap;
  }

  footer .container {
    /* flex-wrap: wrap; */
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 650px) {
  header .region-header {
    background: white;
  }
  
  .path-about .our-values {
    grid-template-columns: repeat(3, 150px);
    grid-template-rows: repeat(3, 150px);
  }

  .path-about .our-values .value {
    font-size: 12px;
  }

  .path-frontpage .field--name-body .flex-space-between img {
    margin: 0;
  }

  .path-frontpage .block-views-blocknews-block-1 {
    padding: 0;
  }

  .path-frontpage .block-views-blocktestimonials-block-1, 
  .path-frontpage .block-views-blocktestimonials-block-2 {
    padding: 32px;
  }
}

@media screen and (max-width: 480px) {
  .align-left {
    float: none;
  }
  .path-frontpage .block-field-blocknodepagebody {
    padding: 16px;
  }

  .path-frontpage .slick--skin--fullwidth .slide__media img {
    /* width: 100%; */
    /* height: 500px; */
    height: auto;
    object-fit: cover;
  }

  .path-frontpage .view-carousel .slide__constrained {
    /* top: 5%; */
    left: 25px;
    width: 300px;
    bottom: 0;
  }

  .path-frontpage .view-carousel .slide__caption {
    font-size: 16px;
    /* padding: 0; */
  }

  .path-frontpage .view-carousel .slide__link {
    margin: 30px auto 0 auto;
  }

  .path-frontpage .view-carousel .slide__caption .slide__link a {
    background: var(--blue);
    color: white;
  }

  .path-frontpage .view-carousel .slick-dots {
    bottom: 5px;
  }

  .path-frontpage .block-views-blocknews-block-1 {
    padding: 16px;
  }

  .path-frontpage .block-views-blocknews-block-1 .container {
    padding: 0;
  }

  footer .container {
    display: flex;
    flex-direction: column;
  }

  .outlook .box {
    flex-direction: column;
  }

  .outlook h4 {
   writing-mode: unset; 
  }

  .path-services ol {
    grid-template-columns: 1fr;
  }

  .path-about .our-values {
    grid-template-columns: repeat(3, 100px);
    grid-template-rows: repeat(3, 100px);
  }

  .path-about .our-values .value {
    font-size: 12px;
  }

  .path-frontpage .view-carousel .slide__caption .slide__title a {
    font-size: 24px;
  }

  /* .path-frontpage .view-carousel .slide__caption .slide__description {
    display: none;
  } */
}