/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

.content-section {
	margin: 4rem 0;
	display: block;
}

.content-section h2 {
	margin-bottom: 1rem;
}

.content-section .address {
	margin-top: 40px;
}

.content-section .slick-slider {
	margin-top: 2rem;
}

.content-section .slick-slider .slick-slide {
	display: block;
	padding: 0 .4rem;
}

.content-section .sub {
	font-size: 12px !important;
	line-height: 20px;
	color: #aaa;
	margin: 6px 0 0 0;
}

.content-section .about-slider .slick-slide .image {
	display: block;
	width: 100%;
	height: 160px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.content-section .slick-slider .slick-arrow {
	position: absolute;
	top: 68px;
	color: #fc9401;
	font-size: 20px;
}

.content-section .slick-slider .slick-arrow.arrow-prev {
	left: -20px;
}

.content-section .slick-slider .slick-arrow.arrow-next {
	right: -20px;
}

.content-section .slick-slider .slick-dots {
	margin-top: 20px;
	position: static;
}

.content-section .slick-slider .slick-dots li {
	display: inline-block;
	margin: 0 3px;
	width: auto;
	height: auto;
}

.content-section .slick-slider .slick-dots li button {
	display: block;
	width: 15px;
	height: 15px;
	border: 1px solid #fc9401;
	background-color: #fc9401;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	color: #fc9401 !important;
	transition: all .3s ease;
}

.content-section .slick-slider .slick-dots li button:before {
	display: none;
}

.content-section .slick-slider .slick-dots li button:hover,
.content-section .slick-slider .slick-dots li.slick-active button {
	background-color: #fff;
}

.content-section ul:not(.slick-dots) {
	list-style: disc;
	margin-left: 2rem;
}

.content-section ul li {
	padding: 5px 0;
}

.divider {
	display: block;
	width: 100%;
	height: 15px;
	position: relative;
	margin: 4rem 0;
}

.divider:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ccc;
	box-shadow: -15px 0 0 0 #ccc, 15px 0 0 0 #ccc;
}

.location-page #sidebar .sidebar-menu {
	padding: 3rem 2rem 3rem 2.1rem;
	display: block;
}

.location-page #sidebar .sidebar-menu a {
	font-size: 16px !important;
	padding: 1rem 0;
	font-weight: 700;
	display: block;
}

.location-page #sidebar .sidebar-menu a:hover {
	color: #000;
}

.sticky-menu {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	padding: 3rem;
	background-color: #F7EDE8;
	pointer-events: none;
	opacity: 0;
	/* transition: all .3s ease; */
}

.sticky-menu.scrolled {
	opacity: 1;
	pointer-events: all;
}

.sticky-menu a {
	font-size: 16px !important;
	padding: 1rem 0;
	font-weight: 700;
	display: block;
}

.sticky-menu a:hover {
	color: #000;
}


.content-section .employee-slider .slick-slide .image {
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 1rem;
}

.content-section .employee-slider .slick-slide .sub {
	color: #34495e;
	margin-top: 0;
	margin-bottom: 1rem;
}

.content-section .group-item:not(:last-child) {
	margin-bottom: 3rem;
}

.content-section .group-item .image {
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.location-page .scrollTop {
	display: none;
}

@media only screen and (max-width: 1023px) {
	.sticky-menu {
		position: static !important;
		width: 100% !important;
		opacity: 1;
		pointer-events: all;
		padding: 1rem;
	}

	.sticky-menu a {
		padding: .4rem;
	}

	.location-page #sidebar {
		display: none !important;
	}

	.location-page .scrollTop {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 40px;
		height: 40px;
		text-align: center;
		background-color: #fc9401;
		color: #fff;
		border-radius: 50%;
		font-size: 1.5rem;
		padding-top: 6px;
		z-index: 101;
	}

	.location-page .scrollTop .show {
		display: block;
	}
}

@media only screen and (max-width: 640px) {
	.divider,
	.content-section {
		margin: 2rem 0;
	}
}