/*
Theme Name: Caffe Society Blog
Theme URI: www.caffesociety.co.uk/blog
Description: Caffe Society Blog
Version: 3.1
Author: Matt Dean
Author URI: 76digital.com 71.25rem
*/


/* Utility classes */

.red {
	color: #a11f34;
}

.fbblue {
	color: #3b5998;
}
.twitterblue {
	color: #4099FF;
}
.intro {
	font-family: 'Jockey One', sans-serif;
	font-size: 1.250rem;
	color: #a11f34;
}

/* Customer Details */

.customer-details {
	background-color: #eee;
	border: 1px solid #ddd;
	clear: both;
	display: none;
	margin: 10px;
	padding: 10px;
	border-radius: 1rem 0 1rem 0;
	-webkit-border-radius: 1rem 0 1rem 0;
	-moz-border-radius: 1rem 0 1rem 0;
}

.customer-details-button {
	display: block;
	float: right;
	padding:10px;
}

@media(min-width: 642px) {
	.customer-details {
		float: right;
		display:block;
		width: 222px;
	}
	.customer-details-button {
		display: none;
	}
}
.customer-details .fa-ul {
	margin-left: 20px;
}
.customer-details .fa-ul li i.fa {
	top: 0;
	left: -31px;
}
.customer-details ul li::before {
	content: '' !important;
	margin-right: 0 !important;
}

.home-page .customer-details, .category-page .customer-details, .archive-page .customer-details, .home-page .customer-details-button, .category-page .customer-details-button, .archive-page .customer-details-button{
	display: none;
}

.image-text{
	background-color: #d7d7d7;
    font-size: 80%;
    font-weight: 700;
	margin-bottom: 0;
    padding: 5px;
    position: relative;
    text-align: center;
    top: -20px;
}
/* Size override */


.column, .columns {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.row {
	max-width: 1600px;
}
header .row, footer .row {
	max-width: 1600px;
}

@media only screen and (min-width: 40.063em) {
.contain-to-grid .top-bar {
	max-width: 1600px;
}
}

/* Header */

@media only screen and (max-width: 40em) {
.header {
	padding: 0.5rem;
}
}
.header #search_mini_form {
	float: right;
	margin-bottom: 0;
	width: 100%;
}

@media only screen and (min-width: 40.063em) {
.header #search_mini_form {
	width: auto;
}
}
.header .form-search {
	display: block;
	position: relative;
	float: right;
	width: 100%;
	padding-right: 103px;
	margin-top: 1rem;
}

@media only screen and (min-width: 40.063em) {
.header .form-search {
	padding-right: 0;
	margin-top: auto;
}
}
.header .form-search input, .header .form-search button {
	margin-bottom: 0;
}
.logoLink {
	color: #000;
	display: block;
}
.logoLink:hover {
	color: #000;
	text-decoration: none;
}

@media only screen and (max-width: 40em) {
.cs-logo {
	height: 40px;
	width: 40px;
	margin-right: 0.5rem;
}
}

@media only screen and (max-width: 40em) {
.caffeLogoOne {
	float: left;
	height: 30px;
	width: 83px;
}
}

@media only screen and (max-width: 40em) {
.caffeLogoTwo {
	float: left;
	height: 30px;
	width: 119px;
}
}

@media only screen and (max-width: 40em) {
.cs-tag {
	font-size: 0.875rem;
	clear: left;
}
}
/* Breadcrumbs */




.breadcrumbs {
	display: block;
	padding: 0 0.75rem;
	margin: 1rem 0;
	line-height: 1.5rem;
	overflow: hidden;
	list-style: none;
	border-style: solid;
	border-width: 1px;
	position: relative;
	background-color: transparent;
	border-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.breadcrumbs > * {
	margin: 0;
	float: left;
	font-size: 1rem;
	text-transform: none;
	color: #794D20;
	line-height: 1.5rem;
}
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
	text-decoration: underline;
	color: #A11F34;
}
.breadcrumbs > * a, .breadcrumbs > * span {
	text-transform: none;
	color: #794D20;
	line-height: 1.5rem;
}
.breadcrumbs > *.current {
	cursor: default;
}
.breadcrumbs > *.current a {
	cursor: default;
}
.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
	text-decoration: none;
}
.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {
	text-decoration: none;
	cursor: default;
}
.breadcrumbs > *:before {
	content: "›";
	color: #000;
	margin: 0 0.375rem;
	position: relative;
	top: 1px;
	color: #828282;
	font-size: 1.125rem;
}
.breadcrumbs > *:first-child:before {
	content: " ";
	margin: 0;
}
/* Navigation */


.navigation {
	text-align: center;
}
/* Posts */

.entry {
	padding: 0 0.75rem 1rem 0.75rem;
}
.entry h2 {
	font-size: 1.250rem;
	color: #a11f34;
}
.entry h3 {
	font-size: 1rem;
}
.entry h4 {
	font-size: 1rem;
	color: #666;
}
.entry ul li::before {
	font-family: FontAwesome;
	content: '\f138';
	margin-right: 0.5rem;
	color: #999;
}
.entry ol li {
	list-style-type: decimal;
}
.entry h1 a {
	font-family: 'Jockey One', sans-serif!important;
	font-size: 1.6875rem;
	color: #222;
	text-decoration: underline;
}
.entry h1 a:hover {
	text-decoration: none;
	color: #a11f34;
}

@media only screen and (min-width: 64.063em) {
.entry article {
	margin-right: 3.125rem;
}
}
.header .form-search input {
	float: left;
	width: 100%;
	margin-right: 1rem;
}

@media only screen and (min-width: 40.063em) {
.header .form-search input {
	width: auto;
}
}
.header .form-search button {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

@media only screen and (min-width: 40.063em) {
.header .form-search button {
	position: relative;
	right: auto;
	top: auto;
}
}
.postmetadata {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 0.5rem 0;
	margin: 0 10% 0.5rem 10%;
}
/* Sidebar */


.sidebar {
	margin: 1.5rem 0;
}
.sidebar nav ul {
	margin-left: 0.5rem;
}
.sidebar nav ul a {
	display: block;
	padding: 0.125rem 0;
}
.touch .sidebar nav ul a {
	padding: 0.750rem 0;
	margin: 0.250rem 0;
}
/* Off canvas left */



#infoGuidesMenu {
	margin-left: 1rem;
	border-left: 1px solid #555;
}
/* Cat Menus */



.catSubMenus {
	z-index: 1;
}
/* Latest Post */


.latestPost p {
	margin-bottom: 0.313rem;
}
/* Old Archives */


.oldArchives li a {
	margin: 0.125rem 0;
	padding: 1rem 2rem;
	display: block;
}
.oldArchives li:before {
	content: none!important;
}
/* Wordpress WYSIWYG Utility */


blockquote {
	border: 1px solid #ddd;
	background: #eee;
	margin: 1rem 1.5rem;
	overflow: auto;
	padding: 1rem;
	border-radius: 1rem 0 1rem 0;
	-webkit-border-radius: 1rem 0 1rem 0;
	-moz-border-radius: 1rem 0 1rem 0;
}
blockquote p {
	padding: 0;
	margin: 0;
}
blockquote::before {
	font-family: FontAwesome;
	content: '\f10d';
	color: #000;
	float: left;
	margin-right: 0.5rem;
}
blockquote p::after {
	font-family: FontAwesome;
	content: '\f10e';
	color: #000;
	float: right;
	margin-left: 0.5rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignright {
	clear: both;
	float: right;
	margin-left: 10px;
}
.alignleft {
	clear: both;
	float: left;
	margin-right: 10px;
}
/* Footer */


.footer-links {
	padding-top: 2rem;
	padding-bottom: 1.250rem;
}
.associations {
	background-image: url(/skin/frontend/polar/caffesociety/images/associations.png);
	background-size: 100%;
	width: 73.83512544802867%;
	height: 0;
	padding-bottom: 4.451612903225806%;
	max-width: 824px;
	margin: 1rem 0;
}

@media only screen and (max-width: 40em) {
.associations {
	background-image: url(/blog/wp-content/themes/caffesociety/images/associationsSmall.png);
	width: 100%;
	padding-bottom: 7.512520868113523%;
}
}
.copy-foot {
	padding: 16px 0;
}
.copyright {
	padding-top: 0.5rem;
	text-align: right;
}
.tutorials {
	text-align: center;
	padding-top: 15px;
}
.tutorialLinks {
	margin: 0;
	padding: 0;
}
.tutorialLinks li {
	border: 1px solid #8e6942;
	margin-bottom: 10px;
}
.tutorialLinks li:hover {
	border: 1px solid #8e6942;
  background: #8e6942;
}
.tutorialLinks li a{
	display: block;
	padding: 5px;
	transition: all linear .4s;
}
.tutorialLinks li a:hover{
	color: #fff;
}
.tutorialImgLink {
	border: none !important;
}
.tutorialImgLink a {
	padding: 0 !important;
}
.tutorialImgLink span {
	 height: 72px;
	 filter: sepia(60%);
	 display: block;
	 transition: filter linear .2s;
}
.tutorialImgLink span:hover {
	filter: sepia(0%);
}