/*
Theme Name: Eye Clinic North
Theme URI: http://eyeclinicnorth.com/
Description: This is the theme for Eye Clinic North.
Author: Kimberly Kladivo
Author URI: http://wafisherinteractive.com/
License: 
License URI: 
Template: wafish
Version: 0.1
*/
@import url("../wafish/style.css");
@import url("//use.typekit.net/sht7jvi.css");
@import url("//fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

body {
	font-family: 'Poppins', sans-serif;	
	color: #595959;
	line-height: 1.2em;
	font-size: 17px;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: gaultier, sans-serif;
	font-weight: 700;	
	color: #384c6b;
	line-height: 1em;
	margin-bottom: 10px;

}
.home h1 {
	font-size: 2em;
}
h1 {
	font-size: 2.5em;	
}
h1:first-line {
	font-size: .8em;	
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;	
}
p, ul, ol {
	line-height: 1.4em;	
	margin-bottom: 10px;
}
b, strong {
	font-weight: 700;	
}
em, i {
	font-style: italic;	
}
p.small {
	font-size: .9em;
	line-height: 1.1em;	
}
hr {
	width: 100px;
	background: #12bc7a;
	height: 4px;
	border: none;
}
hr.plain {
	height: 1px;
	width: 100px;
	background:  #595959;
	margin: 4px 0;
}
p + hr.plain {
	margin-top: -8px;
	
}
ul {
	list-style: disc;
	margin-left: 40px;	
}
ol {
	list-style: decimal;
	margin-left: 40px;	
}
a {
	color: #384c6b;
}
a:hover {
	opacity: .8;
}
.button {
	font-family: gaultier, sans-serif;	
	text-transform: uppercase;
	background: #12bc7a;
	font-weight: bold;
} 
.button.blue {
	background: #384c6b;	
}
.button:hover {
	background: #384c6b;
}
.button.blue:hover {
	background: #12bc7a;
}
.row {
	max-width: 1400px;
}
.row.wide {
	max-width: 100%;	
}
.row.narrow {
	max-width: 1000px;	
}
.layout {
	padding: 100px 20px;	
}
.layout.no-top-pad {
	padding: 0 20px 100px;
}
.layout.white {
	background: #fff;	
	padding: 100px 20px;
}
.interior-content + .layout.white {
	padding-top: 0;	
}
.layout.grey {
	background: #ededed;
}
.layout.dark_blue {
	background: #384c6b;
	color: #fff;
}
.layout.light_blue {
	background: #e7ecf3;
}
.layout.dark_blue h1, .layout.dark_blue h2, .layout.dark_blue h3, .layout.dark_blue h4 {
	color: #fff;
}
.off-canvas-content {
	margin: 0 auto;
	box-shadow: none;	
	position: relative;
}
header {
	position: fixed;
	z-index: 20;
	width: 100%;
	background: #fff;

}
header.short {
	height: 60px;
	transition: all 0.5s linear;
}
.top-bar, .top-bar ul {
	background: none;	
	max-width:1600px;
	margin: 0 auto;
}
header.short .top-bar-title a img {
	height: 50px;
}
header .dropdown.menu > li {
	display: inline-block;	
}
header .menu li a {
	font-family: gaultier, sans-serif;	
	color: #384c6b;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1em;
	padding: 23px 1rem;
	
}
header .dropdown.menu li.menu-item-92.has-dropdown .is-dropdown-submenu {
	right: 0; 
	left: auto;	
}
header.short .menu li a {
	line-height:1rem;
	padding: 6px 1rem;	
}
.menu li a:hover {
	opacity: .8;	
}
header .menu li.button-holder a {
	font-family: gaultier, sans-serif;	
	text-transform: uppercase;
	background: #12bc7a;
	font-weight: 700;
	padding: 13px 20px;
	line-height: 1em;
	margin-left: 1rem;
	color:#fff;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
	padding-right: calc(1rem + 3px);	
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border: inset 4px;
    border-color: #12bc7a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 3px;
}
.dropdown.menu li.has-dropdown .is-dropdown-submenu {
	left: 0;
	right:auto;	
	background-color: #384c6b;
	border: none;
	margin-top: .5rem;
	padding: 10px;
	min-width: 300px;
}
.dropdown.menu > li.has-dropdown > .is-dropdown-submenu li a {
	color: #fff;	
	line-height: 1em;
	padding: 5px 10px;
}

.orbit {
	background: #000;	
}
.orbit img {
	opacity: .8;	
}
.orbit-caption {
	background: none;
	font-family: gaultier, sans-serif;	
	font-size: 3.5em;
	font-weight: 700;	
	bottom: auto;
	top: calc( 50% + 96px );
	transform: translateY(-50%);
	left: 100px;
}
.orbit-caption p {
	line-height: .8em;
}
.orbit-caption p:first-line {
	font-size: .8em;
}
.orbit-caption .button {
	font-size: 16px;
}
.services {
	padding: 0 20px 100px;
	text-align: center;	
	
}
.services .heading {
	display: block;
	font-family: gaultier, sans-serif;	
	font-weight: 700;
	font-size: 2em;	
	color:  #384c6b;
	margin-bottom: 50px;
}
.services .row {

}
.services .service {
	text-align: left;	
	position: relative;	
	overflow: hidden;
}
.services .service .caption {
	color: #fff;
	background: rgba(56,76,107,.9); 
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 20px;
	transition: all .2s linear;
}
.services .service .caption a {
	color: #fff;
}
.services .service .caption .title {
	font-family: gaultier, sans-serif;	
	line-height: .8em;
	font-size: 1.8em;
	display: block;
	font-weight: 700;
}
.services .service .caption .title:first-line {
	font-size: .7em;
	text-transform: none;
}
.services .service .caption .content {
	margin-top: 10px;	
	line-height: 1.2em;
	display: none;
	transition: all .2s ease;
}
.services .service img {
	transition: transform .5s ease;
}
.services .service:hover img {
	transform: scale(1.1);
}
.services .service:hover .caption .content {
	display: block;	
}
.mission {
	padding: 150px 100px;
	background: #000 url(images/mission-bg.jpg) no-repeat center center fixed;
	background-size: cover;
	color: #fff;	
	font-family: gaultier, sans-serif;	
	font-size: 1.3em;
	font-weight: 600;
}

.mission h2 {
	color: #fff;
	font-size: 1.5em;
	margin-bottom: 20px;
}
.main-content {
	text-align: center;
	padding: 100px 20px;	
}
.interior-image {
	text-align: center;
}
.locations {
	text-align: center;
	background: #f6f6f6;
	padding: 100px 20px;
}
.locations.white {
	background: #fff;
}	
.location span, .location a  {
	display: block;	
}
.location a.social {
	display: inline-block;	
}
.location span.heading {
	font-family: gaultier, sans-serif;	
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 10px;
	color: #384c6b;
}
.location span.heading.sub {
	font-size: 1.2em;
	margin-bottom: 0;
	text-transform: none;

}
.location a {
	color:#384c6b;
}
.location p, .location a {
	font-size: .9em;	
}
.location a.email {
	margin-bottom: 10px;
}	
footer {
	background: #384c6b;
	padding:  0 20px;
	color: #fff;
	font-size: .8em;
}
footer a {
	color: #fff;
}
footer .menu {
	margin-top: 10px;
	margin-bottom: 30px;	
}
footer .menu li {
	padding: 0 0 10px 0;
	margin-right: 10px;	
	display: inline-block;
	position: relative;
}
footer .menu li:after {
	content: '|';
	position:absolute;
	right: -18px;
	padding: 0 10px 0 0;
    top: -1px;
}
footer .menu li a {
	text-decoration: underline;
	padding: 0;	
}


footer .menu li:last-of-type:after {
	padding: 0;
	content: '';	
}

.copyright {
	margin-top: 30px;
}
.add-cookie {
	display: none;
}
footer .hipaa {
	padding: 15px;
	display: block;
	text-align: right;
}
.interior-content {
	padding: 100px 20px;
}

.text-centered {
	text-align: center;	
}
.gform_wrapper {
	text-align: left;	
}
.services.interior {
	padding: 100px 20px;
}
.services.interior .column {
	margin-bottom: 1.875rem;
}
.services.interior .column .heading {
	line-height: 1em;
	font-size: 1.5em;
	margin-bottom: 10px;	
}

.vert-align {
	padding: 0 20px;
}
.column.doctor .content {
	padding: 0 40px 40px;	
}
.map {
	padding-top: 96px;	
}
#gdpr {
	position: fixed;
	bottom: 0;
	background: #000;
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: .8em;
	width: 100%;	
}
#gdpr .close-cookie-banner {
	float: right;
	color: #fff;
	font-weight: 700;
}
#lightgallery div img {
	cursor: pointer;
}
.acf-map {
	height: 500px;
	width: 100%;
}
.overlay {
	position:fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 100;
}	
.alert-box {
	position: fixed;
	z-index: 101;
	max-width: 600px;
	width: 90%;	
	background: #fff;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}
.alert-box .content {
	padding: 30px 20px 20px 20px;	
}
.alert-box .close {
	position:absolute;
	top: 10px;
	right: 10px;	
}

@media screen and (max-width:1024px) {
	header {
		position: relative;	
		height: 60px;
	}
	.top-bar-title a img {
		max-height: 50px;	
	}
	.top-bar .top-bar-right {
		width: auto;	
	}
	.top-bar-right a {
		font-size: 1.35em;	
		line-height: 45px;
	}
	.off-canvas, body {
		background: #384c6b;
	}	
	.off-canvas .close-button {
		color: #fff;	
	}
	.vertical.menu {
		margin: 50px 20px;	
	}
	.vertical.menu li {
		padding: 10px 0;
	}
	.vertical.menu li a {
		font-family: gaultier, sans-serif;	
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 1em;
		font-size: 1.2em;
		padding: 0;
	}
	.vertical.menu li .sub-menu {
		list-style: none;	
		margin-left: 20px;
		line-height: 1em;
	}
	.vertical.menu li.has-dropdown {
		position: relative;	
		display: block;
	}
	.vertical.menu li.has-dropdown a {
		display: inline;	
	}
	.vertical.menu li.has-dropdown:after {
		content: '+';
		right: 0px;
		font-weight: 600;
		top: 8px;
		position: absolute;
		color: #fff;
	}
	.vertical.menu li .sub-menu {
		display: none;	
	}
	.vertical.menu li.active .sub-menu {
		display: block;
	}
	.vertical.menu li.active a {
		background: none;	
	}
	.vertical.menu li.active:after {
		content: '-';	
		top: 10px;
	}
	.vertical.menu li .sub-menu li a {
		display: block;	
		font-size: 1em;
	}
	.services .row .column, .locations .row .column, .layout .row .column {
		margin-bottom: 1.875rem;	
	}
	.map {
		padding-top: 0;	
	}
}
@media screen and (max-width:640px) {
	#wpadminbar {
		position: fixed!important;	
	}	
	.orbit-caption {
		font-size: 2em;
		left:20px;
		bottom: 20px;
		top: auto;
		transform: none;
	}
	.services.interior, .interior-content, .layout {
		padding: 50px 20px;	
	}
	.vert-align {
		padding: 0 0 20px;	
	}
	.alert-box {
		position:absolute;
		top: 10px;	
		transform: translate(-50%, 0);
	}
}