/*
Theme Name: Shady Raven
Theme URI: www.crookscoffee.com
Author: Neil Wolfe
Description: Responsive Bootstrap-based Wordpress Template for Crooks Coffee, Santa Rosa, CA.
Version: 1.0
License: Copyright 2018, Neil Wolfe. All Rights Reserved. 
License URI: Licensed exclusively to Crooks Coffee
Text Domain: shady-raven 
Tested Up To: 5.0
Requires PHP: Yes
*/

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: 'EB Garamond', Garamond, "Times New Roman", Times, serif;
	background-color:#222;
	background-image:url(https://www.crookscoffee.com/wp-content/themes/shady-raven/assets/images/topBG.jpg);
	background-repeat:none;
	background-attachment:fixed;
	background-size:cover;
}
.skip-link {
	visibility: hidden;
}
.screen-reader-text {
	visibility:hidden;
}
h1 {
	font-size: 3em;
	color: #fff;
	letter-spacing:2;
}
h2 {
	font-size:1.5em;
}
a {
	color:#fff;
}
.panel-body a {
	color:#000;
	font-weight:bold;
}	
a:hover {
	color: #fff2ae;
	text-decoration: none;
}
.navbar {
	background-color:rgba(6,12,9,0.9);
	position:fixed;
	top:0;
	width:100%;
	height:60px;
	z-index:1;
}
.nav-link {
	display:inline;
	font-size:2em;
	padding-right:1em;
}
#headerNav {
	left:21%;
}
.social-media-icons {
	position:absolute;
	left:83%;
	top:5px;
	z-index:3;
}
.social-media-icons img {
	margin: 0.5em;
	transition: all .1s ease-in-out; /* Animation */
}
.social-media-icons img:hover {
	transform: scale(1.2);
}
#mainLogo {
	display:block;
	position:relative;
	z-index:2;
	margin:-1em 0 2em 3em;
}
#siteTitle {
	color:#fff;
	background-color:rgba(0,0,0, 0.5);
	padding:1em 2em 1em 2em;
	margin: 2em 0 2em 5em;
	z-index:0;
}
.phoneNumber {
	color:#fff;
	font-size:2em;
}
#ticker {
	background-color:rgba(0,0,0, 0.8);
	margin: 0 0 2em 0;
	z-index:0;
	position:relative;
	width:100%;
	border:none;
}
#ticker ul {
	margin-left:50%;
}
#ticker p {
	color:#fff;
	font-size:2em;
	letter-spacing:0.1em;
}
.archiveTitle {
	margin:-1em 0 1em 0;
	color:#fff;
	background-color:rgba(0,0,0, 0.7);
	text-align:center;
	padding-bottom:1em;
}
.title {
	text-align: center;
	top: 0.8em;
	position:relative;
	font-size:2.5em;
	margin-bottom:0.8em;
	margin-top:-0.8em;
}
.title a {
	color: #271804;
	font-weight:normal;
}

.title a:hover {
	color: #238E88;
}
.titleSingle {
	padding-bottom: 0;
	margin-top: -1.7em;
}
.panel-body.hours {
	min-height:310px;
}
.hours table {
	margin-left:auto;
	margin-right:auto;
	font-size:1.1em;
}
.hours tr {
	transition: all .3s ease-in-out; 
}
.hours tr:hover {
	font-weight:bold;
	font-size:1.1em;
}
.hours td:first-child {
	padding-right:0.5em;
	 text-align:right;
}
 .panel-body.events {
	min-height:310px;
}
.dateLine {
	color: #000;
}
.panel-body {
	position:relative;
	z-index:0;
	display:block;
	min-height: 5em;
	overflow: hidden;
	background-color: rgba(255, 242, 174, 0.8);
	color: #271804;
	border:solid #271804 5px;
	font-size:1.1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 0.7em;
	margin-bottom:3em;
}
.panel-body img {
	float: left;
	margin:0.5em 2em 1em 0;
	border:solid #271804 5px;
	max-width: 100%;
	height: auto;
}
.panel-body a:hover {
	color: #238E88;
}
.panel-body p {
	text-align:left;
}
.events {
	min-height:300px;
}
.locationSection {
	display:block;
	background-image:url(https://www.crookscoffee.com/wp-content/themes/shady-raven/assets/images/building.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:100%;
	margin-top:2em;
	margin-bottom:2em;
}
#locationBar {
	color:#fff;
	background-color:#000;
	background-image: linear-gradient(#2d1f14, #000000, #1c1f1e);
	width:100%;
	padding:0.5em 1em 0.5em 1em;
	text-align:center;
	font-weight:bold;
	margin-bottom:0;
}
#map {
	margin: 0 0 0 0;
	padding-top:8em;
}
.menuTeaserContainer {
	padding-bottom:6em;
}
.menuTeaser {
	background-image:url(https://www.crookscoffee.com/wp-content/themes/shady-raven/assets/images/Lg-Chalkboard.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border:solid #271804 5px;
	font-family:'ChalkFont', Verdana, Geneva, sans-serif;
	width:100%;
	text-align:center;
	padding-top:1.7em;	
}
.menuTeaser img {
	border:solid #271804 5px;
	transition: all .2s ease-in-out; /* Animation */
	margin-bottom:0.3em;
}
.menuTeaser img:hover {
	transform: scale(1.1);
}
.menuTeaserTitle a {
	width:100%;
	color:#FFA600;
	mix-blend-mode: color-dodge;
	font-size:2.5em;
}
.menuTeaser figcaption {
	margin-top:0;
}
.wp-block-image figcaption {
	color:#FFA600;
	mix-blend-mode: color-dodge;
	font-size:1.5em;
}
.yelp {
	color:#fff;
	text-align:center;
	background-color:rgba(0,0,0, 0.5);
	padding:2em 2em 2em 2em;
	margin:0 0 2em 0;
}
#yelpTitle {
	text-align:center;
	width:100%;
	font-size:2.5em;
	padding:0.3em 0 0.3em 0;
	margin:-1em 0 0 0;
	background-color:#000;
	background-image: linear-gradient(#1c1f1e, #000000, #2d1f14);
}
.menuTeaserTitle {
	color:#fff;
	text-align:center;
}
.menuTitle {
	color:#fff;
	background-color:rgba(0,0,0, 0.7);
	text-align:center;
	padding-bottom:1em;
	margin-bottom:2em;
}
.menuTitle p {
	font-size:1.2em;
}
#drinks {
	font-size:1.5em;
	letter-spacing:0.1em;
}
.subMenu {
	background-image:url(https://www.crookscoffee.com/wp-content/themes/shady-raven/assets/images/Lg-Chalkboard.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border:solid #271804 5px;
	font-family:'ChalkFont', Verdana, Geneva, sans-serif;
	letter-spacing:0.2em;
	margin:0 5% 3em 5%;
}
.subMenu h2 {
	font-size:4em;
	text-align:center;
	color:rgba(255,0,0, 0.7);
	letter-spacing:0.1em;
	mix-blend-mode: screen;
	padding-top:0.3em;
}
.subMenu ul {
	text-align:left;
	list-style:none;
	padding-top:1em;
}
.subMenu li {
	color:#DDA600;
	mix-blend-mode: color-dodge;
	font-size:1.7em;
	line-height:none;
}
.subMenuLeft {
	margin-top:-1em;
}
.subMenuRight {
	float:right;
	padding-right:4em;
	margin-top:-1em;
}
.subMenuRight li {
	text-align:right;
}
.subMenu .menuHeader {
	font-size:2.5em;
	letter-spacing:0.1em;
	color:#cc7;
	mix-blend-mode: color-dodge;
}
.subMenu .menuHeaderSm {
	font-size:2em;
	letter-spacing:0.1em;
	color:#f00;
}
.qtip-content {
	text-align:center;
}
.qtip-content img {
	margin:1em 0;
	max-width:80%;
	height: auto;
}
.qtip-content h2 {
	color:#000;
	text-align:center;
	font-size:2.5em;
}
.qtip-content h3 {
	color:#000;
	font-size: 2em;
	text-align:center;
	margin-bottom:-0.5em;
}
.qtip-content h4 {
	margin:-1em 1em 1em 1em;
	text-align:left;
	font-size:1.7em;
}
.fourOhFour {
	margin:-1em 0 1em 0;
	color:#fff;
	background-color:rgba(0,0,0, 0.7);
	text-align:center;
	padding-bottom:1em;
}
.wp-caption .gallery-caption{
	font-size:0.5em;
}
.wp-caption-text {
	color: #C12326;
}
.bypostauthor {
	visibility:hidden;
}
.alignright {
	text-align:right;
	margin-right:1em;
}
.alignleft {
	text-align:left;
	margin-left:1em;
}
.aligncenter {
	text-align:center;
}
.copyright {
	color:#fff;
	background-color:rgba(0,0,0, 0.5);
	text-align:center;
	width:100%;
	padding-bottom:0.3em;
	padding-top:1em;
}
.comment-respond{
	padding-left:3em;
	padding-top: 3em;
	border-top:#000;
}
.page-numbers {
	/* This rule must appear above .prev and .next or it will hide them as well */
	visibility:hidden;
}
.pagination {
	display:block;
	width:90%;
}
.current {
	color:#63213C;
}
.prev {
	visibility:visible;
	color:#fff;
	font-size:4em;
	padding-left:5%;
}
.next {
	visibility:visible;
	font-size:4em;
	color:#fff;
	margin-left:85%;
}
.spacer {
	padding-top: 30%;
}

/* Breadcrumbs */
.breadcrumbs {
	padding: 5px 5px 5px 1.5em;
	background-color:#422;
	background-color: rgba(0,0,0,0.5);
	color:#faa;
	font-size:1.3em;
}
.breadcrumbs span {
	margin-left:5px;
	margin-right:5px;
}
	
@media screen and (max-width:1280px) {
	#headerNav {
		left:5%;
	}
	#mainLogo {
		margin-top:2em;
		margin-left:15%;
		z-index:0;
	}
	#siteTitle {
		margin-left:10em;
	}
	panel-body ul {
		margin:0;
		padding:0;
	}
	.locationSection {
		background-image:none;
	}
	.locationSection {
		margin:0;
	}
	.map {
		margin-left:auto;
		margin-right:auto;
	}
	#map h3 {
		margin-top:-1em;
		margin-bottom:1em;
	}
	#map {
		padding-top:3em;
		padding-bottom:2em;
	}
/*	.wp-block-image figcaption {
		font-size: 0.7em;
	}
	*/
	.subMenu {
		background-image:url(https://www.crookscoffee.com/wp-content/themes/shady-raven/assets/images/Sm-Chalkboard.jpg);
		font-size:1em;
		line-height:2.5em;
		margin: 2em 1em;
	}
	.subMenuLeft {
		padding-left:0;
	}
   	.subMenu h2 {
	   	margin:0;
	   	font-size:3em;
   	}
   	.subMenu ul {
	   	margin-top:1em;
	   	padding-left:0;
   	}
   	.subMenu li {
	   	margin-bottom:0.5em;
	  	margin-left:1em;
   	}
	.subMenuRight {
	   	margin:0;
	   	padding:0;
  	}
   	.subMenuRight li {
		text-align:left;
	}
	.subMenuLeft li {
		text-align:left;
	}
}

@media screen and (max-width: 768px) {
	#headerNav {
		z-index:-2;
		left:0;
	}
	.navbar-nav {
		background-color:rgba(6,12,9,1);
		padding:0 100% 2em 5em;
		position:absolute;
		top:50px;
	}
	.navbar-collapse {
		padding-left:0;
	}
	.social-media-icons {
		left:60%;
	}
	#mainLogo {
       		width: 100%;
	   	margin:2.2em 4em 0 1em;
	}
	#siteTitle {
		 margin-left:0;
		 margin-top:1em;
	}
	.archiveTitle {
		margin-top:0.5em;
	}
	.panel-body img{
		text-align:center;
		margin:0.2em 1em 0.2em 0;
	}
	.menuTeaser {
		 background-image:url(https://www.crookscoffee.com/wp-content/themes/shady-raven/assets/images/Sm-Chalkboard.jpg);
	}
	.menuTeaserTitle {
		font-size:1em;
	}
	.prev {
	     margin-left:5%;
    	}
	.next {
		 margin-left:75%;
   	}
   	.subMenu ul {
	   padding-top:0.2em;
   	}
	.footer img {
		width:100%;
		height:auto;
	}


}
@media screen and (min-width: 650px) {
/* Disable tel link for non-phones */
	#siteTitle a {
		 pointer-events: none;
 		 cursor: default;
	 	 text-decoration: none;
	}
}
@media screen and (max-width: 576px) {
	.responsiveLineBreak {
		display:block;	
	}
	.social-media-icons {
		left:50%;
	}
	#mainLogo {
		visibility:hidden;
		height:0;
	}	
	#siteTitle {
		margin-top:0;
		font-size:0.8em;
		text-align:center;
	}
	.phoneNumber {
		text-align:center;
		font-size:3em;
	}
	.title {
		font-size:2em;
		margin-left:0;
	}
	.panel-body {
		margin-bottom:1em;
		text-align:center;
	}
	.panel-body p {
		padding-left:0.2em;
	}
	.panel-body ul {
		padding:0;
		list-style:none;
	}
	.panel-body img{
		float:none;
	}
	#map {
		margin-top:1em;
	}
	.menuTeaserContainer {
		padding-bottom:1em;
	}
	.submenuRight.menuHeader {
		padding-top:100px;
	}
	.subMenu .menuHeader {
		font-size:2em;
	}
	.subMenu h2 {
		font-size:2.5em;
	}
	.subMenuRight li {
		margin-left:3em;
	}
	.copyright h4 {
		font-size:1.2em;
	}
	.copyright p {
		font-size:0.9em;
	}
	.prev {
		margin-left:0;
		padding-left:10%;
    	}
.next {
		margin-left:50%;
	}
.breadcrumbs {
	padding: 5px 5px 5px 10px;
	font-size:1em;
}
.breadcrumbs span {
	margin-left:0;
	margin-right:0;
}
	
}
/* Correcting for poorly-written OSM plugin stylesheet */
li.active a {
  	border: none !important;
  	background: none!important;
  	border-bottom: none!important;
  	color:#fff !important;
}
li.active a:hover {
  	border: none !important;
  	background:none !important;
  	border-bottom: none !important;
}
/* last minute fixes */
.navbar-brand {
	display:list-item;
	list-style:none;
}

/* Updates for Product Catalog Plugin 11-15-2020 */

.prod-cat-header-div {
	display:none;
}


.panel-body .upcp-thumb-image {
	border:none;
}

.upcp-thumb-image-div {
	background:none;
}

.upcp-thumb-item {
	border:none;
}

.prod-cat-item {
	background:rgba(255,255,255,0.3);
	  border-radius: 25px;
}

.upcp-thumb-price {
	color:#000;
}
.prod-cat-item {
	text-align:center;
}
div.upcp-thumb-image-div img {
	margin-left:0.7em;
}

/* Using body specificity to override stubborn plugin */
body .upcp-thumb-title a{
	color: #442 !important;
	font-size:1.2em;
	line-height:1em;
}

body .upcp-thumb-details-link {
	color:#442 !important;
}


/* Catalog Shop Page Styling */
.upcp-thumb-item {
	width:375px;
	padding:20px 20px 350px 20px;	
}

.upcp-thumb-image-div {
	margin:auto;
}

.upcp-thumb-image-div {
	width:250px;
}

div.upcp-thumb-image-div img {
	max-height:none;
}


/* Slide Anything Carousel Plugin Rules */
.owl-carousel .owl-item img {
	border:none;
}