/*
Theme Name: B1 B2 Template
Author: Pharmacy Mentor
Author URI: https://www.pharmacymentor.com/
Description: Custom built pharmacy mentor theme
Version: 1.0
*/

/* Variables */

:root {
	--main-color: #19a55e;
	--second-color: #6184D8;
	--main-dark: #272D2D;
	
	--border-radius: 15px;
}

/* Defaults */

* {
	padding: 0;
	margin: 0;
}

main {
	
}

section {
	padding: 50px 0px;
}

.highlightSection {
	background: var(--main-dark);
}

.siteTitle {
	color: var(--main-color);
	font-weight: 700;
}

img {
	width: 100%;
	border-radius: 15px;
}

/* Text */

h1 {
	
}

h2 {
	
}

.highlightSection h2 {
	color: white;
}

p {
	margin: 0;
}

.highlightSection p {
	color: white;
}

/* Buttons */

.buttons {
	margin-top: 30px;
}

.themeBtn {
	padding: 15px 30px;
	background: var(--main-color);
	color: white;
	text-decoration: none;
	border-radius: var(--border-radius);
	transition: all 0.3s;
}

.themeBtn:hover {
	color: white;
	background: var(--second-color);
	text-decoration: none;
	transition: all 0.3s;
}

/* Header */

.topBar {
	background: var(--main-color);
	padding: 20px 0px;
}

.topBar a {
	color: white;
}

.headerMain {
	padding: 20px 0px;
}

.headerMain img {
	width: unset;
}

/* Footer */

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

footer ul li {
	padding: 5px 0px;
}

.footerMain {
	background: var(--main-dark);
	padding: 50px 0px;
}

footer a {
	color: white;
}

.footerMain a:hover {
	color: var(--main-color);
}

.footerMain h2 {
	color: white;
}

.footerBottom {
	background: var(--main-color);
	padding: 20px 0px;
}

.footerBottom ul li {
	display: inline;
	margin-right: 10px;
}

.footerBottom a:hover {
	color: white;
}

/* Home */

/* Hero */

.hero {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero h1 {
	font-size: 50px;
}

.serviceTile {
	padding: 20px;
	border-radius: var(--border-radius);
	background: white;
	box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
	transition: all 0.3s;
}

.serviceTile a {
	color: black;
	text-decoration: none;
}

.serviceTile:hover {
	background: var(--main-dark);
	transition: all 0.3s;
}

.serviceTile:hover p, .serviceTile:hover h3 {
	color: white;
	transition: all 0.3s;
}

.serviceIcon i {
	font-size: 60px;
	color: var(--main-color);
	margin-bottom: 20px;
}

.serviceTile p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/* Bookly Form */

.bookly-form {
	background: white;
	padding: 20px;
	border-radius: var(--border-radius);
}

/* Blog */

.blogTile {
	padding: 20px;
	border-radius: var(--border-radius);
	background: white;
	box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
	transition: all 0.3s;
}

.blogTile a {
	color: black;
	text-decoration: none;
}

.blogTile:hover {
	background: var(--main-dark);
	transition: all 0.3s;
}

.blogTile:hover p, .blogTile:hover h3 {
	color: white;
	transition: all 0.3s;
}

.blogTile p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.blogTile img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-bottom: 20px;
}