/*
 Theme Name: EyeCare Child Theme
 Theme URI: https://themeforest.net/user/webfulcreationsvision/portfolio
 Author: Webful Creations Vision
 Author URI: http://www.webfulcreations.com/
 Description: Webful Eye Care template is best optometrist template for eye care doctors, lasik clinics and eye surgery. Can be used for various types of doctors as well. This child theme is edited by <a href="http://dominiccartwright.com">Dominic Cartwright</a> to meet the specific needs of Hamilton Eyecare Center.
 Version: 1.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, post-formats, translation-ready, left-sidebar
 Template: eyecare
 Template Version: 1.0.0
*/

/* ====================
 * Header CSS Changes
 * ==================== */
.header .icon-box .icon-side {
	border-color: #42bce2 !important;
	color: #42bce2 !important;
}
.custom-logo h1 {
	margin-bottom: 0;
	margin-top: 12px;
	font-weight: bold;
	font-size: 1.75rem;
	line-height: 32px;
}
.custom-logo h1 small {
	color: #42bce2;
}
.custom-logo .small-8.columns {
	padding-left: 0;
}
.logo-link {
	color: #5d5d5d;
}
.header .logo img {
	height: 80px;
}
.header-icon-container {
	line-height: 80px;
}
.header .icon-box .info-side p {
	line-height: 20px;
}
.icon-box {
	padding-top: 20px;
}
.title-section::after {
	background-position: center;
}
/* ====================
 * Body CSS Changes
 * ==================== */
.doctor,
.doctor .doctor-meta,
.special-staff .doctor-links {
	border: none;
}
.doctor img {
	border-radius: 115px;
}
.doctor .button {
	margin-bottom: 2rem;
}
.blue-call-to-action.row {
	max-width: 100%;
}
.blue-call-to-action .small-12.columns {
	padding-left: 0;
	padding-right: 0;
}
.button.secondary {
	background-color: #2199e8;
}
.button:hover.secondary {
	background-color: #1583cc;
}
figure {
	margin: 0;
}
a:hover {
	color: #42bce2;
}
.is-active a,
.top-bar ul li a:hover {
	background-color: #42bce2;
	color: #fff;
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu li a {
	background-color: #42bce2;
}

/* #region Service Block */
.service-info {
	height: 230px;
	position: relative;
}
.service-thumb {
	max-height: 146px;
	overflow: hidden;
	border: solid 1px #ccc;
	margin-bottom: 15px;
}
.service-thumb img {
	border: none;
	border-radius: 0;
}
.service-info h4 {
	font-weight: bold;
	text-align: center;
	font-size: 1.25rem;
}
.service-info p,
.serivce-block ul,
.serivce-block a {
	font-size: 0.875rem;
}
.serivce-block ul {
	text-align: left;
}
.serivce-block ul,
.serivce-block a {
	line-height: 20px;
}
.service-info .content-button {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -55px;
}
.service-info .content-button a {
	background: #999;
	color: #fff;
}
.service-info .content-button a:hover {
	background: #42bce2;
}
.serivce-block {
	border: 1px solid #eee;
}

.home-services .serivce-block {
	padding: 0;
}
.home-services .service-thumb {
	max-height: 135px;
	border: none;
}
.home-services .service-info {
	padding: 0 20px 20px;
	height: 260px;
}
.home-services .service-info .content-button {
	padding-bottom: 20px;
}
@media only screen and (max-width: 64em) {
	.home-services .service-thumb {
		max-height: 100%;
	}
}
@media only screen and (max-width: 40em) {
	.home-services .service-info {
		padding-bottom: 70px;
		height: inherit;
	}
}
/* #endregion */

/* #region WP Easy Pay Overrides */
.singlepage .form-wizard .focus-input .wizard-form-text-label,
.singlepage .form-wizard .date-field .wizard-form-text-label {
	top: -15px !important;
}
/* #endregion */

.payment-align-middle .kc_single_image {
	line-height: 200px;
}
.blue-hr {
	border-top: 2px solid #42bce2;
	margin-top: -10px;
}
label,
p,
ul,
ol,
a,
blockquote,
input,
textarea,
select,
[type="date"],
[type="text"],
[type="email"],
span {
	font-size: 1.125rem;
	line-height: 28px;
}
table a {
	font-size: 0.875rem;
}
h2,
h2 a {
	margin-top: 40px;
	font-weight: bold;
}
h3,
h3 a {
	font-size: 1.625rem;
}
h4,
h4 a {
	font-size: 1.375rem;
}
.widget h2 {
	margin-top: 0;
}

#top {
	background-color: #42bce2;
}

/* ====================
 * Footer CSS Changes
 * ==================== */
.footer-information-boxes .column,
.footer-information-boxes .columns {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.footer-icon-box .icon-side,
.footer h2,
.footer a:hover {
	color: #8cd5ec;
}
.footer-icon-box .info-side {
	padding: 18px 0 15px 15px;
}
.footer-icon-box .info-side h2 {
	margin-top: 0;
}
.footer-icon-box .info-side p {
	font-weight: bold;
	margin-bottom: 0;
	font-size: 15px;
}
.footer::after,
.title-section::after {
	background-image: none;
}
.footerTop {
	padding-top: 0;
	padding-bottom: 0;
}
table.footer-table tbody {
	border: none;
	background: none;
}
table.footer-table tbody tr {
	border-bottom: 1px solid #ccc;
}
table.footer-table tbody tr:last-child {
	border-bottom: none;
}
table.footer-table tbody tr:nth-child(even) {
	background: none;
}
table.footer-table tbody td {
	text-align: left;
}
table.footer-table tbody td:nth-child(3) {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}
.copyrightinfo a {
	font-size: 1rem;
}
.cartbtn {
	display: none;
}

/* ====================
 * Mobile CSS Changes
 * ==================== */
@media only screen and (max-width: 40em) {
	.header {
		padding-bottom: 10px;
	}
	.top-bar {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.top-bar nav {
		margin-top: 20px;
	}
	table tbody td {
		padding-left: 0;
		padding-right: 0;
	}
	table.footer-table tbody td:nth-child(3) {
		padding-left: 6px;
	}
	.single-doctor {
		text-align: center;
	}
	.footer-icon-box .icon-side {
		width: 60px;
	}
	.hours-item {
		float: left;
		width: 50%;
		padding: 5px 0;
		border-bottom: 1px solid #fff;
	}
	.hours-item-last {
		border-bottom: none;
	}
}
@media screen and (max-width: 64em) {
	.doctor img {
		height: 300px;
		width: auto;
	}
	.module {
		margin-bottom: 50px;
	}
	label,
	p,
	ul,
	ol,
	a,
	blockquote,
	input,
	textarea,
	select,
	[type="date"],
	[type="text"],
	[type="email"],
	span {
		font-size: 16px;
		line-height: 24px;
	}
	.payment-align-middle .kc_single_image {
		line-height: 100px;
	}
	.top-bar ul ul {
		background-color: #42bce5 !important;
	}
}
@media screen and (min-width: 64em) {
	.content-title {
		height: 30px;
	}
	.kc-feature-boxes .content-desc {
		height: 80px;
	}
	.kc-feature-boxes figure.content-image {
		max-height: 190px;
		overflow: hidden;
	}
}