/* #region Common */

body {
    font-family: 'NexaLight', Arial;
	font-size: 16px;
	font-weight: 400;
	color: #444;
    background-color: #ffffff;
	margin: 0;
}

a,
a:hover,
a:focus {
    color: #005d48;
}

a img {
    border: none;
}

a > .fa {
    margin-right: 7px;
}

h1 {
	font-family: 'Enticing Script';
	font-size: 36px;
	text-align: center;
	color: #005d48;
}

h2 {
	font-family: 'Enticing Script';
	font-size: 30px;
	color: #005d48;
	margin-top: 0;
}

h3 {
	font-size: 18px;
	color: #818181;
	margin: 10px 0 20px 0;
}

.small {
	font-size: 12px;
}

.large {
	font-size: 24px;
}

.text-green {
	color: #005d48;
}

.text-grey {
	color: #a2a7ab;
}

.text-bold {
	font-family: 'NexaBold', Arial;
}

.has-error .form-control {
	background-color: #ffe6e6;
}

.img-opacity {
	filter: opacity(50%);
}

.img-frame {
	background-color: #fff;
	border: solid 15px #ffffff;
	box-shadow: 0 0 22px -5px #0f0f0f;
}

.form-control:focus {
	border-color: #005D48;
	box-shadow: 0 0 0 0.2rem rgba(0, 93, 72,.25);
}

.btn {
	font-family: 'NexaBold', Arial;
	font-size: 15px;
	text-transform: uppercase;
	border-radius: 0;
	padding: 10px 20px;
	
}

.btn-sm {
	padding: .375rem .75rem;
}

.btn-primary,
.btn-primary:visited,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
	color: #ffffff;
	background-color: #005d48 !important;
    border-color: #005d48 !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover {
	background-color: #005d48 !important;
	border-color: #005d48 !important;
}

.btn-secondary,
.btn-secondary:visited,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus{
	color: #005d48;
	background-color: #ffffff !important;
   	border-color: #005d48 !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:active:hover {
	color: #005d48;
	box-shadow: 0 0 22px -5px #3a3a3a;
}

.carousel-indicators > li {
    width: 15px;
    height: 15px;
    background-color: #A5ABAF;
	opacity: 1;
}

.carousel-indicators > li.active {
	background-color: #005d48;
}

.card {
	border: none;
	margin-bottom: 30px;
}

.card .card-body {
	padding: 0;
}

.pagination {
	margin: 20px 0;
}

.pagination > .page-item > .page-link {
	color: #005d48;
}

.pagination > .page-item.active > .page-link {
	color: #ffffff;
    background-color: #005d48;
    border-color: #005d48;
}

.pagination > .page-item > .page-link .fa {
	margin-right: 0;
}

.pagination > .page-item.disabled > .page-link {
	color: #444;
}

@media (min-width: 768px) {
	h1 {
		font-size: 48px;
		margin: 20px;
	}

	h2 {
		font-size: 40px;
	}

	h3 {
		font-size: 20px;
		margin: 10px 0 20px 0;
	}

	.large {
		font-size: 36px;
	}
}

/* #endregion */

/* #region Header */

header {
	background-color: #ffffff;
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

header > a > img {
	max-width: 430px;
	margin: 0px auto;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	display: none;
}

header .menu-top {
	float: right;
	list-style: none;
	display: none;
}

header .menu-top li {
	display: inline-block;
}

header .menu-top li a {
	font-size: 10px;
	text-transform: uppercase;
	padding-left: 10px;
}

header .menu-top li a span {
	display: none;
}

header .menu-top li:not(:first-child) a {
	border-left: solid 1px black;
}

header .menu-top li a img {
	max-height: 23px;
	width: auto;
	padding-right: 5px;
}

.navbar {
	background-color: #ffffff;
}

.navbar-toggler,
.navbar-toggler:hover {
    border-color: #005d48;
	color: #005d48;
}

.navbar-toggler-icon .fa {
	padding-top: 5px;
}

.navbar-brand img {
	max-width: 250px;
	height: auto;
}

.navbar-nav .nav-item .nav-link {
    font-size: 12px;
	color: #444;
    text-transform: uppercase;
}

.navbar-top {
	border-bottom: solid 1px #a2a7ab;
	margin-bottom: 15px;
}

.navbar-top .nav-item {
	display: inline-block;
	padding-right: 25px;
}

.navbar-top .nav-item .nav-link img {
	max-height: 30px;
	height: auto;
	padding-right: 5px;
}

.navbar-bottom .nav-item .nav-link > img {
	max-height: 21px;
	width: auto;
}

.navbar-bottom .nav-item .dropdown-menu {
    border: none;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus,
.navbar-nav .nav-item.active .nav-link {
	color: #005d48;
}

@media (min-width: 1024px) {
	header > a > img {
		display: block;
	}

	header .menu-top {
		display: block;
		padding-top: 10px;
	}

	.navbar {
		background-color: transparent;
		border-top: solid 1px #989898;
		border-bottom: solid 1px #989898;
		margin-top: 70px;
	}

	.navbar-brand {
		display: none;
	}

	.navbar-nav .nav-item {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-nav .nav-item:not(:first-child) {
		border-left: solid 1px black;
	}

	.navbar-nav .nav-item .nav-link {
		padding-top: 4px;
		padding-bottom: 2px;
	}

	.navbar-nav .dropdown-menu a:hover,
	.navbar-nav .dropdown-menu a:focus {
		color: #ffffff;
		background-color: #005d48;
	}
}

@media (min-width: 1280px) {
	header .menu-top li a span {
		display: inline-block;
	}

	.navbar-nav .nav-item {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* #endregion */

/* #region Footer */

footer {
	color: #444;
	background: #d2e9d5;
}

footer > .container {
	padding-top: 15px;
	padding-bottom: 15px;
}

footer a,
footer a:hover,
footer a:visited {
	font-size: 12px;
	color: #444;
}

footer > .container > img {
	display: none;
}

footer h3 {
	font-family: 'NexaBold', Arial;
	font-size: 12px;
	color: #005b45;
	margin: 0 0 10px 0;
}

footer h3 > a,
footer h3 > a:hover,
footer h3 > a:visited {
	font-family: 'NexaBold', Arial;
	font-size: 12px;
	text-decoration: underline;
	text-transform: uppercase;
	color: #005b45;
}

footer ul {
	list-style-type: none;
	padding: 0;
}

footer ul li {
	/*padding-bottom: 10px;*/
}

footer ul li:before {
	content: "■";
	font-size: 18px;
	color: #005b45;
	padding-right: 10px;
}

footer .copyright {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color: #005b45;
	padding: 15px 0;
}

footer .copyright img {
	max-height: 30px;
	width: auto;
}

@media (min-width: 768px) {
	footer > .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (min-width: 1280px) {
	footer > .container {
		position: relative;
	}

	footer > .container > img {
		max-height: 90px;
		width: auto;
		position: absolute;
		top: 30px;
		left: -80px;
		display: block;
	}
}

/* #endregion */

/* #region Menu */

#section-menu {
	display: none;
}

@media (min-width: 1024px) {
	#section-menu {
		text-align: center;
		background-color: #ffffff;
		border-bottom: solid 1px #989898;
		display: block;
		position: fixed;
		top: 166px;
		width: 100%;
		z-index: 1030;
	}

	#section-menu > div > a > .card {
		border: solid 10px #ffffff;
		margin: 15px 8px;
		display: inline-block;
	}

	#section-menu > div > a > .card:hover {
		box-shadow: 0 0 22px -5px #0f0f0f;
	}

	#section-menu > div > a > .card > img {
		width: auto;
		max-height: 120px;
		height: 120px;
		margin-bottom: 10px;
	}

	#section-menu > div > a > .card > .card-body > .card-title {
		font-family: 'NexaBold', Arial;
		font-size: 18px;
		text-transform: uppercase;
	}
}

@media (min-width: 1280px) {
	#section-menu > div > a > .card > img {
		max-height: 200px;
		height: 200px;
	}
}

/* #endregion */

/* #region Template */

#section-template {
	padding-top: 100px;
}

@media (min-width: 1024px) {
	#section-template {
		padding-top: 160px;
	}
}

/* #endregion */

/* #region Home */

#section-home-1 {
	padding: 15px 0;
}

#section-home-1 .carousel .carousel-inner {
	background-color: #fff;
	border: solid 15px #ffffff;
	box-shadow: 0 0 22px -5px #0f0f0f;
}

#section-home-1 .carousel .carousel-indicators {
	position: relative;
	margin-bottom: 0;
}

#section-home-2 {
	padding: 25px 0;
}

#section-home-2 .block {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#section-home-2 .block .text p {
	font-size: 14px;
}

#section-home-2 .block > img {
	display: none;
}

#section-home-3 {
	position: relative;
}

#section-home-3 .testimonial-parallax > div > div {
	text-align: center;
	background-color: rgba(247, 247, 247, 0.70);
	padding: 20px;
}

@media (min-width: 1024px) {
	#section-home-1 .carousel .carousel-indicators {
		position: absolute;
		margin-bottom: 1rem;
	}

	#section-home-2 .block {
		text-align: initial;
		margin-left: 60px;
		margin-right: 60px;
		position: relative;
	}

	#section-home-2 .block .text {
		padding-top: 10px;
		padding-left: 50px;
		float: right;
		width: 48%;
	}

	#section-home-2 .block.invert .text {
		padding-left: 0;
		padding-right: 50px;
		float: left;
	}

	#section-home-2 .block > img {
		margin: 0px auto;
		width: 100px;
		height: auto;
		display: block;
		position: absolute;
		top: 50px;
		right: 0;
		left: 0;
		z-index: 1020;
	}

	#section-home-2 .block.invert > img {
		transform: scaleX(-1);
	}

	#section-home-2 .block .carousel {
		float: left;
		width: 48%;
	}

	#section-home-2 .block.invert .carousel {
		float: right;
	}

	#section-home-2 .block .carousel .carousel-inner {
		background-color: #fff;
		border: solid 15px #ffffff;
		box-shadow: 0 0 22px -5px #0f0f0f;
	}

	#section-home-3 .testimonial-parallax {
		height: 550px;
		padding-bottom: 0;
	}

	#section-home-3 .testimonial-parallax > div > div {
		font-size: 18px;
		background-color: rgba(247, 247, 247, 0.90);
		padding: 30px 100px;
		position: absolute;
		top: 30px;
		bottom: 30px;
		left: 15%;
		right: 15%;
	}

	#section-home-3 .testimonial-parallax > div > div h1 {
		margin: 0;
	}
}

@media (min-width: 1280px) {
	#section-home-2 {
		background-image: url("../Images/Background-Leaf.png");
		background-repeat: repeat-y;
		background-position: center top;
	}

	#section-home-2 .block .text {
		padding-top: 30px;
	}

	#section-home-3 .testimonial-parallax > div > div {
		font-size: 20px;
		padding: 30px 100px;
		top: 30px;
		bottom: 30px;
		left: 25%;
		right: 25%;
	}
}

/* #endregion */

/* #region Content */

#section-content {
	padding: 25px 0;
	word-break: break-word;
}

#section-content strong {
	font-family: 'NexaBold', Arial;
	font-weight: normal;
	color: #005d48;
}

#section-content.appointment {
	margin-top : 20px;
}

#section-content.appointment #calendar {
	text-align : center;
}

#section-content.appointment #calendar h2 {
	font-size: 24px;
}

#section-content.appointment #calendar .slot-list {
	margin: 0;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

#section-content.appointment #calendar .slot {
	padding: 10px 5px;
	margin-bottom: 5px;
	display: inline-flex;
	justify-content: center;
	width: 100%;
}

#section-content.appointment #calendar .free {
	border: solid 1px #005d48;
	cursor: pointer;
}

#section-content.appointment #calendar .free:hover {
	color: #ffffff;
	background-color : #005d48;
}

#section-content.appointment #calendar .busy {
	color: #ffffff;
	background-color: #d73b49;
	border: solid 1px #d73b49;
}

#section-content.appointment #calendar .disabled {
	border: solid 1px #495057;
	background-image: linear-gradient(45deg, #6c757d 4.55%, #ffffff 4.55%, #ffffff 50%, #6c757d 50%, #6c757d 54.55%, #ffffff 54.55%, #ffffff 100%);
	background-size: 31.11px 31.11px;
}

#section-content.appointment #calendar .selected {
	color: #ffffff;
	background-color : #005d48;
}

@media (min-width: 768px) {
	#section-content.appointment #calendar .slot-list {
		-webkit-column-count: 6;
		-moz-column-count: 6;
		column-count: 6;
	}
}

@media (min-width: 1024px) {
	#section-content {
		padding: 10px 0 40px 0;
	}
}

@media (min-width: 1280px) {
	#section-content.leaf {
		background-image: url("../Images/Background-Leaf.png");
		background-repeat: repeat-y;
		background-position: center 70px;
	}
}

/* #endregion */

/* #region Pharmacy */

#section-content.pharmacy .card .card-body .card-title {
	background-color: #E6E7E8;
	padding: 20px 15px 10px 15px;
}

#section-content.pharmacy .contact-info {
	text-align: left;
	padding: 0 15px 10px 15px;
}

#section-content.pharmacy .contact-info tr {
	vertical-align: top;
}

#section-content.pharmacy .contact-info tr td {
	color: #a2a7ab;
	padding: 5px 10px;
}

#section-content.pharmacy .contact-info tr td .fa {
	font-size: 24px;
	color: #005d48;
}

#section-content.pharmacy .contact-info tr.small td .fa {
	font-size: 18px;
}

#section-content.pharmacy .team-info {
	text-align: center;
	padding: 15px 0;
}

#section-content.pharmacy .team-info .row span {
	font-family: 'NexaBold', Arial;
	font-size: 40px;
	color: #005d48;
}

#section-content.pharmacy .contact-form {
	text-align: center;
	padding: 15px 0;
}

#section-content.pharmacy .contact-form .contact-control {
	text-align: left;
	background-color: #E9f9eb;
	padding: 25px;
}

#section-content.pharmacy .image-viewer {
	background-image: url("../Images/Pattern-Leaf.jpg");
    background-size: cover!important;
    background-repeat: no-repeat!important;
	padding: 15px;
}

@media (min-width: 1024px) {
	#section-content.pharmacy h1 {
		margin-top: 0;
	}

	#section-content.pharmacy .team-info {
		padding: 50px 200px;
	}
}

@media (min-width: 1280px) {
	#section-content.pharmacy .contact-form {
		padding: 15px 100px;
	}
}

/* #endregion */

/* #region Pharmacy Map */

#section-content.pharmacy-map {
	padding-top: 0;
	padding-bottom: 0;
}

#section-content.pharmacy-map .map-zone {
	position: relative;
}

#section-content.pharmacy-map .map-zone .map {
	width: 100%; 
	height: 550px
}

#section-content.pharmacy-map .map-zone .list {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%; 
}

#section-content.pharmacy-map .map-zone .list .list-header {
	color: #ffffff;
	background-color: #005d48;
	padding: 5px 15px;
	cursor: pointer;
}

#section-content.pharmacy-map .map-zone .list .list-group {
	text-transform: uppercase;
	max-height: 400px;
	overflow-y: auto;
}

#section-content.pharmacy-map .map-zone .list .list-group .list-group-item {
	border-top: none;
	border-left: none;
	border-right: none;
}

#section-content.pharmacy-map .map-zone .list .list-group .list-group-item h5 {
	font-family: 'NexaLight', Arial;
	font-size: 14px;
}

#section-content.pharmacy-map .map-zone .list .list-group .list-group-item p {
	font-family: 'NexaLight', Arial;
	font-size: 12px;
}

@media (min-width: 1024px) {
	#section-content.pharmacy-map .map-zone .list {
		width: initial;
		min-width: 400px;
	}
}

/* #endregion */

/* #region Pharmacy Guard */

#section-guards-1 h2 {
	text-align: center;
	color: #ffffff;
	background-color: #005d48;
	padding: 5px 0;
	margin-bottom: 30px;
}

#section-guards-1 .card {
	text-align: center;
	border: solid 1px #a2a7ab;
	border-radius: 0;
}

#section-guards-1 .card .card-body {
	font-size: 12px;
}

#section-guards-1 .card .card-body hr {
	margin: 5px 0;
}

#section-guards-1 .card .card-title {
	color: #ffffff;
	background-color: #005d48;
}

/* #endregion */

/* #region WhoWeAre */

#section-whoweare-1 {
	text-align: center;
	background-image: url("../Images/Pattern-Leaf.jpg");
	background-repeat: repeat;
	padding: 30px 0;
}

#section-whoweare-1 img {
	max-height: 350px;
	width: auto;
}

#section-whoweare-1 .box {
	font-size: 20px;
	text-align: center;
	background-color: rgba(255,255,255,.71);
	padding: 30px;
}

@media (min-width: 1024px) {
	#section-whoweare-1 {
		text-align: initial;
	}
}

/* #endregion */

/* #region History */

#section-content.history {
	text-align: center;
}

#section-content.history a {
	padding: 0 10px;
}

#section-content.history a.active {
	font-weight: bold;
}

@media (min-width: 1280px) {
	#section-content.history img {
		padding: 0 200px;
	}

	#section-content.history p {
		padding: 0 150px;
	}
}

/* #endregion */

/* #region Blog */

#section-content.blog .categories {
	background-image: url("../Images/Pattern-Leaf.jpg");
	background-repeat: repeat;
	padding: 15px;
	margin: 30px 0;
}

#section-content.blog .categories .d-flex > div {
	padding: 0 15px;
}

#section-content.blog .categories .card {
	/*background-color: transparent;*/
	padding: 15px;
	width: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#section-content.blog .categories .card .card-img {
	text-align: center;
}

#section-content.blog .categories .card img {
	width: 150px;
	height: 150px;
}

#section-content.blog .categories > div a:hover,
#section-content.blog .categories > div a:focus {
	text-decoration: none;
}

#section-content.blog .articles .card h3 {
	font-family: 'Enticing Script';
	font-size: 32px;
	color: #005d48;
}

#section-content.blog .articles .card .card-text {
	margin-bottom: 15px;
}

@media (min-width: 1024px) {
	#section-content.blog .categories .card img {
		width: 150px;
		height: 150px;
	}
}

@media (min-width: 1280px) {
	#section-content.blog .categories .d-flex > div {
		padding: 0 15px;
	}

	#section-content.blog .categories .card img {
		width: 150px;
		height: 150px;
	}
}

/* #endregion */

/* #region Indicator */

#section-indicator {
	padding: 25px 0;
}

#section-indicator .container > img {
	display: none;
}

#section-indicator .container h3 {
	font-family: 'NexaBlack', Arial;
	font-size: 24px;
	color: #005d48;
	line-height: 0.7;
	margin: 10px 0 0 0;
}

#section-indicator .container p {
	font-family: 'NexaBold', Arial;
	font-size: 20px;
	text-transform: uppercase;
	color: #005d48;
	margin: 0;
}

@media (min-width: 1024px) {
	#section-indicator {
		padding: 50px 0;
		min-height: 360px;
	}

	#section-indicator .container {
		position: relative;
	}

	#section-indicator .container > img {
		max-height: 310px;
		width: auto;
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
	}
}

/* #endregion */

/* #region Call-To-Action */

#section-call-to-action,
#section-call-to-action-covid {
	font-size: 16px;
	color: #ffffff;
	background-color: #A6D3AC;
	padding: 20px 0;
}

#section-call-to-action .row,
#section-call-to-action-covid .row {
	text-align: center;
}

#section-call-to-action h2,
#section-call-to-action-covid h2 {
	color: #ffffff;
	margin: 0;
}

#section-call-to-action-covid {
	background-color: #ffffff;
	padding-bottom: 0;
}

.section-call-to-action-covid-inner {
	background-color: #005d48;
	padding: 15px;
}

#section-call-to-action-covid h2 {
	font-size: 24px;
	text-transform: uppercase;
}

#section-call-to-action-covid .btn {
	color: #ffffff !important;
	background-color: #a6d3ac !important;
	border-color: #a6d3ac !important;
}

@media (min-width: 768px) {
	#section-call-to-action,
	#section-call-to-action-covid {
		font-size: 16px;
	}

	#section-call-to-action-covid h2 {
		font-size: 24px;
	}

@media (min-width: 1024px) {
	#section-call-to-action,
	#section-call-to-action-covid {
		font-size: 20px;
	}

	#section-call-to-action-covid h2 {
		font-size: 34px;
	}
}

@media (min-width: 1200px) {
	#section-call-to-action-covid h2 {
		font-size: 40px;
	}
}

/* #endregion */

/* #region Custom Checkbox & Radio */

.checkbox,
.radiobutton {
	margin-top: 0;
	margin-bottom: 0;
}

.checkbox input[type="checkbox"],
.radiobutton input[type="radio"] {
	display: none;
}

.checkbox label,
.radiobutton label {
	padding-left: 0;
}

.checkbox label:before,
.radiobutton label:before{
	font-family: "FontAwesome";
	font-size: 18px;
	color: #005d48;
	line-height: 20px;
	text-align: center;
	vertical-align: bottom;
	display: inline-block;
	margin-right: 5px;
	content: "";
	width: 20px;
	height: 20px;
}

.checkbox input[type="checkbox"] + label:before {
	content: "\f096"; /* check-empty */
}

.checkbox input[type="checkbox"]:checked + label:before {
	content: "\f046"; /* check */
}

.radiobutton input[type="radio"] + label:before {
	content: "\f10c"; /* circle-blank */
}

.radiobutton input[type="radio"]:checked + label:before {
	content: "\f111"; /* circle */
}

/* #endregion */

/* #region Utility */

/* Loading */

.loader {
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index: 1000000000;
}

.loader > div {
	color: #005d48;
	position: absolute;
    top: 50%;
    left: 50%;
}

/* #endregion */

/* #region Fiji */

.gdpr-container {
     z-index: 1030;
}

/* #endregion */

/* #region Datetimepicker */

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #005d48 !important;
}

.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: #005d48 !important;
}

/* #endregion */