:root{
  --fc-event-text-color:auto;
  --ap-green:#80AB59;
  --ap-light-green:#d7e2cd;
  --ap-green-dark:#25545D;
  --ap-green-dark2:#406E77;
  --fc-event-bg-color:var(--ap-green);
  --fc-event-border-color:var(--ap-green);
  --ap-blue:#91BBBC;
  --ap-light-blue:#e0e8e9;
  --ap-orange:#CEAE5C;
  --ap-orange2:#d39e00;
  --ap-pending:#f3b617;
  --ap-light-orange:#ece6d5;
  --ap-red:#df5e59;
  --ap-light-red:#edbcb9;
  --ap-yellow:#968717;
  --ap-light-yellow:#e1d160;
  --ap-light-grey:#F4F4F4;
  --ap-grey:#efefef;
  --ap-grey-hover:#f8f9fa;
  --fc-button-active-bg-color:var(--ap-green);
  --fc-button-active-border-color:var(--ap-green);
  --ap-green-portal:#1C434A;
  --ap-grey-2:#D0D0D0;
  --ap-table-grid-light:#F8F9FA;
  --ap-table-grid-border:#C0CBCF;
  --color-fg-primary:var(--ap-green-dark);
  --color-bg-inrange:var(--ap-green);

}

html{
  scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif;
}

body.modal-open {
  overflow-y: hidden;
}


html,body{
  overflow-x: hidden;
  height:100%;
}

.container {
  max-width: 1280px !important;
}

.full_container{
  width:100%;
  /*max-width:2240px !important;*/
  margin:0px auto;
}

h1 {
  font-size:2.375rem !important;
  font-weight: 800 !important;
}

.image-banner-section-content h1{
  font-size:2.675rem !important;
}

h2 {
  font-size: 2rem !important;
  font-weight: 800 !important;
}

h3 {
  font-size: 1.625rem !important;
  font-weight: 800 !important;;
}

h4 {
  font-size: 1.35rem !important;;
  font-weight: 600 !important;;
}

h5 {
  font-size: 0.9rem !important;;
  font-weight: 600 !important;;
}



a {
  color: #80AB59;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #25545D;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}


@media screen and (max-width:767px){
  h2 {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
  }
}





.bg-pale-green span,
.bg-pale-green .text-brand-secondary,
.text-brand-secondary {
  color: #25545D;
}

.green_container .text-brand-secondary{
  color:#FFF;
}


.green_container span{
  color:#FFF;
}

.bg-pale-green div,
.bg-pale-green span,
.bg-pale-green .text-brand-secondary{
  color: #25545D;
}


.bg-light {

  background-color: #EFEFF3 !important;
  /* This grey has a slight blue tone vs the plain grey in the original colour */

}

.bg-pale-green {
 /* background: rgba(241, 246, 239, 1) !important;*/
 background: #F6F6EF !important;
}

.card {
  border-color: #80AB59;
}

.btn {
  padding: 15px;
  border: 0;
  /* border-radius: 10px !important; */
  border-radius: 10px;
  transform-origin: center;
}



.btn-white {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-white.active,
.btn-white:hover {
  color: #ffffff;
  background-color: #25545D;
  border-color: #25545D;
}

.bg-grey{
  background-color: var(--ap-grey);
}


.btn-grey{
  color: var(--ap-green-dark);
  background-color: var(--ap-grey);
  border-color: var(--ap-grey);
}

.btn-grey:hover{
  color: #FFF;
  background-color: var(--ap-green-dark);
  border-color: var(--ap-green-dark);

}

.btn-grey.active,
.btn-checkbox.active{
  color: #FFF;
  background-color: var(--ap-green-dark);
  border-color: var(--ap-green-dark);
}

.btn-primary {
  color: #fff;
  background-color: var(--ap-green);
  border-color: var(--ap-green);
  font-weight:bold;
}

.btn-primary.btn-primary-dark2:hover {
  color: #fff;
  background-color: var(--ap-green-dark2);
  border-color: var(--ap-green-dark2);
}



.btn-primary:hover {
  color: #fff;
  background-color: var(--ap-green-dark);
  border-color: var(--ap-green-dark);
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: var(--ap-green);
  border-color: var(--ap-green);
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--ap-green-dark);
  border-color: var(--ap-green-dark);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--ap-green-dark);
  border-color: var(--ap-green-dark);
}


.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}



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

.btn-primary-alt:hover {
  color: #fff;
  background-color: var(--ap-green-dark);
  border-color: var(--ap-green-dark);
}

.btn-primary-alt:focus,
.btn-primary-alt.focus {
  color: #fff;
  background-color: var(--ap-green);
  border-color: var(--ap-green);
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}

.btn-primary-alt.disabled,
.btn-primary-alt:disabled {
  color: #fff;
  background-color: #444;
  border-color: #444;
}

.btn-primary-alt:not(:disabled):not(.disabled):active,
.btn-primary-alt:not(:disabled):not(.disabled).active,
.show>.btn-primary-alt.dropdown-toggle {
  color: #fff;
  background-color: var(--ap-green-dark);
  border-color: var(--ap-green-dark);
}

.btn-primary-alt:not(:disabled):not(.disabled):active:focus,
.btn-primary-alt:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary-alt.dropdown-toggle:focus {
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}

.green_container .btn-primary:hover{
  color: #25545D;
  background-color: #FFF;
  border-color: #FFF;
}


.green_container .btn-pale-green,
.btn-pale-green{
  background-color:#F6F6EF;
  border-color:#F6F6EF;
  color:#25545D;
}

.green_container .btn-pale-green:hover,
.btn-pale-green:hover{
  background-color:#80AB59;
  border-color:#80AB59;
  color:#FFF;
}

.text-brand-secondary {
  color: #25545D;

}

.text-brand-primary{
  color:#80AB59;
}

.bg-brand{
  border-color:#80AB59;
  background-color: #80AB59;
}

.bg-brand-secondary {
  color: #fff;
  background-color: #25545D;
  border-color: #25545D;
}



.btn-brand-secondary {
  color: #fff;
  background-color: #80AB59;
  border-color: #80AB59;
  font-weight: 700;
}

.btn-brand-secondary-r{
  color: #fff;
  background-color: #25545D;
  border-color: #25545D;
  font-weight: 700;
}


.btn-brand-secondary-b{
  color: #fff;
  background-color: var(--ap-green);
  border-color: var(--ap-green);
  font-weight: 700;
}


.btn-brand-secondary:hover {
  color: #fff;
  background-color: #25545D;
  border-color: #25545D;
}

.btn-brand-secondary-r:hover {
  color: #fff;
  background-color: #80AB59;
  border-color: #80AB59;
}

.btn-brand-secondary-b:hover {
  color: #fff;
  background-color: var(--ap-blue);
  border-color: var(--ap-blue);
}
.btn-brand-secondary-g:focus,
.btn-brand-secondary-g.focus,
.btn-brand-secondary-r:focus,
.btn-brand-secondary-r.focus {
  color: #fff;
  background-color: #80AB59;
  border-color: #80AB59;
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}

.btn-brand-secondary-g:disabled,
.btn-brand-secondary-g.disabled {
  color: #fff;
  background-color: var(--ap-grey);
  border-color: var(--ap-grey);
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}

.btn-brand-secondary-r:disabled,
.btn-brand-secondary-r.disabled {
  color: #fff;
  background-color: #25545D;
  border-color: #25545D;
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}


.btn-brand-secondary:focus,
.btn-brand-secondary.focus {
  color: #fff;
  background-color: #25545D;
  border-color: #25545D;
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}

.btn-brand-secondary.disabled,
.btn-brand-secondary:disabled {
  color: #fff;
  background-color: #80AB59;
  border-color: #80AB59;
}

.btn-brand-secondary:not(:disabled):not(.disabled):active,
.btn-brand-secondary:not(:disabled):not(.disabled).active,
.show>.btn-brand-secondary.dropdown-toggle {
  color: #fff;
  background-color: #80AB59;
  border-color: #80AB59;
}

.btn-brand-secondary-r:not(:disabled):not(.disabled):active,
.btn-brand-secondary-r:not(:disabled):not(.disabled).active,
.show>.btn-brand-secondary-r.dropdown-toggle {
  color: #fff;
  background-color: #25545D;
  border-color: #25545D;
}
.btn-brand-secondary-r:not(:disabled):not(.disabled):active:focus,
.btn-brand-secondary-r:not(:disabled):not(.disabled).active:focus,
.show>.btn-brand-secondary-r.dropdown-toggle:focus,
.btn-brand-secondary:not(:disabled):not(.disabled):active:focus,
.btn-brand-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-brand-secondary.dropdown-toggle:focus {
  /* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
  box-shadow: none;
}

.btn-brand-secondary-r.mixitup-control-active{
  background: #80AB59;
}

/*
.nav-custom {
  padding: 0.5rem 0.5rem;
  /* text-transform: uppercase; 
  font-weight: 700;
  *
  font-size: 1rem;
  border-radius:0.5rem;
}

.nav-custom:hover{
  background-color:#f5f5f5;
  color:#1e1e1e;
}

*/

  
.nav-custom {
  font-weight:bold;
  font-size:1rem;
  color:#fff;
  
  padding:8px 15px;
  border-radius:6px;

  background-color: transparent; /* Set a default background color */
transition: background-color 0.3s ease; /* Animate the background color */

  
}

.nav-custom:hover {
  background-color:var(--ap-green);
}

.nav-link {
  padding: 0;
  color: rgba(5, 70, 80, 1);
}

.header .nav-link{
  color: #FFF;
}

.title-module {
  border-top: 2px solid #d9d9d9;
}

.bg-cor-second {
  background: #25545D;
}

.clear-link {
  text-decoration: none;
  color: rgba(5, 70, 80, 1);
}

a {
  color: rgba(89, 152, 72, 1);
  font-weight: 700;
}

.card-blog {
  box-shadow: 0px 0px 10px #0000003d;
  font-size: 0.9rem;
}

.card-blog a {
  color: #000;
  font-size: 0.9rem;
}

.bg-cor-blog {
  background: rgba(241, 246, 239, 1);
  padding: 1rem;
}





.btn-less-padding {
  padding: 6px 2.5rem !important;
  min-width: 180px !important;
}

@media (max-width: 450px) {
  .btn-less-padding {
    padding: 6px 24px !important;
    min-width: 100% !important;
  }
}


.padding-0{
  padding:0px;
}



.ap_thu {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 4.5rem !important;
  height: 4.5rem !important;
  margin-right: 1rem !important;
  margin-left: 0 !important;
  margin-bottom: 1rem !important;
  z-index: 55 !important;
  cursor: pointer !important;
}
.image_no_thu,
.ap_no_thu {
  position: relative !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  z-index: 1 !important;
}

.image_thu{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width:0px !important;
  height:0px !important;
}

.mixitup_grid{
  position: relative;
  height:200px;
}

.mixitup_grid > * {
  position: absolute;
  width:100%;

}

.mixitup_grid.mix{
  border-radius: 0.875rem !important;
}

.rounded_new{
  border-radius: 0.875rem;
}


.green_container,.white_container{
  padding: 3.75rem 0px;
}

.green_container .btn-brand-secondary:hover {
  color: #25545D;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.white_container .btn-brand-secondary:hover {
  color: #FFFFFF;
  background-color: #25545D;
  border-color: #25545D;
}

@media screen and (max-width:767px) {
  
  .green_container, .white_container{
    padding:2rem 0px;
  }
  
}

.mixitup_grid img{
  width:100%;
  padding:0px;
  margin:0px;
}

.mixitup_grid .card-title{
  bottom:0px;
  background-color:#80AB59B3;
  color:#FFF;
  margin:0px !important;
  padding:0.875rem;
  border-bottom-left-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;

}

.mixitup_grid:hover .card-title{
  background-color:#80AB59;
}


.home_categories_item img{
  max-width:6.25rem;
}

.grid_item{
  margin:0px 0.75rem;

}

.grid_item p{
    font-size:0.875rem;
    color:#FFF;
    font-weight: 400;
}

.grid_item.home_categories_item {
  display: inline-block;
  width:120px;
}

.grid_item.home_categories_item:hover{
  opacity: 0.8;
}

@media screen and (max-width:767px){
  .grid_item.home_categories_item p{
    font-weight:bold;
  }
}

.grid_container {
  margin: 0px auto;
}

section.green_container {
  background-color: #25545D;
}

section.signup_section ul{
  list-style: none;
  padding-inline-start:0px;
}

section.signup_section ul > li > div > img{
  width:1.5rem;

}

section.signup_section ul > li > div > span{
  font-size:1.25rem;
  line-height:1.25rem;
}

@media screen and (max-width:768px){
  section.signup_section ul > li > div > span{
    font-size:1.125rem;
    line-height:1.125rem;
  }
}

section.signup_section .card-blog{
  border-radius: 1.0625rem;
}


.green_container .slider_item {
  color:#FFF;
  margin:0.5rem 0.2%;
  padding:0.5rem;
}

.slider_item{
  height:auto !important;
}

.slider_item img{
  aspect-ratio:1;
  object-fit:cover;
  border-radius:1.0625rem;

}

.slider_item p{
  margin:0.5rem;
  padding:0.5rem;
  text-align:center;
}


.banner_section{
  position:relative;
  min-height:17.125rem;
}

.banner_section .overlay{
  background-color: #25545D99;
  position: absolute;
  width:100%;
  height:100%;
}


.banner_section_inner {
  z-index: 1000;
  position: absolute;
  width:100vw;
  top: 50%;
  transform: translate(0%, -50%);
}

.banner_section_inner h1,
.banner_section_inner h2,
.banner_section_inner h3 {
  color: #FFF;
}

.banner_section_inner p {
  color: #FFF;
}


@media screen and (max-width: 1048px){
  .banner_section_inner h1{
    font-size:1.75rem !important;
  }
  .banner_section_inner h2,
  .banner_section_inner h3{

    font-size:1.5rem !important;
  }

  .banner_section_inner p {
    font-size:0.875rem;
  }
  .banner_section_inner hr {
    display:none;
  }

}

@media screen and (max-width: 1080px){

#nav_head_logo{
  height:30px;
}

}

#blog_side_bar hr,
.pharmacy_banner_section_opening hr,
.banner_section_inner hr {
  border: 0.25rem solid #80AB59;
  border-radius: 20px;
  width: 8.5rem;
  text-align: left;
  margin: 1rem 0px;
}

.green_hr{
  border: 0.25rem solid #80AB59;
  border-radius: 20px;
  text-align: left;
  margin: 1rem 0px;
}

.pharmacy_banner_section_opening hr{
    width:5.375rem;
    border: 0.125rem solid #80AB59;
    margin: 0.5rem 0;
}

#blog_side_bar hr{
  width:25%;
  border: 0.125rem solid #80AB59;
}

.footer_hr{
  width:3.5rem;
  margin: 0rem 0px;
  border: 0.125rem solid #80AB59;
}

.banner_section .banner_image{
  background-size:cover;
  padding-top:43vh;
  background-repeat:no-repeat;
}

#index_banner_section.banner_section .banner_image{
  padding-top:50vh;
}

#index_banner_section .banner_section_inner span{
  color:#80AB59; font-size:10px;font-weight:bold;font-style:italic;
}

@media screen and  (min-width: 992px){
  #index_banner_section .banner_section_inner p{
    font-size:1.5rem;font-weight:bold;line-height:2.5rem;
  }

  #index_banner_section .banner_section_inner span{
    color:#80AB59;font-size:14px;
  }
}



@media (min-width: 1200px) and (max-width: 2239px){
  .banner_section .banner_image{
    background-size:100%;
    padding-top:25.25%;
  }

  #index_banner_section.banner_section .banner_image{
    padding-top:30%;
  }

}

@media screen and (min-width: 2240px){
  .banner_section .banner_image{
    background-size:100%;
    padding-top:50vh;
  }

  #index_banner_section.banner_section .banner_image{
    padding-top:50vh;
  }
}

.service_section_category .btn-brand-secondary-r{
  width:30%;
}
@media screen and (min-width: 1024px){
  .service_section_category .btn-brand-secondary-r{
    width:15%;
  }
}


.image_banner_section.extendable{
  max-height:21.25rem;
  height:28.3vw;
}
.image_banner_section_image{
  transition:all 0.3s ease 0s;
}

.image_banner_section_image_section > div > div{
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
  border-radius: 1.25rem;
  width:100%;
  height:100%;

}

.image_banner_section_image_section > div > img{
  border-radius: 1.25rem;
}

.leaflet-control-container span{
  color:#000;
}

@media screen and (max-width:1199px){
  .image_banner_section.extendable{
    height:calc(660px - 28vw);
  }

  .image_banner_section_content_section h1{
    font-size:2.375rem;
  }

  

  .image_banner_section_content_section h2{
     font-size:1.75rem;
  }

  .image_banner_section_content_section h3{
    font-size:1.625rem;
 }
}

@media screen and (max-width:991px){
  .image_banner_section.extendable{
    max-height:none;
    height:calc(660px - 36vh);
  }




  .image_banner_section_image_section > div{
    max-width: 100% !important;
  }

  .image_banner_section_content_section{
    text-align: center;
  }
}

.form-control.no-focus-color:focus{
  border: 1px solid #ced4da;
  box-shadow: none;
}

.content_container b{
  color:#25545D;
  font-size:1.5rem;
}

@media screen and (max-width:767px){
  .content_container{
    text-align:center;
  }
}


.serivce_pharmacy{
  background:#FFF;
  border-radius:0.5rem;
}

.pharmacy_banner_section .image_banner_section_image_section > div{
  position:relative;
}

.pharmacy_banner_section_buttonlist .btn {
  padding:10px 1rem !important;
}

.pharmacy_banner_section_buttonlist > div{
  
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 1rem;

}

.pharmacy_banner_section_buttonlist > div > div{
    flex: 1 1 10rem;
}

.pharmacy_banner_section_opening{
  border-radius: 0.5625rem;
}

.pharmacy_banner_section_opening .today{
  background:#80AB5990;
  border-radius:5px;
}

.pharmacy_banner_section{
  max-height:23.25rem;
}

.left_stroke{
  width:0.4rem;
  min-width:0.4rem;
  height: 33px;
  background:#ccd4c3;
  border-radius: 5px;
  margin-right:1rem;
}

.left_stroke.active{
  background:var(--ap-green);
}


.has-error .help-block {
  --bs-text-opacity: 1;
  color: var(--danger) !important;
}

.has-error .form-control{
  border-color: var(--danger) !important;
}

.booking_form_section > div{
  display:flex;
}

.modal-content{
  border-radius: 1rem;
  overflow:hidden;
}

.modal-content .close{
  position: absolute;
  right: 10px;
  padding:10px;
  color:var(--ap-green-dark);
  z-index: 10000;
  margin: 0px;
  top: 10px;
  line-height: 0;
}


.modal-header{
  border-top-left-radius:0.5625rem;
  border-top-right-radius:0.5625rem;
}

.modal-body{
  border-bottom-left-radius:0.5625rem;
  border-bottom-right-radius:0.5625rem;
}



@media screen and (max-width:932px){
  #home_service_section .grid_container{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
 
  }
  .grid_item.home_categories_item{
    width:100%;
    margin:0px;
  }
}

.green_field{
  background: #80AB59;color: #FFF;font-weight: 800;
}

.form-control.postcode_input_field:focus{
  border:1px solid #ced4da;
  border-left:none;
  box-shadow:none;
}

.find-pharmacy-banner-section .select2-container {
  width: calc(100% - 101px) !important;
}

.select2-container .select2-selection--single.postcode_input_field {
  border-top-left-radius: 6px;
   border-bottom-left-radius:6px; 
}

.select2-container .select2-selection--single.postcode_input_field {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  position: relative;
}

#address-search-button {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/*Select 2 */
.select2-container .select2-selection--single{
  height:fit-content;
  padding:.375rem .75rem;
  border: none;
  border-radius: 6px;
  border: 1px #ddd solid;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding:0;
  line-height:24px;

}

.select2-selection__rendered{
  font-size:1rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:37px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  outline:none;
}

.modal-content .close{
  position: absolute;
  right: 10px;
  padding:10px;
  color:var(--ap-green-dark);
  z-index: 10000;
  margin: 0px;
  top: 10px;
  line-height: 0;
}

.clear-location{
  cursor: pointer;
  position: absolute;
  right: 76px;
  top: 0.45rem;
  padding: 5px;
  width: 26px;
  height: 26px;
  display:none;
}