/*!
Theme Name: jessa
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jessa
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.

jessa is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://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
--------------------------------------------------------------*/

@font-face {
    font-family: 'FlamaCond';
    src: url('fonts/FlamaCond-Light.eot');
    /* IE9 Compat Modes */
    src: url('fonts/FlamaCond-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/FlamaCond-Light.woff') format('woff'), /* Modern Browsers */
    url('fonts/FlamaCond-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/FlamaCond-Light.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'GothamLight';
    src: url('fonts/GothamLight.eot');
    /* IE9 Compat Modes */
    src: url('fonts/GothamLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/GothamLight.woff') format('woff'), /* Modern Browsers */
    url('fonts/GothamLight.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/GothamLight.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'GothamLight-Italic';
    src: url('fonts/GothamLight-Italic.eot');
    /* IE9 Compat Modes */
    src: url('fonts/GothamLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/GothamLight-Italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/GothamLight-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/GothamLight-Italic.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/Gotham-Medium.eot');
    /* IE9 Compat Modes */
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
    url('fonts/Gotham-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Gotham-Medium.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('fonts/Oswald-Light.eot');
    /* IE9 Compat Modes */
    src: url('fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Oswald-Light.woff') format('woff'), /* Modern Browsers */
    url('fonts/Oswald-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Oswald-Light.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: 'GothamLight';
    -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-family: 'Gotham-Medium';
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}


/*--------------------------------------------------------------
# Slide nav
--------------------------------------------------------------*/

.flex {
    display: -webkit-flex;
    display: flex;
}

.flex-wrap {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.flex-row {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.flex-row-rev {
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.flex-col {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.flex-col-rev {
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
}

.align-start {
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.align-center {
    align-items: center;
    -webkit-align-items: center;
}

.align-end {
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.justify-start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.justify-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.justify-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.justify-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: 'GothamLight';
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

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

p {
    margin-bottom: 1.5em;
    font-size: 14px;
    margin: 40px 0px;
    font-family: 'GothamLight', serif;
    letter-spacing: 1px;
    line-height: 30px;
}

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 http://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%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: 0.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:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="name"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #d2d2d2;
    border-radius: 1px;
    padding: 5px;
    width: 100%;
    text-transform: uppercase;
    font-family: 'GothamLight';
    letter-spacing: 1px;
    font-size: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="name"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: royalblue;
}

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

a:focus {
    outline: thin dotted;
}

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


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#logo-mobile {
    display: none;
}

/* highlights class for menu */

.gold-highlight {
    font-weight: bold;
    color: #d3a159;
    font-family: 'Gotham-Medium', sans-serif;
}
.gold-highlight a {
    font-weight: bold;
    color: #d3a159;
    font-family: 'Gotham-Medium', sans-serif;
}

.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%;
}

.icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

a .icon {
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    transition: unset;
}


/*--------------------------------------------------------------
# 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;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

#header-social {
    position: fixed;
    right: 100px;
    top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

#header-social .social-icon {
	display: block;
	margin: 0;
	width: auto;
	font-size: 13px;
}

#header-social .social-icon:hover {
	color: #8da6b9;
}

#header-social .social-icon i {
	margin-left: 10px;
}


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

.alignright {
    display: inline;
    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;
}

.entry-content p {
    margin: 20px 0px;
}

.entry-content a {
    color: #879fc1;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

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

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

.hentry {
    margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */

    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

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


/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}


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


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}




/*--------------------------------------------------------------
# CUSTOM STYLES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## RESET
--------------------------------------------------------------*/
a {
    color: #424242;
    text-decoration: none;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

a:hover,
a:hover:visited {
    color: #c8c8c8;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    box-shadow: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'GothamLight';
    font-weight: 100;
    letter-spacing: 1px;
}

h2{
    font-size: 24px;
}

p {
    margin: 0;
}



/*--------------------------------------------------------------
## GENERAL
--------------------------------------------------------------*/
.section-title {
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#popular_posts .section-title {
    margin-bottom: 1em;
}
#popular_posts .popular-post .popular-post-title-wrap {
    margin-top: 1em;
    text-align: center;
}

.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

.pad-section {
    padding: 50px 0px 0px;
    margin-top: 50px !important;
    border-top: 1px solid #eee;
}

.border-top {
    border-top: 1px solid #ededed;
}

.border-bottom {
    border-bottom: 1px solid #ededed;
}

.btn, ul#shop-menu li a {
    font-family: 'FlamaCond' !important;
    color: black !important;
    background-color: #f4f4f4 !important;
    padding: 11px 22px !important;
    font-weight: 100 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 13px !important;
    background-color: #313131;
}

.btn:hover, ul#shop-menu li a:hover {
    background-color: #424242 !important;
    color: white !important;
}

.btn-rv {
    font-family: 'GothamLight' !important;
    color: white !important;
    background-color: black !important;
    padding: 16px 22px !important;
    font-weight: 100 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}

.btn-rv:hover {
    background-color: #c8c8c8 !important;
    color: white !important;
}

.container-xl {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

.container-lrg {
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
}

.container-med {
    width: 75%;
    max-width: 950px;
    margin: 0 auto;
}

.container-sml {
    width: 55%;
    max-width: 840px;
    margin: 0 auto;
}

.show {
    display: block !important;
}

.entry-title {
    text-align: left;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 2px;
    font-family: 'GothamLight', serif;
    font-weight: 100;
    text-transform: uppercase;
}

.entry-meta {
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 30px;
    font-size: 11px;
    text-align: left;
}

i.fa.fa-circle {
    font-size: 5px;
    padding: 0px 18px;
}

#social-share button,
#social-share a {
    color: black;
    margin: 0 2%;
    font-size: 12px;
}

#social-share button:hover,
#social-share a:hover {
    color: #c8c8c8;
}

#waypoint {
    position: relative;
    top: 50px;
}

#social-waypoint {
    position: relative;
    top: -100px;
}

#vertical-social {
    position: fixed;
    top: 45%;
    left: 35px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#vertical-social.lock_social {
    opacity: 1;
    visibility: visible;
}

#vertical-social .social-icons a {
    margin-bottom: 26px;
    font-size: 15px;
}

.lateral-nav-social {
    margin-bottom: 20px;
}



/*--------------------------------
--------- Dropdown Styles --------
--------------------------------*/
.dropdown-banner {
    display: none;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 60px;
    left: 0;
    right: 0;
    background: white;
    padding: 30px;
    margin-top: 2px;
    box-shadow: 0px 5px 10px -7px black;
    z-index: 100;
}

.dropdown-banner-wrapper p {
    display: inline-block;
    margin: 0 10px;
    font-size: 13px;
}


.dropdown-banner-wrapper {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

.dropdown-bar .dropdown-banner-wrapper {
    align-items: center;
    -webkit-align-items: center;
}

.dropdown-search .dropdown-banner-wrapper .dropdown-banner-content {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 3%;
    font-family: 'GothamLight';
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: none;
}

.dropdown-bar .dropdown-banner-wrapper .dropdown-banner-content {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 3%;
    width: 90%;
    max-width: 450px;
    font-family: 'GothamLight';
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: none;
}

.dropdown-bar .dropdown-banner-wrapper .dropdown-banner-form {
    display: block;
    width: 12%;
}

.dropdown-bar .dropdown-banner-wrapper .dropdown-banner-form #mc-embedded-subscribe-form #inputs_wrap i.fa-envelope-o {
    right: -10px;
    top: 7px;
}

.dropdown-bar .dropdown-banner-wrapper .dropdown-title-image {
    max-width: 190px;
    display: block;
    margin-right: 3%;
}

.dropdown-bar .dropdown-banner-wrapper .dropdown-title {
    display: block;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 3px;
}

.dropdown-full .dropdown-block-left {
    width: 100%;
    max-width: 450px;
    margin-right: 8%;
}

.dropdown-full .dropdown-block-left .attachement-dropdown {
    display: block;
    width: 100%;
}

.dropdown-posts .dropdown-block-right {
    width: 70%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.dropdown-full .dropdown-block-right {
    width: 100%;
    max-width: 670px;
    text-align: center;
}

.dropdown-full .dropdown-block-header {
    text-align: center;
    width: 100%;
    background: #F6F6F6;
    display: block;
    overflow: auto;
    padding: 20px;
}

.dropdown-full .dropdown-block-header h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 100;
}

.dropdown-full .dropdown-block-header .dropdown-block-nav {
    text-align: center;
    font-family: 'GothamLight';
    padding: 0;
    font-size: 14px;
}

.dropdown-full .dropdown-block-header .dropdown-block-nav li {
    display: inline-block;
    margin: 0 5px;
    display: inline-block;
    margin: 7px 5px;
    font-size: 10px;
}

.dropdown-full .dropdown-block-header .dropdown-block-nav li i {
    margin-left: 7px;
    font-size: 7px;
    position: relative;
    top: -1px;
}

.dropdown-full .dropdown-block-header .dropdown-block-nav li:last-child i {
    display: none;
}

.dropdown-full .dropdown-block-header .dropdown-block-nav li a {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dropdown-full .dropdown-block-content {
    padding: 30px 0;
    text-align: left;
    font-size: 14px;
    text-transform: none;
    line-height: 20px;
}

.dropdown-full .dropdown-blog-readmore {
    font-family: 'GothamLight';
    text-transform: none;
}

.dropdown-full .dropdown-blog-readmore i {
    margin-left: 10px;
}

.dropdown-posts .dropdown-block-left {
    border-right: 2px solid #dedede;
    margin-right: 4%;
    width: 30%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.dropdown-posts .vertical-sep {
    width: 3px;
    background: #EADCDC;
    margin: 0 10%;
    display: block;
}

.dropdown-posts .drop-sub-cats .drop-nav-header {
    font-size: 20px;
    font-family: 'FlamaCond';
    text-transform: uppercase;
    display: block;
    margin: 20px 0;
    letter-spacing: 2px;
}

.dropdown-posts .drop-sub-cats {
    font-size: 14px;
    width: 50%;
}

.dropdown-posts .drop-sub-cats .cat-item {
    list-style: none;
    font-family: 'FlamaCond';
    text-transform: lowercase;
    font-size: 18px;
}

ul.dropdown-block-nav.flex.align-center.justify-center{
    margin-left: 0px;
    margin-bottom: 0px;
}

.dropdown-posts input.search-field{
    border: 0px;
    border-bottom: 1px solid #eee;
    text-transform: lowercase;
}

.dropdown-search {
    margin-top: 30px;
}

.dropdown-posts .drop-search {
    margin-top: 30px;
}

.dropdown-search .dropdown-banner-wrapper {
    align-items: center;
    -webkit-align-items: center;
}

.search-with-icon {
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.dropdown-posts .drop-search .search-with-icon {
    margin: 0 auto;
    width: 52%;
}

.dropdown-posts .drop-search .search-with-icon.seach-icon-left i.fa-search {
    font-size: 18px;
}

.dropdown-search .search-with-icon i.fa.fa-search {
    position: relative;
    z-index: 1;
}

.dropdown-search .search-with-icon .search-field {
    min-width: 165px;
    padding-left: 25px;
    margin-left: -15px;
    border-bottom: 1px solid #bfbfbf;
    font-style: italic;
}

.dropdown-posts .drop-search .search-with-icon .search-field {
    text-align: center;
    border: none;
    text-transform: lowercase;
    font-size: 14px;
    font-family: 'GothamLight';
    margin-left: 5px;
}

.drop-post {
    display: block;
    position: relative;
    width: 34%;
}

.drop-post img {
    display: block;
    padding: 0px 8px;
}

.drop-post-title-outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    opacity: 0;
    visibility: hidden;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.drop-post-title:hover {
    color: #c8c8c8;
}

.drop-post-title-inner {
    background: white;
    padding: 20px;
    width: 80%;
}

.drop-post-cat {
    font-size: 12px;
    text-transform: uppercase;
    color: #c8c8c8;
}

.drop-post-title {
    font-size: 14px;
    font-family: 'GothamLight';
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 10px;
}

.drop-post:hover .drop-post-title {
    color: black;
}

.drop-post:hover .drop-post-title-outer {
    visibility: visible;
    opacity: 1;
}


.post-entry-rs {
    margin: 60px 0px 40px;
}

.post-signature {
    font-family: 'FlamaCond';
    text-align: right;
    font-size: 60px;
    margin-top: -20px;
}

.rs-title {
    font-size: 18px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
    font-weight: 100;
}

.rs-title-text {
    background: white;
    display: block;
    position: relative;
    z-index: 2;
    padding-right: 10px;
    font-family: 'GothamLight';
    text-transform: uppercase;
    letter-spacing: 2px;
}

.rs-title-text .shop {
    font-family: 'proima-nova';
    font-size: 33px;
    text-transform: capitalize;
    letter-spacing: 0;
}

.rs-title-wrap {
    position: relative;
    background: white;
    padding-right: 8px;
    font-size: 14px;
    text-transform: lowercase;
    z-index: 2;
}

.rs-title-bar {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 35px;
    background: #c7c7c7;
    z-index: 1;
}



.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(200, 200, 200, 0.75);
    z-index: 150;
    display: none;
    cursor: pointer;
    z-index: 999999;
}

.modal-box {
    width: 50%;
    position: absolute;
    top: 50%;
    margin: auto;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: auto;
}

.modal-inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.modal-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    color: black;
    font-size: 28px;
    padding: 0px 40px;
    letter-spacing: 1px;
}



/*---------------------------------
--------- Modal STYLES --------
---------------------------------*/
#popup-modal-box {
    background: white;
    padding: 0;
    position: relative;
    width: 90%;
    max-width: 500px;
}

#popup-modal-box #popup-close {
    position: absolute;
    top: 6px;
    right: 10px;
    max-width: 16px;
    z-index: 50;
}

#popup-modal-box #popup-close .icon {
    width: 25px;
    height: 25px;
}

#popup-modal-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}

.popup-image {
    width: 100%;
}

#popup-modal-box #mc-embedded-subscribe-form {
    position: relative;
    padding: 0 !important;
}

#popup-modal-box #mc_embed_signup .mc-field-group {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 0;
    text-align: left;
    min-height: unset;
}

#popup-modal-box #mc_embed_signup .mc-field-group label {
    font-size: 10px;
    margin-bottom: 5px;
}

#popup-modal-box #mc-embedded-subscribe-form input {
    border: solid 1px black !important;
    border-radius: unset !important;
    display: block;
    width: 100%;
    padding: 5px 10px;
}

#popup-modal-box #mc-embedded-subscribe-form input[type="submit"] {
    font-family: 'FlamaCond' !important;
    color: black !important;
    padding: 13px 22px !important;
    font-weight: 100 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    font-size: 11px !important;
    background-color: #f4f4f4;
    border: solid 1px #f4f4f4 !important;
    width: 100%;
    height: auto;
    line-height: normal;
    margin: 5px 0 0;
}

#popup-modal-box #mc-embedded-subscribe-form input[type="submit"]:hover {
    background-color: #424242 !important;
    color: white !important;
    border: solid 1px #424242 !important;
}

#popup-modal-box #mc-embedded-subscribe-form .fa-envelope-o {
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 14px;
    z-index: 50;
}

#popup-modal-inner nf-field:nth-child(1) {
    float: left;
    width: 48%;
}

#popup-modal-inner nf-field:nth-child(2) {
    float: right;
    width: 48%;
}

#popup-modal-inner nf-field:nth-child(3) .nf-field-container {
    margin-bottom: 0;
}

#popup-modal-inner input[type="button"] {
    display: block;
    width: 100%;
    background: black;
    color: white;
}

#popup-modal-inner input[type="button"]:hover {
    background: #333333;
}

#popup-modal-inner input,
#popup-modal-inner textarea {
    border: none;
    padding: 8px;
    letter-spacing: 2px;
    font-family: 'GothamLight', 'GothamLight';
    font-size: 11px;
    line-height: 13px;
}

.popup-text h1,
.popup-text h2,
.popup-text h3,
.popup-text h4,
.popup-text h5,
.popup-text h6 {
    font-family: 'GothamLight', 'GothamLight';
}

#popup-modal[data-trigger="subscribe-popup"] #popup-modal-box .popup-image {
    width: 50%;
}

.popup-text {
    width: 100%;
    padding: 30px 10%;
}

.popup-text h3 {
    font-weight: normal;
    font-family: 'GothamLight';
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}


.popup-text p {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 25px;
    margin-bottom: 34px;
}

.popup-text #mc_embed_signup_scroll p {
    margin-bottom: -20px;
}

#popup-modal[data-trigger="subscribe-popup"] #popup-modal-box {
    padding: 0;
    max-width: 820px;
}

#popup-modal[data-trigger="subscribe-popup"] #popup-modal-inner {
    flex-wrap: nowrap;
    padding-right: 5%;
}

/*--------------------------------------------------------------
## ABOUT PAGE
--------------------------------------------------------------*/
.about-banner {
    display: block;
}

.about-intro-bottom {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    top: -160px;
    z-index: 1;
    margin-bottom: -130px;
}

.about-portrait {
    max-width: 475px;
    display: block;
    box-sizing: border-box;
    border: solid 16px white;
}

.about-intro-text h2{
    text-align: center;
    margin-bottom: 30px;
}

.about-portrait{
    max-width: 475px;
    display: block;
    box-sizing: border-box;
    border: solid 16px white;
}

.about-intro-title{
    font-family: 'FlamaCond';
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

section#about-bio {
    border-top: 1px solid #ededed;
    padding: 50px 0px 0px;
    margin-bottom: 10px;
}

.about-intro-body {
    width: 48%;
    margin-left: 4%;
    margin-top: 150px;
}

.about-bio-gallery{
    margin-top: 50px;
}

.about-bio-gallery img {
    border: 10px solid white;
}

#faq-module {
    padding: 9px 0px 40px;
    margin: 90px 0px 0px;
    background: #f7f7f7;
}

.page-faq-wrapper {
    position: relative;
}

.page-faq-title {
    text-align: center;
    margin: 40px 0px 40px;
    font-size: 28px;
    letter-spacing: 2px;
    font-family: 'GothamLight', serif;
    font-weight: 100;
}

.faq-title {
    display: block;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: white;
    border: 1px solid black;
    font-family: 'GothamLight';
    font-size: 13px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.faq-title i {
    margin-left: 10px;
    font-size: 20px;
}

.faq-col {
    width: 48%;
    text-align: center;
}

.faq-item .faq-text {
    display: none;
}

#about-quiz {
    border-bottom: 1px solid #ededed;
    padding: 50px;
    margin: 30px 0;
}

.about-quiz-title {
    text-align: center;
    text-transform: uppercase;
    font-family: 'GothamLight';
    font-size: 29px;
    letter-spacing: 1px;
}

.about-quiz-sub-title {
    text-align: center;
    font-family: 'FlamaCond';
    font-size: 57px;
    margin-top: -35px;
}

.quiz-item {
    width: 48%;
    margin-top: 50px;
}

.quiz-question {
    font-size: 14px;
    letter-spacing: 0.7px;
}

.quiz-answer {
    text-align: center;
    margin: 10px 0px 30px;
    font-family: 'FlamaCond';
    font-size: 60px;
    border-bottom: 1px solid;
}

#next-up-wrapper.about-more {
    background: white;
}



/*---- AP - MEDIA QUERIES ---*/
@media only screen and (max-width: 1024px) {
    .about-founder-right {
        padding: 50px 50px 50px 100px;
    }

    .about-founder-wrap {
        max-width: 1200px;
        width: 87%;
    }

    .about-founder-left {
        width: 40%;
        margin-right: -80px;
    }

    .about-founder-right {
        width: 65%;
        padding: 50px 30px 50px 90px;
    }

    .about-founder-content p {
        font-size: 13px;
        line-height: 24px;
    }
    .about-portrait {
        max-width: 375px;
    }
}

@media only screen and (max-width: 850px) {
    .about-founder-wrap {
        flex-direction: column;
    }

    .about-founder-right {
        padding: 40px;
    }

    .about-founder-left img {
        max-width: 100%;
    }

    .about-founder-left {
        width: 100%;
        margin-right: 0;
    }

    .about-founder-right {
        width: 100%;
    }
    .about-intro-body{
        margin-top: 160px;
    }
}

@media only screen and (max-width: 768px) {
    .about-portrait{
        display: none;
    }
    .about-intro-body {
        width: 88%;
    }
    .about-intro-bottom{
        top: 0;
        margin-bottom: 0px;
    }
    .quiz-answer{
        font-size: 40px;
    }
    .about-quiz-items.flex-wrap.align-start.justify-between {
        display: block;
    }
    .quiz-item {
        width: 100%;
    }
    #faq-module .flex-wrap.align-start.justify-between {
        display: block;
    }
    .faq-col {
        width: 100%;
    }
    .about-intro-body{
        margin-top: 20px;
    }
}

@media only screen and (max-width: 643px) {}



/*---- AP - EXPLORE MORE ---*/
section#explore-posts {
    margin-top: 90px;
}

.explore-title {
    text-align: center;
    text-transform: uppercase;
    font-family: 'GothamLight';
    letter-spacing: 1px;
    font-size: 29px;
    font-weight: 100;
}

.explore-wrap.flex-row.align-start.justify-between {
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'GothamLight';
    letter-spacing: 1px;
}

.explore-title {
    text-align: center;
}

.more-post {
    width: 31%;
    text-align: center;
    font-weight: 100;
    font-size: 15px;
}



/*--------------------------------------------------------------
## Videos Page
--------------------------------------------------------------*/
.vid-item {
	position: relative;
	width: 23%;
	margin-bottom: 2%;
}

.vid-item img {
	display: block;
}

.vid-item .vid-play {
	position: absolute;
	color: white;
	font-size: 32px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0,0,0,0.15);
	-webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.vid-item .vid-play:hover {
	color: #cc2d77;
}

#vids-load-more {
	width: 85%;
	max-width: 1100px;
	margin: 0 auto;
}

#vids-load-more .alm-reveal {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.single-video-back-btn {
	text-align: center;
}



/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.contact-page .entry-content p{
    padding: 0px 80px;
}

.contact-banner {
    height: 490px;
    margin-bottom: 50px;
}

.contact-image {
    width: 48%;
}

#contact-form-wrapper input {
    border: 1px solid black !important;
    border-radius: 0 !important;
}

#contact-form-wrapper {
    text-align: center;
    margin: 50px 0;
}

#contact-form-wrapper textarea {
    border: 1px solid black !important;
    border-radius: 0 !important;
}

.contact-form {
    width: 85%;
    max-width: 700px;
    margin: 0 auto;
}

#contact-form-wrapper .nf-field-container {
    margin-bottom: 20px;
}

#contact-form-wrapper nf-field input[value="Submit"][type="button"] {
    background: #f4f4f4;
    border: 1px solid #f4f4f4 !important;
    color: black;
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 10px 20px;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0 auto;
    font-family: 'GothamLight';
    text-transform: capitalize;
}

#contact-form-wrapper nf-field input[value="Submit"][type="button"]:hover {
    background: #424242;
    border: 1px solid #424242 !important;
    color: white;
}

#contact-form-wrapper .nf-field-element textarea {
    height: 106px;
}

#contact-form-wrapper .label-above .nf-field-label {
    margin: 0;
}

#contact-form-wrapper .nf-field-label label {
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}

.nf-form-fields-required {
    display: none !important;
}

#contact-form-wrapper nf-field:nth-child(2),
#contact-form-wrapper nf-field:nth-child(3) {
    float: right;
    width: 49%;
    clear: right;
}

#contact-form-wrapper nf-field:nth-child(1),
#contact-form-wrapper nf-field:nth-child(4),
#contact-form-wrapper nf-field:nth-child(5) {
    float: left;
    width: 49%;
    clear: left;
}

#contact-form-wrapper nf-field:nth-child(6) {
    display: block;
    width: 100%;
}

#contact-col {
    margin-top: 50px;
}

#contact_form h4 {
    font-size: 55px;
    color: #fd8ed5;
    letter-spacing: 2.3px;
    text-align: center;
    font-family: 'Tangerine', cursive;
    text-transform: capitalize;
    margin: 60px;
}

#contact_form h4 span {
    display: inline-block;
    margin: 0 2.3px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.col-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-grow: 1;
}

.col-6 {
    width: 48%;
}


.post-block .btn {
    display: block;
    text-align: center;
    width: 190px;
    margin-top: 60px;
}

/*--------------------------------------------------------------
## PRINTABLES
--------------------------------------------------------------*/
@media print {
    body * {
        visibility: hidden;
        height: 0;
    }

    .print-window,
    .print-window *,
    body .print-window,
    body .print-window * {
        visibility: visible;
        height: auto;
    }

    .print-window {
        position: absolute;
        left: 0;
        top: 0;
        height: 200px;
    }
}

div#printable {
    margin-top: 40px;
}

.printable ul {
    list-style: none;
    padding-left: 15px;
}

.printable ul li::before {
    content: "•";
    color: #b7a356;
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    font-size: 18px;
    line-height: 0;
    position: relative;
    top: 1px;
}

.printable ol {
    list-style: none;
    counter-reset: li;
    padding-left: 0px;
}

.printable ol li {
    counter-increment: li;
}

.printable ol li::before {
    content: counter(li);
    color: #DC9CAA;
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    direction: rtl;
    width: 15px;
    margin-left: -5px;
    font-size: 18px;
    line-height: 0;
    top: 1px;
    position: relative;
}

.printable .printable-header {
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
}

.printable .printable-header-left {
    width: 66%;
}

.printable .printable-title {
    font-size: 27px;
    margin: 0;
    font-family: 'GothamLight';
    font-weight: 100;
}

.printable .printable-description {
    margin: 20px 0;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.printable .print-printable {
    margin-top: 20px;
    display: inline-block;
}

.printable .printable-header-right {
    margin-left: 4%;
    text-align: right;
    width: 28%;
}

.printable .printable-details {
    background: white;
    /*border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;*/

    padding: 40px 0;
    font-size: 14px;
    box-shadow: none;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.printable .printable-details h3 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'GothamLight';
    letter-spacing: 2px;
    font-size: 18px;
}


.printable .printable-details h4 {
    margin-bottom: 10px;
}

.printable .ingredients {
    width: 54%;
}

.printable .ingredients p {
    margin: 0;
}

.printable .directions {
    width: 44%;
    padding-left: 40px;
}

.printable ol li::before {
    font-size: 13px !important;
}

/*--------------------------------------------------------------
## KEY PIECES
--------------------------------------------------------------*/
.key-pieces {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 30px 0;
}

.key-pieces a {
    color: black;
}

.key-pieces .key-pieces-title {
    font-size: 26px;
    text-decoration: underline;
    font-family: FlamaCond;
}

.key-pieces-code ul {
    list-style-type: none;
    font-size: 12px;
    padding: 0;
    margin: 10px 0;
}

.key-pieces-code ul li {
    display: inline-block;
}

.key-pieces-code ul li:after {
    content: '//';
    margin: 0 10px;
}

.key-pieces-code ul li:last-child:after {
    display: none;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

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

@media only screen and (max-width: 768px) {
    .about-ctas,
    .about-ctas a {
        display: block;
        width: 100%;
        text-align: center;
    }

    #vertical-social {
        left: 20px;
    }

    div#mc_embed_signup_scroll {
        flex-direction: column !important;
    }
}

@media only screen and (max-width: 667px) {
    .vid-item {
		width: 49% !important;
	}

    #vertical-social {
        display: none;
    }

    .printable .ingredients {
        width: 100%;
    }

    .printable .directions {
        width: 100%;
        padding-left: 0px;
    }

    p {
        font-size: 13px;
        line-height: 26px;
    }

    #contact-form-wrapper nf-field:nth-child(1),
    #contact-form-wrapper nf-field:nth-child(4),
    #contact-form-wrapper nf-field:nth-child(5) {
        width: 100%;
    }

    #contact-form-wrapper nf-field:nth-child(2),
    #contact-form-wrapper nf-field:nth-child(3) {
        width: 100%;
    }

    .follow-along-title {
        font-size: 15px;
    }

    .follow-along-icons a.social-icon {
        font-size: 12px;
    }
}

@media only screen and (max-width: 600px) {
    #rs-ltk-widget-2-wrapper #rs-ltk-widget-2-extra-style-wrapper .rs-ltk-content-frame-wrapper .rs-ltk-widget-content-wrapper .rs-ltk-content-wrapper .rs-ltk-wrapper {
        width: 48% !important;
    }
    #rs-ltk-widget-2-wrapper #rs-ltk-widget-2-extra-style-wrapper .rs-ltk-content-frame-wrapper .rs-ltk-widget-content-wrapper .rs-ltk-content-wrapper .rs-ltk-wrapper:last-child {
        display: none !important;
    }
}

@media only screen and (max-width: 480px) {
    .popup-image {
        display: none;
    }
}


/*--------------------------------------------------------------
## SMASH MODULES
--------------------------------------------------------------*/
/* CTA HERO MODULE */
.cta-hero {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    position: relative;
    padding: 50px;
    min-height: 690px;
    text-align: center;
    margin-bottom: 50px;
}

.cta-hero::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(244, 244, 244, 0.3);
    z-index: 1;
}

.cta-hero.embed-container::after {
    display: none;
}

.cta-hero .cta-hero-body {
    position: relative;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}

h1.cta-hero-title {
    font-family: 'GothamLight';
    font-size: 60px;
    margin-bottom: 25px;
    margin-top: 15px;
    color: #000000;
}

h4.cta-hero-subtitle {
    font-family: 'GothamLight';
    font-size: 20px;
    color: #000000;
}

.cta-hero .cta-hero-body .btn-rv {
    padding: 18px 26px !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}

@media screen and (max-width: 643px) {
    h1.cta-hero-title {
        font-size: 40px;
        margin-bottom: 36px;
        margin-top: 19px;
        line-height: 46px;
    }
}

/* CONTENT BLOCKS MODULE */
.content-blocks {
    position: relative;
}

.content-blocks .content-block {
    padding: 50px;
}

@media screen and (max-width: 600px) {
    .content-blocks .content-block {
        padding: 50px 20px;
    }
}

.content-blocks .content-block .content-block-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.content-blocks .content-block .content-block-image {
    width: 54%;
}
.content-blocks .content-block .content-block-body {
    width: 46%;
    padding-left: 50px;
}
.content-blocks .content-block .content-block-body .content-block-title {
    width: 100%;
    font-size: 40px;
    color: #000;
}
.content-blocks .content-block .content-block-body .content-block-text {
    width: 100%;
    margin: 20px 0 40px;
    line-height: 25px;
    font-size: 15px;
}

.content-blocks .content-block .content-block-body .content-block-text .btn-rv {
    padding: 18px 26px !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}

/* TEXT MODULE */
.text-basic {
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    text-align: center;
    font-family: 'GothamLight';
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 35px;
}

@media screen and (max-width:600px) {
    .text-basic {
        padding: 50px 20px;
    }
}

/* FEATURES MODULE */
.features-wrapper {
    position: relative;
    padding: 50px;
    background: #FBFAFA;
}

h2.features-title {
    font-family: 'GothamLight';
    font-size: 30px;
    margin-bottom: 30px;
}

.features-container .feature-text {
    width: 100%;
    background: #C4C4C4;
    padding: 20px;
    margin: 10px 0;
    text-align: left;
    font-size: 21px;
    font-weight: 300;
    font-family: 'GothamLight';
    letter-spacing: 1px;
    text-transform: capitalize;
}

.features-container .feature-text::first-letter {
    text-transform: capitalize;
}

.features-container .features-cta .btn-rv {
    padding: 18px 26px !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}

.features-container .feature-text .feature-count {
    margin-right: 2px;
}
.features-container .features-cta {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .features-container .feature-text {
        font-size: 18px;
    }
}

/* REVIEWS SLIDER MODULE */
.reviews-wrapper {
    position: relative;
    padding: 70px 30px 30px;
}
.reviews-wrapper .reviews-container {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
}
.reviews-wrapper .reviews-container .reviews-title {
    text-align: center;
    margin-bottom: 20px;
    font-family: 'GothamLight';
    font-size: 30px;
    margin-bottom: 30px;
}
.reviews-wrapper .reviews-container .reviews-slider {
    width: 100%;
}

.reviews-wrapper .reviews-container .reviews-slider .review {
    width: 100%;
}

.reviews-wrapper .reviews-container .reviews-slider .review-inner .review-text {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.reviews-wrapper .reviews-container .reviews-slider .review-inner .review-name {
    width: 100%;
    text-align: right;
}

/* ABOUT MODULE */
.about-block {
    position: relative;
    padding: 50px;
}

.about-block .about-block-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.about-block .about-block-image {
    width: 54%;
}
.about-block .about-block-body {
    width: 46%;
    padding-right: 50px;
}
.about-block .about-block-body .about-block-title {
    width: 100%;
    font-size: 40px;
    color: #000;
}
.about-block .about-block-body .about-block-text {
    width: 100%;
    margin: 20px 0 40px;
    line-height: 25px;
    font-size: 15px;
}

/* FAQ MODULE */
#faq-module {
    background: #FBFAFA;
    padding: 80px 50px;
    margin: 50px 0;
  }
  #faq-module .page-faq-header .page-faq-title {
    margin: 0;
    font-family: 'GothamLight';
    font-size: 30px;
    color: #000;
  }

  a.page-faq-cta {
    font-family: 'GothamLight';
    font-size: 15px;
    font-weight: 100;
    letter-spacing: 1px;
  }

#faq-module .page-faq-header .page-faq-header-inner {
    border-bottom: 1px solid #C3C3C3;
    padding-bottom: 20px;
    margin-bottom: 30px;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    align-items: center !important;
    -webkit-align-items: center !important;
    justify-content: center !important;
    -webkit-justify-content: center !important;
  }
  #faq-module .page-faq-header .page-faq-header-inner.has-cta {
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    align-items: center !important;
    -webkit-align-items: center !important;
    justify-content: space-between !important;
    -webkit-justify-content: space-between !important;
  }
  #faq-module .page-faq-header .page-faq-header-inner.has-cta .page-faq-cta svg {
      width: 15px;
      height: 15px;
      margin-left: 5px;
  }

    #faq-module .page-faq-wrapper {
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    align-items: flex-start !important;
    -webkit-align-items: flex-start !important;
    justify-content: space-between !important;
    -webkit-justify-content: space-between !important;
    position: relative;
    padding-top: 20px;
  }
  #faq-module .page-faq-wrapper .faq-col {
    width: 48%;
  }
  #faq-module .page-faq-wrapper .faq-col .faq-item {
    background: #ffffff;
    margin-bottom: 23px;
  }
  #faq-module .page-faq-wrapper .faq-col .faq-item .faq-title {
    text-align: left;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-family: "GothamLight", serif;
    margin-bottom: 0;
    padding: 10px;
  }
  #faq-module .page-faq-wrapper .faq-col .faq-item .faq-title span {
    width: 90%;
  }
  #faq-module .page-faq-wrapper .faq-col .faq-item .faq-title .icon {
    width: 25px;
    height: 25px;
    padding: 5px;
    cursor: pointer;
  }
  #faq-module .page-faq-wrapper .faq-col .faq-item .faq-text {
    display: none;
    text-align: left;
    font-weight: 100;
    letter-spacing: 1.2px;
    color: #7d7d7d;
    padding: 0 10px 10px;
  }
  @media screen and (max-width: 1024px) {
      #faq-module .page-faq-wrapper {
          padding: 50px;
      }

      .cta-banner-wrapper {
          padding: 30px;
      }

      .features-wrapper {
          padding: 80px 50px;
      }
  }
  @media screen and (max-width: 768px) {
    #faq-module .page-faq-wrapper {
      display: -webkit-flex !important;
      display: flex !important;
      flex-direction: column !important;
      -webkit-flex-direction: column !important;
      align-items: center !important;
      -webkit-align-items: center !important;
      justify-content: flex-start !important;
      -webkit-justify-content: flex-start !important;
      padding: 0;
    }
    #faq-module .page-faq-wrapper .faq-col {
      width: 100%;
    }
    #faq-module .page-faq-wrapper .faq-col .faq-item .faq-title {
      margin-bottom: 21px;
      font-size: 14px;
    }

    .features-wrapper {
        padding: 50px;
    }
  }
  @media screen and (max-width: 600px) {
    #faq-module {
      padding: 20px;
    }
    #faq-module .page-faq-wrapper {
        padding: 0px;
    }
  }

/* CTA BANNER MODULE */
.cta-banner-wrapper {
    position: relative;
    padding: 50px;
    text-align: center;
}
.cta-banner-wrapper .cta-banner-text {
    margin: 30px 0 40px;
}

.cta-banner-wrapper h2.cta-banner-title {
    font-family: 'GothamLight';
    font-size: 40px;
    color: #000;
}

.cta-banner-wrapper .btn-rv {
    padding: 18px 26px !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}

@media screen and (max-width: 1024px) {
    .content-blocks .content-block .content-block-body .content-block-title {
        font-size: 35px;
    }
    .content-block-image, .about-block-image {
        height: 520px !important;
    }
    .about-block .about-block-body .about-block-title {
        font-size: 35px;
    }
}

@media screen and (max-width: 960px) {
    .content-blocks .content-block .content-block-container {
        flex-direction: column !important;
    }

    .content-blocks .content-block .content-block-image {
        height: 400px !important;
        width: 100%;
        margin-bottom: 30px;
    }

    .content-blocks .content-block .content-block-body {
        padding-left: 0px;
        width: 100%;
    }

    .about-block .about-block-image {
        width: 100%;
        margin-bottom: 30px;
    }

    .about-block .about-block-container {
        flex-direction: column-reverse !important;
        width: 100%;
        margin-bottom: 30px;
    }

    .about-block .about-block-body {
        width: 100%;
        padding-right: 0px;
    }
    
    .about-block {   
        padding-bottom: 0;
        padding: 50px 20px;
    }

    @media screen and (max-width: 768px) {
        .features-wrapper {
            padding: 20px;
        }

        h2.features-title {
            text-align: center;
        }

        #faq-module .page-faq-header .page-faq-header-inner.has-cta {
            flex-direction: column !important;
        }

        .cta-banner-wrapper {
            padding: 20px;
        }
    }

}

/* Banner Module */
.banner-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.banner-wrapper .banner-image {
    width: 100%;
}
.banner-wrapper .banner-body {
    background: #f4f4f4;
    padding: 30px;
    width: 100%;
}
.banner-wrapper .banner-title {
    font-size: 32px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .banner-wrapper .banner-body {
        padding: 20px;
    }
    .banner-wrapper .banner-title {
        font-size: 24px;
    }
}
@media screen and (max-width: 600px) {
    .banner-wrapper .banner-title {
        font-size: 18px;
    }
}