/*!
Theme Name: Precept_New
Theme URI: http://underscores.me/
Author: CMA
Author URI: http://creativemediaalliance.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: precept
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Precept_New is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */


html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

body {
	margin: 0;
}

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

/* Grouping content
	 ========================================================================== */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}


pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */


img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

button,
input { /* 1 */
	overflow: visible;
}

button,
select { /* 1 */
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

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

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */


details {
	display: block;
}


summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */


template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000000;
	font-family: trade-gothic-next-condensed, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.033em; 
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

h2 {
	font-weight: normal; 
}

p {
	margin-bottom: 1.5em;
}

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: 0.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: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 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 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

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: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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

::selection {
    background: #d62828;
    color: #FFF;
}

::-moz-selection {
    background: #d62828;
    color: #FFF;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #d62828;
	text-decoration: underline; 
	text-decoration-color: transparent; 
}

a:visited {
	color: #d62828;
}

a:hover, a:focus, a:active {
	color: #d62828;
	text-decoration-color: #d62828;
}

a:focus {
	outline: none;
}

a:hover{
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

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

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.header-logo {
	display: block;
	text-align: center;
	margin: 30px;
}

.header-logo img{
	width: 400px; 
	height: auto; 
}

.header-social {
	float: right;
	margin-top: -80px;
}

ul.header-social {
	display:inline-block;
	margin: 0;
    padding: 0;
    font-size: 28px;
}

ul.header-social li {
	list-style-type: none;
	float: left;
}

ul.header-social li a i {
	padding-right: 10px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

ul.header-social li a i:hover {
	color:#999999;
}

ul.header-social li:last-child a i {
	padding-right: 0px;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-nav-bar  {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
}

.site-nav-bar .wrapper{
	overflow: auto; /*stops contain collapse*/
}

.shop-now-nav a {
	display: block; 
	border: 1px solid #d62828;
	color: #fff;
	background:#d62828;
	padding: 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.shop-now-nav a:hover {
	background-color: #fff;
	color: #d62828; 
}


/*Subnav*/ 
.subnav {
	border-bottom: solid 1px #cecbcb;
  	background-color: rgb(241, 241, 241);
  	width: 100%;
}

.subnav ul{
	display: flex; 
	flex-wrap: wrap; 
	list-style: none; 
	width: 100%; 
	margin: auto; 
}

.subnav ul li{
	display: inline-flex;  
}

.subnav ul li a{
  color: #000;
  text-transform: uppercase;
  line-height: 1.188em;
  text-decoration: none;
  padding-top: 10px; 
  padding-bottom: 10px; 
  padding-left: 16px;
  padding-right: 16px; 
  background-color: transparent; 
  /*letter-spacing: 1.275px;*/
}

.subnav ul li a:hover, 
.subnav ul li.current-post-parent a, 
.subnav ul li.current-menu-item a, 
.subnav .current-cma_wines-ancestor a, 
.subnav .current-menu-parent a {
	color: #fff; 
	background-color: #d62828; 
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 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;
}

/*--------------------------------------------------------------
# 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;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Containers
--------------------------------------------------------------*/
.wrapper {
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	max-width: 1280px;
	padding-right: 40px;
	padding-left: 40px;
}

.wrapper-nine-hundred {
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	max-width: 940px;
	padding-right: 20px;
	padding-left: 20px;
}

.wrapper-six-hundred {
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	max-width: 640px; 
	padding-right: 20px;
	padding-left: 20px;
}


/*-------------- Slider/Image Banner --------------*/
.slider-wrap {
	background: #fff;
}

.goodlife-sans-condensed { 
	font-family: goodlife-sans-condensed, sans-serif !important;
 
}

.trade-gothic-next-compressed { 
	font-family: trade-gothic-next-condensed, sans-serif !important;
}

.banner-wrapper {
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	max-width: 2000px;
	clear: both;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	position: relative;
	z-index:1;
	width: 100%;
}

.banner-image {
	width: 100%;
	height: 500px; 
	background-repeat: no-repeat; 
	background-size: cover; 
	opacity: 1; 
 	border-bottom: solid 1px #cecbcb;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*-------------- Titles --------------*/

.main-content-wrap h1,
.entry-header h1, 
.left-image-copy h3,
.right-image-copy h3,
.full-wrap-copy h3,
.map h3, 
.form h3{
	font-family: goodlife-sans-condensed, sans-serif; 
	color: #d62828;
	letter-spacing: 0.025em;
	font-size: 3.438em;
	line-height: 1.13em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}

.form h3 {
	text-align: center; 
}

/*-------------- Two Column Copy --------------*/

.main-content-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
	display: block;
	overflow: hidden;
}

.main-content-wrap, .content-area{
	border-bottom: #cecbcb solid 1px;
}

.home .main-content-wrap {
	background-color: #ffffff; 
}

.intro, 
.wine-title {
	text-transform: uppercase;
	/*letter-spacing: 0.2em;*/
	font-size:1.250em;
}

.main-content-wrap p {
    margin-top: 0;
	margin-bottom: 0; /*needs to be 0 for proper alignment*/
	line-height: 1.750em;
	font-size: 1.250em;
	padding-bottom: 10px; 
}

.main-content-wrap p:only-child {
    padding-bottom: 0; /*proper alignment on Safari if only one paragraph =*/
}

.two-column {
	display: block; 
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -ms-column-count: 2;
    -ms-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap : 50px;
    -o-column-count: 2;
    -o-column-gap : 50px; /* Opera */
	column-fill: balance; 
	-webkit-column-fill: balance;
    column-count: 2;
    column-gap: 50px;
    text-align:justify;
	clear: both;
}

.two-column ul {
   	margin-left: 10px;
	padding-left: 10px;
}

.two-column ul li {
	margin-bottom: 10px;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

/*-------------- Post Page Content --------------*/
main.type-post {
	padding-top: 44px; 
}

main.type-cma_wines {
	padding-top: 60px; 
}

.entry-meta, .wine-title {
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #d62828; 
}

.entry-meta{
	text-transform: uppercase; 
	font-size: 0.875em; 
	/*letter-spacing: .2em; */
	max-width: 605px; 
	padding-bottom: 17px; 
	margin-bottom: 7px; 
}

.intro a, .entry-footer nav ul li a {
	color: #000; 
	text-decoration: underline; 
	text-decoration-color: white; 
}

.entry-footer nav ul {
	margin: 0; 
	padding: 0; 
	display: inline-flex; 
	list-style: none; 
	width: 100%; 
	align-content: space-between; 
}

.entry-footer nav ul li {
	width: 50%; 
}

.entry-footer nav ul li a { 
	text-transform: uppercase; 
	font-size: 0.875em; 
	line-height: 4.143em;
	/*letter-spacing: .2em;*/
}

.entry-footer nav ul li.next {
	text-align: right; 
}

.post-content {
	display: flex; 
}

.entry-footer nav ul li a:hover, .intro a:hover{
	color: #d62828;
	text-decoration-color: #d62828;
}

.type-post .post-content{
	justify-content: flex-end; 
}

.type-post .post-content article {
	padding-left: 25px; 
	padding-right: 60px; 
	width: 66%;  
}

.type-cma_wines article {
	padding-right: 10px; 
	width: 50%; 
}

.post-content article p {
	font-size: 1.125em; 
	line-height: 1.444em; 
	margin-top: 0; 
	margin-bottom: 30px; 
}

.type-post .post-thumbnail {
	width: 33%;
	height: auto; 
}

.type-cma_wines .post-thumbnail {
	width: 50%; 
	text-align: center; 
	padding-top: 30px; 
	padding-bottom: 45px;
}

.wine-title {
	width: 100%; 
	padding-bottom: 15px; 
	margin-bottom: 16px; 
}

/*--------- Acclaims ---------*/
.acclaim-container p:not(:last-of-type) {
	margin-bottom: 0; 
}

.acclaim-title {
	text-transform: uppercase; 
}

.acclaim-date {
	
}

/*--------------------------------------------------------------
## Flexible Content
--------------------------------------------------------------*/

/*---------  Odd/Even  ---------*/

section {
	display: block;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: #cecbcb solid 1px;
}

section:nth-of-type(even),
.home section:nth-of-type(even),
.even {
	background: #fff;
}

section:nth-of-type(odd),
.home section:nth-of-type(odd),
.odd {
	background: #f8f8f8;
}

/*---------  Left/Right Image or Video with Text  ---------*/

.left-image-wrapper,
.right-image-wrapper {
	width: 100%;
	display:block;
	padding-top: 40px;
	padding-bottom: 40px;
	clear: both; 
	overflow: hidden; 
}

.left-image,
.right-image, 
.left-video, 
.right-video
{
	width:50%;
	position: relative;
}

.left-image, .left-video {
	float:left;
}

.right-image, .right-video {
	float:right;
}

.left-image img,
.right-image img {
	width:100%;
	height:auto;
	float: left;
}

.left-image-copy,
.right-image-copy{
	width: 46%;
	float: left;
}

.left-image-copy {
	margin-left: 4%;
}

.right-image-copy {
	margin-right: 4%;
}

.left-image-copy p,
.right-image-copy p {
    margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.750em;
	font-size: 1.250em;
}

.left-video, .right-video {  
	padding-bottom: 33.33%; 
	overflow: hidden;
	height: auto;
} 

.left-video iframe,
.left-video object,
.left-video embed, 
.right-video iframe,
.right-video object,
.right-video embed{ 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.map {
	border-bottom: 0; 
}

/*---------  Full Width Background  ---------*/
.full-wrap, .full-wrap-image, .full-wrap-copy{
	border-bottom: #cecbcb solid 1px;
}

.full-wrap {
	background-color: #fff; 
	padding-bottom: 30px;
	display: block;
	overflow: hidden;
}

.full-wrap-image {
	width: 100%;
	height: 500px; 
	background-repeat: no-repeat; 
	background-size: cover; 
}

.full-wrap-copy {
	max-width: 1280px;
	position: relative;
	z-index: 2;
	margin:30px auto;
	background: #f8f8f8;
	padding: 30px 100px;
	text-align: center;
	-webkit-transition: none;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-backface-visibility: hidden; /*safari flicker fix*/ 
	-webkit-transform: translate3d(0,0,0);/*safari flicker fix*/ 
	transform: translate3d(0,0,0);/*safari flicker fix*/ 
	border-top: #cecbcb solid 1px;
	border-left: #cecbcb solid 1px;
	border-right:#cecbcb solid 1px;
	
}

.full-wrap-copy p {
    margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.750em;
	font-size: 1.250em;
}

.video-wrapper{
	position: relative; 
	padding-bottom: 56.25%; 
	padding-left: 20px; 
	padding-right: 20px;
	height: 0; 
}

.video-wrapper iframe{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.boxed-vid{
	max-width: 1200px; 
	margin-top: 0px; 
	margin-right: auto; 
	margin-bottom: 0px; 
	margin-left: auto; 
	clear: both; 
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

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

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

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

/*--------------------------------------------------------------
## Butons
--------------------------------------------------------------*/
.button-row,
.button {
	display: block; 
}

.button-row{
	padding-bottom: 20px; 
}

.button, .button-dark{
	margin-top: 30px;
	margin-bottom: 15px;
}

.button a, 
.button-dark a {
	font-size: 1.250em;
	line-height: 1em;
	font-weight: 400;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #d62828;
}

.button a {
	background: transparent;
	color: #d62828;
}

.button-dark a {
	background-color: #d62828;
	color: #fff;
}

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

.button-dark a:hover {
	background-color: transparent;
	color: #d62828;
}

.slider .button, 
.grid .button {
	text-align: center; 
}

.button-row .button, 
.button-row .button-dark {
	display: inline-block; 
	margin-right: 20px; 
	margin-top: 10px; /*For Margin Collapse*/
	margin-bottom: 10px; 
}

.age-gate-submit-yes,
.age-gate-submit-no {
    font-size: 0.875em;
	line-height: 1em;
	font-weight: 500;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	border: solid #fff 1px;
	background: #d62828;
	color: #fff;
	margin-top: 10px;
}

.age-gate-submit-yes--reversed,
.age-gate-submit-no--reversed {
	border: solid #d62828 1px;
	background: #fff;
	color: #d62828;
}

.gform_wrapper .gform_footer input[type=submit]{
	font-size: 1.250em;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
	/*letter-spacing: 0.075em;*/
	border: solid #d62828 1px;
	background: transparent;
	color: #d62828;
}

.gform_wrapper .gform_footer input[type=submit]:hover{
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	background: #d62828;
	color: #fff;
}



/*--------------------------------------------------------------
# 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%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.footer {
	background: #d62828;
	width: 100%;
	color: #fff;
	display: block;
}

.footer h3 { 
	font-family: goodlife-sans-condensed, sans-serif; 
	font-size: 1.875em;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 0.075em;
	font-weight: normal;
	line-height: 1.2em;
}

.footer a { 
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	color: #000;
	text-decoration: none;
}

.footer-columns {
	display: block;
	padding-top: 65px;
	padding-bottom: 45px;
	overflow: hidden;
}

/*--------- Column One ---------*/

.footer-one {
	display: block;
	float: left;
	width: 25%;
	margin-right: 2%;
}

.footer-logo {
	padding-top: 50px;
	padding-bottom: 15px;
	-webkit-filter: brightness(0) invert(1);
  	filter: brightness(0) invert(1);
}

.footer-logo img {
	width: 90%; 
}

.social-wrap {
	padding-top: 5px;
	padding-bottom: 20px;
	z-index: 20;
	position: relative;
}

ul.social {
	display:inline-block;
	margin: 0;
    padding: 0;
    font-size: 28px;
}

ul.social li {
	list-style-type: none;
	float: left;
}

ul.social li a i {
	padding-left: 10px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

ul.social li:first-child a i {
	padding-left: 0px;
}

/*--------- Column Two & Three ---------*/

.footer-menu {
	display: block;
	float: left;
	width: 16.666666666667%;
	margin-right: 2%;
}

.footer-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 1.250em;
}

.footer-menu li  {
	margin-bottom: 10px;
	/*letter-spacing: 0.05em;*/ 
}

/*--------- Column Four ---------*/

.footer-four {
	display: block;
	float: left;
	width: 35.666666666667%;
}

.footer-four p {
	font-size: 1.250em;
	margin-top: 0px;
	padding-bottom: 10px; 
}

a.footer-button{
	font-size: 1.250em;
	line-height: 1em;
	font-weight: 400;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #d62828; 
	color: white; 
	border: 1px solid white; 
}

a.footer-button:hover, a.footer-button:focus, a.footer-button:active{
	background-color: white; 
	color: #d62828; 
}

body #gform_wrapper_2 form.gf_simple_horizontal {
    float: left;
    padding-bottom: 10px;
}

body #gform_wrapper_2 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    padding: 2px 4px !important;
}

body #gform_wrapper_2 li.hidden_label input {
	margin-top: 0px !important;
}

body #gform_wrapper_2 form.gf_simple_horizontal div.gform_body ul.top_label li.gfield {
    padding-right: 10px !important;
}

.newsletter-form {
    display: block;
    clear: both;
    float: left;
    width: 100%;
}


/*--------- Bottom Footer ---------*/

.footer-nav {
	width: 100%;
	display: block;
	border-top: 2px white solid;
	padding-top: 40px;
	text-align: center;
	clear: both;
	font-size: 1.250em;
}

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

.footer-nav ul li {
	display: inline-block;
	margin-right: 10px;
	/*letter-spacing: 0.05em;*/
}

.footer-nav li:after {
  	content: ' | ';
	margin-left: 10px;
 	color: white;
}

.footer-nav li:last-child::after {
  display: none
}

.site-info {
	font-size: 1.250em;
	color: white;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 60px;
}

/*--------------------------------------------------------------
## Precept Grid Navigation Styling
--------------------------------------------------------------*/

.precept .esg-filter-wrapper.dropdownstyle, .precept input[type=text]{
	width: 270px; 
}

.precept .esg-filter-wrapper.dropdownstyle {
	background-color: white; 
	border-color: #ccc; 
	border-width: 1px; 
	border-style: solid; 
}

.precept .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton {
	font-size:18px;
	font-family: trade-gothic-next-condensed, sans-serif;
}

.precept .esg-selected-filterbutton span {
	display: inline-block; 
	float: left; 
	padding-top: 8px; 
	padding-bottom: 8px; 
}

.precept input.eg-search-input[type=text]::placeholder, .precept input[type=text]::placeholder {
	text-transform:uppercase; 
	font-size:18px;
	line-height: 24px; 
}

#eg-wrap .precept input[type=text], .precept input[type=text] {
	border-color: #ccc;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

#eg-wrap .precept input[type=text]{
	font-size: 18px; 
	line-height: 30px;  
}

.precept input[type=text]{ 
	font-family: trade-gothic-next-condensed, sans-serif;
	border-style: solid; 
	border-width: 1px; 
}

.precept .esg-navigationbutton
.precept .esg-sortbutton,
.precept .esg-cartbutton, 
.precept .esg-filterbutton{
	color: #d62828;
	cursor:pointer;
	position: relative;
	z-index:2;
	font-family: trade-gothic-next-condensed, sans-serif;
	display: inline-block;
	margin-bottom: 5px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

.precept .esg-filterbutton {
	font-size:14px;
	line-height: 1em; 
	font-weight:400;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;   
	border: 1px solid #d62828; 
	margin-right:20px;
	background: transparent;
}

.precept .esg-navigationbutton
.precept .esg-sortbutton,
.precept .esg-cartbutton {
	margin-right:5px;
	padding: 1px 5px;
	border:none;
	font-size:16px;
  	line-height: 24px; 
	font-weight:400;
	background: #fff;
							}

.precept .esg-selected-filterbutton .eg-icon-down-open, 
.precept .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton{
	line-height: 24px; 
	color: #111; 
	font-weight: 400;
}

.precept .esg-selected-filterbutton .eg-icon-down-open {
	padding-top: 8px; 
	font-size: 12px;
	float: right; 
	padding-left: 20px; 
}

.precept .esg-filters{
	padding-bottom: 30px; 
}

.precept .esg-navigationbutton:hover,
.precept .esg-filterbutton:hover,
.precept .esg-sortbutton:hover,
.precept .esg-sortbutton-order:hover,
.precept .esg-cartbutton-order:hover,
.precept .esg-filterbutton.selected {
  	border-color: inherit; 
	color:#fff;
	background: #d62828;
  	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.precept .esg-dropdown-wrapper{
	width: 100%; 
	padding: 20px;
	background:#cbcbcb;
}

.precept .esg-dropdown-wrapper .esg-filterbutton{
	color: #111; 
	text-align: left; 
	background-color: #fff; 
	border: none; 
	width: 100%; 
}

.precept .esg-dropdown-wrapper .esg-filterbutton.selected{
	color:  #d62828;
}

.precept .esg-filter-checked{
	padding:1px 3px;
	color:#ccc;
	background:#fff;
	border: 1px #cbcbcb solid;
	margin-right:7px;
	font-size:9px;
	line-height:9px;
	vertical-align: middle;
}


/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {
	.full-wrap {
		padding-bottom: 0px;
	}
	
	.full-wrap-copy {
		margin-top: 0px;
		margin-bottom: 0px;
		border-left: 0; 
		border-right: 0; 
	}
	
	.type-post .post-content article{
		padding-right: 0; 
	}
	
	.footer-one{
		width: 20%; 
		margin-right: 1%; 
	}
	
	.footer-menu{
		width: 18%; 
	}
	
	.footer-four{
		width: 37%; 
	}

}

/* Tablet Breakpoint for Essential Grid ----------- */
@media only screen and (max-width: 960px){
	.precept .esg-filter-wrapper.dropdownstyle, .precept input[type=text]{
		width: auto; 
		margin-bottom: 5px; 
	}
}

@media only screen and (max-width: 845px) {
	
	.footer-nav, .footer-columns {
		padding-top: 25px; 
	}
	
	.site-info,  .footer-columns {
		padding-bottom: 25px; 
	}
	
	.footer-logo {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.footer-logo img {
		max-width: 265px;
	}
 
	body #gform_wrapper_2 { 
		max-width: 50%;
		margin: 0 auto;
		padding-bottom: 10px;
	}

	body #gform_wrapper_2 form.gf_simple_horizontal {
		float: none;
		padding-bottom: 0px;
	}
	
	.social-wrap, .footer-four, .footer-logo, .footer-menu {
		text-align: center;
	}
	
	.footer-menu {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}
	
	.footer-one, .footer-four{
		width: 100%;
	}
	
	.footer-one {
		margin-right: 0%;
	}
	
	.footer-menu li{
		margin-bottom: 5px; 
	}
	
	.footer-four{
		padding-top: 20px; 
		padding-bottom: 20px; 
	}
}



@media only screen and (max-width: 768px) {
	.wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.banner-image {
		height: 60vw; 
	}
	
	.main-content-wrap {
		padding-top: 0px;
	}
	
	.intro {
		padding-top: 20px;
	}
	
	.two-column {
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-ms-column-count: 1;
		-ms-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap : 0px;
		-o-column-count: 1;
		-o-column-gap : 0px; /* Opera */
		column-count: 1;
		column-gap: 0px;
		text-align:inherit;
	}
	
	.left-image-wrapper,
	.right-image-wrapper {
		width: 100%;
		display:block;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.left-image,
	.right-image, 
	.left-video, 
	.right-video{
		width: 100%; 
	}
	
	.left-image,
	.right-image {
		padding-bottom: 20px;
	}
	
	.left-video, .right-video{
		margin-bottom: 20px; 
		padding-bottom: 68%; 
	}
	
	.left-image-copy,
	.right-image-copy {
		float:none;
		width:100%;
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.full-wrap-copy {
		padding: 20px 0px;
	}
	
	.full-wrap-image {
		height: 50vw;
	}
	
	.post-content{
		flex-wrap: wrap; 
	}
	
	.post-thumbnail, .post-content article, .type-cma_wines .post-thumbnail, .type-cma_wines article, .type-post .post-content article, .type-post .post-thumbnail{
		width: 100%; 
	}
	
	.type-post .post-content article{
		padding-left: 0; 
	}
	
	#subForm{
		justify-content: center; 
	}
	
	.type-cma_wines .post-thumbnail img{
		max-width: 50%; 
	}
}

@media only screen and (max-width: 550px) {
	.header-logo {
		margin: 15px;
	}

	.header-logo img{
		width: 175px; 
		height: auto; 
	}
	
	.header-social {
		float: none;
		margin-top: 0px;
		display:none;
	}
	
	.precept .esg-filter-wrapper.dropdownstyle, .precept input[type=text]{
		width: auto; 
	}
}


@media screen and (max-width: 480px) {
	.main-content-wrap {
		padding-top: 20px;
	}
	
	.main-content-wrap h1, .entry-header h1, .left-image-copy h3, .right-image-copy h3, .full-wrap-copy h3, .map h3, .form h3{
		font-size: 3em;  
	}
	
		
	.precept .esg-filter-wrapper.dropdownstyle, .eg-search-wrapper{
		width: 100%; 
	}
	
	input.eg-search-input[type=text]{
		width: calc(100% - 46px); 
	}
	
	.subnav ul li a{
		padding-top: 5px; 
		padding-bottom: 5px; 
	}
}

@media only screen and (max-width: 400px) {
	.left-image-wrapper,
	.right-image-wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.left-image-copy h3, .right-image-copy h3, .full-wrap-copy h3 {
		font-size: 1.700em;
		margin-bottom: 10px;
	}
	
	.full-wrap {
		padding: 0px;
	}
	
	.footer-logo,  .footer-four p{
		display: none;
	}
	
	.social-wrap {
		padding-top: 0px;
		padding-bottom: 10px;
	}
	
	.footer h3{
		margin-bottom: 5px; 
	}
	
	.map h3{
		margin-right: 5px; 
		margin-left: 5px;
	}
	
	.footer-menu {
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
		margin-bottom: 20px; 
		float: none;
	}
	
	.footer-menu li{
		margin-bottom: 0; 
	}
	
	.footer .footer-four h3{
		padding-bottom: 10px; 
	}
	
	footer input[type="email"]{
		width: 100%; 
	}
	
	.footer-four{
		padding-top: 0; 
	}
	
	.js-cm-submit-button{
		margin-top: 5px; 
	}
}




/*--------------------------------------------------------------
## TRASH???
--------------------------------------------------------------*/

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

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.custom-logo-link {
	display: inline-block;
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}