/* 
 Theme Name:   NNCNv2
 Theme URI:    
 Description:  North Coast Clinics theme
 Author:       Darrin Breen
 Author URI:   http://www.accelerantdesign.com
 Template:     wp-bootstrap-starter
 Version:      1.0
 ==
--------------------------------------------*/



/***
Green: #c4cc3

Blue: #0693e3



***/


html, body {
	height: 100%;
}

body {
   font-size: 18px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background-color: #fff;
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.02em;
    position: relative;
}





body.logged-in #masthead {
	margin-top: 32px;
}


/**** colors *****/
.bg-blue {
	background: #0693e3;
}

.bg-green {
	background: #03bd9e;
}

.bg-orange {
	background: #ff6900;
}


/*** general and misc typography ****/


h1, h2, h3 {
	font-family: 'Lato', sans-serif;
	color: #7D8221;
	font-weight: normal;
}

h1 {
	font-weight: 900;
}

h2 {
	font-size: 2.4rem;
}

h2 {
	font-weight: 900;
}

h3 {
	font-weight: 700;
}

h2>a, h3>a {
	text-decoration: none;
}

hr.wp-block-separator {
	height: 4px;
text-align: left;
margin-left: initial;
margin: 2rem 0;
}

.entry-content li {
	margin-bottom: .5rem;
}

h1.entry-title {
  border-bottom: none;
}
h3.widget-title {
  font-size: 1.2rem;font-weight: normal;padding: .5rem 1rem;border-bottom: 1px solid #ddd;padding-top: 0;
margin: 0;}


/**** layout *****/

.navbar-brand a img {
	width: 320px;
	height: auto;
}

#banner {
	padding-bottom: 60px;
}

#banner.not-home {
		height: 420px;
	background-color: #a3aa21;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: left center;
}

#banner.not-home:after {
	content: "";
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
}

.widget.widget_breadcrumb_navxt {
	margin: -1em 0 .5em 0;
	color: rgba(255,255,255,0.7);
}

.widget.widget_breadcrumb_navxt a {
	color: #fff;
}

.widget.widget_breadcrumb_navxt {
	display: none;
}

.page-child .widget.widget_breadcrumb_navxt {
	display: block;
}

#content.site-content {
	background-color: #c4cc33;
	padding: 0;
	padding-bottom: 2rem;
}

.entry-content {
	background: #fff;
	padding: 2.8rem;
	margin: 0;
}


.home .entry-content {
	padding: 20px;
}

article>.container {
	margin-top: -60px;
	z-index: 4;
	position: relative;
}




.page header.entry-header, .single header.news-header {
	z-index: 5;
	position: relative;
}

	.page header.entry-header h1 {
		border: none;
		color: #fff;
		font-size: 3.6rem;
		margin-bottom: .4em;
		margin-top: auto;
		padding: 0;
	}
	
	.page header.entry-header h1:after {
		content: "";
		border-bottom: 4px solid #e6611a;
		display: block;
		width: 100px;
		padding-top: .2em;
	}

.page header.entry-header>.container {
	margin-top: auto;
}

.green-container {
	margin: 2.8rem -2.8rem -2.8rem -2.8rem;
padding: 4.6rem;
background-color: #c4cc33;

}

.green-container h2, .green-container h3 {
	color: #fff;
}

.breadcrumbs {
	margin-bottom: 1.2rem;
	padding: 10px;
	background: #eee;
	font-size: .8rem;
}

/*** Nav systems ***/

header#masthead.navbar {
	background-size: cover;
	background-position: center center;
	border: none;
	box-shadow: none;
	 background: -moz-linear-gradient(top,rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
	
}

#masthead, .navbar-brand a img {

  transition: all 0.2s;

}

header#masthead.navbar.scroll-nav {
	background: rgba(0,0,0,0.6);
	padding-top: 0;
	padding-bottom: 0;
}

header#masthead.navbar.scroll-nav .navbar {
	padding-top: 0;
	padding-bottom: 0;
}

header#masthead.navbar.scroll-nav .navbar-brand a img {
	width: 180px;
}

#NCCN header#masthead .navbar-nav > li > a {
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 0 2px;
	color: #fff;
	opacity: 0.8;
	font-weight: 600;
	
}

#NCCN header#masthead .navbar-nav > li > a:hover {
	opacity: 1;
	font-weight: normal;
	font-weight: 600;
}

.dropdown-toggle.nav-link:focus {
	outline: none;
	background-color: rgba(0,0,0,0.4);
	margin-bottom: 3px;

}

#NCCN #masthead .navbar-nav > li.current_page_item > a {
	font-weight: 600;
}

#NCCN .navbar-dark .navbar-toggler {
	color: #fff;
	background: rgba(0,0,0,0.7);
	border: none;
	border-radius: 0;
}

.dropdown-menu {
	background: none;
	border: none;
	padding: 0;
	margin: 0 !important;

}



.dropdown-menu .dropdown-item {
	background: rgba(0,0,0,0.85);
	margin: 1px 0;
	padding: .6rem;

}


@media (min-width: 992px) {

.dropdown-menu {
	background: none;
	border: none;
	padding: 0;
	left: auto;
	right: 0;
	margin: 0;
	background: rgba(0,0,0,0.1);
box-shadow: 3px 3px 10px rgba(0,0,0,0.4);

}



.dropdown-menu .dropdown-item {
	background: rgba(255,255,255,0.85);
	margin: 1px 0;
	padding: .6rem;
	white-space: nowrap;
	border-left: 4px solid #0693e3;
	color: #333;
}

}

.dropdown-menu .dropdown-item:hover {
	background: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
	display: none;
}


.widget-area .nav-item {
	border-bottom: 1px solid #eee;
	margin: 0;
}

.widget-area .nav-item:nth-last-of-type() {
	border: none;
}

/*** home page ****/



.home #banner {
	height: 750px;
	background-size: cover;
	background-position: center center;
	color: #fff;
	background-color: #ccc;
	position: relative;
	z-index: 1;
	
}

	.home #banner:after {
		content: "";
			 background: -moz-linear-gradient(bottom,rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    height: 60%;
	}	

	.home #banner>.container {
		color: #fff;
		text-align: left;
		height: 100%;
		display: flex;
		flex-direction: column;
		z-index: 3;
		position: relative;
	}
	
	.home #banner>.container h1 {
		margin-top: auto;
		color: #fff;
		font-weight: 900;
		
	}
	
	.home #banner>.container p {
		margin: initial;
		color: #fff;
		margin-bottom: 1.5rem;
		font-weight: 400;
		font-size: 1.2rem;
	}
	
	.home #banner>.container p a {
		color: #efefef;
		text-decoration: underline;
	}
	
	.home #banner>.container p a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	
.action-boxes {
	color: #fff;
	text-align: center;
}

.action-boxes * {
	margin: 0;
}

.action-boxes img {
	opacity: 0.6;
}

.action-boxes h2 {
	margin-top: 1rem;
	color: #fff;
	margin-bottom: .2rem;
	padding-bottom: 0;
}

.action-boxes h2 span {
}

@media (min-width: 1200px) {
	.action-boxes h2 {
	font-size: 50px;
}
}

.action-boxes > .col-md-4 {
			/* border: 5px solid #fff; */
border-top: none;
border-bottom: none;


}
	
	
	.action-boxes .wp-block-group__inner-container {
align-content: center;
display: flex;
width: 100%;
height: 100%;
text-align: center;
flex-direction: column;
justify-content: center;
padding: 1.2em;
		
	}
	
	
/*** footer ***/

footer {
	box-shadow: 0 500px 0 500px #343a40;
}
	
	
/**** News *****/



	.single header.news-header h1 {
		border: none;
		color: #fff;
		font-size: 3.6rem;
		margin-bottom: .3em;
		margin-top: auto;
		padding: 0;
	}
	
	.single header.news-header h1:after {
		content: "";
		border-bottom: 6px solid #e6611a;
		display: block;
		width: 120px;
		padding-top: .2em;
	}

.single header.news-header>.container {
	margin-top: auto;
}

.single h1.entry-title {
	font-size: 2.2rem;
}

.single #banner.not-home {
		height: 420px;
	background-color: #c4cc33;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: left center;
	

}

.single #banner.not-home:after {
	content: "";
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #7D8221;
	opacity: 0.7;

}

.single .post-thumbnail {
	margin: 1rem 0;
}

.query-home-news-wrapper h3 {
	font-size: 1.5rem;
}
	

	
	
/*** Locations ****/

.locations {
	display: flex;
/* flex-basis: 100%; */
flex-wrap: wrap;
/* flex: 1; */
}

.locations > .location {
margin: 10px;
box-sizing: border-box;
box-shadow: 0px 0px 10px #999;
border-radius: 0;
border: none;
padding: 0;
overflow: auto;
border-bottom: 4px solid #0693e3;
}

@media (min-width: 768px) {
	.locations > .location {

display: flex;
flex: 40%;
flex-direction: column;

}
	}

.locations > .location h3 {
	font-size: 1.5rem;
	
}

.location iframe {
	border-bottom:1px solid #333;
}

location img {
	padding-left: 10px;
}

.locations > .location iframe {
}

iframe .place-card {
	display: none !important;
}

.phone-wrapper {
	margin-top: auto;
}

/*** staff and directors css work ****/

.headshot-wrap {
	width: 80%;
	margin: auto;
	position: relative;
	box-shadow: 10px 10px 0px #eee;
	background: url(img/user.png) no-repeat;
	background-size: cover;
}

.headshot-wrap:after {
	content: "";
  display: block;
  padding-bottom: 100%;
}

.headshot-wrap img {
	object-fit: cover;
	position: absolute;
	height: 100%;
	width: 100%;
}

.wp-block-lazyblock-staff-vert h3 {
	font-size: 1.45rem;
}

.photo-wrap {
	    box-shadow: 10px 10px 0px #eee;
    width: 150px;
    height: 150px;
    margin: 0 auto 1rem auto;
	background: #f9f9f9 url(img/avatar.png) no-repeat 50% 50%;
}

/****
.wp-block-lazyblock-staff-vert h3:before {
	content: url(img/avatar.png);
	display: block;
	opacity: 0.4;
	margin-top: 1em;
}
****/

/***** documents *****/

/* removed the icon treatment for now...
	
.document-icon img {
	display: none;
}


.document-gallery .document-icon a {
	display: inline-block;
	padding: 5px;
}

.document-gallery .document-icon a[href$=".pdf"]:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1c1";
	  margin: 0 5px;
	  color: #c4cc3;
	  font-size: 48px;
	  height: 58px;
	  opacity: 0.5;
	  padding: 10px;
	display: inline-block;
}

.document-gallery .document-icon a:hover {
	text-decoration: none;
}
*/

@media (min-width: 501px) {
.document-gallery {
	display: flex;
	align-items: center;
	justify-items: space-between;
}
}

.document-gallery .document-icon a {
	display: inline-block;
	padding: 5px;
}

.document-gallery .document-icon img {
	box-shadow: 3px 3px 6px #ccc;
	border: 1px solid #ddd;
	margin-bottom: 1rem;
}

.document-icon .title {
	font-size: 18px;
	line-height: 1.3em;
}

@media (min-width: 501px) {
.document-gallery .document-icon-row {
	width: 49%
}
}

@media (min-width: 992px) {
	.document-gallery .document-icon-row {
	width: 33%;
	}
	}


/**** News ****/

#home-announcments {
	padding: 2.8rem 0;
	position: relative;
	background: #fff;
	z-index: 0;
}

#home-announcments>.container {
	z-index: 2;
	position: relative;
}

#home-announcments:after {
	content: "";
	background-color: #c4cc33;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	z-index: 1;
}

@media (min-width: 992px) { 
	#home-announcments:after {
	height: 220px;
}
}

.query-home-news-wrapper {
	margin-bottom: -2rem;
}

.query-home-news-wrapper .query-row {
	margin-bottom: 2rem;

}

.news-card {
	background: #fff;
	border: 4px solid #fff;
}

.news-card img {
	aspect-ratio: 4/3;
object-fit: cover;
}

.news-card h3 {
	margin-bottom: .6em;
}

.news-card h3:after {
		content: "";
		border-bottom: 3px solid #e6611a;
		display: block;
		width: 80px;
		padding-top: .6em;
	
}

.news-card-inner {
	padding-top: 1rem;
}

/*** general plugin support ***/

.subpages-menu {
	display: flex;
}

.page-list {
	list-style: none;
	margin: 0;
	padding: 0;

	display: flex;

}

.page-list li {
	margin: 0;
}

.page-list li a {
	border-bottom: none;
	display: inline-block;
	margin: 0 5px;
}

.page-list li a:hover {
	color: #000;
	text-decoration: none;
}

.page-list li.current_page_item > a {
	font-weight: normal;
	background: #fff;
	
}

.page-list li a:after {
	  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";
	  margin: 0 5px;
	  color: #c4cc3;
  
}