/* Taken from Caffe Society CSS */




.top-bar {
	background-color: #381800;
}

.top-bar-section ul li a {
	background-color: #381800!important;
}

.top-bar-section ul li a:hover {
	background-color: #760000!important;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
}

a {
	font-family: 'Source Sans Pro', sans-serif!important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Jockey One', sans-serif;
	font-size: 1.6875rem;
}

h3 {
	font-size: 1.250rem;
}

/* Background */

@media only screen and (min-width: 40em) {
	.inner-wrap {
		background-image: url(/blog/wp-content/themes/caffesociety/images/background.jpg);
	}
}

/* Globals  */

a {
	color: #794D20;
}

a:hover {
	color: #A11F34;
}

ul, li, li a {
	list-style: none;
}

ul {
	margin-left: 0;
}

.button {
 #border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.5625rem;
	padding-right: 1.125rem;
	padding-bottom: 0.625rem;
	padding-left: 1.125rem;
	font-size: 1rem;
	color: white;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	padding-top: 0.625rem;
	padding-bottom: 0.5625rem;
	-webkit-appearance: none;
	border: none;
	font-weight: normal !important;
	background-color: #a11f34!important;
}

.button:hover {
	background-color: #666!important;
}

/* Header */


.header {
	padding: 1rem 0.5rem 0.5rem;
}

/* Off canvas */






.left-off-canvas-menu a {
	color: #fff;
}

.left-off-canvas-menu a:hover {
	color: #fff;
}

.left-off-canvas-menu a.close-canvas {
	position: relative;
	background-color: #600;
	padding: 0 1rem;
	margin: 0 0 0.625rem 0;
	line-height: 3rem;
}

.left-off-canvas-menu a.close-canvas.close-bottom {
	padding: 0 1rem;
	margin: 0.625rem 0 0 0;
	line-height: 3rem;
}

.close-margin {
	border-bottom: 1px solid rgb(88, 88, 88);
	width: 100%;
	height: 1px;
}

.right-off-canvas-menu a.close-canvas {
	position: relative;
	background-color: #600;
	padding: 0 1rem;
	margin: 0 0 0.625rem 0;
	line-height: 3rem;
	text-align: right;
}

/* Top menu bar full version */ 

.nav-brown {
	background-color: #381800;
}

/* Top menu bar small version */

.small-nav-brown {
	background-color: #381800;
	text-align: center;
	line-height: 1rem;
}

li.smallMenu {
	margin: 0.313rem 0.625rem;
	display: inline-block;
}

.smallIcons {
	color: #fff;
	display:block;
}

.smallIcons:hover {
	color: #bbb;
}

.smallIcons i {
	margin-right: 0.313rem;
}

.smallIcons span {
	font-size: 1.250rem;
}

/* Call us bar below top menu */

.callbar {
	background-color: #a11f34;
}

.callbar p {
	color: #fff;
	margin: 0 0 0 0.938rem;
}
@media only screen and (min-width: 40em) {

.callbar p {
	float: left;
}
}
@media only screen and (max-width: 40em) {

.callbar p {
	text-align: center;
}
}

.callbar .vat-preference-wrapper {
	float: right;
	line-height: 1.6;
	color: #fff;
	margin: 0 0.938rem 0 0;
	list-style: none;
}

/* Caffe Society header logo and text */

.cs-cafsoc {
	float: left;
	width: 25.313rem;
}

.cs-logo {
	float: left;
	margin-right: 0.875rem;
}

.caffeLogoOne {
	margin: 0.5rem 0 0 0;
}

.caffeLogoTwo {
	margin: 0.5rem 0 0 0.5rem;
}

.cs-tag {
	font-size: 1rem;
	font-style: italic;
	text-align: left;
	margin: 0;
}


/* Social Icons in header */

.search-social {
	float: right;
}

.social-icons {
	margin: 0;
	text-align: center;
	clear: right;
}

.social-icons li {
	display: inline-block;
	margin: 0.5rem 0.5rem 0 0;
}

.social-icons li a {
	width: 1.875rem;
	display: block;
}

.social-icons li a.facebook {
	color: #3b5998;
}

.social-icons li a.twitter {
	color: #44ccf6;
}

.social-icons li a.gplus {
	color: #d13f2d;
}

.social-icons li a.linkedin {
	color: #0275b6;
}

.social-icons li a.vimeo {
	color: #86c9ef;
}

.social-icons li a:hover {
	color: #666666;
}
 @media only screen and (max-width: 43.813rem) {
.search-social {
 width:100%;
}
.social-icons li {
 margin: 1rem 1rem 0 0;
}
.form-search {
 padding-right:103px!important;
 margin-top:1rem!important;
}
.form-search button {
 position: absolute!important;
 right:0!important;
}
}
 @media only screen and (max-width: 43.813rem) {
#search_mini_form, .form-search, .header .form-search input {
 width:100%!important;
}
}

@media only screen and (max-width: 40em){
	.form-search {
		margin-top: 0.5rem !important;
	}
}

/* Category Menu */ 

.catMenu {
	background-color: #efede1;
	border-top: 1px solid #e2dfcb;
	border-bottom: 1px solid #e2dfcb;
	text-align: center;
	-webkit-box-shadow: 0 2px 3px #bbbbbb;
	-moz-box-shadow: 0 2px 3px #bbbbbb;
	box-shadow: 0 2px 3px #bbbbbb;
}
@media only screen and (max-width: 40.063em) {

.catMenu {
	display: none;
}
}

.catMenu li {
	list-style-type: none;
	position: relative;
}

.catMenu li a {
	color: #000;
	display: block;
}

.catMenu li a:hover {
	color: #f00;
}

.catMenuTop {
	float: left;
	padding: 0.5rem;
}

.catMenuTop>a {
	font-weight: bold;
	color: #433!important;
}

.catMenuTop>a:hover {
	color: #A11F34!important;
}

.coffeeMachines {
	width: 14%;
}

.coffeeTop {
	width: 9%;
}

.ingredients {
	width: 12%;
}

.accessories {
	width: 13%;
}

.beverageEquipment {
	width: 17%;
}

.servicesTraining {
	width: 18%;
}

.coffeeShopDesign {
	width: 17%;
}
 @media only screen and (min-width: 40.063em) and (max-width: 64em) {

.catMenuTop {
	width: 14.28571428571429%
}
}

.catSubMenus {
	left: -9999px;
	-webkit-border-radius: 1.5rem 0 1.5rem 0;
	-moz-border-radius: 1.5rem 0 1.5rem 0;
	-ms-border-radius: 1.5rem 0 1.5rem 0;
	-o-border-radius: 1.5rem 0 1.5rem 0;
	border-radius: 1.5rem 0 1.5rem 0;
	position: absolute;
	text-align: left;
	border: 1px solid #e2dfcb;
	-webkit-box-shadow: 3px 3px 5px #bbbbbb;
	-moz-box-shadow: 3px 3px 5px #bbbbbb;
	box-shadow: 3px 3px 5px #bbbbbb;
	background: #fff;
	padding: 0.5rem 0 1rem 0;
	margin-top: 8px;
}

.catSubMenus li a {
	display: block;
	padding: 0.125rem 0;
}

.cofmac {
	width: 29.063rem;
}

.cofmac.catSubMenus.shown-sub {
	left: 0.125rem;
}

.coffee {
	width: 21.500rem;
}

.coffee.catSubMenus.shown-sub {
	left: -1.188rem;
}

.ingred {
	width: 29.375rem;
}

.ingred.catSubMenus.shown-sub {
	left: -2.813rem;
}

.access {
	width: 33.250rem;
}

.access.catSubMenus.shown-sub {
	left: -14.375rem;
}

.beveqp {
	width: 25.875rem;
}

.beveqp.catSubMenus.shown-sub {
	left: -13.125rem;
}

.servic {
	width: 22.188rem;
}

.servic.catSubMenus.shown-sub {
	left: -13.125rem;
}

.catSubMenus.shown-sub {
	left: 0;
	z-index: 999;
}

.touch ul.catSubMenus.shown-sub {
	display: none;
}

.catSubMenusBlocks {
	float: left;
}

/* Footer */

footer .social-icons li {
	margin: 0.250rem 1.250rem 0 0;
}

footer .social-icons li:first-child {
	margin: 0.250rem 1.250rem 0 1rem;
}

.sign-up {
	padding: 0.5rem;
	background-color: #786252;
}

.footer-links {
	background-color: #d1c5b3;
	color: #170d06;
	padding-top: 0.750rem;
}

.footer-links h3 {
	font-size: 1.5rem;
	color: #381800;
}

.footer-links li {
	line-height: 1.9;
}

.footer-links p {
	line-height: 1.9;
}

.footer-links a {
	color: #600;
}

.footer-links a:hover {
	color: #f00;
}
 @media only screen and (max-width: 40em) {

.footer-links li a {
	display: block;
	padding: 0.5rem 0 0.5rem 0.5rem;
	margin: 0.188rem 0;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 15px;
	text-align: center;
}
}

.find-us li {
	line-height: 1.2;
}

.copy-foot {
	background-color: #333333;
	padding: 0 0.5rem;
}

.copy-foot p {
	color: #ccc;
	margin: 0 0.5rem 0 0;
}

.off-canvas-menu-wrapper .title {
	font-size: 1rem;
	color: white;
	background-color: #5db4c2;
	padding: 0 1rem;
	margin: 0;
	font-weight: normal;
	line-height: 3rem;
}

.off-canvas-menu-wrapper a {
	color: #fff;
}

.off-canvas-menu-wrapper ul {
	margin: 0;
}

.off-canvas-menu-wrapper ul a {
	display: block;
	line-height: 2rem;
	padding: 0.75rem;
	border-top: 1px solid #585858;
}


.fa {
	line-height: 1.5 !important;
}