/* @override 
	https://staging-cannonandcannon.kinsta.cloud/wp-content/themes/cannon/style.css?*
	https://www.cannonandcannon.com/wp-content/themes/CannonCannon/style.css?* */


/*
Theme Name: Cannon & Cannon 2019
Theme URI: http://cannonandcannon.com/
Author: Oliver Smith
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cannon
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

cannon is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block;
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 0;
    max-width: 100%;
}

figcaption.wp-caption-text {
    font-size: .725em;
    font-style: italic;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,th {
    padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,button,input,select,textarea {
    color: #404040;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-family: 'Avenir Next W01',serif;
	font-weight: 500;
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: .125em;
    font-style: normal;
    font-weight: 800;
    margin: 0;
    margin-bottom: .5em;
}

h1 {
    font-size: 1.5em;
    color: #dc3c32;
}

p {
    margin-bottom: 1.5em;
    margin-top: 0;
}

dfn,cite,em,i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch",Courier,monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,kbd,tt,var {
    font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
    font-size: 15px;
    font-size: .9375rem;
}

abbr,acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,ins {
    background: #f9f7f3;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,:before,:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #f9f7f3;
/* Fallback for when there is no custom background color defined. */
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

blockquote,q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
/* Make sure images are scaled correctly. */
    max-width: 100%;
/* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: none;
    background: #e6e6e6;
    color: rgba(0,0,0,.8);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15);
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {
    color: #111;
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] {
    padding: 3px;
}

textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    color: #555;
    text-decoration: none;
}

a:visited {
}

a:hover,a:focus,a:active {
    color: #dc3c32;
}

a:focus {
    outline: none;
}

a:hover,a:active {
    outline: 0;
}

:focus {
    outline: none;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    background: #dc3c32;
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    height: 45px;
    position: relative;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: inline-block;
}

.main-navigation li {
    float: left;
    position: relative;
    padding-left: 16px;
}

.main-navigation li:first-child {
    padding-left: 0;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: #f9f7f3;
    font-size: 12px;
    line-height: 45px;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
    color: #e4928d;
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_ancestor > a {
    color: #e4928d;
}

/* Small menu */
.menu-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px !important;
    line-height: 45px;
    vertical-align: middle;
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: .125em;
}

.menu-toggle i {
    line-height: 45px;
}

button.menu-toggle {
    border: none;
    border-radius: 3px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
/* Corrects inability to style clickable 'input' types in iOS */
    color: #fff;
    padding: 0 1em;
    text-shadow: none;
    vertical-align: middle;
}

ul.social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: right;
    margin-bottom: 20px;
}

ul.social li {
    display: inline;
}

#masthead ul.social {
    position: absolute;
    top: 25px;
    right: 0;
}

#newsletter ul.social a {
    color: #dc3c32;
}

.fa-inverse {
    color: #f9f7f3;
}

button.menu-toggle:focus {
    outline: none;
}

@media screen and (max-width: 920px) {
    .menu-toggle,.main-navigation.toggled .nav-menu {
        display: block;
    }

    .main-navigation ul {
        display: none;
    }

    .main-navigation ul {
        position: absolute;
        width: 100%;
        top: 45px;
        left: 0;
        display: none;
        background: #dc3c32;
        border-bottom: 1px solid #f9f7f3;
        z-index: 600;
    }

    .main-navigation li {
        float: none;
        position: relative;
        text-align: left;
        border-top: 1px solid #f9f7f3;
        line-height: 1;
        padding-left: 0;
        width: 100%;
    }

    .main-navigation li:first-child {
        padding-left: 0;
    }

    .main-navigation li a {
        display: block;
        text-decoration: none;
        padding: 3px 3px 3px 60px;
        border-radius: 0;
        font-size: 16px;
    }
}

@media screen and (max-width: 580px) {
    #masthead ul.social {
        display: none;
    }
}

.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
    width: 100%;
}

.comment-navigation .nav-previous a,.posts-navigation .nav-previous a,.post-navigation .nav-previous a {
    float: left;
    width: auto;
    padding: 8px 30px;
    margin: 15px 0;
    border: 1px solid #dc3c32;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	font-size: 0.8125em;   
	text-transform: uppercase;
    letter-spacing: .125em;
    color: #dc3c32;
}

.comment-navigation .nav-next a,.posts-navigation .nav-next a,.post-navigation .nav-next a {
    float: right;
    text-align: right;
    padding: 8px 30px;
    margin: 15px 0;
    border: 1px solid #dc3c32;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	font-size: 0.8125em;   
    text-transform: uppercase;
    letter-spacing: .125em;
    color: #dc3c32;
}

.comment-navigation .nav-previous a:hover,.posts-navigation .nav-previous a:hover,.post-navigation .nav-previous a:hover,.comment-navigation .nav-next a:hover,.posts-navigation .nav-next a:hover,.post-navigation .nav-next a:hover {
    background: #dc3c32;
    color: #fff;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
/* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
    content: "";
    display: table;
}

.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
    padding: 8px 30px;
    margin: 15px 0;
    border: 1px solid #dc3c32;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .125em;
    text-align: center !important;
    background-color: transparent;
    border-radius: none !important;
    -webkit-border-radius: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0;
}

.byline,.updated:not(.published) {
    display: none;
}

.single .byline,.group-blog .byline {
    display: inline;
}

.page-content,.entry-content,.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {
    max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
*,:before,:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    margin: 0 auto;
    max-width: 64em;
    width: 90%;
    overflow: hidden;
}

.column {
    margin-bottom: 30px;
}

@media (min-width: 40em) {
    .column {
        float: left;
        padding-left: 1em;
        padding-right: 1em;
    }

    .column.full {
        width: 100%;
    }

    .column.two-thirds {
        width: 66.7%;
    }

    .column.half {
        width: 50%;
    }

    .column.third {
        width: 33.3%;
    }

    .column.fourth {
        width: 25%;
    }

    .column.flow-opposite {
        float: right;
    }

    .column.eighty {
        width: 80%;
    }

    .column.ninety {
        width: 90%;
    }

    .column.mid {
        float: none;
        margin: 0 auto;
    }

    .column {
        margin-bottom: 0;
    }

    div.full-column.half {
        width: 50%;
        float: left;
    }

    div.full-column.flow-opposite {
        float: right;
    }
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.site-branding img {
    width: 300px;
    height: 85px;
    padding: 10px 0;
}

img {
    display: block;
}

div.site-branding {
    position: relative;
    height: 90px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 1em;
}

.site-branding .column {
    position: relative;
}

#site-navigation a#logotype {
    width: 225px;
    position: absolute;
    margin-right: 30px;
    top: 14px;
    display: none;
}

#site-navigation .container {
    height: 45px;
}

/* Sections and General Layout */
.section {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.section.border-bottom {
    border-bottom: 5px solid #f0ede5;
}

.home #hero-image.section, #featured-banner.section {
    height: 400px;
    background-color: #b9b9b9;
}

.home #home-mosaic {
}

#featured-banner {
	position: relative;
}

#hero-image.section {
    height: 210px;
}

#shop-selection.section {
    background-color: #dc3c32;
    color: #f9f7f3;
    min-height: 300px;
    padding-bottom: 60px;
}

#mission-statement.section {
    height: auto;
}

.section.menu-grid {
    overflow: hidden;
    padding: 0;
    background-color: #dc3c32;
}

#news.section {
    padding-top: 60px;
    padding-bottom: 60px;
}

#social-feeds.section {
    min-height: 300px;
}

#newsletter.section {
    background-color: #555;
    color: #f9f7f3;
    padding-top: 3em;
    padding-bottom: 3em;
 
}

#colophon.section {
    min-height: 300px;
    padding: 0;
}

#colophon p {
    font-family: 'Avenir Next W01';
    color: #dc3c32;
    margin-top: 15px;
    font-size: 13px;
    margin-left: 15px;
}

#colophon a#footer-logo img {
    width: 300px;
}

div.stripes {
    height: 30px;
    background: repeating-linear-gradient(90deg,#dc3c32,#dc3c32 20px,#f9f7f3 20px,#f9f7f3 40px);
}

#colophon .site-info {
    min-height: 300px;
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Home Page Styles */
#mission-statement h2 {
    color: #dc3c32;
    font-weight: 400;
    text-align: center;
}

#mission-statement p {
    font-family: 'Avenir Next W01';
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

div.menu-menu-1-container {
    display: inline-block;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    float: right;
}

.mg-item {
    width: 33.33%;
    background-color: #585858;
    display: inline-block;
    float: left;
    position: relative;
}

.mg-item:before {
    content: "";
    display: block;
    padding-top: 66.6%;
}

.mg-item .wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #f9f7f3;
}

.mg-item .mg-title {
    position: absolute;
    font-family: 'Avenir Next W01';
    font-size: 19px;
    text-transform: uppercase;
    display: table-cell;
    letter-spacing: .125em;
    top: 50%;
    left: 50%;
    width: 80%;
    text-align: center;
    height: 30px;
    margin: -15px 0 0 -40%;
    z-index: 10;
    color: #fff;
    vertical-align: middle;
}

.mg-item .wrap img {
    opacity: .4;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0,1.0);
}

a.mg-item:hover .wrap img {
    opacity: 1;
}

@media screen and (max-width: 700px) {
    .mg-item {
        width: 50%;
    }
}

div.entry-meta {
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: .125em;
    font-size: 13px;
}

.blog article.hentry,.search article.hentry {
    margin-bottom: 2em;
}

.hentry img {
    margin-bottom: 1em;
    max-width: 100%;
}

a.read-more {
    font-family: 'Avenir Next W01';
    color: #dc3c32;
    text-transform: uppercase;
    letter-spacing: .125em;
    font-size: 11px;
}

h2 a {
    color: #dc3c32;
}

h2 a:hover {
    color: #555;
}

#news img.wp-post-image {
}

#featured-banner-text a {
    color: #f9f7f3;
/*   text-shadow: 0px 0px 8px #000000;*/
}

#featured-banner-text {
    position: absolute;
    bottom: 30px;
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: .125em;
    color: #f9f7f3;
    font-size: 2em;
    width: 50%;
    padding: 0.5em;
    background-color: rgba(88, 88, 88, .7);
}

/* @group MailChimp */
#mc_embed_signup {
    margin-top: 0em;
}

input#mce-EMAIL.required.email {
    width: 100%;
}

input#mc-embedded-subscribe.button {
    width: 100%;
    margin-top: 20px;
}

@media (min-width: 40em) {
    input#mce-EMAIL.required.email {
        width: 75%;
        float: left;
    }

    input#mc-embedded-subscribe.button {
        width: 25%;
        float: left;
        margin-top: 0;
    }
}

input#mc-embedded-subscribe.button {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    -webkit-backface-visibility: hidden;
    font-size: 16px;
    line-height: 45px;
    height: 53px;
    vertical-align: middle;
    padding: 4px 6px;
    background-color: #dc3c32;
    border: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: .125em;
}

input#mc-embedded-subscribe.button:hover {
    background-color: rgba(0,0,0,.1) !important;
    color: #fff;
}

input#mce-EMAIL.required.email {
    border: 1px solid transparent;
    color: #ccc;
    padding: 4px 10px;
    text-indent: 1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,.1);
    line-height: 45px;
    height: 53px;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: .125em;
    font-size: 16px;
}

input#mce-EMAIL.required.email:focus {
    color: #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #888;
    outline: none;
}

input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#mc_embed_signup ::-webkit-input-placeholder {
    color: #888;
}

#mc_embed_signup :-moz-placeholder {
/* Firefox 18- */
    color: #888;
}

#mc_embed_signup ::-moz-placeholder {
/* Firefox 19+ */
    color: #888;
}

#mc_embed_signup :-ms-input-placeholder {
    color: #888;
}

/* @end */
/* @group Instagram */
#instafeed {
    float: left;
    width: 100%;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
}

.instagram-feed {
    width: 33.3%;
    float: left;
    padding: 0;
    padding: 5px;
}

@media only screen and (max-width : 640px) {
    /* Tablet view: 2 tiles */
    .instagram-feed {
        width: 33.3%;
    }
}

@media only screen and (max-width : 780px) and (min-width : 651px) {
    /* Small desktop / ipad view: 3 tiles */
    .instagram-feed {
        width: 50%;
    }
}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {
    /* Medium desktop: 4 tiles */
    .instagram-feed {
        width: 33.3%;
    }
}




.insta_time a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding-left: 5px;
}

#instafeed .caption {
    display: none;
}



#instafeed a {
	position: relative;
	width: 100%;	
	overflow: hidden;
	display: block;
}

#instafeed a:before {
	content: "";
	display: block;
	padding-top: 100%; 
}

#instafeed a img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%); 
	-webkit-backface-visibility: hidden;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	
}

/* @end */
/* @group Twitter */
.tweet span.tweet_time {
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: .25em;
    display: inline-block;
    padding-top: 5px;
}

.tweet {
    font-size: 13px;
    min-height: 100px;
    font-family: 'Avenir Next W01';
}

.tweet ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.tweet ul li {
    border-bottom: 2px solid rgba(0,0,0,.1);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.tweet ul li:last-child {
    border-bottom: none;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.tweet ul.tweet_list li i.fa.fa-twitter {
    font-size: 15px;
    vertical-align: middle;
}

.tweet a {
    font-weight: 700;
}

.tweet li span.tweet-footer {
    display: block;
    color: rgba(255,255,255,.5);
}

.tweet li span.tweet-footer a {
    color: rgba(255,255,255,.5);
}

p.loading {
    text-align: center;
    line-height: 100px;
}

/* @end */
h1.page-title {
    font-size: 13px;
}

.blog #content,.single #content,.search #content {
    padding-top: 60px;
}

.single-tribe_events #content {
	padding-top: 0;
}

.single.single-product #content {
    padding-top: 0;
}

.section h4 {
    margin-bottom: 30px;
}

h1.widget-title {
    font-size: 14px;
}

.widget-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

h3 {
    text-transform: none;
    letter-spacing: 0;
    font-size: 24px;
    margin-bottom: 1em;
    font-weight: 800;
	text-align: left;
}

p a {
    color: #dc3c32;
}

p a:hover {
    border-bottom: 1px solid #dc3c32;
}

.entry-content ul {
    list-style: circle;
    margin-left: 0;
    padding-left: 1.5em;
}

.showcase .entry-content ul, .tribe-events-content ul, .woocommerce .entry-content ul  {
    list-style: none !important;
    margin-left: .5em;
    padding-left: 0;
}

.showcase .entry-content li, .tribe-events-content ul li, .woocommerce .entry-content ul li {
    padding-left: 2em;
    padding-bottom: 10px;
}

.showcase .entry-content li:before, .tribe-events-content ul li:before, .woocommerce .entry-content ul li:before {
	display: inline-block;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    width: 2em;
    margin-left: -2em;
	 content: '\f00c';
}





.entry-content ul#shipping_method li:before {
    content: '';
    width: 0;
    margin-left: 0;
}

.section.market {
    padding: 0;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}

.market-info {
    padding: 30px;
}

div.market-info h2 {
    font-size: 19px;
    margin-bottom: 15px;
    text-align: center;
}

.section.market:nth-child(odd) {
    background: #dc3c32;
    color: #fff;
}

.section.market:nth-child(even) {
    background-color: #555;
    color: #fff;
}

.market-picture {
    position: relative;
    width: 100%;
    padding-bottom: 50%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.map.contact {
    width: 100%;
    height: 300px;
    padding-bottom: 0;
    border-left: 1px solid #fff;
}

.map.market {
    width: 400px;
    height: 200px;
    padding-bottom: 0;
}

.market-picture img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div.market-info ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

div.market-info li {
    padding-left: 2em;
    font-family: 'Avenir Next W01';
    text-transform: uppercase;
    letter-spacing: .125em;
    font-size: 13px;
}

div.market-info li:before {
    content: '\f097';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    width: 1.5em;
    margin-left: -2em;
}

.stickler {
    position: fixed;
    top: 0;
    z-index: 1000;
}

body.admin-bar .stickler {
    position: fixed;
    top: 28px;
    z-index: 1000;
}

.stickler-fix {
    padding-top: 45px;
}

.single #content.stickler-fix {
    padding-top: 105px;
}

.single.single-product #content.stickler-fix, .single-tribe_events #content.stickler-fix  {
    padding-top: 45px;
}


#nav-border {
    width: 100%;
    height: 2px;
    background-color: rgba(255,255,255,.2);
    position: relative;
}

@media (min-width: 40em) {
    .mid {
        text-align: justify;
    }

    #contact .mid {
        text-align: left;
    }
}

.mid p {
}

div.producer-bio {
    padding: 30px;
}

.page-id-12 .fancybox-wrap:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 60px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
    bottom: 0;
}

.producer-bio h2 {
    text-align: center;
    margin-top: 15px;
    line-height: 1;
    font-size: 19px;
    margin-bottom: 5px;
}

.producer-bio h4 {
    text-align: center;
    margin-top: 0;
    font-size: 13px;
    margin-bottom: 15px;
}

.producer-bio p {
    font-size: 14px;
}

#mission-statement.section p:last-child {
    margin-bottom: 0;
}

div.red-box,.widget_recent_entries {
    padding: 15px;
    color: #fff;
    background: #dc3c32;
}

.red-box a,.widget_recent_entries a {
    color: #fff;
}

.red-box a:hover,.widget_recent_entries a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.widget_recent_entries h1.widget-title {
    color: #fff;
}

.widget_recent_entries ul {
    list-style: none;
    margin-left: .25em;
    padding-left: 0;
}

.widget_recent_entries li {
    padding-left: 1.5em;
    border-bottom: 1px dotted rgba(255,255,255,.5);
    padding-bottom: 15px;
    padding-top: 15px;
}

.widget_recent_entries li:before {
    content: '\f1ea';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
}

.red-box a:hover {
    border-bottom: 1px solid #fff;
}

a.button {
    padding: 8px 30px;
    margin: 15px 0;
    border: 1px solid #dc3c32;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .125em;
    text-align: center !important;
}

a.button:after {
    content: " \f105";
    font-family: "Font Awesome 5 Pro";
}

a.button.down:after {
    content: " \f107";
    font-family: "Font Awesome 5 Pro";
}

div.image-strip {
    overflow: hidden;
    padding: 0;
    overflow: hidden;
}

a.button:hover {
    background: #dc3c32;
    color: #fff;
}

div.image-strip .image-third {
    width: 33.33%;
    float: left;
}

div.image-strip .image-half {
    width: 50%;
    float: left;
}

div.image-strip .image-half,div.image-strip .image-third {
}

div.image-strip .image-half:first-child,div.image-strip .image-third:first-child {
}

i,em {
}

h1.entry-title {
    margin-bottom: .25em;
    color: #dc3c32;
}

h1.entry-title a {
    color: #dc3c32;
}

ul.sub-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

ul.sub-nav li {
    display: inline;
    padding: 0 10px;
}

ul.sub-nav a {
    text-transform: uppercase;
    letter-spacing: .125em;
    font-size: 12px;
    font-weight: 800;
}

#sub-menu li.active a {
    color: #dc3c32;
}

#contact-map {
    padding: 0;
    width: 100%;
}

.market-info {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.market-info.show {
    position: relative;
    top: 0;
    left: 0;
}

#shop-selection img {
    margin-bottom: 1em;
}

#shop-selection .price {
    font-weight: 700;
}

.LLC-logo {
	width: 170px;
		padding: 10px;
	}

@media (min-width: 40em) {
.LLC-logo {
	width: 150px;
	float: right;

}

}

.LLC-logo img {
	
	display: block;
}

/* @group Share Bar */
div.share-bar {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 5px 0;
    font-weight: 500;
    margin-bottom: 30px;
}

ul.social-share {
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 0;
}

ul.social-share li {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 2px;
}

ul.social-share li a.twitter {
    color: #00aced;
}

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

ul.social-share li a.linked-in {
    color: #007bb6;
}

ul.social-share li a.google-plus {
    color: #dd4b39;
}

ul.social-share li a:hover {
    opacity: .3;
}

/* @end */
/* @group Woo Commerce Styles
 */
.woocommerce table.shop_table {
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
}

.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button {
    font-size: 12px;
    margin: 0;
    line-height: 1.3;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 500;
    border-radius: 0;
    left: auto;
    color: #dc3c32;
    background-color: transparent;
    border: 0;
    white-space: normal;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    border: 1px solid #dc3c32;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    letter-spacing: .125em;
    text-transform: uppercase;
}

.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover {
    text-decoration: none;
    background-image: none;
    background: #dc3c32;
    color: #fff;
}

.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt {
    background-color: transparent;
    color: #dc3c32;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover {
    background-color: #dc3c32;
    color: #fff;
}

.woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: transparent;
    color: #dc3c32;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{font-size:1em;}

.woocommerce ul.products li.product .button {
    margin-top: .5em;
    clear: left;
}

.woocommerce #online-shop a.button {
    padding: 8px 30px;
    margin: 15px 0 0;
    font-size: 16px;
}

.woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: #dc3c32 !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}

.woocommerce a.remove:hover {
    color: #fff !important;
    background: #dc3c32;
}

.woocommerce ul.products li.product h3 {
    padding: 0 0 .25em;
    margin: 0;
    font-size: .875em;
    font-weight: 600;
}

.woocommerce ul.products li.product .price {
    color: #dc3c32;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 1em;
    padding-right: 0.2em;
}

.woocommerce ul.products li.product,.woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 30.75%;
}

li.post-5577.product.type-product.status-publish.has-post-thumbnail.product_cat-online-shop.product_tag-charcuterie-hamper.last.instock.taxable.shipping-taxable.purchasable.product-type-simple {
	
}

.woocommerce ul.products li.first,.woocommerce-page ul.products li.first {
    clear: both;
}

.woocommerce ul.products li.last,.woocommerce-page ul.products li.last {
    margin-right: 0;
}

.woocommerce .related ul li.product,.woocommerce .related ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce-page .related ul li.product,.woocommerce-page .related ul.products li.product,.woocommerce-page .upsells.products ul li.product,.woocommerce-page .upsells.products ul.products li.product {
    width: 30.75%;
}

@media screen and (max-width: 768px) {
    .woocommerce ul.products li.product,.woocommerce-page ul.products li.product {
        width: 48%;
        float: left;
        clear: both;
        margin: 0 0 2.992em;
    }
}

.woocommerce div.product p.price,.woocommerce div.product span.price {
    color: #dc3c32;
    font-size: 1.25em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #d3ced2;
    background-color: transparent;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0 0 0 0;
    margin: 0 -5px;
    padding: 0 1em;
}

.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message {
    padding: 0 2em !important;
    margin: 0 0 qem !important;
    position: relative;
    background-color: transparent;
    color: #515151;
    border-top: none;
    list-style: none !important;
    width: auto;
    font-weight: 700;
    font-style: italic;
}

.woocommerce-info a {
    font-weight: 700;
}

.woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f013";
    display: inline-block;
    position: absolute;
    top: 0;
    left: .5em;
    font-style: normal;
    font-weight: 400;
}

.woocommerce .woocommerce-message:before {
    font-family: WooCommerce;
    content: "\e015";
    color: #dc3c32;
}

.woocommerce .woocommerce-info:before {
    color: #dc3c32;
}

.woocommerce-page .widget {
    padding: 15px;
    background-color: #dc3c32;
    color: #fff;
}

.woocommerce-page .widget.widget_text {
    padding: 15px;
    background-color: #555;
    color: #fff;
}

.woocommerce-page .widget a,.woocommerce-page .widget h1.widget-title,.woocommerce .widget a.remove {
    color: #fff !important;
}

.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .125em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    z-index: 2;
    border-bottom-color: #f9f7f3;
}

ul.cart_list.product_list_widget {
    font-size: 13px;
}

div.summary.entry-summary {
    margin-top: 0;
}

.widget_shopping_cart_content p.total {
    font-size: 13px;
}

.woocommerce div.textwidget {
    font-size: 13px;
}

.woocommerce div.textwidget a {
    font-weight: 700;
}

.woocommerce a.added_to_cart{padding-top:.5em;white-space:nowrap;display:inline-block; font-size: 0.75em;
}

span.tribe-tickets-remaining {
	font-size: 0.6em;
	text-align: center;
	font-weight: 700;
}

.woocommerce div.product .out-of-stock{
	color:#dc3c32;
	font-weight: bold;
}

/* @end */




.tribe-events-list h2.tribe-events-list-event-title, .tribe-events-list #tribe-events-photo-events .tribe-events-event-details h2, .tribe-events-single ul.tribe-related-events .tribe-related-events-title {
   font-size: 1.2em;
   font-weight: 600;
   margin-bottom: 0;
}


.tribe-events-list .tribe-events-category-hands-on-courses.type-tribe_events h2 a {
	color: #62a262;
}


.tribe-events-list .tribe-events-category-tasting-events.type-tribe_events h2 a {
	color: #c078c0;
}

span.cc-cost {
	font-size: 0.75em;
}


.tribe-events-list .type-tribe_events{border-bottom:1px solid #ddd;margin:0;padding:1.5em 0;
border-bottom: 1px solid #eee;}

div.tribe-events-list-photo-description.tribe-events-content, div.tribe-events-list-event-description.tribe-events-content {
	font-size: 0.8125em;
}

#tribe-events .tribe-events-content p,.tribe-events-after-html p,.tribe-events-before-html p{line-height:1.5;margin:0 0 10px}


span.tribe-address {
	font-weight: 400;
}



div.tribe-events-event-details, .tribe-events-single ul.tribe-related-events li .tribe-related-event-info {
	padding: 1em;
}



div.tribe-events-schedule.tribe-clearfix {
	margin-top: 0.25em;
	margin-bottom: 1em;
}

.tribe-events-schedule h2{
font-style:normal;
font-weight:400;
font-size: 1em;
}

#tribe-events-pg-template .tribe-events-content ol li,#tribe-events-pg-template .tribe-events-content ul li,.tribe-events-after-html ol li,.tribe-events-after-html ul li,.tribe-events-before-html ol li,.tribe-events-before-html ul li{line-height:1.5;margin:0 0 0px}

span.tickets-sold-out {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	font-size: 0.5em;
	line-height: 1;
	display: inline-block;
	padding: 0.75em 1em;
	background-color: #dd6962;
	color: #fff;
	border-radius: 10px;
	vertical-align: middle;
}

.tribe-bar-disabled{
width: 100%;
float: none;
}

#CC-bar-views ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.125em;
	margin-bottom: 0.5em;
}

#CC-bar-views ul li {
	display: inline;
	padding: 0 1em;
}


.cc-event-category {
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.125em;
	margin-bottom: 0.5em;
	font-weight: 600;
}



.tribe-events-category-hands-on-courses .cc-event-category {
	color: #62a262;
}

.tribe-events-category-tasting-events .cc-event-category {
	color: #c078c0;
}

.tribe-events-list-separator-month{background-color:transparent;display:block;font-size:1.25em;font-weight:500;margin:2.5em 0 0;padding:0;text-transform:uppercase; letter-spacing: 0.125em;
text-align: center;
}

a.tribe-events-read-more {
	
	font-weight: 600;
}

.tribe-events-loop .tribe-events-event-meta, span.tribe-event-time, span.tribe-event-date-start  {border:0;clear:both;float:none;font-size:14px;font-weight:700;line-height:1.5;margin:5px 0 15px;overflow:visible}


.post-grid {
	margin: 0 -1em;
	overflow: hidden;
}

.post-grid .post-card {
	width: 100%;
	float: left;
	padding: 0.5em;
}


@media (min-width: 40em) {
	
	.post-grid .post-card {
		width: 50%;
		float: left;
		padding: 0.75em;
	}
	
	.post-grid {
		margin: 0 -0.75em;
	}
	
	.post-grid .post-card:nth-child(2n+1) {
		clear: none;
	}

}

@media (min-width: 56em) {
	
	.post-grid .post-card {
		width: 33.3%;
		float: left;
		padding: 1em;
	}
	
	.post-grid {
		margin: 0 -1em;
	}
	
	.post-grid .post-card:nth-child(2n+1) {
		clear: none;
	}
	
	.post-grid .post-card:nth-child(3n+1) {
		clear: left;
	}
	

}


.post-grid h2.entry-title {
	font-size: 1em;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: 0;
	font-weight: 500;
	line-height: 1.3em;
}

.post-thumbnail {
	position: relative;
	width: 100%;
	background-color: #555;	
	overflow: hidden;
	/*	border: 1px solid #e7e7e7;*/
}

.entry-content .post-thumbnail {
	margin-bottom: 1.5em;
}

.advertisement .post-thumbnail  {
	max-width: 200px;
	margin: auto;
}

.post-thumbnail::before {
	content: "";
	display: block;
	padding-top: 50%; 
}

.post-thumbnail img {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;	
	max-width: 100%;
}

.post-card .entry-header{
	margin-top: 1em;
}

.post-card .post-thumbnail a img {
	opacity: 1;
}

.post-card .post-thumbnail a:hover img, .post-card .post-thumbnail a img.hover-opacity {
	opacity: 0.5;
}

.post-card .entry-header .entry-title a.hover-title-colour, .hero-card .entry-header .entry-title a.hover-title-colour {
	color:#585858;
}

span.shipping-class {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	font-size: 0.5em;
	line-height: 1;
	display: inline-block;
	 clear: right;
	padding: 0.75em 1em;
	background-color: #9bcdba;
	color: #fff;
	border-radius: 10px;
	vertical-align: middle;
	margin-top: -4px;
}

.testimonials-list {
	margin-top: 2em;
}
.testimonial-item {
	padding: 1em;
	background: rgba(255, 255, 255, 1);
	margin-bottom: 2em;
	border-radius: 1em;
}

.testimonial {
	font-style: italic;
}

.testimonial-item .testimonial-name {
	font-size: 0.825em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 500;
	color: #dd6962;
}

/* @group Home Mosaic Layout Grid */

.mosaic-grid {
overflow: hidden;
margin: -1em;
}

.mosaic-grid .tile {	
	float: left;
	position: relative;
	width: 100%;
	background-color: #585858;
}

.mosaic-grid .wrap {
	padding: 1em;
}

.mosaic-grid .main-tile.wrap {
	width: 75%;
	float: left;
	/*background-color: red;*/
}

.mosaic-grid .main-tile .tile:before {
	content: "";
	display: block;
	padding-top: 53.334%; 	
}

.mosaic-grid .side-tile.wrap {
	width: 25%;
	float: left;
}

.mosaic-grid .side-tile .tile:before {
	content: "";
	display: block;
	padding-top: 80%; 	
}

.mosaic-grid .bottom-tile.wrap {
	width: 33.33%;
	float: left;
}

.mosaic-grid .bottom-tile .tile:before {
	content: "";
	display: block;
	padding-top: 80%; 	
}

.tile-background {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f5f5f5 url(http://www.cannonandcannon.com/neu/wp-content/uploads/2016/09/160809-Cannon-Cannon-065-1500x998.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: 0.3;
}

.main-tile .tile-background {
	opacity: 1;
}

@media screen and (max-width: 1000px) {

.mosaic-grid .bottom-tile .tile:before {
	content: "";
	display: block;
	padding-top: 100%; 	
}

}

@media screen and (max-width: 900px) {

.mosaic-grid .main-tile.wrap {
	width: 100%;
}

.mosaic-grid .side-tile.wrap {
	width: 50%;
	float: left;
}

.mosaic-grid .side-tile .tile:before {
	content: "";
	display: block;
	padding-top: 56.25%; 	
}

.mosaic-grid .bottom-tile.wrap {
	width: 100%;
	float: left;
}

.mosaic-grid .bottom-tile .tile:before {
	content: "";
	display: block;
	padding-top: 30%; 	
}

}

@media screen and (max-width: 660px) {

.mosaic-grid .bottom-tile .tile:before {
	content: "";
	display: block;
	padding-top: 60%; 	
}

}

/* @end */



.bottom-tile .tile-header {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #008158;
	padding: 0.75em;
}

.bottom-tile h4 a {
	color: #fff;
}

a.mosaic-button {
	font-size: .5625em;
	letter-spacing: 0.1em;
	position: absolute;
	bottom: 2em;
	right: 2em;
	color: #fff;
	background-color: #dc3c32;
	padding: 0.5em 1em 0.6em;
	border-radius: 30px;
	text-transform: uppercase;
}

.bottom-tile h4 {
	color: #fff;
	margin: 0;
	font-size: 0.875em;
	text-transform: uppercase;
	letter-spacing:0.1em
}

.mosaic-grid .bottom-tile:nth-of-type(4) .tile-header, .mosaic-grid .bottom-tile:nth-of-type(4) a.mosaic-button  {
	background-color: #008158;
}

.mosaic-grid .bottom-tile:nth-of-type(5) .tile-header, .mosaic-grid .bottom-tile:nth-of-type(5) a.mosaic-button  {
	background-color: #002850;
}

.mosaic-grid .bottom-tile:nth-of-type(6) .tile-header, .mosaic-grid .bottom-tile:nth-of-type(6) a.mosaic-button   {
	/*background-color: #ee9e3e;*/
	background-color: #CE3187;
}



.side-tile .tile-header {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    height: 3em;
    line-height: 3em;
    margin: -1.5em 0 0 -50%;
    z-index: 10;
    color: #fff;
    vertical-align: middle;
}

.tile-header h4 {
	margin: 0;
	height: 100%;
	font-weight: 800;
}

.main-tile .tile-text {
	width: 100%;
	position: absolute;
	bottom: 0;
	color: #fff;
	background-color: rgba(88, 88, 88, .7);
	font-size: 1.5em;
	line-height: 1.2;
	padding: 1em 4em 1em 1em;
	font-weight: 800;
}

@media screen and (max-width: 900px) {
	.main-tile .tile-text {
	font-size: 1em;
	padding-right: 40%;
	}
}

.bottom-tile-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 4em 1em 1em;
}

.bottom-tile-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.bottom-tile-content ul li{
	margin-bottom: 0.5em;
}

a.tribe-events-gmap {
	color:#dc3c32;
	display: block;
}

.bottom-tile-content h3 {
	text-transform: capitalize;
	font-size: 0.875em;
	margin-bottom: 0;
	line-height: 1.3;
	font-weight: 600;
}

.bottom-tile-content a {
	color: #fff;
}

.bottom-tile-content a:hover {
	border-bottom: 1px solid #fff;
}

.mosaic-grid .bottom-tile a.mosaic-button:hover, a.mosaic-button:hover {
	border-bottom: none;
	background: rgb(88, 88, 88);
}

.bottom-tile-content .news-meta {
	font-size: 0.75em;
}

/* @group BCMF Advert */

.ad-wrapper {
	display: table;
	height: 100%;
	text-align: center;
}

.ad-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


.ad-inner img {
	width: 100%;
	vertical-align: middle;
	display: block;
	max-height: 100%;
	text-align: center;
	margin: auto;
}


.ad-inner a:hover img {
	opacity: 0.5;
}
@media screen and (max-width: 900px) {
.ad-inner img {
	max-height: 100px;
	width: auto;
	margin: auto;
	text-align: center;
}
}

/* @end */


.subscriptions .entry-content {
	text-align: center;
}

.subscriptions .entry-content ul {
	margin-left: 0;
	margin-bottom: 0;
}

.subscriptions .entry-content ul li {
	padding-left: 0;
}

.subscriptions .entry-content h4 {
	margin-bottom: 0;
	font-weight: 600;
}


.subscriptions .entry-content h2 {
	color: #dc3c32;
	letter-spacing: 0;
	font-size: 2em;
	line-height: 1.25;
}

.subscriptions.intro .entry-content h2 {
	color: #dc3c32;
	letter-spacing: 0;
	font-size: 2.5em;
	line-height: 1.25;
}

@media screen and (min-width: 900px) {
.subscriptions.intro .entry-content h2 {
	font-size: 3em;
}
}

.how-it-works .entry-content h2 {
	font-size: 2em;
	color: #fff;
}


.section.how-it-works {
	background-color: #000000 !important;
}

.how-it-works .backstretch {
	opacity: 0.7;
	
}

.subscriptions ul.products {
	margin-top: 1em;
}

 .woocommerce .how-it-works .entry-content ul  {
    list-style: none !important;
    margin-left: .5em;
    padding-left: 0;
	font-size: 1.5em;
	color: #fff;
}

.woocommerce .how-it-works .entry-content ul li {
    padding-left: 0;
	padding-bottom: 1em;
	padding-top: 1em;
	font-weight: 800;
}

.woocommerce .how-it-works .entry-content ul li:before {
    font-size: 2em;
	color: #dc3c32;
    display: block;
    margin-left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	font-weight: 400;
}

.woocommerce .how-it-works .entry-content ul li:nth-child(1):before {
	content: '\f49c';
}

.woocommerce .how-it-works .entry-content ul li:nth-child(2):before {
	content: '\f073';
}

/*.woocommerce .how-it-works .entry-content ul li:nth-child(3):before {
	content: '\f48b';
}*/

.woocommerce .how-it-works .entry-content ul li:nth-child(3):before {
	content: '\f59a';
}

.subscription-details {
	color: #2a9d79;
}

.woocommerce-variation-add-to-cart {
	margin-top: 1em;
}

.tile-text h5 {
	font-weight: 400;
	font-size: 16px;
}

span.shipping-class {
	display:none;
}