@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-Regular.ttf");
	font-weight: 400;
}

@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-SemiBold.ttf");
	font-weight: 600;
}

@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-Bold.ttf");
	font-weight: 700;
}

:root {
	--body-secondary-bg: #f0f0f0;
	--box-shadow-small: 0 2px 4px rgba(0, 0, 0, .24);
	--brand-color-1: #057DBC;
	--brand-color-2: #057DBC;
	--bs-body-bg: #fff;
	--font-size-sm: .75rem;
	--gray-700: #575757;
	--white: #fff;
}

body {
	color: var(--gray-700);
	cursor: default;
	font-family: "Maven Pro", sans-serif;
}

a, 
a:hover {
	color: var(--gray-700);
}


footer {
	background-color: var(--white) !important;
    border-top: 1px solid var(--gray-100);
    font-size: var(--font-size-sm) !important;
    line-height: 1rem !important;
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}

footer a, 
footer a:hover {
	color: var(--gray-700);
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

footer ul {
	list-style: none;
}

footer ul.footer-menu {
	margin: 1.5rem 0 0;
	padding: 0;
}


footer ul.footer-menu li {
	margin-top: .5rem;
}
/* 
footer .social-box img {
    display: flex;
    vertical-align: middle !important;
} */

footer .social-icon {
	width: 2.4em;
}

h1,
.h1 {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2em;
}

h2 {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2em;
}

h3 {
	font-size: 1rem;
	font-weight: 600;
}

hr.brand-color-1 {
	border: 1px solid var(--brand-color-1);
	opacity: 1;
}

.brand-color-1 {
	color: var(--brand-color-1);
}

.brand-icon-logo-small {
	max-width: 4rem;
}

.brand-logo {
	max-width: 220px;
	width: 60%;
}

.btn {
	--bs-btn-focus-box-shadow: 0 0 0 .25rem rgb(0, 62, 85);
}

.btn-cta {
	background-color: var(--brand-color-1) !important;
    border-color: var(--brand-color-1) !important;
    color: var(--white) !important;
	font-size: 16px;
	font-weight: 600;
    text-transform: uppercase !important;
}

.btn-cta::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='ellipseArrowRight' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cpath class='st0' d='M12,1C5.9,1,1,5.9,1,12s4.9,11,11,11s11-4.9,11-11S18.1,1,12,1z M10.1,19.4c-0.4,0.3-1,0.3-1.3,0 c-0.4-0.4-0.4-1,0-1.4l6.4-6L8.8,6c-0.4-0.4-0.4-1,0-1.4c0.4-0.3,1-0.3,1.3,0L18,12L10.1,19.4z'/%3E%3C/svg%3E");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 1em 1em !important;
    content: '' !important;
    display: inline-block !important;
    height: 1em !important;
    margin-left: .5em !important;
    vertical-align: -2px !important;
    width: 1em !important;
}


.btn-cta:not(:disabled):not(.disabled):hover {
	box-shadow: var(--box-shadow-small) !important;
	opacity: 1 !important;
}

.carousel-caption {
	bottom: calc(50% - 3em);
	font-size: 1.3em;
	font-weight: bold;
	left: 1em;
	text-align: left;
}

.carousel-caption h5 {
	font-size: 1.3em;
	font-weight: bold;
}

.carousel-indicators {
	left: auto !important;
	margin-right: 2em !important;
	margin-bottom: .75em !important;
	right: 0em !important;
}

.carousel-indicators button {
	background-color: #ffffff !important;
	border-radius: 50% !important;
	height: 1em !important;
	width: 1em !important;
}

.j-text {
	max-height: 150px !important;
	overflow: auto;
	padding: 1em !important;
}

.j-text * {
	font-size: 16px !important;
	line-height: 1.3;
}

.loader-on-empty:empty {
	background-image: url("../images/loading-icon-transp.gif");
	background-size: contain;
	display: block;
	height: 4em;
	width: 4em;
}

.main-container {
	background-color: #f0f0f0;
}

.news, .facebook-wall {
	background-color: #ffffff;
	border-radius: 16px;
	overflow: hidden;
}

.page-header {
	background-color: var(--brand-color-2);
	color: #fff;
	font-weight: 900;
	margin: 0 auto;
	padding: 3em;
}

.pharmacy-card {
	background-color: #ffffff;
	border-radius: 16px;
	overflow: hidden;
}

.pharmacy-card a {
	color: var(--bs-body-color);
}

.pharmacy-address  {
	min-height: 6em;
}

.pharmacy-hours {
	min-height: 8em;
}

.policy h2 {
	font-size: 1.1rem !important;
}

.row-as-ul {
	list-style: none;
	padding-left: 0;
}

#footerMenu .btn-outline-primary {
    align-items: center !important;
    border: 1px solid transparent /*!important*/;
    border-radius: .5em !important;
    display: flex !important
;
    justify-content: space-between !important;
    margin: 0 !important;
    width: 100% !important;
}

.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):hover {
    background-color: transparent !important;
    border-color: var(--brand-color-1) !important;
    color: var(--brand-color-1) !important;
}

#footerMenu .btn-outline-primary.collapsed {
    border-color: var(--gray-700) !important;
    color: var(--gray-700) !important;
}
#footerMenu .btn-outline-primary {
    align-items: center !important;
    border: 1px solid transparent /*!important*/;
    border-radius: .5em !important;
    display: flex !important
;
    justify-content: space-between !important;
    margin: 0 !important;
    width: 100% !important;
}

@media (min-width: 768px) {
	.carousel-caption  {
		font-size: 2em;
	}
}

@media (min-width: 1200px) {
	.pharmacy-address  {
		min-height: 4.5em;
	}
}